.elementor-5500 .elementor-element.elementor-element-ddef405{margin-top:25px;margin-bottom:25px;}.elementor-5500 .elementor-element.elementor-element-5582f04:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-5500 .elementor-element.elementor-element-5582f04 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C0D8D8D8;}.elementor-5500 .elementor-element.elementor-element-5582f04 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5500 .elementor-element.elementor-element-5582f04 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5500 .elementor-element.elementor-element-354fabc{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-5500 .elementor-element.elementor-element-cce6239 > .elementor-container > .elementor-row > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-5500 .elementor-element.elementor-element-cce6239:not(.elementor-motion-effects-element-type-background), .elementor-5500 .elementor-element.elementor-element-cce6239 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#171B2D;}.elementor-5500 .elementor-element.elementor-element-cce6239{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 50px 50px 50px;}.elementor-5500 .elementor-element.elementor-element-cce6239 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5500 .elementor-element.elementor-element-27c2e61 > .elementor-element-populated{margin:0px 0px 0px 26px;--e-column-margin-right:0px;--e-column-margin-left:26px;}.elementor-5500 .elementor-element.elementor-element-a314c30{width:var( --container-widget-width, 59% );max-width:59%;--container-widget-width:59%;--container-widget-flex-grow:0;}.elementor-5500 .elementor-element.elementor-element-50da6f6{width:var( --container-widget-width, 10.888% );max-width:10.888%;--container-widget-width:10.888%;--container-widget-flex-grow:0;text-align:right;}.elementor-5500 .elementor-element.elementor-element-50da6f6 > .elementor-widget-container{margin:-30px -30px -30px -30px;}.elementor-5500 .elementor-element.elementor-element-50da6f6 img{width:75%;}.elementor-5500 .elementor-element.elementor-element-0ffcfab .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(30px/2);}.elementor-5500 .elementor-element.elementor-element-0ffcfab .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(30px/2);}.elementor-5500 .elementor-element.elementor-element-0ffcfab .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(30px/2);margin-left:calc(30px/2);}.elementor-5500 .elementor-element.elementor-element-0ffcfab .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-30px/2);margin-left:calc(-30px/2);}body.rtl .elementor-5500 .elementor-element.elementor-element-0ffcfab .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-30px/2);}body:not(.rtl) .elementor-5500 .elementor-element.elementor-element-0ffcfab .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-30px/2);}.elementor-5500 .elementor-element.elementor-element-0ffcfab .elementor-icon-list-item:not(:last-child):after{content:"";height:20%;border-color:#99A9B5;}.elementor-5500 .elementor-element.elementor-element-0ffcfab .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-top-style:solid;border-top-width:1px;}.elementor-5500 .elementor-element.elementor-element-0ffcfab .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-style:solid;}.elementor-5500 .elementor-element.elementor-element-0ffcfab .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-width:1px;}.elementor-5500 .elementor-element.elementor-element-0ffcfab .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-5500 .elementor-element.elementor-element-0ffcfab .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-5500 .elementor-element.elementor-element-0ffcfab{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-5500 .elementor-element.elementor-element-0ffcfab .elementor-icon-list-text{color:#99A9B5;transition:color 0.3s;}@media(max-width:767px){.elementor-5500 .elementor-element.elementor-element-ef36374{width:100%;}.elementor-5500 .elementor-element.elementor-element-ef36374 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:20px;}.elementor-5500 .elementor-element.elementor-element-ef36374 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-5500 .elementor-element.elementor-element-5582f04{width:100%;}.elementor-5500 .elementor-element.elementor-element-5ff44a5{width:100%;}}/* Start custom CSS for section, class: .elementor-element-ddef405 *//* --------------------------------------------------*/ /* Styling Anfrage Kostenvoranschlag */ /* HTML-ID anfrage */ /* --------------------------------------------------*/ /* Gesamtes Formular: Hintergrundfarbe und Rahmen --*/ /* alternative Farben: */ /* #e0ebeb helles grün */ /* rgba(240 240 240) helles grau */ #anfrage { background:rgba(230 230 240); padding:20px 15px 20px 15px; border-radius:5px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); color:#394d00; } /* Darstellung auf Smartphone oder iPhone ---------*/ @media (max-width: 767px) { .form_half { width: 100%; } } /* jetzt folgen die einzelnen Eingabefelder ------------------*/ /* Design für Checkboxen und Radio Buttons -----------------*/ span.wpcf7-list-item { color: #000000; width: 90% ; height: 30px ; margin-left: 0%; display: block; font-size: 16px !important; } /* Design für Checkbox und Radio-Bt. nur Beschriftung ---------*/ span.wpcf7-list-item-label { margin-left: 4px; /* Abstand zwischen Kästchen und Text */ } /* Design für Radio Buttons "nur Radio-Symbol" -----------*/ .wpcf7-form .wpcf7-radio input[type=radio] { width: 14px; /* height: 60%; */ } /* Design für Checkboxen "nur Checkbox-Kästchen" -----------*/ .wpcf7-form .wpcf7-checkbox input[type=checkbox] { width: 20px; height: 60%; } .wpcf7-form .wpcf7-checkbox label { position: relative; /* vertical-align: middle; */ /* cursor: pointer; */ } /* Schriftgröße in Textareas -------------------------------*/ input[type="xxx"], /* input ist bei textareas nicht erforderlich */ textarea { width: 100%; /* hat das hier keine Funktion */ font-size: 18px; /* Schriftgröße der Eingabe */ font-family: arial, sans-serif; /* Schriftfamilie */ font-style: normal; /* Kursiv zurücksetzen */ } /* Trennlinien ---------------------------------------------*/ .trennlinie { border: 0; width: 100%; height: 5px; border-radius : 5px 5px 5px 5px; /* Rundung von li oben uhrzeigersinn */ background-color: #639c9c; } .trennlinie_duenn { border: 0; width: 100%; height: 1px; border-radius : 5px 5px 5px 5px; /* Rundung von li oben uhrzeigersinn */ background-color: #639c9c; } /* Radio Button --------------------------------------------*/ .button { } /* volle Breite, Text linksbündig ---------------------------*/ .voll_linksb { width: 98%; text-align: left; /* linksbündig */ margin-right: 2%; } /* volle Breite, Text rechtsbündig---------------------------*/ .voll_rechtsb { width: 98%; text-align: right; /* rechtsbündig */ margin-right: 2%; } /* halbe Breite links (bei links/rechts) ------------------*/ .halbe_li { width: 49%; /* Breite der Eingabebox */ float: left; margin-right: 2%; margin-bottom: 0%; } /* halbe Breite rechts (bei links/rechts) -----------------*/ .halbe_re { width: 49%; margin-right: 0px; } /* halbe Breite nur links ---------------------------------*/ .halbe_nur_li { width: 49%; /* Breite der Eingabebox */ float: left; margin-right: 51%; margin-bottom: 0%; } /* viertel Breite 1v4 -------------------------------------*/ .viertel_1 { width: 23.5%; /* Breite der Eingabebox */ float: left; margin-right: 2%; margin-bottom: 0%; } /* viertel Breite 2v4 ------------------------------------*/ .viertel_2 { width: 23.5%; /* Breite der Eingabebox */ margin-right: 2%; } /* viertel Breite 3v4 ------------------------------------*/ .viertel_3 { width: 23.5%; /* Breite der Eingabebox */ margin-right: 2%; } /* viertel Breite 4v4 ------------------------------------*/ .viertel_4 { width: 23.5%; /* Breite der Eingabebox */ margin-right: 0%; } /* viertel Breite 2+3 -------------------------------------*/ .viertel_2_3 { width: 49.5%; /* Breite der Eingabebox */ margin-right: 2%; } /* viertel Breite 2+3+4 ----------------------------------*/ .viertel_2_3_4 { width: 74.5%; /* Breite der Eingabebox */ margin-right: 0%; } /* viertel Breite 1+2+3 ----------------------------------*/ .viertel_1_2_3 { width: 76.5%; /* Breite der Eingabebox */ margin-right: 0%; } /* eingerückt unter Checkbox ------------------------------*/ .linksinnen { width: 46.5%; /* Breite der Eingabebox */ float: left; margin-left: 2.5%; margin-right: 0%; margin-bottom: 0%; } /* eingerückt unter Checkbox 100 % Breite -------------------*/ .linksinnenfull { width: 95.0%; /* Breite der Eingabebox */ float: left; margin-left: 4.0%; margin-right: 0%; margin-bottom: 0%; } /* Straße und Hausnummer ----------------------------------*/ .strasse { width: 83%; /* Breite der Eingabebox */ float: left; margin-right: 2%; margin-bottom: 0%; } .hausnummer { width: 15%; margin-right: 0%; } /* Plz und Ort ------------------------------------------*/ .plz { width: 15%; /* Breite der Eingabebox */ float: left; margin-right: 2%; } .ort { width: 83%; margin-right: 0px; } /* "senden" ---------------------------------------------------*/ input[type="submit"] { /* "senden" */ background: #66ffff; /* Hintergrund türkis */ padding 20px; font-size: 30px; color: #006600; width: 100%; height: 90px; } /* input[type="submit"]:focus { senden */ /* background-color: #ff9900; /* Hintergrund orange */ /* } */ input[type="submit"]:hover { /* senden */ background-color: #99ffcc; /* Hintergrund grün */ } input[type="submit"]:active { /* senden */ background-color: #966600; /* Hintergrund braun */ } input[type="submit"]:after { /* senden */ background-color:##00e673; /* Hintergrund Dunkelgrün */ } /* gilt für alle Felder: bei Dateneingabe im Feld -------------------*/ input:focus { /* Eingaben im Feld */ border:1px solid #F9BF1D; /* Rahmen */ color: #003333; /* Schriftfarbe Dunkelgrün */ font-size: 18px; /* Schriftgröße */ font-family: arial, sans-serif; /* Schriftfamilie */ font-style: normal; /* Kursiv zurücksetzen */ background: #ffffff; /* Hintergrund bei Eingabe Weiß */ { div.wpcf7-response-output { background: #1B376F; padding: 1.5em 1em; /* em = Skalierungsfaktor für Schriftgröße */ border-color: #F9BF1D; }/* End custom CSS */