:root{--bb-mint:#c9f1e6;--bb-yellow:#fff25a;--bb-pink:#fbd2f8;--bb-paper:#f6faf9;--bb-ink:#000001;--bb-white:#fff;--bb-shell:1340px;--bb-gap:clamp(24px,4vw,70px);--bb-header:74px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bb-paper);color:var(--bb-ink);font-family:"Arial Narrow","Aptos Narrow","Helvetica Neue",Arial,sans-serif;font-size:18px;line-height:1.55;overflow-x:hidden}body.admin-bar .bb-site-header{top:32px}img{max-width:100%;height:auto;display:block}a{color:inherit}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{clip:auto;width:auto;height:auto;top:10px;left:10px;background:#fff;padding:10px;z-index:100000}.bb-shell{width:min(calc(100% - 48px),var(--bb-shell));margin-inline:auto}.bb-main{padding-top:var(--bb-header)}
.bb-site-header{position:fixed;top:0;left:0;right:0;height:var(--bb-header);z-index:9999;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.07)}.bb-header-inner{height:100%;display:flex;align-items:center;gap:32px}.bb-brand{font-size:clamp(26px,2.2vw,36px);font-weight:900;line-height:1;text-transform:uppercase;text-decoration:none;letter-spacing:-.025em}.bb-brand a{text-decoration:none}.bb-brand .custom-logo-link{display:block}.bb-brand .custom-logo{max-height:48px;width:auto}.bb-main-nav{margin-left:auto;display:flex;align-items:center;gap:26px}.bb-menu{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}.bb-menu a{text-transform:uppercase;text-decoration:none;font-weight:700}.bb-menu a:hover{text-decoration:underline;text-underline-offset:5px}.bb-socials{display:flex;gap:13px}.bb-socials a{display:block}.bb-socials img{width:23px;height:23px}.bb-menu-toggle{display:none;margin-left:auto;background:transparent;border:0;padding:8px;cursor:pointer}.bb-menu-toggle>span:not(.screen-reader-text){display:block;width:29px;height:3px;background:#000;margin:5px}
.bb-news{position:fixed;z-index:9900;left:0;top:calc(var(--bb-header) + 60px);display:flex;transform:translateX(calc(-100% + 54px));transition:transform .35s ease;max-width:min(920px,92vw)}.bb-news.is-open{transform:translateX(0)}.bb-news__panel{display:grid;grid-template-columns:minmax(160px,.6fr) 1.4fr;background:var(--bb-mint);min-width:min(830px,calc(92vw - 54px));box-shadow:0 10px 28px rgba(0,0,0,.12)}.bb-news__image img{width:100%;height:100%;object-fit:cover}.bb-news__text{padding:28px}.bb-news__text h3{margin-top:0}.bb-news__tab{width:54px;align-self:flex-start;border:0;background:var(--bb-mint);padding:14px 9px;cursor:pointer;writing-mode:vertical-rl;display:flex;align-items:center;gap:18px;font:inherit}.bb-news__tab:hover{background:var(--bb-yellow)}.bb-news__tab .bb-plus{font-size:32px;line-height:1;transition:transform .3s}.bb-news.is-open .bb-news__tab .bb-plus{transform:rotate(45deg)}
.bb-contact-tab{position:fixed;z-index:8000;left:0;top:390px;background:var(--bb-mint);padding:14px 10px;text-decoration:none;writing-mode:vertical-rl;display:flex;align-items:center;gap:12px}.bb-contact-tab:hover{background:var(--bb-yellow)}.bb-contact-tab img{width:48px;max-height:70px;object-fit:contain}
.bb-legacy-content{padding-top:clamp(55px,7vw,110px)}.bb-section,.bb-free{padding-block:clamp(48px,7vw,105px)}.bb-spacer--small{height:clamp(10px,2vw,30px)}.bb-spacer--large{height:clamp(60px,8vw,130px)}.bb-anchor{scroll-margin-top:100px}.weiss,.bb-white{background:#fff}.hellblau,.bb-mint{background:var(--bb-mint)}.gelb,.bb-yellow{background:var(--bb-yellow)}.transparent{background:transparent}
h1,h2,h3,h4,h5{font-weight:900;line-height:1.05;margin:0 0 .35em;text-wrap:balance}h1{font-size:clamp(54px,8vw,118px);text-transform:uppercase;letter-spacing:-.04em}h2{font-size:clamp(38px,4.8vw,68px);text-transform:uppercase;letter-spacing:-.025em}h3{font-size:clamp(26px,2.5vw,34px)}h4{font-size:clamp(20px,2vw,25px)}p{margin:0 0 1.15em}ul,ol{padding-left:1.25em}.bb-button,.wp-block-button__link{display:inline-block;margin-top:22px;background:var(--bb-mint);padding:13px 20px;text-decoration:none!important;text-transform:uppercase;font-weight:700;border:0;border-radius:0;transition:.18s ease}.bb-button:hover,.wp-block-button__link:hover{background:var(--bb-pink);transform:rotate(-2deg)}
.bb-hero{position:relative}.bb-hero__top{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(420px,1.2fr);align-items:end;min-height:610px;position:relative;background-image:url('../images/birgit-behnke-bremen-header-gruppe-hg-brosa.png'),url('../images/birgit-behnke-bremen-header-gruppe-hg-kreis.png');background-repeat:no-repeat;background-size:42%,54%;background-position:9% 24%,64% 13%}.bb-hero__headline{align-self:center;padding:40px 0 100px}.bb-hero__image{align-self:end}.bb-hero__image img{max-height:720px;object-fit:contain;object-position:center bottom}.bb-hero__intro{padding:clamp(34px,5vw,75px);position:relative;margin-top:-20px}.bb-hero__intro-title{text-align:center}.bb-hero__intro-text{columns:2;column-gap:55px;margin-top:30px}.bb-hero__intro-text p{break-inside:avoid}
.bb-hero2{padding-block:clamp(60px,7vw,100px)}.bb-hero2__headline{margin-bottom:25px}.bb-split{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.bb-split--reverse .bb-media{order:2}.bb-split--reverse .bb-copy{order:1}.bb-copy{padding:clamp(30px,5vw,76px)}.bb-media{min-height:360px}.bb-media img{width:100%;height:100%;object-fit:cover}.bb-media--blob{background:url('../images/birgit-behnke-keynote-speaker-gesundheit-darm-headervar2.png') no-repeat 20% 20%/75%;padding:60px}.bb-media--blob img,.bb-hero2__image img{border-radius:50%;object-fit:cover}.bb-split--hero2{grid-template-columns:.75fr 1.25fr}.bb-hero2__image{background:url('../images/birgit-behnke-keynote-speaker-gesundheit-darm-headervar2.png') no-repeat 8% 5%/72%;padding:50px 15% 20px}.bb-hero2__image img{width:75%;margin-left:auto}
.bb-free__inner{max-width:880px}.bb-free__body.columns-2,.bb-free__body.zweispaltig{columns:2;column-gap:55px}.bb-free__body>*{break-inside:avoid}.bb-video video{width:100%;max-height:720px;background:#000}.bb-video__buttons{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.bb-slider{position:relative}.bb-slider__viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.bb-slider__viewport::-webkit-scrollbar{display:none}.bb-slider__track{display:flex;gap:24px}.bb-slider__track--single .bb-slide{min-width:100%}.bb-slide{min-width:calc(50% - 12px);scroll-snap-align:start;background:#fff}.bb-slider.gelb .bb-slide,.bb-slider.gelb .bb-slide__copy{background:var(--bb-yellow)}.bb-slider.hellblau .bb-slide,.bb-slider.hellblau .bb-slide__copy{background:var(--bb-mint)}.bb-slide__image img{width:100%;aspect-ratio:4/3;object-fit:cover}.bb-slide__copy{padding:30px;text-align:center}.bb-slider__prev,.bb-slider__next{position:absolute;top:50%;transform:translateY(-50%);border:0;background:#fff;width:48px;height:64px;font-size:42px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.12)}.bb-slider__prev{left:max(4px,calc((100vw - var(--bb-shell))/2 - 58px))}.bb-slider__next{right:max(4px,calc((100vw - var(--bb-shell))/2 - 58px))}.bb-slide--testimonial{display:grid;grid-template-columns:.75fr 1.25fr;text-align:left}.bb-slide--testimonial .bb-slide__image img{height:100%;aspect-ratio:auto}.bb-slide--testimonial .bb-slide__copy{text-align:left;padding:clamp(30px,5vw,65px)}
.bb-klugschiss__headline{max-width:1000px}.bb-klugschiss--reverse .bb-klugschiss__headline{text-align:right;margin-left:auto}.bb-klugschiss__grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(20px,5vw,70px);min-height:520px}.bb-klugschiss--reverse .bb-klugschiss__image{order:2}.bb-klugschiss--reverse .bb-klugschiss__content{order:1}.bb-klugschiss__image img{max-height:540px;margin:auto;object-fit:contain}.bb-klugschiss__content{position:relative;min-height:360px;background:url('../images/birgit_behnke_klugschiss_kreis_rosafigur.png') no-repeat center/contain;display:flex;align-items:center;justify-content:center}.bb-klugschiss__trigger{position:relative;border:0;background:transparent;cursor:pointer;max-width:330px}.bb-klugschiss__trigger>img{width:180px;margin:auto}.bb-klugschiss__trigger .bb-plus{position:absolute;right:42px;top:55px;background:#fff;border-radius:50%;font-size:48px;line-height:42px;width:44px;height:44px;transition:transform .25s}.bb-klugschiss.is-open .bb-klugschiss__trigger{display:none}.bb-bubble{display:block;background:#fff;border-radius:12px;padding:12px 18px;margin-top:10px;font-weight:700}.bb-klugschiss__answer{max-width:420px;background:rgba(255,255,255,.9);padding:25px;border-radius:12px}.bb-klugschiss__answer p:last-child{margin-bottom:0}
.bb-contact input:not([type=submit]):not([type=checkbox]):not([type=radio]),.bb-contact textarea,.bb-contact select{width:100%;border:0;background:var(--bb-mint);padding:14px 16px;font:inherit}.bb-contact input[type=submit]{background:var(--bb-mint);border:0;padding:13px 20px;font:inherit;font-weight:700;text-transform:uppercase;cursor:pointer}.bb-contact input[type=submit]:hover{background:var(--bb-pink)}
.bb-block-content{width:min(calc(100% - 48px),var(--bb-shell));margin:0 auto;padding-block:clamp(60px,8vw,120px)}.bb-block-content>.alignwide,.bb-block-content>.wp-block-group.alignwide{max-width:var(--bb-shell);margin-inline:auto}.bb-pattern{margin-block:clamp(45px,7vw,100px)}.bb-info-box{padding:clamp(35px,5vw,72px)}.bb-klugschiss-block details{background:var(--bb-pink);padding:25px}.bb-klugschiss-block summary{cursor:pointer;font-weight:800}
.bb-site-footer{background:#fff;margin-top:clamp(90px,10vw,190px);padding:40px 0;box-shadow:0 -4px 14px rgba(0,0,0,.05)}.bb-footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px}.bb-footer-contact a,.bb-footer-legal a{text-decoration:none}.bb-footer-contact p{margin-top:8px}.bb-footer-legal{display:flex;flex-direction:column;gap:12px}.bb-archive,.bb-single{padding-block:80px}.bb-card{padding:28px 0;border-bottom:1px solid rgba(0,0,0,.15)}.bb-card h2{font-size:36px}.bb-legacy-warning{background:#fff3cd;border:1px solid #ffe69c;padding:12px 16px;margin-block:10px}

/* v0.5 – Legacy-Startseite wie das Original über die volle Browserbreite */
.bb-legacy-content > .bb-hero.bb-shell,
.bb-legacy-content > .bb-hero2.bb-shell,
.bb-legacy-content > .bb-video.bb-shell,
.bb-legacy-content .bb-section > .bb-shell,
.bb-legacy-content .bb-free > .bb-shell{width:100%;max-width:none;margin-inline:0}
.bb-legacy-content .bb-hero__top{padding-left:clamp(28px,6vw,110px)}
.bb-legacy-content .bb-hero2__headline{padding-inline:clamp(28px,6vw,110px)}
.bb-legacy-content .bb-free > .bb-shell,
.bb-legacy-content .bb-klugschiss > .bb-shell{padding-inline:clamp(28px,6vw,110px)}
.bb-legacy-content .bb-video.bb-shell{padding-inline:0}
.bb-legacy-content .bb-slider > .bb-shell{padding-inline:0}
.bb-legacy-content .bb-slider__prev{left:18px}
.bb-legacy-content .bb-slider__next{right:18px}
@media(max-width:900px){.bb-legacy-content .bb-hero__top{padding-inline:24px}.bb-legacy-content .bb-hero2__headline,.bb-legacy-content .bb-free > .bb-shell,.bb-legacy-content .bb-klugschiss > .bb-shell{padding-inline:24px}}

.bb-anim{--bb-anim-delay:0ms;--bb-anim-opacity-duration:.72s;--bb-anim-transform-duration:.78s;opacity:0;will-change:transform,opacity;transition:opacity var(--bb-anim-opacity-duration) cubic-bezier(.2,.7,.2,1) var(--bb-anim-delay),transform var(--bb-anim-transform-duration) cubic-bezier(.2,.7,.2,1) var(--bb-anim-delay)}
.bb-anim[data-bb-anim="slide-left"]{transform:translate3d(-64px,0,0)}
.bb-anim[data-bb-anim="slide-right"]{transform:translate3d(64px,0,0)}
.bb-anim[data-bb-anim="slide-bottom"]{transform:translate3d(0,58px,0)}
.bb-anim[data-bb-anim="fade-up"]{transform:translate3d(0,30px,0)}
.bb-anim[data-bb-anim="klug-pop"]{transform:translate3d(50px,-34px,0) scale(.82)}
.bb-klugschiss--reverse .bb-anim[data-bb-anim="klug-pop"]{transform:translate3d(-50px,-34px,0) scale(.82)}
.bb-anim.is-visible{opacity:1!important;transform:translate3d(0,0,0) scale(1)!important}
.bb-klugschiss__content{translate:0 var(--bb-parallax-y,0px);transition:translate .12s linear}
.bb-klugschiss__trigger{transition:transform .3s ease,filter .3s ease}.bb-klugschiss__trigger:hover{transform:rotate(4deg) scale(1.08)}
.bb-klugschiss__answer:not([hidden]){animation:bb-answer-in .42s cubic-bezier(.2,.7,.2,1) both}
@keyframes bb-answer-in{from{opacity:0;transform:translateX(70px) scale(.96)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bb-anim{opacity:1!important;transform:none!important;transition:none!important}.bb-klugschiss__content{translate:none!important}.bb-klugschiss__answer:not([hidden]){animation:none!important}}
@media(max-width:1100px){.bb-contact-tab{display:none}.bb-hero__top{grid-template-columns:1fr 1fr;min-height:520px}.bb-news{top:calc(var(--bb-header) + 30px)}.bb-slide{min-width:70%}}
@media(max-width:900px){body.admin-bar .bb-site-header{top:46px}.bb-menu-toggle{display:block}.bb-main-nav{position:fixed;right:-330px;top:var(--bb-header);width:min(330px,88vw);height:calc(100vh - var(--bb-header));background:var(--bb-mint);padding:35px;display:block;transition:right .28s ease;overflow:auto}.bb-main-nav.is-open{right:0}.bb-menu{display:block}.bb-menu li{margin:0 0 18px}.bb-socials{margin-top:30px}.bb-news__panel{grid-template-columns:1fr}.bb-news__image{display:none}.bb-hero__top{grid-template-columns:1fr;min-height:unset;background-size:60%,70%;background-position:5% 15%,70% 45%}.bb-hero__headline{padding:35px 0 10px}.bb-hero__image img{max-height:560px;margin:auto}.bb-hero__intro-text{columns:1}.bb-split,.bb-split--hero2{grid-template-columns:1fr}.bb-split--reverse .bb-media,.bb-split--reverse .bb-copy{order:initial}.bb-media{min-height:280px}.bb-hero2__image{min-height:430px}.bb-free__body.columns-2,.bb-free__body.zweispaltig{columns:1}.bb-slide--testimonial{grid-template-columns:1fr}.bb-klugschiss__grid{grid-template-columns:1fr}.bb-klugschiss--reverse .bb-klugschiss__image,.bb-klugschiss--reverse .bb-klugschiss__content{order:initial}.bb-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){:root{--bb-header:64px}.bb-shell{width:min(calc(100% - 32px),var(--bb-shell))}.bb-main{padding-top:var(--bb-header)}body{font-size:16px}.bb-brand{font-size:24px}.bb-news{top:calc(var(--bb-header) + 15px);max-width:calc(100vw - 10px)}.bb-news__panel{min-width:calc(100vw - 64px)}.bb-news__text{padding:20px}.bb-legacy-content{padding-top:48px}.bb-copy{padding:28px 24px}.bb-media--blob{padding:35px 25px}.bb-hero2__image{min-height:340px;padding:35px}.bb-slide{min-width:88%}.bb-slider__prev,.bb-slider__next{width:38px;height:50px;font-size:34px}.bb-footer-grid{grid-template-columns:1fr}.bb-free__inner{max-width:none}.bb-klugschiss__content{min-height:320px}}

/* v0.6 – Original-Geometrie: Full-Width-Fläche, zentrierte 1340px-Komposition */
.bb-legacy-content > .bb-hero.bb-shell{
  width:min(calc(100% - 40px),1340px);
  max-width:1340px;
  margin-inline:auto;
}
.bb-legacy-content .bb-hero__top{
  padding-left:0;
  padding-top:10px;
  min-height:690px;
  grid-template-columns:minmax(390px,470px) minmax(560px,760px);
  justify-content:center;
  align-items:end;
  background-size:cover,cover;
  background-position:80px 10%,80px 10%;
  background-repeat:no-repeat,no-repeat;
}
.bb-legacy-content .bb-hero__headline{
  position:relative;
  z-index:1;
  align-self:center;
  padding:10% 0 90px 54px;
}
.bb-legacy-content .bb-hero__headline h1{position:relative;z-index:1}
.bb-legacy-content .bb-hero__headline h1::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:-8px;
  top:9%;
  width:min(615px,115%);
  height:72%;
  background:url('../images/birgit-behnke-speaker-darm-ernaehrung-deko-gelb.svg') no-repeat left center/contain;
  pointer-events:none;
}
.bb-legacy-content .bb-hero__image{display:flex;align-items:flex-end;justify-content:flex-start;min-width:0}
.bb-legacy-content .bb-hero__image img{
  width:auto;
  max-width:90%;
  max-height:720px;
  object-fit:contain;
  object-position:left bottom;
}
.bb-legacy-content .bb-hero__intro{margin-inline:0}
@media(max-width:1199px){
  .bb-legacy-content .bb-hero__top{background-image:url('../images/birgit-behnke-bremen-header-gruppe-hg-brosa.png');background-size:cover;background-position:80px 10%}
}
@media(max-width:1160px){
  .bb-legacy-content .bb-hero__top{background-image:none;grid-template-columns:1fr 1fr;min-height:560px}
  .bb-legacy-content .bb-hero__headline{padding-left:24px}
}
@media(max-width:900px){
  .bb-legacy-content > .bb-hero.bb-shell{width:min(calc(100% - 32px),1340px)}
  .bb-legacy-content .bb-hero__top{grid-template-columns:1fr;min-height:unset;padding-inline:0}
  .bb-legacy-content .bb-hero__headline{padding:35px 0 10px 0}
  .bb-legacy-content .bb-hero__headline h1::after{width:min(560px,100%)}
  .bb-legacy-content .bb-hero__image{justify-content:center}
  .bb-legacy-content .bb-hero__image img{max-width:100%;max-height:560px;object-position:center bottom}
}


/* v0.7 – Hero-Portrait wie im Original: von unten hinter dem gelben Kasten hochfahren */
.bb-legacy-content .bb-hero__top{
  overflow:hidden;
}
.bb-legacy-content .bb-hero__intro{
  position:relative;
  z-index:3;
}
.bb-legacy-content .bb-hero-reveal{
  opacity:1;
  transform:translate3d(0,calc(100% + 24px),0);
  will-change:transform;
}
.bb-legacy-content .bb-hero-reveal.is-hero-visible{
  transform:translate3d(0,0,0);
  transition:transform var(--bb-hero-duration,2s) cubic-bezier(.16,.72,.23,1) var(--bb-hero-delay,.2s);
}
@media(prefers-reduced-motion:reduce){
  .bb-legacy-content .bb-hero-reveal{
    transform:none!important;
    transition:none!important;
  }
}


/* v0.8 – Newsbereich: eindeutig am linken Rand, Quelle sauber zugeordnet */
.bb-news{
  position:fixed;
  left:0;
  right:auto;
  top:var(--bb-news-top,150px);
  z-index:9900;
  display:flex;
  flex-direction:row;
  align-items:flex-start;
  width:min(1180px,92vw);
  max-width:92vw;
  transform:translate3d(calc(-100% + 66px),0,0);
  transition:transform .65s cubic-bezier(.22,.7,.24,1);
}
.bb-news.is-open{transform:translate3d(0,0,0)}
.bb-news__panel{
  flex:1 1 auto;
  min-width:0;
  width:calc(100% - 66px);
  display:grid;
  grid-template-columns:minmax(190px,28%) 1fr;
  background:var(--bb-mint);
  box-shadow:0 12px 34px rgba(0,0,0,.13);
  max-height:calc(100vh - var(--bb-news-top,150px) - 24px);
  overflow:auto;
}
.bb-news__tab{
  position:relative;
  flex:0 0 66px;
  width:66px;
  min-height:190px;
  margin:0;
  border:0;
  background:var(--bb-mint);
  padding:14px 10px 18px;
  cursor:pointer;
  writing-mode:vertical-lr;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:30px;
  font:inherit;
  box-shadow:6px 8px 18px rgba(0,0,0,.08);
}
.bb-news__tab strong{letter-spacing:.03em;font-size:20px}
.bb-news__tab .bb-plus{font-size:38px;line-height:1;transition:transform .5s ease}
.bb-news.is-open .bb-news__tab .bb-plus{transform:rotate(45deg)}
.bb-news__tab:hover{background:var(--bb-yellow)}
@media(max-width:900px){
  .bb-news{top:calc(var(--bb-header) + 18px);width:calc(100vw - 8px);max-width:calc(100vw - 8px);transform:translate3d(calc(-100% + 54px),0,0)}
  .bb-news__tab{flex-basis:54px;width:54px;min-height:165px;padding-inline:7px}
  .bb-news__tab strong{font-size:17px}
  .bb-news__panel{width:calc(100% - 54px);grid-template-columns:1fr}
  .bb-news__image{display:none}
}

/* v0.9 – NEWS ist ein einzelner Inhaltsbereich, kein Beitragsfeed. */
.bb-news{
  position:fixed;
  left:0;
  right:auto;
  top:var(--bb-news-top,150px);
  z-index:9900;
  display:flex;
  align-items:flex-start;
  width:min(1180px,92vw);
  max-width:92vw;
  transform:translate3d(calc(-100% + 76px),0,0);
  transition:transform .75s cubic-bezier(.22,.7,.24,1);
}
.bb-news.is-open{transform:translate3d(0,0,0)}
.bb-news__panel{
  order:1;
  flex:1 1 auto;
  width:calc(100% - 76px);
  min-width:0;
  display:grid;
  grid-template-columns:minmax(190px,28%) 1fr;
  background:var(--bb-mint);
  box-shadow:0 12px 34px rgba(0,0,0,.13);
  max-height:calc(100vh - var(--bb-news-top,150px) - 24px);
  overflow:auto;
}
.bb-news__tab{
  order:2;
  flex:0 0 76px;
  width:76px;
  min-height:172px;
  margin:0;
  border:0;
  background:var(--bb-mint);
  padding:12px 7px;
  cursor:pointer;
  writing-mode:horizontal-tb;
  display:grid;
  grid-template-columns:30px 1fr;
  align-items:start;
  justify-items:center;
  column-gap:4px;
  font:inherit;
  box-shadow:6px 8px 18px rgba(0,0,0,.08);
}
.bb-news__plus{
  display:block;
  font-size:36px;
  line-height:.9;
  font-weight:400;
  transition:transform .5s ease;
}
.bb-news__label{
  display:block;
  writing-mode:vertical-lr;
  font-size:20px;
  line-height:1;
  font-weight:800;
  letter-spacing:.03em;
  margin-top:4px;
}
.bb-news.is-open .bb-news__plus{transform:rotate(45deg)}
.bb-news__tab:hover{background:var(--bb-yellow)}
.bb-news__text{padding:28px 34px}
.bb-news__button-wrap{margin-top:20px}
@media(max-width:900px){
  .bb-news{top:calc(var(--bb-header) + 18px);width:calc(100vw - 8px);max-width:calc(100vw - 8px);transform:translate3d(calc(-100% + 62px),0,0)}
  .bb-news__tab{flex-basis:62px;width:62px;min-height:150px;grid-template-columns:25px 1fr;padding-inline:5px}
  .bb-news__plus{font-size:31px}
  .bb-news__label{font-size:17px}
  .bb-news__panel{width:calc(100% - 62px);grid-template-columns:1fr}
  .bb-news__image{display:none}
  .bb-news__text{padding:22px}
}

/* v1.2 – datierte News mit Timeline; Reiter standardmäßig rechts und frei positionierbar */
.bb-news{
  position:fixed!important;
  left:auto;
  right:auto;
  top:var(--bb-news-top,150px)!important;
  z-index:9900;
  width:min(1040px,94vw)!important;
  max-width:94vw!important;
  display:block!important;
  transform:none!important;
  pointer-events:none;
}
.bb-news--right{right:0!important;left:auto!important}
.bb-news--left{left:0!important;right:auto!important}
.bb-news__panel{
  position:relative;
  display:flex!important;
  flex-direction:column;
  width:calc(100% - 76px)!important;
  height:min(690px,calc(100vh - var(--bb-news-top,150px) - 22px));
  max-height:calc(100vh - var(--bb-news-top,150px) - 22px)!important;
  min-width:0!important;
  background:var(--bb-paper);
  box-shadow:0 16px 42px rgba(0,0,0,.18);
  overflow:hidden!important;
  pointer-events:auto;
  transition:transform .7s cubic-bezier(.22,.7,.24,1),opacity .35s ease;
  opacity:0;
}
.bb-news--right .bb-news__panel{margin-right:76px;transform:translate3d(calc(100% + 78px),0,0)}
.bb-news--left .bb-news__panel{margin-left:76px;transform:translate3d(calc(-100% - 78px),0,0)}
.bb-news.is-open .bb-news__panel{transform:translate3d(0,0,0)!important;opacity:1}
.bb-news__tab{
  position:absolute!important;
  top:0;
  z-index:3;
  width:76px!important;
  min-height:172px!important;
  margin:0!important;
  border:0;
  background:var(--bb-mint);
  padding:12px 7px!important;
  cursor:pointer;
  display:grid!important;
  grid-template-columns:30px 1fr!important;
  align-items:start;
  justify-items:center;
  column-gap:4px;
  font:inherit;
  pointer-events:auto;
  box-shadow:0 8px 20px rgba(0,0,0,.12)!important;
}
.bb-news--right .bb-news__tab{right:0;left:auto}
.bb-news--left .bb-news__tab{left:0;right:auto}
.bb-news__plus{display:block;font-size:36px;line-height:.9;font-weight:400;transition:transform .45s ease}
.bb-news__label{display:block;writing-mode:vertical-lr;font-size:20px;line-height:1;font-weight:800;letter-spacing:.04em;margin-top:4px}
.bb-news.is-open .bb-news__plus{transform:rotate(45deg)}
.bb-news__tab:hover{background:var(--bb-yellow)}
.bb-news__timeline{flex:0 0 auto;background:var(--bb-mint);border-bottom:1px solid rgba(31,53,58,.13);padding:14px 18px 12px;overflow:hidden}
.bb-news__timeline-track{display:flex;align-items:flex-start;gap:6px;overflow-x:auto;padding:3px 2px 8px;scrollbar-width:thin}
.bb-news__timeline-item{position:relative;flex:0 0 auto;border:0;background:transparent;padding:22px 11px 4px;font:700 12px/1.2 inherit;color:#43565a;cursor:pointer;white-space:nowrap}
.bb-news__timeline-item:before{content:"";position:absolute;left:0;right:0;top:8px;height:2px;background:rgba(40,62,67,.22)}
.bb-news__timeline-dot{position:absolute;z-index:2;top:3px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#fff;border:2px solid #53686c;transition:.2s}
.bb-news__timeline-item:hover .bb-news__timeline-dot,.bb-news__timeline-item.is-active .bb-news__timeline-dot{background:var(--bb-yellow);border-color:#111;transform:scale(1.18)}
.bb-news__timeline-item.is-active{color:#111}
.bb-news__scroll{flex:1 1 auto;min-height:0;overflow-y:auto;scroll-behavior:smooth;background:#fff;overscroll-behavior:contain}
.bb-news__item{display:grid;grid-template-columns:minmax(190px,32%) 1fr;min-height:310px;border-bottom:1px solid #dbe5e2;scroll-margin-top:16px}
.bb-news__item:last-child{border-bottom:0}
.bb-news__item--no-image{grid-template-columns:1fr}
.bb-news__image{min-height:260px;background:var(--bb-mint)}
.bb-news__image img{display:block;width:100%;height:100%;object-fit:cover}
.bb-news__text{padding:34px 40px!important}
.bb-news__date{display:inline-block;margin-bottom:8px;font-size:13px;font-weight:800;letter-spacing:.06em;color:#68797c}
.bb-news__text h2{margin:0 0 14px;font-size:clamp(24px,3vw,38px);line-height:1.05}
.bb-news__body>:first-child{margin-top:0}.bb-news__body>:last-child{margin-bottom:0}
.bb-news__button-wrap{margin-top:22px}
@media(max-width:900px){
  .bb-news{top:calc(var(--bb-header) + 18px)!important;width:calc(100vw - 8px)!important;max-width:calc(100vw - 8px)!important}
  .bb-news__panel{width:calc(100% - 62px)!important;height:calc(100vh - var(--bb-header) - 28px)}
  .bb-news--right .bb-news__panel{margin-right:62px;transform:translate3d(calc(100% + 64px),0,0)}
  .bb-news--left .bb-news__panel{margin-left:62px;transform:translate3d(calc(-100% - 64px),0,0)}
  .bb-news__tab{width:62px!important;min-height:150px!important;grid-template-columns:25px 1fr!important;padding-inline:5px!important}
  .bb-news__plus{font-size:31px}.bb-news__label{font-size:17px}
  .bb-news__timeline{padding-inline:10px}.bb-news__timeline-item{font-size:11px;padding-inline:8px}
  .bb-news__item{grid-template-columns:1fr;min-height:0}.bb-news__image{min-height:220px;max-height:280px}.bb-news__text{padding:24px!important}
}
@media(prefers-reduced-motion:reduce){.bb-news__panel{transition:none!important}.bb-news__scroll{scroll-behavior:auto}}


/* v1.4 – Text/Bild Variante 2 wieder nach Original-Geometrie */
.bb-legacy-content .bb-section--text-bild-var2 > .bb-shell{
  width:min(calc(100% - 40px),1340px)!important;
  max-width:1340px!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}
.bb-legacy-content .bb-section--text-bild-var2 .bb-split{
  grid-template-columns:1fr 1fr;
  overflow:visible;
}
.bb-legacy-content .bb-section--text-bild-var2 .bb-copy{
  padding:80px;
}
.bb-legacy-content .bb-section--text-bild-var2 .bb-copy h2{
  font-size:60px;
  line-height:1.15;
  text-transform:uppercase;
}
.bb-legacy-content .bb-section--text-bild-var2 .bb-media--blob{
  min-height:0;
  padding:0;
  margin-top:20px;
  overflow:visible;
  background-image:url('../images/birgit-behnke-keynote-speaker-gesundheit-darm-headervar2.png');
  background-size:77%;
  background-repeat:no-repeat;
  background-position:top left;
}
.bb-legacy-content .bb-section--text-bild-var2 .bb-media--blob img{
  width:70%;
  max-width:none;
  height:auto;
  min-height:0;
  margin-left:50%;
  margin-top:60px;
  border-radius:100%;
  object-fit:contain;
}
@media(max-width:959px){
  .bb-legacy-content .bb-section--text-bild-var2 .bb-copy{padding:60px}
  .bb-legacy-content .bb-section--text-bild-var2 .bb-media--blob{background-size:95%}
  .bb-legacy-content .bb-section--text-bild-var2 .bb-media--blob img{width:76%;margin-left:10vw}
}
@media(max-width:900px){
  .bb-legacy-content .bb-section--text-bild-var2 .bb-split{grid-template-columns:1fr}
  .bb-legacy-content .bb-section--text-bild-var2 .bb-split--reverse .bb-media,
  .bb-legacy-content .bb-section--text-bild-var2 .bb-split--reverse .bb-copy{order:initial}
}
@media(max-width:639px){
  .bb-legacy-content .bb-section--text-bild-var2 > .bb-shell{width:100%!important}
  .bb-legacy-content .bb-section--text-bild-var2 .bb-copy{padding:30px 30px 40px}
  .bb-legacy-content .bb-section--text-bild-var2 .bb-copy h2{font-size:50px}
  .bb-legacy-content .bb-section--text-bild-var2 .bb-media--blob{padding-bottom:10vw}
  .bb-legacy-content .bb-section--text-bild-var2 .bb-media--blob img{width:51%;margin-left:30vw}
}
@media(max-width:500px){
  .bb-legacy-content .bb-section--text-bild-var2 .bb-media--blob{padding-bottom:4vw}
}

/* v1.5 – optionale, responsive Bildsteuerung pro Redaktionsbereich.
   Ohne gesetzte Werte bleiben die bisherigen Modulregeln vollständig aktiv. */
[data-bb-image-custom="1"] .bb-media img,
[data-bb-image-custom="1"] .bb-hero__image img,
[data-bb-image-custom="1"] .bb-hero2__image img,
[data-bb-image-custom="1"] .bb-klugschiss__image img {
  width:var(--bb-img-width-d) !important;
  margin-left:var(--bb-img-ml-d) !important;
  margin-right:var(--bb-img-mr-d) !important;
  max-width:100%;
}
@media (max-width:900px){
  [data-bb-image-custom="1"] .bb-media img,
  [data-bb-image-custom="1"] .bb-hero__image img,
  [data-bb-image-custom="1"] .bb-hero2__image img,
  [data-bb-image-custom="1"] .bb-klugschiss__image img {
    width:var(--bb-img-width-t) !important;
    margin-left:var(--bb-img-ml-t) !important;
    margin-right:var(--bb-img-mr-t) !important;
  }
}
@media (max-width:640px){
  [data-bb-image-custom="1"] .bb-media img,
  [data-bb-image-custom="1"] .bb-hero__image img,
  [data-bb-image-custom="1"] .bb-hero2__image img,
  [data-bb-image-custom="1"] .bb-klugschiss__image img {
    width:var(--bb-img-width-m) !important;
    margin-left:var(--bb-img-ml-m) !important;
    margin-right:var(--bb-img-mr-m) !important;
  }
  [data-bb-mobile-order="image_first"] .bb-split .bb-media{order:1!important}
  [data-bb-mobile-order="image_first"] .bb-split .bb-copy{order:2!important}
  [data-bb-mobile-order="text_first"] .bb-split .bb-copy{order:1!important}
  [data-bb-mobile-order="text_first"] .bb-split .bb-media{order:2!important}
}

/* v1.6 – News-Chronik: sichtbare Überschrift + echte, anwählbare Zeitleiste */
.bb-news__panel{background:#fff!important}
.bb-news__head{
  flex:0 0 auto;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  padding:22px 28px 18px;
  background:#fff;
  border-bottom:1px solid rgba(31,53,58,.12);
}
.bb-news__eyebrow{display:block;margin-bottom:4px;font-size:11px;line-height:1;font-weight:800;letter-spacing:.16em;color:#65777a}
.bb-news__head h2{margin:0!important;font-size:clamp(27px,3vw,42px)!important;line-height:1!important;color:#111!important}
.bb-news__count{flex:0 0 auto;padding:7px 11px;border-radius:999px;background:var(--bb-mint);font-size:12px;font-weight:800;white-space:nowrap}
.bb-news__timeline{padding:12px 20px 10px!important;background:var(--bb-paper)!important;overflow:visible!important}
.bb-news__timeline-title{margin:0 0 7px 2px;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#687a7d}
.bb-news__timeline-track{display:flex!important;align-items:stretch!important;gap:0!important;overflow-x:auto!important;padding:0 2px 8px!important;scrollbar-width:thin;scroll-snap-type:x proximity}
.bb-news__timeline-item{
  position:relative!important;
  flex:0 0 148px!important;
  min-height:78px;
  border:0!important;
  background:transparent!important;
  padding:24px 10px 7px!important;
  color:#596b6e!important;
  text-align:center;
  cursor:pointer;
  scroll-snap-align:start;
}
.bb-news__timeline-item:before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:10px!important;height:2px!important;background:#cad7d4!important}
.bb-news__timeline-item:first-child:before{left:50%!important}
.bb-news__timeline-item:last-child:before{right:50%!important}
.bb-news__timeline-dot{position:absolute!important;z-index:2!important;top:4px!important;left:50%!important;width:14px!important;height:14px!important;margin-left:-7px!important;border-radius:50%!important;background:#fff!important;border:2px solid #607477!important;transition:.2s!important}
.bb-news__timeline-date{display:flex;justify-content:center;gap:5px;align-items:baseline;font-size:13px;line-height:1.1;white-space:nowrap}
.bb-news__timeline-date b{font-size:14px;color:#172124}.bb-news__timeline-date small{font-size:11px;color:#718286}
.bb-news__timeline-caption{display:block;margin-top:5px;font-size:10px;line-height:1.22;font-weight:700;color:#718286;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.bb-news__timeline-item:hover .bb-news__timeline-dot,.bb-news__timeline-item.is-active .bb-news__timeline-dot{background:var(--bb-yellow)!important;border-color:#111!important;transform:scale(1.16)}
.bb-news__timeline-item.is-active .bb-news__timeline-date b,.bb-news__timeline-item.is-active .bb-news__timeline-caption{color:#111!important}
.bb-news__timeline-item.is-active{background:rgba(201,241,230,.32)!important}
.bb-news__scroll{background:#fff!important}
.bb-news__text h2{display:block!important;visibility:visible!important;opacity:1!important;color:#111!important;font-size:clamp(27px,3vw,40px)!important;line-height:1.04!important;font-weight:800!important}
.bb-news__date{color:#5e7377!important}
@media(max-width:900px){
  .bb-news__head{padding:18px 20px 15px;align-items:center}.bb-news__head h2{font-size:28px!important}.bb-news__count{display:none}
  .bb-news__timeline{padding-inline:10px!important}.bb-news__timeline-item{flex-basis:122px!important;min-height:72px;padding-inline:7px!important}.bb-news__timeline-caption{font-size:9px}
}
@media(max-width:520px){
  .bb-news__head{padding:16px 16px 13px}.bb-news__eyebrow{font-size:10px}.bb-news__head h2{font-size:25px!important}
  .bb-news__timeline-item{flex-basis:108px!important}.bb-news__timeline-caption{display:none}.bb-news__timeline-item{min-height:52px!important}
}

/* v1.9 – globale Responsive-Automatik aus Behnke Redaktion → Mobil & Geräte */
@media (min-width:641px) and (max-width:900px){
  body.bb26-tablet-motion-reduced .bb-anim[data-bb-anim="slide-left"]{transform:translate3d(-26px,0,0)}
  body.bb26-tablet-motion-reduced .bb-anim[data-bb-anim="slide-right"]{transform:translate3d(26px,0,0)}
  body.bb26-tablet-motion-reduced .bb-anim[data-bb-anim="slide-bottom"],
  body.bb26-tablet-motion-reduced .bb-anim[data-bb-anim="fade-up"]{transform:translate3d(0,22px,0)}
  body.bb26-tablet-motion-reduced .bb-anim[data-bb-anim="klug-pop"]{transform:translate3d(18px,-12px,0) scale(.94)}
}
@media (max-width:640px){
  body.bb26-mobile-auto .bb-main .bb-shell{width:min(var(--bb-mobile-content-width,92vw),var(--bb-shell))}
  body.bb26-mobile-auto .bb-section--text-bild-var2>.bb-shell{width:min(var(--bb-mobile-content-width,92vw),var(--bb-shell))!important}
  body.bb26-mobile-auto .bb-split,
  body.bb26-mobile-auto .bb-split--hero2{grid-template-columns:1fr!important}
  body.bb26-mobile-auto [data-bb-layout="text_bild"] .bb-copy,
  body.bb26-mobile-auto [data-bb-layout="text_bild_var2"] .bb-copy{order:1!important}
  body.bb26-mobile-auto [data-bb-layout="text_bild"] .bb-media,
  body.bb26-mobile-auto [data-bb-layout="text_bild_var2"] .bb-media{order:2!important}
  body.bb26-mobile-auto [data-bb-layout="bild_text"] .bb-media{order:1!important}
  body.bb26-mobile-auto [data-bb-layout="bild_text"] .bb-copy{order:2!important}
  body.bb26-mobile-auto [data-bb-mobile-order="image_first"] .bb-split .bb-media{order:1!important}
  body.bb26-mobile-auto [data-bb-mobile-order="image_first"] .bb-split .bb-copy{order:2!important}
  body.bb26-mobile-auto [data-bb-mobile-order="text_first"] .bb-split .bb-copy{order:1!important}
  body.bb26-mobile-auto [data-bb-mobile-order="text_first"] .bb-split .bb-media{order:2!important}
  body.bb26-mobile-auto .bb-copy{padding:26px 20px}
  body.bb26-mobile-auto .bb-free__body.columns-2,
  body.bb26-mobile-auto .bb-free__body.zweispaltig,
  body.bb26-mobile-auto .bb-hero__intro-text{columns:1!important}
  body.bb26-mobile-auto .bb-video video{height:auto;max-height:none}
  body.bb26-mobile-auto .bb-slide{min-width:88%}
  body.bb26-mobile-auto .bb-slide--testimonial{grid-template-columns:1fr!important}
  body.bb26-mobile-auto .bb-klugschiss__grid{grid-template-columns:1fr!important;min-height:0}
  body.bb26-mobile-auto .bb-klugschiss__image img{max-height:none;width:min(100%,480px)}
  body.bb26-mobile-auto h1{font-size:clamp(44px,14vw,64px)}
  body.bb26-mobile-auto h2{font-size:clamp(34px,11vw,52px)}
  body.bb26-mobile-auto-spacing .bb-section,
  body.bb26-mobile-auto-spacing .bb-free{padding-block:34px}
  body.bb26-mobile-auto-spacing .bb-spacer--small{height:8px}
  body.bb26-mobile-auto-spacing .bb-spacer--large{height:38px}
  body.bb26-mobile-auto-spacing .bb-legacy-content{padding-top:34px}
  body.bb26-mobile-decor-reduced .bb-hero__top{background-size:38%,48%;background-position:4% 17%,74% 30%}
  body.bb26-mobile-decor-reduced .bb-media--blob,
  body.bb26-mobile-decor-reduced .bb-hero2__image{background-size:62%;background-position:center 12%}
  body.bb26-mobile-decor-reduced .bb-klugschiss__content{background-size:82%}
  body.bb26-mobile-motion-off .bb-anim,
  body.bb26-mobile-motion-off [data-bb-anim]{opacity:1!important;transform:none!important;transition:none!important;will-change:auto!important}
  body.bb26-mobile-motion-off .bb-hero-reveal,
  body.bb26-mobile-motion-off .bb-hero-reveal.is-hero-visible{transform:none!important;transition:none!important;will-change:auto!important}
  body.bb26-mobile-motion-off .bb-klugschiss__content{translate:none!important;transform:none!important}
}

/* v2.1 – Mobile Safety Layer
   Smartphone first: Inhalte müssen immer lesbar bleiben. Desktop-Feintuning darf
   niemals zu horizontalem Überlauf, übergroßen Hero-Bildern oder abgeschnittenen
   Überschriften führen. Diese Regeln gelten bewusst auch dann, wenn die optionale
   Mobile-Automatik im Redaktionsbereich deaktiviert ist. */
@media (max-width:640px){
  html,body{max-width:100%;overflow-x:hidden}
  .bb-main,.bb-legacy-content,.bb-section,.bb-free,.bb-shell{min-width:0;max-width:100%}

  /* Header kompakter, aber weiterhin klar lesbar. */
  .bb-header-inner{gap:12px}
  .bb-brand{font-size:clamp(22px,6.5vw,28px);white-space:nowrap;max-width:calc(100vw - 86px);overflow:hidden}
  .bb-menu-toggle{flex:0 0 auto}

  /* Hero auf Mobil: zuerst Information, dann Portrait. */
  .bb-legacy-content{padding-top:14px}
  .bb-legacy-content > .bb-hero.bb-shell{
    width:min(calc(100% - 28px),1340px)!important;
    max-width:100%!important;
  }
  .bb-legacy-content .bb-hero__top{
    grid-template-columns:minmax(0,1fr)!important;
    min-height:0!important;
    padding:0!important;
    background-image:none!important;
    overflow:hidden!important;
  }
  .bb-legacy-content .bb-hero__headline{
    padding:18px 0 14px!important;
    width:100%;
    max-width:100%;
    overflow:hidden;
  }
  .bb-legacy-content .bb-hero__headline h1,
  .bb-legacy-content .bb-hero__headline h2{
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere;
    word-break:normal;
    text-wrap:balance;
  }
  .bb-legacy-content .bb-hero__headline h1{
    font-size:clamp(38px,11vw,48px)!important;
    line-height:.94!important;
    letter-spacing:-.035em!important;
    margin-bottom:10px!important;
  }
  .bb-legacy-content .bb-hero__headline h2{
    font-size:clamp(29px,8.6vw,38px)!important;
    line-height:1!important;
    letter-spacing:-.025em!important;
  }
  /* Pinselstrich auf kleinen Displays dezent statt dominant. */
  .bb-legacy-content .bb-hero__headline h1::after{
    width:96%!important;
    height:64%!important;
    left:-2px!important;
    top:18%!important;
    opacity:.88;
  }
  .bb-legacy-content .bb-hero__image{
    width:100%;
    min-height:0!important;
    justify-content:center!important;
    overflow:hidden;
  }
  .bb-legacy-content .bb-hero__image img{
    width:min(84vw,390px)!important;
    max-width:100%!important;
    max-height:510px!important;
    height:auto!important;
    margin:0 auto!important;
    object-fit:contain!important;
    object-position:center bottom!important;
  }
  .bb-legacy-content .bb-hero__intro{
    margin-top:0!important;
    padding:32px 18px 34px!important;
    overflow:hidden;
  }
  .bb-legacy-content .bb-hero__intro-title,
  .bb-legacy-content .bb-hero__intro-title *{
    max-width:100%!important;
  }
  .bb-legacy-content .bb-hero__intro-title h1,
  .bb-legacy-content .bb-hero__intro-title h2,
  .bb-legacy-content .bb-hero__intro-title h3{
    font-size:clamp(29px,8.3vw,38px)!important;
    line-height:.98!important;
    letter-spacing:-.025em!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    hyphens:auto;
    text-wrap:balance;
  }

  /* Allgemeiner Typografie-Schutz für sämtliche Redaktionsmodule. */
  .bb-copy,.bb-free__inner,.bb-news__text,.bb-klugschiss__content{min-width:0;max-width:100%;overflow-wrap:anywhere}
  .bb-copy h1,.bb-free h1,.bb-section h1{font-size:clamp(36px,10.5vw,46px)!important;overflow-wrap:anywhere;white-space:normal!important}
  .bb-copy h2,.bb-free h2,.bb-section h2{font-size:clamp(29px,8.3vw,38px)!important;overflow-wrap:anywhere;white-space:normal!important}
  .bb-copy h3,.bb-free h3,.bb-section h3{font-size:clamp(23px,6.5vw,30px)!important;overflow-wrap:anywhere;white-space:normal!important}
  .bb-copy img,.bb-free img,.bb-media img{max-width:100%;height:auto}

  /* News-Reiter auf Smartphone weniger dominant. */
  .bb-news{top:calc(var(--bb-header) + 18px)!important;width:calc(100vw - 4px)!important;max-width:calc(100vw - 4px)!important}
  .bb-news__tab{
    width:46px!important;
    min-height:112px!important;
    grid-template-columns:20px 1fr!important;
    padding:9px 3px!important;
  }
  .bb-news__plus{font-size:25px!important}
  .bb-news__label{font-size:14px!important;letter-spacing:.02em!important}
  .bb-news__panel{width:calc(100% - 46px)!important;height:calc(100dvh - var(--bb-header) - 24px)!important}
  .bb-news--right .bb-news__panel{margin-right:46px!important;transform:translate3d(calc(100% + 48px),0,0)!important}
  .bb-news--left .bb-news__panel{margin-left:46px!important;transform:translate3d(calc(-100% - 48px),0,0)!important}
  .bb-news.is-open.bb-news--right .bb-news__panel,
  .bb-news.is-open.bb-news--left .bb-news__panel{transform:translate3d(0,0,0)!important}

  /* Sicherstellen, dass keine redaktionelle Prozentbreite den Viewport sprengt. */
  [data-bb-image-custom="1"] .bb-hero__image img,
  [data-bb-image-custom="1"] .bb-hero2__image img,
  [data-bb-image-custom="1"] .bb-media img,
  [data-bb-image-custom="1"] .bb-klugschiss__image img{
    max-width:100%!important;
  }
}

/* Sehr schmale Geräte (iPhone SE u.ä.) nochmals etwas kompakter. */
@media (max-width:390px){
  .bb-legacy-content .bb-hero__headline h1{font-size:36px!important}
  .bb-legacy-content .bb-hero__headline h2{font-size:28px!important}
  .bb-legacy-content .bb-hero__image img{width:min(86vw,350px)!important;max-height:455px!important}
  .bb-legacy-content .bb-hero__intro-title h1,
  .bb-legacy-content .bb-hero__intro-title h2,
  .bb-legacy-content .bb-hero__intro-title h3{font-size:29px!important}
}

/* v2.2 – Mobile Feinschliff
   Kompaktere Hero-Dramaturgie, kleinere Intro-Typografie und dezenterer NEWS-Reiter.
   Desktop/Tablet bleiben unberührt. */
@media (max-width:640px){
  /* Sichtbaren Leerraum zwischen Hero-Text und Portrait reduzieren. */
  .bb-legacy-content .bb-hero__image{
    margin-top:-24px!important;
  }

  /* Gelber Introbereich: auf Smartphone klar lesbar statt plakatartig. */
  .bb-legacy-content .bb-hero__intro{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    padding:26px 16px 30px!important;
  }
  .bb-legacy-content .bb-hero__intro-title{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-align:center!important;
  }
  .bb-legacy-content .bb-hero__intro-title h1,
  .bb-legacy-content .bb-hero__intro-title h2,
  .bb-legacy-content .bb-hero__intro-title h3{
    font-size:clamp(24px,6.6vw,30px)!important;
    line-height:1.02!important;
    letter-spacing:-.018em!important;
    margin:0 auto 16px!important;
    max-width:100%!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    hyphens:auto!important;
  }
  .bb-legacy-content .bb-hero__intro-text,
  .bb-legacy-content .bb-hero__intro-text p,
  .bb-legacy-content .bb-hero__intro-text li{
    font-size:16px!important;
    line-height:1.48!important;
  }

  /* Der feste Reiter soll auf kleinen Screens nur ein Hinweis sein, kein Gestaltungselement. */
  .bb-news{
    top:calc(var(--bb-header) + 10px)!important;
  }
  .bb-news__tab{
    width:40px!important;
    min-height:94px!important;
    grid-template-columns:17px 1fr!important;
    padding:7px 2px!important;
  }
  .bb-news__plus{font-size:21px!important}
  .bb-news__label{font-size:12px!important;letter-spacing:.01em!important}
  .bb-news__panel{width:calc(100% - 40px)!important}
  .bb-news--right .bb-news__panel{margin-right:40px!important;transform:translate3d(calc(100% + 42px),0,0)!important}
  .bb-news--left .bb-news__panel{margin-left:40px!important;transform:translate3d(calc(-100% - 42px),0,0)!important}
}

@media (max-width:390px){
  .bb-legacy-content .bb-hero__image{margin-top:-30px!important}
  .bb-legacy-content .bb-hero__intro-title h1,
  .bb-legacy-content .bb-hero__intro-title h2,
  .bb-legacy-content .bb-hero__intro-title h3{font-size:24px!important}
}


/* v2.3 – Kontakt-Popup wie bei 4K: ruhiges Modal mit Contact Form 7 */
.bb-contact-tab{border:0;color:inherit;font:inherit;cursor:pointer}
.bb-contact-modal[hidden]{display:none!important}
.bb-contact-modal{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}
.bb-contact-modal.is-open{opacity:1;visibility:visible}
.bb-contact-modal__backdrop{position:absolute;inset:0;background:rgba(8,13,12,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.bb-contact-modal__panel{position:relative;z-index:1;width:min(680px,calc(100vw - 48px));max-height:min(820px,calc(100dvh - 48px));overflow:auto;background:#fff;padding:clamp(28px,4vw,52px);box-shadow:0 28px 90px rgba(0,0,0,.25);transform:translateY(22px) scale(.985);transition:transform .28s cubic-bezier(.2,.7,.2,1);outline:0}
.bb-contact-modal.is-open .bb-contact-modal__panel{transform:none}
.bb-contact-modal__close{position:absolute;right:14px;top:10px;width:48px;height:48px;border:0;background:transparent;font-size:42px;line-height:1;cursor:pointer}
.bb-contact-modal__title{margin:0 52px 28px 0;font-size:clamp(34px,5vw,56px);line-height:.95;text-transform:uppercase}
.bb-contact-modal__form .wpcf7-form{margin:0}
.bb-contact-modal__form label{display:block;font-weight:700;margin:0 0 8px}
.bb-contact-modal__form input:not([type=submit]):not([type=checkbox]):not([type=radio]),
.bb-contact-modal__form textarea,
.bb-contact-modal__form select{box-sizing:border-box;width:100%;border:0;border-radius:0;background:var(--bb-mint);padding:14px 16px;font:inherit;margin-top:6px}
.bb-contact-modal__form textarea{min-height:130px;resize:vertical}
.bb-contact-modal__form input[type=submit],.bb-contact-modal__form button[type=submit]{border:0;background:var(--bb-yellow);padding:14px 22px;font:inherit;font-weight:800;text-transform:uppercase;cursor:pointer}
.bb-contact-modal__form input[type=submit]:hover,.bb-contact-modal__form button[type=submit]:hover{background:var(--bb-pink)}
.bb-contact-modal__form .wpcf7-spinner{vertical-align:middle}
.bb-contact-modal__form .wpcf7-response-output{margin:18px 0 0!important;padding:12px 14px!important;border-width:1px!important}
body.bb-contact-modal-open{overflow:hidden}
@media(max-width:640px){
  .bb-contact-modal{padding:0;place-items:end center}
  .bb-contact-modal__panel{width:100%;max-width:none;max-height:calc(100dvh - 26px);padding:30px 20px 26px;border-radius:20px 20px 0 0}
  .bb-contact-modal__title{font-size:32px;margin-bottom:22px}
  .bb-contact-modal__close{right:8px;top:6px}
}
@media(prefers-reduced-motion:reduce){.bb-contact-modal,.bb-contact-modal__panel{transition:none!important}}

/* v2.4 – CF7 Diagnose/Fallback im Kontakt-Popup */
.bb-contact-modal__notice{padding:20px;border:1px solid rgba(0,0,0,.14);background:#f6faf9}.bb-contact-modal__notice strong{display:block;font-size:20px;margin-bottom:6px}.bb-contact-modal__notice p{margin:0 0 16px}.bb-contact-modal__notice .bb-button{display:inline-flex;text-decoration:none}


/* v2.5 – mobiler Termin-CTA nach Originalseite + Feinschliff Smartphone */
.bb-appointment-cta{
  position:fixed;left:0;right:0;bottom:0;z-index:18000;
  min-height:48px;display:flex;align-items:center;justify-content:center;
  padding:11px 18px;background:var(--bb-mint);color:#111;text-decoration:none;
  font-size:14px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;
  box-shadow:0 -5px 22px rgba(0,0,0,.10);transition:background .2s ease,transform .2s ease;
}
.bb-appointment-cta:hover{background:var(--bb-yellow);color:#111}
.bb-appointment-cta--mobile{display:none}
body:has(.bb-appointment-cta--all){padding-bottom:48px}
@media(max-width:640px){
  .bb-appointment-cta--mobile{display:flex}
  body:has(.bb-appointment-cta--mobile),body:has(.bb-appointment-cta--all){padding-bottom:52px}
  .bb-appointment-cta{min-height:52px;font-size:13px}
  .bb-site-footer{margin-bottom:0}

  /* Originalseite: großzügige Einzelmodule statt zusammengepresster Desktop-Komposition */
  .bb-legacy-content .bb-section{overflow:hidden}
  .bb-legacy-content .bb-copy{padding:30px 18px}
  .bb-legacy-content .bb-copy h1,.bb-legacy-content .bb-copy h2{max-width:100%;overflow-wrap:break-word;hyphens:auto}
  .bb-slider{padding-block:22px}
  .bb-slide{min-width:92%;scroll-snap-align:center}
  .bb-slide--testimonial{gap:18px}
  .bb-klugschiss{padding-block:34px}
  .bb-klugschiss__grid{gap:18px}
  .bb-klugschiss__content{min-height:0;padding:22px 18px}
  .bb-klugschiss__trigger{width:48px;height:48px}
  .bb-free__inner{padding-inline:18px}
  .bb-contact{padding-inline:18px}
  .bb-site-footer{margin-top:64px;padding:34px 0 30px}
}
@media(max-width:390px){
  .bb-appointment-cta{font-size:12px;min-height:50px}
}


/* v2.7 – gezielte Korrektur nach Smartphone-Test.
   Bildgeometrie bleibt wie v2.5; nur die Hero-Reveal-Animation wird mobil wieder zugelassen.
   Der Video-Abschnitt selbst wird zentriert (nicht nur das <video>-Element). */
@media (max-width:640px){
  /* Mobile Automatik darf die gewünschte Hero-Kernanimation nicht abschalten. */
  body.bb26-mobile-motion-off .bb-hero-reveal{
    transform:translate3d(0,calc(100% + 24px),0)!important;
    transition:none!important;
    will-change:transform!important;
  }
  body.bb26-mobile-motion-off .bb-hero-reveal.is-hero-visible{
    transform:translate3d(0,0,0)!important;
    transition:transform var(--bb-hero-duration,2s) cubic-bezier(.16,.72,.23,1) var(--bb-hero-delay,.2s)!important;
    will-change:transform!important;
  }

  /* Video: der alte Full-Width-Legacy-Selektor setzte margin-inline:0.
     Dadurch war ein 92vw-Player links angeklebt. Abschnitt explizit zentrieren. */
  .bb-legacy-content > .bb-video.bb-shell{
    width:min(var(--bb-mobile-content-width,100vw),100vw)!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .bb-legacy-content > .bb-video.bb-shell video{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    margin:0 auto!important;
    aspect-ratio:16 / 9!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
  .bb-legacy-content > .bb-video.bb-shell .bb-video__buttons{
    width:100%!important;
    justify-content:center!important;
  }
}


/* v2.8 – Mobile Full-Width wie Originalseite.
   Die Sektionen/Flächen laufen bis an die Displaykante; Text behält Innenabstand. */
@media (max-width:640px){
  body.bb26-mobile-auto .bb-main .bb-shell{
    width:min(var(--bb-mobile-content-width,100vw),100%)!important;
    max-width:none!important;
  }
  .bb-legacy-content > .bb-hero.bb-shell,
  .bb-legacy-content > .bb-video.bb-shell,
  .bb-legacy-content .bb-section > .bb-shell,
  .bb-legacy-content .bb-free > .bb-shell{
    max-width:none!important;
  }
  /* Hero-Komposition bleibt optisch wie zuvor; nur die äußeren 16px verschwinden. */
  .bb-legacy-content .bb-hero__headline{
    padding-left:28px!important;
    padding-right:28px!important;
  }
  /* Textmodule brauchen weiterhin lesbaren Innenabstand. */
  .bb-legacy-content .bb-free__inner,
  .bb-legacy-content .bb-klugschiss__headline{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .bb-legacy-content .bb-contact{padding-left:0!important;padding-right:0!important}
  /* Video wirklich Full-Width. */
  .bb-legacy-content > .bb-video.bb-shell{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}


/* v2.9 – Mobile Breite endgültig bereinigt.
   Wichtig: .bb-shell behält im Header/Footer seinen Rand; innerhalb des Seiteninhalts
   laufen die Legacy-Module auf Smartphones aber wirklich über 100% der Viewportbreite. */
@media (max-width:640px){
  .bb-main,
  .bb-legacy-content{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  /* Alte 32px-/92vw-Shell-Regeln im eigentlichen Content vollständig aufheben. */
  .bb-main .bb-shell,
  body.bb26-mobile-auto .bb-main .bb-shell,
  .bb-legacy-content > .bb-hero.bb-shell,
  .bb-legacy-content > .bb-hero2.bb-shell,
  .bb-legacy-content > .bb-video.bb-shell,
  .bb-legacy-content .bb-section > .bb-shell,
  .bb-legacy-content .bb-free > .bb-shell,
  .bb-legacy-content .bb-klugschiss > .bb-shell,
  .bb-legacy-content .bb-slider > .bb-shell{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  /* Vollbreiten-Video: der schwarze Player nutzt exakt die Breite seines nun
     100% breiten Abschnitts und bleibt geometrisch mittig. */
  .bb-legacy-content > .bb-video.bb-shell{
    display:block!important;
    padding-left:0!important;
    padding-right:0!important;
    overflow:hidden!important;
  }
  .bb-legacy-content > .bb-video.bb-shell video{
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    aspect-ratio:16 / 9!important;
    margin-left:auto!important;
    margin-right:auto!important;
    object-fit:contain!important;
    object-position:50% 50%!important;
    background:#000!important;
  }

  /* Nur der Text bekommt Luft – nicht die äußere Fläche. */
  .bb-legacy-content .bb-copy,
  .bb-legacy-content .bb-free__inner,
  .bb-legacy-content .bb-klugschiss__headline,
  .bb-legacy-content .bb-hero2__headline{
    padding-left:24px!important;
    padding-right:24px!important;
  }
}


/* v3.0 – Originaltypografie der bisherigen Birgit-Behnke-Seite */
body,.bb-contact-modal__form input,.bb-contact-modal__form textarea,.bb-contact-modal__form select,.bb-contact-modal__form button{font-family:"Pluto W01 Cond Regular","Arial Narrow",Arial,sans-serif}
h1,h2,h3,h4,h5,.bb-brand,.bb-news__head h2,.bb-news__text h2{font-family:"Pluto W01 Cond Black","Arial Narrow",Arial,sans-serif;font-weight:900}
.bb-button,.bb-menu a,.bb-news__tab,.bb-appointment-cta{font-family:"Pluto W01 Cond Regular","Arial Narrow",Arial,sans-serif;font-weight:400}
.bb-news__body h3{font-family:"Pluto W01 Cond Black","Arial Narrow",Arial,sans-serif;font-size:clamp(22px,2.2vw,30px);line-height:1.15;margin:1.1em 0 .3em}.bb-news__body h4{font-family:"Pluto W01 Cond Black","Arial Narrow",Arial,sans-serif;font-size:clamp(19px,1.8vw,23px);line-height:1.18;margin:1em 0 .25em}.bb-news__body strong{font-family:"Pluto W01 Cond Black","Arial Narrow",Arial,sans-serif;font-weight:900}.bb-news__body img{max-width:100%;height:auto;margin:16px auto;display:block}.bb-news__body figure{max-width:100%;margin:18px 0}.bb-news__body figcaption{font-size:13px;color:#697a7e;margin-top:5px}
.bb-news__buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.bb-news__buttons .bb-button{margin-top:0;background:var(--bb-mint);padding:11px 17px}.bb-news__buttons .bb-button:nth-child(2n){background:var(--bb-yellow)}.bb-news__buttons .bb-button:hover{background:var(--bb-pink)}