/*
Theme Name: Enfold Child 5
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/
/*Add your own styles here:*//* open-sans-300 - latin */
:root{
    --color-dark:#205751;
    --color-light:#829f9c;
    --color-white:#ffffff;

    --headline-dark:#ffffff;
    --headline-light:#ffffff;
    --headline-white:#666666;
}
@font-face {
    font-display: swap;
    font-family: 'Opencare';
    font-style: normal;
    font-weight: 300;
    src:
    url('./fonts/Opencare.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'Bell MT';
    font-style: normal;
    font-weight: 300;
    src:
    url('./fonts/Bell MT Regular.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Jaceline';
    font-style: normal;
    font-weight: 300;
    src:
    url('./fonts/Jaceline.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'Eyesome Script';

    src:
    url('./fonts/eyesome-duo-script.woff2') format('woff2');
}
.logo-icon{
    width:80px;
    height:80px;
    /*background-color:currentColor!important;*/
    mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center;
    -webkit-mask-size:contain;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center;
    margin:0 auto 24px auto!important;
    text-align:center;
    display:block;
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
    /* Hier den Pfad zum Standard-Icon einfügen */
    -webkit-mask-image: url("assets/icons/icon-feder.svg");
}
@font-face {
    font-display: swap;
    font-family: 'Licorice';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/licorice-v8-latin-regular.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/open-sans-v44-latin-300.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'BlackSingature';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/BlackSingature.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300; /*  JETZT CORREKT: Sagt dem Browser, dass dies die dünne Light-Schrift ist */
    src: url('./fonts/open-sans-v44-latin-300.ttf') format('truetype');
}

/* ==========================================================
✨ GEMEINSAMES ICON-FUNDAMENT (H1, H2 und Spruch)
========================================================== */
.spruch:before,
h1:before,
h2:before {
    content: "";
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto 18px auto !important;
    background-color: currentColor; /* Standard-Farbe über die Schrift */
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url("assets/icons/icon-color.svg");
    -webkit-mask-image: url("assets/icons/icon-color.svg");
    transition: background-image 0.4s ease-in-out, background-color 0.4s ease-in-out !important;
}
.spruch:before,
h1:before,
h2:before {
    content: "";
    width: 80px;
    height: 80px;
}
/* ==========================================================
🌿 GRÜN: Standard-Grafik laden
========================================================== */

/* ==========================================================
🔮 BLAU: Universum-Grafik + ECHTES GOLD erzwingen
========================================================== */
.style-green h1:before,
.style-green h2:before {
    mask-image: url("assets/icons/icon-color.svg");
    -webkit-mask-image: url("assets/icons/icon-color.svg")
}
/* Für die Karte hebeln wir das weiße currentColor mit edlem Gold-Verlauf aus: */
.style-green .spruch:before {
    mask-image: url("assets/icons/icon-color.svg");
    -webkit-mask-image: url("assets/icons/icon-color.svg");
    background-color: transparent !important;
    background-image: linear-gradient(135deg, #B8860B 0%, #FFD700 30%, #FFF8DC 50%, #DAA520 70%, #8B6508 100%) !important;
}
/* ==========================================================
🔮 BLAU: Universum-Grafik + ECHTES GOLD erzwingen
========================================================== */
.style-blue h1:before,
.style-blue h2:before {
    mask-image: url("assets/icons/icon-color-universe.svg");
    -webkit-mask-image: url("assets/icons/icon-color-universe.svg");
}
/* Für die Karte hebeln wir das weiße currentColor mit edlem Gold-Verlauf aus: */
.style-blue .spruch:before {
    mask-image: url("assets/icons/icon-color-universe.svg");
    -webkit-mask-image: url("assets/icons/icon-color-universe.svg");
    background-color: transparent !important;
    background-image: linear-gradient(135deg, #B8860B 0%, #FFD700 30%, #FFF8DC 50%, #DAA520 70%, #8B6508 100%) !important;
}

/* ==========================================================
🪨 BRAUN: Erd-Grafik + RECHTES BRONZE-GOLD erzwingen
========================================================== */
.style-brown h1:before,
.style-brown h2:before {
    mask-image: url("assets/icons/icon-color-earth.svg");
    -webkit-mask-image: url("assets/icons/icon-color-earth.svg");
}
/* Für die Karte hebeln wir das weiße currentColor mit Bronze-Verlauf aus: */
.style-brown .spruch:before {
    mask-image: url("assets/icons/icon-color-earth.svg");
    -webkit-mask-image: url("assets/icons/icon-color-earth.svg");
    background-color: transparent !important;
    background-image: linear-gradient(135deg, #B8860B 0%, #FFD700 30%, #FFF8DC 50%, #DAA520 70%, #8B6508 100%) !important;
}

/* ==========================================================
🍃 OLIV: Duft-Grafik + RECHTES SALBEI-SILBER erzwingen
========================================================== */
.style-olive h1:before,
.style-olive h2:before {
    mask-image: url("assets/icons/icon-color-fragrance.svg");
    -webkit-mask-image: url("assets/icons/icon-color-fragrance.svg");
}
/* Für die Karte hebeln wir das weiße currentColor mit Salbei-Silber-Verlauf aus: */
.style-olive .spruch:before {
    mask-image: url("assets/icons/icon-color-fragrance.svg");
    -webkit-mask-image: url("assets/icons/icon-color-fragrance.svg");
    background-color: transparent !important;
    background-image: linear-gradient(135deg, #B8860B 0%, #FFD700 30%, #FFF8DC 50%, #DAA520 70%, #8B6508 100%) !important;
}
/* ==========================================================
🍃 OLIV: Duft-Grafik + RECHTES SALBEI-SILBER erzwingen
========================================================== */
.style-custom h1:before,
.style-custom h2:before {
    mask-image: url("assets/icons/icon-feder.svg") !important;
    -webkit-mask-image: url("assets/icons/icon-feder.svg") !important;
    /* background-color: var(--color-base) !important;*/
}
/* Für die Karte hebeln wir das weiße currentColor mit Salbei-Silber-Verlauf aus: */
.style-custom .spruch:before {
    mask-image: url("assets/icons/icon-feder.svg") !important;
    -webkit-mask-image: url("assets/icons/icon-feder.svg") !important;
    /* background-color: var(--color-base) !important;*/
    background-color: transparent !important;
    background-image: linear-gradient(135deg, #B8860B 0%, #FFD700 30%, #FFF8DC 50%, #DAA520 70%, #8B6508 100%) !important;
}
.no-icon h1:before,
.no-icon h2:before{
    display:none;
}
.overlay-icon{
    position:relative;
    overflow:hidden;
}
.overlay-icon:after{
    content:"";
    display:inline-block;
    width:350px;
    height:350px;
    opacity:0.1;
    display: block;
    position:absolute;
    top:20px;
    right:39%;
    background-color: #fff;
    mask-image: url("assets/icons/icon-color.svg");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url("assets/icons/icon-color.svg");
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

#willkommen,
#therapieformen{
    position:relative;
}
#therapieformen:after,
#willkommen:after{
    position:absolute;
    opacity:0.08;
    right: -138px !important;
    top: 50px !important;
    width: 550px;
    height: 550px;
}
#kontakt :after{
    position:absolute;
    opacity:0.08;
    right: 104px !important;
    top: 550px !important;
    width: 550px;
    height: 550px;
}
.style-green .overlay-icon:after{
    mask-image:url("assets/icons/icon-color.svg");
    -webkit-mask-image:url("assets/icons/icon-color.svg");
}
.style-blue .overlay-icon:after{
    mask-image:url("assets/icons/icon-color-universe.svg");
    -webkit-mask-image:url("assets/icons/icon-color-universe.svg");
}
.style-brown .overlay-icon:after{
    mask-image:url("assets/icons/icon-color-earth.svg");
    -webkit-mask-image:url("assets/icons/icon-color-earth.svg");
}
.style-olive .overlay-icon:after{
    mask-image:url("assets/icons/icon-color-fragrance.svg");
    -webkit-mask-image:url("assets/icons/icon-color-fragrance.svg");
}
#header .header-reading-progress.medium-bar{
    background-color:var(--color-light)!important;
}
.section-dark{
    background-color:var(--color-dark);
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
.section-light{
    background-color:var(--color-light);
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
.section-white{
    background-color:var(--color-white);
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
.main_color input[type='submit'],
.section-dark .avia-button{
    background-color:var(--color-white);
    color:var(--color-dark)!important;
}
.main_color input[type='submit']:hover,
.section-dark .avia-button:hover{
    color:var(--color-dark);
    background-color:var(--color-white);
}
.section-light .avia-button{
    background-color:var(--color-white);
    color:var(--color-dark);
}
.section-light .avia-button:hover{
    color:var(--color-dark);
}
.karte-ziehen,
#top .main_color .avia-color-theme-color-highlight,
.section-white .avia-button{
    background-color:var(--color-dark);
    color:var(--color-white);
}
.karte-ziehen:hover,
.section-white .avia-button:hover{
    color:var(--color-white);
}
.design-preview-bar{
    padding:16px 6px;
    margin-bottom:5px;
    border-radius:8px;
    background:rgba(0,0,0,0.05);
    font-size:16px;
    color:#666!important;
}
.design-preview-bar strong{
    margin-right:6px;
    color:#666!important;
}
.kontakt,
#resetDesignBtn,
#saveDesignBtn,
#screenshotBtn{
    background-color:var(--color-dark);
    color:var(--color-white);
}
#resetDesignBtn,
.kontakt,
.karte-ziehen,
#saveDesignBtn,
#screenshotBtn,
.main_color input[type='submit'],
.avia-button{
    padding: 16px 24px!important;
    font-size: 16px!important;
    margin:10px auto;
    min-width: 250px;
    font-weight: 300!important;
    text-transform: uppercase;
    border: 0px !important;
    border-radius:6px!important;
    cursor:pointer;
    text-align:center;

}
.konfigurator-angebot1
.karte-ziehen:hover,
.main_color input[type='submit']:hover,
.avia-button:hover{
    opacity: 0.9;
}
.section-dark h1,
.section-dark h2,
.section-dark h3,
.section-dark .av-subheading p{
    color:var(--headline-dark);
}
.section-light h1,
.section-light h2,
.section-light h3,
.section-light .av-subheading p{
    color:var(--headline-light);
}
.section-white .av-subheading p{
    color:var(--headline-white);
}
.section-white h2,
.section-white h3{
    color:var(--color-dark);
}
body.style-brown .logo-name::before {
    content: "Soulful Earth";
}
body.style-blue .logo-name::before {
    content: "Magic Universe";
}
body.style-green .logo-name::before {
    content: "Green Diamond";
}
body.style-olive .logo-name::before {
    content: "Mystic Garden";
}
/* Eigener Kundenname überschreibt den Designnamen */
.logo-name.custom-brand-name::before {
    content: none !important;
}

/* Eigenes ausgewähltes Logo-Icon */

body.style-brown{
    --color-dark:#96826C;
    --color-light:#C7BCAF;
    --color-white:#fff;
    transition:background-color 2s ease, color 2s ease,font-family 4s ease!important;
}
body.style-green{
    --color-dark:#085E56;
    --color-light:#9FBDBA;
    transition:background-color 2s ease, color 2s ease,font-family 4s ease!important;
}
body.style-blue{
    --color-dark:#073A48;
    --color-light:#0D5A73;
    transition:background-color 2s ease, color 2s ease,font-family 4s ease!important;
}
body.style-olive{
    --color-dark:#618C30;
    /*--color-light:#84BD43;*/
    --color-light:#BFD4A9!important;
    transition:background-color 2s ease, color 2s ease,font-family 4s ease!important;
}
.socket_color,
.header_color .container_wrap_meta{
    background:var(--color-dark);
}
#font-switcher{
    padding:5px 5px;
    border-radius:6px;
    border:1px solid #ddd;
    background:white;
    font-size: 22px!important;
    color: #666!important;
}
#top .main_color select {
    border-color: #666;
    background-color: #fff;
    color: #666;
    font-size: 20px;
}
body.font1 h1,
body.font1 h2,
body.font1 .zitat p strong,
body.font1 .overlay-text,
body.font1 .overlay-text-dark{
    font-family:"Licorice", serif;
    text-transform: none!important;
    font-size: 72px;
    font-weight:300;
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
body.font1 .overlay-text,
body.font1 .overlay-text-dark{
    font-size: 160px!important;
}
body.font2 h1,
body.font2 h2,
body.font2 .zitat p strong,
body.font2 .overlay-text,
body.font2 .overlay-text-dark{
    font-family:"BlackSingature", serif;
    text-transform: none!important;
    font-size: 118px;
    font-weight: 300;
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
body.font2 .overlay-text,
body.font2 .overlay-text-dark{
    font-size: 250px!important;
}
body.font3 h1,
body.font3 h2,
body.font3 .zitat p strong,
body.font3 .overlay-text,
body.font3 .overlay-text-dark{
    font-family:"Eyesome Script", serif;
    text-transform: none!important;
    font-size: 60px;
    font-weight: 300;
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
body.font3 .overlay-text,
body.font3 .overlay-text-dark{
    font-size: 160px!important;
}
body.font4 h1,
body.font4 h2,
body.font4 .zitat p strong,
body.font4 .overlay-text,
body.font4 .overlay-text-dark{
    font-family:"Jaceline", serif;
    text-transform: none!important;
    font-size: 130px;
    font-weight: 300;
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
body.font4 .overlay-text,
body.font4 .overlay-text-dark{
    font-size: 330px!important;
}
body.font5 h1,
body.font5 h2,
body.font5 .zitat p strong,
body.font5 .overlay-text,
body.font5 .overlay-text-dark{
    font-family:"Opencare", serif;
    text-transform: none!important;
    font-size: 80px;
    font-weight: 300;
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
body.font5 .overlay-text,
body.font5 .overlay-text-dark{
    font-size: 200px!important;
}
body.font6 h1,
body.font6 h2,
body.font6 .zitat p strong,
body.font6 .overlay-text,
body.font6 .overlay-text-dark{
    font-family:"Open Sans", serif;
    font-size: 48px!important;
    font-weight:300!important;
    text-transform:uppercase!important;
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
body.font6 .overlay-text,
body.font6 .overlay-text-dark{
    font-size: 100px!important;
}
body.font7 h1,
body.font7 h2,
body.font7 .zitat p strong,
body.font7 .overlay-text,
body.font7 .overlay-text-dark{
    font-family:"Bell MT", serif;
    font-size: 48px;
    font-weight: 300;
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
body.font7 .overlay-text,
body.font7 .overlay-text-dark{
    font-size: 120px!important;
}
body.font8 h1,
body.font8 h2,
body.font8 .zitat p strong,
body.font8 .overlay-text,
body.font8 .overlay-text-dark{
    font-family:"Open Sans", serif;
    font-size: 48px;
    font-weight: 700!important;
    text-transform:uppercase!important;
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
body.font8 .overlay-text,
body.font8 .overlay-text-dark{
    font-size: 120px!important;
}
h1,h2{
    font-family:"Licorice", serif;

    text-transform: none!important;
    font-size: 80px;
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
h3{
    font-family:"Open Sans", serif;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 28px;
}
.av-subheading p{
    font-weight: 300;
    font-size:24px;
    margin:18px 0 0 0!important;
}
body{
    font-family:"Open Sans", sans-serif;
    font-weight: 300;
    font-size:18px;
}
.design-hint{
    font-size:17px;
    margin-bottom:10px;
    color:#666;
}
#design-switcher{
    position:fixed;
    right:20px;
    top:250px;
    z-index:99999999999999999999999999999;
    background:white;
    padding:14px;
    border-radius:6px;
    box-shadow:0 6px 20px rgba(0,0,0,0.15);
    display:flex;
    flex-direction:column;
    gap:10px;
}
#design-switcher h3{
    color:#666;
}
.color-switch{
    display:flex;
    gap:18px;
    margin:0 0 18px 0;
}
.color-dot{
    width:28px;
    height:28px;
    border-radius:50%;
    cursor:pointer;
    box-shadow:0 0 0 1px #ddd;
    z-index:9999999999999999999999999999999999;
}
.color-dot:hover{
    transform:scale(1.2);
}
.color-dot.active{
    transform: scale(1.25);
    box-shadow: 0 0 0 3px white, 0 0 0 5px #333;
}
.green{background:#085E56;}
.blue{background:#1B4857;}
.brown{background:#AF9E8B;}
.olive{background:#618C30;}

#font-switcher{
    padding:6px;
    border-radius:6px;
    border:1px solid #ddd;
    font-size:13px;
}
.avia-caption-content p{
    font-size:28px;
    line-height:48px;
}
#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea {
    background-color: transparent!important;
    color: #fff!important;
    border-radius:3px;
    border: 2px solid #fff!important;
    padding: 16px;
    font-size:18px;
}
#top label{
    color: #fff!important;
}
.wpcf7 form .wpcf7-response-output {
    color: #fff !important;
}
.zitat p{
    font-family:Open Sans;
    font-size:28px!important;
    font-weight:300;
    line-height:100px;
}
.zitat p strong{
    font-family:Licorice;
    font-size:64px;
    font-weight:300!important;
}
p{
    font-family:Open Sans;
    font-size:18px;
    font-weight:300;
    line-height:28px;
}
.site-logo{
    display:flex;
    align-items:center;
    gap:12px;
    margin:0 auto;
    text-align:center;
    display:block;
}
.logo-text{
    display:flex;
    flex-direction:column;
    line-height:1.1;
}
.logo-name{
    font-family:var(--font-heading);
    font-size:44px;
    font-weight:300;
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
.logo-subline{
    font-family:'Open Sans', sans-serif;
    font-size:24px;
    opacity:1;
    color:#666!important;

}
/* Template-Farben für die Designs */
body.style-green { --template-color: #085E56; }   /* Green Diamond */
body.style-blue  { --template-color: #073A48; }   /* Magic Universe */
body.style-brown { --template-color: #96826C; }   /* Wild Earth */
body.style-olive { --template-color: #618C30; }   /* Mystic Garden */

.iconlist-char {
    margin:0 0 0 -15px!important;
    display: inline-block;
    width: 40px;
    height: 40px;
    mask-image: url('assets/icons/icon-feder.svg'); /* dein Icon */
    mask-size: cover;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('assets/icons/icon-feder.svg');
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    background-color: var(--template-color); /* nimmt die Template-Farbe */
    vertical-align: middle;
    margin-right: 0.5em; /* Abstand zum Text */
    transition: background-color 0.3s ease;
}
#top .av-iconlist-small .iconlist_icon{
    color:transparent!important;
}
.section-light .iconlist-char ,
.section-dark .iconlist-char {
    background-color: #ffffff !important;
}
.section-white .iconlist-char {
    background-color: var(--template-color);
}
.html_top_nav_header.html_large .av-logo-container {
    height: 0;
}
.style-green .iconlist-char,
.style-green .logo-icon{
    mask-image:url("assets/icons/icon-color.svg");
    -webkit-mask-image:url("assets/icons/icon-color.svg");
}
.style-blue .iconlist-char,
.style-blue .logo-icon{
    mask-image:url("assets/icons/icon-color-universe.svg");
    -webkit-mask-image:url("assets/icons/icon-color-universe.svg");
}
.style-brown .iconlist-char,
.style-brown .logo-icon{
    mask-image:url("assets/icons/icon-color-earth.svg");
    -webkit-mask-image:url("assets/icons/icon-color-earth.svg");
}
.style-olive .iconlist-char,
.style-olive .logo-icon{
    mask-image:url("assets/icons/icon-color-fragrance.svg");
    -webkit-mask-image:url("assets/icons/icon-color-fragrance.svg");
}
.style-green .site-logo{
    color:#085E56;
}
.style-blue .site-logo{
    color:#073A48;
}
.style-brown .site-logo{
    color:#AF9E8B;
}
.style-olive .site-logo{
    color:#618C30;
}
body.font1 .logo-name{
    font-family:"Licorice"!important;
    font-size: 80px;
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
    margin: 0px 0 6px 0!important;
}
body.font1 .highlight{
    font-family:"Licorice"!important;
    font-size: 70px;
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
    margin: 16px 0 6px 0!important;
}
body.font2 .highlight{
    font-family:"BlackSingature"!important;
    font-size: 100px;
    margin: 24px 0 6px 0!important;
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
body.font2 .logo-name{
    font-family:"BlackSingature"!important;
    font-size: 120px;
    margin: 0px 0 -12px 0!important;
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
body.font3 .logo-name{
    font-family:"Eyesome Script"!important;
    font-size:68px;
    margin: 20px 0 18px 0!important;
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
body.font3 .highlight{
    font-family:"Eyesome Script"!important;
    font-size:55px;
    margin: 32px 0 18px 0!important;
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
body.font4 .logo-name {
    font-family: "Jaceline" !important;
    font-size: 140px;
    margin: -24px 0 -14px 0!important;
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
body.font4 .highlight {
    font-family: "Jaceline" !important;
    font-size: 120px;
    margin: 24px 0 18px 0!important;
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
body.font5 .logo-name{
    font-family:"Opencare"!important;
    font-size:80px;
    margin: -9px 0 -10px 0!important;
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
body.font5 .highlight{
    font-family:"Opencare"!important;
    font-size:70px;
    margin: 12px 0 10px 0!important;
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
body.font6 .logo-name{
    font-family:"Open Sans"!important;
    font-size: 48px;
    margin: -9px 0 6px 0!important;
    text-transform: uppercase;
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
body.font6 .highlight{
    font-family:"Open Sans"!important;
    font-size: 48px;
    margin: 10px 0 6px 0!important;
    text-transform: uppercase;
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
body.font7 .logo-name{
    font-family:"Bell MT"!important;
    text-transform: uppercase;
    font-size: 50px;
    margin: -9px 0 2px 0!important;
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}

body.font7 .highlight{
    font-family:"Bell MT"!important;
    text-transform: uppercase;
    font-size: 50px;
    margin: 10px 0 2px 0!important;
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
body.font8 .logo-name{
    font-family:"Open Sans"!important;
    font-size: 48px;
    text-transform: uppercase;
    font-weight:600;
    margin: -9px 0 6px 0!important;
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
body.font8 .highlight{
    font-family:"Open Sans"!important;
    font-size: 48px;
    text-transform: uppercase;
    font-weight:600;
    margin: 10px 0 6px 0!important;
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
.logo-name{
    font-family:inherit;
    transition:background-color 4s ease, color 2s ease,font-family 4s ease!important;
}
.avia-menu-text{
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
}
.main_color {
    border-color:transparent!important;
    border:0px!important;
}
.header_color .phone-info,
#top .header_color .sub_menu ul li,
#top .header_color .sub_menu ul li a{
    color:#fff!important;
    font-size:16px;
    font-weight:300;
    text-transform:uppercase;
}
body,
h1,
h2,
h3,
p,
.logo-icon,
.section-dark,
.section-light,
.section-white {
    transition:
    background-color 0.6s ease,
    color 0.6s ease,
    font-family 0.4s ease!important;
}
.overlay-text{
    position:absolute;
    top:20%;
    left:20%;
    font-size:90px!important;
    font-weight:700;
    color:rgba(0,0,0,0.02);
}
.overlay-text-dark{
    position:absolute;
    bottom:20px;
    left:0px;
    font-size:120px!important;
    font-weight:300;
    color:rgba(255,255,255,0.06)!important;
}

#top #header .mega_menu_title a {
    color: #666!important;
    font-size: 18px;
    line-height: 1.1em;
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
    font-weight: 300!important;
}
#top #header .mega_menu_title a:hover{
    color:#444!important;
    text-decoration:none;
}
.content, .sidebar {
    padding-top: 16px;
    padding-bottom: 16px;
}
.avia-section {
    padding: 50px 0;
}
.flex_cell{
    padding: 50px;
}
/*
#karte{
    background-color:var(--color-dark);
    color:white;
    padding:20px;
    border-radius:20px;
    text-align:center;
    font-family:'Open Sans', sans-serif;
    width:254px;
    height:355px;
    margin:50px auto;
}

.karte-ziehen{
    margin:0px auto;
    display: block;
}
#karte.overlay-icon:after{
    right: 6% !important;
    widtH: 220px;
    height: 220px;
    top: 20%;
}
p.spruch{
    font-size: 28px;
    line-height: 68px;
    margin: 0px;
}
.highlight{
    font-size:1.4em;
    font-family:var(--headline-dark);
}
*/

#karte {
    color: white;
    border-radius: 10px;
    font-family: 'Open Sans', sans-serif;
    width: 850px; /* Breite erhöht, da wir jetzt zwei Hälften haben */
    height: 450px;
    margin: 50px auto;
    display: flex; /* Teilt links und rechts auf */
    overflow: hidden; /* Sorgt dafür, dass die runden Ecken das Bild sauber abschneiden */
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

/* Linke Hälfte: Das Bild */
.karte-bild-links {
    width: 50%;
    height: 100%;
    background-image: var(--karten-bild, url('assets/cards/impulskarte-default.png')); /* Standard-Bild, falls CSS-Variable noch leer ist */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-image 0.4s ease-in-out;
}

/* Rechte Hälfte: Der Text auf Theme-Farbe */
.karte-text-rechts {
    width: 50%;
    height: 100%;
    background-color: var(--color-dark); /* Nimmt die aktuelle Theme-Farbe */
    padding: 30px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    position: relative;
}

.karte-ziehen {
    margin: 0px auto;
    display: block;
}

/* Dein Overlay-Icon im Hintergrund (wird jetzt auf die rechte Text-Hälfte beschränkt) */
.karte-text-rechts::after {
    content: "";
    position: absolute;
    right: 15% !important;
    width: 300px;
    height: 150px;
    top: 39%;
    opacity: 0.08; /* Dezenter Hintergrund-Schleier */
    background-color: #fff;
    mask-image: url("assets/icons/icon-feder.svg");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url("assets/icons/icon-feder.svg");
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

p.spruch {
    font-size: 24px;
    margin: 0px;
    z-index: 2;
    line-height: 48px;
}

.highlight {
    font-size: 1.3em;
    font-family: var(--headline-dark);
    display: block;
    margin-top: 5px;
}
#design-switcher,
#switcher-header{
    cursor:pointer!important;
}
img.wp-smiley, img.emoji {
    height: 0.7em !important;
    width: 0.7em !important;
}
/* BASIS RESET FÜR ALLE BILDER IN ENFOLD */
.avia-image-container-inner,
.avia-image-container-inner img,
.avia-image-container-inner:after {
    transition: all 0.4s ease-in-out;
    overflow: hidden !important;
}

/* ECKIG */
body.shape-square .avia-image-container-inner,
body.shape-square .avia-image-container-inner img,
body.shape-square .avia-image-container-inner:after {
    border-radius: 0 !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
}

/* RUND */
body.shape-round .avia-image-container-inner,
body.shape-round .avia-image-container-inner img,
body.shape-round .avia-image-container-inner:after {
    border-radius: 50% !important;
}

/* BLOB 1 */
body.shape-blob .avia-image-container-inner,
body.shape-blob .avia-image-container-inner img,
body.shape-blob .avia-image-container-inner:after {
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70% !important;
}

/* BLOB 2 */
body.shape-blob2 .avia-image-container-inner,
body.shape-blob2 .avia-image-container-inner img,
body.shape-blob2 .avia-image-container-inner:after {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40% !important;
}

/* SPLASH / PINSEL (Mit Invert-Fix für deine Datei) */
body.shape-pinsel .avia-image-container-inner,
body.shape-pinsel .avia-image-container-inner img,
body.shape-pinsel .avia-image-container-inner:after {
    -webkit-mask-image: url('assets/brushes/brush.svg') !important;
    mask-image: url('assets/brushes/brush.svg') !important;
    -webkit-mask-size: cover !important;
    mask-size: cover !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    /* Da deine Grafik weiß/transparent ist, nutzen wir mask-composite zum Invertieren */
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}
body.shape-klecks .avia-image-container-inner,
body.shape-klecks .avia-image-container-inner img,
body.shape-klecks .avia-image-container-inner:after {
    -webkit-mask-image: url('assets/brushes/splash.svg') !important;
    mask-image: url('assets/brushes/splash.svg') !important;
    -webkit-mask-size: cover !important;
    mask-size: cover !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    /* Da deine Grafik weiß/transparent ist, nutzen wir mask-composite zum Invertieren */
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}
body.shape-bow  .avia-image-container-inner,
body.shape-bow .avia-image-container-inner img,
body.shape-bow .avia-image-container-inner:after
{
    -webkit-mask-image: url('assets/brushes/bow.svg') !important;
    mask-image: url('assets/brushes/bow.svg') !important;
    -webkit-mask-size: cover !important;
    mask-size: cover !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    /* Da deine Grafik weiß/transparent ist, nutzen wir mask-composite zum Invertieren */
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}
.kontaktinfo-mobile {
    display: none;
}

/* Erzwinger für das Icon bei Custom-Farben */

body.style-custom .logo-icon,
body.style-custom h1:before,
body.style-custom h2:before,
body.style-custom .overlay-icon:after {
    mask-image: url("assets/icons/icon-feder.svg") !important;
    -webkit-mask-image: url("assets/icons/icon-feder.svg") !important;
    /* background-color: var(--color-base) !important;*/
}
body.style-custom .logo-name::before {
    content: "Free Spirit";

}
/* Optional: Damit man im Dropdown schon sieht, wie die Schrift aussieht */
#font-switcher option[value="font1"] { font-family: 'Licorice'; }
#font-switcher option[value="font2"] { font-family: 'BlackSingature'; }
#font-switcher option[value="font3"] { font-family: 'Eyesome Script'; }
#font-switcher option[value="font4"] { font-family: 'Jaceline'; }
#font-switcher option[value="font5"] { font-family: 'Opencare'; }
#font-switcher option[value="font6"] { font-family: 'Open Sans'; }
#font-switcher option[value="font7"] { font-family: 'Bell MT'; }
#font-switcher option[value="font8"] { font-family: 'Open Sans Bold'; }
h1,h2,h3 {

    hyphens: auto;              /* Aktiviert die automatische Silbentrennung */
    -webkit-hyphens: auto;      /* Safari Support */
    overflow-wrap: break-word;  /* Fallback für Wörter ohne Trennungsregeln */
}
.special_amp{
    color:inherit!important;
    font-family: inherit !important; /* Übernimmt exakt die Enfold-Schriftart */
    font-size: inherit !important;   /* Übernimmt exakt die Enfold-Schriftgröße */
    font-weight: inherit !important; /* Verhindert, dass Fettschrift verloren geht */

    font-style: inherit!important;              /* Macht das & elegant kursiv */
    white-space: nowrap;             /* Verhindert einsame &-Zeichen am Zeilenende */
    display: inline-block;           /* Erlaubt sauberes Rendering auf Mobilgeräten */
}
/* Einheitliche Porträtbilder */

.portrait-rund {
    width: 100% !important;
    max-width: 300px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.portrait-rund .avia-image-container-inner,
.portrait-rund .avia_image {
    width: 100% !important;
    max-width: 300px !important;
}

.portrait-rund img {
    width: 300px !important;
    height: 300px !important;
    max-width: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

/* ==========================================================
GLOBALES WEBSITE-BRANDING – BEREINIGT
========================================================== */

.gs-global-branding {
    width: 100%;
    clear: both;
    text-align: center;
    line-height: 1.2 !important;
    padding: 30px 0 40px;
}

.gs-global-branding .site-logo {
    margin: 0 auto !important;
    line-height: 1.2 !important;
}

.gs-global-branding .logo-icon {
    margin: 0 auto 15px auto !important;
}

.gs-global-branding .logo-name {
    margin: 0 !important;
    line-height: 1 !important;
}

body.style-custom .gs-global-branding .site-logo,
body.style-custom .gs-global-branding .logo-name {
    color: var(--color-base, var(--color-dark)) !important;
}

/* ==========================================================
KONFIGURATOR / STUDIO – BEREINIGTE VERSION
Green Diamond: #085E56 + #9FBDBA
========================================================== */

:root {
    --switcher-bg: #202522;
    --switcher-bg-strong: #181d1a;
    --switcher-bg-soft: #2a302c;
    --switcher-green: #085E56;
    --switcher-green-light: #9FBDBA;
    --switcher-text: #9FBDBA;
    --switcher-text-soft: rgba(159, 189, 186, .82);
    --switcher-border: rgba(159, 189, 186, .22);
}

#design-switcher {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    width: 440px !important;
    max-width: 100vw !important;
    height: 100vh !important;
    padding: 0 !important;
    background: var(--switcher-bg) !important;
    color: var(--switcher-text) !important;
    font-family: "Open Sans", sans-serif !important;
    border-radius: 0 !important;
    box-shadow: -15px 0 40px rgba(0,0,0,.30) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    z-index: 999999 !important;
    transition: transform .35s ease !important;
    scrollbar-width: auto;
    scrollbar-color: var(--switcher-green-light) var(--switcher-bg-strong);
}

#design-switcher.minimized {
    transform: translateX(calc(100% - 58px));
}

#switcher-header {
    position: relative !important;
    padding: 24px 52px 20px 24px !important;
    margin: 0 !important;
    background: var(--switcher-bg-strong) !important;
    border-bottom: 1px solid var(--switcher-border) !important;
    color: var(--switcher-text) !important;
    cursor: pointer !important;
}

#switcher-header > span:first-child {
    display: block !important;
    color: var(--switcher-green-light) !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 24px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    letter-spacing: .02em !important;
    margin: 0 0 12px !important;
}

#switcher-header p {
    margin: 0 !important;
    color: var(--switcher-text-soft) !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
    font-weight: 300 !important;
}

#switcher-header p strong {
    color: var(--switcher-green-light) !important;
    font-weight: 600 !important;
}

#switcher-close {
    position: absolute !important;
    top: 21px !important;
    right: 22px !important;
    color: var(--switcher-green-light) !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 25px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    opacity: .82;
}

#switcher-close:hover {
    opacity: 1;
}

#switcher-content {
    padding: 8px 24px 32px !important;
}

#design-switcher h4 {
    margin: 26px 0 9px !important;
    color: var(--switcher-green-light) !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
}

#design-switcher .switcher-help,
#design-switcher .textspirit,
#design-switcher .textspirit p,
#design-switcher .kontaktinfo p,
#design-switcher .kontaktinfo-mobile p {
    margin: 8px 0 16px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--switcher-text-soft) !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
    font-weight: 300 !important;
}

#design-switcher .switcher-help strong,
#design-switcher .kontaktinfo strong {
    color: var(--switcher-green-light) !important;
    font-weight: 600 !important;
}

#design-switcher input[type="text"],
#design-switcher select {
    width: 100% !important;
    height: 48px !important;
    margin: 0 0 12px !important;
    padding: 0 14px !important;
    background: var(--switcher-bg-soft) !important;
    color: var(--switcher-green-light) !important;
    border: 1px solid var(--switcher-border) !important;
    border-radius: 10px !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 16px !important;
    box-sizing: border-box !important;
}

#design-switcher input[type="text"]:focus,
#design-switcher select:focus {
    outline: none !important;
    border-color: var(--switcher-green-light) !important;
    box-shadow: 0 0 0 3px rgba(159,189,186,.12) !important;
}

#design-switcher input::placeholder {
    color: rgba(159,189,186,.55) !important;
}

#design-switcher select option {
    background: var(--switcher-bg-soft);
    color: var(--switcher-green-light);
}

#design-switcher .color-switch {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    margin: 12px 0 18px !important;
}

#design-switcher .color-dot {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    border-radius: 50% !important;
    border: 3px solid transparent !important;
    box-shadow: 0 0 0 1px rgba(159,189,186,.28) !important;
    cursor: pointer !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

#design-switcher .color-dot:hover {
    transform: scale(1.08) !important;
}

#design-switcher .color-dot.active {
    transform: scale(1.08) !important;
    border-color: var(--switcher-green-light) !important;
    box-shadow: 0 0 0 3px var(--switcher-bg), 0 0 0 6px var(--switcher-green-light) !important;
}

#design-switcher .color-dot.green { background: #085E56 !important; }
#design-switcher .color-dot.blue { background: #073A48 !important; }
#design-switcher .color-dot.brown { background: #96826C !important; }
#design-switcher .color-dot.olive { background: #618C30 !important; }

.custom-color-row {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 8px 0 16px !important;
}

.custom-color-row label {
    min-width: 96px;
    margin: 0 !important;
    color: var(--switcher-green-light) !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
}

#design-switcher #colorPicker {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 3px solid rgba(159,189,186,.35) !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    cursor: pointer !important;
}

#design-switcher #colorPicker.active-custom {
    border-color: var(--switcher-green-light) !important;
    outline: 3px solid rgba(159,189,186,.40) !important;
    outline-offset: 3px !important;
}

#design-switcher #colorPicker::-webkit-color-swatch-wrapper { padding: 0 !important; }
#design-switcher #colorPicker::-webkit-color-swatch { border: 0 !important; border-radius: 50% !important; }
#design-switcher #colorPicker::-moz-color-swatch { border: 0 !important; border-radius: 50% !important; }

#colorPickerValue {
    color: var(--switcher-text-soft) !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 13px !important;
    letter-spacing: .04em !important;
}

.brand-icon-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 10px 0 20px !important;
}

.brand-icon-choice,
.brand-color-choice,
.shape-choice {
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 10px 7px !important;
    background: var(--switcher-bg-soft) !important;
    color: var(--switcher-green-light) !important;
    border: 1px solid var(--switcher-border) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    text-transform: none !important;
    cursor: pointer !important;
}

.brand-icon-choice:hover,
.brand-color-choice:hover,
.shape-choice:hover {
    border-color: rgba(159,189,186,.60) !important;
}

.brand-icon-choice.active,
.brand-color-choice.active,
.shape-choice.active {
    border-color: var(--switcher-green-light) !important;
    box-shadow: 0 0 0 2px rgba(159,189,186,.20) !important;
}

.brand-icon-preview {
    display: block !important;
    width: 50px !important;
    height: 50px !important;
    margin: 0 auto 8px !important;
    background-color: var(--switcher-green-light) !important;
    background-image: none !important;
    -webkit-mask-image: var(--preview-icon) !important;
    mask-image: var(--preview-icon) !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
}

.brand-icon-auto {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 50px !important;
    height: 50px !important;
    margin: 0 auto 8px !important;
    border-radius: 50% !important;
    background: var(--switcher-green) !important;
    color: var(--switcher-green-light) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .03em !important;
}

.brand-icon-choice small,
.brand-color-choice small,
.shape-choice small {
    display: block !important;
    color: var(--switcher-text-soft) !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
}

.brand-color-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 10px 0 20px !important;
}

.brand-color-choice {
    flex: 1 1 62px !important;
    padding: 9px 5px !important;
}

.brand-metal {
    display: block !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 auto 7px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(159,189,186,.26) !important;
}

.brand-metal.design {
    background: linear-gradient(135deg, #085E56 0%, #4F8B85 48%, #9FBDBA 100%) !important;
}

.brand-metal.gold {
    background: linear-gradient(135deg, #745108 0%, #B98212 28%, #D8B556 50%, #A8750E 72%, #654506 100%) !important;
}

.brand-metal.silver {
    background: linear-gradient(135deg, #555555 0%, #999999 28%, #D0CBC3 50%, #858585 72%, #474747 100%) !important;
}

.brand-metal.rosegold {
    background: linear-gradient(135deg, #73443D 0%, #AF766B 28%, #D7AA96 50%, #9E6258 72%, #61372F 100%) !important;
}

.brand-metal.copper {
    background: linear-gradient(135deg, #572815 0%, #9F572D 28%, #C98B58 50%, #874321 72%, #48200F 100%) !important;
}

body.icon-finish-metal .logo-icon,
body.icon-finish-metal h1::before,
body.icon-finish-metal h2::before,
body.icon-finish-metal .iconlist-char,
body.icon-finish-metal .overlay-icon::after,
body.icon-finish-metal .karte-text-rechts::after {
    background-color: transparent !important;
    background-image: var(--global-icon-gradient) !important;
}

body.icon-finish-design .logo-icon,
body.icon-finish-design h1::before,
body.icon-finish-design h2::before,
body.icon-finish-design .iconlist-char,
body.icon-finish-design .overlay-icon::after,
body.icon-finish-design .karte-text-rechts::after {
    background-image: none !important;
    background-color: var(--color-base, var(--color-dark)) !important;
}

.shape-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 10px 0 22px !important;
}

.shape-choice { padding: 9px 5px !important; }

.shape-preview {
    display: block !important;
    width: 52px !important;
    height: 38px !important;
    max-width: 100% !important;
    margin: 0 auto 8px !important;
    background: var(--switcher-green-light) !important;
}

.preview-round {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
}

.preview-square { border-radius: 1px !important; }

.preview-blob {
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70% !important;
}

.preview-blob2 {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40% !important;
}

.preview-brush {
    -webkit-mask: url("assets/brushes/brush.svg") center / contain no-repeat !important;
    mask: url("assets/brushes/brush.svg") center / contain no-repeat !important;
}

.preview-splash {
    -webkit-mask: url("assets/brushes/splash.svg") center / contain no-repeat !important;
    mask: url("assets/brushes/splash.svg") center / contain no-repeat !important;
}

.preview-bow {
    -webkit-mask: url("assets/brushes/bow.svg") center / contain no-repeat !important;
    mask: url("assets/brushes/bow.svg") center / contain no-repeat !important;
}

body.shape-klecks .avia-image-container-inner,
body.shape-klecks .avia-image-container-inner img,
body.shape-klecks .avia-image-container-inner::after {
    -webkit-mask-image: url("assets/brushes/splash.svg") !important;
    mask-image: url("assets/brushes/splash.svg") !important;
}

#saveDesignBtn,
#resetDesignBtn,
#design-switcher .kontaktinfo .kontakt,
#design-switcher .kontaktinfo-mobile .kontakt {
    min-width: 0 !important;
    min-height: 54px !important;
    border-radius: 10px !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    letter-spacing: .03em !important;
    cursor: pointer !important;
}

#saveDesignBtn {
    width: 100% !important;
    margin: 10px 0 0 !important;
    padding: 15px 18px !important;
    background: var(--switcher-green) !important;
    color: var(--switcher-green-light) !important;
    border: 1px solid var(--switcher-green) !important;
}

#resetDesignBtn {
    width: 100% !important;
    margin: 10px 0 0 !important;
    padding: 15px 18px !important;
    background: transparent !important;
    color: var(--switcher-green-light) !important;
    border: 1px solid var(--switcher-border) !important;
}

#saveDesignBtn:hover,
#resetDesignBtn:hover,
#design-switcher .kontaktinfo .kontakt:hover {
    transform: translateY(-1px);
}

#resetDesignBtn:hover {
    border-color: var(--switcher-green-light) !important;
}

#design-switcher .switcher-contact {
    margin-top: 26px !important;
    padding-top: 24px !important;
    text-align: left !important;
    border-top: 1px solid var(--switcher-border) !important;
}

#design-switcher .switcher-portrait {
    display: block !important;
    width: 165px !important;
    height: 165px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    border: 2px solid rgba(159,189,186,.24) !important;
    margin: 0 0 14px !important;
}

#design-switcher .switcher-contact .kontakt {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-height: 48px !important;
    margin: 4px 0 8px !important;
    padding: 11px 16px !important;
    background: var(--switcher-green) !important;
    color: var(--switcher-green-light) !important;
    border: 1px solid var(--switcher-green) !important;
    text-decoration: none !important;
}

