/* Gemeinsame Phase-D-Gestaltung für Magazin und Ausflugsportal. */
:root {
 --mo-ink:#193341; --mo-muted:#42555b; --mo-header:#153847; --mo-bg:#fafbf9;
 --mo-border:#d4ded9; --mo-caption:#f2f5f3; --mo-action:#15574f; --mo-focus:#102b49;
 --mo-space:clamp(.875rem,1.6vw,1.375rem); --mo-card-padding:clamp(.875rem,1.5vw,1.125rem);
 --mo-radius:.5625rem; --mo-credit-size:.8125rem; --mo-card-heading:1.375rem;
 --mo-preview-ratio:16/9; --mo-font:Outfit,Arial,sans-serif;
}
body { background:var(--mo-bg); color:var(--mo-ink); font:1rem/1.55 var(--mo-font); overflow-wrap:anywhere; }
.wrap { width:min(1248px,calc(100% - 7vw)); margin-inline:auto; }
h1,h2,h3 { font-family:Outfit,Arial,sans-serif; overflow-wrap:anywhere; }
body .site-header { background:var(--mo-header); border:0; }
body .header-inner { display:flex; align-items:center; justify-content:space-between; padding:10px 0; gap:22px; }
body .site-header .brand-block { display:flex; flex:1 1 auto; flex-direction:row; align-items:center; gap:clamp(.75rem,1.6vw,1.375rem); min-width:0; }
body .custom-logo-link { background:none; padding:0; flex:none; }
body .site-header .custom-logo { display:block; width:110px; height:auto; max-width:110px; max-height:none; }
body .magazine-motto,body .magazine-motto em { color:white; margin:0; font:550 1.375rem/1.3 var(--mo-font); }
body .magazine-motto { border:0; padding:0; }
body .site-header .header-tools { display:flex; flex:none; align-items:center; justify-content:flex-end; gap:.625rem; width:auto; background:none; }
body .header-search { position:relative; width:auto; flex:none; }
body .header-search summary svg { flex:none; }
body .header-search summary { display:flex; align-items:center; gap:8px; cursor:pointer; list-style:none; border-radius:24px; background:#e9bd53; color:#193341; padding:10px 17px; min-height:44px; }
body .header-search .search-panel { position:absolute; z-index:30; top:100%; right:0; padding:1rem; width:min(22.5rem,calc(100vw - 2rem)); background:var(--mo-header); }
body .navigation-surface { background:white; border-bottom:1px solid #d0dcd6; }
body .main-nav { border:0; }
body .main-nav > ul { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:4px clamp(.25rem,1vw,1rem); padding:4px 0; margin:0; list-style:none; }
body .main-nav a { color:var(--mo-ink); font:600 1rem/1.4 var(--mo-font); text-decoration:none; padding:.25rem 0; }
body .main-nav :is(.current-menu-item>a,a[aria-current="page"]) { color:var(--topic-accent,var(--mo-ink)); text-decoration:underline; text-decoration-thickness:.15em; }
body .nav-toggle { display:none; }
body .main-nav > ul > li { position:relative; display:flex; align-items:center; padding:0; }
body .main-nav > ul > li > a { display:flex; align-items:center; min-height:44px; }
body .main-nav .sub-menu { display:block; margin:0; padding:.25rem 0; border:0; list-style:none; }
body .main-nav .sub-menu li { margin:0; padding:0; }
body .main-nav .sub-menu a { display:flex; align-items:center; min-height:44px; padding:.5rem .75rem; }
body .main-nav .sub-menu a:hover { background:var(--mo-caption); }
body .main-nav .sub-menu[hidden] { display:none; }
body .main-nav .submenu-toggle { flex:none; display:grid; place-items:center; min-width:28px; min-height:44px; padding:0; border:0; border-radius:4px; background:transparent; color:var(--mo-ink); cursor:pointer; }
body .main-nav .submenu-toggle::before { content:""; width:.45rem; height:.45rem; border:solid currentColor; border-width:0 2px 2px 0; transform:rotate(45deg); margin-top:-.2rem; }
body .main-nav .submenu-toggle[aria-expanded="true"]::before { transform:rotate(225deg); margin-top:.2rem; }
body .main-nav :is(a,.submenu-toggle):focus-visible { outline:2px solid var(--mo-focus); outline-offset:-2px; }
@media (min-width:761px) {
 .js body .main-nav:not(.is-open) { display:block; }
 .js body .nav-toggle { display:none; }
 .js body .main-nav > ul > li > .sub-menu { position:absolute; z-index:20; top:100%; left:var(--submenu-offset,0px); width:min(19rem,calc(100vw - 2rem)); max-height:65vh; overflow:auto; background:white; border:1px solid var(--mo-border); border-radius:var(--mo-radius); box-shadow:0 6px 20px #19334126; }
}
.skip-link:not(:focus) { position:absolute; inline-size:1px; block-size:1px; padding:0; overflow:hidden; clip-path:inset(50%); }
.skip-link:focus { position:fixed; left:1rem; top:.5rem; z-index:100; padding:.65rem; color:var(--mo-focus); background:white; }
.home .discover { background:#e9f1ed; border:1px solid #d0ded6; border-radius:10px; padding:18px 24px; margin:22px 0; }
.home .discover h2 { font-size:30px; line-height:1.2; margin:0 0 10px; }
.home .mo-location-form { margin:0; padding:0; background:transparent; border:0; display:grid; grid-template-columns:2.4fr 1.2fr 1fr 1.15fr auto; align-items:end; gap:14px; }
.home .mo-location-form label { min-width:0; font-size:14px; font-weight:550; }
.home .mo-location-form input,.home .mo-location-form select { display:block; width:100%; height:46px; font-size:16px; }
.home .mo-location-form button { min-height:46px; background:#15574f; }
.home .mo-slider { position:relative; border:1px solid #d6dedb; border-radius:12px; overflow:hidden; background:white; }
.home .cover-story { display:grid; grid-template-columns:1.3fr 1fr; gap:0; align-items:center; background:white; color:#193341; }
.home .cover-story[hidden] { display:none; }
.home .cover-media { min-width:0; margin:0; }
.home .cover-image { display:block; aspect-ratio:16/9; }
.home .cover-visual { position:relative; }
.home .cover-visual .visit-status { max-width:calc(100% - 20px); font-size:.875rem; }
.home .cover-media img { width:100%; height:100%; display:block; aspect-ratio:16/9; object-fit:var(--mo-frame-fit,cover); object-position:var(--mo-frame-position,50% 50%); }
.home .cover-copy { min-width:0; padding:18px 28px 64px; display:flex; flex-direction:column; align-items:start; gap:10px; }
.home .cover-copy>* { margin:0; }
.home .cover-copy .eyebrow { color:#344e59; font-size:12px; letter-spacing:.09em; }
.home .cover-copy h2 { font-size:44px; line-height:1.16; letter-spacing:-.04em; }
.home .cover-copy h2 a { color:#193341; text-decoration:none; }
.home .cover-title-main { display:block; }
.home .cover-title-sub { display:block; margin-top:10px; font-size:19px; line-height:1.3; letter-spacing:0; }
.home .cover-excerpt { font-size:16px; line-height:1.45; color:#334c56; }
.home .cover-cta,.home .topic-button { display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:8px 14px; background:#15574f; color:white; border-radius:5px; text-decoration:none; font-weight:600; }
.home .cover-copy time { color:#42555b; font-size:13px; }
.home .slider-controls { position:absolute; bottom:12px; right:20px; display:flex; align-items:center; justify-content:end; flex-wrap:wrap; gap:8px; max-width:calc(43.5% - 40px); font-size:13px; }
.home .slider-controls button { min-height:40px; background:#f1f5f2; color:#193341; border:1px solid #647870; padding:6px 10px; }
.home .slider-controls .slider-play { font-size:12px; padding:6px 8px; }
.home .about-section { display:flex; align-items:center; gap:22px; padding:18px 24px; margin:28px 0; border-radius:9px; background:#eef3f0; }
.home .about-photo { flex:none; width:clamp(8.5rem,15vw,11rem); margin:0; }
.home .about-photo img { display:block; width:100px; height:100px; object-fit:cover; border-radius:50%; }
.home .about-photo figcaption { padding-inline:0; background:transparent; }
.home .about-section h2 { font-size:30px; margin:0 0 5px; }
.home .about-section p { margin:0 0 5px; }
.home .about-section .eyebrow,.home .heading-line { display:none; }
.home .magazine-section:not(.discover):not(.scale-section),.home .recommendations { padding:0; border:0; margin:42px 0; }
.home .section-heading { max-width:none; margin-bottom:18px; }
.home .magazine-section>.section-heading h2,.home .recommendations>.section-heading h2 { border-left:4px solid #237263; padding-left:13px; }
.home .section-heading h2,.home .scale-section h2 { font-size:32px; line-height:1.2; letter-spacing:-.035em; }
.home .section-heading .eyebrow { display:none; }
body .post-grid,body .category-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:var(--mo-space); }
.mo-card { min-width:0; border:1px solid var(--mo-border); border-radius:var(--mo-radius); background:#fff; color:var(--mo-ink); overflow-wrap:anywhere; }
body .post-card,body .category-tile { display:flex; flex-direction:column; min-height:0; padding:0; overflow:clip; }
body .card-media,body .category-tile figure { position:relative; margin:0; }
body :is(.card-image,.category-image) { display:block; position:relative; width:100%; aspect-ratio:var(--mo-preview-ratio); min-height:0; background:var(--mo-caption); }
body .post-card .card-image .thumb,body .category-image img { position:absolute; inset:0; display:block; width:100%; height:100%; aspect-ratio:auto; object-fit:var(--mo-frame-fit,cover); object-position:var(--mo-frame-position,50% 50%); }
body .post-grid .post-card .card-body { flex:1; padding:var(--mo-card-padding); display:flex; flex-direction:column; gap:.5rem; }
body .post-grid .post-card .card-body :is(h2,h3) { margin:0; font-family:var(--mo-font); font-size:var(--mo-card-heading); line-height:1.23; overflow:visible; }
body .card-body p { margin:0; }
body .post-grid .post-card .card-excerpt, .mo-excerpt { font-size:1rem; line-height:1.5; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; line-clamp:3; overflow:hidden; }
body .card-topic { color:var(--topic-accent); font-size:13px; font-weight:700; }
body .card-place,.kind-label,body .card-bottom { font-size:13px; }
body .card-bottom { display:flex; justify-content:space-between; flex-wrap:wrap; gap:0 .75rem; margin-top:auto; padding-top:.375rem; border-color:var(--mo-border); }
body .card-bottom .read-more { display:inline-flex; align-items:center; min-height:44px; gap:.3em; font-size:.875rem; }
body .visit-status { position:absolute; top:10px; left:10px; padding:5px 9px; border-radius:4px; background:#164f49; color:white; font-size:13px; }
figure .image-credit { display:block; padding:.35rem .65rem; margin:0; background:var(--mo-caption); color:var(--mo-muted); font-size:var(--mo-credit-size); line-height:1.45; white-space:normal; overflow-wrap:anywhere; }
.mo-caption-description,.mo-credit-source { display:block; }
body .category-tile::after { display:none; }

body .category-tile .tile-body { display:flex; flex:1; flex-direction:column; align-items:start; gap:.625rem; min-width:0; padding:var(--mo-card-padding); border-top:4px solid var(--topic-accent); }
body .category-tile .tile-title { display:flex; align-items:center; gap:.625rem; margin:0; padding:0; font-size:var(--mo-card-heading); line-height:1.23; color:var(--topic-accent); }
body .tile-title a { color:inherit; }
body .rubrikzeichen { flex:none; width:38px; height:38px; }
body .category-tile .tile-description { margin:0; padding:0; font-size:1rem; line-height:1.55; color:var(--mo-ink); }
body .category-tile .topic-button { margin-top:auto; background:var(--topic-accent); color:white; }

@supports (grid-template-rows:subgrid) {
 @media (min-width:651px) {
  body .category-tile { display:grid; grid-row:span 3; grid-template-rows:subgrid; row-gap:0; }
  body .category-tile .tile-media { display:grid; grid-row:span 2; grid-template-rows:subgrid; row-gap:0; }
 }
}
.home .scale-section { padding:24px; background:#edf3ef; border-radius:9px; }
.home .scale-section .toni-scale-guide { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.home .scale-section .toni-scale-guide>div { min-width:0; text-align:center; font:16px/1.4 Outfit,Arial,sans-serif; }
.home .scale-section .toni-scale-guide img { width:100px; height:100px; object-fit:contain; margin:0 auto 8px; }
.home .candidate-note { font-size:14px; }
.home .press-section { background:none; color:#193341; margin:0; padding:0; width:auto; }
.home .recommendations .mo-rec-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); align-items:stretch; gap:14px; }
.home .recommendations .recommendation-card { display:flex; flex-direction:column; align-self:stretch; min-width:0; gap:6px; padding:12px; border:1px solid #d6dfdb; border-radius:8px; background:white; color:#213c43; }
.home .recommendation-card h3 { font-size:17.2px; line-height:1.3; margin:4px 0 0; }
.home .mo-rec-media { margin:0; }
.home .mo-rec-logo { position:relative; aspect-ratio:16/9; background:#f1f4f2; border-radius:4px; }
.home .mo-rec-logo.dark { background:#344752; }
.home .mo-rec-logo img { position:absolute; inset:10%; width:80%; height:80%; object-fit:contain; }
.home .recommendations .mo-rec-media .image-credit { padding:0; background:none; }
.home .recommendations .mo-rec-media figcaption { margin:0; padding:6px 0 0; background:transparent; font-size:13px; line-height:1.4; color:#495953; }
.home .recommendation-card summary { min-height:30px; font-size:13px; color:#15574f; cursor:pointer; text-decoration:underline; }
.home .rec-excerpt { font-size:15px; line-height:1.45; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin:0; }
.home .rec-excerpt.expanded { display:block; overflow:visible; }
.home .rec-toggle { min-height:36px; background:none; border:0; padding:4px 0; color:#15574f; text-decoration:underline; font-size:14px; text-align:left; }
.home .recommendations .recommendation-card .read-more { display:inline-flex; align-items:center; min-height:44px; margin-top:auto; padding-top:6px; font-size:15px; color:#15574f; }
body .site-footer { background:var(--mo-header); color:white; padding-top:0; }
body .footer-editorial { background:#eef3f0; color:#193341; padding:24px 0; }
body .footer-editorial a { color:#193341; }
body .footer-editorial section { margin:18px 0; padding:0; background:none; }
body .footer-editorial h2 { font-size:20px; }
body .footer-social ul { display:flex; flex-wrap:wrap; gap:16px; list-style:none; padding:0; }
body .footer-social a { display:inline-flex; align-items:center; gap:8px; min-height:44px; }
body .footer-tag-disclosure:not([open]) .tag-label-open { display:none; }
body .footer-tag-disclosure[open] .tag-label-closed { display:none; }
body .footer-row { display:flex; flex-wrap:wrap; gap:18px; align-items:center; justify-content:space-between; padding:22px 0; }
body .footer-row a { color:white; }
:focus-visible { outline:3px solid #102b49; outline-offset:3px; box-shadow:0 0 0 2px white; }
body .site-header :focus-visible { outline-color:#e9bd53; }
@media(max-width:950px) {
 body .post-grid,body .category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:1000px) {

 body .magazine-motto,body .magazine-motto em { font-size:1.125rem; }
 .home .recommendations .mo-rec-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (min-width:761px) and (max-width:1000px) {
 body .main-nav > ul { gap:4px; }
 body .main-nav > ul > li > a { font-size:.9rem; }
}
@media(max-width:850px) {
 .home .mo-location-form { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .home .cover-story { display:flex; flex-direction:column; }
 .home .cover-copy { width:100%; padding:18px; }
 .home .cover-copy h2 { font-size:clamp(28px,5vw,44px); }
 .home .slider-controls { position:static; max-width:none; padding:10px 18px; }
}
@media(max-width:760px) {
 .js body .nav-toggle { display:block; min-height:44px; }
 .js .main-nav:not(.is-open) { display:none; }
 body .main-nav > ul { flex-direction:column; align-items:stretch; gap:0; }
 body .main-nav > ul > li { flex-wrap:wrap; border-bottom:1px solid var(--mo-border); }
 body .main-nav > ul > li:last-child { border-bottom:0; }
 body .main-nav > ul > li > a { flex:1; min-width:0; }
 body .main-nav .submenu-toggle { min-width:44px; }
 body .main-nav > ul > li > .sub-menu { flex:0 0 100%; padding-inline-start:.75rem; background:var(--mo-caption); }
}
@media(max-width:650px) {
 .wrap { width:calc(100% - 32px); }
 body .header-inner { gap:10px; align-items:start; }
 body .site-header .brand-block { flex-direction:column; align-items:start; gap:.5rem; }
 body .magazine-motto,body .magazine-motto em { font-size:1rem; }
 body .site-header .header-tools { flex-direction:column; align-items:stretch; }
 .home .mo-location-form { grid-template-columns:minmax(0,1fr); }
 .home .discover { padding:16px; }
 body .post-grid,body .category-grid,.home .recommendations .mo-rec-grid { grid-template-columns:minmax(0,1fr); }
 .home .about-section { align-items:start; padding:16px; gap:12px; }
 .home .about-photo { width:min(34%,8.5rem); }
 .home .about-photo img { width:70px; height:70px; }
 .home .about-section h2 { font-size:24px; }
 .home .section-heading h2,.home .scale-section h2 { font-size:24.8px; }
 body .rubrikzeichen { width:34px; height:34px; }
 .home .scale-section .toni-scale-guide { grid-template-columns:repeat(auto-fit,minmax(min(100%,3.8em),1fr)); gap:6px; }
 .home .scale-section .toni-scale-guide img { width:100%; height:auto; aspect-ratio:1; }
 .home .scale-section .toni-scale-guide>div { font-size:13px; }
 .home .recommendation-card .mo-rec-logo { width:100%; max-width:224px; margin:auto; }
}
@media(prefers-reduced-motion:reduce) { .home { scroll-behavior:auto; } }

.mo-page-actions { display:flex; justify-content:flex-end; margin:2rem 0 .5rem; }
body a.mo-top-link { display:inline-flex; align-items:center; gap:.6em; min-height:44px; padding:.5rem .85rem; background:var(--mo-focus); color:#fff; border-radius:.3125rem; font-weight:650; text-decoration:none; }
.mo-top-link:hover { text-decoration:underline; }
.entry :is(h1,h2,h3,h4),.section-heading :is(h1,h2) { font-family:var(--mo-font); overflow-wrap:anywhere; }
.entry-content { color:var(--mo-ink); line-height:1.7; }
.entry-content :is(.wp-block-table,table) { max-width:100%; overflow-x:auto; }
.entry-content :is(figcaption,.wp-caption-text,.gallery-caption) { font-family:var(--mo-font) !important; font-size:var(--mo-credit-size) !important; color:var(--mo-muted) !important; }