.wwdsp-wrap{--wwdsp-accent:#1f4c5b;--wwdsp-soft:#f4f8f8;--wwdsp-line:#dce7e8;--wwdsp-text:#1f2d32;--wwdsp-muted:#63747a;color:var(--wwdsp-text);font-size:16px;line-height:1.62;box-sizing:border-boxwidth:100%!important;max-width:none!important;margin:0!important;padding:0!important;}.wwdsp-header{margin-bottom:2rem}.wwdsp-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:var(--wwdsp-accent);font-weight:700;margin:0 0 .4rem}.wwdsp-header h1{margin:.1rem 0 .7rem;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.wwdsp-updated{color:var(--wwdsp-muted);font-size:.95rem}.wwdsp-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.35rem;margin:2rem 0;align-items:stretch}.wwdsp-card{background:var(--wwdsp-soft);border:1px solid var(--wwdsp-line);border-radius:18px;padding:1rem;box-shadow:0 6px 18px rgba(31,76,91,.05)}.wwdsp-card-icon,.wwdsp-trigger-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--wwdsp-accent)}.wwdsp-card-icon{width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid var(--wwdsp-line);margin-bottom:.65rem}.wwdsp-card-icon svg,.wwdsp-trigger-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.wwdsp-card h2{font-size:1.05rem;margin:.2rem 0 .45rem}.wwdsp-card ul{margin:.3rem 0 0;padding-left:1.15rem}.wwdsp-card li{margin:.2rem 0}.wwdsp-accordion{border-top:1px solid var(--wwdsp-line)}.wwdsp-item{border-bottom:1px solid var(--wwdsp-line)}.wwdsp-trigger{width:100%;display:flex;align-items:center;gap:.85rem;background:transparent;border:0;padding:1.05rem .15rem;text-align:left;cursor:pointer;color:var(--wwdsp-text);font:inherit}.wwdsp-trigger:hover .wwdsp-trigger-title{color:var(--wwdsp-accent)}.wwdsp-trigger-icon{width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:var(--wwdsp-soft)}.wwdsp-trigger-title{font-weight:700;font-size:1.04rem;flex:1}.wwdsp-trigger-plus{position:relative;width:18px;height:18px;flex:0 0 18px}.wwdsp-trigger-plus:before,.wwdsp-trigger-plus:after{content:"";position:absolute;background:var(--wwdsp-accent);left:2px;right:2px;top:8px;height:2px;border-radius:2px}.wwdsp-trigger-plus:after{transform:rotate(90deg);transition:transform .18s ease}.wwdsp-item.is-open .wwdsp-trigger-plus:after{transform:rotate(0deg)}.wwdsp-panel-inner{padding:.15rem 0 1.25rem 3.2rem}.wwdsp-panel-inner p:first-child{margin-top:0}.wwdsp-panel-inner ul{padding-left:1.2rem}.wwdsp-panel-inner li{margin:.35rem 0}.wwdsp-contact{background:var(--wwdsp-soft);border-left:4px solid var(--wwdsp-accent);padding:1rem;border-radius:12px;margin:1rem 0}.wwdsp-button{background:var(--wwdsp-accent);color:#fff;border:0;border-radius:999px;padding:.72rem 1rem;font-weight:700;cursor:pointer}.wwdsp-button:hover{filter:brightness(.94)}.wwdsp-cookie-box{background:#fff;border:1px solid var(--wwdsp-line);border-radius:14px;padding:1rem;margin:1rem 0}.wwdsp-footer-note{font-size:.9rem;color:var(--wwdsp-muted);border-top:1px solid var(--wwdsp-line);margin-top:2rem;padding-top:1rem}.wwdsp-custom{margin-top:2rem;padding:1rem;border-radius:14px;background:var(--wwdsp-soft)}@media(max-width:640px){.wwdsp-wrap{font-size:15px}.wwdsp-panel-inner{padding-left:0}.wwdsp-trigger{align-items:flex-start}.wwdsp-trigger-icon{margin-top:-.2rem}}

/* Version 2.9: kein eigener Aussenabstand/Boxing durch das Plugin */
.wwdsp-wrap,
.wwdsp-wrap *{
    box-sizing:border-box;
}
.wwdsp-imprint-wrap{
    margin:0!important;
    padding:0!important;
    max-width:none!important;
    width:100%!important;
}
.wwdsp-wrap .wwdsp-header{
    margin-top:0!important;
}

/* Gemonio Datenschutz 5.0: keine Plugin-Maximalbreite */
.wwdsp-wrap,
body .wwdsp-wrap,
.entry-content .wwdsp-wrap,
.site-content .wwdsp-wrap,
.wp-block-post-content .wwdsp-wrap{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}
.wwdsp-imprint-wrap,
body .wwdsp-imprint-wrap{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}


/* 5.2.5: Summary-Cards hochwertiger und breiter: Desktop 3+2, Tablet 2, Mobile 1 */
.wwdsp-summary{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:1.35rem!important;
    align-items:stretch;
}
.wwdsp-summary .wwdsp-card{
    min-width:0;
    padding:1.18rem 1.2rem 1.25rem;
}
.wwdsp-summary .wwdsp-card h2{
    overflow-wrap:break-word;
    hyphens:auto;
}
.wwdsp-summary .wwdsp-card ul,
.wwdsp-summary .wwdsp-card li{
    min-width:0;
}
.wwdsp-summary .wwdsp-card li{
    overflow-wrap:anywhere;
    word-break:normal;
    hyphens:auto;
}
@media (max-width:1100px){
    .wwdsp-summary{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}
@media (max-width:700px){
    .wwdsp-summary{
        grid-template-columns:1fr!important;
    }
}


/* 6.4.1 Frontend-Kosmetik: Dienste als einheitliche Blöcke statt langer Bullet-Liste */
.wwdsp-service-list{
    display:grid;
    gap:1rem;
    margin:1.1rem 0 0;
}
.wwdsp-service-entry{
    background:var(--wwdsp-soft);
    border:1px solid var(--wwdsp-line);
    border-radius:14px;
    padding:1rem 1.15rem;
}
.wwdsp-service-entry h3{
    margin:0 0 .55rem;
    font-size:1.08rem;
    line-height:1.28;
}
.wwdsp-service-entry p{
    margin:.35rem 0 0;
}
.wwdsp-service-entry dl{
    margin:.2rem 0 0;
}
.wwdsp-service-entry dl div{
    display:grid;
    grid-template-columns:minmax(120px, 180px) minmax(0,1fr);
    gap:.5rem 1rem;
    padding:.22rem 0;
}
.wwdsp-service-entry dt{
    font-weight:700;
    color:var(--wwdsp-text);
}
.wwdsp-service-entry dd{
    margin:0;
    min-width:0;
    overflow-wrap:anywhere;
}
.wwdsp-service-provider{
    color:var(--wwdsp-text);
}

/* 6.4.1 Footer-Hinweis: nur eine Linie und Sicherheitsabstand vor dem Footer */
.wwdsp-accordion + .wwdsp-footer-note{
    border-top:0!important;
    margin-top:1.4rem!important;
    padding-top:.9rem!important;
    margin-bottom:50px!important;
}
.wwdsp-footer-note{
    margin-bottom:50px!important;
}

/* 6.4.1 Externe Cookie-/Complianz-Ausgaben im Datenschutzbereich weniger dominant */
.wwdsp-panel-inner .cmplz-document h2,
.wwdsp-panel-inner .cmplz-document h3,
.wwdsp-panel-inner .cmplz-service-header h2,
.wwdsp-panel-inner .cmplz-service-header h3,
.wwdsp-panel-inner .cmplz-services h3{
    font-size:1.25rem!important;
    line-height:1.3!important;
    margin:1rem 0 .35rem!important;
}
.wwdsp-panel-inner .cmplz-document details,
.wwdsp-panel-inner .cmplz-services details{
    margin:.55rem 0!important;
}
@media(max-width:700px){
    .wwdsp-service-entry dl div{
        grid-template-columns:1fr;
        gap:.1rem;
    }
}


/* 6.4.3 Impressum: Abstand nach unten und klare Haftungs-Zwischentitel */
.wwdsp-imprint-wrap{
    margin-bottom:50px!important;
    padding-bottom:50px!important;
}
.wwdsp-imprint-disclaimer{
    margin-top:1.6rem;
}
.wwdsp-imprint-disclaimer h3{
    margin-bottom:.85rem;
}
.wwdsp-imprint-disclaimer p{
    margin:.55rem 0 1rem;
}
.wwdsp-imprint-disclaimer strong{
    display:block;
    font-weight:800;
    color:var(--wwdsp-text);
    margin:1.05rem 0 .25rem;
}
.wwdsp-imprint-disclaimer p:first-of-type strong:first-child{
    margin-top:0;
}


/* 6.4.4 Mehrere Anbieter/Datenschutzlinks sauber zeilenweise darstellen */
.wwdsp-service-provider-links{
    list-style:none;
    padding-left:0!important;
    margin:.15rem 0!important;
}
.wwdsp-service-provider-links li{
    margin:.4rem 0!important;
    padding-left:0!important;
}
.wwdsp-service-provider-links strong{
    font-weight:800;
}
.wwdsp-service-privacy-line{
    color:var(--wwdsp-muted);
}


/* 6.4.7 Anbieter-/Datenschutzlink-Liste ruhiger: keine Bullets, keine fetten Namen */
.wwdsp-service-provider-links{
    display:block;
    list-style:none!important;
    padding-left:0!important;
    margin:.15rem 0!important;
}
.wwdsp-service-provider-link-row{
    margin:.45rem 0!important;
    padding-left:0!important;
}
.wwdsp-service-provider-name{
    font-weight:400!important;
}
.wwdsp-service-privacy-line{
    color:var(--wwdsp-muted);
}


/* 6.4.8 Anbieter/Datenschutz immer schön untereinander */
.wwdsp-service-entry dd .wwdsp-service-provider-links{
    display:block!important;
    width:100%!important;
}
.wwdsp-service-entry dd .wwdsp-service-provider-link-row{
    display:block!important;
    width:100%!important;
    clear:both!important;
    margin:0 0 .8rem!important;
}
.wwdsp-service-entry dd .wwdsp-service-provider-link-row:last-child{
    margin-bottom:0!important;
}
.wwdsp-service-entry dd .wwdsp-service-provider-name,
.wwdsp-service-entry dd .wwdsp-service-privacy-line{
    display:block!important;
}


/* 6.4.10 Punkt 08: Dienste & Drittanbieter wieder als ruhige grünliche Karten */
.wwdsp-service-list{
    gap:1.05rem!important;
}
.wwdsp-service-entry{
    background:#f3faf6!important;
    border:1px solid #cfe9d8!important;
    border-radius:16px!important;
    box-shadow:0 6px 18px rgba(31,76,91,.035)!important;
}
.wwdsp-service-entry h3{
    color:var(--wwdsp-text);
}
.wwdsp-service-entry dl div{
    border-top:1px solid rgba(143,207,158,.45);
}
.wwdsp-service-entry dl div:first-child{
    border-top:0;
}
.wwdsp-service-entry dt{
    color:#254b38;
}
.wwdsp-service-entry a{
    overflow-wrap:anywhere;
}


/* 6.4.11 Punkt 07: Complianz-/Cookie-Ausgabe optisch an Punkt 08 angleichen */
.wwdsp-cookie-box{
    background:#f3faf6!important;
    border:1px solid #cfe9d8!important;
    border-radius:16px!important;
    box-shadow:0 6px 18px rgba(31,76,91,.035)!important;
    padding:1rem 1.15rem!important;
}
.wwdsp-cookie-box > p:first-child{
    margin-top:0!important;
}
.wwdsp-cookie-box a:not(.wwdsp-button):not(.button){
    color:var(--wwdsp-text)!important;
    font-size:1.03rem!important;
    line-height:1.35!important;
    font-weight:600!important;
    text-decoration:none!important;
}
.wwdsp-cookie-box a:not(.wwdsp-button):not(.button):hover{
    color:var(--wwdsp-accent)!important;
    text-decoration:underline!important;
}
.wwdsp-cookie-box h1,
.wwdsp-cookie-box h2,
.wwdsp-cookie-box h3,
.wwdsp-cookie-box h4,
.wwdsp-cookie-box summary,
.wwdsp-cookie-box .cmplz-service-header,
.wwdsp-cookie-box .cmplz-service-header a,
.wwdsp-cookie-box .cmplz-document h2,
.wwdsp-cookie-box .cmplz-document h3,
.wwdsp-cookie-box .cmplz-services h2,
.wwdsp-cookie-box .cmplz-services h3{
    color:var(--wwdsp-text)!important;
    font-size:1.05rem!important;
    line-height:1.35!important;
    font-weight:650!important;
    margin:.45rem 0 .2rem!important;
}
.wwdsp-cookie-box p,
.wwdsp-cookie-box li,
.wwdsp-cookie-box div,
.wwdsp-cookie-box span{
    line-height:1.48;
}
.wwdsp-cookie-box details,
.wwdsp-cookie-box .cmplz-service,
.wwdsp-cookie-box .cmplz-category,
.wwdsp-cookie-box .cmplz-dropdown{
    margin:.35rem 0 .65rem!important;
    padding:0!important;
}
.wwdsp-cookie-box ul,
.wwdsp-cookie-box ol{
    margin:.35rem 0 .75rem!important;
    padding-left:1.1rem!important;
}
.wwdsp-cookie-box .wwdsp-button{
    margin-top:.45rem;
}
.wwdsp-cookie-box .cmplz-category-header,
.wwdsp-cookie-box .cmplz-service-header{
    border-color:rgba(143,207,158,.45)!important;
}


/* 6.6.1 Frontend-Typografie: Abschnitte 07/08 vereinheitlichen */
.gemonio-ds-cookie-card h3,
.gemonio-ds-cookie-card h4,
.gemonio-ds-cookie-item h3,
.gemonio-ds-cookie-item h4,
.gemonio-ds-service-card h3,
.gemonio-ds-service-card h4,
.gemonio-ds-tool-card h3,
.gemonio-ds-tool-card h4,
.gemonio-ds-provider-card h3,
.gemonio-ds-provider-card h4{
    font-family: inherit;
    font-size: clamp(22px, 2.2vw, 30px);
    line-height: 1.22;
    font-weight: 700;
    margin: 0 0 18px;
    color: var(--gemonio-ds-text, #14262d);
}

/* Dienst-/Cookie-Unterzeilen ruhiger und konsistenter */
.gemonio-ds-cookie-card .gemonio-ds-cookie-purpose,
.gemonio-ds-cookie-card .gemonio-ds-cookie-category,
.gemonio-ds-cookie-item .gemonio-ds-cookie-purpose,
.gemonio-ds-cookie-item .gemonio-ds-cookie-category{
    font-size: clamp(17px, 1.65vw, 22px);
    line-height: 1.35;
    font-weight: 700;
    margin: 0 0 14px;
    color: var(--gemonio-ds-text, #14262d);
}

/* Abschnittstitel 07/08 gleich behandeln */
.gemonio-ds-section:nth-of-type(7) .gemonio-ds-section-title,
.gemonio-ds-section:nth-of-type(8) .gemonio-ds-section-title{
    font-size: clamp(28px, 2.8vw, 38px);
    line-height: 1.18;
    font-weight: 800;
}


/* 6.6.2 Frontend: Abschnitt 07 und 08 wirklich angleichen
   Cookie-Gruppentitel wie "Vimeo", "YouTube", "Verschiedenes" dürfen nicht grösser sein
   als die Dienstkarten-Titel in Abschnitt 08. */
.gemonio-ds-cookie-groups h3,
.gemonio-ds-cookie-groups h4,
.gemonio-ds-cookie-groups strong,
.gemonio-ds-cookie-list h3,
.gemonio-ds-cookie-list h4,
.gemonio-ds-cookie-list strong,
.gemonio-ds-cookies h3,
.gemonio-ds-cookies h4,
.gemonio-ds-cookies strong,
.gemonio-ds-cookie-card h3,
.gemonio-ds-cookie-card h4,
.gemonio-ds-cookie-card strong,
.gemonio-ds-cookie-item h3,
.gemonio-ds-cookie-item h4,
.gemonio-ds-cookie-item strong{
    font-family: inherit !important;
    font-size: clamp(20px, 1.75vw, 26px) !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 14px !important;
}

/* Cookie-Kategoriezeilen wie "Statistik", "Marketing" ebenfalls ruhiger skalieren. */
.gemonio-ds-cookie-groups p,
.gemonio-ds-cookie-list p,
.gemonio-ds-cookies p,
.gemonio-ds-cookie-card p,
.gemonio-ds-cookie-item p{
    font-size: clamp(18px, 1.55vw, 22px) !important;
    line-height: 1.38 !important;
}

/* Abschnitt 08 Karten-Titel explizit auf dieselbe Zielgrösse setzen. */
.gemonio-ds-service-card > h3,
.gemonio-ds-service-card > h4,
.gemonio-ds-tool-card > h3,
.gemonio-ds-tool-card > h4,
.gemonio-ds-provider-card > h3,
.gemonio-ds-provider-card > h4{
    font-family: inherit !important;
    font-size: clamp(20px, 1.75vw, 26px) !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 18px !important;
}

/* Abschnittstitel 07/08 gleich, unabhängig von Abschnittsnummerierung im DOM. */
.gemonio-ds-section-title,
.gemonio-ds-section-heading{
    font-size: clamp(28px, 2.35vw, 34px);
    line-height: 1.18;
}


/* 6.6.3 Cookie-Box Strict Typo Fix
   Complianz kann eigene Überschriften/Container ausgeben, die nicht alle bisherigen
   Klassen treffen. Darum wird nur innerhalb der Cookie-Box die Typografie strenger
   normalisiert. Abschnitt 08 / Dienstkarten bleiben unberührt. */
.wwdsp-wrap .wwdsp-cookie-box,
.wwdsp-wrap .wwdsp-cookie-box *:not(.wwdsp-button):not(.button){
    font-size: 1rem !important;
    line-height: 1.42 !important;
}

/* Cookie-/Complianz-Gruppentitel wie Vimeo, YouTube, Verschiedenes */
.wwdsp-wrap .wwdsp-cookie-box h1,
.wwdsp-wrap .wwdsp-cookie-box h2,
.wwdsp-wrap .wwdsp-cookie-box h3,
.wwdsp-wrap .wwdsp-cookie-box h4,
.wwdsp-wrap .wwdsp-cookie-box h5,
.wwdsp-wrap .wwdsp-cookie-box h6,
.wwdsp-wrap .wwdsp-cookie-box summary,
.wwdsp-wrap .wwdsp-cookie-box strong,
.wwdsp-wrap .wwdsp-cookie-box b,
.wwdsp-wrap .wwdsp-cookie-box [class*="title"],
.wwdsp-wrap .wwdsp-cookie-box [class*="header"],
.wwdsp-wrap .wwdsp-cookie-box [class*="service"] > :first-child,
.wwdsp-wrap .wwdsp-cookie-box [class*="category"] > :first-child{
    font-size: 1.08rem !important;
    line-height: 1.28 !important;
    font-weight: 700 !important;
    margin-top: .35rem !important;
    margin-bottom: .25rem !important;
    color: var(--wwdsp-text) !important;
}

/* Cookie-Kategorie / Zweckzeilen wie Statistik, Marketing */
.wwdsp-wrap .wwdsp-cookie-box p strong,
.wwdsp-wrap .wwdsp-cookie-box li strong,
.wwdsp-wrap .wwdsp-cookie-box summary + *,
.wwdsp-wrap .wwdsp-cookie-box [class*="purpose"],
.wwdsp-wrap .wwdsp-cookie-box [class*="description"]{
    font-size: 1rem !important;
    line-height: 1.38 !important;
    font-weight: 650 !important;
}

/* Button nicht verkleinern / eigene Optik beibehalten */
.wwdsp-wrap .wwdsp-cookie-box .wwdsp-button,
.wwdsp-wrap .wwdsp-cookie-box .button,
.wwdsp-wrap .wwdsp-cookie-box button.wwdsp-button{
    font-size: .96rem !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}
