*{box-sizing:border-box}
:root{
 --navy:#00364A;
 --white:#FFFFFF;
 --red:#D81E05;
 --blue:#4C6A92;
 --gold:#EDAE49;
 --black:#000000;
 --line:#00364A;
 --muted:#425665;
}
html{scroll-behavior:smooth}
body{
 margin:0;
 background:#fff;
 color:var(--navy);
 font-family:"Raleway",Arial,sans-serif;
}
button,a,input{font:inherit}
button{color:inherit}
.app{
 width:min(100%,620px);
 margin:0 auto;
 background:#fff;
 min-height:100vh;
 padding-bottom:78px;
}
.app-header{
 display:flex;
 justify-content:space-between;
 align-items:flex-start;
 padding:18px 20px 10px;
 background:#fff;
}
.logo-link img{
 display:block;
 width:210px;
 max-width:60vw;
 height:auto;
}
.menu-button{
 border:0;
 background:transparent;
 width:56px;
 padding:2px 0 0;
 display:flex;
 flex-direction:column;
 align-items:center;
 gap:5px;
}
.menu-button span{
 width:34px;
 height:3px;
 background:var(--navy);
 display:block;
}
.menu-button small{
 margin-top:2px;
 font-size:11px;
 font-weight:500;
}
main{padding:0 16px 24px}
.hero{
 display:grid;
 grid-template-columns:1.35fr .8fr;
 gap:12px;
 align-items:center;
 padding:22px 4px 20px;
}
.hero h1{
 margin:0 0 12px;
 font-family:"Cormorant Garamond",Georgia,serif;
 font-weight:500;
 font-size:46px;
 line-height:.95;
}
.hero p{
 margin:0;
 color:var(--navy);
 font-size:15px;
 line-height:1.55;
}
.hero-mark{
 color:var(--navy);
 align-self:end;
}
.hero-mark svg{width:100%;height:auto;display:block}

.stay-panel{
 display:grid;
 grid-template-columns:52px 1fr auto;
 align-items:center;
 gap:12px;
 background:var(--navy);
 color:#fff;
 padding:18px 16px;
 margin:0 0 16px;
}
.stay-icon svg{width:42px;height:42px}
.stay-copy span{
 display:block;
 font-size:12px;
 letter-spacing:.04em;
 margin-bottom:4px;
}
.stay-copy strong{
 display:block;
 font-size:19px;
 font-weight:400;
 white-space:nowrap;
}
.change-period{
 border:1px solid rgba(255,255,255,.9);
 background:transparent;
 color:#fff;
 padding:12px 14px;
 font-size:11px;
 font-weight:500;
 white-space:nowrap;
 min-height:46px;
}
.change-period span{font-size:17px;margin-right:6px}

.menu-grid{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:8px;
}
.menu-card{
 min-height:142px;
 border:1px solid var(--line);
 background:#fff;
 padding:16px 12px;
 display:grid;
 grid-template-columns:58px 1fr 18px;
 align-items:center;
 text-align:left;
 border-radius:0;
}
.line-icon{
 font-size:39px;
 line-height:1;
 text-align:center;
 font-family:Arial,sans-serif;
}
.menu-text{min-width:0}
.menu-text strong{
 display:block;
 font-family:"Cormorant Garamond",Georgia,serif;
 font-size:24px;
 font-weight:500;
 line-height:.95;
 margin-bottom:8px;
}
.menu-text small{
 display:block;
 font-size:12px;
 line-height:1.45;
 color:var(--muted);
}
.chevron{
 color:var(--red);
 font-size:37px;
 font-family:Arial,sans-serif;
 line-height:1;
 font-weight:300;
}
.wide-card{
 border:1px solid var(--line);
 background:#fff;
 margin-top:8px;
 min-height:106px;
 display:grid;
 align-items:center;
 border-radius:0;
}
.tips-link{
 grid-template-columns:72px 1fr 28px;
 padding:14px 16px;
}
.wide-icon{
 font-size:52px;
 font-family:Arial,sans-serif;
}
.wide-card h2{
 margin:0;
 font-family:"Cormorant Garamond",Georgia,serif;
 font-size:31px;
 font-weight:500;
 line-height:1;
}
.wide-card p{
 margin:5px 0 0;
 color:var(--muted);
 font-size:12px;
 line-height:1.45;
}

.recommendations{
 margin-top:8px;
 display:grid;
 gap:8px;
}
.recommendation-card{
 border:1px solid var(--navy);
 padding:15px;
 background:#fff;
}
.recommendation-meta{
 display:flex;
 gap:10px;
 justify-content:space-between;
 align-items:center;
 font-size:10px;
 text-transform:uppercase;
 letter-spacing:.08em;
 color:var(--blue);
}
.recommendation-meta b{
 color:var(--red);
 font-weight:500;
 text-transform:none;
 letter-spacing:0;
}
.recommendation-card h3{
 margin:8px 0 4px;
 font-family:"Cormorant Garamond",Georgia,serif;
 font-size:26px;
 font-weight:500;
}
.recommendation-card p{
 margin:0;
 font-size:13px;
 line-height:1.5;
 color:var(--muted);
}
.host-note{
 margin-top:10px;
 border-left:3px solid var(--gold);
 padding:8px 10px;
 background:#fffaf0;
 font-size:12px;
}

.ask-henny{
 grid-template-columns:70px 1fr 54px 24px;
 padding:12px 14px;
 min-height:120px;
}
.ask-logo-wrap img{
 width:62px;
 height:auto;
 display:block;
}
.ask-copy h2{font-size:31px}
.ask-copy p{margin:4px 0 2px;font-size:11px}
.ask-copy strong{font-size:12px}
.ask-chat{
 width:46px;
 height:46px;
 display:grid;
 place-items:center;
 background:var(--navy);
 color:#fff;
 font-size:28px;
}

.live-preview{
 margin-top:20px;
 border-top:1px solid var(--navy);
 padding-top:16px;
}
.live-preview h2{
 font-family:"Cormorant Garamond",Georgia,serif;
 font-size:28px;
 font-weight:500;
 margin:0 0 6px;
}
.live-preview p{
 font-size:12px;
 color:var(--muted);
 line-height:1.55;
}
.live-links{
 display:grid;
 gap:6px;
}
.live-links a{
 color:var(--navy);
 text-decoration:none;
 border:1px solid var(--navy);
 padding:10px 12px;
 font-size:12px;
}

