/* Vanecor – Styles für Block-Editor-Seiten (Frontend + Editor) */
:root{
  --petrol:#0F3B4C; --petrol-deep:#0B2D3B; --teal:#1C7293;
  --amber:#D97706; --amber-soft:#F6C177;
  --paper:#F3F6F7; --card:#FFFFFF; --ink:#22333B; --muted:#5B7683;
  --line:#D5DEE2; --line-dark:#25505F;
  --disp:'Barlow Condensed','Arial Narrow',Arial,sans-serif;
  --body:'Barlow',Arial,Helvetica,sans-serif;
}
html{scroll-behavior:smooth;}
body.vanecor-blocks{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;}
.vanecor-blocks a{color:var(--teal);text-decoration:none;}
.vanecor-blocks a:hover{color:var(--amber);}
.vn-wrap{max-width:1120px;margin:0 auto;padding:0 24px;}

/* ---- Navigation / Footer (Template) ---- */
.vn-nav{position:sticky;top:0;z-index:50;background:var(--petrol);border-bottom:1px solid var(--line-dark);}
.admin-bar .vn-nav{top:32px;} @media (max-width:782px){.admin-bar .vn-nav{top:46px;}}
.vn-nav-in{display:flex;align-items:center;justify-content:space-between;height:64px;gap:24px;}
.vn-logo{display:flex;align-items:center;gap:12px;color:#F4F6F7;}
.vn-logo svg{width:34px;height:34px;flex:none;}
.vn-logo b{font-family:var(--disp);font-weight:600;font-size:24px;letter-spacing:.12em;}
.vn-logo span{font-size:12.5px;color:#9FB3BC;border-left:1px solid var(--line-dark);padding-left:12px;line-height:1.25;}
.vn-nav-links{display:flex;gap:20px;font-family:var(--disp);font-weight:500;font-size:16px;letter-spacing:.06em;text-transform:uppercase;}
.vn-nav-links a{color:#C6D3D9;} .vn-nav-links a:hover{color:var(--amber-soft);}
@media (max-width:1020px){.vn-nav-links{display:none;} .vn-logo span{display:none;}}
.vn-footer{background:var(--petrol-deep);color:#7E939C;padding:26px 0 40px;font-size:12.5px;}
.vn-foot-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:10px;font-family:var(--disp);font-weight:500;letter-spacing:.06em;text-transform:uppercase;font-size:14px;}
.vn-foot-links a{color:#C6D3D9;}

/* ---- Typografie ---- */
.vanecor-blocks h1,.vanecor-blocks h2,.vanecor-blocks h3,.vanecor-blocks h4,
.editor-styles-wrapper h1,.editor-styles-wrapper h2,.editor-styles-wrapper h3,.editor-styles-wrapper h4{font-family:var(--disp);font-weight:600;line-height:1.1;color:var(--petrol);margin:0 0 10px;}
.vanecor-blocks h2,.editor-styles-wrapper h2{font-size:clamp(30px,4vw,44px);line-height:1.08;margin-top:10px;text-wrap:balance;}
.vanecor-blocks h3,.editor-styles-wrapper h3{font-size:26px;}
.vanecor-blocks h4,.editor-styles-wrapper h4{font-size:18px;margin-top:14px;}
.vanecor-blocks p,.editor-styles-wrapper p{margin:0 0 12px;}
.eyebrow{font-family:var(--disp) !important;font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:15px !important;color:var(--amber) !important;margin-bottom:4px !important;}
.lede{max-width:64ch;margin-top:18px;color:var(--muted);font-size:18px;}
.on-dark,.dark p{color:#C6D3D9;}
.dark .lede{color:#C6D3D9;}
.dark h2{color:#F4F6F7;}
.wedge{font-family:var(--disp);font-size:24px;color:var(--amber-soft);margin-top:18px;}
.dark li{color:#C6D3D9;font-size:15px;margin-bottom:10px;}
.dark ul{padding-left:18px;}

/* ---- Hero ---- */
.hero-cover{padding:104px 0 96px;}
.hero-cover .wp-block-cover__inner-container{max-width:1120px;padding:0 24px;}
.hero-cover .eyebrow{color:var(--amber) !important;}
.hero-h1{font-weight:700 !important;text-transform:uppercase;font-size:clamp(44px,7vw,84px) !important;line-height:.98 !important;letter-spacing:.015em;max-width:17ch;color:#F4F6F7 !important;}
.hero-h1 em{font-style:normal;color:var(--amber-soft);}
.hero-p{max-width:58ch;margin-top:26px !important;font-size:19px;color:#C6D3D9 !important;}
.hero-cover .wp-block-buttons{margin-top:38px;gap:16px;}

/* ---- Buttons ---- */
.vanecor-blocks .wp-block-button__link{font-family:var(--disp);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:17px;padding:14px 30px;border-radius:0;background:var(--amber);color:#0B2D3B;border:2px solid var(--amber);}
.vanecor-blocks .wp-block-button__link:hover{background:var(--amber-soft);border-color:var(--amber-soft);color:#0B2D3B;}
.vanecor-blocks .is-style-outline .wp-block-button__link{background:transparent;border-color:var(--line-dark);color:#F4F6F7;}
.vanecor-blocks .is-style-outline .wp-block-button__link:hover{border-color:var(--amber-soft);color:var(--amber-soft);}

/* ---- Sektionen & Karten ---- */
.sect{border-top:1px solid var(--line);}
.sect > *{max-width:1120px !important;}
.sect.legal{background:var(--petrol-deep);color:#C6D3D9;}
.sect.legal h2,.sect.legal h3{color:#F4F6F7;}
.card{display:flex;flex-direction:column;height:100%;}
.card h3{font-size:27px;}
.card p{font-size:15.5px;color:var(--muted);line-height:1.55;}
.card .card-link{margin-top:auto;padding-top:14px;}
.card .card-link a{font-family:var(--disp);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:15px;}
.card-plain{height:100%;}
.card-plain h3{font-size:22px;}
.card-plain h4{font-size:17px;margin-top:0;}
.card-plain p{font-size:14.5px;color:var(--muted);line-height:1.5;}
.wp-block-columns{margin-bottom:0;}
.wp-block-column{display:flex;flex-direction:column;}
.wp-block-column > .wp-block-group{flex:1;}
.entry-strip{color:#C6D3D9;font-size:16px;}
.entry-strip p{color:#C6D3D9;margin:0;}
.entry-strip strong{color:var(--amber-soft);}
.chips{display:flex;flex-wrap:wrap;gap:6px;}
.chip{display:inline-block;font-family:var(--disp);font-weight:600;letter-spacing:.06em;font-size:13.5px;padding:4px 10px;border:1px solid var(--line);color:var(--petrol);}
.t-photo{text-align:center;margin:-28px -26px 18px !important;max-width:none !important;}
.photo-ph{color:#9FB3BC;font-family:var(--disp);letter-spacing:.1em;text-transform:uppercase;font-size:14px;margin:0 !important;}
.t-role{font-family:var(--disp);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:14px !important;color:var(--amber) !important;}
.t-quote{font-style:italic;color:var(--petrol) !important;border-left:3px solid var(--amber);padding-left:12px;}
.stat-num{font-family:var(--disp);font-weight:700;font-size:40px !important;line-height:1;color:var(--amber) !important;margin-bottom:6px !important;}
.stat-txt{font-size:14px !important;color:var(--muted) !important;}
.band-title{font-family:var(--disp);font-weight:600;font-size:22px;color:var(--petrol);margin-top:20px;}
.band-sub{font-size:15px;color:var(--muted);max-width:70ch;}
.b-card{font-size:14.5px !important;color:var(--muted) !important;line-height:1.5;}
.b-card strong{color:var(--petrol);font-family:var(--disp);font-size:17px;}
.soon{font-family:var(--disp);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);}
.ref-note{font-size:13.5px;color:#9FB3BC;margin-top:24px;}
.mk-ref{font-size:14px !important;border-top:1px solid var(--line);padding-top:12px;margin-top:auto;}
.mk-foot{margin-top:24px;color:var(--muted);}
.j-kick{font-family:var(--disp);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:13.5px !important;color:var(--amber) !important;}
.j-hook{color:var(--ink) !important;font-size:16px !important;}
.card ul{padding-left:18px;font-size:15px;color:var(--muted);}
.card li{margin-bottom:6px;}
.big{font-family:var(--disp);font-weight:600;font-size:22px !important;color:var(--petrol) !important;}
.big a{color:var(--petrol);}

/* ---- Tabelle ---- */
.sgt-table table{border-collapse:collapse;font-size:15px;}
.sgt-table thead th{background:var(--petrol);color:#F4F6F7;font-family:var(--disp);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:14px;text-align:left;padding:12px 14px;border:none;}
.sgt-table td{padding:14px;border:none;border-bottom:1px solid var(--line);vertical-align:top;color:var(--muted);background:var(--card);}
.sgt-table td:first-child{font-family:var(--disp);font-weight:600;font-size:20px;color:var(--petrol);}
.sgt-table td:first-child em{font-family:var(--body);font-weight:400;font-size:13.5px;color:var(--muted);display:block;}
.sgt-table td:nth-child(2){font-weight:600;color:var(--ink);white-space:nowrap;}
.sgt-table td:nth-child(3){font-family:var(--disp);font-weight:600;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);}
.tag-am{color:var(--amber);}
.fact-table table{font-size:15px;}
.fact-table thead{display:none;}
.fact-table td{border:none;border-bottom:1px solid var(--line);padding:10px 4px;}
.fact-table td:first-child{color:var(--muted);font-family:var(--disp);letter-spacing:.06em;text-transform:uppercase;font-size:13.5px;width:38%;}

/* ---- Bild ---- */
.fig-wide img{width:100%;aspect-ratio:2/1;object-fit:cover;object-position:center 45%;border:1px solid var(--line);}
.fig-wide figcaption{font-size:13px;color:var(--muted);font-style:italic;text-align:left;margin-top:8px;}

/* ---- FAQ ---- */
.faq-item{border:1px solid var(--line);background:var(--card);padding:16px 20px;margin-bottom:10px;}
.faq-item summary{font-family:var(--disp);font-weight:600;font-size:20px;color:var(--petrol);cursor:pointer;}
.faq-item p{margin-top:10px;color:var(--muted);font-size:15.5px;}

/* ---- Legal ---- */
.legal p{font-size:14.5px;}
.legal h3{font-size:20px;margin-top:22px;}

/* ---- Korrekturen ---- */
.hero-cover .wp-block-cover__inner-container{margin:0 auto;width:100%;}
.card > *,.card-plain > *{margin-left:0 !important;margin-right:0 !important;max-width:none !important;width:100%;}
.card .wp-block-buttons{margin-top:auto;padding-top:16px;}
.t-photo{width:auto !important;}
.wp-block-cover.has-custom-content-position.has-custom-content-position.hero-cover .wp-block-cover__inner-container{width:100%;max-width:1120px;margin:0 auto;}
.hero-cover .wp-block-cover__inner-container > *{margin-left:0 !important;margin-right:0 !important;}
.sect > .lede{max-width:64ch !important;}
.sect > .band-sub{max-width:70ch !important;}

/* ---- Menü & Sprachumschalter ---- */
.vn-nav-right{display:flex;align-items:center;gap:22px;}
ul.vn-nav-links{list-style:none;margin:0;padding:0;}
ul.vn-nav-links li{margin:0;}
.vn-lang{display:flex;gap:2px;}
.vn-lang a{font-family:var(--disp);font-weight:600;font-size:14px;letter-spacing:.08em;padding:5px 10px;border:1px solid var(--line-dark);color:#9FB3BC;}
.vn-lang a.active{background:var(--amber);border-color:var(--amber);color:#0B2D3B;}

/* Lokal eingebundene Schriften */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/barlow-v13-latin-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/barlow-v13-latin-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/barlow-v13-latin-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/barlow-v13-latin-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/barlow-condensed-v13-latin-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/barlow-condensed-v13-latin-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/barlow-condensed-v13-latin-700.woff2') format('woff2');
}
/* Abschnittsabstände auf Smartphones */
@media (max-width: 781px) {
  .vanecor-blocks .sect {
    padding: 40px 20px !important;
  }

  .vanecor-blocks .sect > .wp-block-spacer {
    height: 24px !important;
  }
}
/* Tabelle auf Smartphones seitlich scrollbar */
@media (max-width: 781px) {
  .vanecor-blocks .sgt-table {
    max-width: 100%;
    overflow-x: auto;
  }

  .vanecor-blocks .sgt-table table {
    width: 100%;
    min-width: 720px;
    table-layout: auto;
  }

  .vanecor-blocks .sgt-table th,
  .vanecor-blocks .sgt-table td {
    word-break: normal;
    overflow-wrap: normal;
  }
}
/* Abschnittsabstände auf größeren Tablets */
@media (min-width: 782px) and (max-width: 1100px) {
  .vanecor-blocks .sect {
    padding: 56px 24px !important;
  }

  .vanecor-blocks .sect > .wp-block-spacer {
    height: 32px !important;
  }
}