:root{--navy:#101b2d;--ivory:#fbf8f1;--gold:#b79452;--ink:#182234;--muted:#687181;--line:#e8e0d2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:var(--ink);background:var(--ivory);line-height:1.65}a{color:inherit}.wrap{max-width:1120px;margin:auto;padding:0 22px}header{position:sticky;top:0;z-index:5;background:rgba(251,248,241,.96);border-bottom:1px solid var(--line)}nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-family:Georgia,serif;font-size:28px;letter-spacing:4px;text-decoration:none}.brand small{display:block;font:10px Arial,sans-serif;letter-spacing:3px}.links{display:flex;gap:18px;flex-wrap:wrap;font-size:14px}.links a{text-decoration:none}.hero{background:var(--navy);color:white;padding:92px 0}.eyebrow{color:#d5bb83;text-transform:uppercase;letter-spacing:3px;font-size:12px}.hero h1{font:52px/1.05 Georgia,serif;margin:12px 0 20px;max-width:850px}.hero p{max-width:760px;font-size:19px;color:#e8e9ec}.btn{display:inline-block;margin-top:18px;padding:12px 18px;border:1px solid var(--gold);color:#fff;text-decoration:none;border-radius:3px}.section{padding:76px 0}.section h2{font:38px Georgia,serif;margin:5px 0 18px}.lead{font-size:18px;max-width:850px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);padding:24px;border-radius:6px}.card h3{font:24px Georgia,serif;margin:8px 0}.tag{color:#8a6b32;font-size:12px;letter-spacing:2px;text-transform:uppercase}.about{background:#fff}.quote{border-left:3px solid var(--gold);padding-left:18px;font:24px Georgia,serif}.ticker{background:#efe8dc}.rotator{min-height:220px}.rotator .slide{display:none}.rotator .slide.active{display:block}.dots button{border:0;background:#c8bda9;width:9px;height:9px;border-radius:50%;margin-right:7px}.dots button.active{background:var(--navy)}footer{background:var(--navy);color:#e9e9e9;padding:42px 0}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.social a{display:inline-block;margin-right:12px;color:#e7cf9b}.legal{font-size:13px;color:#bfc5ce;margin-top:25px}.article{max-width:820px}.article h1{font:42px Georgia,serif}.article h2{font:28px Georgia,serif;margin-top:34px}.note{background:#fff;border-left:3px solid var(--gold);padding:16px}.small{font-size:13px;color:var(--muted)}@media(max-width:780px){nav{flex-wrap:wrap;padding:10px 0 9px;gap:9px}.links{display:flex;width:100%;flex-wrap:nowrap;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.links::-webkit-scrollbar{display:none}.links a{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:12px;background:#fff}.hero{padding:66px 0}.hero h1{font-size:39px}.grid,.footergrid{grid-template-columns:1fr}.section{padding:54px 0}.section h2{font-size:32px}}

/* Mobile Feinschliff 21.08.2026 */
section[id],.knowledge-content article[id],.tip-article,.question-box{scroll-margin-top:150px}
@media(max-width:780px){
  nav{min-height:104px}
  .brand{font-size:24px;letter-spacing:3px}
  .brand small{font-size:9px;letter-spacing:2.4px}
  .hero{padding:54px 0 58px}
  .hero h1{font-size:34px;line-height:1.08;margin:10px 0 16px}
  .hero p{font-size:17px;line-height:1.55}
  .section{padding:46px 0}
  .section h2{font-size:29px;line-height:1.14;margin:6px 0 16px}
  .section p{font-size:16px;line-height:1.62}
  .lead{font-size:17px!important}
  .quote{font-size:21px!important;line-height:1.2;padding-left:14px}
  .card h3{font-size:21px}
  .rotator{min-height:245px}
  .rotator h3{font-size:21px;line-height:1.35}
  #kontakt h2{font-size:29px}
}

/* Visueller Finalschliff: Portrait, Social Icons, Favicon */
.about-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:42px;align-items:start}
.about-photo{position:sticky;top:105px}
.about-photo img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:50%;border:1px solid var(--line);box-shadow:0 12px 32px rgba(16,27,45,.10)}
.social{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.social-link{display:inline-flex!important;align-items:center;gap:9px;margin:0!important;padding:10px 14px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--navy)!important;background:#fff;font-weight:600}
.social-link svg{width:22px;height:22px;fill:currentColor;flex:0 0 auto}
.social-link:hover{border-color:var(--gold)}
@media(max-width:780px){
 .about-layout{grid-template-columns:1fr;gap:24px}
 .about-photo{position:static;width:150px;margin:0 auto 4px}
 .about-copy h2{text-align:left}
 .social{gap:10px}
 .social-link{padding:9px 12px}
}

/* FINALER MOBILE-LESEBARKEITSFIX */
:root{
  --gold-readable:#8A6728;
}

/* Kleine goldene Rubriktexte: deutlich mehr Kontrast */
.eyebrow,
.kicker,
.label,
[class*="eyebrow"]{
  color:var(--gold-readable) !important;
  opacity:1 !important;
}

/* Header wirklich deckend, damit kein Text hindurchscheint */
.site-header,
header{
  background:#FBF8F1 !important;
  opacity:1 !important;
  isolation:isolate;
  z-index:9999 !important;
}

/* Mobile Abstände straffer */
@media(max-width:780px){
  .about{padding-top:48px !important;}
  .about-layout{gap:16px !important;}
  .about-photo{margin:0 auto 8px !important;}
  .about-copy .eyebrow{margin-top:0 !important;}
  .section{scroll-margin-top:110px;}

  /* Kartenbereich vor Über mich nicht unnötig hoch */
  .cards,
  .relationship,
  [class*="relationship"]{
    margin-bottom:0 !important;
  }
}

/* NUR 2 KORREKTUREN: Über-mich-Kontrast + komplett blickdichter Header */

/* 1) Über mich deutlich dunkler */
.about .eyebrow{
  color:#6F4F16 !important;
  opacity:1 !important;
  font-weight:700 !important;
}

/* 2) Sticky Header vollständig blickdicht */
body > header{
  background:#FBF8F1 !important;
  background-color:#FBF8F1 !important;
  opacity:1 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:0 1px 0 #E8E0D2 !important;
  isolation:isolate !important;
  z-index:10000 !important;
}
body > header::before,
body > header::after{
  content:none !important;
  display:none !important;
}
body > header .wrap,
body > header nav{
  background:#FBF8F1 !important;
  opacity:1 !important;
}

/* FINAL: einheitlicher dunkler Goldton für alle Rubriküberschriften */
.eyebrow,
.kicker,
.label,
.about .eyebrow,
[class*="eyebrow"]{
  color:#6F4F16 !important;
  opacity:1 !important;
  font-weight:700 !important;
}

/* Datenschutz – mobile Überschriften sauber umbrechen */
@media(max-width:780px){
  body .legal h1{
    font-size:clamp(2.35rem, 11vw, 3.4rem) !important;
    line-height:1.02 !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
    hyphens:auto !important;
  }
  body .legal h2{
    font-size:clamp(1.75rem, 7.5vw, 2.35rem) !important;
    line-height:1.08 !important;
    overflow-wrap:anywhere !important;
    hyphens:auto !important;
  }
}


/* Datenschutz FINAL – tatsächlicher Selektor der Seite */
@media (max-width:780px){
  .article h1{
    font-size:32px !important;
    line-height:1.08 !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:none !important;
    margin:26px 0 28px !important;
  }
  .article h2{
    font-size:27px !important;
    line-height:1.12 !important;
  }
}


/* Datenschutz – finale mobile Hauptüberschrift */
@media (max-width:780px){
  .article h1{
    font-size:clamp(24px, 7.2vw, 32px) !important;
    line-height:1.08 !important;
    letter-spacing:-0.02em !important;
    white-space:nowrap !important;
    max-width:100% !important;
    overflow:visible !important;
    margin:26px 0 28px !important;
  }
}


/* Datenschutz – mobile Überschrift garantiert vollständig */
@media (max-width:780px){
  .article h1{
    font-size:clamp(20px, 6vw, 27px) !important;
    line-height:1.1 !important;
    letter-spacing:-0.025em !important;
    white-space:nowrap !important;
    max-width:100% !important;
  }
}


/* NUR Datenschutz-Hauptüberschrift – mobil */
@media (max-width:780px){
  body .article h1{
    font-size:18px !important;
    line-height:1.15 !important;
    letter-spacing:-0.02em !important;
    white-space:nowrap !important;
  }
}


/* Datenschutz: ausschließlich die Hauptüberschrift mobil korrigieren */
@media (max-width:780px){
  body .article h1.privacy-title{
    font-size:34px !important;
    line-height:1.08 !important;
    letter-spacing:-0.03em !important;
    white-space:nowrap !important;
    overflow:visible !important;
    max-width:none !important;
  }
}
@media (max-width:390px){
  body .article h1.privacy-title{
    font-size:32px !important;
  }
}

/* AKKOC Wissenswelt V2 */
.tip-article{padding:8px 0 28px;border-bottom:1px solid var(--line)}
.tip-article:last-of-type{border-bottom:0}.reactions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 6px}.reactions button{border:1px solid var(--line);background:#fff;color:var(--ink);padding:8px 11px;border-radius:999px;font:inherit;font-size:13px;cursor:pointer}.reactions button:hover,.reactions button.reacted{border-color:var(--gold);background:#fbf5e8}.reactions b{font-weight:700;margin-left:3px}@media(max-width:520px){.reactions{gap:6px}.reactions button{padding:8px 9px;font-size:12px}}

.pubdate{font-size:.88rem;opacity:.72;margin:.2rem 0 1rem;font-style:italic}
:root{--pen-blue:#184a78}
.key-statement{margin:24px 0;padding:4px 2px;border:0;background:transparent;color:var(--pen-blue);font-size:1.08rem;line-height:1.75}
.key-statement strong{color:var(--pen-blue);font-weight:800;background:linear-gradient(transparent 16%,rgba(247,211,73,.66) 16%,rgba(247,211,73,.66) 88%,transparent 88%);padding:2px 5px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.note{color:var(--pen-blue);font-weight:700;font-style:italic;background:linear-gradient(105deg,rgba(247,211,73,.18),rgba(247,211,73,.5) 12%,rgba(247,211,73,.34) 88%,rgba(247,211,73,.08));border-left:4px solid #d2a900;padding:16px 18px}
.quote{font-weight:700;font-style:italic}
.principle{color:var(--pen-blue);border-left:4px solid #d2a900;padding:15px 18px;background:linear-gradient(105deg,rgba(247,211,73,.18),rgba(247,211,73,.5) 12%,rgba(247,211,73,.34) 88%,rgba(247,211,73,.08));font-weight:700;font-style:italic}
.principle strong{color:var(--pen-blue)}
.school-marker{color:var(--pen-blue);font-weight:700;background:linear-gradient(transparent 16%,rgba(247,211,73,.58) 16%,rgba(247,211,73,.58) 90%,transparent 90%);padding:1px 3px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.note.cta-note,.note.neutral-note{color:var(--ink);font-weight:400;font-style:normal;background:#fff;border-left-color:var(--gold)}
.reading-key{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0 30px;padding:10px 0;font-size:13px;color:var(--muted)}
.reading-key em{font-weight:700;color:var(--pen-blue)}
.tip-article>p:not(.pubdate):not(.note):not(.key-statement)>strong:first-child{color:var(--pen-blue);font-weight:800;background:linear-gradient(transparent 18%,rgba(247,211,73,.52) 18%,rgba(247,211,73,.52) 90%,transparent 90%);padding:1px 3px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
@media(max-width:520px){.key-statement{font-size:1rem;line-height:1.7}.key-statement strong{padding:2px 3px}.note{padding:14px 15px}}

/* Wissenswelt V4 – klarere Trennung zwischen Artikeln */
.tip-article{padding-top:12px;padding-bottom:42px;margin-bottom:38px;border-bottom:1px solid var(--line)}
.tip-article + .tip-article{padding-top:4px}
.tip-article:last-of-type{border-bottom:1px solid var(--line)}
.continuation{margin:6px 0 28px;text-align:center;font-family:Georgia,"Times New Roman",serif;font-size:1.25rem;font-style:italic;color:var(--gold)}
@media(max-width:520px){.tip-article{padding-bottom:38px;margin-bottom:34px}.continuation{margin-top:2px;font-size:1.15rem}}

/* V5: Wissen & Tipps sichtbarer auf der Startseite */
.knowledge-home{background:#101b2d;color:#fff;border-top:1px solid #b79452;border-bottom:1px solid #b79452}
.knowledge-home h2{color:#fff}
.knowledge-home .lead{color:#e8e9ec}
.knowledge-topics{max-width:900px;margin:24px 0 8px;padding:18px 0;border-top:1px solid rgba(183,148,82,.55);border-bottom:1px solid rgba(183,148,82,.55);color:#e7cf9b;font-size:17px;line-height:1.8}
.knowledge-btn{margin-top:22px;background:#b79452;color:#101b2d;font-weight:700}
.knowledge-faq-link{margin-left:8px;background:#fff;color:#101b2d;font-weight:700}
.knowledge-note{margin-top:14px;color:#c9ced6}
@media(max-width:620px){.knowledge-btn,.knowledge-faq-link,.knowledge-search-link{display:block;width:100%;margin:10px 0 0;text-align:center}}

/* V6: Wissensseite mit Desktop-Schnellzugriff */
.knowledge-layout{max-width:1120px;display:grid;grid-template-columns:minmax(0,820px) 220px;gap:54px;align-items:start}
.knowledge-content{max-width:none}
.knowledge-side{position:sticky;top:108px}
.side-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:18px}
.side-title{font-weight:700;color:#6F4F16;text-transform:uppercase;letter-spacing:1.5px;font-size:12px;margin-bottom:10px}
.side-card a{display:block;text-decoration:none;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}
.side-card a:last-child{border-bottom:0}
.side-card a:hover,.side-card a.active{color:#6F4F16;font-weight:700}
.reactions button:disabled{opacity:.65;cursor:wait}
@media(max-width:900px){.knowledge-layout{grid-template-columns:1fr;gap:24px}.knowledge-side{position:static;order:-1}.side-card{display:flex;gap:8px;overflow-x:auto;padding:10px}.side-title{display:none}.side-card a{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:7px 11px;font-size:12px}.side-card a:last-child{border:1px solid var(--line)}}

/* V8: einheitliche Navigation auf Recht-/Transparenzseiten */
.legal-nav{max-width:1180px;margin:18px auto 0;padding:12px 22px;display:flex;gap:18px;flex-wrap:wrap;justify-content:center;border-bottom:1px solid rgba(200,166,96,.28)}
.legal-nav a{font-size:14px;text-decoration:none;font-weight:700}
@media(max-width:700px){.legal-nav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;padding:11px 18px;gap:16px}.legal-nav a{font-size:13px}}

/* V10: Suche, Schlagwörter und Kundenfragen */
.search-page{max-width:900px}.search-box{display:block;margin:28px 0 18px}.search-box span,.question-box label span{display:block;font-size:13px;font-weight:700;color:#6F4F16;margin-bottom:8px}.search-box input,.question-box textarea{width:100%;border:1px solid #c8bda9;border-radius:8px;background:#fff;padding:15px 16px;font:inherit;color:#101b2d}.search-box input:focus,.question-box textarea:focus{outline:3px solid rgba(183,148,82,.22);border-color:#b79452}.search-results{display:grid;gap:12px;margin-top:20px}.search-result{display:grid;gap:5px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:8px;text-decoration:none}.search-result:hover{border-color:#b79452;transform:translateY(-1px)}.search-result small{color:#8A6728;text-transform:uppercase;letter-spacing:1px}.search-result strong{font-size:18px}.search-result span{color:#687181;line-height:1.55}.search-hint,.question-route{padding:15px;background:#FBF8F1;border-left:4px solid #b79452}.faq-group{margin:34px 0}.faq-group h2{margin-bottom:14px}.faq-group details{background:#fff;border:1px solid var(--line);border-radius:7px;margin:9px 0;padding:0 16px;scroll-margin-top:110px}.faq-group summary{cursor:pointer;font-weight:700;padding:15px 28px 15px 0;position:relative;list-style:none}.faq-group summary::-webkit-details-marker{display:none}.faq-group summary:after{content:'+';position:absolute;right:0;color:#8A6728;font-size:21px}.faq-group details[open] summary:after{content:'–'}.faq-group details p{margin:0;padding:0 0 16px;line-height:1.65;color:#4f5968}.question-box,.legal-note{margin-top:36px;padding:24px;background:#FBF8F1;border:1px solid #d5bb83;border-radius:9px;scroll-margin-top:110px}.question-box textarea{resize:vertical;min-height:130px}.question-box .btn{margin:14px 0 8px}.legal-note{background:#fff}.legal-note h2{font-size:21px}.legal-note p{font-size:14px;line-height:1.65}.keyword-title{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.side-card a.keyword{display:inline-block;margin:3px 3px 3px 0;padding:6px 9px;border:1px solid var(--line);border-radius:999px;font-size:12px}.side-card a.keyword:hover{border-color:#b79452;background:#FBF8F1}.side-search{display:block!important;background:#101b2d;color:#fff!important;border-radius:5px;padding:10px!important;margin-bottom:8px}
.faq-group details{scroll-margin-top:150px}
@media(max-width:780px){section[id],.knowledge-content article[id],.tip-article,.faq-group details,.question-box{scroll-margin-top:235px}}

/* AKKOC Bildzeichen */
.brand{display:flex;align-items:center;gap:11px}
.brand img{display:block;width:46px;height:46px;object-fit:contain;flex:0 0 46px}
.brand span{display:block}
@media(max-width:780px){.brand{gap:8px}.brand img{width:40px;height:40px;flex-basis:40px}}