.bottom-nav{
 position:sticky;
 bottom:0;
 z-index:20;
 display:grid;
 grid-template-columns:repeat(5,1fr);
 background:var(--navy);
 color:#fff;
 min-height:74px;
 border-top:1px solid var(--navy);
}
.bottom-nav a,.bottom-nav button{
 position:relative;
 border:0;
 background:transparent;
 color:#fff;
 text-decoration:none;
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 gap:3px;
 padding:8px 2px 10px;
 min-width:0;
}
.bottom-nav a:not(:last-child)::after,
.bottom-nav button:not(:last-child)::after{
 content:"";
 position:absolute;
 right:0;
 top:16px;
 bottom:16px;
 width:1px;
 background:rgba(255,255,255,.45);
}
.bottom-nav span{
 font-size:26px;
 line-height:1;
}
.bottom-nav small{
 font-size:9px;
 font-weight:500;
}
.bottom-nav .active::before{
 content:"";
 position:absolute;
 left:16px;
 right:16px;
 bottom:0;
 height:3px;
 background:var(--red);
}

dialog{
 border:0;
 padding:0;
 width:min(92vw,420px);
}
dialog::backdrop{background:rgba(0,54,74,.55)}
dialog form{
 background:#fff;
 border:1px solid var(--navy);
 padding:18px;
}
dialog header{
 display:flex;
 justify-content:space-between;
 align-items:center;
}
dialog h2{
 margin:0;
 font-family:"Cormorant Garamond",Georgia,serif;
 font-size:28px;
 font-weight:500;
}
dialog header button{
 border:0;background:transparent;font-size:26px;
}
dialog label{
 display:block;
 margin:14px 0;
 font-size:12px;
 font-weight:500;
}
dialog input{
 display:block;
 width:100%;
 border:1px solid var(--navy);
 padding:11px;
 margin-top:5px;
 border-radius:0;
 font-size:16px;
}
.dialog-save{
 width:100%;
 border:0;
 background:var(--navy);
 color:#fff;
 padding:12px;
 border-radius:0;
}

@media(max-width:520px){
 .app-header{padding-left:14px;padding-right:14px}
 main{padding-left:10px;padding-right:10px}
 .hero{grid-template-columns:1.25fr .75fr}
 .hero h1{font-size:40px}
 .stay-panel{
   grid-template-columns:44px 1fr;
 }
 .change-period{
   grid-column:1 / -1;
   width:100%;
 }
 .menu-grid{gap:6px}
 .menu-card{
   min-height:128px;
   grid-template-columns:44px 1fr 14px;
   padding:12px 8px;
 }
 .line-icon{font-size:31px}
 .menu-text strong{font-size:21px}
 .menu-text small{font-size:11px}
 .chevron{font-size:30px}
 .tips-link{grid-template-columns:58px 1fr 20px}
 .wide-icon{font-size:42px}
 .ask-henny{grid-template-columns:52px 1fr 40px 18px}
 .ask-logo-wrap img{width:48px}
 .ask-chat{width:38px;height:38px;font-size:22px}
}

.hero-mark img{display:block;width:100%;max-width:190px;margin-left:auto;height:auto}
.svgicon{width:44px;height:44px;display:grid;place-items:center}.svgicon svg{width:38px;height:38px;fill:none;stroke:#00364A;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.svgicon.big svg{width:48px;height:48px}
.menu-card,.tips-link,.ask-henny{text-decoration:none;color:#00364A}
.event-highlight{border:1px solid #00364A;margin:0 0 8px;padding:13px 14px;background:#fff}.kicker{display:block;color:#D81E05;font-size:10px;letter-spacing:.12em;font-weight:500;margin-bottom:8px}.event-highlight a{display:grid;grid-template-columns:58px 1fr 18px;gap:10px;align-items:center;color:#00364A;text-decoration:none;padding:8px 0}.event-highlight a+a{border-top:1px solid #d6dde0}.event-date{font-family:"Cormorant Garamond",Georgia,serif;font-size:22px}.event-highlight h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:23px;margin:0}.event-highlight p{font-size:11px;line-height:1.4;color:#425665;margin:4px 0 0}
.subpage-head{padding:18px 2px 12px;border-bottom:1px solid #00364A}.subpage-head .back{font-size:12px;color:#D81E05;text-decoration:none}.subpage-head h1{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:42px;margin:8px 0 0}.recommendations{margin-top:14px}.recommendation-card h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:28px;font-weight:500;margin:7px 0 5px}.tipbadge{font-size:10px;color:#D81E05;font-weight:500}.coming{padding:22px 2px}.coming h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:27px;font-weight:500;margin:0 0 5px}.coming p{font-size:13px;line-height:1.55;color:#425665}.event-dates{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hint{display:block;color:#6D7478;font-size:11px;margin-top:-6px}

/* v0.7 header refinement */
.app-header{
  display:grid;
  grid-template-columns:56px 1fr 56px;
  align-items:start;
  padding:14px 16px 8px;
  background:#fff;
}
.header-spacer{width:56px;height:1px}
.logo-link{
  justify-self:center;
  display:block;
  width:min(255px,58vw);
}
.logo-link img{
  width:100%;
  max-width:none;
  height:auto;
  display:block;
}
.menu-button{
  justify-self:end;
  width:56px;
}
.hero-simple{
  display:block;
  padding:20px 4px 18px;
}
.hero-simple .hero-copy{
  max-width:100%;
}
.hero-simple h1{
  margin-bottom:10px;
}
.hero-simple p{
  max-width:500px;
}
.hero-mark{display:none!important}
@media(max-width:520px){
  .app-header{
    grid-template-columns:48px 1fr 48px;
    padding-left:10px;
    padding-right:10px;
  }
  .header-spacer,.menu-button{width:48px}
  .logo-link{width:min(235px,64vw)}
  .hero-simple{padding-top:16px}
}

/* v0.8: Hero wie auf der Ferienhaus-Henny-Homepage */
.hero-simple{
  text-align:center;
  padding:24px 16px 24px;
}
.hero-simple .hero-copy{
  margin:0 auto;
  max-width:650px;
}
.hero-simple h1,
.hero-simple p{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.hero-simple p{
  max-width:600px;
}

/* v0.9 functional submenus + live data */
.drawer{
  margin:0 16px 10px;
  border:1px solid #00364A;
  background:#fff;
  display:grid;
  grid-template-columns:1fr 1fr;
}
.drawer[hidden]{display:none}
.drawer a{
  color:#00364A;
  text-decoration:none;
  padding:12px 14px;
  border-bottom:1px solid #d9e0e3;
  font-size:12px;
}
.drawer a:nth-child(odd){border-right:1px solid #d9e0e3}

.live-area{padding:20px 0 10px}
.live-heading h2{
  margin:4px 0 12px;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:30px;
  font-weight:500;
}
.live-list{display:grid;gap:8px}
.live-card{
  border:1px solid #00364A;
  padding:14px;
  background:#fff;
}
.live-card h3{
  margin:3px 0 5px;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:24px;
  font-weight:500;
}
.live-card p{
  margin:8px 0 0;
  color:#425665;
  font-size:12px;
  line-height:1.5;
}
.live-date{
  color:#D81E05;
  font-size:11px;
  font-weight:500;
}
.live-meta{
  color:#4C6A92;
  font-size:11px;
}
.verify-note{
  margin-top:10px;
  border-top:1px solid #e1e6e8;
  padding-top:8px;
  color:#8a6a2c;
  font-size:10px;
}
.loading,.empty-live{
  border:1px solid #d9e0e3;
  padding:16px;
  color:#425665;
  font-size:12px;
}
#stayDialog{
  border:0;
  padding:0;
  width:min(92vw,420px);
}
#stayDialog::backdrop{background:rgba(0,54,74,.55)}
#stayDialog form{
  background:#fff;
  border:1px solid #00364A;
  padding:18px;
}
#stayDialog header{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
#stayDialog h2{
  margin:0;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:28px;
  font-weight:500;
}
#stayDialog header button{
  border:0;background:transparent;font-size:26px;
}
#stayDialog label{
  display:block;
  margin:14px 0;
  font-size:12px;
  font-weight:500;
}
#stayDialog input{
  display:block;
  width:100%;
  margin-top:5px;
  border:1px solid #00364A;
  border-radius:0;
  padding:11px;
  font-size:16px;
}
#stayDialog .dialog-save{
  width:100%;
  border:0;
  border-radius:0;
  background:#00364A;
  color:#fff;
  padding:12px;
}

