/* ardwerbung.de — independent editorial design | zero external dependencies */
:root{--ink:#202830;--ink2:#384149;--paper:#f8f7f2;--cream:#fffdf7;--line:#deddd5;--accent:#f27658;--accent-dark:#bf422e;--lime:#d9ee7d;--display:clamp(3.2rem,7.1vw,7.5rem);--content:1190px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.56}img,svg{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}p{margin:0 0 1.2em}h1,h2,h3{line-height:1.11;letter-spacing:-.045em;margin:0;font-weight:750}h2{font-size:clamp(2.15rem,4.15vw,4.35rem)}h3{font-size:clamp(1.35rem,1.9vw,1.82rem)}.wrap{max-width:var(--content);margin:auto;padding-left:26px;padding-right:26px}.topnote{background:#202830;color:#f6f5ec;font-size:.76rem;letter-spacing:.015em;padding:8px 26px;text-align:center}.topnote a{text-decoration:underline;text-underline-offset:3px;color:var(--lime)}.site-header{height:90px;background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:5}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{width:41px;height:41px;border-radius:11px;background:var(--ink);display:flex;align-items:flex-end;gap:4px;padding:10px}.brand-mark i{display:block;width:6px;background:var(--lime);border-radius:2px 2px 0 0}.brand-mark i:nth-child(1){height:14px}.brand-mark i:nth-child(2){height:21px}.brand-mark i:nth-child(3){height:11px}.brand-mark i:nth-child(4){height:17px}.brand strong{font-size:1.22rem;letter-spacing:-.055em;font-weight:800;display:block;line-height:1.05}.brand small{display:block;font-size:.65rem;font-weight:600;letter-spacing:.06em;color:#69726d;margin-top:4px}.nav{display:flex;align-items:center;gap:clamp(15px,2.2vw,33px)}.nav a{font-size:.86rem;font-weight:700;padding:12px 0;position:relative;white-space:nowrap}.nav a:hover,.nav a[aria-current=page]{color:var(--accent-dark)}.nav a[aria-current=page]::after{content:'';position:absolute;bottom:5px;left:0;right:0;height:2px;background:var(--accent)}.menu-btn{display:none;background:none;border:1px solid var(--line);padding:10px 12px;border-radius:10px;cursor:pointer;font-weight:700}.eyebrow{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;font-weight:800;color:#6c665b;margin-bottom:27px}.eyebrow::before{content:'';display:inline-block;width:30px;height:2px;background:var(--accent)}.hero{overflow:hidden;padding:75px 0 90px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:clamp(25px,5vw,70px)}.hero h1{font-size:var(--display);line-height:.98;letter-spacing:-.078em;max-width:750px}.hero h1 em{font-style:normal;color:var(--accent-dark)}.hero-lead{font-size:clamp(1.09rem,1.6vw,1.28rem);max-width:515px;line-height:1.65;margin:32px 0 30px;color:#505a59}.hero-art{margin-right:-70px;position:relative}.hero-art img{width:100%;border-radius:29px;box-shadow:0 30px 55px -45px #87594d}.action-row{display:flex;gap:12px;flex-wrap:wrap}.btn{border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:15px 22px;font-size:.86rem;font-weight:750;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn-dark{color:#fff;background:var(--ink)}.btn-dark:hover{background:#3d4950}.btn-outline{border:1px solid #b7b7b1}.btn-outline:hover{background:#fff}.btn-light{background:var(--lime);color:var(--ink)}.tiny-arrow{font-size:1.15em;line-height:0}.hero-under{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #d9d8d1;margin-top:70px;padding-top:20px;font-size:.82rem;color:#6b716e}.hero-under strong{color:var(--ink);font-weight:800}.section{padding:105px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:45px}.section-heading>p{max-width:370px;margin:0;color:#596461}.section-kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800;margin-bottom:19px;color:var(--accent-dark)}.section-cream{background:#fffdf6}.section-dark{background:var(--ink);color:#f8f8f1}.section-dark .section-kicker{color:var(--lime)}.section-dark .section-heading>p{color:#bfcac5}.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tile{border:1px solid #e3e1d8;background:#fff;border-radius:15px;padding:32px;min-height:310px;display:flex;flex-direction:column;position:relative;transition:transform .2s,box-shadow .2s}.tile:hover{transform:translateY(-5px);box-shadow:0 15px 30px -25px #555}.tile:nth-child(2){background:#f2e6db}.tile:nth-child(3){background:#edf1d9}.tile .tile-no{font-size:.8rem;color:#6b7470;font-weight:800;margin-bottom:50px}.tile h3{font-size:1.8rem;margin-bottom:18px}.tile p{color:#626a67;margin-bottom:20px;font-size:.94rem}.tile .tile-link{margin-top:auto;color:#a84632;font-size:.88rem;font-weight:800}.feature{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.feature p{font-size:1.04rem;color:#c7d2ca;max-width:530px;line-height:1.75}.feature .art-frame{background:#dae787;border-radius:21px;overflow:hidden;padding:22px}.feature .art-frame img{border-radius:10px}.feature h2{margin-bottom:30px}.section-quote{background:#e8edda;padding:93px 0}.big-quote{font-size:clamp(2rem,4vw,4rem);font-weight:750;letter-spacing:-.055em;line-height:1.16;max-width:920px}.big-quote .quote-mark{color:var(--accent-dark)}.source-inline{display:block;font-size:.83rem;color:#555e59;margin-top:23px}.source-inline a{text-decoration:underline;text-underline-offset:3px}.end-cta{padding:96px 0;background:#f4cdb8}.end-cta .wrap{display:flex;justify-content:space-between;gap:40px;align-items:center}.end-cta h2{max-width:700px}.site-footer{background:#171c23;color:#f5f4ed;padding:65px 0 28px}.footer-main{display:flex;justify-content:space-between;gap:35px;align-items:start}.footer-main .brand-mark{background:#d9ee7d}.footer-main .brand-mark i{background:#171c23}.footer-main .brand small{color:#bdc6c0}.footer-description{max-width:360px;font-size:.87rem;color:#aeb8b1;margin-top:20px}.footer-links{display:flex;gap:65px}.footer-links h3{font-size:.85rem;letter-spacing:0;margin-bottom:18px}.footer-links a{display:block;color:#bfc7c0;font-size:.85rem;margin-bottom:10px}.footer-links a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #45494c;margin-top:58px;padding-top:24px;display:flex;justify-content:space-between;gap:15px;color:#949f99;font-size:.75rem}.footer-bottom a{text-decoration:underline;text-underline-offset:3px}.page-intro{padding:79px 0 82px}.page-intro .intro-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:7%}.page-intro h1{font-size:clamp(3.4rem,6.3vw,6.2rem);line-height:1.02;letter-spacing:-.07em;margin-bottom:27px}.page-intro h1 em{font-style:normal;color:var(--accent-dark)}.page-intro .lead{font-size:1.18rem;line-height:1.68;color:#535d59;max-width:540px}.page-intro img{border-radius:22px;max-height:520px;object-fit:cover;width:100%}.breadcrumbs{color:#6f7873;font-size:.78rem;font-weight:700;margin-bottom:37px}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.article-band{padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f2f1e9}.article-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.article-band span{font-size:.86rem;color:#64706d}.article-band strong{font-size:.83rem}.article{padding:90px 0 115px;background:#fffdf6}.article-layout{display:grid;grid-template-columns:245px minmax(0,735px);gap:10%;align-items:start}.sticky-index{position:sticky;top:30px;border-top:2px solid var(--ink);padding-top:20px}.sticky-index strong{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:18px}.sticky-index a{font-size:.87rem;display:block;color:#65716d;padding:9px 0;border-bottom:1px solid #e4e3d9}.sticky-index a:hover{color:var(--accent-dark)}.prose{font-size:1.02rem;color:#48534f;line-height:1.78}.prose h2{color:var(--ink);font-size:clamp(2rem,3vw,2.75rem);margin:60px 0 24px;scroll-margin-top:30px}.prose h2:first-child{margin-top:0}.prose h3{color:var(--ink);font-size:1.4rem;margin:35px 0 14px}.prose p{margin:0 0 23px}.prose ul,.prose ol{padding-left:24px;margin:0 0 32px}.prose li{margin-bottom:12px;padding-left:5px}.prose strong{color:#212b2b}.callout{padding:29px 31px;margin:34px 0;background:#e9eddd;border-left:4px solid #b1cd5b;border-radius:0 9px 9px 0;color:#303d35}.callout p:last-child{margin:0}.prose .source-list{list-style:none;padding:0;margin:17px 0 30px}.source-list li{padding:14px 0;border-bottom:1px solid #deded2;margin:0}.prose a:not(.btn){color:#b0442e;text-decoration:underline;text-underline-offset:3px}.related{margin-top:45px;padding-top:27px;border-top:1px solid #d5d9ce;display:grid;grid-template-columns:1fr 1fr;gap:14px}.related a{display:flex;justify-content:space-between;align-items:center;border:1px solid #daddd1;border-radius:8px;padding:16px 18px;font-weight:750;font-size:.88rem;background:#fff}.related a:hover{border-color:#85945c}.legal-top{padding:75px 0 55px;max-width:880px}.legal-top h1{font-size:clamp(3.1rem,6vw,5.5rem);margin-bottom:25px}.legal-alert{background:#fff1d3;border:1px solid #e5bf70;color:#614b27;padding:20px 25px;border-radius:10px;font-size:.92rem;line-height:1.55;margin:28px 0 45px}.legal-body{padding:45px 0 100px;background:#fffdf6}.legal-body .prose{max-width:820px;margin:auto}.legal-body section{padding-bottom:14px}.legal-body dl{background:#f3f2e8;padding:24px;border-radius:8px}.legal-body dt{font-weight:750;color:#253030}.legal-body dd{margin:4px 0 18px}.badge-neutral{display:inline-block;background:#e4e7d8;border-radius:999px;font-size:.71rem;letter-spacing:.05em;padding:6px 11px;font-weight:800;color:#465148;margin-bottom:18px}.scroll-top{display:inline-block;margin-top:20px;color:var(--accent-dark);font-size:.85rem;font-weight:750}.skip{position:absolute;left:-9999px;top:auto}.skip:focus{left:12px;top:12px;z-index:99;background:var(--lime);padding:10px}.table-wrap{overflow-x:auto;margin:28px 0}.table-wrap table{border-collapse:collapse;width:100%;font-size:.91rem;min-width:480px}.table-wrap th,.table-wrap td{border-bottom:1px solid #d6d9d0;padding:16px 13px;text-align:left;vertical-align:top}.table-wrap th{background:#eef0de;color:#2c3430}
@media(max-width:1020px){.nav{gap:16px}.nav a{font-size:.79rem}.hero h1{font-size:clamp(3.2rem,7vw,6rem)}.hero-art{margin-right:-25px}.article-layout{gap:5%;grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:760px){.topnote{font-size:.65rem}.site-header{height:75px}.header-inner{gap:10px}.brand strong{font-size:1.1rem}.brand-mark{width:36px;height:36px}.menu-btn{display:block}.nav{display:none;position:absolute;top:74px;left:0;right:0;background:#f8f7f2;box-shadow:0 12px 25px #12121215;flex-direction:column;align-items:stretch;padding:20px 26px;gap:0}.nav.is-open{display:flex}.nav a{font-size:1rem;padding:13px 0;border-bottom:1px solid #e0e0d8}.nav a[aria-current=page]::after{display:none}.hero{padding:47px 0 65px}.hero-grid,.page-intro .intro-grid,.feature{grid-template-columns:1fr;gap:40px}.hero h1{font-size:clamp(3.5rem,10.5vw,5.6rem)}.hero-art{margin:0}.hero-art img{max-height:410px;width:100%;object-fit:cover}.hero-lead{margin:24px 0}.hero-under{margin-top:40px;flex-direction:column;gap:5px}.section{padding:69px 0}.section-heading{display:block;margin-bottom:29px}.section-heading>p{margin-top:19px}.cards3{grid-template-columns:1fr}.tile{min-height:240px;padding:26px}.tile .tile-no{margin-bottom:20px}.end-cta{padding:70px 0}.end-cta .wrap{display:block}.end-cta .btn{margin-top:28px}.page-intro{padding:43px 0 52px}.page-intro h1{font-size:clamp(3.2rem,10vw,5.1rem)}.page-intro img{max-height:370px}.article{padding:65px 0 80px}.article-layout{display:block}.sticky-index{position:static;display:none}.prose h2{margin-top:47px}.related{grid-template-columns:1fr}.footer-main,.footer-bottom{flex-direction:column}.footer-links{gap:30px}.site-footer{padding-top:52px}.footer-bottom{margin-top:37px}.feature .art-frame{order:-1}.wrap{padding-left:21px;padding-right:21px}}
@media(max-width:420px){.hero h1{font-size:3.2rem}.brand small{font-size:.55rem}.hero-art img{max-height:300px}.page-intro h1{font-size:3.1rem}.footer-links{flex-direction:column;gap:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}