#design-switcher .switcher-contact a:not(.kontakt) {
    color: var(--switcher-green-light) !important;
    text-decoration-color: rgba(159,189,186,.45) !important;
}

#save-status {
    margin: 10px 0 0 !important;
    color: var(--switcher-green-light) !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px !important;
}

#design-switcher::-webkit-scrollbar {
    width: 16px !important;
}

#design-switcher::-webkit-scrollbar-track {
    background: var(--switcher-bg-strong) !important;
}

#design-switcher::-webkit-scrollbar-thumb {
    background: var(--switcher-green) !important;
    border: 3px solid var(--switcher-bg-strong) !important;
    border-radius: 20px !important;
}

#design-switcher::-webkit-scrollbar-thumb:hover {
    background: var(--switcher-green-light) !important;
}
/* ==========================================================
CONTACT FORM 7 – SELECT / ENFOLD OVERRIDE
========================================================== */

#top .wpcf7-form select.wpcf7-form-control.wpcf7-select {
    display: block !important;
    width: 100% !important;
    height: 54px !important;

    padding: 0 48px 0 18px !important;

    font-family: inherit !important;
    font-size: 16px !important;
    line-height: 54px !important;

    color: var(--color-dark) !important;
    background-color: #ffffff !important;
    border-radius: 6px !important;

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

    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;

    cursor: pointer !important;

    background-image:
        linear-gradient(
            45deg,
            transparent 50%,
            var(--color-dark) 50%
        ),
        linear-gradient(
            135deg,
            var(--color-dark) 50%,
            transparent 50%
        ) !important;

    background-position:
        calc(100% - 21px) 23px,
        calc(100% - 15px) 23px !important;

    background-size: 6px 6px, 6px 6px !important;
    background-repeat: no-repeat !important;

    transition: all .2s ease !important;
}