/* v1.0 Touripedia / NL */
.nl-section{
  margin-top:24px;
  padding-top:18px;
  border-top:1px solid #00364A;
}
.nl-heading h2{
  margin:4px 0 12px;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:30px;
  font-weight:500;
}
.nl-list{display:grid;gap:8px}
.nl-card{position:relative}
.source-badge{
  display:inline-block;
  color:#00364A;
  font-size:9px;
  letter-spacing:.11em;
  font-weight:500;
  margin-bottom:4px;
}
.translation-note{
  margin-top:10px;
  padding-top:8px;
  border-top:1px solid #e1e6e8;
  color:#6d7478;
  font-size:10px;
}
.narrowish{max-width:650px;margin:0 auto}
.panel hr{border:0;border-top:1px solid #e4ded3;margin:24px 0}

/* v1.0.3 richer destination.one cards */
.live-card.rich-card{
  padding:0;
  overflow:hidden;
  background:#fff;
}
.live-image-wrap{
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border-bottom:1px solid #00364A;
  background:#f7f6ef;
}
.live-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.live-card-body{
  padding:16px 18px 17px;
}
.live-date{
  color:#D81E05;
  font-size:11px;
  font-weight:500;
  letter-spacing:.02em;
  margin-bottom:6px;
}
.live-card.rich-card h3{
  margin:0 0 7px;
  font-size:27px;
  line-height:1.05;
}
.live-meta{
  font-size:11px;
  color:#4C6A92;
  margin-bottom:8px;
}
.live-categories{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin:8px 0 10px;
}
.live-categories span{
  border:1px solid #d7e0e4;
  padding:3px 7px;
  font-size:9px;
  color:#425665;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.live-venue{
  margin:8px 0 9px;
  font-size:11px;
  line-height:1.45;
  color:#00364A;
}
.live-venue strong,
.live-venue span{
  display:block;
}
.live-description{
  margin:10px 0 12px!important;
  font-size:12px!important;
  line-height:1.55!important;
  color:#425665!important;
}
.live-more{
  display:inline-block;
  margin-top:2px;
  color:#D81E05;
  text-decoration:none;
  font-size:11px;
  font-weight:500;
}
.image-credit{
  margin-top:12px;
  padding-top:7px;
  border-top:1px solid #edf0f1;
  font-size:8px;
  color:#8a9297;
}
@media (min-width:700px){
  .live-card.rich-card.has-image{
    display:grid;
    grid-template-columns:38% 1fr;
  }
}

/* v1.0.4 participation/contact information */
.participation{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid #d7e0e4;
}
.participation-title{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.07em;
  color:#D81E05;
  margin-bottom:5px;
}
.participation-org{
  font-size:11px;
  font-weight:600;
  margin-bottom:7px;
}
.participation-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px 14px;
  align-items:center;
}
.participation-action,
.participation-contact{
  font-size:11px;
  text-decoration:none;
}
.participation-action{
  color:#D81E05;
  font-weight:500;
}
.participation-contact{
  color:#00364A;
}

/* v1.0.5 Gastro detail block */
.gastro-info{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid #d7e0e4;
}
.gastro-facts{
  display:grid;
  gap:7px;
  margin-bottom:10px;
}
.gastro-facts div{
  display:grid;
  grid-template-columns:105px 1fr;
  gap:10px;
  font-size:11px;
  line-height:1.4;
}
.gastro-facts strong{
  color:#00364A;
}
.gastro-facts span{
  color:#425665;
}

/* v1.0.6 Gastro refinements */
.gastro-title-row{
  display:flex;
  align-items:flex-start;
  gap:10px 14px;
  flex-wrap:wrap;
}
.gastro-title-row h3{
  flex:0 1 auto;
  margin-bottom:0!important;
}
.gastro-title-row .live-categories{
  margin:2px 0 0;
}
.gastro-facts div{
  grid-template-columns:120px 1fr;
}
@media(max-width:520px){
  .gastro-facts div{
    grid-template-columns:1fr;
    gap:2px;
  }
}

