.elementor-303 .elementor-element.elementor-element-85b046ad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-303 .elementor-element.elementor-element-85b046ad:not(.elementor-motion-effects-element-type-background), .elementor-303 .elementor-element.elementor-element-85b046ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8EFF0;}.elementor-303 .elementor-element.elementor-element-6d43bb96{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-303 .elementor-element.elementor-element-6cb62534{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:70px 70px;--row-gap:70px;--column-gap:70px;}.elementor-303 .elementor-element.elementor-element-ed73f776{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:22px 22px;--row-gap:22px;--column-gap:22px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-303 .elementor-element.elementor-element-1f0e8458{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;}.elementor-303 .elementor-element.elementor-element-1f0e8458 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:#1F5A73;}.elementor-303 .elementor-element.elementor-element-3f4b75a7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-303 .elementor-element.elementor-element-3f4b75a7 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:70px;font-weight:500;text-transform:none;line-height:0.98em;letter-spacing:-2.4px;color:#12232B;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-303 .elementor-element.elementor-element-3edfd4a5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:#657177;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-303 .elementor-element.elementor-element-673d236f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(16px/2);}.elementor-303 .elementor-element.elementor-element-673d236f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(16px/2);}.elementor-303 .elementor-element.elementor-element-673d236f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(16px/2);}.elementor-303 .elementor-element.elementor-element-673d236f .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-16px/2);}.elementor-303 .elementor-element.elementor-element-673d236f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-16px/2);}.elementor-303 .elementor-element.elementor-element-673d236f .elementor-icon-list-icon i{color:#1F5A73;transition:color 0.3s;}.elementor-303 .elementor-element.elementor-element-673d236f .elementor-icon-list-icon svg{fill:#1F5A73;transition:fill 0.3s;}.elementor-303 .elementor-element.elementor-element-673d236f{--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-303 .elementor-element.elementor-element-673d236f .elementor-icon-list-icon{padding-inline-end:12px;}.elementor-303 .elementor-element.elementor-element-673d236f .elementor-icon-list-text{color:#12232B;transition:color 0.3s;}.elementor-303 .elementor-element.elementor-element-4fc90131{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:23px 23px;--row-gap:23px;--column-gap:23px;box-shadow:10px 18px 0px 0px #1F5A7312;--padding-top:48px;--padding-bottom:48px;--padding-left:48px;--padding-right:48px;}.elementor-303 .elementor-element.elementor-element-4fc90131:not(.elementor-motion-effects-element-type-background), .elementor-303 .elementor-element.elementor-element-4fc90131 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-303 .elementor-element.elementor-element-151f6c44{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;}.elementor-303 .elementor-element.elementor-element-151f6c44 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:#78B4C4;}.elementor-303 .elementor-element.elementor-element-c35ed33b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-303 .elementor-element.elementor-element-c35ed33b .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:42px;font-weight:500;text-transform:none;line-height:0.98em;letter-spacing:-2.4px;color:#12232B;}body.elementor-page-303:not(.elementor-motion-effects-element-type-background), body.elementor-page-303 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F4F0;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-303 .elementor-element.elementor-element-85b046ad{--padding-top:75px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-303 .elementor-element.elementor-element-6d43bb96{--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-303 .elementor-element.elementor-element-6cb62534{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-303 .elementor-element.elementor-element-3f4b75a7 .elementor-heading-title{font-size:57px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-303 .elementor-element.elementor-element-3edfd4a5{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-303 .elementor-element.elementor-element-c35ed33b .elementor-heading-title{font-size:43px;}}@media(max-width:767px){.elementor-303 .elementor-element.elementor-element-85b046ad{--padding-top:58px;--padding-bottom:58px;--padding-left:0px;--padding-right:0px;}.elementor-303 .elementor-element.elementor-element-6d43bb96{--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-303 .elementor-element.elementor-element-3f4b75a7 .elementor-heading-title{font-size:49px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-303 .elementor-element.elementor-element-3edfd4a5{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-303 .elementor-element.elementor-element-4fc90131{--padding-top:28px;--padding-bottom:28px;--padding-left:22px;--padding-right:22px;}.elementor-303 .elementor-element.elementor-element-c35ed33b .elementor-heading-title{font-size:35px;}}@media(min-width:768px){.elementor-303 .elementor-element.elementor-element-6d43bb96{--content-width:1320px;}.elementor-303 .elementor-element.elementor-element-ed73f776{--width:44%;}.elementor-303 .elementor-element.elementor-element-4fc90131{--width:56%;}}@media(max-width:1024px) and (min-width:768px){.elementor-303 .elementor-element.elementor-element-ed73f776{--width:100%;}.elementor-303 .elementor-element.elementor-element-4fc90131{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-c9b8057 *//* =========================================================
   SHERMAN POOLS – GRAVITY FORMS
   Gleiches Design wie bestehendes Formular
   ========================================================= */


/* FORMULAR */
.gform_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    font-family: inherit !important;
    color: #172a32 !important;
}


/* =========================================================
   ANORDNUNG
   1 = Auswahl
   2 = Name
   3 = E-Mail
   4 = Telefon
   5 = Wo entsteht Ihr Pool?
   6 = Vorhaben / Nachricht
   ========================================================= */

.gform_wrapper .gform_fields {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 10px !important;
    row-gap: 14px !important;
}


/* Auswahl – volle Breite */
.gform_wrapper .gform_fields > .gfield:nth-child(1) {
    grid-column: 1 / -1 !important;
}


/* Name – links */
.gform_wrapper .gform_fields > .gfield:nth-child(2) {
    grid-column: 1 / 2 !important;
}


/* E-Mail – rechts */
.gform_wrapper .gform_fields > .gfield:nth-child(3) {
    grid-column: 2 / 3 !important;
}


/* Telefon – links */
.gform_wrapper .gform_fields > .gfield:nth-child(4) {
    grid-column: 1 / 2 !important;
}


/* Wo entsteht Ihr Pool? – rechts */
.gform_wrapper .gform_fields > .gfield:nth-child(5) {
    grid-column: 2 / 3 !important;
}


/* Was sollten wir über Ihr Vorhaben wissen? – volle Breite */
.gform_wrapper .gform_fields > .gfield:nth-child(6) {
    grid-column: 1 / -1 !important;
}


/* =========================================================
   FIELDSET / GRAVITY FORMS RESET
   ========================================================= */

.gform_wrapper fieldset {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
}

.gform_wrapper .gfield {
    margin: 0 !important;
    padding: 0 !important;
}

.gform_wrapper .ginput_container {
    margin: 0 !important;
}

.gform_wrapper .gform-body,
.gform_wrapper .gform_body {
    width: 100% !important;
}


/* =========================================================
   LABELS
   ========================================================= */

.gform_wrapper .gfield_label,
.gform_wrapper legend.gfield_label {
    display: block !important;

    margin: 0 0 5px 0 !important;
    padding: 0 !important;

    font-family: inherit !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;

    color: #172a32 !important;
}


/* Pflichtstern */
.gform_wrapper .gfield_required,
.gform_wrapper .gfield_required_asterisk {
    color: #e00000 !important;
}


/* "erforderlich" ausblenden */
.gform_wrapper .gfield_required_text {
    font-size: 0 !important;
}

.gform_wrapper .gfield_required_text::after {
    content: "*";
    font-size: 16px !important;
    color: #e00000 !important;
    margin-left: 3px;
}


/* =========================================================
   INPUTS
   ========================================================= */

.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="url"],
.gform_wrapper select {

    width: 100% !important;
    height: 52px !important;

    margin: 0 !important;
    padding: 0 15px !important;

    box-sizing: border-box !important;

    background: #ffffff !important;

    border: 1px solid #b2c0c4 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
    outline: none !important;

    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 400 !important;

    color: #172a32 !important;
}