/* Hover */
#top .wpcf7-form select.wpcf7-form-control.wpcf7-select:hover {
    border-color: var(--color-dark) !important;
}


/* Fokus */
#top .wpcf7-form select.wpcf7-form-control.wpcf7-select:focus {
    border-color: var(--color-dark) !important;

    box-shadow:
        0 0 0 2px
        rgba(0, 0, 0, .05) !important;
}
.wpcf7 p{
	color:#fff!important;
}

/* Einträge im geöffneten Dropdown */
#top .wpcf7-form select.wpcf7-form-control.wpcf7-select option {
    color: #666 !important;
    background: #fff !important;
}
#top .wpcf7-form input[name="design-link"] {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

#top .wpcf7-form input[name="design-link"]::placeholder {
    color: #fff !important;
    opacity: 1 !important;
}
/* ==========================================================
   UMLAUTE – SCRIPT-FONTS
   Licorice bleibt original.
   font2–font5: eigenes a/o/u + CSS-Punkte
   ========================================================== */

.gs-umlaut {
    position: relative;
    display: inline-block;
    font: inherit;
    line-height: inherit;
    color: inherit;
    -webkit-text-fill-color: currentColor;
}

/* Standardmäßig echtes Umlaut zeigen */
.gs-umlaut-real {
    display: inline;
}

