@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(../fonts/bricolage-grotesque-latin-ext-opsz-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(../fonts/bricolage-grotesque-latin-opsz-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(../fonts/dm-sans-latin-ext-400-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(../fonts/dm-sans-latin-400-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(../fonts/dm-sans-latin-ext-500-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(../fonts/dm-sans-latin-500-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(../fonts/dm-sans-latin-ext-700-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(../fonts/dm-sans-latin-700-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(../fonts/caveat-latin-ext-700-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(../fonts/caveat-latin-700-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* WordPress: Group-Blöcke bekommen in klassischen Themes einen inneren Container. Er darf das Layout nicht stören. */
body .mb-home .wp-block-group__inner-container{display:contents}
body .mb-home .wp-block-group__inner-container>*{margin-block-start:0}
body .mb-home .wp-block-group,body .mb-home.wp-block-group{margin-top:0;margin-bottom:0}
/* Theme-Abstände (z. B. Kadence .single-content p) zurücksetzen. Steht vor den Segment-Styles, damit diese gewinnen. */
body .mb-home.mb-home :where(p,figure,h1,h2,h3,h4,h5,h6,ul,ol,hr,address,pre,blockquote,table,details){margin-top:0;margin-bottom:0}
/* MOMNT.BOOTH – alle Regeln liegen unter body .mb-home, damit das Theme nicht dazwischenfunkt */
body .mb-home,body .mb-home *,body .mb-home *::before,body .mb-home *::after{box-sizing:content-box}
body .mb-home{box-sizing:border-box}
body .mb-home h1{font-size:2em}body .mb-home h2{font-size:1.5em}body .mb-home h3{font-size:1.17em}
body .mb-home h1,body .mb-home h2,body .mb-home h3{color:inherit;text-transform:none;padding:0;border:0;overflow-wrap:break-word}
body .mb-home img{max-width:100%;height:auto;border:0;box-shadow:none}
body .mb-home ul,body .mb-home ol{margin-block:0}
/* WordPress-Abstände zwischen Blöcken neutralisieren (spätere Regeln überschreiben das gezielt) */
body .mb-home .wp-block-group>*,body .mb-home .wp-block-group__inner-container>*,body .mb-home .wp-block-buttons>*,body .mb-home .wp-block-details>*{margin-block-start:0;margin-block-end:0}
body .mb-home figure{margin:0}
/* Theme-Pfeil "nach oben" (Kadence) ausblenden: Die Seite hat den eigenen Button "Jetzt anfragen" */
body.mb-home-page #kt-scroll-up,body.mb-home-page #kt-scroll-up-reader,body.mb-home-page .kadence-scroll-to-top,body.mb-home-page .scroll-up-wrap{display:none!important}

body .mb-home{margin:0;padding:0 14px;background:#E9E2D9;color:#1C1C1C;font-family:'DM Sans',sans-serif;font-size:19px;line-height:1.5;overflow-x:clip;box-sizing:border-box}
body .mb-home h1,body .mb-home h2,body .mb-home h3,body .mb-home .bg{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;letter-spacing:-.04em;line-height:.93;margin:0}
body .mb-home p{margin:0}
body .mb-home a{color:inherit}
body .mb-home .pn{border-radius:44px;margin:0 0 14px;padding:56px;position:relative;overflow:hidden}
body .mb-home .cr{border:2px solid #1C1C1C}
body .mb-home .cb{background:#465BFF;color:#E9E2D9}
body .mb-home .ik{background:#1C1C1C;color:#E9E2D9}
body .mb-home .pk{background:#F45B96;color:#1C1C1C}
body .mb-home .cb p{font-weight:700;font-size:22px}
body .mb-home .tag{display:inline-block;border:2px solid currentColor;border-radius:999px;padding:6px 16px;font-weight:700;font-size:14px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:36px}
body .mb-home .cb .tag{background:#E9E2D9;color:#1C1C1C;border-color:#E9E2D9}
body .mb-home .lg{position:relative;overflow:hidden;aspect-ratio:1599/1175;display:block}
body .mb-home .lg img{position:absolute;width:150.09%;max-width:none;left:-26.27%;top:-21.7%}
body .mb-home .nav{display:flex;align-items:center;justify-content:space-between}
body .mb-home .nav .lg{width:150px}
body .mb-home .mnav-btn,body .mb-home .mnav-panel{display:none}
body .mb-home .nav a.t{display:inline-block;padding:12px 12px;text-decoration:none;font-weight:500;font-size:16px}
body .mb-home .btn{display:inline-block;background:#1C1C1C;color:#E9E2D9;padding:18px 32px;border-radius:999px;font-weight:700;text-decoration:none;font-size:18px}
body .mb-home .ik .btn,body .mb-home .cb .btn{background:#E9E2D9;color:#1C1C1C}
body .mb-home .two{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
body .mb-home .fab{position:fixed;right:24px;bottom:24px;z-index:50;display:inline-block;background:#F45B96;color:#1C1C1C;border:3px solid #E9E2D9;border-radius:999px;padding:14px 28px;min-height:48px;box-sizing:border-box;font:700 19px 'DM Sans',sans-serif;text-decoration:none}
body .mb-home .hero{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center;margin-top:32px}
body .mb-home .hero h1{font-size:clamp(48px,7.6vw,124px)}
body .mb-home .ph{position:relative;transform:rotate(4deg);margin:0 28px 28px 0}
body .mb-home .ph:before{content:"";position:absolute;inset:28px -28px -28px 28px;background:#465BFF;border-radius:28px}
body .mb-home .ph img.alt{position:absolute;left:0;top:0;height:100%;opacity:0;animation:swap 14s ease-in-out infinite}
@keyframes swap{0%,40%{opacity:0}50%,90%{opacity:1}100%{opacity:0}}
body .mb-home .ph img{position:relative;display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:28px}
body .mb-home .fx{display:flex;gap:12px 18px;align-items:center;flex-wrap:wrap;border-top:2px solid #1C1C1C;margin-top:56px;padding-top:20px;font-weight:700;font-size:14px;letter-spacing:.1em;text-transform:uppercase}
body .mb-home .fx span+span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#465BFF;margin-right:18px;vertical-align:middle}
body .mb-home .mq{overflow:hidden;white-space:nowrap;padding:28px 0;font-size:clamp(36px,5vw,68px)}
body .mb-home .mq div{display:inline-block;animation:mq 30s linear infinite}
body .mb-home .mq span{display:inline-block;padding-right:.6em}
body .mb-home .mq i{display:inline-block;width:.35em;height:.35em;border-radius:50%;background:#F45B96;margin-left:.6em;vertical-align:middle}
@keyframes mq{
from{transform:translateX(0)}
to{transform:translateX(-50%)}
}
@keyframes sway{0%,100%{rotate:0deg;translate:0 0}50%{rotate:-2.5deg;translate:0 -10px}}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes rise{from{opacity:0;scale:.95;translate:0 60px}to{opacity:1;scale:1;translate:0 0}}
@keyframes rowin{from{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}
@keyframes slide{0%,18%{translate:0 -14px}42%,62%{translate:0 185px}86%,100%{translate:0 -14px}}
@keyframes pan{from{object-position:50% 25%}to{object-position:50% 75%}}
@keyframes hin{from{opacity:0;translate:0 34px;filter:blur(10px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
html{scroll-behavior:smooth}
body .mb-home .prog{position:fixed;left:0;top:0;right:0;height:4px;background:#465BFF;transform-origin:0 50%;transform:scaleX(0);z-index:60}
body .mb-home .hero .tag,body .mb-home .hero h1,body .mb-home .hero p,body .mb-home .hero .btn{animation:hin 1s cubic-bezier(.22,1,.36,1) both}
body .mb-home .hero .tag{animation-delay:.05s}
body .mb-home .hero h1{animation-delay:.18s}
body .mb-home .hero p{animation-delay:.34s}
body .mb-home .hero .btn{animation-delay:.48s}
body .mb-home .ph{animation:sway 7s ease-in-out infinite}
body .mb-home .fan .tc{animation:bob 5s ease-in-out infinite}
body .mb-home .fan .tc:nth-child(2){animation-delay:-1.7s}
body .mb-home .fan .tc:nth-child(3){animation-delay:-3.3s}
body .mb-home .btn,body .mb-home .fab{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}
body .mb-home .btn:hover,body .mb-home .fab:hover{transform:translateY(-3px) scale(1.04)}
body .mb-home .fab{box-shadow:0 10px 28px rgba(28,28,28,.22)}
body .mb-home .pc{transition:transform .4s cubic-bezier(.22,1,.36,1)}
body .mb-home .pc:hover{transform:translateY(-8px)}
@supports (animation-timeline:view()){
body .mb-home .pn:not(header){animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
body .mb-home .row{animation:rowin linear both;animation-timeline:view();animation-range:entry 0% entry 70%}
body .mb-home .strip img{animation:pan linear both;animation-timeline:view();animation-range:cover}
body .mb-home .prog{animation:grow linear both;animation-timeline:scroll(root)}
}
@keyframes rcl{0%,28%{background:#465BFF;border-color:#465BFF;color:#E9E2D9}36%,92%{background:rgba(233,226,217,0);border-color:#1C1C1C;color:#1C1C1C}100%{background:#465BFF;border-color:#465BFF;color:#E9E2D9}}
body .mb-home .rc{animation:rcl 12s cubic-bezier(.45,0,.2,1) infinite}
body .mb-home .rc:nth-child(1){--r:-1.5deg}
body .mb-home .rc:nth-child(2){--r:0deg;animation-delay:-8s}
body .mb-home .rc:nth-child(3){--r:1.5deg;animation-delay:-4s}
body .mb-home .rv:hover .rc{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){
body .mb-home .rc{animation:none!important}
body .mb-home .att .nm,body .mb-home .att .go span{animation:none}
body .mb-home details::details-content,body .mb-home summary::after{transition:none}
body .mb-home details[open]>p{animation:none}
body .mb-home .att .nm:first-child{opacity:1}
body .mb-home .ph img.alt{animation:none}
body .mb-home .stp{animation:none!important}
body .mb-home .mq div,body .mb-home .ph,body .mb-home .fan .tc,body .mb-home .pn,body .mb-home .row,body .mb-home .strip img,body .mb-home .hero .tag,body .mb-home .hero h1,body .mb-home .hero p,body .mb-home .hero .btn{animation:none}
body .mb-home .rc,body .mb-home .glam,body .mb-home .stk{transition:none}
body .mb-home .prog{display:none}
html{scroll-behavior:auto}
body .mb-home .mnav-btn,body .mb-home .mnav-btn span,body .mb-home .mnav-btn span:before,body .mb-home .mnav-btn span:after,body .mb-home .nav .mnav-panel,body .mb-home .nav .mnav-in,body .mb-home .nav .mnav-in a.t{transition:none!important}
body .mb-home .btn,body .mb-home .fab{transition:none}
}
body .mb-home .big{font-size:clamp(44px,7.4vw,118px);max-width:1150px}
body .mb-home .h2{font-size:clamp(40px,5.6vw,84px)}
body .mb-home .g4{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:64px}
body .mb-home .g4>div,body .mb-home .g4>.wp-block-group__inner-container>.wp-block-group{border-top:2px solid #1C1C1C;padding-top:20px}
body .mb-home .g4 .n{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:96px;line-height:1;color:#465BFF;margin-bottom:12px}
body .mb-home .g4 h3{font-size:40px;margin:0 0 10px}
body .mb-home .fan{position:relative;width:100%;aspect-ratio:1/1;max-width:600px;margin:0 auto}
body .mb-home .tc{position:absolute;width:47%;aspect-ratio:5/7;border:3px solid #E9E2D9;border-radius:1.4em;background:#E9E2D9;color:#1C1C1C;padding:.8em;display:flex;flex-direction:column;gap:.5em;box-sizing:border-box;font-size:clamp(10px,1.45vw,19px)}
body .mb-home .ar{flex:1;border-radius:.9em;display:flex;flex-direction:column;justify-content:space-between;padding:.8em}
body .mb-home .ar small{align-self:flex-start;background:#E9E2D9;color:#1C1C1C;border-radius:99px;padding:.15em .7em;font-weight:700;font-size:.8em}
body .mb-home .ar b{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:6.5em;line-height:.8;letter-spacing:-.05em}
body .mb-home .nm{display:flex;justify-content:space-between;align-items:flex-end;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.7em;letter-spacing:-.03em;line-height:1}
body .mb-home .nm em{font-family:'Caveat',cursive;font-style:normal;font-weight:700;font-size:1.3em;transform:rotate(-6deg)}
body .mb-home .sl{position:relative;width:min(300px,100%);height:440px;margin:0 auto;clip-path:inset(-300px -300px 0 -300px)}
body .mb-home .stp{position:absolute;left:50%;top:0;width:130px;margin-left:-65px;height:320px;background:#1C1C1C;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:8px;transform:rotate(-3deg);box-sizing:border-box}
body .mb-home .stp{animation:slide 9s cubic-bezier(.65,0,.35,1) infinite}
body .mb-home .stp i{flex:1;background:#E9E2D9;border-radius:4px;display:flex;align-items:center;justify-content:center;font:800 28px 'Bricolage Grotesque',sans-serif;color:#1C1C1C}
body .mb-home .pkt{position:absolute;left:0;right:0;bottom:0;height:62%;background:#E9E2D9;color:#1C1C1C;border:3px solid #1C1C1C;border-radius:22px;padding:24px;display:flex;align-items:flex-end;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:30px;line-height:.95;letter-spacing:-.03em;box-sizing:border-box}
body .mb-home .mg{display:flex;gap:18px;justify-content:center;margin-top:36px}
body .mb-home .mg i{width:88px;height:88px;border-radius:20px;background:#E9E2D9;border:3px solid #1C1C1C;position:relative;box-sizing:border-box}
body .mb-home .mg i:after{content:"";position:absolute;inset:10px;background:#1C1C1C;border-radius:9px}
body .mb-home .mg i:nth-child(1){transform:rotate(-7deg)}
body .mb-home .mg i:nth-child(3){transform:rotate(6deg)}
body .mb-home .rows{margin-top:64px}
body .mb-home .row{display:grid;grid-template-columns:90px 1fr 1.2fr;gap:32px;align-items:center;border-top:2px solid #1C1C1C;padding:32px 0}
body .mb-home .row .n{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;color:#465BFF;font-size:28px}
body .mb-home .row h3{font-size:clamp(40px,5.4vw,76px)}
body .mb-home .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
body .mb-home .chips span{border:2px solid #1C1C1C;border-radius:999px;padding:4px 14px;font-weight:700;font-size:15px}
body .mb-home .ik .chips span{border-color:#E9E2D9}
body .mb-home .ro{display:block;border-top:2px solid #1C1C1C;padding:28px 0}
body .mb-home .ro h3{font-size:clamp(56px,10vw,160px)}
body .mb-home .ro p{max-width:560px;margin-top:14px}
body .mb-home .motto{margin:16px 0 0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(28px,3.4vw,48px);line-height:1.05;letter-spacing:-.03em;max-width:none}
body .mb-home .portrait{display:block;width:100%;max-width:420px;aspect-ratio:4/5;object-fit:cover;object-position:50% 40%;border-radius:20px}
body .mb-home .slot{aspect-ratio:4/5;border:2px dashed currentColor;border-radius:20px;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;font-size:15px;font-weight:500;box-sizing:border-box}
body .mb-home details{border-top:2px solid #1C1C1C;padding:22px 0}
body .mb-home details:last-child{border-bottom:2px solid #1C1C1C}
body .mb-home summary{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:28px;letter-spacing:-.02em;cursor:pointer;min-height:44px}
body .mb-home details p{margin-top:12px;max-width:680px}
body .mb-home details{interpolate-size:allow-keywords}
body .mb-home details::details-content{block-size:0;overflow:hidden;transition:block-size .45s cubic-bezier(.22,1,.36,1),content-visibility .45s allow-discrete}
body .mb-home details[open]::details-content{block-size:auto}
body .mb-home details[open]>p{animation:faqin .45s cubic-bezier(.22,1,.36,1)}
@keyframes faqin{from{opacity:0;translate:0 -10px}}
body .mb-home summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none}
body .mb-home summary::-webkit-details-marker{display:none}
body .mb-home summary::after{content:"";flex:none;width:26px;height:26px;background:linear-gradient(currentColor,currentColor) center/100% 3px no-repeat,linear-gradient(currentColor,currentColor) center/3px 100% no-repeat;transition:transform .45s cubic-bezier(.22,1,.36,1)}
body .mb-home details[open]>summary::after{transform:rotate(135deg)}
body .mb-home .ft{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;font-size:15px;padding:28px 56px}
body .mb-home .ft a{margin-left:20px;text-decoration:none}
body .mb-home .ft a.ig{display:inline-flex;vertical-align:middle;position:relative;top:-1px}
body .mb-home .ft a.ig:hover{opacity:.7}
body .mb-home .idee{padding-right:clamp(56px,22vw,330px)}
body .mb-home .idee .big{font-size:clamp(40px,6vw,92px)}
body .mb-home .cut{position:absolute;right:5%;bottom:0;width:clamp(130px,17vw,240px)}
body .mb-home .pn.strip{padding:10px;display:grid;gap:10px}
body .mb-home .strip img{width:100%;height:100%;min-height:0;object-fit:cover;border-radius:34px;display:block}
body .mb-home .strip.a{grid-template-columns:1fr 1fr 1fr;height:clamp(520px,50vw,740px)}
body .mb-home .strip.b{grid-template-columns:1fr 1fr 1.4fr;height:clamp(520px,44vw,640px)}
body .mb-home .g4.t3{grid-template-columns:repeat(3,1fr)}
body .mb-home .pr{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:64px}
body .mb-home .pc{border:2px solid #1C1C1C;border-radius:32px;padding:36px;display:flex;flex-direction:column;gap:20px}
body .mb-home .pc h3{font-size:36px}
body .mb-home .pc .pp{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(64px,7vw,108px);line-height:.9;letter-spacing:-.04em}
body .mb-home .pc ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;font-size:18px;flex:1}
body .mb-home .pc li{border-top:1.5px solid currentColor;padding-top:10px}
body .mb-home .rv{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}
body .mb-home .rc{border:2px solid #1C1C1C;border-radius:32px;padding:32px;display:flex;flex-direction:column;gap:18px;transition:transform .4s cubic-bezier(.22,1,.36,1),rotate .4s cubic-bezier(.22,1,.36,1)}
body .mb-home .rc:nth-child(1){rotate:-1.5deg}
body .mb-home .rc:nth-child(2){background:#465BFF;border-color:#465BFF;color:#E9E2D9}
body .mb-home .rc:nth-child(3){rotate:1.5deg}
body .mb-home .rc:hover{rotate:0deg;transform:translateY(-8px)}
body .mb-home .rc .st{letter-spacing:.2em;font-size:18px}
body .mb-home .rc p{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(20px,1.7vw,25px);line-height:1.25;letter-spacing:-.01em;margin:0}
body .mb-home .rc .by{margin-top:auto;border-top:1.5px solid currentColor;padding-top:14px;font-size:15px;font-weight:700}
body .mb-home .glam{display:flex;flex-direction:column;gap:4px;max-width:420px;margin-top:32px;padding:16px 22px;background:#F45B96;color:#1C1C1C;border-radius:22px;rotate:-2deg;transition:rotate .4s cubic-bezier(.22,1,.36,1)}
body .mb-home .glam:hover{rotate:0deg}
body .mb-home .glam b{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:26px;letter-spacing:-.02em;line-height:1}
body .mb-home .glam span{font-weight:600;font-size:17px;line-height:1.3}
body .mb-home .att{position:relative;aspect-ratio:4/3;width:100%;max-width:560px;margin:0 auto;background:#465BFF;color:#E9E2D9;border:6px solid #1C1C1C;border-radius:36px;overflow:hidden;box-sizing:border-box}
body .mb-home .att .nm{position:absolute;inset:0 0 22% 0;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 24px;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(32px,4.6vw,60px);line-height:1;letter-spacing:-.03em;opacity:0;animation:attn 9s ease-in-out infinite}
body .mb-home .att .nm:nth-child(2){animation-delay:3s}
body .mb-home .att .nm:nth-child(3){animation-delay:6s}
@keyframes attn{0%{opacity:0;translate:0 26px}7%,30%{opacity:1;translate:0 0}37%,100%{opacity:0;translate:0 -26px}}
body .mb-home .att .go{position:absolute;left:0;right:0;bottom:8%;display:flex;justify-content:center}
body .mb-home .att .go span{background:#F45B96;color:#1C1C1C;font-weight:800;font-size:16px;border-radius:999px;padding:10px 24px;animation:tap 1.6s ease-in-out infinite}
@keyframes tap{50%{scale:1.08}}
body .mb-home .pc.b{background:#465BFF;color:#E9E2D9;border-color:#465BFF}
body .mb-home .pc.b li{font-weight:700;font-size:19px}
body .mb-home .pc .pp .ab{font-size:.3em;font-weight:600;letter-spacing:0;margin-right:.15em}
body .mb-home .pc li.no{opacity:.6}
body .mb-home .pc{position:relative}
body .mb-home .stk{position:absolute;top:-20px;right:22px;rotate:4deg;background:#F45B96;color:#1C1C1C;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:22px;letter-spacing:-.02em;line-height:1;padding:12px 18px;border-radius:16px;box-shadow:0 6px 16px rgba(28,28,28,.18);transition:rotate .4s cubic-bezier(.22,1,.36,1)}
body .mb-home .pc:hover .stk{rotate:-2deg}
body .mb-home .pills{display:flex;flex-wrap:wrap;gap:8px}
body .mb-home .pill.o{background:transparent;color:#E9E2D9;border:2px solid #E9E2D9;padding:4px 12px}
body .mb-home .zg{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}
body .mb-home .zus{display:flex;justify-content:space-between;align-items:center;gap:16px 24px;flex-wrap:wrap;padding:28px 36px;border:2px solid #1C1C1C;border-radius:32px}
body .mb-home .zus h3{font-size:30px}
body .mb-home .zus .pp.soon{font-size:clamp(24px,2.4vw,34px);letter-spacing:-.02em;color:#1C1C1C;opacity:.55}
body .mb-home .zus p{margin:8px 0 0;max-width:560px}
body .mb-home .zus .pp{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(44px,5vw,72px);line-height:.9;letter-spacing:-.04em;color:#465BFF}
body .mb-home .pill{align-self:flex-start;background:#F45B96;color:#1C1C1C;font-weight:800;font-size:14px;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:6px 14px}
body .mb-home .pc.i{background:#1C1C1C;color:#E9E2D9;border-color:#1C1C1C}
@media (max-width:860px){
body .mb-home .nav{flex-wrap:wrap}
body .mb-home .nav .btn{margin-left:auto}
body .mb-home .mnav-btn{display:block;position:relative;flex:none;width:48px;height:48px;box-sizing:border-box;margin:0 0 0 10px;padding:0;border:2px solid #1C1C1C;border-radius:50%;background:transparent;cursor:pointer;transition:background .3s ease}
body .mb-home .mnav-btn span,body .mb-home .mnav-btn span:before,body .mb-home .mnav-btn span:after{display:block;width:20px;height:2px;background:#1C1C1C;border-radius:2px;position:absolute;transition:transform .4s cubic-bezier(.22,1,.36,1),top .4s cubic-bezier(.22,1,.36,1),background .25s ease}
body .mb-home .mnav-btn span{left:50%;top:50%;margin:-1px 0 0 -10px}
body .mb-home .mnav-btn span:before{content:"";left:0;top:-7px}
body .mb-home .mnav-btn span:after{content:"";left:0;top:7px}
body .mb-home .mnav-btn[data-open="true"],body .mb-home .nav .mnav-t:checked+.mnav-btn{background:#465BFF;border-color:#465BFF}
body .mb-home .mnav-btn[data-open="true"] span,body .mb-home .nav .mnav-t:checked+.mnav-btn span{background:transparent}
body .mb-home .mnav-btn[data-open="true"] span:before,body .mb-home .nav .mnav-t:checked+.mnav-btn span:before{top:0;transform:rotate(45deg);background:#E9E2D9}
body .mb-home .mnav-btn[data-open="true"] span:after,body .mb-home .nav .mnav-t:checked+.mnav-btn span:after{top:0;transform:rotate(-45deg);background:#E9E2D9}
body .mb-home .nav .mnav-panel{display:grid;grid-template-rows:0fr;flex-basis:100%;order:5;margin-top:0;transition:grid-template-rows .5s cubic-bezier(.22,1,.36,1),margin-top .5s cubic-bezier(.22,1,.36,1)}
body .mb-home .nav .mnav-in{min-height:0;overflow:hidden;visibility:hidden;background:#1C1C1C;border-radius:28px;transition:visibility 0s linear .5s}
body .mb-home .nav .mnav-panel[data-open="true"],body .mb-home .nav .mnav-t:checked~.mnav-panel{grid-template-rows:1fr;margin-top:16px}
body .mb-home .nav .mnav-panel[data-open="true"] .mnav-in,body .mb-home .nav .mnav-t:checked~.mnav-panel .mnav-in{visibility:visible;transition-delay:0s}
body .mb-home .nav .mnav-in a.t{display:block;margin:0 10px;padding:16px 18px;border-radius:18px;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:28px;letter-spacing:-.03em;line-height:1;color:#E9E2D9;opacity:0;translate:0 14px;transition:opacity .3s ease,translate .5s cubic-bezier(.22,1,.36,1),background .2s ease}
body .mb-home .nav .mnav-in a.t:first-child{margin-top:10px}
body .mb-home .nav .mnav-in a.t:last-child{margin-bottom:10px}
body .mb-home .nav .mnav-in a.t+a.t{border-top:1px solid rgba(233,226,217,.22);border-radius:0 0 18px 18px}
body .mb-home .nav .mnav-panel[data-open="true"] a.t,body .mb-home .nav .mnav-t:checked~.mnav-panel a.t{opacity:1;translate:0 0}
body .mb-home .nav .mnav-panel[data-open="true"] a.t:nth-child(1),body .mb-home .nav .mnav-t:checked~.mnav-panel a.t:nth-child(1){transition-delay:.12s}
body .mb-home .nav .mnav-panel[data-open="true"] a.t:nth-child(2),body .mb-home .nav .mnav-t:checked~.mnav-panel a.t:nth-child(2){transition-delay:.17s}
body .mb-home .nav .mnav-panel[data-open="true"] a.t:nth-child(3),body .mb-home .nav .mnav-t:checked~.mnav-panel a.t:nth-child(3){transition-delay:.22s}
body .mb-home .nav .mnav-panel[data-open="true"] a.t:nth-child(4),body .mb-home .nav .mnav-t:checked~.mnav-panel a.t:nth-child(4){transition-delay:.27s}
body .mb-home .nav .mnav-panel[data-open="true"] a.t:nth-child(5),body .mb-home .nav .mnav-t:checked~.mnav-panel a.t:nth-child(5){transition-delay:.32s}
body .mb-home .nav .mnav-panel[data-open="true"] a.t:nth-child(6),body .mb-home .nav .mnav-t:checked~.mnav-panel a.t:nth-child(6){transition-delay:.37s}
body .mb-home .nav .mnav-panel[data-open="true"] a.t:nth-child(7),body .mb-home .nav .mnav-t:checked~.mnav-panel a.t:nth-child(7){transition-delay:.42s}
body .mb-home .nav .mnav-panel[data-open="true"] a.t:nth-child(n+8),body .mb-home .nav .mnav-t:checked~.mnav-panel a.t:nth-child(n+8){transition-delay:.47s}
body .mb-home .nav .mnav-in a.t:hover{background:#465BFF}
body .mb-home .tag .um{display:none}
body .mb-home .idee{padding-right:26px}
body .mb-home .cut{display:none}
body .mb-home .pn.strip{padding:8px;gap:8px;border-radius:30px}
body .mb-home .strip.a,body .mb-home .strip.b{grid-template-columns:1fr 1fr;height:auto}
body .mb-home .strip img{height:230px;border-radius:20px}
body .mb-home .strip img:first-child{grid-column:1/-1;height:250px}
body .mb-home .pn.strip.a,body .mb-home .pn.strip.b{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
body .mb-home .pn.strip.a::-webkit-scrollbar,body .mb-home .pn.strip.b::-webkit-scrollbar{display:none}
body .mb-home .pn.strip.a img,body .mb-home .pn.strip.a img:first-child,body .mb-home .pn.strip.b img,body .mb-home .pn.strip.b img:first-child{flex:0 0 76%;height:460px;scroll-snap-align:start}
body .mb-home .row{grid-template-columns:1fr;gap:12px}
body .mb-home .g4.t3,body .mb-home .pr,body .mb-home .rv,body .mb-home .zg{grid-template-columns:1fr}
body .mb-home .rc:nth-child(n){--r:0deg;rotate:0deg;translate:none}
body .mb-home .rc:hover{transform:none}
body .mb-home .rv{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:40px -26px 0;padding:0 26px 4px;scroll-padding:0 26px}
body .mb-home .rv::-webkit-scrollbar{display:none}
body .mb-home .rc{flex:0 0 82%;scroll-snap-align:start}
body .mb-home .pn{padding:36px 26px;border-radius:30px}
body .mb-home{padding:0 10px}
body .mb-home.mb-top{padding-top:10px}
body .mb-home .hero,body .mb-home .g4,body .mb-home .ro{grid-template-columns:1fr;gap:36px}
body .mb-home .two{grid-template-columns:1fr!important;gap:36px}
body .mb-home .nav .m{display:none}
body .mb-home .nav .lg{width:112px}
body .mb-home .fab{right:14px;bottom:14px;padding:12px 22px}
body .mb-home .tc{font-size:11px}
}


/* ---------- Editor-Blöcke: Hilfsklassen ---------- */
body .mb-home .mt20{margin-top:20px}body .mb-home .mt24{margin-top:24px}body .mb-home .mt28{margin-top:28px}body .mb-home .mt32{margin-top:32px}body .mb-home .mt36{margin-top:36px}body .mb-home .mt40{margin-top:40px}
body .mb-home .my28{margin:28px 0}
body .mb-home .lead{font-size:22px;max-width:620px}
body .mb-home .mw820{max-width:820px}body .mb-home .mw520{max-width:520px}body .mb-home .mw540{max-width:540px}body .mb-home .mw560{max-width:560px}
body .mb-home .cb p.soft,body .mb-home p.soft{font-weight:500;line-height:1.45}
body .mb-home .cb p.tag{font-size:14px;font-weight:700}
body .mb-home .undazu{font-weight:700;font-size:18px}
body .mb-home .cb p.undazu{font-size:18px}
body .mb-home .mb-blue{color:#465BFF}
body .mb-home .xl{font-size:clamp(44px,6.4vw,96px)}
body .mb-home .two.w82{grid-template-columns:.8fr 1.2fr}
body .mb-home .two.w73{grid-template-columns:.6fr 1.4fr}
body .mb-home .two.wlogo{grid-template-columns:.4fr 1.6fr;align-items:start}
body .mb-home .lead.bold{font-weight:700}
body .mb-home .pc .li.no{opacity:.6}
body .mb-home .pc .pp .ab{font-size:.3em;font-weight:600;letter-spacing:0;margin-right:.15em}
body .mb-home .pc p.stk{margin:0}
body .mb-home .pills p.pill{margin:0}
body .mb-home p.motto{margin:16px 0 0;max-width:none}
body .mb-home .zus p.pp{margin:0}
body .mb-home .zus .wp-block-group p:not(.pp){margin:8px 0 0}
body .mb-home .banner{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding-top:40px;padding-bottom:40px}
body .mb-home .banner h2{font-size:clamp(40px,6vw,88px)}
body .mb-home .banner p{font-weight:700;font-size:20px;max-width:300px}
body .mb-home .row.last,body .mb-home .ro.last{border-bottom:2px solid #1C1C1C}
body .mb-home .row p.n{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;color:#465BFF;font-size:28px}
body .mb-home .g4 p.n{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:96px;line-height:1;color:#465BFF;margin-bottom:12px}
body .mb-home .chips p{border:2px solid #1C1C1C;border-radius:999px;padding:4px 14px;font-weight:700;font-size:15px}
body .mb-home .ik .chips p{border-color:#E9E2D9}
body .mb-home .cb .chips p{font-size:15px}
body .mb-home .slot{max-width:420px}
body .mb-home .faqs{max-width:900px;margin-top:56px}
body .mb-home .pc .lis{display:flex;flex-direction:column;gap:10px;font-size:18px;flex:1}
body .mb-home .pc .li{border-top:1.5px solid currentColor;padding-top:10px}
body .mb-home .pc.b .li{font-weight:700;font-size:19px}
body .mb-home .pc .pp.small{font-size:clamp(40px,4.4vw,64px)}
body .mb-home .ft p{margin:0}
body .mb-home .ft a.ig{margin-left:20px}
body .mb-home .ft a{margin-left:20px;text-decoration:none}
/* Core-Buttons wie .btn */
body .mb-home .wp-block-buttons{display:block}
body .mb-home .wp-block-button{display:inline-block;margin:0}
body .mb-home .wp-block-button .wp-block-button__link{display:inline-block;background:#1C1C1C;color:#E9E2D9;padding:18px 32px;border-radius:999px;font-weight:700;text-decoration:none;font-size:18px;line-height:1.5;border:0;box-shadow:none;transition:transform .35s cubic-bezier(.22,1,.36,1)}
body .mb-home .ik .wp-block-button .wp-block-button__link,body .mb-home .cb .wp-block-button .wp-block-button__link,body .mb-home .wp-block-button.mb-cream .wp-block-button__link{background:#E9E2D9;color:#1C1C1C}
body .mb-home .wp-block-button .wp-block-button__link:hover,body .mb-home .wp-block-button .wp-block-button__link:focus{transform:translateY(-3px) scale(1.04);color:#E9E2D9}
body .mb-home .ik .wp-block-button .wp-block-button__link:hover,body .mb-home .cb .wp-block-button .wp-block-button__link:hover,body .mb-home .wp-block-button.mb-cream .wp-block-button__link:hover{color:#1C1C1C}
body .mb-home .pc .wp-block-buttons,body .mb-home .pc .wp-block-button,body .mb-home .pc .wp-block-button .wp-block-button__link{display:block;text-align:center}
/* Theme-Buttons (z. B. Matcha/Kadence: Inter Tight, Großbuchstaben, 100 % Breite) zurücksetzen */
body .mb-home .wp-block-button .wp-block-button__link{font-family:'DM Sans',sans-serif;font-style:normal;text-transform:none;letter-spacing:normal;width:auto;height:auto;box-sizing:border-box;border:0;min-width:0}
body .mb-home .pc .wp-block-button .wp-block-button__link{display:block;width:100%}
body .mb-home figure.wp-block-image{margin-top:0;margin-bottom:0}
/* Foto-Trenner mit Editor-Bildern */
body .mb-home .strip figure{margin:0;min-height:0;position:relative;overflow:hidden;border-radius:34px}
body .mb-home .strip figure img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;border-radius:0}
body .mb-home figure.cut img{display:block;width:100%}
@media (max-width:860px){
body .mb-home .strip figure{height:230px;border-radius:20px}
body .mb-home .strip figure:first-child{grid-column:1/-1;height:250px}
body .mb-home .strip figure img{height:100%}
body .mb-home .pn.strip.a figure,body .mb-home .pn.strip.a figure:first-child,body .mb-home .pn.strip.b figure,body .mb-home .pn.strip.b figure:first-child{flex:0 0 76%;height:460px;grid-column:auto;scroll-snap-align:start}
body .mb-home{padding-bottom:80px}
body .mb-home .two.w82,body .mb-home .two.w73,body .mb-home .two.wlogo{grid-template-columns:1fr}
body .mb-home .row.last,body .mb-home .ro.last{border-bottom-width:2px}
}

/* ---------- Mobiles Menü (Plugin-Variante mit Checkbox statt Button) ---------- */
body .mb-home .mnav-t{display:none}
body .mb-home .mnav-t:focus-visible+.mnav-btn{outline:3px solid #465BFF;outline-offset:3px}
@media (max-width:860px){
body .mb-home .nav .mnav-t{display:block;position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
body .mb-home .nav{position:relative}
}

/* ---------- Stimmen, Foto-Streifen, Platz unter dem Footer ---------- */
body .mb-home .mt0{margin-top:0}
body .mb-home .rc p.st{font-family:'DM Sans',sans-serif;font-weight:400;font-size:18px;letter-spacing:.2em;line-height:1.5}
body .mb-home .rc p.by{font-family:'DM Sans',sans-serif;font-weight:700;font-size:15px;letter-spacing:0;line-height:1.5;margin-top:auto;border-top:1.5px solid currentColor;padding-top:14px}
body .mb-home .strip.a figure:nth-child(1) img{object-position:50% 68%}
body .mb-home .strip.a figure:nth-child(2) img{object-position:50% 60%}
body .mb-home .strip.a figure:nth-child(3) img{object-position:50% 55%}
body .mb-home .strip.b figure:nth-child(1) img{object-position:50% 40%}
body .mb-home .strip.b figure:nth-child(2) img{object-position:55% 60%}
body .mb-home .strip.b figure:nth-child(3) img{object-position:60% 45%}
body .mb-home{padding-bottom:92px}
@media (max-width:860px){body .mb-home{padding-bottom:80px}}
body .mb-home figure.portrait{margin:0;width:100%;max-width:420px;aspect-ratio:4/5;overflow:hidden;border-radius:20px}
body .mb-home figure.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%}

/* Onepager-Modus: Buttons zu Unterseiten erst zeigen, wenn die Unterseiten freigeschaltet sind */
body .mb-home .mb-subpage{display:none}
body.mb-subpages.mb-home-page .mb-home .mb-subpage{display:block}

/* Hülle: Streifen mit zwei Fotos statt Zahlen */
body .mb-home .stp{height:252px}
body .mb-home .stp i{overflow:hidden;font:inherit;display:block;position:relative;min-height:0}
body .mb-home .stp i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;display:block;margin:0;max-width:none}
body .mb-home .stp i:nth-child(1) img{object-position:53% 50%}
body .mb-home .stp i:nth-child(2) img{object-position:50% 50%}

/* Formular: Turnstile und Hinweise */
body .mb-home .mbf .cf-turnstile{min-height:65px}
body .mb-home .mbf noscript p{margin:0;font-size:15px}

/* Logo oben links: ganz leichtes Schweben, beim Drüberfahren ein kleines Wackeln. Die Logo-Datei bleibt unverändert. */
@keyframes mbLogoFloat{0%,100%{transform:rotate(-1.6deg) scale(1)}50%{transform:rotate(1.6deg) scale(1.03)}}
@keyframes mbLogoWiggle{0%{transform:rotate(0) scale(1.05)}25%{transform:rotate(-5deg) scale(1.08)}60%{transform:rotate(4deg) scale(1.08)}100%{transform:rotate(0) scale(1.05)}}
body .mb-home .nav .lg{transform-origin:50% 55%;animation:mbLogoFloat 6s ease-in-out infinite}
body .mb-home .nav .lg:hover,body .mb-home .nav .lg:focus-visible{animation:mbLogoWiggle .6s ease-in-out 1}
@media (prefers-reduced-motion:reduce){body .mb-home .nav .lg{animation:none}}

/* Rechner: kompakter, damit ein Abschnitt öfter auf einen Bildschirm passt. Handy bleibt unverändert. */
@media (min-width:861px){
body .mb-home .pn{padding:44px}
body .mb-home .tag{margin-bottom:28px}
body .mb-home .h2{font-size:clamp(36px,4.4vw,66px)}
body .mb-home .xl{font-size:clamp(40px,5vw,76px)}
body .mb-home .big{font-size:clamp(40px,5.6vw,90px)}
body .mb-home .idee .big{font-size:clamp(36px,4.6vw,72px)}
body .mb-home .hero h1{font-size:clamp(48px,5.4vw,88px)}
body .mb-home .hero{margin-top:24px}
body .mb-home .ph img{aspect-ratio:4/5}
body .mb-home .nav .lg{width:128px}
body .mb-home .row h3{font-size:clamp(34px,4.2vw,60px)}
body .mb-home .ro h3{font-size:clamp(48px,7.2vw,112px)}
body .mb-home .pc .pp{font-size:clamp(56px,5.6vw,84px)}
body .mb-home .zus .pp{font-size:clamp(40px,4vw,58px)}
body .mb-home .g4 .n{font-size:72px}
body .mb-home .g4 h3{font-size:32px}
body .mb-home .g4,body .mb-home .pr,body .mb-home .rows{margin-top:44px}
body .mb-home .rv{margin-top:40px}
body .mb-home .mq{padding:20px 0;font-size:clamp(32px,4vw,54px)}
body .mb-home .lead{font-size:18px}
body .mb-home .mt32{margin-top:24px}
body .mb-home .mt40{margin-top:30px}
}

/* Menü am Rechner wie am Handy: Burger-Symbol und aufklappendes Panel */
@media (min-width:861px){
body .mb-home .nav{flex-wrap:wrap}
body .mb-home .nav .btn{margin-left:auto}
body .mb-home .mnav-btn{display:block;position:relative;flex:none;width:48px;height:48px;box-sizing:border-box;margin:0 0 0 10px;padding:0;border:2px solid #1C1C1C;border-radius:50%;background:transparent;cursor:pointer;transition:background .3s ease}
body .mb-home .mnav-btn span,body .mb-home .mnav-btn span:before,body .mb-home .mnav-btn span:after{display:block;width:20px;height:2px;background:#1C1C1C;border-radius:2px;position:absolute;transition:transform .4s cubic-bezier(.22,1,.36,1),top .4s cubic-bezier(.22,1,.36,1),background .25s ease}
body .mb-home .mnav-btn span{left:50%;top:50%;margin:-1px 0 0 -10px}
body .mb-home .mnav-btn span:before{content:"";left:0;top:-7px}
body .mb-home .mnav-btn span:after{content:"";left:0;top:7px}
body .mb-home .mnav-btn[data-open="true"],body .mb-home .nav .mnav-t:checked+.mnav-btn{background:#465BFF;border-color:#465BFF}
body .mb-home .mnav-btn[data-open="true"] span,body .mb-home .nav .mnav-t:checked+.mnav-btn span{background:transparent}
body .mb-home .mnav-btn[data-open="true"] span:before,body .mb-home .nav .mnav-t:checked+.mnav-btn span:before{top:0;transform:rotate(45deg);background:#E9E2D9}
body .mb-home .mnav-btn[data-open="true"] span:after,body .mb-home .nav .mnav-t:checked+.mnav-btn span:after{top:0;transform:rotate(-45deg);background:#E9E2D9}
body .mb-home .nav .mnav-panel{display:grid;grid-template-rows:0fr;flex-basis:100%;order:5;margin-top:0;transition:grid-template-rows .5s cubic-bezier(.22,1,.36,1),margin-top .5s cubic-bezier(.22,1,.36,1)}
body .mb-home .nav .mnav-in{min-height:0;overflow:hidden;visibility:hidden;background:#1C1C1C;border-radius:28px;transition:visibility 0s linear .5s}
body .mb-home .nav .mnav-panel[data-open="true"],body .mb-home .nav .mnav-t:checked~.mnav-panel{grid-template-rows:1fr;margin-top:16px}
body .mb-home .nav .mnav-panel[data-open="true"] .mnav-in,body .mb-home .nav .mnav-t:checked~.mnav-panel .mnav-in{visibility:visible;transition-delay:0s}
body .mb-home .nav .mnav-in a.t{display:block;margin:0 10px;padding:16px 18px;border-radius:18px;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:28px;letter-spacing:-.03em;line-height:1;color:#E9E2D9;opacity:0;translate:0 14px;transition:opacity .3s ease,translate .5s cubic-bezier(.22,1,.36,1),background .2s ease}
body .mb-home .nav .mnav-in a.t:first-child{margin-top:10px}
body .mb-home .nav .mnav-in a.t:last-child{margin-bottom:10px}
body .mb-home .nav .mnav-in a.t+a.t{border-top:1px solid rgba(233,226,217,.22);border-radius:0 0 18px 18px}
body .mb-home .nav .mnav-panel[data-open="true"] a.t,body .mb-home .nav .mnav-t:checked~.mnav-panel a.t{opacity:1;translate:0 0}
body .mb-home .nav .mnav-panel[data-open="true"] a.t:nth-child(1),body .mb-home .nav .mnav-t:checked~.mnav-panel a.t:nth-child(1){transition-delay:.12s}
body .mb-home .nav .mnav-panel[data-open="true"] a.t:nth-child(2),body .mb-home .nav .mnav-t:checked~.mnav-panel a.t:nth-child(2){transition-delay:.17s}
body .mb-home .nav .mnav-panel[data-open="true"] a.t:nth-child(3),body .mb-home .nav .mnav-t:checked~.mnav-panel a.t:nth-child(3){transition-delay:.22s}
body .mb-home .nav .mnav-panel[data-open="true"] a.t:nth-child(4),body .mb-home .nav .mnav-t:checked~.mnav-panel a.t:nth-child(4){transition-delay:.27s}
body .mb-home .nav .mnav-panel[data-open="true"] a.t:nth-child(5),body .mb-home .nav .mnav-t:checked~.mnav-panel a.t:nth-child(5){transition-delay:.32s}
body .mb-home .nav .mnav-panel[data-open="true"] a.t:nth-child(6),body .mb-home .nav .mnav-t:checked~.mnav-panel a.t:nth-child(6){transition-delay:.37s}
body .mb-home .nav .mnav-panel[data-open="true"] a.t:nth-child(7),body .mb-home .nav .mnav-t:checked~.mnav-panel a.t:nth-child(7){transition-delay:.42s}
body .mb-home .nav .mnav-panel[data-open="true"] a.t:nth-child(n+8),body .mb-home .nav .mnav-t:checked~.mnav-panel a.t:nth-child(n+8){transition-delay:.47s}
body .mb-home .nav .mnav-in a.t:hover{background:#465BFF}
body .mb-home .nav .m{display:none}
body .mb-home .nav{position:relative;z-index:40}
body .mb-home .nav .mnav-panel{position:absolute;right:0;top:calc(100% + 6px);width:min(440px,100%);flex-basis:auto;margin-top:0;z-index:40}
body .mb-home .nav .mnav-panel[data-open="true"],body .mb-home .nav .mnav-t:checked~.mnav-panel{margin-top:0}
body .mb-home .nav .mnav-in{box-shadow:0 18px 40px rgba(28,28,28,.18)}
body .mb-home .nav .mnav-in a.t{font-size:32px}
}

/* Trading Cards: optionales Foto statt Farbfläche (assets/img/ki-1.webp ... ki-3.webp) */
body .mb-home .tc .ar{position:relative;overflow:hidden}
body .mb-home .tc .ar .kph{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0;margin:0;display:block}
body .mb-home .tc .ar small,body .mb-home .tc .ar b{position:relative;z-index:1}
body .mb-home .tc .ar:has(.kph) b{align-self:flex-end;font-size:3.4em;color:#E9E2D9;text-shadow:0 2px 14px rgba(28,28,28,.55)}

/* Magnete mit Fotos */
body .mb-home .mg i img{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);max-width:none;object-fit:cover;border-radius:9px;display:block;margin:0}
body .mb-home .mg i:has(img):after{display:none}

/* Adrian-Foto: beim Drüberfahren (am Handy beim Antippen) kippt es, zoomt leicht und bekommt einen kobaltblauen Schatten */
@keyframes mbPortrait{0%{transform:rotate(0) scale(1)}35%{transform:rotate(-4.5deg) scale(1.05)}65%{transform:rotate(-1deg) scale(1.03)}100%{transform:rotate(-2.5deg) scale(1.04)}}
body .mb-home .two.w73 figure.portrait{transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1);cursor:pointer;-webkit-tap-highlight-color:transparent}
body .mb-home .two.w73 figure.portrait img{transition:transform 1.4s cubic-bezier(.22,1,.36,1),object-position 1.4s cubic-bezier(.22,1,.36,1)}
body .mb-home .two.w73 figure.portrait:hover{transform:rotate(-2.5deg) scale(1.04);box-shadow:12px 12px 0 #465BFF;animation:mbPortrait .8s cubic-bezier(.22,1,.36,1) 1}
body .mb-home .two.w73 figure.portrait:hover img{transform:scale(1.1);object-position:50% 30%}
@media (prefers-reduced-motion:reduce){
body .mb-home .two.w73 figure.portrait,body .mb-home .two.w73 figure.portrait img{transition:none}
body .mb-home .two.w73 figure.portrait:hover{animation:none;transform:none}
body .mb-home .two.w73 figure.portrait:hover img{transform:none}
}

/* Rechtliche Seiten (Impressum, Datenschutz) */
body .mb-home .legal .lh{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(24px,2.4vw,32px);line-height:1.1;letter-spacing:-.02em;margin:44px 0 0;text-transform:none}
body .mb-home .legal .lh:first-child{margin-top:0}
body .mb-home .legal .lh3{font-size:20px;font-weight:700;margin:28px 0 0}
body .mb-home .legal p,body .mb-home .legal li{font-size:17px;line-height:1.6;max-width:760px}
body .mb-home .legal p{margin:12px 0 0}
body .mb-home .legal ul{margin:12px 0 0;padding-left:1.3em;max-width:760px}
body .mb-home .legal li{margin:6px 0 0}
body .mb-home .legal a{text-decoration:underline;text-underline-offset:3px}

/* Handy: Foto mit Platz für den blauen Schatten, ohne den Rand der Fläche zu berühren */
@media (max-width:860px){
body .mb-home .two.w73 figure.portrait{width:calc(100% - 14px)}
body .mb-home .two.w73 figure.portrait:hover{transform:rotate(-1.5deg);box-shadow:8px 8px 0 #465BFF;animation:none}
body .mb-home .two.w73 figure.portrait:hover img{transform:scale(1.06)}
}

/* Handy: Stichwort-Zeile als Chips, damit nichts komisch umbricht */
@media (max-width:860px){
body .mb-home .fx{gap:10px;margin-top:40px;padding-top:24px}
body .mb-home .fx span{border:2px solid #1C1C1C;border-radius:999px;padding:6px 14px;font-size:13px;letter-spacing:.08em;line-height:1.3}
body .mb-home .fx span+span:before{display:none}
}

/* Fokus: Der Mausklick soll keinen Rahmen zeichnen (manche Themes setzen :focus), Tastatur-Fokus bleibt sichtbar */
body .mb-home *:focus:not(:focus-visible){outline:none}
body .mb-home summary:focus-visible,body .mb-home a:focus-visible,body .mb-home button:focus-visible,body .mb-home input:focus-visible,body .mb-home select:focus-visible,body .mb-home textarea:focus-visible{outline:3px solid #465BFF;outline-offset:3px}

/* Schmale Handys und große Systemschrift: lange Wörter in Überschriften nicht mitten im Wort brechen */
body .mb-home h1,body .mb-home h2,body .mb-home h3{hyphens:manual;-webkit-hyphens:manual}
body .mb-home p,body .mb-home li{-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:8 4 4}
@media (max-width:560px){
body .mb-home .ro h3{font-size:clamp(34px,13vw,60px)}
body .mb-home .legal .lh{font-size:clamp(20px,6.2vw,28px)}
}
@media (max-width:860px){
body .mb-home h1.lh1{font-size:clamp(32px,10vw,64px)}
}

/* Links und Buttons: Theme-Hover darf die Farben nicht überschreiben */
body .mb-home a:hover,body .mb-home a:focus{color:inherit}
body .mb-home a.btn:hover,body .mb-home a.btn:focus{color:#E9E2D9}
body .mb-home .ik a.btn:hover,body .mb-home .cb a.btn:hover,body .mb-home .ik a.btn:focus,body .mb-home .cb a.btn:focus{color:#1C1C1C}
body .mb-home a.fab:hover,body .mb-home a.fab:focus{color:#1C1C1C}
body .mb-home a.btn,body .mb-home a.fab,body .mb-home button.btn{box-shadow:none}
body .mb-home button.btn{border:0;cursor:pointer;font-family:'DM Sans',sans-serif;font-size:18px;font-weight:700;line-height:1.5;text-transform:none;letter-spacing:normal}
body .mb-home details summary{cursor:pointer}
body .mb-home.mb-top{padding-top:20px}
/* Seitenrand links und rechts: Themes setzen auf .alignfull oft padding:0 */
body .mb-home.mb-home{padding-left:20px;padding-right:20px}
@media (max-width:860px){body .mb-home.mb-home{padding-left:14px;padding-right:14px}body .mb-home.mb-top.mb-top{padding-top:14px}}
/* Anfrageformular */
body .mb-home .mbf{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px;max-width:640px}
body .mb-home .mbf .w{grid-column:1/-1}
body .mb-home .mbf label{display:block;font-weight:700;font-size:15px;margin-bottom:6px}
body .mb-home .mbf input[type=text],body .mb-home .mbf input[type=email],body .mb-home .mbf input[type=tel],body .mb-home .mbf input[type=date],body .mb-home .mbf select,body .mb-home .mbf textarea{width:100%;box-sizing:border-box;background:transparent;color:#1C1C1C;border:2px solid #1C1C1C;border-radius:18px;padding:14px 16px;font:500 18px/1.3 'DM Sans',sans-serif;box-shadow:none;margin:0}
body .mb-home .mbf textarea{min-height:140px;resize:vertical}
body .mb-home .mbf input:focus,body .mb-home .mbf select:focus,body .mb-home .mbf textarea:focus{outline:3px solid #465BFF;outline-offset:2px}
body .mb-home .mbf .ck{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.4}
body .mb-home .mbf .ck input{margin-top:3px;width:20px;height:20px;accent-color:#465BFF;flex:none}
body .mb-home .mbf .ck label{font-weight:500;font-size:15px;margin:0}
body .mb-home .mbf .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
body .mb-home .mbmsg{margin-top:28px;max-width:640px;border-radius:24px;padding:20px 24px;font-weight:700;font-size:19px}
body .mb-home .mbmsg.ok{background:#465BFF;color:#E9E2D9}
body .mb-home .mbmsg.err{background:#F45B96;color:#1C1C1C}
@media (max-width:860px){body .mb-home .mbf{grid-template-columns:1fr}}
/* Inline-Spaltenbreiten (Anfrage, Typ) dürfen am Handy nicht greifen */
@media (max-width:860px){body .mb-home .two{grid-template-columns:1fr!important}}
/* Vollbreit auf Seiten mit den Mustern; Theme-Kopf, -Titel und -Fuß ausblenden */
body.mb-home-page{overflow-x:clip}
body.mb-home-page .mb-home{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:0}
body.mb-home-page .entry-hero,body.mb-home-page .entry-header,body.mb-home-page .page-hero-section,body.mb-home-page .kadence-thumbnail{display:none}
body.mb-home-page .content-area{margin-top:0;margin-bottom:0}
body.mb-home-page .site-container,body.mb-home-page .content-container{max-width:none;padding-left:0;padding-right:0}
body.mb-home-page .entry-content-wrap,body.mb-home-page .entry.single-entry{padding:0;box-shadow:none;background:transparent}
body.mb-home-page .entry-content{margin:0}
body.mb-home-hide-chrome #masthead,body.mb-home-hide-chrome .site-header,body.mb-home-hide-chrome #colophon,body.mb-home-hide-chrome .site-footer{display:none}
/* Block-Themes (z. B. Twenty Twenty-Five): Kopf, Fuß und Seitentitel des Themes ausblenden, Abstände nullen */
body.mb-home-hide-chrome .wp-site-blocks>header,body.mb-home-hide-chrome .wp-site-blocks>footer,body.mb-home-hide-chrome .wp-site-blocks>.wp-block-template-part,body.mb-home-hide-chrome header.wp-block-template-part,body.mb-home-hide-chrome footer.wp-block-template-part{display:none!important}
body.mb-home-hide-chrome .wp-block-post-title,body.mb-home-hide-chrome .wp-block-post-featured-image,body.mb-home-hide-chrome .entry-header,body.mb-home-hide-chrome .page-header{display:none!important}
body.mb-home-hide-chrome .wp-site-blocks,body.mb-home-hide-chrome .wp-site-blocks>main,body.mb-home-hide-chrome main.wp-block-group,body.mb-home-hide-chrome .wp-block-post-content{margin-block-start:0!important;margin-block-end:0!important;padding-block-start:0!important;padding-block-end:0!important}
body.mb-home-hide-chrome .wp-block-post-content>.alignfull,body.mb-home-hide-chrome main>.alignfull{margin-block-start:0!important;margin-block-end:0!important}
body.mb-home-hide-chrome{margin:0}
body.mb-home-page,html:has(body.mb-home-page){background:#E9E2D9!important}
body.mb-home-hide-chrome .wp-site-blocks main>.wp-block-group:not([class*="mb-home"]),body.mb-home-hide-chrome .wp-site-blocks main>.wp-block-group:not([class*="mb-home"])>.wp-block-group:not([class*="mb-home"]){padding-block-start:0!important;padding-block-end:0!important;margin-block-start:0!important;margin-block-end:0!important}
body.mb-home-hide-chrome .wp-site-blocks{padding:0!important}