.forminator-label {
color: #60b1ce;
}
#calculation-1 .forminator-field {
float:right;
}
input.forminator-calculation {
text-align: right;
font-size: 19px;
font-family: 'Cabin', sans-serif;
}
.forminator-input-with-prefix {
right: 0;
position: absolute;
} .forminator-file-upload input::-webkit-file-upload-button,
.forminator-multi-upload input::-webkit-file-upload-button {
visibility: hidden;
} .forminator-multi-upload input {
width: 100%;
color: #fff;
position:relative;
}
.forminator-file-upload input::before,
.forminator-multi-upload input::before {
content: 'Bitte fügen Sie ein oder mehrere Bildervorlagen an';
display: inline-block;
background: #f5f5f5;
border: 1px solid #ECECEC;
color: #616161;
border-radius: 3px;
padding: 16px 16px 16px 42px;
box-sizing:border-box;
outline: none;
white-space: normal;
-webkit-user-select: none;
cursor: pointer;
font-size: 15px;
}
.forminator-file-upload input:hover::before,
.forminator-multi-upload input:hover::before {
background-color: #ECECEC;
color:#616161;
}
.forminator-file-upload input::after,
.forminator-multi-upload input::after {
content: url(https://www.qcraftart.com/wp-content/uploads/2025/02/info-icon.svg);
display: inline-block;
position:absolute;
left:12px;
top:13px;
}
.forminator-file-upload input:active::before,
.forminator-multi-upload input:active::before {
background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
.forminator-uploaded-file--content {
position: relative;
}
ul.forminator-uploaded-files { margin-top: 15px;
}
ul.forminator-uploaded-files li {
list-style:none;
}
.forminator-uploaded-file--preview {
float: left;
margin-right: 10px;
}
.forminator-uploaded-file--title{
padding-bottom: 0;
}
.forminator-uploaded-file--size {
font-size:15px;
}
.forminator-uploaded-file--delete {
cursor: pointer;
border: 0;
background-color: transparent;
font-size: 20px;
float: left;
position: absolute;
top: 3px;
left: -33px;
color: #60b1ce;
}
.forminator-uploaded-file--delete {
color: #3592b3;
} .custom-heading-section p {font-size:18px; color: #616161;padding-bottom:0;}
.custom-form .colorpicker input {width:40px;height:40px;border-radius:4px;background: #F5F5F5;border: 1px solid #ECECEC;margin-right:8px;}
.custom-form .colorpicker > .forminator-field {display: flex;flex-direction: row-reverse;justify-content: flex-end;align-items:center;}
.custom-form .colorpicker label .custom-color-label {display:block;font-size:16px;color:#616161;line-height:16px;}
.custom-form .color-col {flex: 0 0 33.3%!important; box-sizing: border-box;margin-top:12px;}
.colorpicker .forminator-label {
color: #60b1ce;
display: block;
}
.white-box {
border-radius: 20px;
background-color: #fff;
padding: 50px;
} .mb-0 > .vc_column-inner {margin-bottom:0!important;}
.my-4 > .vc_column-inner {margin: 64px 0 32px 0!important;}
.mb-12 {margin-bottom:12px;}
.mb-20 {margin-bottom:20px;}
.mb-32 {margin-bottom:32px;}
.mt-40 {margin-top:40px;}
.mt-30 {margin-top:30px;}
.mt-10 {margin-top:10px;}
.hero-image-slide, .c-hero-section .vcex-image-ba-wrap {max-width:570px;}
.c-hero-section .vcex-image-ba-wrap {margin-left: auto;}
.c-date-table .vcex-leader-item {display: table; width: 100%;}
.c-date-table .vcex-leader-item .vcex-first, 
.c-date-table .vcex-leader-item .vcex-last {display: table-cell; float: none;}
.c-date-table .vcex-leader-item .vcex-first {width:30%;}
.c-date-table .vcex-leader-item .vcex-last {width: 70%; text-align: right;}   .pb-1 {padding-bottom: 8px;} #footer-bottom ul {
margin: 0;
}
#footer-bottom ul li {
display: inline;
padding-left: 20px;
}
#footer-bottom ul li:first-child {
padding-left: 0;
}
.footer-heading {
display: block;
font-family: 'Cabin', Karla, sans-serif;
font-size: 22px;
color: #fff;
}
#footer-widgets .footer-box {padding:24px 0;} .custom-form h2 {font-size:24px;color:#222;}
input[type="radio"]:checked + .forminator-radio-bullet + .forminator-radio-label {
color: #61B1CE!important;
}
#forminator-field-radio-2-label-1::after {
content: "Dein Motiv nimmt die volle Größe des Bildes ein.";
display: inline-block;
width: auto;
font-size:16px;
color: #616161;
line-height: 1.4em;
}
#forminator-field-radio-2-label-2::after {
content: "Zusammenstellung aus mehreren Bildern.";
display: inline-block;
width: auto;
font-size:16px;
color: #616161;
line-height: 1.4em;
}
#forminator-field-radio-2-label-3::after {
content: "Deine gewählte Bildgröße wird durch 2 geteilt.";
display: inline-block;
width: auto;
font-size:16px;
color: #616161;
line-height: 1.4em;
}
#forminator-field-radio-2-label-4::after {
content: "Deine gewählte Bildgröße wird durch 3 geteilt.";
display: inline-block;
width: auto;
font-size:16px;
color: #616161;
line-height: 1.4em;
}
.custom-form #radio-1 .forminator-field {display: flex;flex-wrap: wrap; gap: 2.5rem;}
.custom-form #radio-1 > div > span,
.custom-form #radio-2 > div > span {flex: 1 1 100%;}
.custom-form #radio-1 > div > span {margin-bottom:-20px;}
.custom-form #radio-1 .forminator-field > label {flex: 1 1 calc(24% - 1.5rem);box-sizing: border-box;background: #F5F5F5;border:1px solid #ECECEC; border-radius:4px;padding:12px 16px 16px 16px;cursor:pointer;margin:0;}
.custom-form #radio-1 .forminator-field > label img {width:100%; height:auto; border-radius:4px;margin-top:4px;margin-bottom:0;}
.custom-form #radio-2 .forminator-field > label {flex: 1 1 calc(24% - 1.5rem);box-sizing: border-box;background: #F5F5F5;border:1px solid #ECECEC; border-radius:4px;padding:16px;cursor:pointer;margin:0;}
.custom-form #radio-2 .forminator-field > label img {display:block; width:100%; max-width:80px; height:auto; border-radius:4px;margin:8px 0 12px 0;}
.custom-form .forminator-label,
body[data-fancy-form-rcs="1"] .custom-form .fancy-select-wrap label {
display: block !important;
font-size: 18px;
font-weight: 500;
color: #222222;
padding-bottom:6px;
}
.custom-form .forminator-label .forminator-required {
color: #60b1ce !important;
}
.custom-form #radio-1 .forminator-field > label:hover,
.custom-form #radio-2 .forminator-field > label:hover {background: #ECECEC;}
.custom-form #address-1, .custom-form #address-2 {display: flex;flex-wrap: wrap;column-gap: 3rem;}
.custom-form #address-1 > .forminator-row:first-child,
.custom-form #address-1 > .forminator-row:nth-child(2),
.custom-form #address-2 > .forminator-row:first-child,
.custom-form #address-2 > .forminator-row:nth-child(2) {flex: 1 1 calc(50% - 0.67rem);box-sizing:border-box;margin-bottom:20px;}
.custom-form #address-1 > .forminator-row:last-child,
.custom-form #address-2 > .forminator-row:last-child {flex: 1 1 100%;}
.custom-form form > .forminator-row {margin-bottom:0!important;}
.custom-form form > .forminator-row:nth-child(4) {margin-bottom:0!important;}
.custom-form .select2-container {background: #f5f5f5;border: 1px solid #ECECEC!important;border-radius:4px;height:48px;box-sizing:border-box;}
body[data-fancy-form-rcs="1"] .custom-form .select2-container .select2-choice {height:48px;}
.custom-form .select2-container .select2-choice>.select2-chosen {line-height:36px;}
.custom-form input[type="text"], .custom-form input[type="email"], .custom-form input[type="number"] {background: #f5f5f5;border: 1px solid #ECECEC;border-radius:4px;box-sizing:border-box;min-height: 48px;}
.custom-form select[name="address-1-country"],
.custom-form select[name="address-2-country"] {display:block;width:100%;border: 1px solid #ECECEC;border-radius: 4px;box-sizing: border-box;min-height:48px;}
.custom-form .forminator-select--field.forminator-select2 {border-color:#ECECEC;}
.custom-form input[name="calculation-1"] {background:none;min-height:unset;padding:0 0 0 6px;border:0;}
.custom-form #calculation-1 .forminator-suffix {margin-top:6px;}
#consent-1 p {margin-bottom:0;}
.custom-form input[type="number"] {
padding: 10px;
width: 100%;
font-size: 14px;
font-family: inherit;
line-height: 24px;
}
.custom-form .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-col {padding: 0 12px!important;}
.custom-form .forminator-error-message {display:block;color:#FF0000!important;font-size:16px;padding:8px 0;} .custom-form .forminator-radio-label::before {display:inline-block;content:"";width:18px;height:18px;background:#FFF;border-radius:12px;border:1px solid #CCC;position:relative;bottom:-4px;margin-right:6px;}
.custom-form #radio-1 input[type="radio"]:checked + .forminator-radio-bullet + .forminator-radio-label::before,
.custom-form #radio-2 input[type="radio"]:checked + .forminator-radio-bullet + .forminator-radio-label::before{display:inline-block;content: url(https://www.qcraftart.com/wp-content/uploads/2025/02/check_white.svg);background:#61B1CE;color:#FFF;border-color:#61B1CE;font-size:14px;line-height:21px;text-align:center;}
.custom-form #radio-1 label > input[type="radio"],
.custom-form #radio-2 label > input[type="radio"]{display:none;}
.custom-form #radio-1 .forminator-radio-label,
.custom-form #radio-2 .forminator-radio-label {color: #616161;font-size:16px;font-weight:600;}
.custom-form #radio-1 .forminator-radio-label {width:100%;display:block;position:relative;margin-bottom:4px;} #html-3 > div p:first-child {margin-bottom:0;}
.custom-heading-section p {font-size:18px; color: #616161;padding-bottom:0;}
.custom-form .colorpicker input {width:40px;height:40px;border-radius:4px;background: #F5F5F5;border: 1px solid #ECECEC;margin-right:8px;}
.custom-form .colorpicker > .forminator-field {display: flex;flex-direction: row-reverse;justify-content: flex-end;align-items:center;}
.custom-form .colorpicker label .custom-color-label {display:block;font-size:16px;color:#616161;line-height:16px;}
.custom-form .color-col {flex: 0 0 33.3%!important; box-sizing: border-box;margin-top:12px;}
.custom-form .colorpicker input.forminator-input:not([type=checkbox]):not([type=radio]) {width:40px;} .custom-form .forminator-checkbox-label {font-size:18px; color:#616161;font-weight:normal;}
.custom-form .custom-checkbox p {color: #616161;font-weight:normal;font-size:18px;} .custom-form #upload-1 > div {margin-bottom:30px; padding-bottom:10px; border-bottom: 1px solid #ECECEC;} .custom-final-price input {border:none;background:none;font-size:32px;color: #60B1CE;font-weight:bold;text-align:left;}
.custom-final-price .forminator-input {color: #60B1CE;position:relative;display: flex;flex-direction: row-reverse;align-self: flex-start;}
.custom-final-price > .forminator-field {display: flex; flex-direction: column-reverse;}
.custom-final-price .forminator-label {color: #616161 !important;}
.custom-form #calculation-1 .forminator-field {float:none;}
.custom-form #calculation-1 {background: #60B1CE20; padding:16px!important;border-radius:4px;} .custom-tooltip {width:20px;height:20px;box-sizing:border-box;border-radius:12px;display:inline-block;float:right;}
.custom-form .forminator-radio .custom-tooltip::after {
display: none;
width: auto;
font-size:16px;
color: #616161;
line-height: 1.4em;
background-color: rgba(0, 0, 0, 0.8);
backdrop-filter: blur(5px);
position: absolute;
right:0;
padding:12px;
z-index:100;
top:40px;
border-radius:4px;
color: #FFF;
}
.custom-form .forminator-radio .custom-tooltip:hover::after {display:inline-block;} .custom-form #forminator-field-radio-1-label-1 .custom-tooltip::after {
content: "Realismus in der Kunst ist eine Stilrichtung, die die Welt so darstellt, wie sie ist – ohne Idealisierung oder Verzerrung. Künstler des Realismus konzentrieren sich auf alltägliche Szenen, natürliche Lichtverhältnisse und detaillierte Darstellungen, um die Realität objektiv einzufangen. Entstanden im 19. Jahrhundert als Reaktion auf Romantik und Klassizismus, prägt der Realismus bis heute Kunst, Fotografie und Film.";
} .custom-form #forminator-field-radio-1-label-2 .custom-tooltip::after {
content: "Die abstrakte Malerei entstand im frühen 20. Jahrhundert, in der Moderne. Sie verzichtet auf realistische Darstellungen und setzt auf Farben, Formen und Linien, um Emotionen, Stimmungen oder Ideen auszudrücken. Ohne erkennbare Motive lädt sie den Betrachter dazu ein, eigene Interpretationen zu finden. Ob dynamische Pinselstriche oder geometrische Kompositionen – abstrakte Kunst schafft eine visuelle Sprache jenseits der Realität.";
} .custom-form #forminator-field-radio-1-label-3 .custom-tooltip::after {
content: "Der Photorealismus ist eine Kunstbewegung, die in den späten 1960er Jahren entstand. In diesem Stil strebt man danach ein Bild zu schaffen, das so realistisch wie möglich aussieht.";
} .custom-form #forminator-field-radio-1-label-4 .custom-tooltip::after {
content: "Der Expressionismus ist eine Kunstbewegung des frühen 20. Jahrhunderts, die sich durch die Darstellung intensiver Gefühle und subjektiver Perspektiven auszeichnet. Hierbei wird mit verzerrten Formen und leuchtenden Farben agearbeitet.";
} .custom-form #forminator-field-radio-1-label-5 .custom-tooltip::after {
content: "Impressionismus entstand in der zweiten Hälfte des 19. Jahrhunderts in Frankreich. Hier versucht man, die flüchtigen Effekte von Licht und Farbe einzufangen. Hierbei wird eine eher helle Farbpalette sowie sichtbare Pinselstriche verwendet.";
} .custom-form #forminator-field-radio-1-label-6 .custom-tooltip::after {
content: "Pop-Art ist eine Kunstrichtung, die Mitte der 1950er Jahre in Großbritannien und den USA entstand. Sie verwendet Motive aus der Alltagskultur, der Werbung und den Massenmedien. Hierbei wird mit leuchtenden Farben und klaren Linien gearbeitet.";
} .custom-form #forminator-field-radio-1-label-7 .custom-tooltip::after {
content: "Der Kubismus, entwickelt von Pablo Picasso und Georges Braque, entstand um 1907. Dieser Stil zeichnet sich durch die Zerlegung von Objekten in geometrischen Formen und die Darstellung aus mehreren Perspektiven gleichzeitig aus.";
} .custom-form #forminator-field-radio-1-label-8 .custom-tooltip::after {
content: "Der Futurismus war eine avantgardistische Kunstbewegung, die 1909 in Italien begann. Sie feierte die moderne Technologie, Geschwindigkeit und Industrialisierung. Hierbei wird mit einer Dynamik gearbeitet, indem mehrere Phasen eine Bewegung darstellen.";
}
@media only screen and (min-width: 768px) {
.custom-form #radio-2 .forminator-field {display: flex;flex-wrap: wrap; column-gap: 2.5rem;}
}
@media only screen and (max-width: 767px) {
.custom-form #address-1 .forminator-row > div {padding:0!important;}
.custom-form .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-col {padding: 0!important;}
.custom-form #radio-2 .forminator-field > label {flex: 1 1 100%;display:block;margin-bottom:16px;}
.custom-form #radio-1 .forminator-field > label {flex: 1 1 100%;display:block;}
.custom-form #checkbox-1 > div label:last-child {margin-top:12px;}
.custom-form #checkbox-1 > div label {display:flex;align-items:baseline;}
.custom-form .forminator-checkbox__wrapper {display:flex;}
.custom-form.m-form-p {padding:24px!important;}
#footer-widgets .footer-box {padding:0 0 0 20px;}
#footer-bottom ul li {padding:0; margin: 0 10px;}
.hero-image-slide, .c-hero-section .vcex-image-ba-wrap {max-width:unset;}
}