.gs-umlaut-base {
    display: none;
}


/* ==========================================================
   NUR FONT 2–5 UMBAUEN
   ========================================================== */

body.font2 .gs-umlaut-real,
body.font3 .gs-umlaut-real,
body.font4 .gs-umlaut-real,
body.font5 .gs-umlaut-real {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}


/* Das sichtbare a / o / u kommt aus der AKTIVEN Schrift */
body.font2 .gs-umlaut-base,
body.font3 .gs-umlaut-base,
body.font4 .gs-umlaut-base,
body.font5 .gs-umlaut-base {
    display: inline !important;
    font: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
}


/* ==========================================================
   UMLAUT-PUNKTE
   ========================================================== */
/* ==========================================================
   UMLAUT-PUNKTE AUS DER JEWEILS AKTIVEN SCHRIFT
   ========================================================== */
/* ==========================================================
   UMLAUT-PUNKTE = ECHTE i-PUNKTE DER AKTIVEN SCHRIFT
   ========================================================== */

body.font2 .gs-umlaut::after,
body.font3 .gs-umlaut::after,
body.font4 .gs-umlaut::after,
body.font5 .gs-umlaut::after {
    content: "ii";

    position: absolute;
    left: 50%;

    font-family: inherit !important;
    font-style: inherit !important;
    font-weight: inherit !important;
    font-size: .62em;
    line-height: 1;

    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;

    letter-spacing: .02em;
    white-space: nowrap;

    /*
     Nur den oberen Bereich der beiden i anzeigen:
     die i-Striche verschwinden, die echten Punkte bleiben.
    */
    height: .27em;
    overflow: hidden;

    transform: translateX(-50%);

    pointer-events: none;
}


