/* skinskills.de – Klarer Look (02.11.2026) */
:root{--k-navy:#14213a;--k-navy-soft:#223a5c;--k-coral:#d9766c;--k-coral-dark:#c2635a;--k-coral-light:#e58f86;--k-line:#e6ebf2;--k-soft:#f7f9fc;--k-text:#33415a}
body{font-weight:400;color:var(--k-text)}
h1,.ce-headline:is(h1){font-weight:700;letter-spacing:-.02em}
h2{letter-spacing:-.015em}

/* Dachzeilen: keine Versalien, keine Sperrung, keine Deko-Linie */
.roofline,.roofline--decor{text-transform:none!important;letter-spacing:0!important;font-size:15px!important;line-height:1.4!important;font-weight:600!important;color:var(--k-coral)!important;padding-left:0!important}
.roofline::before,.roofline::after,.roofline--decor::before,.roofline--decor::after{display:none!important}
.surface-dark .roofline,#c142 .roofline{color:var(--k-coral-light)!important}

/* Buttons: ruhig, flächig, ohne Glow und Sprung */
:is(.button,input[type="submit"],button[type="submit"]){background:var(--k-coral)!important;background-image:none!important;box-shadow:none!important;border-radius:10px!important;translate:none!important;font-weight:600!important;letter-spacing:0!important;transition:background-color .2s,border-color .2s,color .2s!important}
:is(.button,input[type="submit"],button[type="submit"]):hover{background:var(--k-coral-dark)!important}
.button.button--secondary{background:transparent!important;border:1.5px solid color-mix(in srgb,var(--fg) 60%,transparent)!important}
.button.button--secondary:hover{background:color-mix(in srgb,var(--fg) 8%,transparent)!important;border-color:var(--fg)!important}

/* Hauptnavigation: kein Navy-Block mehr */
@media (min-width:1280px){
.head .nav{background:transparent!important}
.head .nav>li>a{font-weight:400!important;font-size:16px!important;padding:10px 16px!important}
.head:not(.is-sticky) .nav>li>a{color:#fff}
.head.is-sticky .nav>li>a{color:var(--k-navy)}
.head .nav>li.active>a,.head .nav>li:hover>a,.head .nav>li:focus-within>a{color:var(--k-coral-light)!important}
.head.is-sticky .nav>li.active>a,.head.is-sticky .nav>li:hover>a{color:var(--k-coral)!important}
.head .nav>li>a::after{background:currentColor!important;height:2px!important;bottom:4px!important}
.head .nav>li.active>a::after{opacity:1!important;width:calc(100% - 32px)!important}
.head .nav .subnav{border-radius:12px;padding:8px!important;background:var(--k-navy)!important}
.head .nav .subnav li a{border-bottom-color:rgba(255,255,255,.08)!important;font-size:15px!important;padding:12px 16px!important;color:#fff}
}

/* Kennzahlen: keine Karten mit Seitenstreifen, sondern klare Zahlen */
#content [class*="before:w-[5px]"]{background:transparent!important;border:0!important;border-top:1px solid var(--k-line)!important;border-radius:0!important;box-shadow:none!important;padding:22px 4px 0 0!important}
#content [class*="before:w-[5px]"]::before{display:none!important}

/* Info-Leiste: ruhige Navy-Fläche, kein Glow, kein Streifen */
#content .surface-dark[class*="border-l-[6px]"]{border-left:0!important;background:var(--k-navy)!important;background-image:none!important;box-shadow:none!important}
#content .surface-dark[class*="border-l-[6px]"]::after{display:none!important}

/* Karten: flach, feine Linie statt Schatten */
#content [class*="shadow-[0_10px_30px_-18px"],#content .shadow-card,#content .shadow-default{box-shadow:none!important}
#content [class*="shadow-[0_10px_30px_-18px"]:hover,#content .shadow-card:hover{border-color:#c9d3e2!important;translate:none!important}
#content [class*="bg-linear-160"]{background:var(--k-soft)!important;background-image:none!important;border-color:transparent!important}
#content a.shadow-card:hover{translate:0 -2px!important}

/* Footer-Banner: ruhige Fläche */
.footbanner{background:var(--k-navy)!important;background-image:none!important}

/* Journalclub-Leiste (Startseite): hell statt dunkel, damit sie sich von der Pflichtschulungen-Leiste abhebt */
#content :is(#c1042,#c1048) .surface-dark[class*="border-l-[6px]"]{background:#fbefed!important;color:var(--k-navy)!important;--fg:var(--k-navy)}
#content :is(#c1042,#c1048) .surface-dark[class*="border-l-[6px]"] *{color:var(--k-navy)}
#content :is(#c1042,#c1048) .surface-dark[class*="border-l-[6px]"] .button{color:#fff!important}
#content :is(#c1042,#c1048) .surface-dark[class*="border-l-[6px]"]::before{filter:brightness(0);opacity:.7}

/* Restliche Verläufe und Leuchteffekte (FAQ-Karten, Über uns, Icon-Kacheln Startseite) */
#content [class*="after:bg-[radial-gradient"]::after{display:none!important}
#content [class*="bg-linear-135"][class*="from-primary"]{background:var(--k-navy)!important;background-image:none!important;box-shadow:none!important}
#content [class*="rounded-[22px]"]{border-radius:18px!important}
#content [class*="size-13"][class*="bg-linear"]{background:var(--k-navy)!important;background-image:none!important}
#content [class*="tracking-[.06em]"]{text-transform:none!important;letter-spacing:0!important;font-size:14px!important}
#content summary[class*="bg-linear-135"]{background:var(--k-coral)!important;background-image:none!important;box-shadow:none!important;border-radius:10px!important;translate:none!important}
#content summary[class*="bg-linear-135"]:hover{background:var(--k-coral-dark)!important}