/* Placeholder */
.gform_wrapper input::placeholder,
.gform_wrapper textarea::placeholder {
    color: #7f888c !important;
    opacity: 1 !important;
}


/* Fokus */
.gform_wrapper input:focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus {
    border-color: #24647b !important;
    box-shadow: none !important;
    outline: none !important;
}


/* =========================================================
   NAME
   Vorname + Nachname innerhalb des Name-Feldes
   ========================================================= */

.gform_wrapper .gfield--type-name .ginput_complex {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;

    width: 100% !important;
}


.gform_wrapper .gfield--type-name .ginput_complex > span {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Vorname / Nachname */
.gform_wrapper .gfield--type-name .ginput_complex label {
    order: -1 !important;

    margin: 0 0 5px 0 !important;

    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 400 !important;

    color: #172a32 !important;
}


/* =========================================================
   TELEFON MIT LÄNDERAUSWAHL
   ========================================================= */

.gform_wrapper .iti {
    width: 100% !important;
}


.gform_wrapper .iti input,
.gform_wrapper .iti input[type="tel"] {
    width: 100% !important;
    height: 52px !important;

    background: #ffffff !important;

    border: 1px solid #b2c0c4 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}


.gform_wrapper .iti__flag-container,
.gform_wrapper .iti__country-container,
.gform_wrapper .iti__selected-country {
    height: 52px !important;
}


/* Länder-Suchfeld */
.gform_wrapper .iti__search-input {
    height: 40px !important;

    padding: 0 10px !important;

    border: 1px solid #b2c0c4 !important;
    border-radius: 0 !important;

    background: #ffffff !important;
}


/* =========================================================
   SELECT / AUSWAHLFELDER
   ========================================================= */

.gform_wrapper select {
    height: 52px !important;

    padding: 0 15px !important;

    background-color: #ffffff !important;

    border: 1px solid #b2c0c4 !important;
    border-radius: 0 !important;

    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 400 !important;

    color: #172a32 !important;
}


/* =========================================================
   TEXTAREA
   ========================================================= */

.gform_wrapper textarea {
    display: block !important;

    width: 100% !important;

    height: 140px !important;
    min-height: 140px !important;

    margin: 0 !important;
    padding: 10px 15px !important;

    box-sizing: border-box !important;

    background: #ffffff !important;

    border: 1px solid #b2c0c4 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
    outline: none !important;

    resize: vertical !important;

    font-family: inherit !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;

    color: #172a32 !important;
}


/* =========================================================
   BESCHREIBUNGEN
   ========================================================= */

.gform_wrapper .gfield_description {
    margin-top: 5px !important;

    font-family: inherit !important;
    font-size: 12px !important;
    line-height: 1.5 !important;

    color: #657076 !important;
}


/* =========================================================
   BUTTON
   ========================================================= */

.gform_wrapper .gform_footer,
.gform_wrapper .gform_page_footer {
    width: 100% !important;

    margin: 16px 0 0 0 !important;
    padding: 0 !important;
}


.gform_wrapper input[type="submit"],
.gform_wrapper button[type="submit"],
.gform_wrapper .gform_button {

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: 47px !important;

    margin: 0 !important;
    padding: 0 20px !important;

    background: #24647b !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    color: #ffffff !important;

    font-family: inherit !important;
    font-size: 11px !important;
    line-height: 47px !important;
    font-weight: 700 !important;

    letter-spacing: .3px !important;

    text-align: center !important;
    text-transform: uppercase !important;

    cursor: pointer !important;

    transition: opacity .2s ease !important;
}


.gform_wrapper input[type="submit"]:hover,
.gform_wrapper button[type="submit"]:hover,
.gform_wrapper .gform_button:hover {

    background: #1d566a !important;
    color: #ffffff !important;

    opacity: .9 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .gform_wrapper .gform_fields {
        grid-template-columns: 1fr !important;
        row-gap: 14px !important;
    }


    .gform_wrapper .gform_fields > .gfield:nth-child(1),
    .gform_wrapper .gform_fields > .gfield:nth-child(2),
    .gform_wrapper .gform_fields > .gfield:nth-child(3),
    .gform_wrapper .gform_fields > .gfield:nth-child(4),
    .gform_wrapper .gform_fields > .gfield:nth-child(5),
    .gform_wrapper .gform_fields > .gfield:nth-child(6) {
        grid-column: 1 / -1 !important;
    }


    /* Vorname + Nachname mobil untereinander */
    .gform_wrapper .gfield--type-name .ginput_complex {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

}
/* =========================================================
   "Was sollten wir über Ihr Vorhaben wissen?"
   immer über die komplette Breite
   ========================================================= */

.gform_wrapper .gfield--type-textarea {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.gform_wrapper .gfield--type-textarea .ginput_container {
    width: 100% !important;
    max-width: 100% !important;
}

.gform_wrapper .gfield--type-textarea textarea {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
/* "Vor- und Nachname" immer in einer Zeile */
.gform_wrapper .gfield--type-name .gfield_label,
.gform_wrapper .gfield--type-name legend.gfield_label {
    white-space: nowrap !important;
    width: auto !important;
    max-width: none !important;
}
.gform_wrapper .gfield--type-name .ginput_complex label {
    white-space: nowrap !important;
    width: auto !important;
    max-width: none !important;
}
.gform_wrapper .gfield--type-name .ginput_complex label {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS */body.elementor-page-303 { overflow-x: clip; --shp-ink:#12232B; --shp-ocean:#1F5A73; --shp-water:#78B4C4; --shp-paper:#F5F4F0; --shp-mist:#E8EFF0; }
body.elementor-page-303 .shp-display .elementor-heading-title, body.elementor-page-303 .shp-serif .elementor-heading-title { text-wrap:balance; }
body.elementor-page-303 .shp-display em, body.elementor-page-303 .shp-serif em { font-weight:400; font-style:italic; }
body.elementor-page-303 .shp-eyebrow .elementor-heading-title { display:flex; align-items:center; gap:12px; }
body.elementor-page-303 .shp-eyebrow .elementor-heading-title:before { content:""; width:30px; height:1px; background:currentColor; display:inline-block; }
body.elementor-page-303 .shp-button .elementor-button { min-width:205px; transition:transform .18s cubic-bezier(.23,1,.32,1),background-color .18s ease; }
body.elementor-page-303 .shp-button .elementor-button:active { transform:scale(.97); }
body.elementor-page-303 .shp-image img { width:100%; height:100%; object-fit:cover; }
body.elementor-page-303 .shp-card { transition:transform .25s cubic-bezier(.23,1,.32,1),box-shadow .25s ease; }
body.elementor-page-303 .shp-card:hover { transform:translateY(-4px); box-shadow:0 20px 50px rgba(18,35,43,.09); }
body.elementor-page-303 .shp-project-card img { transition:transform .7s cubic-bezier(.23,1,.32,1); }
body.elementor-page-303 .shp-project-card:hover img { transform:scale(1.03); }
body.elementor-page-303 .shp-form .elementor-field { min-height:52px; }
body.elementor-page-303 .shp-form textarea.elementor-field { min-height:140px; }
@media(max-width:767px){ body.elementor-page-303 .shp-button .elementor-button{width:100%;} body.elementor-page-303 .shp-mobile-stack{--flex-direction:column!important;} }/* End custom CSS */