/* Black Signature */
body.font2 .gs-umlaut::after {
    top: .27em;
    height: .42em;
    font-size: .62em;
}

/* Eyesome Script */
body.font3 .gs-umlaut::after {
    top: .38em;
    height: .27em;
    font-size: .62em;
	font-weight:bold;
}

/* Jaceline */
body.font4 .gs-umlaut::after {
    top: .3em;
    height: .48em;
    font-size: .65em;
}

/* Opencare */
body.font5 .gs-umlaut::after {
    top: .35em;
    height: .27em;
    font-size: .62em;
}

/* Opencare */
body.font5 .gs-umlaut::after {
    top: .30em;
    height: .27em;
    font-size: .62em;
}

/* Opencare */
body.font5 .gs-umlaut::after {
    top: .30em;
}
/* ==========================================================
   ZITAT-AUTOR – DYNAMISCHE METALLFARBE
   ========================================================== */

.zitat-autor {
    display: block;

    margin-top: 14px;

    font-family: "Open Sans", sans-serif !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;

    text-transform: uppercase !important;
    letter-spacing: .12em !important;
}


/* ==========================================================
   METALL GEWÄHLT
   Gold / Silber / Roségold / Kupfer
   ========================================================== */

body.icon-finish-metal .zitat-autor {
    background-image: var(--global-icon-gradient) !important;

    -webkit-background-clip: text !important;
    background-clip: text !important;

    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}


