/* Cheddar Gothic Rough: eigene Web-Lizenz des Studios (Adam Ladd / The Type Founders, Lizenz ALD-8X0S-BA9Y-B8N3), selbst gehostet.
   Miller Text und Milonguita kommen über das Adobe-Fonts-Projekt „Boxstudio Andres“ (Kit xqk8xrb). */
@font-face{font-family:"cheddar-gothic-rough";src:local("Cheddar Gothic Rough"),local("CheddarGothic-RoughRegular"),url(/schriften/CheddarGothic-RoughRegular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
/* Boxstudio Andres – Website. Gemeinsamer Rahmen und Startseite. */
*,*::before,*::after{box-sizing:border-box}
html{background:#fff;-webkit-text-size-adjust:100%}
body{margin:0;font-family:"miller-text",Georgia,"Times New Roman",serif;font-size:16px;line-height:1.65;letter-spacing:.02em;color:#000;overflow-x:hidden}
/* Umbrüche: Überschriften ausgewogen, Fließtext ohne einzelne Wörter in der letzten Zeile (Browser ohne Unterstützung ignorieren das) */
h1,h2,h3,.h-gross,.h-mittel,.seitentitel,.lead{text-wrap:balance}
p,li,label{text-wrap:pretty}
main{overflow-x:clip}
img{max-width:100%;height:auto;border:0}
a{color:#000;text-decoration:underline}
p{margin:.85em 0}
strong,b{font-weight:700}
.unsichtbar{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nur-mobil{display:none}

/* Rahmen */
.inhalt{position:relative;z-index:1;max-width:1500px;margin:0 auto;padding:0 50px}
.abschnitt{position:relative;background:#fff url("/bilder/2023/02/kachel-1.jpg") repeat 0 0}
/* Farbspritzer je Abschnitt, liegen hinter dem Inhalt */
.abschnitt::before,.frauen::before,.kopf-hinter::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;pointer-events:none}
.held::before{background-image:url("/bilder/2023/03/boxstudio-andres-hamburg-hintergruende-03.svg");background-size:100% auto}
.alltag::before{background-image:url("/bilder/2023/03/boxstudio-andres-hamburg-hintergruende-02.svg");background-size:contain}
.angebote::before{background-image:url("/bilder/2023/03/boxstudio-andres-hamburg-hintergruende-07.svg");background-position:100% 0;background-size:20% auto}
.kontakt::before{background-image:url("/bilder/2023/03/boxstudio-andres-hamburg-hintergruende-01.svg");background-size:contain}
.frauen::before,.kopf-hinter::before{display:none}
.h-gross,.h-mittel{font-family:"cheddar-gothic-rough",Impact,"Arial Narrow",sans-serif;font-weight:400;line-height:1.1}
.h-gross{font-size:64px;letter-spacing:1px;margin:0 0 44px}
.h-mittel{font-size:40px;letter-spacing:.32px;margin:0 0 32px}
.schrift{font-family:"milonguita",cursive;font-size:48px;line-height:1.1;font-weight:400;margin:0}
.rahmen img{display:block;width:100%;outline:6px solid #fff;box-shadow:0 0 10px rgba(0,0,0,.5)}
.knopf{display:inline-block;min-width:139px;margin:3px 0;padding:15px 30px 18px;border:3px solid #000;background:transparent;color:#000;font:italic 14.4px/17.28px "miller-text",Georgia,serif;letter-spacing:.32px;text-transform:uppercase;text-decoration:underline;text-align:center;cursor:pointer;border-radius:0}
/* Beim Überfahren wie bisher: Knopf rückt 5 Pixel nach rechts, wird schwarz mit weißer Schrift, Buchstaben etwas weiter */
.knopf{transition:all .4s ease-in-out}
.knopf--senden{transition-duration:.3s}
a.knopf:hover,button.knopf:hover{margin-left:5px;background:#000;color:#fff;letter-spacing:.05em}
.knopfzeile{margin:0}
.knopfzeile--text{margin-top:23px}
.knopfzeile--liste{margin-top:39px}
.liste{margin:0 0 20px 7px;padding:0}
.liste li{margin-left:16px;padding:3px 0}
.held__text,.alltag__text,.grundlagen__text,.spalten4>div,.frauen__text,.kopf-hinter__text,.kontakt__text{min-width:0}

/* Kopf und Menü */
.kopf{position:fixed;top:0;left:0;right:0;height:50px;z-index:60;pointer-events:none}
.kopf__logo,.kopf__menue{pointer-events:auto}
.kopf__logo{position:absolute;left:max(50px,calc(50vw - 700px));top:4px;display:block;width:184px}
.kopf__logo img{display:block;width:100%;transition:filter .5s ease-in-out}
/* Logo beim Überfahren: rückt 5 Pixel nach rechts, die weiße Schrift wird grau (bisher per Farbwechsel im SVG, hier per Filter) */
.kopf__logo{transition:margin-left .5s ease-in-out}
.kopf__logo:hover{margin-left:5px}
.kopf__logo:hover img{filter:brightness(.5)}
.kopf__menue{position:absolute;right:max(50px,calc(50vw - 700px));top:0;width:48px;height:50px;padding:0;border:0;background:none;color:#000;cursor:pointer;transition:opacity .2s ease-in-out}
.kopf__menue:hover{opacity:.8;transition-duration:.4s}
/* 25.10.2026: Menü-Knopf bleibt auch über dunklen Fotos sichtbar (heller Schein um die Striche) */
.kopf__menue span{filter:drop-shadow(0 0 1.5px #fbfaf6) drop-shadow(0 0 3px #fbfaf6)}
html.menue-offen .kopf__menue span{filter:none}
.kopf__menue span,.kopf__menue span::before,.kopf__menue span::after{position:absolute;right:0;width:35px;height:3px;background:currentColor;content:"";transition:transform .25s,top .25s}
.kopf__menue span{top:24px}
.kopf__menue span::before{top:-10px}
.kopf__menue span::after{top:10px}
.menue{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s}
.menue__dunkel{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.3)}
.menue__tafel{position:absolute;top:0;right:0;bottom:0;width:350px;max-width:100%;background:#000;display:flex;flex-direction:column;justify-content:center;transform:translateX(100%);transition:transform .3s}
.menue__tafel ul{list-style:none;margin:0;padding:0}
.menue__tafel a{display:block;padding:15px 50px;color:#fff;line-height:1.3}
.menue__tafel a:hover{text-decoration:none}
html.menue-offen .menue{visibility:visible;opacity:1}
html.menue-offen .menue__tafel{transform:none}
html.menue-offen .kopf__menue{color:#fff}
html.menue-offen .kopf__menue span{background:transparent}
html.menue-offen .kopf__menue span::before{top:0;transform:rotate(45deg)}
html.menue-offen .kopf__menue span::after{top:0;transform:rotate(-45deg)}

/* Abschnitt 1: Einstieg */
.held__inhalt{display:flex;align-items:flex-start;padding-top:48px}
.held__text{flex:0 0 32.82%;margin-left:.77%;padding-top:120px}
.held .h-gross{margin-bottom:30px}
.held__h1{margin:0;font-size:16px;line-height:1.1;font-weight:700;letter-spacing:1px}
.held__zeichen{position:relative;height:157px;margin-top:25px}
.stoerer{position:absolute;left:-24px;top:0;display:block;width:128px;height:128px}
.stoerer img{display:block;width:128px;height:128px}
/* Bildlinks (WhatsApp, Instagram, Störer): beim Überfahren wird das Bild wie bisher blass; der Störer auf Angebote und Preise wächst dabei */
a[href^="https://wa.me/"] img,.fuss__insta img{transition:opacity .4s ease-in-out,transform .3s ease-in-out}
a[href^="https://wa.me/"]:hover img,.fuss__insta a:hover img{opacity:.3}
.fuss__insta a:hover img{transform:scale(1.1)}
.plankopf__stoerer img,.kurse__stoerer img,.preiskopf__stoerer img{transition:opacity .4s ease-in-out,transform .7s ease-in-out}
.plankopf__stoerer:hover img,.kurse__stoerer:hover img,.preiskopf__stoerer:hover img{transform:scale(1.1)}
.held__schrift{position:absolute;left:0;right:0;top:105px;text-align:right;transform:rotate(-20deg)}
.held__bild{flex:0 0 calc(56.68% + 100px);margin:20px -100px 2px 9.73%}
.held__bild img{display:block;width:100%}

/* Abschnitt 2: Alltag, Ticker, Grundlagen */
.alltag{padding-bottom:8px}
.alltag__oben{display:flex;align-items:flex-start;position:relative}
.alltag__text{flex:0 0 30.66%;margin-left:10.04%;padding:160px 0 0}
.alltag__text .h-gross{margin-bottom:34px}
.alltag__bild{flex:0 0 24.56%;margin:-162px 0 0 10.03%;position:relative;z-index:2}
.alltag__schrift{position:absolute;left:73.6%;width:29.34%;bottom:105px;text-align:right;transform:rotate(20deg)}
.ticker{overflow:hidden;height:40px;margin:102px 0 2px;white-space:nowrap}
.ticker__band{display:inline-flex}
.ticker__band a{margin:0 2px;padding:0 10px;border-right:1px solid #000;line-height:40px}
.ticker__band--laeuft{animation:ticker 80s linear infinite}
.ticker:hover .ticker__band{animation-play-state:paused}
@keyframes ticker{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker__band--laeuft{animation:none}}
/* Bewegung: Einblenden beim Scrollen, schwingender Sandsack, hereinfliegende Galeriebilder. Die Klassen rein, rein--los und mauer__bild--da setzt js/seite.js. */
.rein{opacity:0}
.rein--los{opacity:1}
@keyframes rein-auf{from{transform:scale(.7);opacity:.1}}
@keyframes rein-hoch{from{translate:0 var(--weg);opacity:0}}
@keyframes rein-links{from{translate:10% 0;opacity:0}}
@keyframes rein-punkt{from{transform:scale(.5);opacity:.1}}
@keyframes schwingen{0%,100%{transform:rotate(0deg)}10%,90%{transform:rotate(1deg)}20%,80%{transform:rotate(-2deg)}30%,70%{transform:rotate(3deg)}40%,60%{transform:rotate(-4deg)}50%{transform:rotate(5deg)}}
@keyframes mauer-rein{from{transform:translateZ(300px) translateY(200px) rotateX(-70deg);opacity:.1}to{transform:translateZ(0) translateY(0) rotateX(0deg);opacity:1}}
@media (prefers-reduced-motion:reduce){.plankopf__sandsack,.rein--los,.rein--los::before,.mauer__bild img{animation:none!important}}
@media print{.rein,.mauer--gesetzt .mauer__bild{opacity:1!important;visibility:visible!important}}
.grundlagen{display:flex;align-items:flex-start;margin-top:92px}
.grundlagen__bild{flex:0 0 67.72%;margin:-49px 0 0 calc(-4.48% - 60px)}
.grundlagen__bild img{display:block;width:100%}
.grundlagen__text{flex:0 0 20.46%;margin-left:calc(.39% + 60px)}
.grundlagen .h-gross{margin-bottom:30px}

/* Abschnitt 3: Angebote, Frauen, Ulf */
.angebote{padding:180px 0 50px}
.spalten4{display:flex;column-gap:6%}
.spalten4>div{flex:0 0 20.5%}
.mitte{margin:30px 0 0;text-align:center}
.frauen{display:flex;align-items:flex-start;margin-top:170px}
.frauen__text{flex:0 0 31.58%;margin-left:10.04%}
.frauen__bild{flex:0 0 60.85%;margin:25px 0 0 7.57%}
.frauen__knopf{display:inline-flex;flex-direction:column;align-items:center;max-width:100%} /* 22.10.: Schuhe mittig unter dem Knopf */
.frauen__pumps{display:block;width:264px;max-width:96.3%;margin-top:40px}
.kopf-hinter{display:flex;align-items:flex-start;margin-top:171px}
.kopf-hinter__bild{flex:0 0 58.84%;margin-left:-8.8%}
.kopf-hinter__text{flex:0 0 40%;margin-left:9.96%;padding-top:23px}

/* Abschnitt 4: Kontakt */
.kontakt{padding:110px 0 100px}
.kontakt__oben{display:flex;align-items:flex-start}
.kontakt__text{flex:0 0 36.37%;margin-left:10.04%;padding-top:120px}
.kontakt .h-gross{margin-bottom:43px}
.kontakt__wa img{width:34px;height:34px}
.kontakt__tel{margin-top:42px}
.kontakt__rechts{flex:0 0 57.6%;margin-left:6.02%}
.kontakt__bild img{display:block;width:700px;max-width:100%;margin-left:auto}
.kontakt__schrift{margin-top:100px;text-align:center;transform:rotate(20deg)}
.kontakt__ring{margin-top:-1px;text-align:center}
.kontakt__ring img{display:inline-block;vertical-align:top;width:29.34%;min-width:300px}
.formular{margin:93px 0 20px}
.formular p{margin:0;padding:8px 0}
.formular input,.formular textarea{display:block;width:100%;margin:0;padding:13px;border:0;border-bottom:3px solid #000;border-radius:0;background:transparent;color:#222;font:16px "miller-text",Georgia,serif;letter-spacing:.02em;-webkit-appearance:none;appearance:none}
.formular input{height:52px}
.formular textarea{height:197px;margin-bottom:7px;line-height:24px;resize:vertical}
.formular input::placeholder,.formular textarea::placeholder{color:#222;opacity:1}
.formular input:focus,.formular textarea:focus{outline:2px solid #000;outline-offset:2px}
.knopf--senden{display:block;min-width:142px;margin:0;padding:16px 20px 18px;line-height:21px}
.formular__hinweis{font-weight:700}

/* Fuß */
.fuss{padding:130px 0 220px;background:#fff url("/bilder/2023/03/boxstudio-andres-hamburg-hintergrund-footer-1.svg") repeat-x 0 100%;text-align:center}
.fuss__logo{display:block;width:509px;margin:0 auto}
.fuss__text{margin-top:-36px}
.fuss__text p:first-child{margin-top:0}
.fuss__insta img{display:block;width:50px;height:50px;margin:0 auto;padding:10px 0}
.fuss__links{margin-top:36px}

/* Handy und Tablet */
@media (max-width:989px){
.nur-desktop{display:none!important}
.nur-mobil{display:block}
.inhalt{padding:0 28px}
.held::before{background-image:url("/bilder/2023/03/boxstudio-andres-hamburg-hintergruende-02.svg");background-size:contain}
.alltag::before,.kontakt::before{display:none}
.frauen,.kopf-hinter{position:relative}
.frauen::before,.kopf-hinter::before{display:block;left:auto;bottom:auto;right:-28px;width:20vw;height:300px;background-image:url("/bilder/2023/03/boxstudio-andres-hamburg-hintergruende-07.svg");background-position:100% 0;background-size:100% auto}
.frauen::before{top:-79px}
.kopf-hinter::before{top:31px}
.kopf{height:80px}
.kopf__logo{left:28px;top:21px;width:140px}
.kopf__menue{right:28px;height:80px}
.kopf__menue span{top:39px}
.h-gross{font-size:40px;margin-bottom:25px}
.h-mittel{margin-bottom:23px}
.held__inhalt{display:block;padding-top:100px}
.held__text{margin:0;padding:0}
.held__zeichen{height:177px;margin-top:15px}
.held__schrift{top:104px}
.held__bild{margin:0 -28px}
.alltag{padding-bottom:27px}
.alltag__oben{flex-direction:column;align-items:stretch}
.alltag__bild{order:-1;flex:none;width:calc(100% - 44px);max-width:420px;margin:-69px auto 0}
.alltag__text{flex:none;margin:0;padding:70px 0 0}
.alltag__text .h-gross{margin-bottom:25px}
.alltag__schrift{display:none}
.ticker{margin-top:60px}
.grundlagen{display:block;margin-top:12px}
.grundlagen__bild{margin:0 -36px 0 -35px}
.grundlagen__text{margin:40px 0 0}
.grundlagen .h-gross{margin-bottom:11px}
.angebote{padding:100px 0 28px}
.spalten4{display:block}
.spalten4>div+div{margin-top:60px}
.mitte{margin-top:50px;text-align:left}
.frauen{flex-direction:column;align-items:stretch;margin-top:135px}
.frauen__bild{order:-1;flex:none;margin:0 -48px 0 -28px}
.frauen__text{flex:none;margin:60px 0 0}
.frauen__text .knopfzeile{margin-top:24px}
.frauen__pumps{width:240px;max-width:100%;margin:30px auto 0}
.kopf-hinter{display:block;margin-top:49px}
.kopf-hinter__bild{margin:0 -48px 0 -28px}
.kopf-hinter__text{margin:0;padding-top:40px}
.frauen__bild.rahmen img,.kopf-hinter__bild.rahmen img{outline:0;box-shadow:none}
.kontakt{padding:63px 0 20px}
.kontakt__oben{flex-direction:column;align-items:stretch}
.kontakt__rechts{display:contents}
.kontakt__bild{order:-1;margin:0 -47px 0 -48px}
.kontakt__bild img{width:100%}
.kontakt__text{flex:none;margin:0;padding-top:33px}
.kontakt .h-gross{margin-bottom:44px}
.kontakt__tel{margin-top:42px}
.kontakt__tel .nr{display:block;margin-bottom:.85em}
.kontakt__tel .trenner{display:none}
.kontakt__schrift{order:2;margin-top:120px}
.formular{padding:4px 0}
.formular p{padding:4px 0}
.kontakt__ring{margin-top:0}
.kontakt__ring img{width:300px;min-width:0}
.fuss{padding:130px 0 91px;background:#fff url("/bilder/2023/04/boxstudio-andres-hamburg-hintergruende-mobil-unten.svg") no-repeat 50% 100%/contain}
.fuss__logo{width:100%;max-width:509px}
.fuss__text{margin-top:34px}
}

/* Seite Preise */
.seitentitel{margin:0;font-size:16px;line-height:1.1;font-weight:700;letter-spacing:1px}
.preiskopf::before{background-image:url("/bilder/2023/03/boxstudio-andres-hamburg-hintergruende-03.svg");background-size:100% auto}
.preisliste::before{background-image:url("/bilder/2023/03/boxstudio-andres-hamburg-hintergruende-01.svg");background-size:contain}
.preiskopf{padding-top:108px}
.preiskopf .inhalt{display:flex;align-items:flex-start;justify-content:space-between;padding-left:70px}
.preiskopf__links{flex:0 0 29.33%;position:relative;left:-10px;padding-bottom:65px}
.preiskopf__stoerer{display:block;width:128px;height:128px;margin:96px auto 0}
.preiskopf__stoerer img{display:block;width:128px;height:128px}
.preiskopf .h-gross{margin:-14px 0 20px}
.preiskopf__stiefel{display:block;position:relative;left:-100px;width:359px;max-width:none;margin-top:19px;transform:scale(.8)}
.preiskopf .karte{flex:0 0 29.33%;align-self:flex-start}
@media (min-width:990px){.preiskopf .inhalt{display:grid;grid-template-columns:29.33% 29.33% 29.33%;justify-content:space-between;grid-template-rows:auto 1fr;align-items:stretch}.preiskopf__links{grid-row:1/span 2}.preiskopf .karte{align-self:stretch;grid-row:1}}
.karte{min-width:0;border:4px solid #0a0a0a;padding:10px;text-align:center;display:flex;flex-direction:column}
.karte .karte__kauf{margin-top:auto;padding-top:23px}
.karte .h-mittel{margin:60px 0 0}
.karte__bild{display:block;width:300px;margin:0 auto}
.karte--bild .h-mittel{margin-top:20px}
.karte__preis{font-family:"cheddar-gothic-rough",Impact,"Arial Narrow",sans-serif;font-size:28px;line-height:1.1;font-weight:400;letter-spacing:.32px;margin:13.6px 0 0}
.karte__preis--gross{font-size:40px}
.karte__kauf{margin-bottom:60px}
.karte--bild .karte__kauf{margin-bottom:16px}
.karte .knopf{min-width:90px;padding:12px 16px 18px;background:#000;color:#fff}
.karte--schwarz{background:#0a0a0a;color:#fff}
.karte--schwarz .h-mittel{margin-top:40px}
.karte--schwarz .karte__kauf{margin-bottom:40px;padding-top:38px}
.karte--schwarz .knopf{background:#fff;color:#000}
.preisliste{padding:60px 0}
.karten{display:flex;flex-wrap:wrap;align-items:stretch;gap:50px 6.05%}
.karten .karte{flex:0 0 29.3%}
.preisliste__h2{position:relative;left:-10px;margin:120px 0 60px}
.preisliste__fair{margin:-30px 0 50px;font-size:20px;font-weight:600}
.vertraege{display:flex;flex-wrap:wrap;align-items:stretch;gap:50px 1%}
.vertraege .karte{flex:0 0 32.66%}
.benefit{display:flex;align-items:flex-start;gap:0 1.16%;margin-top:50px}
.benefit .karte{flex:0 0 29.19%}
.benefit{justify-content:flex-end}
.benefit__schrift{flex:0 0 39.3%;margin-top:70px;text-align:center;transform:rotate(20deg)}
.preisliste__rose{display:block;width:20%;margin:51px auto 0}
@media (max-width:989px){
.preiskopf{padding-top:70px}
.preiskopf .inhalt{flex-direction:column;align-items:stretch;padding-left:28px}
.preiskopf__links{display:contents}
.preiskopf__stiefel{order:-3;align-self:flex-start;left:0;width:269px;margin:0 0 0 40px;transform:none}
.preiskopf .h-gross{order:-2;margin:21px 0 20px -10px}
.preiskopf .seitentitel{order:-1;margin-left:-10px}
.preiskopf .karte{flex:none;margin-top:20px}
.preiskopf__links+.karte{margin-top:73px}
.preiskopf__schrift{order:1;margin:80px 0 40px;text-align:center;transform:rotate(20deg)}
.preiskopf__stoerer{order:2;align-self:flex-start;margin:-24px 0 -4px -4px}
.preisliste{padding:110px 0 60px}
.karten,.vertraege,.benefit{display:block}
.karten .karte+.karte,.vertraege .karte+.karte,.benefit .karte+.karte{margin-top:20px}
.vertraege .karte:nth-child(4){margin-top:50px}
.benefit{margin-top:20px}
.preisliste__h2{margin:140px 0 30px}
.preisliste__fair{margin:-10px 0 30px;font-size:17px}
.preisliste__rose{width:65%;margin:62px auto 0}
}

/* Seite Angebote und Trainingsplan */
:root{--blau:#299bc8;--rosa:#e09796;--rot:#c44d4c;--hellblau:#93c9df;--hellgrau:#e4e4e4;--gruen:#53a47c;--gelb:#f9dba8}
.plankopf::before{background-image:url("/bilder/2023/03/boxstudio-andres-hamburg-hintergruende-03.svg");background-size:100% auto}
.plankopf{padding-bottom:28px}
.plankopf .inhalt{padding-left:70px}
.plankopf__text{position:relative;left:-10px;width:40%;padding-top:168px}
.plankopf .h-gross{margin-bottom:30px}
.plankopf__text p{margin-bottom:0}
.plankopf__pdf{display:block;width:127px;margin:-1px 0 0 -18px;mix-blend-mode:multiply}
.plankopf__pdf img{display:block;width:100%}
.plankopf__pdf.rein--los{transform-origin:70% 70%;animation:rein-auf .5s cubic-bezier(.175,.885,.32,1.275)}
.plankopf__sandsack{position:absolute;top:-1px;left:calc(70px + (100% - 120px) * .6);width:calc((100% - 120px) * .2);transform-origin:50% 1%;animation:schwingen 6s ease-in-out infinite}
.plankopf__stoerer{left:calc(70px + (100% - 120px) * .9 - 64px);top:24px}
.plan{padding:31px 0 50px}
.wochenplan{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:flex-start;mix-blend-mode:multiply}
.tag{flex:0 0 16%;min-width:0;--weg:calc(50% - 19.5px)}
.tag .h-mittel{margin:0 0 28px;text-align:center}
.tag.rein--los{animation:rein-hoch .8s cubic-bezier(.165,.84,.44,1)}
.kachel{display:block;width:100%;margin:5% 0 0;padding:0 5%;border:3px solid var(--f);border-radius:0;background:var(--f);color:#000;font:12.8px/21.12px "miller-text",Georgia,serif;letter-spacing:.32px;text-align:center;cursor:pointer;-webkit-appearance:none;appearance:none}
.kachel span,.kachel strong,.planfenster__karte span,.planfenster__karte strong{display:block}
.kachel .kachel__zeit{margin-top:10.88px}
.kachel strong{margin-bottom:10.88px}
/* 27.10.2026 (Annika): alle Kacheln gleich groß (vorher PT und Grundlagen höher) */
.wochenplan .kachel{display:flex;flex-direction:column;justify-content:center;min-height:92px}.wochenplan .kachel .kachel__zeit{margin-top:0}.wochenplan .kachel strong{margin-bottom:0}
.kachel--pt{--f:var(--hellgrau)}
.kachel--jugend{--f:var(--gruen)}
.kachel--strategie{--f:var(--blau)}
.kachel--frauen{--f:var(--rosa)}
.kachel--fitness{--f:var(--rot)}
.kachel--grundlagen{--f:var(--hellblau)}
.planfenster{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(11,11,11,.8)}
.planfenster__rahmen{position:relative;width:100%;max-width:800px;padding:20px}
.planfenster__karte{padding:0 5%;border:3px solid var(--f);background:var(--f);font-size:12.8px;line-height:21.12px;text-align:center}
.planfenster__karte div,.planfenster__karte p{margin:10.88px 0}
.planfenster__zu{position:absolute;top:10px;right:10px;width:44px;height:44px;padding:0;border:0;background:none;color:#333;font:28px/44px Arial,sans-serif;cursor:pointer}
.kurse::before{background-image:url("/bilder/2023/03/boxstudio-andres-hamburg-hintergruende-07.svg");background-position:100% 0;background-size:20% auto}
.kurse{padding:110px 0 182px}
.kurse__kopf{position:relative;height:243px;padding-top:21px}
.kurse__kopf .h-gross{width:50%;margin:0}
.kurse__stoerer{display:none}
.kurse__pumps{position:absolute;top:0;left:63.94%;width:20%}
.kurse__schrift{position:absolute;top:95px;left:79.61%;width:25.02%;text-align:right;transform:rotate(20deg)}
.kurse__schrift.rein--los{animation:rein-links .8s cubic-bezier(.175,.885,.32,1.275)}
.kurse__reihe{margin-top:50px}
.kurs{display:flow-root}
.kurs__titel::before{content:"";display:inline-block;width:8px;height:8px;margin:0 10px 1px 4px;border-radius:50%;background:var(--f)}
.kurs__titel.rein{opacity:1}
.kurs__titel.rein::before{opacity:.1;transform:scale(.5)}
.kurs__titel.rein--los::before{opacity:1;transform:none;animation:rein-punkt .7s cubic-bezier(.175,.885,.32,1.275)}
.kurs--strategie{--f:var(--blau)}
.kurs--frauen{--f:var(--rosa)}
.kurs--fitness{--f:var(--rot)}
.kurs--grundlagen{--f:var(--hellblau)}
.kurs--pt{--f:var(--hellgrau)}
.kurs--jugend{--f:var(--gruen)}
.kurs--sparring{--f:var(--gelb)}
.kurs--workshops{--f:#000}
.kurs__link{margin-top:16px}
@media (max-width:989px){
.plankopf{padding-bottom:0}
.plankopf .inhalt{display:flex;flex-direction:column;padding-left:28px}
.plankopf__sandsack{position:static;order:-1;align-self:flex-start;width:199px;margin:-18px 0 -9px 100px;transform-origin:calc(42.5vw - 100px) 19px}
.plankopf__text{width:auto;padding-top:0}
.plankopf__pdf{width:120px;margin:50px 0 0 99px}
.plankopf__pdf.rein--los{transform-origin:42% 81%}
.plan{padding:23px 0 50px}
.plan .inhalt{padding:0}
.tag{flex:0 0 44%;margin:20px 0;align-self:stretch;--weg:50%}
.tag:nth-child(-n+2){--weg:calc(50% - 70px)}
.tag .h-mittel{font-size:25px;margin-bottom:26px}
.kurse{padding:0 0 201px}
.kurse__kopf{display:flex;flex-direction:column;height:auto;padding-top:0}
.kurse__stoerer{display:block;position:static;order:-3;align-self:center;margin-top:26px}
.kurse__pumps{position:static;order:-2;width:75%;margin:-4px auto 0}
.kurse__schrift{position:static;order:-1;width:auto;margin:50px 0 40px}
.kurse__schrift.rein,.kurse__schrift.rein--los{opacity:1;animation:none}
.kurse__kopf .h-gross{width:auto;margin-top:71px}
.kurse__reihe{margin-top:30px}
.kurse__reihe+.kurse__reihe,.kurse .spalten4>div+div{margin-top:20px}
}

/* Seite Impressionen */
.bildkopf::before{background-image:url("/bilder/2023/03/boxstudio-andres-hamburg-hintergruende-03.svg");background-size:100% auto}
.bildkopf .inhalt{display:flex;align-items:center;padding-top:98px;padding-left:70px}
.bildkopf__herz{flex:0 0 19.93%;min-width:0;margin-left:18.44%}
.bildkopf__text{flex:0 0 35.56%;margin-left:3%;padding:20px 0 14px}
.bildkopf .h-gross{margin-bottom:30px}
.galerie::before{background-image:url("/bilder/2023/03/boxstudio-andres-hamburg-hintergruende-07.svg");background-position:100% 0;background-size:20% auto}
.galerie{padding:60px 0}
.mauer{--spalten:1;position:relative;z-index:1;width:calc(100% + 15px);padding:15px 0}
.mauer__bilder{columns:var(--spalten);column-gap:0}
.mauer__bild{margin:0;padding:0 15px 15px 0;break-inside:avoid}
.mauer__bild img{display:block}
.mauer--gesetzt .mauer__bilder{position:relative;columns:auto}
.mauer--gesetzt{overflow:hidden}
.mauer--gesetzt .mauer__bild{position:absolute;visibility:hidden;opacity:0;perspective:600px}
.mauer--gesetzt .mauer__bild--da{visibility:visible;opacity:1}
.mauer--gesetzt .mauer__bild img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.mauer--gesetzt .mauer__bild--da img{animation:mauer-rein .8s cubic-bezier(.175,.885,.32,1.075)}
.mauer__bild[hidden],.mauer__mehr[hidden]{display:none}
.mauer__mehr{display:block;width:calc(100% - 15px);margin:0;padding:20px;border:0;background:none;color:#000;font:600 13px/26.4px "miller-text",Georgia,serif;letter-spacing:1px;text-transform:uppercase;text-decoration:underline;text-align:center;cursor:pointer}
.mauer__mehr:hover{letter-spacing:0}
.mauer__mehr{transition:all .4s ease-in-out}
.mauer--gesetzt .mauer__mehr:not(.mauer__mehr--da){opacity:0;pointer-events:none}
@media (min-width:481px){.mauer{--spalten:2}}
@media (min-width:767px){.mauer{--spalten:3}}
@media (min-width:1341px){.mauer{--spalten:4}}
@media (min-width:1800px){.mauer{--spalten:6}}
@media (max-width:989px){
.bildkopf .inhalt{display:block;padding:80px calc(8.5px + 7.5%) 34px}
.bildkopf__herz{display:block;width:calc(100% - 90px);margin:0 0 1px 80px}
.bildkopf__text{margin:0;padding:0}
.bildkopf .h-gross{margin-bottom:10px}
}
@media (max-width:767px){.galerie{padding-top:0}}

/* Seite Über uns */
.ueber::before{background-image:url("/bilder/2023/03/boxstudio-andres-hamburg-hintergruende-03.svg");background-size:100% auto}
.ueber .inhalt{padding-left:70px}
.ueber__kopf{position:relative;top:-1px;display:flex;align-items:flex-end;margin-bottom:-1px}
.ueber__titel{position:relative;left:-10px;flex:0 0 40%;min-width:0;padding-bottom:60px}
.ueber__titel .seitentitel{margin-bottom:14px}
.ueber__titel .h-gross{margin:0}
.ueber__bild{position:relative;left:90px;flex:0 0 60%;min-width:0;filter:contrast(1.18) saturate(1.12) brightness(.96)}
.ueber__ziel{position:absolute;bottom:402.6px;left:calc(21.2% - 90px);width:73.5%;transform:rotate(-20deg)}
.ueber__ziel span{display:block}
.ueber__ziel span+span{margin-top:40.8px}
.ueber__wer{position:relative;left:70px;margin:64.6px 0 0}
.ueber__spalten{position:relative;left:70px;display:flex;align-items:flex-start;column-gap:6%;margin-top:18.2px;padding-bottom:13.6px}
.ueber__spalten p{flex:0 0 36.4%;min-width:0;margin:0}
.dagge::before{background-image:url("/bilder/2023/03/boxstudio-andres-hamburg-hintergruende-07.svg");background-position:100% 0;background-size:20% auto}
.dagge{padding:140px 0 70px}
.dagge .inhalt{display:flex;align-items:center}
.dagge__bild{position:relative;left:-10%;flex:0 0 49.5%;min-width:0;padding-right:15px}
.dagge__zitat{position:relative;left:-30px;flex:0 0 24.25%;min-width:0;margin-left:1%}
.dagge__zitat .h-gross{margin:0}
.dagge__zitat p{margin:13.6px 0}
.dagge__blume{flex:0 0 24.25%;min-width:0;margin-left:1%;padding:85px 0 0 15px}
.dagge__blume img{display:block;position:relative;left:90px;width:100%;transform:scale(.8);transition:transform .7s}
.dagge__blume img:hover{transform:scale(.88)}
.selbst::before{background-image:url("/bilder/2023/03/boxstudio-andres-hamburg-hintergruende-01.svg");background-size:contain}
.selbst{padding-bottom:60px}
.selbst .inhalt{padding-top:76.6px}
.selbst__schrift{position:absolute;top:-79px;left:50px;right:50px;transform:rotate(-20deg)}
.selbst__reihe{display:flex;align-items:flex-start}
p.selbst__text{position:relative;left:70px;flex:0 0 30.66%;min-width:0;margin:213.6px 0 13.6px}
.selbst__bild{position:relative;left:70px;flex:0 0 65.34%;min-width:0;margin-left:4%}
.selbst__reihe--hunde{position:relative;display:flow-root;margin-top:50px}
div.selbst__text{position:relative;left:70px;width:31.2%}
.selbst__text p{margin:13.6px 0}
.selbst__text .selbst__wa{margin-top:47.2px;padding-bottom:6.9px}
.selbst__hunde{position:absolute;top:-177.6px;left:calc(45.28% + 100px);width:calc(38.26% - 100px)}
.selbst__dackel{display:block;width:29.33%;margin:40px auto 0}
@media (max-width:989px){
.ueber::before,.dagge::before,.selbst::before{display:none}
.ueber .inhalt{padding-left:28px}
.ueber__kopf{top:0;flex-direction:column;align-items:stretch;margin:0}
.ueber__bild{order:-2;flex:none;width:100%}
.ueber__ziel{position:static;order:-1;width:auto;margin-top:-29px;font-size:30px}
.ueber__ziel span+span{margin-top:0}
.ueber__titel{flex:none;padding:70px 0 0}
.ueber__wer{left:-10px;margin-top:13.6px}
.ueber__spalten{left:-10px;display:block;margin-top:13.6px;padding-bottom:43.6px}
.ueber__spalten p+p{margin-top:37.1px}
.dagge{padding:0 0 30px}
.dagge .inhalt{display:block}
.dagge__zitat{left:0;margin:30px 0 0}
.dagge__zitat .h-gross br{display:none}
.dagge__blume{margin:-59px 0 0;padding:0 30px 0 15px}
.selbst{padding-bottom:81px}
.selbst .inhalt{display:flex;flex-direction:column;padding-top:1px}
.selbst__reihe{display:contents}
.selbst__bild{order:-4;flex:none;width:100%;margin:0}
.selbst__hunde{order:-3;position:relative;top:auto;left:0;width:74.9%;margin-top:-79px}
.selbst__schrift{order:-2;position:static;margin-top:61px;font-size:30px;text-align:right}
.selbst__reihe>.selbst__text{left:0;flex:none;width:auto;margin:0}
.selbst__reihe>p.selbst__text{margin:4.6px 0 0}
.selbst__text .selbst__wa{padding-bottom:0}
.selbst__dackel{width:100%;margin:62px 0 0}
}

/* Seite Kontakt */
.kontaktseite::before{background-image:url("/bilder/2023/03/boxstudio-andres-hamburg-hintergruende-03.svg");background-size:100% auto}
.kontaktseite .inhalt{display:flex;flex-wrap:wrap;align-items:flex-start;padding:48px 50px 186.9px 70px}
.kontaktseite__bild{display:block;flex:0 0 50%;min-width:0}
.kontaktseite__bild img{display:block;position:relative;left:-110px;width:calc(100% - 15px);margin-top:-94px}
.kontaktseite__text{flex:0 0 25%;min-width:0;padding-top:120px}
.kontaktseite__text .h-gross{margin-bottom:10px}
.kontaktseite__text .seitentitel{margin-bottom:47.6px}
.kontaktseite__text p{margin:13.6px 0}
.kontaktseite__text .kontaktseite__wa{padding-bottom:6.9px}
.kontaktseite__text .kontaktseite__tel{margin-top:42.2px}
.kontaktseite__ring{position:relative;left:5%;flex:0 0 20%;min-width:0;padding-top:220px}
.kontaktseite__ring img{display:block;width:100%;margin-bottom:70px}
.kontaktseite__ring .schrift{text-align:center;transform:rotate(20deg)}
.kontaktseite__ring .kontaktseite__zu{text-align:right;margin-top:45px}
.kontaktseite__karte{flex:0 0 40%;min-width:0;margin:-299px 0 0 50%}
.kontaktseite__karte img{display:block;width:100%;margin-bottom:25px;box-shadow:0 0 1px #000}
.kontaktseite__anfahrt{margin:22px 0 0}
.knopf--schwarz{min-width:90px;padding:12px 16px 18px;background:#000;color:#fff}
@media (max-width:989px){
.kontaktseite::before{display:none}
.kontaktseite .inhalt{flex-direction:column;flex-wrap:nowrap;align-items:stretch;padding:0 28px 140px}
.kontaktseite__bild{flex:none}
.kontaktseite__bild img{left:0;width:140%;max-width:none;margin:-72.6px 0 0 -20%}
.kontaktseite__text{flex:none;padding-top:66.6px}
.kontaktseite__text .kontaktseite__wa{padding-bottom:0}
.kontaktseite__text .kontaktseite__tel{margin-top:37.2px}
.kontaktseite__tel .nr{display:block;margin-bottom:40.5px}
.kontaktseite__karte{order:1;flex:none;margin:70px 0 0}
.kontaktseite__ring{order:2;flex:none;padding-top:76.9px}
}

/* Rechtsseiten: AGB, Datenschutz, Impressum, Widerrufsbelehrung, Hausordnung, Kündigen */
.recht{--sp1:19.6%;--abstand:.5%;--sp2:59.8%;--oben:80px;--bildoben:-74px;--a:10px;--b:50px}
.recht--weit{--sp1:15.2%;--abstand:6%;--sp2:57.6%;--oben:25px;--bildoben:30px;--a:25px;--b:25px}
.recht--impressum{--sp1:25%;--abstand:0%;--sp2:50%}
.recht::before{display:none}
.recht--impressum::before{display:block;background-image:url("/bilder/2023/03/boxstudio-andres-hamburg-hintergruende-03.svg");background-size:100% auto}
.recht .inhalt{display:flex;align-items:flex-start;padding-top:calc(118px + var(--oben));padding-bottom:calc(70px + var(--oben))}
.recht--impressum .inhalt{padding-left:70px}
.recht__bild{flex:0 0 calc(var(--sp1) - 15px);min-width:0;margin:var(--bildoben) 15px 0 0}
.recht--impressum .recht__bild{margin-right:0;margin-left:15px}
.recht__text{flex:0 0 var(--sp2);min-width:0;margin-left:var(--abstand)}
.luecke--a{height:var(--a)}
.luecke--b{height:var(--b)}
.luecke--20{height:20px}
.recht .h-gross{margin:0 0 10px}
.recht .seitentitel{margin:0 0 14px}
.recht__block h3{margin:0 0 8px;font:400 40px/1.1 "cheddar-gothic-rough",Impact,"Arial Narrow",sans-serif;letter-spacing:.32px}
.recht__block--klein h3{font-size:24px}
.recht__block p+h3{margin-top:1.5em}
.recht__block p{margin:13.6px 0}
.recht__block ul{margin:0 0 20px 7px;padding:0;list-style:disc outside}
.recht__block li{margin:0 0 0 16px;padding:3px 0}
.recht__block a{overflow-wrap:anywhere}
.kform{margin:0 0 20px;padding:11px 0}
.kform p{margin:0 0 22px}
.kform label{display:block;margin:0 0 7px;font-size:14.72px;line-height:26.4px;font-weight:700}
.kform abbr{text-decoration:none}
.kform input,.kform select,.kform textarea{display:block;width:100%;height:51px;margin:0;padding:13px;border:1px solid #ebebeb;border-radius:0;background-color:#f8f8f8;color:#969696;font:16px "miller-text",Georgia,serif;letter-spacing:normal;-webkit-appearance:none;appearance:none}
.kform textarea{height:196px;line-height:24px;resize:vertical}
.kform .kform__text{padding-bottom:6.9px}
.kform select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='13'%3E%3Cpath fill='%239b9b9b' d='M11 6l3-3.5L17 6zM11 8h6l-3 3.5z'/%3E%3Cpath stroke='%239b9b9b' stroke-opacity='.3' d='M.5 0v13'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:100% 50%}
.kform input:focus,.kform select:focus,.kform textarea:focus{outline:2px solid #000;outline-offset:2px}
.kform .kform__senden{margin-bottom:0}
.kform__knopf{display:block;margin:0;padding:16px 20px 18px;border:4px solid #000;border-radius:0;background:#000;color:#fff;font:italic 14.4px/21px "miller-text",Georgia,serif;letter-spacing:normal;text-transform:uppercase;text-decoration:underline;cursor:pointer}
.kform__knopf{transition:all .3s ease-in-out}
.kform__knopf:hover{margin-left:5px;letter-spacing:.05em}
.kform .formular__hinweis{margin:11px 0 0}
@media (max-width:989px){
.recht .inhalt{flex-direction:column;align-items:stretch;padding:calc(70px + var(--oben)) 7.5% calc(91px + var(--oben))}
.recht--impressum .inhalt{padding-right:calc(7.5% - 1.5px);padding-left:calc(18.5px + 7.5%)}
.recht__bild{flex:none;width:calc(100% - 15px);margin-bottom:20px}
.recht__text{flex:none;margin-left:0}
.kform p{margin-bottom:11px}
}
/* Kursplan aus der Verwaltung: Ausfälle und Hinweise */
.kachel--aus{background:repeating-linear-gradient(45deg,#fff,#fff 6px,#f2efe9 6px,#f2efe9 12px);border-style:dashed}
.kachel--aus strong{text-decoration:line-through}
.kachel .kachel__aus{display:block;margin:-6px 0 10px;color:#b7120f;font-size:12px;line-height:1.3}
.plan__zu{margin:5% 0 0;padding:10px;border:3px dashed #b7120f;color:#b7120f;text-align:center;font-size:13px}
/* 27.10.2026: „Diese Woche“ über dem regulären Plan – beide Pläne mit gleichem Rahmen */
.plan__woche{margin:0 0 44px}.plan__woche-titel{margin:0 0 10px}.plan__woche-text{margin:0 0 22px;font-weight:700;max-width:760px}.plan__woche h3 small{display:block;font-size:.6em;font-weight:400}.plan__regulaer{margin:0 0 22px}
.plan__rahmen{border:2px solid #141414;padding:22px 10px 10px;background:rgba(255,255,255,.35);mix-blend-mode:normal}
.plan__hinweise{margin:0 0 20px}.plan__hinweise p{margin:0 0 6px;padding:8px 12px;background:#fff;border-left:5px solid #b7120f}
a.kform__knopf{text-align:center;text-decoration:underline}
/* Vereinsseite */
.vkopf .inhalt{display:flex;align-items:flex-start;gap:6%;padding-top:40px;position:relative}
.vkopf__handschuhe{position:absolute;top:142px;left:58%;width:110px;max-width:9%;height:auto;transform:translateX(-50%)} /* 22.10.: Harrys Handschuhe oben bündig mit der Überschrift, mittig zwischen Schrift und Foto (Feinlage per Skript) */
.vkopf__text{flex:0 0 46%;min-width:0;padding:70px 0 40px}
.vkopf__text .seitentitel{margin-bottom:14px}
.vkopf__text .h-gross{margin:0 0 10px}
.vkopf__klein{margin:8px 0 0 4px;font-size:14px} /* 22.10.: direkt unter der Schreibschrift */
.vkopf__schrift{margin:70px 0 0;transform:rotate(-10deg);transform-origin:left center} /* 22.10.: Schreibschrift braucht Luft (Ober-/Unterlängen + Drehung), wie auf der Startseite */
.vkopf__bild{flex:0 0 34%;min-width:0}
.vkopf__mehr{margin-top:60px}
.vkopf__lead{margin:0 0 8px;font-size:16px;line-height:1.65;font-weight:700;letter-spacing:.02em}
.vkopf__mehr p{margin:0}
.vkopf__mehr p.vtraining__schrift{margin:80px 0 20px 20%}
.vtext{padding:120px 0 40px}
.vtext .inhalt{display:flex;gap:6%;align-items:flex-start}
.vtext .h-gross{flex:0 0 40%;margin:0}
.vtext p{flex:0 0 46%;margin:0}
.vreihe .kopf-hinter{margin-top:120px}
.vreihe .kopf-hinter__bild{flex:0 0 40%;margin-left:0}
.vreihe .kopf-hinter__text{flex:0 0 52%;margin-left:6%}
.vreihe .frauen{margin-top:140px}
.vbilder{padding:150px 0 40px}
.vbilder__reihe{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.vbilder__bild{margin:0}
.vbilder__bild img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:3/4}
.vmit{padding:120px 0 160px;text-align:center}
.vmit .inhalt{max-width:980px}
.vmit__kopf{display:flex;align-items:center;justify-content:center;gap:28px;margin-bottom:30px} /* 22.10.: Lorbeer links und rechts der Überschrift */
.vmit__kopf .h-gross{margin:0;flex:0 1 auto}
.vmit__lorbeer{flex:0 0 130px;width:130px;height:auto}
.vmit__schrift{transform:rotate(-8deg);margin:30px 0 70px}
.vmit__ende{margin-top:90px;transform:rotate(-8deg)}

.vtraining__schrift{margin:80px 0 30px 20%;font-size:40px;max-width:80%;transform:rotate(-7deg);transform-origin:left bottom}
@media (min-width:990px) and (max-width:1300px){.vreihe .kopf-hinter__text .h-gross{font-size:48px}.vtraining__schrift{margin-left:15%;font-size:34px}}
@media (max-width:989px){
.vkopf .inhalt{flex-direction:column;align-items:stretch;padding-top:20px}
.vkopf__text{padding:0 0 30px}
.vkopf__schrift{margin:60px 0 0}
.vkopf__mehr{margin-top:70px}
.vkopf__mehr p.vtraining__schrift{margin-left:15%}
.vkopf__bild{order:-1;margin:0 -28px 30px}
.vkopf__handschuhe{display:none}
.vtext{padding-top:70px}
.vtext .inhalt{display:block}
.vtext .h-gross{margin-bottom:25px}
.vreihe .kopf-hinter{margin-top:60px}
.vreihe .kopf-hinter__bild{margin:0 -28px}
.vreihe .kopf-hinter__text{margin-left:0}
.vtraining__schrift{margin-left:15%;font-size:30px;white-space:normal}
.vreihe .kopf-hinter__text .h-gross{font-size:34px}
.vbilder{padding-top:90px}
.vbilder__reihe{grid-template-columns:1fr}
.vmit{padding:80px 0 110px}
.vmit__kopf{gap:10px}.vmit__lorbeer{flex-basis:60px;width:60px}
}
/* Prüfung P1: Fußlinks am Handy ohne hängenden Trenner – „Mein Boxstudio“ in eigener Zeile */
@media (max-width:600px){.fuss__trenn{display:block;height:0;overflow:hidden}}
/* 22.10.2026 (Annika): Harrys hängende Handschuhe schwingen wie der Sandsack (eigene Eigenschaft „rotate“, stört keine anderen Bewegungen) */
@keyframes schwingen-h{0%,100%{rotate:0deg}10%,90%{rotate:1deg}20%,80%{rotate:-2deg}30%,70%{rotate:3deg}40%,60%{rotate:-4deg}50%{rotate:5deg}}
img[src*="harry-handschuhe"]{transform-origin:50% 6%;animation:schwingen-h 6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){img[src*="harry-handschuhe"]{animation:none}}
/* 23.10.2026 (Annika): kleine Blumenranke dezent in der Lücke unter Personal Training, Jugendliche, Sparring */
.kurse__reihe:has(.kurse__ranke){position:relative}
.kurse__ranke{position:absolute;left:calc(36.75% - 130px);bottom:20px;width:260px;height:auto}
@media (max-width:900px){.kurse__ranke{display:none}}
/* 23.10.2026 (Annika): Dackel auf Über uns etwas kleiner */
.selbst__dackel{width:20%}
@media (max-width:989px){.selbst__dackel{width:70%;margin:50px auto 0}}
/* 23.10.2026 (Tester): Punkt bei Personal Boxtraining war auf dem grauen Grund kaum zu sehen */
.kurs--pt .kurs__titel::before{box-shadow:0 0 0 1px #8a8a8a}
/* 23.10.2026 (Tester): Vereinsseite – keine weißen Streifen zwischen den Abschnitten und unter dem Kopf-Foto am Handy */
.vkopf,.vreihe,.vbilder,.vmit{display:flow-root}
/* 23.10.2026 (Tester): Schreibschrift auf der Vereinsseite überall gleich groß, der Zweizeiler ruhiger und besser lesbar */
.vkopf__schrift,.vtraining__schrift,.vkopf__mehr p.vtraining__schrift,.vmit__ende{font-size:42px}
.vmit__ende{line-height:1.3;transform:rotate(-5deg)}
@media (max-width:989px){
.vkopf__bild.rahmen img{outline:0;box-shadow:none}
.vkopf__schrift,.vtraining__schrift,.vkopf__mehr p.vtraining__schrift,.vmit__ende{font-size:32px}
.vmit__ende{margin-top:70px}
}