/* Deutsche Farbwelt: Anthrazit, Deutschland-Rot und Gold (Schwarz-Rot-Gold). */
:root{--ink:#1d1f23;--ink-deep:#14161a;--paper:#f6f4ef;--red:#d00000;--red-dark:#a30000;--gold:#ffce00;--line:#e3dfd3}
body{color:var(--ink);background:#fff}
::selection{background:var(--gold);color:var(--ink-deep)}
body::before{content:"";position:fixed;top:0;left:0;right:0;height:5px;z-index:99999;background:linear-gradient(90deg,#000 0 33.33%,var(--red) 33.33% 66.66%,var(--gold) 66.66% 100%)}
.nav-bar.active{background:#fff;border-bottom:1px solid var(--line)}
.nav-bar.active .logo-nav .brand-text{color:var(--ink-deep)}
.nav-bar .logo-nav .brand-text{letter-spacing:.055em;font-size:clamp(.8rem,1.55vw,1rem)}
.nav-top{background:rgba(20,22,26,.55)}
.header .sec-hero .overlay{background:linear-gradient(90deg,rgba(20,22,26,.86),rgba(20,22,26,.45) 65%,rgba(20,22,26,.12))}
.headline-top{color:var(--gold);border-left:4px solid var(--gold);padding-left:12px}
.btn-1{background:var(--red);border-color:var(--red);color:#fff}
.btn-1:hover{background:var(--gold);border-color:var(--gold);color:var(--ink-deep)}
.sec-title h2,.practice-area-item i{color:var(--red)}
.sec-title h2::after{content:"";display:block;width:56px;height:4px;margin-top:10px;background:linear-gradient(90deg,#000 0 33%,var(--red) 33% 66%,var(--gold) 66%)}
.sec-title.text-center h2::after{margin-left:auto;margin-right:auto}
.practice-area{background-color:var(--paper);background-image:none}
.footer{background:var(--ink-deep);border-top:5px solid;border-image:linear-gradient(90deg,#000 0 33.33%,var(--red) 33.33% 66.66%,var(--gold) 66.66% 100%) 1}
.seo-content{background:var(--paper)}
.quote .rating-block .stars{color:var(--red)}
.photo-credits{font-size:.78rem;opacity:.7;margin-top:.75rem;line-height:1.5}
.photo-credits a{color:inherit;text-decoration:underline}
.history .bg-section{background-image:url('../images/header/03_header.webp')}
.provide .img-box{background-image:url('../images/header/02_header.webp')}
.contact{background-image:url('../images/header/03_header.webp')}
.presentation-box{background-image:url('../images/header/01_header.webp')}
@media(max-width:991px){.nav-bar .logo-nav .brand-text{font-size:.86rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ===== Kopfbereich: Bauhaus-/Ingenieurs-Stil ===== */
.nav-top{border-bottom:0;position:relative}
.nav-top::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:repeating-linear-gradient(90deg,rgba(255,206,0,.55) 0 6px,transparent 6px 12px)}
.nav-top .nav-top-box ul.info li{font-family:'Poppins',sans-serif;font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;border-inline-start:0;position:relative;padding-inline-start:26px}
.nav-top .nav-top-box ul.info li::before{content:"";position:absolute;left:10px;top:50%;width:6px;height:6px;margin-top:-3px;background:var(--gold);transform:rotate(45deg)}
.nav-top .nav-top-box ul.info li:first-of-type{padding-inline-start:26px}
.nav-top .nav-top-box ul li span{color:var(--gold);font-weight:600}
.nav-top .nav-top-box ul li a.icon{width:32px;height:32px;line-height:30px;text-align:center;margin-inline-start:8px;border:1px solid rgba(255,255,255,.28);transition:.25s}
.nav-top .nav-top-box ul li a.icon:hover{background:var(--gold);border-color:var(--gold);color:var(--ink-deep)}

.nav-bar{counter-reset:nv}
.nav-bar .nav-bar-link ul.level-1>li{counter-increment:nv}
.nav-bar .nav-bar-link ul li a{font-family:'Poppins',sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:30px 4px;margin-inline-end:14px}
.nav-bar .nav-bar-link ul.level-1>li>a::after{content:"0" counter(nv);position:absolute;top:13px;left:4px;font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--gold);opacity:.9}
.nav-bar .nav-bar-link ul li a:before{height:4px;background:linear-gradient(90deg,#000 0 33.33%,var(--red) 33.33% 66.66%,var(--gold) 66.66% 100%)}
.nav-bar.active .nav-bar-link ul li a{color:var(--ink-deep)}
.nav-bar.active .nav-bar-link ul.level-1>li>a::after{color:var(--red)}
.nav-bar.active{box-shadow:0 4px 0 rgba(20,22,26,.06);top:5px}
.nav-bar .info-nav{padding:8px 16px 8px 14px;border-left:4px solid var(--gold);background:rgba(20,22,26,.35);clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}
.nav-bar.active .info-nav{background:var(--paper)}
.nav-bar .info-nav i{color:var(--gold)}
.nav-bar.active .info-nav i{color:var(--red)}

/* ===== Buttons: kantig mit Schattenversatz ===== */
.btn-1{border-radius:0;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700;line-height:48px;padding:0 34px 0 30px;border:2px solid var(--ink-deep);background:var(--red);color:#fff;box-shadow:5px 5px 0 var(--ink-deep);clip-path:none;transition:transform .18s ease,box-shadow .18s ease,background .18s}
.btn-1::after{content:"→";display:inline-block;margin-left:12px;transition:transform .18s}
.btn-1:hover{background:var(--gold);color:var(--ink-deep);border-color:var(--ink-deep);transform:translate(5px,5px);box-shadow:0 0 0 var(--ink-deep)}
.btn-1:hover::after{transform:translateX(4px)}
.btn-2{box-shadow:5px 5px 0 var(--gold);border-color:var(--gold)}
.btn-2:hover{background:#fff;border-color:#fff;color:var(--ink-deep)}
.nav-top .nav-top-box ul li .btn-1{line-height:34px;box-shadow:3px 3px 0 var(--gold);border-color:var(--gold);font-size:11px;padding:0 22px 0 18px}
.nav-top .nav-top-box ul li .btn-1:hover{transform:translate(3px,3px)}
.btn-3{background:var(--gold);color:var(--ink-deep);border-color:var(--ink-deep);box-shadow:5px 5px 0 #000}
.btn-3:hover{background:#fff}

/* ===== Footer: Millimeterpapier, Stempel-Karte, Dreifarbleiste ===== */
.footer{position:relative;overflow:hidden;background-color:var(--ink-deep);background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:32px 32px;padding-top:90px}
.footer::before{content:"";position:absolute;top:0;right:-120px;width:360px;height:100%;background:linear-gradient(180deg,rgba(208,0,0,.16),rgba(255,206,0,.1));transform:skewX(-14deg);pointer-events:none}
.footer .container{position:relative;z-index:1}
.footer .logo p{color:#d8d6cf;border-left:3px solid var(--red);padding-left:14px;margin-top:24px}
.footer-title h4{font-family:'Poppins',sans-serif;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);padding-bottom:12px;margin-bottom:20px;border-bottom:1px dashed rgba(255,255,255,.25);display:block}
.footer .links li a{font-size:14px;color:#e9e7e0;padding-left:0;transition:padding .2s,color .2s}
.footer .links li a::before{content:"→";position:absolute;left:-18px;opacity:0;color:var(--gold);transition:.2s}
.footer .links li:hover a{color:#fff;padding-left:18px}
.footer .links li:hover a::before{opacity:1;left:0}
.footer .newsletter{background:#fff;color:var(--ink);border-radius:0;border:2px solid var(--ink-deep);box-shadow:8px 8px 0 var(--gold);position:relative;transform:rotate(-1.2deg)}
.footer .newsletter::before{content:"";position:absolute;top:-2px;right:-2px;width:30px;height:30px;background:linear-gradient(225deg,var(--ink-deep) 50%,transparent 50%)}
.footer .newsletter h5{color:var(--red);font-family:'Poppins',sans-serif;font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:13px}
.footer .newsletter p{color:var(--ink);margin-bottom:12px;font-size:14px}
.footer .newsletter p strong{background:var(--gold);padding:2px 6px;word-break:break-all}
.copyright{position:relative;background:#000;border-top:0;margin-top:50px}
.copyright::before{content:"";display:block;height:8px;background:linear-gradient(90deg,#000 0 33.33%,var(--red) 33.33% 66.66%,var(--gold) 66.66% 100%)}
.copyright ul li a{text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.copyright ul li a:hover{color:var(--gold)}
@media(max-width:991px){.nav-bar .nav-bar-link ul.level-1>li>a::after{display:none}.footer .newsletter{transform:none}.footer::before{display:none}}
.copyright{padding:0 0 30px}
.copyright .container{padding-top:28px;overflow:hidden}
.copyright p.photo-credits{float:none;clear:both;width:100%;padding-top:14px;color:#a9a79f}
.copyright ul li a{color:#f4f4f4}

/* ===== Logo ===== */
.logo-nav .brand-icon{filter:drop-shadow(3px 3px 0 var(--gold))}
.logo-nav .brand-text{font-weight:800 !important;letter-spacing:.16em !important;position:relative;padding-bottom:6px;line-height:1 !important}
.logo-nav .brand-text::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#000 0 33.33%,var(--red) 33.33% 66.66%,var(--gold) 66.66% 100%)}
.logo-nav{gap:14px !important}
.nav-bar .nav-bar-link ul li a.color-active,.nav-bar .nav-bar-link ul li a:hover{color:var(--gold)}
.nav-bar.active .nav-bar-link ul li a.color-active,.nav-bar.active .nav-bar-link ul li a:hover{color:var(--red)}
.banner h1,.banner .handline,.banner p,.headline-top,.sec-title h2,.sec-title h3,.practice-area-item h4,.features-item h4,.footer-title h4{text-transform:none}
.sec-title h2,.footer-title h4,.headline-top{text-transform:uppercase}

/* ===== Lernbereiche: nummerierte Karten ===== */
.practice-area .row{counter-reset:pa}
.practice-area .row>[class*="col-"]{counter-increment:pa}
.practice-area-item{--card:#fff;--card-ink:var(--ink-deep);--card-text:#4a4d55;position:relative;overflow:hidden;background:var(--card);border:2px solid var(--ink-deep);border-radius:0;padding:36px 28px 30px;box-shadow:6px 6px 0 var(--gold);clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%);transition:transform .2s ease,box-shadow .2s ease,background .2s}
.practice-area-item::before{content:"0" counter(pa);position:absolute;right:30px;top:6px;font-family:'Playfair Display',serif;font-weight:700;font-size:64px;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(20,22,26,.16);pointer-events:none;transition:.2s}
.practice-area-item::after{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#000 0 33.33%,var(--red) 33.33% 66.66%,var(--gold) 66.66% 100%)}
.practice-area-item i{float:none;display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin-bottom:22px;font-size:30px;background:var(--gold);color:var(--ink-deep);border:2px solid var(--ink-deep);box-shadow:4px 4px 0 var(--ink-deep)}
.practice-area-item .content{padding-inline-start:0}
.practice-area-item .content h4{font-family:'Poppins',sans-serif;font-size:19px;font-weight:700;letter-spacing:.01em;text-transform:none;color:var(--card-ink);margin-bottom:14px}
.practice-area-item .content p{color:var(--card-text);font-size:14.5px;line-height:1.7}
.practice-area-item .content a{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:10px 0 4px;font-size:12px;letter-spacing:.14em;color:var(--red);border-bottom:2px solid var(--red);transition:gap .2s,color .2s,border-color .2s}
.practice-area-item .content a::after{content:"→";transition:transform .2s}
.practice-area-item:hover{background:var(--ink-deep);border-color:var(--ink-deep);transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--red)}
.practice-area-item:hover::before{-webkit-text-stroke-color:rgba(255,206,0,.55)}
.practice-area-item:hover i{background:var(--red);color:#fff;border-color:#fff;box-shadow:4px 4px 0 var(--gold)}
.practice-area-item:hover .content h4{color:#fff}
.practice-area-item:hover .content p{color:#d8d6cf}
.practice-area-item:hover .content a{color:var(--gold);border-color:var(--gold);gap:16px}
.practice-area-item:hover .content a::after{transform:translateX(3px)}

/* ===== Nachtmodus ===== */
.active-dark-mode-decision .practice-area{background-color:#1b1d24}
.active-dark-mode-decision .practice-area-item{--card:#262a35;--card-ink:#fff;--card-text:#c9cbd3;border-color:#000;box-shadow:6px 6px 0 var(--gold)}
.active-dark-mode-decision .practice-area-item::before{-webkit-text-stroke-color:rgba(255,255,255,.18)}
.active-dark-mode-decision .practice-area-item i{border-color:#000;box-shadow:4px 4px 0 #000}
.active-dark-mode-decision .practice-area-item .content a{color:var(--gold);border-color:var(--gold)}
.active-dark-mode-decision .practice-area-item:hover{background:#000;border-color:#000}
.active-dark-mode-decision .seo-content{background:#1b1d24;color:#d8d6cf}
.active-dark-mode-decision .seo-content h2,.active-dark-mode-decision .seo-content h3{color:#fff}
.active-dark-mode-decision .sec-title h2{color:var(--gold)}
.active-dark-mode-decision .btn-1{box-shadow:5px 5px 0 #000;border-color:#000}
.active-dark-mode-decision .btn-1:hover{box-shadow:none}
.active-dark-mode-decision .nav-bar.active .info-nav{background:#262a35}
.active-dark-mode-decision .nav-bar.active .nav-bar-link ul li a{color:#fff}
.active-dark-mode-decision .nav-bar.active .nav-bar-link ul li a.color-active,.active-dark-mode-decision .nav-bar.active .nav-bar-link ul li a:hover{color:var(--gold)}
@media(max-width:575px){.practice-area-item::before{font-size:48px}}

/* Deutsche Rechtschreibung: kein automatisches Großschreiben jedes Wortes */
.header .banner .handline,.header .banner .about-website,.sec-title p,.sec-title h3,.contact-nav span,.contact-nav p,.item-text h4,.item-text p,.content-item h4,.core-about li h4,.box-line h4,.faq-item h4,.case-study-item h4,.case-study-item .tags a,.features-item span,.name-content,.item-name h5{text-transform:none}