/* ==========================================================
   DESIGNFARBE GEWÄHLT
   ========================================================== */

body.icon-finish-design .zitat-autor {
    background-image: none !important;

    color: var(--color-base, var(--color-dark)) !important;
    -webkit-text-fill-color: currentColor !important;
}
/* ==========================================================
   KONFIGURATOR – SCHLIESSEN-BUTTON IMMER SICHTBAR
   ========================================================== */

/* Desktop */
@media (min-width: 768px) {

    #design-switcher:not(.minimized) #switcher-close {
        position: fixed !important;
        top: 18px !important;
        right: 18px !important;

        z-index: 1000001 !important;

        width: 38px;
        height: 38px;

        display: flex !important;
        align-items: center;
        justify-content: center;

        border-radius: 50% !important;
        background: var(--switcher-bg-strong) !important;
        color: var(--switcher-green-light) !important;

        box-shadow: 0 3px 12px rgba(0,0,0,.25);
    }
}


/* Mobil */
@media (max-width: 767px) {

    #design-switcher:not(.minimized) #switcher-close {
        position: fixed !important;

        /* Panel ist 82vh hoch und sitzt unten */
        top: calc(18vh + 12px) !important;
        right: 14px !important;

        z-index: 1000001 !important;

        width: 38px;
        height: 38px;

        display: flex !important;
        align-items: center;
        justify-content: center;

        border-radius: 50% !important;
        background: var(--switcher-bg-strong) !important;
        color: var(--switcher-green-light) !important;

        box-shadow: 0 3px 12px rgba(0,0,0,.25);
    }
}