/* v1.0.8 internal destination.one curation */
.henny-tip-badge{
  display:inline-block;
  margin:0 0 8px;
  color:#D81E05;
  font-size:10px;
  font-weight:500;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.curated-henny-tip{
  border-width:2px;
}

/* v1.0.12 Gastro category filter */
.food-filter{
  margin:0 0 16px;
  padding:12px 0 14px;
  border-bottom:1px solid #d7e0e4;
}
.food-filter-label{
  margin-bottom:8px;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#00364A;
}
.food-filter-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.food-filter-btn{
  appearance:none;
  border:1px solid #00364A;
  background:#fff;
  color:#00364A;
  padding:7px 10px;
  font:inherit;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.04em;
  cursor:pointer;
}
.food-filter-btn.active{
  background:#00364A;
  color:#fff;
}
.live-card[hidden]{
  display:none!important;
}

/* v1.0.13 stronger Henny recommendation */
.henny-tip-badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin:0 0 10px;
  padding:6px 10px;
  background:#D81E05;
  color:#fff;
  font-size:10px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.henny-tip-badge span{
  font-size:12px;
}
.henny-personal-note{
  margin:14px 0 4px;
  padding:12px 14px;
  background:#fbf8f3;
  border-left:3px solid #D81E05;
}
.henny-personal-note strong{
  display:block;
  margin-bottom:4px;
  color:#D81E05;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.henny-personal-note span{
  display:block;
  color:#00364A;
  font-size:12px;
  line-height:1.5;
}


/* v1.0.16 Rad & Touren */
.bike-page{
  display:grid;
  gap:18px;
}
.bike-intro{
  margin-bottom:2px;
}
.bike-intro h2,
.bike-card h2,
.bike-feature h2{
  margin:5px 0 8px;
}
.bike-intro p,
.bike-card p,
.bike-feature p{
  color:#425665;
  line-height:1.6;
}
.bike-feature,
.bike-card{
  border:1px solid #00364A;
  background:#fff;
  padding:18px;
}
.bike-feature{
  border-width:2px;
}
.bike-feature-top,
.bike-card-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
}
.bike-icon{
  font-size:32px;
  line-height:1;
  flex:0 0 auto;
}
.bike-subline{
  margin:0!important;
  color:#D81E05!important;
  font-size:12px;
  font-weight:600;
}
.bike-facts{
  display:grid;
  gap:8px;
  margin:16px 0 4px;
  padding-top:14px;
  border-top:1px solid #d7e0e4;
}
.bike-facts div{
  display:grid;
  grid-template-columns:105px 1fr;
  gap:10px;
  font-size:11px;
  line-height:1.45;
}
.bike-facts strong{
  color:#00364A;
}
.bike-facts span{
  color:#425665;
}
.bike-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px 16px;
  align-items:center;
  margin-top:16px;
}
.bike-actions a{
  color:#00364A;
  text-decoration:none;
  font-size:11px;
  font-weight:500;
}
.bike-actions .bike-primary{
  background:#00364A;
  color:#fff;
  padding:9px 12px;
}
.bike-howto{
  display:grid;
  gap:8px;
  margin:14px 0;
}
.bike-howto div{
  display:grid;
  grid-template-columns:28px 1fr;
  gap:10px;
  align-items:center;
  font-size:11px;
}
.bike-howto b{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#00364A;
  color:#fff;
}
.bike-note{
  margin-top:14px;
  padding:12px 14px;
  background:#f7f6ef;
  border-left:3px solid #00364A;
}
.bike-note strong,
.bike-note span{
  display:block;
}
.bike-note strong{
  margin-bottom:4px;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.bike-note span{
  color:#425665;
  font-size:11px;
  line-height:1.5;
}
.bike-future{
  background:#f8fafb;
}
.future-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:12px;
}
.future-tags span{
  border:1px solid #b9c7cc;
  padding:5px 8px;
  color:#425665;
  font-size:10px;
}
@media(max-width:520px){
  .bike-facts div{
    grid-template-columns:1fr;
    gap:2px;
  }
  .bike-icon{
    font-size:27px;
  }
}


