@font-face{font-family:Display;src:url('assets/display-narrow-bold.otf')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#242626;color:#1c2024;font-family:Arial,sans-serif}.page{container-type:inline-size;width:100%;max-width:1600px;margin:auto;background:#eee}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.section{position:relative;overflow:hidden}.section h2,.section p{margin:0}.nav{height:9.98cqw;min-height:55px;background:#e6e6e4;display:flex;align-items:center;justify-content:space-between;padding:0 7.4%;gap:3%;position:relative;z-index:2}.logo{width:29%;flex:none}.logo img{display:block;width:100%}.links{display:flex;gap:2.6cqw;align-items:center;white-space:nowrap;font-size:1.05cqw;color:#222}.links a:hover{text-decoration:underline}.hero{height:48.7cqw;min-height:300px;background:#373b3a url('assets/team.png') center center/cover no-repeat;color:#fff}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,11,.58),rgba(9,11,13,.05) 61%)}.hero-copy{position:absolute;left:7.4%;top:18%;width:36%}.hero h1{font-size:5.6cqw;line-height:.93;letter-spacing:-.035em;margin:0;font-weight:750}.dot{color:#f1b600}.rule{display:block;background:#f1b600;width:5.8cqw;height:.45cqw;margin:2.4cqw 0}.hero p{font-size:1.8cqw;line-height:1.35;margin:0}.chalk{position:absolute;right:7%;top:5%;font:italic 3.2cqw/1.1 Georgia,serif;transform:rotate(-9deg);text-align:center}.jingle{display:flex;align-items:center;gap:1cqw;margin-top:3.5cqw;color:inherit;font-size:1.1cqw}.play{height:4cqw;width:4cqw;display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;font-size:1.5cqw}.wave{font-size:2.2cqw;opacity:.65;letter-spacing:-.12em}.feature{height:45.8cqw;min-height:280px;background:#efefed}.feature .copy{position:absolute;z-index:1;left:7.5%;top:8%;width:30%}.eyebrow{font-size:1.15cqw;letter-spacing:.14em;font-weight:bold;text-transform:uppercase;margin-bottom:2.6cqw}.eyebrow:after{content:'';display:block;width:3.2cqw;height:.35cqw;background:#e4b500;margin-top:1cqw}.feature h2{font-size:4cqw;line-height:.98;letter-spacing:-.035em}.feature p{font-size:1.7cqw;line-height:1.38;margin-top:1.6cqw}.feature .jingle{margin-top:2.3cqw}.crop{position:absolute;overflow:hidden;line-height:0}.crop img{position:absolute;max-width:none;width:100cqw;height:auto}.training-photo{left:29.5%;top:0;width:70.5%;height:79%}.training-photo img{left:-29.5cqw;top:-58.55cqw}.training:after{content:'';position:absolute;pointer-events:none;inset:0;background:linear-gradient(90deg,#efefed 0%,#efefed 23%,transparent 44%),linear-gradient(0deg,#efefed 0%,transparent 35%)}.tech{position:absolute;z-index:2;left:50%;bottom:5%;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;gap:2cqw;width:35cqw;height:7cqw;border:1px solid #f3b600;border-radius:10cqw;background:#eee;color:#202326;font-weight:bold;font-size:1.45cqw;box-shadow:0 0 0 .8cqw #eeeeeeaa,0 0 0 .95cqw #d8b13e}.tech:hover{background:#f5c120}.tech span{font-size:2.2cqw}.consult{height:44.8cqw;background:#202322;color:#fff}.consult .copy{width:35%;left:6.2%;top:10%}.consult-photo{left:39%;top:5%;width:31%;height:74%}.consult-photo img{left:-39cqw;top:-109cqw}.consult:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 55% 45%,#4b4c47,#222526 70%)}.consult .copy{z-index:2}.consult .tech{background:#222525;color:#fff;box-shadow:0 0 0 .8cqw #222525,0 0 0 .95cqw #bb972b}.consult .tech:hover{background:#4a4125}.consult-list{position:absolute;right:4.5%;top:9%;width:25%;font-size:1.1cqw;line-height:1.4}.consult-list div{padding:0 0 1.8cqw 4.4cqw;position:relative}.consult-list b{display:block;font-size:1.25cqw}.consult-list span{position:absolute;left:0;top:0;font-size:2.8cqw;color:#fff}.about{height:40.2cqw;background:#eeeeed}.about-photo{left:0;top:0;width:43.6%;height:100%}.about-photo img{left:0;top:-149.17cqw}.about-copy{position:absolute;top:9%;left:47.2%;width:27.5%}.serif{font-family:Georgia,serif;letter-spacing:-.04em}.about h2{font-size:3.5cqw;line-height:1.05}.about-copy p{font-size:1.08cqw;line-height:1.35;margin-top:1.5cqw}.more{display:inline-block;border-bottom:.25cqw solid #e9b600;font-weight:bold;font-size:1.15cqw;margin-top:1.5cqw;padding-bottom:.5cqw}.facts{position:absolute;left:77%;top:11%;width:20%;font-size:1.03cqw;line-height:1.35}.facts div{padding:0 0 2.4cqw 4.5cqw;position:relative}.facts b{display:block;font-size:1.12cqw}.facts .symbol{position:absolute;left:0;top:0;font-size:2.8cqw}.book{height:37.2cqw;background:#242727;color:#fff}.book-copy{position:absolute;left:6.6%;top:10%;width:36%}.book h2{font:normal 2.7cqw/1.18 Georgia,serif;letter-spacing:-.035em}.book p{font-size:1.15cqw;line-height:1.45;margin:1.5cqw 0}.gold-button{display:inline-block;background:#f4b500;color:#171717;padding:1.3cqw 2cqw;border-radius:.3cqw;font-size:1.3cqw;font-weight:bold}.book-photo{left:41%;top:6%;width:37%;height:90%}.book-photo img{left:-41cqw;top:-191.8cqw}.book-list{position:absolute;left:79%;top:13%;width:19%;font-size:1.05cqw;line-height:1.35}.book-list div{margin-bottom:2.6cqw}.book-list b{display:block;font-size:1.12cqw}.articles{height:34.9cqw;background:#eee}.article-copy{position:absolute;left:7%;top:10%;width:40%}.articles h2{font:normal 4cqw/1.08 Georgia,serif;letter-spacing:-.035em}.articles p{font-size:1.3cqw;line-height:1.4;margin:1.5cqw 0}.articles .tech{left:21%;bottom:10%;width:34cqw}.article-photo{left:52%;top:9%;width:43%;height:78%}.article-photo img{left:-52cqw;top:-229.8cqw}.contact{height:48cqw;background:#eee}.contact-copy{position:absolute;left:7.2%;top:9%;width:36%}.contact h2{font:normal 3.8cqw/1.05 Georgia,serif;letter-spacing:-.04em}.contact-copy p{font-size:1.25cqw;line-height:1.45;margin:1.5cqw 0}.contact-form{position:absolute;left:50.5%;top:8%;width:43%;font-size:1.05cqw}.contact-form label{display:block;font-weight:bold;margin:0 0 .45cqw}.contact-form input:not([type=checkbox]),.contact-form textarea{width:100%;border:1px solid #c8c9c8;background:#fff;border-radius:.25cqw;padding:1cqw;margin-bottom:1cqw;display:block}.contact-form textarea{height:8cqw;resize:vertical}.consent{display:flex;gap:.8cqw;font-weight:normal!important;align-items:flex-start}.contact-form button{background:#f1b500;border:0;border-radius:.2cqw;padding:1.3cqw;width:100%;font-weight:bold;margin-top:.8cqw}.footer{background:#242626;color:white;padding:2cqw 7%;font-size:1.1cqw;display:flex;justify-content:space-between}.subpage{background:#efefed;min-height:80vh}.subpage .intro{padding:8cqw 7%;background:#292d2c;color:white}.subpage h1{font-size:5cqw;margin:0 0 2cqw}.subpage .content{padding:6cqw 7%;font-size:18px;line-height:1.6}.subpage h2{font:32px Georgia,serif}.cards{display:grid;grid-template-columns:1fr 1fr;gap:35px}.cards article{border-top:2px solid #e8b500}.subpage .back{display:inline-block;margin-top:25px;border-bottom:2px solid #e8b500;padding-bottom:8px;font-weight:bold}
@media(max-width:700px){.nav{height:auto;padding:18px 6%;flex-wrap:wrap;gap:16px}.logo{width:185px;max-width:70%}.links{width:100%;white-space:normal;gap:10px 16px;flex-wrap:wrap;font-size:12px}.hero{height:610px;background-position:60% bottom}.hero:before{background:linear-gradient(180deg,#131616bd,transparent 85%)}.hero-copy{left:7%;top:8%;width:78%}.hero h1{font-size:50px}.hero p{font-size:17px;max-width:280px}.rule{width:55px;height:4px;margin:20px 0}.chalk{font-size:22px;top:3%;right:5%}.jingle{font-size:12px;margin-top:18px;gap:10px}.play{width:34px;height:34px;font-size:14px}.wave{font-size:22px}.feature,.consult{height:auto;min-height:0;padding:48px 7% 110px}.feature .copy,.consult .copy{position:relative;left:auto;top:auto;width:100%;max-width:350px}.eyebrow{font-size:11px;margin-bottom:18px}.eyebrow:after{width:32px;height:3px;margin-top:8px}.feature h2{font-size:38px}.feature p{font-size:16px}.feature .jingle{margin-top:18px}.training-photo,.consult-photo{display:none}.training:after{display:none}.tech{width:270px;height:52px;bottom:30px;font-size:14px;gap:20px;box-shadow:0 0 0 5px #eeeeeeaa,0 0 0 6px #d8b13e}.tech span{font-size:21px}.consult-list{position:relative;right:auto;top:auto;width:100%;font-size:13px;margin-top:25px}.consult-list div{padding:0 0 17px 36px}.consult-list b{font-size:14px}.consult-list span{font-size:24px}.about{height:auto;display:flex;flex-direction:column}.about-photo{position:relative;width:100%;height:125cqw}.about-photo img{width:229.4%;left:0;top:-342.3cqw}.about-copy,.facts{position:relative;left:auto;top:auto;width:auto;padding:35px 7% 0}.about h2{font-size:38px}.about-copy p{font-size:15px}.more{font-size:14px;margin-top:15px;padding-bottom:5px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-bottom:30px;font-size:12px}.facts div{padding:0 0 18px 35px}.facts b{font-size:13px}.facts .symbol{font-size:24px}.book{height:auto;padding:45px 7%}.book-copy,.book-list{position:relative;left:auto;top:auto;width:100%}.book h2{font-size:32px}.book p{font-size:15px}.gold-button{padding:12px 18px;font-size:14px}.book-photo{position:relative;left:auto;top:auto;width:100%;height:65cqw;margin:20px 0}.book-photo img{width:270%;left:-110.8%;top:-518.3cqw}.book-list{font-size:13px}.book-list b{font-size:14px}.book-list div{margin-bottom:15px}.articles{height:auto;padding:48px 7% 115px}.article-copy{position:relative;left:auto;top:auto;width:auto}.articles h2{font-size:38px}.articles p{font-size:15px}.articles .tech{left:50%;bottom:30px;width:270px}.article-photo{display:none}.contact{height:auto;padding:48px 7%}.contact-copy,.contact-form{position:relative;left:auto;top:auto;width:100%}.contact h2{font-size:38px}.contact-copy p{font-size:15px}.contact-form{font-size:14px}.contact-form label{margin:0 0 5px}.contact-form input:not([type=checkbox]),.contact-form textarea{padding:12px;margin-bottom:12px}.contact-form textarea{height:120px}.consent{gap:8px}.contact-form button{padding:14px}.footer{padding:25px 7%;font-size:12px}.subpage h1{font-size:38px}.subpage .intro{padding:60px 7%}.subpage .content{padding:40px 7%;font-size:16px}.cards{grid-template-columns:1fr}}
/* Titelbereich: Originaltextur von Der ICH Erfolg in Graustufen. */
.hero{isolation:isolate;background:#404040;overflow:hidden}
.hero:before{z-index:-2;background:#404040 url('assets/header-background-original.lossless.webp') center/cover no-repeat;filter:grayscale(1) brightness(.78)}
.hero:after{content:'';position:absolute;z-index:-1;inset:0;background:url('assets/team-freigestellt.png') right bottom/auto 82% no-repeat;pointer-events:none}
.hero-copy,.hero .chalk{z-index:1}
@media(max-width:700px){.hero:before{background:#404040 url('assets/header-background-original.lossless.webp') center/cover no-repeat;filter:grayscale(1) brightness(.72)}.hero:after{background-size:145% auto;background-position:right bottom}.hero-copy{width:85%}.chalk{top:38%;right:6%;font-size:clamp(19px,5vw,27px)}}
@media(min-width:701px){
.training-photo{left:38%;width:62%;height:68%}.training-photo img{left:-38cqw}
.consult-photo{left:45.5%;width:24.5%;height:66%;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 85%,transparent)}.consult-photo img{left:-45.5cqw}
}
@media(min-width:701px){.training-photo{mask-image:linear-gradient(to bottom,#000 0%,#000 74%,transparent 100%)}}
@media(max-width:700px){
.training{padding-bottom:calc(55cqw + 115px)}
.training-photo{display:block;position:absolute;left:0;top:auto;bottom:90px;width:100%;height:55cqw;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 78%,transparent)}
.training-photo img{width:161.3cqw;left:-61.3cqw;top:-94.4cqw}
.consult{padding-bottom:calc(55cqw + 115px)}
.consult-photo{display:block;position:absolute;left:0;top:auto;bottom:90px;width:100%;height:55cqw;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 78%,transparent)}
.consult-photo img{width:408cqw;left:-185.6cqw;top:-445cqw}
}

/* Menüleiste: helle graue Struktur wie in der Gestaltungsvorlage. */
.nav{isolation:isolate;background:#dededb;overflow:hidden}
.nav:before{content:"";position:absolute;inset:0;z-index:-1;background:url("assets/header-background-original.lossless.webp") center 30%/cover no-repeat;filter:grayscale(1) brightness(1.8);opacity:.28;pointer-events:none}
/* Transparente, nach unten auslaufende Navigation über dem Titelbereich. */
.page{position:relative}
.nav{position:absolute;top:0;left:0;right:0;background:transparent;overflow:visible}
.nav:before{background:linear-gradient(to bottom,rgba(24,25,25,.62),rgba(24,25,25,.28) 58%,transparent);filter:none;opacity:1}
.links{color:#fff;text-shadow:0 1px 3px #000}
.logo img{filter:drop-shadow(0 0 2px rgba(255,255,255,.9))}
.hero-copy{top:26%}
.chalk{top:16%;right:4%;width:24%;transform:rotate(-9deg)}
.chalk img{display:block;width:100%;height:auto}
@media(max-width:700px){.hero-copy{top:145px}.hero{min-height:700px}.chalk{top:43%;right:5%;width:35%}.nav{background:transparent}.links{color:#fff}.subpage .intro{padding-top:160px}}
@media(min-width:701px){.hero:after{background-size:auto 70%}.chalk{top:16%;right:3%;width:18%}}
.logo{background:radial-gradient(ellipse at 45% 50%,rgba(255,255,255,.88),rgba(255,255,255,.55) 45%,transparent 78%)}
.logo{position:relative;background:none}
.logo img{filter:grayscale(1) invert(1)}
.logo:after{content:'';position:absolute;inset:0;background:url('assets/logo.png') center/contain no-repeat;clip-path:polygon(80% 0,100% 0,100% 75%,80% 75%);pointer-events:none}
@media(min-width:701px){.chalk{top:15%;right:2%;width:16%}}

/* Jingle-Grafik ausschließlich im Titelbereich. */
.hero .hero-wave{display:block;width:6cqw;height:2cqw;color:#e2e4e4;flex:none}
.hero .play svg{display:block;width:42%;height:42%}
@media(max-width:700px){.hero .hero-wave{width:65px;height:21.667px}}

/* Nur der Beschreibungstext im Titelbereich. */
.hero-copy p{font-family:Inter,Arial,sans-serif;font-weight:300}

/* Originales Play-Symbol nur im Titelbereich. */
.hero .play{border:0}
.hero .play img{display:block;width:100%;height:100%;object-fit:contain}

/* Schriftmotiv aus Ottos Vorlage, ohne Veränderung der übrigen Kopfgestaltung. */
.hero .chalk{transform:none}
.hero .chalk svg{display:block;width:100%;height:auto}
/* Titelhöhe proportional zur Referenz (630 von 1051 Bildpunkten). */
@media(min-width:701px){
.hero{height:630px}
.hero-copy{top:12.662cqw}
.hero .chalk{top:7.305cqw}
.hero:after{background-size:auto 34.09cqw;background-position:right bottom}
}
/* Proportionen des Titelbereichs auf großen Bildschirmen begrenzen. */
@media(min-width:701px){
.hero h1{font-size:min(5.6cqw,63px)}
.hero-copy p{font-size:min(1.8cqw,23px)}
.hero-copy .rule{width:min(5.8cqw,62px);height:min(.45cqw,4px);margin:min(2.4cqw,24px) 0}
.hero-copy .jingle{margin-top:min(3.5cqw,32px);font-size:min(1.1cqw,14px)}
.hero-copy .play{width:min(4cqw,40px);height:min(4cqw,40px)}
.hero:after{background-size:auto min(34.09cqw,378px)}
}

/* Header-Neuaufbau: nur Hintergrund anzeigen; die restliche Seite bleibt erhalten. */
.header-neuaufbau .nav{display:none}
.header-neuaufbau .hero>*{display:none}
.header-neuaufbau .hero:after{display:none}
/* Header-Hintergrund: gleiche Proportion wie die Vorlage. */
.header-neuaufbau .hero{height:auto;min-height:0;aspect-ratio:1051/630}

/* Schritt 2: Titel, Beschreibung und Jingle im Header einblenden. */
.header-neuaufbau .hero>.hero-copy{display:block}
.header-neuaufbau .hero h1 .dot{display:inline-block;color:transparent;background:#f2b900;width:min(1cqw,11px);height:min(1cqw,11px);border-radius:50%;vertical-align:baseline;font-size:0}
/* Platzierung der Textgruppe und Punkt nach der Referenz. */
.header-neuaufbau .hero-copy{top:34.44%}
.header-neuaufbau .hero h1 .dot{position:relative;width:min(1.35cqw,15px);height:min(1.35cqw,15px);margin-left:min(.73cqw,8px);transform:translateY(-100%);background:transparent}
.header-neuaufbau .hero h1 .dot:after{content:"";position:absolute;left:0;bottom:0;width:min(1.53cqw,17px);height:min(1.53cqw,17px);border-radius:50%;background:#f2b900}
/* Überschrift entsprechend der überlagerten Vorlage skalieren. */
@media(min-width:701px){.header-neuaufbau .hero h1{font-size:6.1cqw}}
/* Größe des Fließtexts entsprechend der überlagerten Vorlage. */
@media(min-width:701px){.header-neuaufbau .hero-copy p{font-size:2.05cqw}}
/* Jingle-Grafik etwas größer und entsprechend der Vorlage weiter unten. */
@media(min-width:701px){.header-neuaufbau .hero-copy .jingle{position:absolute;top:32cqw;left:0;margin-top:0;white-space:nowrap}.header-neuaufbau .hero .hero-wave{width:6.5cqw;height:2.167cqw}}
/* Abgestimmter Menüentwurf mit weißem Logo. */
.header-neuaufbau .nav{display:flex}
.header-neuaufbau .logo img{filter:none}
.header-neuaufbau .logo:after{display:none}
@media(min-width:701px){.header-neuaufbau .nav{height:9.98cqw}.header-neuaufbau .logo{width:22%}.header-neuaufbau .links{font-size:1.15cqw;gap:2.8cqw}}
/* Gleiches gelbes Symbol vor jedem Menüpunkt. */
.header-neuaufbau .links a{display:inline-flex;align-items:center;gap:7px}
.header-neuaufbau .links a:before{content:"";width:7px;height:7px;border-radius:50%;background:#f2b900;flex:none}
/* Menütext auf die markierte Höhe setzen. */
@media(min-width:701px){.header-neuaufbau .links{transform:translateY(.83cqw)}}
/* Vorläufiges Teammotiv im Titelbereich. */
.header-neuaufbau .hero:after{display:block;background-size:auto 63%;background-position:right 5cqw bottom}
@media(max-width:700px){.header-neuaufbau .hero:after{background-size:auto 45%;background-position:right bottom}}
/* Abgestimmte Kreideschrift im Titelbereich. */
.header-neuaufbau .hero>.chalk{display:block;top:15%;right:0;width:30%;transform:none}
/* Jingle aus dem Titelbereich, im Training schwarz. */
.training .jingle{color:#111;gap:1cqw;font-size:min(1.1cqw,14px)}
.training .jingle .play{border:0;width:min(4cqw,40px);height:min(4cqw,40px);flex:none}
.training .jingle .play img{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(0)}
.training .jingle .hero-wave{display:block;width:6.5cqw;height:2.167cqw;color:#111;flex:none}
@media(max-width:700px){.training .jingle{font-size:12px;gap:10px}.training .jingle .play{width:34px;height:34px}.training .jingle .hero-wave{width:70px;height:23px}}
/* Tonwelle mit klaren Kanten. */
.training .jingle .hero-wave{shape-rendering:crispEdges;color:#000}
.training .jingle .hero-wave path:last-child{stroke-width:3;stroke-linecap:butt}
/* Jingle-Abstand im Training am Titelbereich orientieren. */
@media(min-width:701px){.training .copy .jingle{margin-top:8.6cqw}}
/* Training: Bild und Angebotsbutton ausblenden, Beschriftung wie Fließtext. */
.training .training-photo,.training .tech{display:none}
.training .eyebrow{font-family:Arial,sans-serif;font-size:1.7cqw;font-weight:normal;letter-spacing:normal}
@media(max-width:700px){.training .eyebrow{font-size:16px}}
/* Beschriftungen und Jingle im Beratungsbereich. */
.training .eyebrow,.consult .eyebrow{text-transform:none;font-family:Arial,sans-serif;font-size:1.7cqw;font-weight:600;letter-spacing:normal}
.consult .tech{display:none}
.consult .jingle{color:#fff;gap:1cqw;font-size:min(1.1cqw,14px)}
.consult .jingle .play{border:0;width:min(4cqw,40px);height:min(4cqw,40px);flex:none}
.consult .jingle .play img{display:block;width:100%;height:100%;object-fit:contain}
.consult .jingle .hero-wave{display:block;width:6.5cqw;height:2.167cqw;color:#e2e4e4;flex:none}
@media(min-width:701px){.consult .copy .jingle{margin-top:8.6cqw}}
@media(max-width:700px){.training .eyebrow,.consult .eyebrow{font-size:16px}.consult .jingle{font-size:12px;gap:10px}.consult .jingle .play{width:34px;height:34px}.consult .jingle .hero-wave{width:70px;height:23px}}
.training .eyebrow,.consult .eyebrow{font-weight:normal}
/* Gleiche Abschnittshöhe und Betonhintergrund aus dem Titelbereich. */
@media(min-width:701px){.consult{height:45.8cqw}}
.consult:before{background:#404040 url('assets/header-background-original.lossless.webp') center/cover no-repeat;filter:grayscale(1) brightness(.78)}
@media(max-width:700px){.consult:before{filter:grayscale(1) brightness(.72)}}
/* Im Beratungsbereich nur den Wandteil des Betonhintergrunds zeigen. */
.consult:before{background-size:auto 145%;background-position:center top}
/* Beratungsfoto vorläufig ausblenden. */
.consult .consult-photo{display:none}
/* Philosophie: Texte wie in den Abschnitten darüber. */
.about .more,.about .facts{display:none}
.about-copy .eyebrow{font-family:Arial,sans-serif;font-size:1.7cqw;font-weight:normal;letter-spacing:normal;text-transform:none}
.about-copy h2{font-family:Arial,sans-serif;font-size:4cqw;font-weight:700;line-height:.98;letter-spacing:-.035em}
.about-copy p{font-family:Arial,sans-serif;font-size:1.7cqw;line-height:1.38}
@media(min-width:701px){.about-copy{width:45.6%}}
@media(max-width:700px){.about-copy .eyebrow,.about-copy p{font-size:16px}.about-copy h2{font-size:38px}}
/* Fachartikel nicht anzeigen; Unterschrift kleiner setzen. */
#fachartikel{display:none}
.about-copy p:last-of-type{font-size:1.2cqw}
@media(max-width:700px){.about-copy p:last-of-type{font-size:13px}}
/* Originalvorlage für den Buchreihen-Button. */
.book .gold-button{background:none;border:0;padding:0;width:min(22cqw,300px)}
.book .gold-button img{display:block;width:100%;height:auto}
@media(max-width:700px){.book .gold-button{width:240px;max-width:100%}}
/* Buchbereich: Beschriftung und Texte wie bei Beratung. */
.book .book-photo,.book .book-list{display:none}
.book .eyebrow{font-family:Arial,sans-serif;font-size:1.7cqw;font-weight:normal;letter-spacing:normal;text-transform:none}
.book h2{font-family:Arial,sans-serif;font-size:4cqw;font-weight:700;line-height:.98;letter-spacing:-.035em}
.book p{font-family:Arial,sans-serif;font-size:1.7cqw;line-height:1.38}
@media(max-width:700px){.book .eyebrow,.book p{font-size:16px}.book h2{font-size:38px}}
/* Buchreihe nach der Anordnung der Buchwebsite. */
.book .gold-button{width:min(14.3cqw,195px)}
.book-series{position:absolute;right:7%;top:9%;width:40%;aspect-ratio:1.43/1}
.book-series-item{position:absolute}
.book-series-item.main{left:0;top:0;width:43.5%;height:98.9%;z-index:3}
.book-series-item.body{left:40.6%;top:16.3%;width:31.3%;height:81.6%;z-index:2}
.book-series-item.presentation{left:67.6%;top:19.7%;width:32.5%;height:77.4%;z-index:1}
.book-series-item img{display:block;width:100%;height:100%;object-fit:fill}
.book-series-item .reflection{position:absolute;top:100%;left:0;transform:scaleY(-1);opacity:.16;mask-image:linear-gradient(to top,#000,transparent 38%);-webkit-mask-image:linear-gradient(to top,#000,transparent 38%)}
@media(max-width:700px){.book .gold-button{width:156px}.book-series{position:relative;right:auto;top:auto;width:min(100%,360px);margin:25px auto 45px}}
/* Glasboden und vertikale Spiegelung unmittelbar unter jedem Buch. */
.book:before{content:"";position:absolute;left:0;right:0;bottom:0;height:17.5%;pointer-events:none;background:radial-gradient(ellipse 42% 45% at 72% 0%,rgba(205,220,225,.12),transparent 76%),linear-gradient(to bottom,rgba(186,202,209,.13),rgba(69,82,90,.08) 12%,rgba(12,18,22,.25) 100%)}
.book-series-item .reflection{left:0;top:100%;width:100%;height:100%;transform:scaleY(-1);opacity:.24;mask-image:linear-gradient(to top,rgba(0,0,0,.8),transparent 35%);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.8),transparent 35%)}
/* Ohne Glasboden, Buchspiegelung und Philosophie-Porträt. */
.book:before,.book-series-item .reflection,.about .about-photo{display:none}
/* Aufzählung im Beratungsbereich ausblenden. */
.consult .consult-list{display:none}
/* Header: weißes Vektorlogo und abgestimmte gelbe Kreideelemente. */
.header-neuaufbau .nav .links{display:none}
.header-neuaufbau .nav .logo img{filter:none}
.header-neuaufbau .hero h1 .dot:after{width:min(2cqw,32px);height:min(2cqw,32px);background:transparent url('assets/kreide-punkt.svg') center/contain no-repeat}
.header-neuaufbau .hero-copy .rule{position:relative;background:transparent}
.header-neuaufbau .hero-copy .rule:after{content:"";position:absolute;left:-1cqw;top:50%;width:25cqw;height:3.53cqw;transform:translateY(-50%);background:url('assets/kreide-strich.svg') center/contain no-repeat;pointer-events:none}
.header-neuaufbau .hero h1 .dot:after,.header-neuaufbau .hero-copy .rule:after{display:none}
.header-neuaufbau .hero h1 .chalk-dot{position:absolute;left:0;bottom:0;width:min(2.8cqw,45px);height:min(2.8cqw,45px);overflow:hidden}
.header-neuaufbau .hero-copy .chalk-rule{position:absolute;left:-1cqw;top:50%;width:25cqw;height:3.53cqw;transform:translateY(-50%);overflow:hidden;pointer-events:none}
/* Headerhöhe und Logo nach der Vorlage. */
.header-neuaufbau .hero{aspect-ratio:1545/844}
.header-neuaufbau .nav .logo{transform:translateY(1.1cqw)}
@media(min-width:701px){.header-neuaufbau .hero-copy{top:14.24cqw}.header-neuaufbau .hero>.chalk{top:8.99cqw}.header-neuaufbau .hero:after{background-size:auto 37.76cqw}}
/* Positionen nach dem Abgleich mit der Header-Vorlage. */
@media(min-width:701px){
.header-neuaufbau .nav .logo{transform:translate(1cqw,1.1cqw)}
.header-neuaufbau .hero-copy{left:7.75%}
.header-neuaufbau .hero-copy h1{transform:translateY(-.6cqw)}
.header-neuaufbau .hero-copy .chalk-rule{margin-top:-.9cqw}
.header-neuaufbau .hero-copy p{transform:translateY(-.2cqw)}
.header-neuaufbau .hero-copy .jingle{top:33.1cqw}
.header-neuaufbau .hero>.chalk{top:1.75cqw}
.header-neuaufbau .hero:after{background-size:auto 39cqw}
}

/* Kreidegrafiken aus der Vorlage in ihren ursprünglichen Proportionen. */
@media(min-width:701px){
.header-neuaufbau .hero h1 .dot{position:static;transform:none}
.header-neuaufbau .hero h1 .chalk-dot{left:14.20cqw;top:7.95cqw;bottom:auto;width:3cqw;height:3cqw}
.header-neuaufbau .hero-copy .rule{position:static}
.header-neuaufbau .hero-copy .chalk-rule{left:-1.23cqw;top:10.679cqw;width:25.5cqw;height:3.2324cqw;margin:0;transform:none}
}

.header-neuaufbau .nav .logo svg{display:block;width:100%;height:auto}

/* Training: ergänzende Inhalte und Einstieg ins Angebot. */
.training-details{position:absolute;z-index:2;left:47.5%;right:7.5%;top:10%;color:#1c2024}
.training-details .training-format{font-size:1.15cqw;letter-spacing:.08em;text-transform:uppercase;color:#606668;margin:0 0 2cqw}
.training-details .training-format strong{color:#1c2024;font-weight:600}
.training-points{border-top:1px solid #aeb3b1}
.training-point{display:grid;grid-template-columns:4cqw 1fr;column-gap:1.2cqw;align-items:start;padding:1.35cqw 0;border-bottom:1px solid #bfc3c0}
.training-point .number{font-size:1.1cqw;color:#9b7a00;padding-top:.25cqw;font-weight:600}
.training-point h3{margin:0 0 .35cqw;font-size:1.55cqw;line-height:1.15;font-weight:600}
.training-point p{margin:0;font-size:1.12cqw;line-height:1.45;color:#505658;max-width:38cqw}
.training-link{display:inline-flex;align-items:center;gap:2.5cqw;background:#eab500;color:#171a19;font-weight:600;font-size:1.15cqw;padding:1.15cqw 1.5cqw;margin-top:2cqw;transition:background .2s}
.training-link:hover{background:#f8c328}.training-link span{font-size:1.6em;line-height:1}
@media(max-width:700px){
 .training{padding-bottom:55px}
 .training-details{position:relative;left:auto;right:auto;top:auto;margin-top:50px}
 .training-details .training-format{font-size:12px;margin-bottom:20px;line-height:1.5}
 .training-point{grid-template-columns:36px 1fr;column-gap:12px;padding:18px 0}
 .training-point .number{font-size:12px;padding-top:3px}
 .training-point h3{font-size:20px;margin-bottom:6px}
 .training-point p{font-size:15px;max-width:none;line-height:1.45}
 .training-link{font-size:15px;gap:32px;margin-top:26px;padding:15px 19px}
}

/* Menü am unteren Rand des Titelbereichs. */
.header-neuaufbau .hero > .links{position:absolute;z-index:3;left:7.75%;bottom:1.9cqw;display:flex;align-items:center;gap:1.45cqw;color:#fff;font-size:min(1.1cqw,14px);line-height:1.2;transform:none;text-shadow:none;white-space:nowrap}
.header-neuaufbau .hero > .links a{display:inline;color:#fff;text-decoration:none}
.header-neuaufbau .hero > .links a:before{display:none}
@media(hover:hover){.header-neuaufbau .hero > .links a:hover{color:#f1b600}}
.header-neuaufbau .hero > .links a:focus-visible{color:#f1b600;outline:1px solid currentColor;outline-offset:4px}
@media(max-width:700px){.header-neuaufbau .hero > .links{left:7%;right:7%;bottom:18px;width:auto;gap:9px 16px;flex-wrap:wrap;white-space:normal;font-size:12px;line-height:1.3}}

/* Weicher Schatten am Übergang zum Trainingsbereich. */
.header-neuaufbau .hero{z-index:1;box-shadow:none}
.header-neuaufbau .header-schatten-vorlage{position:absolute;z-index:3;top:0;left:0;width:100%;height:auto;display:block;overflow:hidden;pointer-events:none;mix-blend-mode:multiply}


/* Trainingsbereich nach dem abgestimmten Entwurf. */
.header-neuaufbau .training{background:#3c4245 url('assets/seminar-dialog-final.png') center 45%/cover no-repeat;color:#fff;isolation:isolate}
.header-neuaufbau .training:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,22,25,.73),rgba(15,22,25,.17) 74%),linear-gradient(0deg,rgba(18,25,29,.82),transparent 58%);z-index:0;pointer-events:none}
.header-neuaufbau .training:after{display:none}
.header-neuaufbau .training .copy{z-index:2;color:#fff}
.header-neuaufbau .training .eyebrow{color:#fff;letter-spacing:.08em;text-transform:uppercase;font-weight:600}
.header-neuaufbau .training .jingle{color:#fff}
.header-neuaufbau .training .jingle .play img{filter:brightness(0) invert(1)}
.header-neuaufbau .training .jingle .hero-wave{color:#fff}
.header-neuaufbau .training-format-new{color:#fff;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 6px #000}
.header-neuaufbau .training-facts-new{color:#fff}
.header-neuaufbau .training-facts-new strong{display:block;text-transform:uppercase;letter-spacing:.08em}
.header-neuaufbau .training-facts-new span{display:block}
@media(min-width:701px){
 .header-neuaufbau .training{height:45.8cqw;min-height:0}
 .header-neuaufbau .training .copy{left:7.75%;top:8%;width:40%}
 .header-neuaufbau .training .eyebrow{font-size:1cqw;margin-bottom:2cqw}
 .header-neuaufbau .training h2{font-size:3.7cqw;line-height:1;letter-spacing:-.03em;text-shadow:0 1px 8px rgba(0,0,0,.18)}
 .header-neuaufbau .training .copy p{font-size:1.35cqw;line-height:1.4;max-width:30cqw;margin-top:1.5cqw}
 .header-neuaufbau .training .copy .jingle{margin-top:2cqw}
 .header-neuaufbau .training-format-new{position:absolute;bottom:21%;right:3.8%;font-size:1cqw;z-index:2}
 .header-neuaufbau .training-facts-new{position:absolute;left:7.75%;right:3.8%;bottom:4%;border-top:1px solid rgba(255,255,255,.55);padding-top:1.4cqw;display:grid;grid-template-columns:1fr 1fr 1fr .6fr;z-index:2;align-items:stretch}
 .header-neuaufbau .training-facts-new>div{padding:0 1.5cqw;border-right:1px solid rgba(255,255,255,.52);min-height:5.3cqw}
 .header-neuaufbau .training-facts-new>div:first-child{padding-left:0}
 .header-neuaufbau .training-facts-new>div:last-child{border:0}
 .header-neuaufbau .training-facts-new strong{font-size:.9cqw;margin-bottom:.55cqw}
 .header-neuaufbau .training-facts-new span{font-size:1.04cqw;line-height:1.35}
}
@media(max-width:700px){
 .header-neuaufbau .training{height:auto;min-height:0;padding:48px 7%;background-position:48% center}
 .header-neuaufbau .training .copy{position:relative;left:auto;top:auto;width:100%;max-width:350px}
 .header-neuaufbau .training .eyebrow{font-size:14px}
 .header-neuaufbau .training h2{font-size:38px;line-height:1}
 .header-neuaufbau .training .copy p{font-size:16px;line-height:1.4;margin-top:18px}
 .header-neuaufbau .training .copy .jingle{margin-top:24px}
 .header-neuaufbau .training-format-new{position:relative;z-index:2;font-size:12px;line-height:1.4;margin:38px 0 16px;text-align:right}
 .header-neuaufbau .training-facts-new{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.55);display:grid;grid-template-columns:1fr;gap:18px;padding-top:18px}
 .header-neuaufbau .training-facts-new strong{font-size:12px;margin-bottom:6px}
 .header-neuaufbau .training-facts-new span{font-size:15px;line-height:1.4}
 .header-neuaufbau .training-button-space{display:none}
}

/* Trainingsbereich: hellgrau mit schwarzen Schriften und Trennlinien. */
.header-neuaufbau .training{background:#efefed;color:#000}
.header-neuaufbau .training:before{display:none}
.header-neuaufbau .training .copy,.header-neuaufbau .training .eyebrow,.header-neuaufbau .training .jingle,.header-neuaufbau .training-format-new,.header-neuaufbau .training-facts-new{color:#000}
.header-neuaufbau .training h2,.header-neuaufbau .training-format-new{text-shadow:none}
.header-neuaufbau .training .jingle .play img{filter:brightness(0)}
.header-neuaufbau .training .jingle .hero-wave{color:#000}
.header-neuaufbau .training-facts-new{border-top-color:#000}
@media(min-width:701px){.header-neuaufbau .training-facts-new>div:not(:last-child){border-right-color:#000}}

/* Trainingsmotiv: dezent hinter den bestehenden Inhalten. */
.header-neuaufbau .training:after{content:'';display:block;position:absolute;z-index:1;pointer-events:none;inset:0; background:url('assets/seminar-dialog-final.png') center 34%/cover no-repeat;opacity:.28;filter:grayscale(1);mask-image:linear-gradient(to right,transparent 0%,#000 38%,#000 100%),linear-gradient(to bottom,transparent 0%,#000 12%,#000 68%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 38%,#000 100%),linear-gradient(to bottom,transparent 0%,#000 12%,#000 68%,transparent 100%);-webkit-mask-composite:source-in}
@media(max-width:700px){.header-neuaufbau .training:after{inset:0;background-size:cover;background-position:center;opacity:.17}}

/* Anpassungen im Trainingsbereich. */
.header-neuaufbau .training:after{display:none}
.header-neuaufbau .training .eyebrow{font-family:Arial,sans-serif;letter-spacing:normal;font-weight:normal}
.header-neuaufbau .training-facts-new strong{text-transform:none;letter-spacing:normal}
@media(min-width:701px){.header-neuaufbau .training .eyebrow{font-size:1.35cqw}.header-neuaufbau .training h2{line-height:1.12}}
@media(max-width:700px){.header-neuaufbau .training .eyebrow{font-size:16px}.header-neuaufbau .training h2{line-height:1.12}}

/* Original-Kreidestrich aus dem Header in halber Größe. */
.header-neuaufbau .training .eyebrow{position:relative}
.header-neuaufbau .training .eyebrow:after{background:transparent}
.header-neuaufbau .training .training-chalk-rule{position:absolute;left:-.615cqw;top:calc(100% - 1.15cqw);width:12.75cqw;height:1.6162cqw;overflow:hidden;pointer-events:none}
@media(max-width:700px){.header-neuaufbau .training .training-chalk-rule{top:calc(100% - 11px)}}

/* Trainingsangebot-Button nach Vorlage. */
.header-neuaufbau .training-button-space{display:flex;align-items:center;justify-content:center;padding-right:0}
.header-neuaufbau .training-offer-button{display:flex;align-items:stretch;width:100%;max-width:230px;min-height:clamp(54px,4.4cqw,70px);overflow:hidden;border:1px solid #285a7d;border-radius:5px;color:#fff;text-decoration:none;background:linear-gradient(#668fac 0%,#3f7397 51%,#346a91 100%);box-shadow:inset 0 1px 1px #b1cbd9,0 2px 4px #0003;transition:filter .18s}
.header-neuaufbau .training-offer-button:hover{filter:brightness(1.12)}
.header-neuaufbau .training-offer-button:focus-visible{outline:3px solid #d99f00;outline-offset:3px}
.header-neuaufbau .training-offer-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1;min-width:0;padding:8px 9px;text-shadow:0 1px 1px #1d4662;line-height:1.08}
.header-neuaufbau .training-offer-copy span{font-size:clamp(9px,.7cqw,11px);font-weight:700;text-transform:uppercase;letter-spacing:0}
.header-neuaufbau .training-offer-copy strong{font-size:clamp(12px,1.02cqw,16px);font-weight:700;text-transform:uppercase;letter-spacing:-.025em;margin:3px 0 0;white-space:nowrap}
.header-neuaufbau .training-offer-icon{display:grid;place-items:center;flex:none;width:26%;border-left:1px solid #295e80;background:linear-gradient(#6090ae,#3e779c);box-shadow:inset 1px 0 #ffffff20}
.header-neuaufbau .training-offer-icon svg{display:block;width:75%;height:auto;max-width:44px;filter:drop-shadow(0 1px 1px #214d6b)}
@media(max-width:700px){.header-neuaufbau .training-button-space{display:flex;padding:0;justify-content:flex-start}.header-neuaufbau .training-offer-button{width:210px;min-height:62px}.header-neuaufbau .training-offer-copy span{font-size:10px}.header-neuaufbau .training-offer-copy strong{font-size:14px}}
@media(min-width:701px){.header-neuaufbau .training-facts-new>.training-button-space{padding:0 0 0 1cqw}.header-neuaufbau .training-offer-copy{padding-left:7px;padding-right:4px}.header-neuaufbau .training-offer-copy strong{font-size:clamp(10px,.85cqw,13.6px)}.header-neuaufbau .training-offer-icon{width:24%}}
.header-neuaufbau .training-facts-new .training-offer-copy{display:flex}
.header-neuaufbau .training-facts-new .training-offer-icon{display:grid}

/* Lesbare Buttonbeschriftung und klar erkennbare Hand. */
@media(min-width:701px){.header-neuaufbau .training-facts-new{grid-template-columns:1fr 1fr 1fr .85fr}.header-neuaufbau .training-facts-new>.training-button-space{padding:0 0 0 .8cqw}.header-neuaufbau .training-offer-button{max-width:260px;min-height:clamp(62px,5.1cqw,82px)}.header-neuaufbau .training-offer-copy span{font-size:clamp(10px,.8cqw,13px)}.header-neuaufbau .training-offer-copy strong{font-size:clamp(11px,1cqw,16px)}.header-neuaufbau .training-offer-icon{width:29%}.header-neuaufbau .training-offer-icon svg{width:80%;max-width:50px}}

.header-neuaufbau .training-offer-copy{text-shadow:none}
.header-neuaufbau .training-offer-icon svg{filter:none}

/* Original-Button des Auftraggebers. */
.header-neuaufbau .training-offer-button{display:block;min-height:0;width:100%;max-width:14cqw;aspect-ratio:2048/720;overflow:visible;background:none;border:0;border-radius:0;box-shadow:none}
.header-neuaufbau .training-offer-button img{display:block;width:100%;height:auto}
@media(max-width:700px){.header-neuaufbau .training-offer-button{max-width:210px;min-height:0}}

/* Philosophie: Cartoon und Schriftgrößen nach Trainingsbereich. */
.philosophie-cartoon{position:absolute;left:4.5%;top:6%;width:39%;height:auto;z-index:1}
@media(min-width:701px){.about-copy .eyebrow{font-family:Arial,sans-serif;font-size:1.35cqw;font-weight:normal;letter-spacing:normal}.about-copy h2{font-family:Arial,sans-serif;font-size:3.7cqw;font-weight:700;line-height:1.12;letter-spacing:-.03em}.about-copy p:first-of-type{font-family:Arial,sans-serif;font-size:1.35cqw;line-height:1.4}.about-copy p:last-of-type{font-size:1.2cqw}}
@media(max-width:700px){.philosophie-cartoon{position:relative;left:auto;top:auto;display:block;width:86%;height:auto;margin:35px auto 0}.about-copy .eyebrow,.about-copy p:first-of-type{font-size:16px}.about-copy h2{font-size:38px;line-height:1.12}.about-copy p:last-of-type{font-size:13px}}

/* Philosophie-Abstand und Buchbereich mit dem Header-Hintergrund. */
.about-copy p:last-of-type{margin-top:2.2cqw}
.book{isolation:isolate;background:#222;color:#fff}
.book:before{content:'';display:block;position:absolute;inset:0;height:auto;background:#404040 url('assets/header-background-original.lossless.webp') center bottom/cover no-repeat;filter:grayscale(1) brightness(.78);z-index:-1;pointer-events:none}
@media(min-width:701px){.book .eyebrow{font-family:Arial,sans-serif;font-size:1.35cqw;font-weight:normal;letter-spacing:normal}.book h2{font-family:Arial,sans-serif;font-size:3.7cqw;font-weight:700;line-height:1.12;letter-spacing:-.03em}.book p{font-family:Arial,sans-serif;font-size:1.35cqw;line-height:1.4}.book-series{top:auto;bottom:12%}.book-series-item.main,.book-series-item.body,.book-series-item.presentation{top:auto;bottom:0}}
@media(max-width:700px){.about-copy p:last-of-type{margin-top:22px}.book .eyebrow,.book p{font-size:16px}.book h2{font-size:38px;line-height:1.12}.book-series-item.main,.book-series-item.body,.book-series-item.presentation{top:auto;bottom:0}}

/* Footerpfeil, Schatten und direkt anschließende Buchspiegelungen. */
.footer-top{display:inline-flex;align-items:center;justify-content:center}.footer-top img{display:block;width:clamp(22px,2cqw,32px);height:auto}
.book-series-item .reflection{display:block;position:absolute;top:100%;left:0;width:100%;height:100%;transform:scaleY(-1);transform-origin:center center;opacity:.28;mask-image:linear-gradient(to top,#000 0%,transparent 65%);-webkit-mask-image:linear-gradient(to top,#000 0%,transparent 65%)}
@media(min-width:701px){.book-series{bottom:7%}}
@media(min-width:701px){.book{height:42cqw}.book-series{bottom:14%}}

/* Original-Spiegelungen aus Der ICH Erfolg. */
.book-series-item>img:not(.reflection){position:relative;z-index:2}
.book-series-item .reflection{display:block;position:absolute;top:0;left:0;width:100%;height:122.12%;transform:none;opacity:1;mask-image:none;-webkit-mask-image:none;z-index:1;pointer-events:none}
@media(min-width:701px){.about-copy p:last-of-type{margin-top:3.3cqw}.book{height:50cqw}.book-series{bottom:14%}}
@media(max-width:700px){.about-copy p:last-of-type{margin-top:32px}}
@media(min-width:701px){.book{height:58cqw}.book-series{bottom:14%}}
@media(min-width:701px){.book{height:64cqw}.book-series{bottom:10%}}

/* ICH Erfolg: Höhe wie Beratung; Boden und Buchposition beibehalten. */
@media(min-width:701px){
 .book{height:45.8cqw}
 .book:before{background-size:auto 64cqw;background-position:center bottom}
 .book-series{bottom:6.4cqw}
 .book-copy{top:6.4cqw}
}

/* Cartoonserie nach der gelieferten Vorlage. */
.cartoon-download{display:flex;align-items:center;gap:1cqw;margin-top:2.2cqw;color:#111;font:normal min(1.1cqw,14px) Arial,sans-serif}
.cartoon-download-circle{width:min(4cqw,40px);height:min(4cqw,40px);border:1.5px solid currentColor;border-radius:50%;display:grid;place-items:center;flex:none}
.cartoon-download-circle svg{width:60%;height:60%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cartoon-bubble{width:min(3.1cqw,31px);height:auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){.cartoon-download{gap:10px;margin-top:22px;font-size:12px}.cartoon-download-circle{width:34px;height:34px}.cartoon-bubble{width:28px}}
/* Freigestellte Sprechblase aus der gelieferten Vorlage. */
.cartoon-bubble{fill:none;stroke:none;width:min(4.1cqw,41px)}
@media(max-width:700px){.cartoon-bubble{width:36px}}

/* Beratung bündig mit der linken Kante des Trainingsbereichs. */
@media(min-width:701px){.consult .copy{left:7.75%}}

/* Philosophie-Zitat in ursprünglicher Textgröße und ohne Kursivschrift. */
@media(min-width:701px){.about-copy p:first-of-type{font-size:1.7cqw;font-style:normal}}

/* Einheitlicher Abstand zwischen Markierung und Abschnittstitel. */
@media(min-width:701px){.header-neuaufbau .section .eyebrow{margin-bottom:2cqw}}

/* Cartoonserie nach freigegebenem Entwurf; PDF wird ergänzt. */
.cartoon-link{display:flex;align-items:center;width:max-content;gap:1cqw;margin-top:.65cqw;padding:0;border:0;background:transparent;opacity:1;color:#111;font:normal min(1.1cqw,14px) Arial,sans-serif}
.cartoon-download-icon{width:min(4cqw,40px);height:min(4cqw,40px);flex:none}.cartoon-download-icon svg{width:100%;height:100%;fill:none;stroke:#111;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.cartoon-download-icon svg path{stroke-width:1.8}
.cartoon-boom{display:block;width:min(8.4cqw,84px);height:auto;flex:none}
@media(min-width:701px){.about-copy p:last-of-type{margin-top:1.7cqw}}
@media(max-width:700px){.about-copy p:last-of-type{margin-top:20px}.cartoon-link{font-size:12px;gap:10px;margin-top:10px}.cartoon-download-icon{width:34px;height:34px}.cartoon-boom{width:74px}}

/* Kontakt: Typografie aus den übrigen Bereichen, Karte und Anfrageknopf. */
.contact-copy .eyebrow{font-family:Arial,sans-serif;font-weight:normal;letter-spacing:normal;text-transform:none}
.contact h2{font-family:Arial,sans-serif;font-weight:700;line-height:1.12;letter-spacing:-.03em}
.contact-copy p{font-family:Arial,sans-serif;line-height:1.4}
.contact-map{width:100%;height:12cqw;margin-top:1.5cqw;background:#ddd;overflow:hidden}
.contact-map iframe{display:block;width:100%;height:100%;border:0}
.contact-form button{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.85cqw 1.2cqw;background:#232727;color:#fff;border:1px solid #232727;border-radius:0;text-align:left;font-weight:600;transition:background .2s,color .2s}
.contact-form button svg{width:2.4cqw;height:2.4cqw;flex:none;fill:none;stroke:#efbd00;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.contact-form button:hover{background:#363c3c}.contact-form button:focus-visible{outline:3px solid #e4b500;outline-offset:3px}
@media(min-width:701px){.contact-copy .eyebrow{font-size:1.35cqw}.contact h2{font-size:3.7cqw}.contact-copy p{font-size:1.35cqw}}
@media(max-width:700px){.contact-copy .eyebrow{font-size:16px}.contact h2{font-size:38px}.contact-copy p{font-size:16px}.contact-map{height:220px;margin:20px 0 28px}.contact-form button{padding:12px 16px}.contact-form button svg{width:32px;height:32px}}
@media(min-width:701px){.contact{height:55cqw}}

/* Bücher tiefer, Kartenaufruf und Anfrage nach der Buchseite. */
@media(min-width:701px){.book-series{bottom:3cqw}.contact{height:48cqw}}
.contact-map-link{display:inline-block;margin-top:.5em;text-decoration:underline;text-underline-offset:.2em}
.contact-form button{display:inline-flex;width:auto;min-width:0;padding:.8cqw 1.35cqw;gap:1.4cqw;justify-content:center;background:#f0b900;border:0;color:#16191b;border-radius:.25cqw}
.contact-form button svg{width:1.7cqw;height:1.3cqw;stroke:none;fill:currentColor}
.contact-form button:hover{background:#f7c500}
@media(max-width:700px){.contact-form button{padding:13px 18px;gap:18px;border-radius:4px}.contact-form button svg{width:22px;height:16px}}

/* Kontaktzitat und Ausrichtung des Formulars an der Überschrift. */
.kontakt-zitat{display:flex;align-items:flex-start;margin:1.8cqw 0 1.3cqw}.kontakt-zitat .kontakt-anfuehrung{font:700 4.1cqw/.8 Georgia,serif;color:#e9b400;flex:none;margin-right:.75cqw}.contact-copy .kontakt-zitat p{margin:0;font-size:1.35cqw;line-height:1.45}
@media(min-width:701px){.contact-form{top:9.8cqw}}
@media(max-width:700px){.kontakt-zitat{margin:25px 0}.kontakt-zitat .kontakt-anfuehrung{font-size:45px;margin-right:9px}.contact-copy .kontakt-zitat p{font-size:16px}}

/* ICH Erfolg: Teaser mit vier Themen und direktem Buchauszug. */
.teaser-projekt{margin-top:18px}.teaser-einblick{display:grid;grid-template-columns:43% 1fr;gap:16px;align-items:center}.teaser-bild{height:150px;overflow:hidden}.teaser-bild img{display:block;width:100%;height:100%;object-fit:cover;object-position:75% center}.teaser-info{color:#fff}.teaser-kicker{font-size:10px;letter-spacing:.12em;font-weight:700;color:#e8bd00;margin-bottom:6px}.teaser-info strong{display:block;font-size:20px;line-height:1.12}.book .teaser-info p{font-size:14px;line-height:1.35;margin:8px 0;color:#dedede}.teaser-link,.buchreihe-link{display:flex;align-items:center;gap:8px;font-size:13px;color:#fff;margin-top:10px}.teaser-pfeil{width:29px;height:29px;flex:none}.teaser-pfeil svg{display:block;width:100%;height:100%;fill:none;stroke:white;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.thema-auswahl{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:16px}.thema-wahl{display:flex;align-items:center;gap:9px;text-align:left;padding:0;background:transparent;border:0;color:#fff;min-width:0}.thema-wahl img{height:42px;width:60px;object-fit:cover;filter:grayscale(.4);opacity:.7}.thema-wahl.aktiv img{outline:2px solid #eaba00;outline-offset:-2px;filter:none;opacity:1}.thema-wahl span{display:flex;flex-direction:column;gap:3px}.thema-wahl b{font:600 13px Arial}.thema-wahl small{font:11px Arial;color:#ccc}.thema-wahl.aktiv b{color:#f1c400}.thema-wahl:focus-visible,.teaser-link:focus-visible,.buchreihe-link:focus-visible{outline:2px solid #f1c400;outline-offset:4px}.buchreihe-link{width:max-content}
@media(min-width:701px){.book-copy{left:7.75%;top:5%;width:44%}.book-series{right:1%;bottom:3cqw}.teaser-projekt{margin-top:1.35cqw}.teaser-einblick{gap:1.5cqw}.teaser-bild{height:11cqw}.teaser-kicker{font-size:.64cqw;margin-bottom:.45cqw}.teaser-info strong{font-size:1.48cqw}.book .teaser-info p{font-size:1cqw;margin:.55cqw 0}.teaser-link,.buchreihe-link{gap:.6cqw;font-size:.94cqw;margin-top:.7cqw}.teaser-pfeil{width:2.1cqw;height:2.1cqw}.thema-auswahl{gap:.65cqw 1cqw;margin-top:1.2cqw}.thema-wahl{gap:.65cqw}.thema-wahl img{height:3cqw;width:4.4cqw}.thema-wahl span{gap:.22cqw}.thema-wahl b{font-size:.95cqw}.thema-wahl small{font-size:.78cqw}}
@media(max-width:700px){.teaser-projekt{margin:24px 0}.teaser-einblick{grid-template-columns:40% 1fr;gap:12px}.teaser-bild{height:135px}.teaser-info strong{font-size:17px}.book .teaser-info p{font-size:13px}.thema-wahl img{width:52px;height:38px}.thema-wahl b{font-size:12px}.thema-wahl small{font-size:11px}.book-series{margin-top:30px}}

/* Größere Themenbilder und lesbare Teaser im Bereich ICH Erfolg. */
@media (min-width:701px){
 .book-copy{width:48%}
 .teaser-einblick{grid-template-columns:45% 1fr;gap:1.5cqw}
 .teaser-bild{height:13.2cqw}
 .teaser-kicker{font-size:.76cqw}
 .teaser-info strong{font-size:1.67cqw}
 .book .teaser-info p{font-size:1.14cqw}
 .teaser-link{font-size:1.04cqw}
 .thema-wahl img{width:7cqw;height:4.6cqw;filter:none;opacity:1}
 .thema-wahl b{font-size:1.05cqw}
 .thema-wahl small{font-size:.9cqw}
 .buchreihe-link{position:absolute;right:7.75%;bottom:1.15cqw;z-index:4;margin:0}
}
@media (max-width:700px){
 .teaser-einblick{grid-template-columns:1fr}
 .teaser-bild{height:auto;aspect-ratio:16/9}
 .thema-wahl img{width:76px;height:54px;filter:none;opacity:1}
 .buchreihe-link{position:relative;margin:0 0 0 auto}
}
.thema-wahl[data-thema="koerpersprache"] img{object-position:75% center}
.thema-wahl[data-thema="rhetorik"] img{object-position:70% center}
.thema-wahl[data-thema="praesentation"] img{object-position:65% center}
/* Themenzeile an der Bildoberkante ausrichten; Vorschaumotive größer zeigen. */
.teaser-einblick{align-items:start}
@media(min-width:701px){
 .thema-wahl img{width:8.8cqw;height:5cqw;object-fit:cover}
}
@media(max-width:700px){
 .thema-wahl img{width:88px;height:55px}
}
/* Textlink an die Unterkante des Motivs setzen; Kontaktformular unten ausrichten. */
@media(min-width:701px){
 .teaser-info{display:flex;flex-direction:column;height:100%}
 .teaser-info .teaser-link{margin-top:auto}
 .contact-form textarea{height:6.3cqw}
}

/* Vorschau: gezielte Ausschnitte aus denselben Originalmotiven. */
.teaser-bild img{object-fit:contain!important;object-position:center!important}
.thema-wahl .thema-mini{display:block;position:relative;flex:none;width:8.8cqw;height:5cqw;overflow:hidden}
.thema-wahl .thema-mini img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;opacity:1;filter:none;outline:0;transform:scale(1.65)}
.thema-wahl[data-thema="koerpersprache"] .thema-mini img{object-position:center;transform-origin:55% 54%}
.thema-wahl[data-thema="stimme"] .thema-mini img{object-position:center;transform-origin:52% 51%}
.thema-wahl[data-thema="rhetorik"] .thema-mini img{object-position:center;transform-origin:36% 42%}
.thema-wahl[data-thema="praesentation"] .thema-mini img{object-position:center;transform-origin:83% 28%;transform:scale(2)}
.thema-wahl.aktiv .thema-mini{outline:2px solid #eaba00;outline-offset:-2px}
@media(max-width:700px){.thema-wahl .thema-mini{width:88px;height:55px}}
.thema-wahl.aktiv .thema-mini::after{content:'';position:absolute;inset:0;border:2px solid #eaba00;pointer-events:none}
/* Rhetorik und Präsentation: stärker auf die Gesichter fokussieren. */
.thema-wahl[data-thema="rhetorik"] .thema-mini img{transform:scale(2.3);transform-origin:36% 42%}
.thema-wahl[data-thema="praesentation"] .thema-mini img{transform:scale(2.6);transform-origin:83% 28%}
.thema-wahl[data-thema="praesentation"] .thema-mini img{transform-origin:83% 15%}
/* Bildausschnitte: Gesprächspartnerin und sprechender Mund. */
.thema-wahl[data-thema="rhetorik"] .thema-mini img{transform:scale(1.5);transform-origin:58% 42%}
.thema-wahl[data-thema="stimme"] .thema-mini img{transform:scale(2);transform-origin:50% 70%}

/* Vorschau: Spiegelung unter den unteren Motiven und Buchreihen-Link unter der Themenwahl. */
.thema-wahl{position:relative}
.thema-wahl .thema-mini.spiegelung{position:absolute;left:0;top:100%;transform:scaleY(-1);transform-origin:center;opacity:.28;mask-image:linear-gradient(to top,#000,transparent 60%);-webkit-mask-image:linear-gradient(to top,#000,transparent 60%);pointer-events:none}
@media(min-width:701px){
 .book{height:50cqw}
 .book .buchreihe-link{position:relative;inset:auto;margin:2.7cqw 0 0;font-size:1.15cqw;font-weight:600}
 .book .buchreihe-link .teaser-pfeil{width:2.7cqw;height:2.7cqw}
}
@media(max-width:700px){.book .buchreihe-link{margin:36px 0 0;position:relative}.thema-wahl .thema-mini.spiegelung{width:88px;height:55px}}
/* Bildausschnitte und Buchreihen-Link an die Jingle-Typografie anpassen. */
.thema-wahl[data-thema="stimme"] .thema-mini img{transform:scale(2.8);transform-origin:45% 55%}
.thema-wahl[data-thema="rhetorik"] .thema-mini img{transform:scale(1.8);transform-origin:57% 42%}
.thema-wahl[data-thema="praesentation"] .thema-mini img{transform:scale(3);transform-origin:83% 15%}
.book .buchreihe-link{font-family:Arial,sans-serif;font-weight:normal}
@media(min-width:701px){.book .buchreihe-link{font-size:min(1.1cqw,14px)}}
@media(max-width:700px){.book .buchreihe-link{font-size:12px}}
/* Stimmbild: bisheriger Ausschnitt mit sanfterer Darstellung. */
.thema-wahl[data-thema="stimme"] .thema-mini img{transform:scale(2);transform-origin:50% 70%;filter:blur(.18px)}
/* Leichte Glättung der drei kleinen Ausschnitte, die Großbilder bleiben unverändert. */
.thema-wahl[data-thema="stimme"] .thema-mini img,
.thema-wahl[data-thema="rhetorik"] .thema-mini img,
.thema-wahl[data-thema="praesentation"] .thema-mini img{filter:blur(.22px)}

/* Freigegebenes Wasserzeichen und feinere vertikale Ausrichtung. */
.contact::before{content:"";position:absolute;inset:0;background-image:url('assets/kontakt-logo-wasserzeichen.png');background-repeat:no-repeat;background-size:auto 115%;background-position:49% 50%;opacity:.16;pointer-events:none}
.contact-copy,.contact-form{z-index:1}
.header-neuaufbau .hero h1 .chalk-dot{transform:translateY(0.5cqw)}
.cartoon-link{margin-top:calc(.65cqw + 8px)}
@media(max-width:700px){.contact::before{background-size:115% auto;background-position:50% 25%}.cartoon-link{margin-top:18px}}

/* Training: handgezeichnetes Themenbild und gemeinsamer Angebotslink. */
.header-neuaufbau .training .training-chalk-rule{display:none}
.header-neuaufbau .training .eyebrow:after{background:#e4b500}
.training-sketch{position:absolute;z-index:2;left:33%;right:4%;top:8%;height:58%;color:#111}
.training-sketch-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.training-theme{position:absolute;font-size:clamp(11px,1.02cqw,16px);line-height:1.35}
.training-theme strong{display:block;font-size:1.18em;margin-bottom:.4em}
.training-theme span{display:block}
.training-theme-a{left:8%;top:30%;width:25%}
.training-theme-b{left:44%;top:13%;width:23%}
.training-theme-c{left:76%;top:32%;width:22%}
.training-bottom{position:absolute;z-index:2;left:7.75%;right:3.8%;bottom:4%;border-top:1px solid #777;display:flex;justify-content:flex-end;padding-top:1.3cqw}
.training-cta{display:inline-flex;align-items:center;gap:1.1cqw;color:#111}
.training-cta-arrow{width:4cqw;height:4cqw;flex:none}.training-cta-arrow svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.training-cta-copy{display:flex;flex-direction:column;gap:.35cqw}.training-cta-note{font-size:.85cqw;letter-spacing:.08em;font-weight:700}.training-cta-copy strong{font-size:1.65cqw}
.training-cta:hover strong{text-decoration:underline;text-underline-offset:.15em}.training-cta:focus-visible{outline:2px solid #c69d00;outline-offset:5px}
@media(max-width:700px){.header-neuaufbau .training{height:auto;padding-bottom:45px}.training-sketch{position:relative;left:auto;right:auto;top:auto;margin:35px auto 20px;width:100%;height:auto;display:grid;gap:14px}.training-sketch-art{display:none}.training-theme{position:relative;left:auto;top:auto;width:100%;padding:16px 20px;border:1px solid #666;border-radius:48% 52% 47% 53%;font-size:14px}.training-theme strong{font-size:16px}.training-bottom{position:relative;inset:auto;margin-top:30px;padding-top:22px}.training-cta{gap:12px}.training-cta-arrow{width:42px;height:42px}.training-cta-copy{gap:5px}.training-cta-note{font-size:10px}.training-cta-copy strong{font-size:17px}}

/* Freigegebene Originalvorlage für die Desktop-Ansicht. */
@media(min-width:701px){
 .header-neuaufbau .training{height:34.4238cqw;min-height:0;background:#efefed url('assets/training-entwurf-original.png') center/100% 100% no-repeat}
 .header-neuaufbau .training:after{display:none}
 .header-neuaufbau .training .header-schatten-vorlage{display:none}
 .header-neuaufbau .training .copy,.training-sketch{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
 .header-neuaufbau .training::before{content:"";position:absolute;z-index:3;left:5.9%;top:10.5%;width:11.4%;height:5.6%;background:#f2f2f0}
 .training-rule-original{position:absolute;z-index:4;left:6.65%;top:12.25%;width:2.95%;height:.35cqw;background:#e4b500}
 .training-bottom{left:auto;right:3.5%;bottom:4%;width:31%;height:15%;border:0;padding:0;background:#f1f1ef;display:flex;align-items:center;justify-content:flex-start}
 .training-cta{gap:1.1cqw}.training-cta-arrow{width:4cqw;height:4cqw}.training-cta-copy{align-items:flex-start}.training-cta-note{font-size:.85cqw}.training-cta-copy strong{font-size:1.65cqw}
}
@media(min-width:701px){
 .header-neuaufbau .training::before{display:block}
 .header-neuaufbau .training .training-bottom{height:20%;bottom:1.5%}
}

/* Die Originalzeichnung auf kleinen Bildschirmen in lesbarer Größe zeigen. */
.training-mobile-graphic{display:none}
@media(max-width:700px){
 .header-neuaufbau .training .training-sketch{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;margin:0}
 .training-mobile-graphic{display:block;margin:32px -8.15% 0;position:relative}
 .training-mobile-scroll{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
 .training-mobile-scroll svg{display:block;width:1000px;max-width:none;height:auto}
 .training-mobile-scroll:focus-visible{outline:2px solid #c69d00;outline-offset:3px}
 .training-mobile-hint{display:block;text-align:right;margin:6px 8% 0;font-size:11px;color:#555}
 .training-cta-note{font-size:clamp(8px,2.25vw,10px);letter-spacing:.03em;white-space:nowrap}
 .training-cta-copy strong{font-size:clamp(15px,4.2vw,17px)}
}

/* Beide Zeilen des Trainingslinks auf dieselbe Breite ausrichten. */
.training-cta-copy{position:relative;display:block;padding-top:1.05cqw}
.training-cta-copy strong{display:block;white-space:nowrap}
.training-cta-note{position:absolute;top:0;left:0;right:0;display:block;white-space:nowrap;text-align:justify;text-align-last:justify;font-size:.68cqw;letter-spacing:0}
@media(min-width:701px){.training-cta-copy .training-cta-note{font-size:.68cqw}}
@media(max-width:700px){.training-cta-copy{padding-top:13px}.training-cta-copy .training-cta-note{font-size:8px;letter-spacing:0}}
@media(min-width:701px){.training-cta-copy .training-cta-note{font-size:.78cqw;letter-spacing:-.015em}}
/* Linkzeile mit normalen Wortabständen. */
.training-cta-copy .training-cta-note{text-align:left;text-align-last:auto;letter-spacing:0;word-spacing:normal}
@media(min-width:701px){.training-cta-copy .training-cta-note{font-size:.83cqw;letter-spacing:0}}
@media(max-width:700px){.training-cta-copy .training-cta-note{font-size:8px;letter-spacing:0}}

/* Trainingslink in der freigegebenen Buttonform. */
.training-cta{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:0;width:100%;min-height:5cqw;padding:.45cqw 3.6cqw .45cqw 1cqw;background:linear-gradient(180deg,#fafaf8 0%,#f0f0eb 45%,#e0e0d7 100%);border:1px solid #c6c6be;border-radius:2px;box-shadow:inset 0 2px 1px #ffffff,0 2px 2px #0005,0 4px 3px #0003;color:#171717}
.training-cta::after{content:"";position:absolute;z-index:-1;right:0;top:0;bottom:0;width:3.6cqw;background:linear-gradient(180deg,#ffce06,#f1b800);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,38% 50%);box-shadow:inset 0 2px 0 #ffe766}
.training-cta-arrow{display:none}
.training-cta-copy{position:relative;display:flex;flex-direction:column;align-items:center;gap:.22cqw;padding:0;min-width:0;width:100%}
.training-cta-copy .training-cta-note{position:static;display:block;width:auto;white-space:nowrap;font-size:.72cqw;line-height:1.1;text-align:center;text-align-last:center;letter-spacing:.035em}
.training-cta-copy strong{font-size:1.35cqw;line-height:1.12;text-align:center;white-space:nowrap}
.training-cta:hover{filter:brightness(1.03)}
@media(min-width:701px){.header-neuaufbau .training .training-bottom{width:31%;height:20%;padding:0;background:#f1f1ef}.training-cta-copy .training-cta-note{font-size:.72cqw;letter-spacing:.035em}}
@media(max-width:700px){.training-cta{width:100%;min-height:60px;padding:8px 38px 8px 8px}.training-cta::after{width:36px}.training-cta-copy{gap:4px;padding:0}.training-cta-copy .training-cta-note{font-size:clamp(8px,2.3vw,10px);letter-spacing:0}.training-cta-copy strong{font-size:clamp(15px,4vw,19px)}}
@media(min-width:701px){.training-cta-copy strong{font-size:1.55cqw}.training-cta-copy .training-cta-note{font-size:.74cqw}}

/* Gleiche Segmenthöhe und Schriftgrößen wie im Bereich Beratung. */
@media(min-width:701px){
 .header-neuaufbau .training{height:45.8cqw;background-size:100% auto;background-position:center top;background-repeat:no-repeat;background-color:#eeedeb}
 .header-neuaufbau .training::before{display:block;content:"";position:absolute;z-index:1;left:0;top:0;width:33%;height:27cqw;background:#eeedeb}
 .header-neuaufbau .training::after{display:block;content:"";position:absolute;z-index:1;left:0;right:0;top:26cqw;bottom:0;background:#eeedeb}
 .header-neuaufbau .training .header-schatten-vorlage{display:block;z-index:3}
 .header-neuaufbau .training .copy{position:absolute;clip-path:none;overflow:visible;white-space:normal;left:7.75%;top:8%;width:34%;height:auto;z-index:3}
 .header-neuaufbau .training .eyebrow{font-size:1.35cqw}
 .header-neuaufbau .training h2{font-family:Arial,sans-serif;font-size:3.7cqw;line-height:1.12}
 .header-neuaufbau .training .copy p{font-family:Arial,sans-serif;font-size:1.35cqw}
 .training-rule-original{display:none}
 .header-neuaufbau .training .training-bottom{z-index:3;bottom:4%;background:transparent}
 .header-neuaufbau .training .training-bottom::before{content:"";position:absolute;height:1px;background:#888;right:0;left:-165%;top:-2cqw}
}
@media(min-width:701px){
 .header-neuaufbau .training{background-color:#f4f4f1}
 .header-neuaufbau .training::before{width:33%;background:linear-gradient(90deg,#f5f4f2 0%,#f4f3f0 96%,transparent 100%)}
 .header-neuaufbau .training::after{opacity:1;filter:none;mask-image:none;-webkit-mask-image:none;background:#f4f4f1}
}
@media(min-width:701px){
 .header-neuaufbau .training .eyebrow{font-size:1.7cqw}
 .header-neuaufbau .training h2{font-size:4cqw;line-height:.98;letter-spacing:-.035em}
 .header-neuaufbau .training .copy p{font-size:1.7cqw;line-height:1.38}
}
@media(min-width:701px){.header-neuaufbau .training::before{width:31.5%}}

/* Trainingslabel wie Fließtext, Jingle etwas tiefer. */
@media(min-width:701px){.header-neuaufbau .training .eyebrow{font-size:1.7cqw}.header-neuaufbau .training .copy .jingle{margin-top:4cqw}}
@media(max-width:700px){.header-neuaufbau .training .eyebrow{font-size:16px}.header-neuaufbau .training .copy .jingle{margin-top:40px}}

/* Beratung: freigegebene Kreidegrafik auf durchgehender Tafel. */
.consult-diagram{position:absolute;z-index:2;left:36%;right:2%;top:5%;aspect-ratio:1280/490;color:#fff}
.consult-diagram>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.consult-topic{position:absolute;font-size:1.04cqw;line-height:1.32;color:#fff}
.consult-topic strong{display:block;font-size:1.24cqw;line-height:1.15;margin-bottom:.45cqw}
.consult-topic span{display:block}
.consult-topic-a{left:8%;top:17%;width:26%}.consult-topic-b{left:67.5%;top:17%;width:25%}.consult-topic-c{left:69%;top:68%;width:26%}
.consult-divider{position:absolute;z-index:2;left:7.75%;right:3.8%;bottom:19%;height:1px;background:rgba(255,255,255,.8)}
@media(min-width:701px){.header-neuaufbau .training .copy{height:83.47%}.header-neuaufbau .training .copy .jingle{position:absolute;bottom:0;margin:0}}
@media(max-width:700px){.consult-diagram{position:relative;left:auto;right:auto;top:auto;aspect-ratio:auto;display:grid;gap:18px;margin:38px 0 30px}.consult-diagram>svg{display:none}.consult-topic{position:relative;left:auto;top:auto;width:auto;border:1px solid #eee;border-radius:45%;padding:22px;font-size:15px}.consult-topic strong{font-size:17px;margin-bottom:8px}.consult-divider{position:relative;left:auto;right:auto;bottom:auto;margin-top:30px}}
@media(min-width:701px){.consult-topic{font-size:.9cqw}.consult-topic-a{top:16%;width:28%}.consult-topic strong{font-size:1.18cqw}}
@media(min-width:701px){.consult-divider{left:14.25%}}

/* Beide Desktop-Segmente mit identischer Höhe; Kreidekonturen verstärken. */
@media(min-width:701px){.header-neuaufbau .training,.header-neuaufbau .consult{height:45.8cqw}.consult-diagram>svg{filter:drop-shadow(0 0 .65px rgba(255,255,255,.7))}}

/* Beratungsfoto aus dem freigegebenen Entwurf, weich in die Tafel eingeblendet. */
@media (min-width:701px){
  .consult::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;clip-path:inset(0 3% 0 0);background:url('assets/beratung-wasserzeichen-vorschau.png') left .4cqw / 100% auto no-repeat;mask-image:radial-gradient(ellipse 20% 50% at 50% 81%,#000 12%,transparent 100%),radial-gradient(ellipse 28% 35% at 80% 85%,#000 25%,transparent 100%)}
}

/* Training: freigegebenes Foto und dieselbe Trennlinienhöhe wie bei Beratung. */
.training .training-bottom{display:none!important}
@media(min-width:701px){
 .training-watermark{position:absolute;inset:0;z-index:2;pointer-events:none;background:url('assets/training-wasserzeichen-vorschau.png') top left / 100% auto no-repeat;mask-image:radial-gradient(ellipse 42% 48% at 70% 76%,#000 30%,transparent 100%),linear-gradient(to bottom,transparent 30%,#000 39%,#000 86%,transparent 93%);mask-composite:intersect;clip-path:polygon(0 0,75% 0,75% 46%,97% 46%,97% 100%,0 100%)}
 .training-divider{position:absolute;z-index:3;left:14.25%;right:3.8%;bottom:19%;height:1px;background:rgba(0,0,0,.8)}
}
@media(max-width:700px){.training-divider{height:1px;background:rgba(0,0,0,.8);margin:30px 0 0}}

/* Foto und Portfolio-Button im Trainingsbereich. */
.training-watermark{position:absolute;inset:auto 0 0 auto;width:72%;height:70%;z-index:2;pointer-events:none;background:url("assets/training-wasserzeichen-neu.png") center bottom / cover no-repeat;opacity:.28;clip-path:none;mask-image:linear-gradient(to right,transparent 0%,#000 25%),linear-gradient(to bottom,transparent 0%,#000 25%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 25%),linear-gradient(to bottom,transparent 0%,#000 25%);-webkit-mask-composite:source-in}
.portfolio-glass{position:absolute;z-index:5;bottom:5.5%;right:13%;width:27%;height:7%;min-height:40px;border-radius:999px;background:linear-gradient(180deg,#ffce00,#f2b900);box-shadow:0 5px 12px #0003;display:flex;align-items:center;color:#151515;font-size:1.35cqw}
.portfolio-glass-arrow{width:17%;text-align:center;color:white;font-size:2.5em;line-height:1;font-weight:300}
.portfolio-glass-label{height:125%;flex:1;display:flex;align-items:center;justify-content:center;gap:.3em;border-radius:999px;background:linear-gradient(180deg,#ffffff88 0%,#ffffff14 22%,#ffffff03 68%,#ffffff8c 100%);border:1px solid #ffffffbd;box-shadow:inset 0 2px 4px #fff9,inset 0 -2px 4px #fff9,0 2px 5px #0004;white-space:nowrap;font-weight:400}
.portfolio-glass:focus-visible{outline:3px solid #222;outline-offset:4px}
@media(max-width:700px){.header-neuaufbau .training{padding-bottom:115px}.training-watermark{display:block;width:100%;height:45%;opacity:.23;background-position:center bottom}.portfolio-glass{position:absolute;bottom:25px;right:7%;width:70%;height:49px;min-height:0;font-size:16px}.portfolio-glass-arrow{font-size:32px}}

/* Einheitliche Beschriftung, Flächen und Kreidepunkte. */
.training .eyebrow{text-transform:none}
.header-neuaufbau .training,.about{background-color:#eeeeed}
@media(min-width:701px){.header-neuaufbau .training::before,.header-neuaufbau .training::after{background:#eeeeed}}
.einheitlicher-kreidepunkt{position:absolute;z-index:4;width:1.85cqw;height:1.85cqw;pointer-events:none;overflow:hidden}
.training>.einheitlicher-kreidepunkt{left:33.88%;top:35.1%}
.consult>.einheitlicher-kreidepunkt{left:36.8%;top:18.9%}
.portfolio-glass{right:4%;width:30%;height:auto;min-height:0;display:block;border:0;border-radius:0;background:transparent;box-shadow:none;mix-blend-mode:multiply}
.portfolio-glass svg{display:block;width:100%;height:auto;overflow:hidden}
@media(max-width:700px){.einheitlicher-kreidepunkt{display:none}.portfolio-glass{right:4%;width:72%;height:auto;bottom:18px}}
.header-neuaufbau .training .eyebrow{text-transform:none}
.header-neuaufbau .training,.about{background-color:#f4f4f1}
@media(min-width:701px){.header-neuaufbau .training::before{background:linear-gradient(90deg,#f5f4f2 0%,#f4f3f0 96%,transparent 100%)}.header-neuaufbau .training::after{background:#f4f4f1}}
@media(min-width:701px){.portfolio-glass{width:27%;bottom:3%}}

/* Trainingsfoto, Kreidepunkt und sauber freigestellter Glasbutton. */
.training-watermark{opacity:.44}
.portfolio-glass{position:absolute;z-index:5;right:4%;bottom:5.5%;width:21%;height:6.5%;min-height:35px;display:flex;align-items:center;border-radius:999px;background:linear-gradient(180deg,#ffd400 0%,#ffc600 52%,#eab000 100%);box-shadow:0 .25cqw .5cqw #0003;mix-blend-mode:normal;color:#111;font-family:Arial,sans-serif;font-size:1.05cqw}
.portfolio-glass-arrow{display:flex;align-items:center;justify-content:center;width:17%;height:100%;flex:none}
.portfolio-glass-arrow svg{display:block;width:45%;height:45%;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.portfolio-glass-label{height:115%;flex:1;display:flex;align-items:center;justify-content:center;gap:.28em;white-space:nowrap;font-weight:400;border:1px solid #ffffffc7;border-radius:999px;background:linear-gradient(to bottom,#ffffffb8 0%,#ffffff4d 10%,#ffffff00 32%,#ffffff00 75%,#ffffff80 98%);box-shadow:inset 0 2px 3px #fff9,inset 0 -2px 3px #fff9,0 1px 4px #0005}
@media(max-width:700px){.training-watermark{opacity:.36}.portfolio-glass{right:4%;bottom:25px;width:58%;height:42px;font-size:15px}.portfolio-glass-arrow{font-size:inherit}}

/* Kreidepunkt mit weißer Zeichnung und transparentem Glasbutton. */
.header-neuaufbau .hero h1 .chalk-dot,.einheitlicher-kreidepunkt{filter:invert(1) hue-rotate(180deg)}
.training-watermark{opacity:.68}
.portfolio-glass{background:linear-gradient(180deg,rgba(255,208,0,.66),rgba(246,181,0,.61));box-shadow:0 3px 8px rgba(0,0,0,.19)}
.portfolio-glass-label{background:linear-gradient(180deg,rgba(255,255,255,.45) 0%,rgba(255,255,255,.13) 18%,rgba(255,255,255,.03) 63%,rgba(255,255,255,.38) 100%);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);border-color:rgba(255,255,255,.78);box-shadow:inset 0 2px 3px rgba(255,255,255,.6),inset 0 -2px 3px rgba(255,255,255,.48),0 1px 4px rgba(0,0,0,.32)}
@media(max-width:700px){.training-watermark{opacity:.58}}

.header-neuaufbau .hero h1 .chalk-dot,.einheitlicher-kreidepunkt{filter:none}

/* Original-Button, zur Jingle-Mitte ausgerichtet. */
.portfolio-original{position:absolute;z-index:5;right:4%;bottom:12.7%;transform:translateY(50%);display:block;width:21%;line-height:0;filter:drop-shadow(0 .18cqw .3cqw rgba(0,0,0,.25))}
.portfolio-original svg{display:block;width:100%;height:auto;overflow:visible}
.portfolio-original:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.training-watermark{height:82%;background-position:center bottom;mask-image:linear-gradient(to right,transparent 0%,#000 25%),linear-gradient(to bottom,transparent 0%,#000 17%,#000 82%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 25%),linear-gradient(to bottom,transparent 0%,#000 17%,#000 82%,transparent 100%);-webkit-mask-composite:source-in}
@media(max-width:700px){.training-watermark{height:52%}.portfolio-original{right:7%;bottom:25px;transform:none;width:58%}.consult .portfolio-original{position:relative;right:auto;bottom:auto;transform:none;margin:30px 0 0 auto;width:58%}}
@media(min-width:701px){.portfolio-original{bottom:11.8%}}

/* Kreidegrafik liegt über dem Trainingsfoto. */
.training-grafik-vordergrund{display:none}
@media(min-width:701px){.training-grafik-vordergrund{display:block;position:absolute;z-index:3;left:0;top:0;width:100%;height:auto;clip-path:inset(0 0 33% 31%);pointer-events:none}}
@media(max-width:700px){.training-mobile-graphic{z-index:3}}

/* Gelber Kern und echte transparente Glashülle. */
.portfolio-original.echtglas{height:4.4cqw;filter:none;isolation:isolate}
.glas-gelb{position:absolute;z-index:0;left:0;right:0;top:13%;bottom:13%;border-radius:999px;background:linear-gradient(180deg,#ffd000 0%,#ffc600 52%,#f2b700 100%);box-shadow:0 .2cqw .5cqw #0003,inset 0 1px 2px #fff9}
.glas-pfeil{position:absolute;z-index:2;left:0;top:13%;bottom:13%;width:14%;display:flex;align-items:center;justify-content:center}
.glas-pfeil svg{display:block;width:32%;height:45%;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.glas-huelle{position:absolute;z-index:1;left:12%;right:0;top:0;bottom:0;border-radius:999px;border:1px solid rgba(255,255,255,.85);background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,.08) 22%,rgba(255,255,255,.03) 75%,rgba(255,255,255,.30));backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);box-shadow:inset 0 .12cqw .22cqw #ffffffa8,inset 0 -.12cqw .22cqw #ffffffa8,0 .12cqw .2cqw #0004}
.glas-text{position:absolute;z-index:3;left:12%;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:.28em;font-size:1.05cqw;line-height:1;color:#111;white-space:nowrap;font-weight:400}
.training-watermark{bottom:-4%}
@media(max-width:700px){.portfolio-original.echtglas{height:48px}.glas-text{font-size:15px}.training-watermark{bottom:-3%}}

/* Kontaktbutton wie die Portfolio-Buttons, rechtsbündig. */
.training-watermark{bottom:-10%}
.contact-form button.kontakt-glas{position:relative;display:block;isolation:isolate;width:48.84%;height:4.4cqw;min-width:0;margin:1.1cqw 0 0 auto;padding:0;border:0;border-radius:999px;background:transparent;box-shadow:none;color:#111}
.contact-form button.kontakt-glas:hover{background:transparent}
.contact-form button.kontakt-glas .glas-pfeil svg{width:32%;height:45%;stroke:#fff;stroke-width:3;fill:none}
.contact-form button.kontakt-glas .glas-text{font-weight:400}
@media(max-width:700px){.training-watermark{bottom:-8%}.contact-form button.kontakt-glas{width:58%;height:48px;margin:22px 0 0 auto}}
/* Trainingsfoto etwas tiefer, weicher Verlauf bleibt erhalten. */
.training-watermark{background-position:center calc(100% + 3cqw)}
@media(max-width:700px){.training-watermark{background-position:center calc(100% + 20px)}}
/* Trainingsfoto nach oben weich ausblenden. */
.training-watermark{mask-image:linear-gradient(to right,transparent 0%,#000 25%),linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.12) 15%,#000 42%,#000 82%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 25%),linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.12) 15%,#000 42%,#000 82%,transparent 100%)}
/* Einheitliche Schriftgrößen der Abschnittstitel und neues Trainingsfoto. */
.training-watermark{background-image:url('assets/training-foto-betonwand.png');mask-image:linear-gradient(to right,transparent 0%,#000 25%),linear-gradient(to bottom,transparent 0%,#000 32%,#000 82%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 25%),linear-gradient(to bottom,transparent 0%,#000 32%,#000 82%,transparent 100%)}
@media(min-width:701px){.header-neuaufbau .about-copy .eyebrow,.header-neuaufbau .book .eyebrow,.header-neuaufbau .contact-copy .eyebrow{font-size:1.7cqw}.header-neuaufbau .about-copy h2,.header-neuaufbau .book h2,.header-neuaufbau .contact h2{font-size:4cqw;line-height:.98;letter-spacing:-.035em}}

/* Trainingsfoto und Buchreihenbutton. */
.training-watermark{bottom:-4%;background-position:center calc(100% - 2cqw);opacity:.43;filter:grayscale(1)}
.footer-links{display:flex;align-items:center;gap:2cqw}.footer-links a:hover{text-decoration:underline}
@media(min-width:701px){.book .book-series{bottom:9cqw}}
@media(max-width:700px){.training-watermark{bottom:-3%;background-position:center calc(100% - 10px);opacity:.38}.book .buchreihe-button{position:relative;right:auto;bottom:auto;transform:none;margin:24px 0 0 auto;width:58%}.footer-links{gap:18px;flex-wrap:wrap}}
/* Kontakttext in derselben Größe wie im Trainingsbereich. */
@media(min-width:701px){.contact-copy .kontakt-zitat p{font-size:1.7cqw;line-height:1.38}}

/* Cartoons direkt im bestehenden Philosophie-Segment. */
.philosophie-gallery{position:absolute;left:4.5%;top:6%;width:39%;z-index:1}
.philosophie-gallery .philosophie-cartoon{position:static;display:block;width:100%;height:auto}
.cartoon-steuerung{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:0;color:#333;font-size:12px}
.cartoon-steuerung button{width:30px;height:30px;border:1px solid #777;border-radius:50%;background:transparent;color:#222;display:grid;place-items:center;font-size:22px;line-height:1;padding:0}
.cartoon-steuerung button:hover,.cartoon-steuerung button:focus-visible{border-color:#e7b800;background:#e7b800}
@media(max-width:700px){.philosophie-gallery{position:relative;left:auto;top:auto;width:86%;margin:35px auto 0}.philosophie-gallery .philosophie-cartoon{width:100%;margin:0}.cartoon-steuerung{margin-top:5px}}
/* Die Original-Kreidepunkte aus dem Trainingssegment dienen zum Blättern. */
.cartoon-steuerung button{width:36px;height:36px;border:0;background:transparent;padding:4px}
.cartoon-steuerung button:hover{background:transparent;outline:none}.cartoon-steuerung button:focus-visible{background:transparent;outline:2px solid #333;outline-offset:2px}
.cartoon-kreidepunkt{display:block;width:100%;height:100%;overflow:hidden}
@media(min-width:701px){.about-copy p:last-of-type{margin-top:2.5cqw}}
@media(max-width:700px){.about-copy p:last-of-type{margin-top:30px}}

/* Gläserner Kreis um das bestehende Footer-Dreieck. */
.footer-top{position:relative;isolation:isolate;width:clamp(38px,3.1cqw,48px);height:clamp(38px,3.1cqw,48px);flex:none;border-radius:50%;border:1px solid rgba(255,255,255,.30);background:linear-gradient(155deg,rgba(255,255,255,.27),rgba(255,255,255,.04) 42%,rgba(255,255,255,.10) 80%,rgba(255,255,255,.24));box-shadow:0 0 2px rgba(255,255,255,.48),inset 0 2px 3px rgba(255,255,255,.38),inset 0 -2px 4px rgba(255,255,255,.24),0 3px 8px rgba(0,0,0,.28)}
.footer-top img{position:relative;display:block;width:48%;height:auto;z-index:1}
.footer-top:hover{border-color:rgba(255,255,255,.30);box-shadow:0 0 4px 1px rgba(255,255,255,.34),inset 0 2px 4px rgba(255,255,255,.38),inset 0 -2px 4px rgba(255,255,255,.24),0 3px 8px rgba(0,0,0,.28)}
.footer-top:focus-visible{outline:2px solid #e7b800;outline-offset:3px}

/* Kleine Ansichten: bestehende Inhalte vollständig anzeigen. */
@media(max-width:700px){.header-neuaufbau .hero{height:610px;aspect-ratio:auto}.header-neuaufbau .hero-copy{top:12%}}
@media(min-width:701px) and (max-width:900px){.philosophie-gallery{top:3%;width:37%}}
@media(max-width:700px){.header-neuaufbau .hero h1{font-size:clamp(30px,10vw,45px)}.consult h2{font-size:clamp(30px,10vw,38px)}}
@media(max-width:500px){.thema-auswahl{grid-template-columns:1fr}}

/* Smartphone: lesbare Navigation und vollständige Trainingsinhalte. */
@media(max-width:700px){
 .header-neuaufbau .hero>.chalk{top:34%;right:5%;width:23%}
 .header-neuaufbau .hero>.links{bottom:0;left:0;right:0;padding:18px 7% 16px;background:linear-gradient(transparent,rgba(0,0,0,.82));gap:12px 17px}
 .header-neuaufbau .hero>.links a{font-size:13px;line-height:1.35}
 .training-mobile-graphic{display:none}
 .header-neuaufbau .training .training-sketch{position:relative;clip-path:none;width:100%;height:auto;overflow:visible;white-space:normal;display:grid;gap:14px;left:auto;right:auto;top:auto;margin:32px auto 20px}
 .training-sketch-art{display:none}
 .training-theme{position:relative;left:auto;top:auto;width:100%;padding:23px 25px;border:1px solid #666;border-radius:48% 52% 47% 53%;font-size:14px}
 .training-theme strong{font-size:16px}
}
@media(max-width:700px){.header-neuaufbau .hero>.chalk{top:42%}.header-neuaufbau .training .training-sketch{z-index:4}}

/* Smartphone: Abstände innerhalb der bestehenden Gestaltung. */
@media(max-width:700px){
 .header-neuaufbau .hero-copy{top:15%}
 .header-neuaufbau .hero>.chalk{top:46%}
 .header-neuaufbau .nav .logo img{filter:brightness(1.65)}
 .training-theme,.consult-topic{padding:28px 11%;}
 .header-neuaufbau .consult{padding-bottom:48px}
 .about-copy{padding-bottom:42px}
}
@media(max-width:700px){.header-neuaufbau .hero>.chalk{top:52%}}
/* Glas bleibt beim Wechsel der Bildschirmgröße sichtbar. */
.glas-huelle{backdrop-filter:none;-webkit-backdrop-filter:none}

/* Footer-Navigation wie im Header; Pfeil bleibt rechts. */
.footer{align-items:center;gap:clamp(16px,2cqw,32px)}
.footer-nav{display:flex;justify-content:flex-end;align-items:center;gap:clamp(12px,1.6cqw,26px);margin-left:auto;flex-wrap:wrap}
.footer-nav a{color:inherit;text-decoration:none;white-space:nowrap}
.footer-nav a:hover,.footer-nav a:focus-visible{color:#e7b800}
@media(max-width:700px){.footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 12px}.footer-links{grid-column:1/-1}.footer-nav{grid-row:2;grid-column:1;gap:10px 14px}.footer-top{grid-row:2;grid-column:2}}

/* Die Originalgrafiken bleiben auf Mobilgeräten lesbar und seitlich verschiebbar. */
.consult-mobile-scroll{display:contents}
.consult-mobile-hint,.consult-punkt-mobil{display:none}
@media(max-width:700px){
 .training-mobile-graphic{display:block;z-index:4;margin:32px -8.15% 0}
 .training-mobile-scroll svg{width:1000px}
 .header-neuaufbau .training .training-sketch{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;margin:0}
 .consult-mobile-scroll{display:block;position:relative;z-index:4;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;margin:38px -8.15% 0}
 .consult-mobile-scroll:focus-visible{outline:2px solid #e7b800;outline-offset:3px}
 .consult-mobile-scroll .consult-diagram{position:relative;display:block;left:auto;right:auto;top:auto;width:1000px;height:auto;aspect-ratio:1280/490;margin:0;color:#fff}
 .consult-mobile-scroll .consult-diagram>svg:not(.consult-punkt-mobil){display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
 .consult-mobile-scroll .consult-topic{position:absolute;padding:0;border:0;border-radius:0;font-size:15px;line-height:1.32}
 .consult-mobile-scroll .consult-topic strong{font-size:18px;line-height:1.15;margin-bottom:7px}
 .consult-mobile-scroll .consult-topic-a{left:8%;top:17%;width:26%}
 .consult-mobile-scroll .consult-topic-b{left:67.5%;top:17%;width:25%}
 .consult-mobile-scroll .consult-topic-c{left:69%;top:68%;width:26%}
 .consult-mobile-scroll .consult-punkt-mobil{display:block;position:absolute;left:1%;top:26.3%;width:30px;height:30px;pointer-events:none}
 .consult-mobile-hint{display:block;text-align:right;margin:6px 0 30px;font-size:11px;color:#ddd}
}

/* Beratungsfoto tiefer und vor dem rechten Rand weich ausblenden. */
@media(min-width:701px){
 .consult::after{clip-path:none;background-position:left 3.4cqw;mask-image:radial-gradient(ellipse 20% 50% at 50% 81%,#000 12%,transparent 100%),radial-gradient(ellipse 20% 35% at 72% 85%,#000 25%,transparent 100%)}
 .book .book-series{bottom:3cqw}
}
@media(min-width:701px){
 .consult::after{mask-image:linear-gradient(to bottom,transparent 0%,transparent 50%,#000 60%,#000 100%),radial-gradient(ellipse 20% 50% at 50% 81%,#000 12%,transparent 100%),radial-gradient(ellipse 20% 35% at 72% 85%,#000 25%,transparent 100%);mask-composite:intersect,add}
}
.mobile-original-bubble{display:none}
@media(max-width:700px){
 .training-mobile-graphic,.consult-mobile-hint{display:none!important}
 .header-neuaufbau .training .training-sketch{position:relative;clip-path:none;width:100%;height:auto;overflow:visible;white-space:normal;display:grid;gap:12px;left:auto;right:auto;top:auto;margin:32px auto 20px}
 .training-sketch-art{display:none}
 .consult-mobile-scroll{display:block;overflow:visible;margin:38px 0 30px}
 .consult-mobile-scroll .consult-diagram{position:relative;display:grid;gap:12px;left:auto;right:auto;top:auto;width:100%;height:auto;aspect-ratio:auto;margin:0}
 .consult-mobile-scroll .consult-diagram>svg:not(.consult-punkt-mobil),.consult-mobile-scroll .consult-punkt-mobil{display:none}
 .header-neuaufbau .training .training-theme,.consult-mobile-scroll .consult-topic{position:relative;left:auto;top:auto;width:100%;min-height:150px;border:0;border-radius:0;padding:32px 15%;display:flex;flex-direction:column;justify-content:center;font-size:14px;line-height:1.35}
 .training-theme strong,.consult-mobile-scroll .consult-topic strong{font-size:16px;line-height:1.15;margin-bottom:6px}
 .mobile-original-bubble{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible}
 .training-theme strong,.training-theme span,.consult-topic strong,.consult-topic span{position:relative;z-index:1}
}
@media(max-width:700px){.mobile-original-bubble{overflow:hidden}}
@media(max-width:700px){.contact-form{margin-top:48px}}
.mobile-bubble-dot{display:none}
@media(max-width:700px){.mobile-bubble-dot{display:block;position:absolute;z-index:2;left:2%;top:55%;width:25px;height:25px}}
@media(max-width:700px){.contact-form{margin-top:60px}}
/* Mobile Ansicht: drei lesbare Aussagen in einer ruhigen Kreidepunkt-Reihe. */
@media(max-width:700px){
 .header-neuaufbau .training .training-sketch,.consult-mobile-scroll .consult-diagram{gap:0}
 .mobile-original-bubble{display:none}
 .header-neuaufbau .training .training-theme,.consult-mobile-scroll .consult-topic{min-height:0;padding:20px 0 20px 38px;border-bottom:1px solid rgba(40,40,40,.16);justify-content:flex-start}
 .consult-mobile-scroll .consult-topic{border-color:rgba(255,255,255,.24)}
 .training-theme strong,.consult-mobile-scroll .consult-topic strong{font-size:16px;margin-bottom:7px}
 .mobile-bubble-dot{left:0;top:20px;width:22px;height:22px}
}

/* Footer: Rechtliches links, Zurück-nach-oben rechts. */
@media(max-width:700px){.footer{display:flex;align-items:center;justify-content:space-between}.footer-top{margin-left:auto}}
/* Smartphone: größere Kreideschrift, ohne Trennlinie vor dem Portfolio. */
@media(max-width:700px){
 .training-divider,.consult-divider{display:none}
 .header-neuaufbau .hero>.chalk{top:44%;right:4%;width:28%}
}
@media(max-width:380px){.header-neuaufbau .hero-copy .hero-wave{width:40px;height:auto}}
/* Kreideschrift auf dem Handy größer und höher. */
@media (min-width:441px) and (max-width:700px){.header-neuaufbau .hero>.chalk{top:30%;right:4%;width:32%}}
@media (min-width:381px) and (max-width:440px){.header-neuaufbau .hero>.chalk{top:36%;right:3%;width:30%}}
@media (max-width:380px){.header-neuaufbau .hero>.chalk{top:42%;right:3%;width:30%}}

/* Fußnavigation nur auf größeren Bildschirmen. */
@media(max-width:700px){.footer-nav{display:none}}

/* Fachartikel neben der Buchreihe: gleiche Glasbuttons, Abstand wie auf den Unterseiten. */
@media(min-width:701px){
 .book:before{background-size:auto 80cqw;background-position:center bottom}
 .book .book-series{bottom:11cqw}
 .book .buchreihe-button,.book .fachartikel-button{position:absolute;right:4%;transform:none}
 .book .fachartikel-button{bottom:.5cqw}
 .book .buchreihe-button{bottom:calc(4.9cqw + 22px)}
}
@media(max-width:700px){
 .book .fachartikel-button{position:relative;right:auto;bottom:auto;transform:none;margin:10px 0 0 auto;width:58%}
}
/* Bücher stehen tiefer auf der Bodenzone; die Buttons behalten ihren Abstand. */
@media(min-width:701px){.book{height:54cqw}.book:before{background-size:auto 100cqw}}
/* Gleicher Abstand zum unteren Rand wie beim Portfolio-Button. */
@media(min-width:701px){
 .book .fachartikel-button{bottom:3.2044cqw}
 .book .buchreihe-button{bottom:calc(7.6044cqw + 22px)}
}
.book .fachartikel-button .glas-text{transform:translateY(-1px)}

/* Spiegelungen der Themenvorschaubilder auf kleinen Bildschirmen ausblenden. */
@media(max-width:700px){.thema-wahl .thema-mini.spiegelung{display:none}}

/* Neues Teamfoto im Titelbereich. */
.header-neuaufbau .hero:after{background-image:url("assets/team-schatten-korrigiert.lossless.webp")}
@media(min-width:701px){.header-neuaufbau .hero:after{background-position:right 16cqw bottom}}
/* Tafelhintergrund im Bereich hinter den Haaren behutsam aufhellen. */
@media(min-width:701px){.header-neuaufbau .hero:before{background-image:radial-gradient(ellipse 15% 20% at 80% 47%,rgba(255,255,255,.38),transparent 100%),url('assets/header-background-original.lossless.webp')}}
@media(max-width:700px){.header-neuaufbau .hero:before{background-image:radial-gradient(ellipse 30% 20% at 80% 65%,rgba(255,255,255,.20),transparent 100%),url('assets/header-background-original.lossless.webp')}}

/* Glasleuchten bei Bedienung der Haupt- und Kontaktbuttons. */
.portfolio-original.echtglas .glas-huelle,.kontakt-glas .glas-huelle{transition:box-shadow .4s ease,border-color .4s ease,background .4s ease}
.portfolio-original.echtglas:hover .glas-huelle,.portfolio-original.echtglas:focus-visible .glas-huelle,.kontakt-glas:hover .glas-huelle,.kontakt-glas:focus-visible .glas-huelle{border-color:rgba(255,255,255,.98);background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(255,255,255,.12) 22%,rgba(255,255,255,.06) 75%,rgba(255,255,255,.40));box-shadow:0 0 9px 2px rgba(255,255,255,.55),inset 0 2px 4px rgba(255,255,255,.65),inset 0 -2px 4px rgba(255,255,255,.46),0 3px 8px rgba(0,0,0,.28)}

/* Weiche Glaskante passend zum Pfeil im Footer. */
.glas-huelle{border-color:rgba(255,255,255,.30);box-shadow:0 0 2px rgba(255,255,255,.38),inset 0 2px 4px rgba(255,255,255,.38),inset 0 -2px 4px rgba(255,255,255,.24),0 3px 8px rgba(0,0,0,.20)}
.glas-huelle::after{content:"";position:absolute;inset:-1px;border:1px solid rgba(255,255,255,.55);border-radius:inherit;filter:blur(.8px);pointer-events:none;transition:opacity .4s ease;opacity:.7}
.portfolio-original.echtglas:hover .glas-huelle,.portfolio-original.echtglas:focus-visible .glas-huelle,.kontakt-glas:hover .glas-huelle,.kontakt-glas:focus-visible .glas-huelle{border-color:rgba(255,255,255,.30);box-shadow:0 0 7px 1px rgba(255,255,255,.45),inset 0 2px 5px rgba(255,255,255,.48),inset 0 -2px 5px rgba(255,255,255,.35),0 3px 8px rgba(0,0,0,.28)}
.portfolio-original.echtglas:hover .glas-huelle::after,.portfolio-original.echtglas:focus-visible .glas-huelle::after,.kontakt-glas:hover .glas-huelle::after,.kontakt-glas:focus-visible .glas-huelle::after{opacity:1}