/* Eingeklappt braucht das X nicht sichtbar zu sein */
#design-switcher.minimized #switcher-close {
    display: none !important;
}
/* ==========================================================
   KOMMA – SCRIPT-SCHRIFTEN
   ========================================================== */

body.font2 .gs-script-comma,
body.font3 .gs-script-comma,
body.font4 .gs-script-comma,
body.font5 .gs-script-comma {
    font-family: "Open Sans", sans-serif !important;
    font-size: .38em !important;
    font-weight: 300 !important;
    line-height: 1 !important;

    display: inline-block !important;
    position: relative !important;
    top: .18em !important;

    margin-left: .02em !important;
    margin-right: .06em !important;

    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
    .responsive .logo img {
        display: none !important;
    }

    .responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container {
        height: 0 !important;
    }
}

@media (max-width: 767px) {
	
	/* ==========================================================
   MOBILE – OVERLAY TEXT + LOGO-NAME AUSBLENDEN
   ========================================================== */


    .overlay-text-dark,
    .logo-name {
        display: none !important;
    }


	/* ==========================================================
   MOBILE – BRANDING-SCHRIFTZUG AUSBLENDEN
   Icon bleibt sichtbar
   ========================================================== */



    .gs-global-branding .logo-name,
    .gs-global-branding .logo-subline {
        display: none !important;
    }

    .gs-global-branding .logo-icon {
        margin-bottom: 0 !important;
    }

    .gs-global-branding {
        padding: 18px 0 22px !important;
    }

    .brand-icon-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .shape-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    #karte {
        width: 350px;
        max-width: 100%;
        height: auto;
        flex-direction: column;
    }

    .karte-bild-links {
        width: 100%;
        height: 200px;
    }

    .karte-text-rechts {
        width: 100%;
        height: auto;
        padding: 40px 20px;
    }

    .responsive .logo img,
    .responsive .logo svg,
    #switcher-header p {
        display: none !important;
    }

    .kontaktinfo-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .textspirit,
    .kontaktinfo {
        display: none !important;
    }

    #design-switcher {
        top: auto !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 82vh !important;
        transform: translateY(0);
    }

    #design-switcher.minimized {
        transform: translateY(calc(100% - 62px));
    }

    #design-switcher.active {
        transform: translateY(0);
    }

    #switcher-content {
        padding: 8px 20px 28px !important;
    }
}

/* ==========================================================
SCHRIFT-VORSCHAU – GROSS UND DEUTLICH
========================================================== */

#font-preview {
    margin: 4px 0 20px !important;
    padding: 16px 16px 18px !important;

    background: rgba(159,189,186,.06) !important;
    border: 1px solid var(--switcher-border) !important;
    border-radius: 12px !important;

    overflow: hidden !important;
}

#font-preview .font-preview-label {
    display: block !important;
    margin: 0 0 8px !important;

    color: var(--switcher-text-soft) !important;

    font-family: "Open Sans", sans-serif !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;

    text-transform: uppercase !important;
    letter-spacing: .08em !important;
}

#font-preview-text {
    display: block !important;
    width: 100% !important;

    color: var(--switcher-green-light) !important;

    line-height: 1.08 !important;
    font-weight: 300 !important;
    text-align: left !important;

    overflow-wrap: anywhere !important;
}

/* Jede Schrift bekommt genug Größe, ohne die Box zu sprengen */
body.font1 #font-preview-text {
    font-family: "Licorice", serif !important;
    font-size: 52px !important;
}

body.font2 #font-preview-text {
    font-family: "BlackSingature", serif !important;
    font-size: 58px !important;
}

body.font3 #font-preview-text {
    font-family: "Eyesome Script", serif !important;
    font-size: 48px !important;
}

body.font4 #font-preview-text {
    font-family: "Jaceline", serif !important;
    font-size: 62px !important;
}

body.font5 #font-preview-text {
    font-family: "Opencare", serif !important;
    font-size: 48px !important;
}

body.font6 #font-preview-text {
    font-family: "Open Sans", sans-serif !important;
    font-size: 32px !important;
    font-weight: 300 !important;
    text-transform: uppercase !important;
    letter-spacing: .03em !important;
}

body.font7 #font-preview-text {
    font-family: "Bell MT", serif !important;
    font-size: 38px !important;
    text-transform: uppercase !important;
}