/* v1.0.17 Rad & Touren – Knotenpunkte als Hero */
.nodes-hero{
  border-top:1px solid #00364A;
  padding-top:18px;
}
.nodes-hero h2{
  font-family:inherit;
  font-size:38px;
  line-height:1.05;
  margin:6px 0 12px;
}
.nodes-lead{
  max-width:720px;
  font-size:17px!important;
  line-height:1.55!important;
  margin-bottom:20px!important;
}
.node-route{
  display:flex;
  align-items:center;
  justify-content:center;
  margin:22px 0;
  padding:20px 16px;
  background:#00364A;
}
.node-route span{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border-radius:50%;
  background:#fff;
  color:#00364A;
  font-size:22px;
  font-weight:700;
  flex:0 0 auto;
}
.node-route i{
  width:52px;
  height:2px;
  background:#fff;
  opacity:.7;
}
.nodes-promise{
  display:grid;
  grid-template-columns:190px 1fr;
  gap:18px;
  padding:14px 0 18px;
  border-bottom:1px solid #d7e0e4;
}
.nodes-promise strong{font-size:13px}
.nodes-promise span{font-size:12px;line-height:1.55;color:#425665}
.nodes-steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin:20px 0;
}
.nodes-steps>div{
  border:1px solid #c8d4d9;
  padding:14px;
  min-height:120px;
}
.nodes-steps b{
  display:grid;
  place-items:center;
  width:28px;height:28px;
  border-radius:50%;
  background:#D81E05;
  color:#fff;
  margin-bottom:10px;
}
.nodes-steps p{margin:0!important}
.nodes-steps strong,.nodes-steps span{display:block}
.nodes-steps strong{font-size:12px;margin-bottom:5px}
.nodes-steps span{font-size:11px;line-height:1.45;color:#425665}
.nodes-app{
  display:grid;
  grid-template-columns:62px 1fr;
  gap:16px;
  background:#f5f7f7;
  border:1px solid #d5dfe2;
  padding:18px;
  margin:18px 0;
}
.nodes-app-icon{
  width:52px;height:52px;
  display:grid;place-items:center;
  border-radius:12px;
  background:#00364A;
  color:#fff;
  font-size:26px;
  font-weight:700;
}
.nodes-app h3{margin:4px 0 7px;font-size:17px}
.nodes-app p{font-size:11px!important;line-height:1.55!important;margin:0!important}
.nodes-app-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px}
.nodes-app-links a{font-size:11px;color:#D81E05;text-decoration:none;font-weight:600}
.nodes-border{
  padding:14px 16px;
  border-left:3px solid #D81E05;
  background:#fff;
}
.nodes-border strong,.nodes-border span{display:block}
.nodes-border strong{font-size:12px;margin-bottom:5px}
.nodes-border span{font-size:11px;line-height:1.5;color:#425665}
.nodes-main-action{margin-top:18px!important}
.henny-routes{
  border:1px solid #00364A;
  padding:18px;
  background:#fff;
}
.henny-routes h2{margin:5px 0 7px}
.henny-routes p{font-size:12px!important;line-height:1.55!important}
.paddel-card{
  border:1px solid #c8d4d9;
  padding:18px;
  background:#fff;
}
.paddel-card h2{margin:7px 0 4px}
.paddel-card>p{font-size:12px!important;line-height:1.55!important}
.paddel-card .henny-tip-badge{
  background:transparent;
  color:#D81E05;
  padding:0;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.04em;
}
@media(max-width:620px){
  .nodes-hero h2{font-size:32px}
  .nodes-lead{font-size:15px!important}
  .node-route{padding:16px 8px}
  .node-route span{width:48px;height:48px;font-size:18px}
  .node-route i{width:22px}
  .nodes-promise{grid-template-columns:1fr;gap:5px}
  .nodes-steps{grid-template-columns:1fr}
  .nodes-steps>div{min-height:0}
  .nodes-app{grid-template-columns:1fr}
}


/* v1.0.23 – Haus & Hof / Wissenswertes */
.practical-page{padding:8px 0 28px}.practical-intro{max-width:720px;margin:8px 0 20px;color:var(--muted,#5c6b70);line-height:1.6}.practical-list{display:grid;gap:10px}.practical-card{border:1px solid rgba(0,54,74,.15);background:#fff}.practical-card summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px}.practical-card summary::-webkit-details-marker{display:none}.practical-card summary>span:first-child{display:flex;align-items:center;gap:10px;min-width:0}.practical-card summary strong{font-family:'Cormorant Garamond',serif;font-size:1.35rem;font-weight:500}.details-plus{font-size:1.7rem;line-height:1;color:#c52b1f;transition:transform .2s ease}.practical-card[open] .details-plus{transform:rotate(45deg)}.practical-body{padding:0 20px 20px;border-top:1px solid rgba(0,54,74,.08)}.practical-body p{white-space:normal;line-height:1.65}.practical-action{display:inline-block;margin-top:12px;padding:11px 15px;background:#00364a;color:#fff;text-decoration:none;font-weight:600}.tipbadge.compact{font-size:.72rem;padding:4px 7px;white-space:nowrap}.practical-empty{margin-top:16px}
@media(max-width:620px){.practical-card summary{padding:16px}.practical-card summary>span:first-child{align-items:flex-start;flex-direction:column;gap:5px}.practical-card summary strong{font-size:1.22rem}.practical-body{padding:0 16px 18px}}

/* v1.0.24 – Hauswissen, Gezeiten und Ostfriesenwitz */
.home-today{display:grid;gap:8px;margin:0 0 10px}
.tide-home-card,.joke-home-card{border:1px solid var(--navy);padding:15px 16px;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:start;color:var(--navy);text-decoration:none;background:#fff}
.tide-home-card{background:#f4f8f9}
.today-icon{font-size:31px;line-height:1}
.home-today h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:29px;font-weight:500;line-height:1;margin:0 0 6px}
.home-today p{font-size:12px;line-height:1.55;margin:0;color:var(--muted)}
.tide-home-card strong{display:inline-block;margin-top:9px;color:var(--red);font-size:11px}
.daily-joke{font-family:"Cormorant Garamond",Georgia,serif!important;font-size:20px!important;line-height:1.2!important;color:var(--navy)!important}
.joke-home-card small{display:block;margin-top:7px;color:#6d7478;font-size:10px}
.house-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:13px 0}
.house-gallery figure{margin:0;border:1px solid var(--navy);background:#fff;overflow:hidden}
.house-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.house-gallery figcaption{padding:7px 9px;font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.photo-note{font-size:10px;line-height:1.45;color:#6d7478;margin:0 0 14px}
.practical-page{padding:20px 0 8px}
.practical-intro{font-size:13px;line-height:1.55;color:var(--muted)}
.practical-list{display:grid;gap:7px}
.practical-card{border:1px solid var(--navy);background:#fff}
.practical-card summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px}
.practical-card summary::-webkit-details-marker{display:none}
.practical-card summary strong{font-family:"Cormorant Garamond",Georgia,serif;font-size:23px;font-weight:500}
.details-plus{font-size:26px;color:var(--red);line-height:1}
.practical-card[open] .details-plus{transform:rotate(45deg)}
.practical-body{padding:0 15px 15px;border-top:1px solid #e0e6e8}
.practical-body p{font-size:12px;line-height:1.6;color:var(--muted)}
.practical-action{display:inline-block;margin-top:10px;border:1px solid var(--navy);padding:10px 12px;color:var(--navy);text-decoration:none;font-size:11px;font-weight:500}
.tipbadge.compact{display:block;margin-bottom:4px}
.version-note{text-align:center;color:#7c8a91;font-size:9px;padding:10px 0 84px}
@media(max-width:430px){.house-gallery{grid-template-columns:1fr 1fr}.tide-home-card,.joke-home-card{grid-template-columns:38px 1fr;padding:13px}.today-icon{font-size:27px}}
/* v1.0.25: ruhigere Startseite und Fotos nur dort, wo sie inhaltlich helfen */
.daily-joke-strip{margin:18px 0 22px;border-top:1px solid var(--line,#c8d0d2);border-bottom:1px solid var(--line,#c8d0d2);padding:14px 2px 15px;display:grid;grid-template-columns:190px 1fr;gap:22px;align-items:baseline}
.daily-joke-strip .kicker{margin:0;color:#d72612;letter-spacing:.11em;font-size:.72rem}
.daily-joke-strip p{margin:0;font-family:'Cormorant Garamond',serif;font-size:1.35rem;line-height:1.2;color:#07384d}
.entry-photo{display:block;width:100%;max-height:360px;object-fit:cover;border-radius:10px;margin:4px 0 16px}
.house-gallery,.photo-note,.home-today{display:none!important}
@media(max-width:700px){.daily-joke-strip{grid-template-columns:1fr;gap:7px}.daily-joke-strip p{font-size:1.2rem}.entry-photo{max-height:250px}}

/* v1.0.27 – Das Haus: tiefe, durchsuchbare Informationsarchitektur */
.house-hub{padding:6px 0 34px}.house-intro{max-width:760px;margin-bottom:18px}.house-intro h2{font-family:'Cormorant Garamond',serif;font-size:42px;font-weight:500;line-height:1;margin:5px 0 8px}.house-intro p{color:#53666e;line-height:1.6;font-size:13px}.house-search-wrap{background:#f4f6f5;border:1px solid rgba(0,54,74,.16);padding:16px;margin:0 0 18px}.house-search-wrap label{display:block;font-weight:600;font-size:12px;margin-bottom:8px}.house-search-box{display:flex;align-items:center;background:#fff;border:1px solid #9fb0b7;padding:0 12px}.house-search-box span{font-size:22px;color:#00364a}.house-search-box input{width:100%;border:0;outline:0;padding:13px 10px;font:inherit;color:#00364a;background:transparent}.house-search-hint{font-size:10px!important;color:#6f7e83!important;margin:8px 0 0!important}.house-sections{display:grid;gap:10px}.house-section{border:1px solid #00364a;background:#fff}.house-section>summary{list-style:none;cursor:pointer;padding:16px 18px;display:flex;gap:14px;justify-content:space-between;align-items:center}.house-section>summary::-webkit-details-marker{display:none}.house-section>summary>div{display:grid;grid-template-columns:34px 1fr;column-gap:10px}.house-number{grid-row:1/3;font-size:11px;font-weight:700;color:#d72612;padding-top:4px}.house-section h3{font-family:'Cormorant Garamond',serif;font-size:27px;line-height:1;margin:0;font-weight:500}.house-section summary p{grid-column:2;margin:5px 0 0!important;font-size:11px!important;color:#68787d!important}.house-section[open]>.details-plus{transform:rotate(45deg)}.house-section-body{border-top:1px solid #dce3e5;padding:0 18px 18px}.house-topic{padding:17px 0;border-bottom:1px solid #e4e9ea}.house-topic:last-child{border-bottom:0}.house-topic h4{font-family:'Cormorant Garamond',serif;font-size:23px;font-weight:500;margin:0 0 7px;color:#00364a}.house-topic p{font-size:12px!important;line-height:1.65!important;color:#42565e!important;margin:0 0 8px!important}.house-topic p:last-child{margin-bottom:0!important}.house-note{margin-top:10px;background:#f7f6ef;border-left:3px solid #d72612;padding:10px 12px;font-size:11px;line-height:1.55;color:#42565e}.house-fact{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#00364a;color:#fff;padding:11px 12px;margin:10px 0;font-size:12px}.house-fact a{color:#fff;text-decoration:none;font-weight:600}.house-link{display:inline-block;margin-top:8px;color:#d72612;text-decoration:none;font-size:11px;font-weight:600}.house-list,.house-check{margin:8px 0 0;padding-left:20px;color:#42565e;font-size:12px;line-height:1.7}.house-check{list-style:none;padding-left:0}.house-check li{position:relative;padding:5px 0 5px 28px;border-bottom:1px solid #edf0f1}.house-check li:before{content:'□';position:absolute;left:0;top:4px;font-size:18px;color:#00364a}.house-topic-photo{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:start}.house-topic-photo img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}.house-no-results{text-align:center;padding:24px;color:#68787d;font-size:12px}.house-topic.search-hidden,.house-section.search-hidden{display:none}.house-topic.search-hit{background:#fffdf8}.house-section.search-hit>summary{background:#f7faf9}
@media(max-width:640px){.house-intro h2{font-size:36px}.house-section>summary{padding:14px}.house-section-body{padding:0 14px 14px}.house-section h3{font-size:24px}.house-topic-photo{grid-template-columns:1fr}.house-topic-photo img{max-height:250px}.house-fact{align-items:flex-start;flex-direction:column}}


/* v1.0.28 – Hausbereich: ruhige Hierarchie im Henny-Design */
.house-hub{max-width:980px;margin:0 auto;padding:10px 0 44px}
.house-intro{max-width:760px;margin:0 0 24px}
.house-intro .kicker{margin-bottom:7px}
.house-intro h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:44px;font-weight:500;line-height:1.02;margin:0 0 10px;color:var(--navy)}
.house-intro p{max-width:720px;margin:0!important;font-size:14px!important;line-height:1.55!important;color:var(--muted)!important}
.house-search-wrap{margin:0 0 24px;padding:18px 20px;background:#f6f4ed;border:0;border-radius:16px}
.house-search-wrap label{display:block;margin:0 0 9px;font-size:12px;font-weight:700;color:var(--navy)}
.house-search-box{display:grid;grid-template-columns:28px 1fr;align-items:center;width:100%;min-height:50px;background:#fff;border:1px solid #c8d2d6;border-radius:10px;padding:0 12px;box-sizing:border-box}
.house-search-box span{font-size:20px;color:var(--navy);line-height:1;text-align:center}
.house-search-box input{display:block;width:100%;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:13px 8px!important;font-family:inherit;font-size:14px!important;line-height:1.2;color:var(--navy)}
.house-search-box input::placeholder{color:#8b989d}
.house-search-hint{margin:9px 1px 0!important;font-size:10.5px!important;line-height:1.45!important;color:#718087!important}
.house-sections{display:grid;gap:12px}
.house-section{overflow:hidden;border:1px solid #d6dfe2;background:#fff;border-radius:14px;box-shadow:0 8px 24px rgba(0,54,74,.035)}
.house-section>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 36px;align-items:center;gap:12px;padding:19px 20px;background:#fff;transition:background .15s ease}
.house-section>summary:hover{background:#fbfaf6}
.house-section>summary::-webkit-details-marker{display:none}
.house-section>summary>div{display:grid;grid-template-columns:34px 1fr;column-gap:11px;align-items:start}
.house-number{grid-row:1/3;align-self:start;padding-top:3px;font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--red)}
.house-section h3{margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-size:28px;font-weight:500;line-height:1.05;color:var(--navy)}
.house-section summary p{grid-column:2;margin:5px 0 0!important;font-size:11.5px!important;line-height:1.4!important;color:#718087!important}
.house-section .details-plus{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #d8e0e2;border-radius:50%;font-size:20px;color:var(--red);transition:transform .2s ease,background .15s ease}
.house-section[open]>.details-plus{transform:rotate(45deg)}
.house-section[open]>summary{background:#f8f6ef}
.house-section-body{border-top:1px solid #e5eaec;padding:4px 20px 20px;background:#fff}
.house-topic{padding:18px 0;border-bottom:1px solid #edf0f1}
.house-topic:last-child{border-bottom:0;padding-bottom:2px}
.house-topic h4{margin:0 0 7px;font-family:"Cormorant Garamond",Georgia,serif;font-size:24px;font-weight:500;line-height:1.12;color:var(--navy)}
.house-topic p{margin:0 0 9px!important;font-size:12.5px!important;line-height:1.62!important;color:#43575f!important}
.house-topic p:last-child{margin-bottom:0!important}
.house-note{margin:11px 0 0;padding:11px 13px;background:#f7f5ee;border-left:3px solid var(--red);border-radius:0 8px 8px 0;font-size:11.5px;line-height:1.55;color:#43575f}
.house-fact{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:11px 0;padding:12px 14px;background:var(--navy);border-radius:9px;color:#fff;font-size:12px}
.house-fact a{color:#fff;text-decoration:underline;text-underline-offset:2px;font-weight:700}
.house-link{display:inline-flex;align-items:center;gap:5px;margin-top:7px;color:var(--red);text-decoration:none;font-size:11.5px;font-weight:700}
.house-list,.house-check{margin:8px 0 0;padding-left:21px;font-size:12.5px;line-height:1.62;color:#43575f}
.house-check{list-style:none;padding-left:0}
.house-check li{position:relative;padding:7px 0 7px 29px;border-bottom:1px solid #edf0f1}
.house-check li:before{content:'✓';position:absolute;left:0;top:6px;width:19px;height:19px;border:1px solid #b9c7cc;border-radius:4px;text-align:center;line-height:17px;font-size:11px;color:var(--navy)}
.house-topic-photo{display:grid;grid-template-columns:minmax(180px,230px) 1fr;gap:20px;align-items:start}
.house-topic-photo img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
.house-no-results{margin:14px 0;padding:18px;text-align:center;background:#f7f5ee;border-radius:10px;color:#68787d;font-size:12px}
.house-topic.search-hidden,.house-section.search-hidden{display:none}
.house-topic.search-hit{background:#fffdf8}
.house-section.search-hit>summary{background:#f8f6ef}
@media(max-width:700px){
  .house-hub{padding-top:4px}.house-intro h2{font-size:38px}.house-intro p{font-size:13px!important}
  .house-search-wrap{padding:14px;border-radius:12px}.house-section>summary{padding:16px 14px}.house-section-body{padding:2px 14px 16px}
  .house-section h3{font-size:25px}.house-section summary p{font-size:11px!important}.house-topic h4{font-size:22px}
  .house-topic-photo{grid-template-columns:1fr}.house-topic-photo img{max-height:260px}.house-fact{align-items:flex-start;flex-direction:column}
}
/* v1.0.30 – Hausbereich als echte Navigationsebenen */
.house-pages{max-width:980px;margin:0 auto;padding:8px 0 46px}
.house-page-back{display:inline-flex;align-items:center;gap:6px;margin:0 0 22px;color:var(--navy);font-size:13px;font-weight:700;text-decoration:none}
.house-page-back:hover{color:var(--red)}
.house-page-head{max-width:760px;margin:0 0 26px}
.house-page-head>.house-nav-number{display:block;margin-bottom:7px}
.house-page-head h2,.house-topic-page h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:44px;font-weight:500;line-height:1.02;margin:0 0 10px;color:var(--navy)}
.house-page-head p{max-width:720px;margin:0;font-size:14px;line-height:1.55;color:var(--muted)}
.house-nav-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.house-nav-card{display:grid;grid-template-columns:42px 1fr 28px;gap:13px;align-items:center;min-height:122px;padding:20px 20px;border:1px solid #d6dfe2;border-radius:16px;background:#fff;color:var(--navy);text-decoration:none;box-shadow:0 8px 24px rgba(0,54,74,.035);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.house-nav-card:hover{transform:translateY(-1px);border-color:#b9c7cc;box-shadow:0 12px 28px rgba(0,54,74,.07)}
.house-nav-number{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--red)}
.house-nav-card h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:27px;font-weight:500;line-height:1.05;margin:0 0 7px;color:var(--navy)}
.house-nav-card p{font-size:11.5px;line-height:1.45;margin:0;color:#718087}
.house-nav-arrow{font-family:Arial,sans-serif;font-size:30px;font-weight:300;color:var(--red);text-align:right}
.house-group-grid .house-nav-card{grid-template-columns:1fr 28px;min-height:108px}
.house-item-list{display:grid;gap:10px;max-width:780px}
.house-item-card{display:grid;grid-template-columns:1fr 26px;align-items:center;min-height:68px;padding:4px 20px;border:1px solid #d8e0e2;border-radius:12px;background:#fff;color:var(--navy);text-decoration:none;font-size:15px;font-weight:700}
.house-item-card span:last-child{font-family:Arial,sans-serif;font-size:27px;font-weight:300;color:var(--red);text-align:right}
.house-item-card:hover{background:#fbfaf6;border-color:#bdc9cd}
.house-topic-page{max-width:780px}
.house-topic-breadcrumb{margin:0 0 7px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--red);font-weight:700}
.house-topic-content{font-size:15px;line-height:1.65;color:var(--navy)}
.house-topic-content p{margin:0 0 16px}
.house-topic-content h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:27px;font-weight:500;margin:26px 0 9px}
.house-topic-content .house-note{margin:18px 0;padding:15px 17px;border-left:3px solid var(--red);background:#f8f6ef;border-radius:0 9px 9px 0}
.house-topic-content .house-fact{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:16px 0;padding:14px 16px;background:#f6f4ed;border-radius:10px}
.house-topic-content .house-fact a{color:var(--red);font-weight:700}
.house-topic-content .house-list,.house-topic-content .house-check{padding-left:20px;margin:12px 0 18px}
.house-topic-content .house-list li,.house-topic-content .house-check li{margin:6px 0}
.house-topic-content .house-link{display:inline-block;margin-top:7px;color:var(--red);font-weight:700;text-decoration:none}
.house-topic-content .house-muted{font-size:12.5px;color:#718087}
.house-detail-image{display:block;width:100%;max-height:460px;object-fit:cover;border-radius:14px;margin:0 0 20px}
.house-search-results{margin-top:10px;border:1px solid #d8e0e2;border-radius:10px;background:#fff;overflow:hidden}
.house-search-result{display:block;padding:12px 14px;border-top:1px solid #e5eaec;text-decoration:none;color:var(--navy)}
.house-search-result:first-child{border-top:0}
.house-search-result strong{display:block;font-size:13px;margin-bottom:2px}
.house-search-result small{display:block;font-size:10.5px;color:#718087}
.house-search-result:hover{background:#fbfaf6}
.house-search-empty{padding:14px;font-size:12px;color:#718087}
@media(max-width:720px){.house-nav-grid{grid-template-columns:1fr}.house-nav-card{min-height:105px;padding:17px 16px}.house-nav-card h3{font-size:25px}.house-page-head h2,.house-topic-page h2{font-size:38px}.house-topic-content{font-size:14px}.house-pages{padding-top:2px}}

/* Senderliste */
.channel-list{margin-top:28px}.channel-search{width:100%;max-width:520px;margin:10px 0 18px;padding:13px 15px;border:1px solid #cfd8dc;border-radius:10px;font:inherit;color:#123e52;background:#fff}.channel-table-wrap{overflow-x:auto;border:1px solid #dbe2e5;border-radius:12px}.channel-table{width:100%;border-collapse:collapse;background:#fff}.channel-table th,.channel-table td{padding:11px 14px;text-align:left;border-bottom:1px solid #e6ebed}.channel-table th{background:#f6f4ed;font-weight:700}.channel-table th:first-child,.channel-table td:first-child{width:130px;white-space:nowrap}.channel-table tr:last-child td{border-bottom:0}

/* v1.0.30b – lesbare Kurzbedienungen auf Detailseiten */
.quick-guide{margin:18px 0 26px;padding:22px;border:1px solid #d9e1e4;border-radius:16px;background:#fbfaf6;box-shadow:0 6px 20px rgba(0,54,74,.035)}
.quick-kicker{margin:0 0 7px;color:var(--red);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.quick-lead{font-size:17px;line-height:1.5;color:var(--navy);margin-bottom:18px}
.quick-steps{list-style:none;margin:0;padding:0;display:grid;gap:0}
.quick-steps li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;padding:15px 0;border-top:1px solid #e4e9ea;align-items:start}
.quick-steps li:first-child{border-top:0;padding-top:2px}
.quick-num{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;font-size:14px;font-weight:800;line-height:1}
.quick-steps strong{display:block;margin:1px 0 4px;font-size:16px;line-height:1.25;color:var(--navy)}
.quick-steps span:not(.quick-num){display:block;font-size:15px;line-height:1.55;color:#43575f}
.quick-tip{margin-top:15px;padding:13px 15px;border-left:3px solid var(--red);background:#fff;color:#43575f;font-size:14.5px;line-height:1.55}
.quick-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 22px}
.quick-two>div,.quick-programs>div{padding:14px 15px;border:1px solid #dfe5e7;border-radius:12px;background:#fff}
.quick-two strong,.quick-programs strong{display:block;color:var(--navy);font-size:15px;margin-bottom:4px}
.quick-two span,.quick-programs span{display:block;color:#52656d;font-size:13.5px;line-height:1.45}
.quick-programs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:8px 0 22px}
.house-topic-content .house-note{font-size:14.5px;line-height:1.55}
.house-topic-content .house-fact{font-size:14.5px;line-height:1.5}
.house-topic-content .house-list,.house-topic-content .house-check{font-size:15px;line-height:1.6}
.house-topic-content .house-muted{font-size:13.5px;line-height:1.5}
@media(max-width:640px){.quick-guide{padding:17px 15px;border-radius:13px}.quick-lead{font-size:16px}.quick-steps li{grid-template-columns:34px minmax(0,1fr);gap:11px;padding:13px 0}.quick-num{width:30px;height:30px;font-size:13px}.quick-steps strong{font-size:15px}.quick-steps span:not(.quick-num){font-size:14px}.quick-two,.quick-programs{grid-template-columns:1fr}.quick-tip{font-size:14px}}

/* Outdooractive tour recommendations */
.oa-routes>p{max-width:760px}
.oa-route-grid{display:grid;gap:14px;margin-top:18px}
.oa-route-card{display:grid;grid-template-columns:46px 1fr;gap:13px;padding:18px;border:1px solid rgba(27,67,53,.13);border-radius:18px;background:#fff;box-shadow:0 6px 20px rgba(28,56,45,.06)}
.oa-route-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:var(--navy)}
.oa-route-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.oa-route-card h3{margin:0 0 3px;font-size:18px;line-height:1.25}
.oa-route-card h3+p{margin:0 0 11px!important;font-size:13px!important;color:#63716a}
.oa-facts{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 11px}
.oa-facts span{display:inline-flex;gap:4px;align-items:center;padding:7px 9px;border-radius:10px;background:#f2f5f2;font-size:12px;color:#4c5c54}
.oa-facts b{color:#183f32}
.oa-desc{margin:0 0 14px!important;font-size:14px!important;line-height:1.55!important}
.oa-route-card .bike-primary{display:inline-block;width:auto;padding:10px 13px;font-size:13px}
.oa-note{margin-top:15px!important;padding:12px 14px;border-radius:12px;background:#f7f5ef;font-size:12px!important;line-height:1.5!important;color:#657068}
@media(max-width:560px){.oa-route-card{grid-template-columns:36px 1fr;padding:15px}.oa-route-icon{width:30px;height:30px}.oa-route-icon svg{width:27px;height:27px}.oa-route-card h3{font-size:17px}.oa-route-card .bike-primary{display:block;text-align:center}}