body.font8 #font-preview-text {
    font-family: "Open Sans", sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .03em !important;
}

@media (max-width: 767px) {
    #font-preview-text {
        font-size: clamp(30px, 9vw, 48px) !important;
    }
}

/* ==========================================================
FARBWELTEN – NAMEN DIREKT SICHTBAR
========================================================== */

#design-switcher .color-switch {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

#design-switcher .color-choice {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;

    min-width: 0 !important;
    margin: 0 !important;
    padding: 9px 10px !important;

    background: var(--switcher-bg-soft) !important;
    color: var(--switcher-text-soft) !important;

    border: 1px solid var(--switcher-border) !important;
    border-radius: 11px !important;

    box-shadow: none !important;
    text-transform: none !important;
    text-align: left !important;

    cursor: pointer !important;
}

#design-switcher .color-choice:hover {
    border-color: rgba(159,189,186,.58) !important;
}

#design-switcher .color-choice.active {
    border-color: var(--switcher-green-light) !important;
    box-shadow: 0 0 0 2px rgba(159,189,186,.18) !important;
}

#design-switcher .color-choice .color-dot {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    pointer-events: none !important;
}

#design-switcher .color-choice .color-dot.active {
    transform: none !important;
    border-color: transparent !important;
    box-shadow: 0 0 0 2px rgba(255,255,255,.16) !important;
}

#design-switcher .color-choice small {
    display: block !important;
    color: var(--switcher-text-soft) !important;

    font-family: "Open Sans", sans-serif !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
}

#design-switcher .color-choice.active small {
    color: var(--switcher-green-light) !important;
}

/* ==========================================================
KONTAKTFOTO – FREUNDLICHER / WEICHER
========================================================== */

#design-switcher .switcher-portrait {
    width: 176px !important;
    height: 176px !important;

    margin: 6px auto 18px !important;

    border: 3px solid rgba(159,189,186,.40) !important;
    outline: 6px solid rgba(159,189,186,.07) !important;

    box-shadow:
    0 10px 28px rgba(0,0,0,.22),
    0 0 0 1px rgba(255,255,255,.04) !important;

    filter: brightness(1.06) saturate(.96) contrast(.97) !important;
}

#design-switcher .switcher-contact {
    text-align: center !important;
}

#design-switcher .switcher-contact .switcher-help {
    text-align: center !important;
}

#design-switcher .switcher-contact .kontakt {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Free Spirit bei der eigenen Wunschfarbe klar benennen */
.custom-color-row label {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.custom-color-row label strong {
    color: var(--switcher-green-light) !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
}

.custom-color-row label small {
    color: var(--switcher-text-soft) !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
}

/* ==========================================================
DESIGN-EXPORT
========================================================== */

#exportDesignBtn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 54px !important;

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

    background: rgba(159,189,186,.10) !important;
    color: var(--switcher-green-light) !important;

    border: 1px solid var(--switcher-green-light) !important;
    border-radius: 10px !important;

    font-family: "Open Sans", sans-serif !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;

    text-align: center !important;
    text-transform: uppercase !important;
    letter-spacing: .03em !important;

    cursor: pointer !important;

    transition:
    transform .18s ease,
    background-color .18s ease !important;
}

#exportDesignBtn:hover {
    transform: translateY(-1px);
    background: rgba(159,189,186,.16) !important;
}

#export-status {
    margin: 9px 0 0 !important;

    color: var(--switcher-green-light) !important;

    font-family: "Open Sans", sans-serif !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}

/* ==========================================================
   GLOBAL AUSGEWÄHLTES BRAND-ICON
   Überschreibt bei manueller Icon-Auswahl alle Design-Icons.
   AUTO entfernt die Klasse wieder und nutzt die Farbwelt-Icons.
   ========================================================== */

body.gs-brand-icon-global .logo-icon,
body.gs-brand-icon-global h1::before,
body.gs-brand-icon-global h2::before,
body.gs-brand-icon-global .spruch::before,
body.gs-brand-icon-global .iconlist-char,
body.gs-brand-icon-global .overlay-icon::after,
body.gs-brand-icon-global .karte-text-rechts::after {
    mask-image: var(--global-brand-icon) !important;
    -webkit-mask-image: var(--global-brand-icon) !important;
}

/* ==========================================================
KONFIGURATOR – FARBWELTEN WIEDER UNTEREINANDER
NUR ADDITIVER FIX – BESTEHENDE CSS BLEIBT UNVERÄNDERT
========================================================== */

#design-switcher .color-switch {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100% !important;
}

/* Alle fünf Farbwelten – inklusive Free Spirit – gleich breit */
#design-switcher .color-choice {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    margin: 0 !important;
    box-sizing: border-box !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* Punkt rechts sauber ausrichten */
#design-switcher .color-choice .color-dot {
    margin-left: auto !important;
    flex: 0 0 34px !important;
}

/* Free Spirit genauso wie die anderen Farbwelten */
#design-switcher .color-choice:last-child {
    width: 100% !important;
}

/* ==========================================================
KONFIGURATOR – WUNSCHFARBE NUR BEI FREE SPIRIT
NUR ADDITIVER FIX – BESTEHENDE CSS BLEIBT UNVERÄNDERT
========================================================== */

/* Standard: Wunschfarbe komplett ausblenden */
#design-switcher .custom-color-row {
    display: none !important;
}

/* Nur wenn Free Spirit / style-custom aktiv ist, wieder anzeigen */
body.style-custom #design-switcher .custom-color-row {
    display: flex !important;
}

/* ==========================================================
KONFIGURATOR – WUNSCHFARBE KORREKT NUR BEI FREE SPIRIT
WICHTIG: Das aktuelle Markup heißt .custom-color-panel
und wird per JS mit .is-open geöffnet.
========================================================== */

#design-switcher .custom-color-panel {
    display: none !important;
}

#design-switcher .custom-color-panel.is-open {
    display: block !important;
}

/* Aufgeräumte Abstände im geöffneten Bereich */
#design-switcher .custom-color-panel label {
    display: block !important;
    margin: 10px 0 8px !important;
}

#design-switcher .custom-color-controls {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 0 16px !important;
}


/* Kunden-Starter 0.4: gewählte Farbwelt für reine Farbsektionen.
   Keine WooCommerce/Events-Globaländerung: design.css wird nur auf markierten Seiten geladen. */
body.gs-customer-design-page .section-dark {background-color:var(--color-dark)!important;}
body.gs-customer-design-page .section-light {background-color:var(--color-light)!important;}


/* GRAFIKSPIEGEL V04.2 – ORIGINALDARSTELLUNG
   Farb-, Formular- und Feldregeln aus dem Original-design.css bleiben
   unveraendert. V04.1-Farbkontrast-Overrides sind entfernt, weil sie
   auf hellgruenen Sektionen schwarze Schrift und im Kontaktformular
   weisse, vollflaechige Felder erzwangen. */

/* Socket-Schrift und Links auf dunkel gefärbtem Socket weiß.
   Betrifft ausschließlich freigegebene Design-Seiten. */
body#top.gs-customer-design-page #socket,
body#top.gs-customer-design-page #socket :is(p,span,a),
body#top.gs-customer-design-page #socket a:hover {color:#ffffff!important;}

/* Standard-Enfold-Logo nur ausblenden, wenn die separate Logo-Zeile
   des GRAFIKSPIEGEL Kundenlogo-Plugins tatsächlich aktiviert ist. */
body.gskl-brand-band-active #header_main .logo {display:none!important;}

/* GRAFIKSPIEGEL V04.3 – WEISSE LISTEN AUF HELLGRUEN
   Nur die Aufzählungen in den hellgrünen Enfold-Bereichen
   Methoden und Themenbereiche. Das Kontaktformular bleibt unverändert. */
body.gs-customer-design-page .section-light.overlay-icon .avia_textblock ul,
body.gs-customer-design-page .section-light.overlay-icon .avia_textblock ul li,
body.gs-customer-design-page .section-light.overlay-icon .avia_textblock ul li * {
    color: #ffffff !important;
}