@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 900;font-display:swap;src:url('fonts/playfair-var.woff2') format('woff2');}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400 900;font-display:swap;src:url('fonts/playfair-var-italic.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/inter-var.woff2') format('woff2');}

:root{--navy:#1D3557;--blue:#457B9D;--grey:#8BA7B8;--cream:#F5F0EB;--ink:#2C2C2C;}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased;font-size:17px;}
h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:600;color:var(--navy);line-height:1.2;}
a{color:var(--blue);}
.wrap{max-width:760px;margin:0 auto;padding:0 24px;}
section{padding:64px 0;}
.eyebrow{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--grey);margin-bottom:18px;}
h2{font-size:32px;margin-bottom:8px;}
.rule{width:56px;height:2px;background:var(--blue);margin:16px 0 28px;}
p{margin-bottom:16px;}
.lead{font-size:19px;color:#41586B;font-weight:300;}

/* HERO */
.hero{background:var(--navy);color:var(--cream);padding:72px 0 64px;position:relative;overflow:hidden;}
.hero:after{content:'';position:absolute;right:-160px;top:-160px;width:460px;height:460px;border-radius:50%;border:1px solid rgba(139,167,184,.28);}
.hero .wrap{position:relative;z-index:2;}
.mono{width:64px;height:64px;border-radius:50%;border:1px solid var(--grey);display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:20px;letter-spacing:.05em;margin-bottom:36px;}
.hero h1{font-size:62px;color:var(--cream);line-height:1.02;margin-bottom:22px;}
.hero .sub{font-size:20px;color:#DCE6ED;font-weight:300;max-width:540px;margin-bottom:34px;}
.facts{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid rgba(139,167,184,.3);border-bottom:1px solid rgba(139,167,184,.3);margin-bottom:36px;}
.facts div{flex:1;min-width:120px;padding:18px 8px;text-align:center;border-right:1px solid rgba(139,167,184,.3);}
.facts div:last-child{border-right:none;}
.facts .k{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--grey);margin-bottom:6px;}
.facts .v{font-family:'Playfair Display',serif;font-size:22px;color:var(--cream);}

/* BUTTON */
.cta{display:inline-block;background:var(--cream);color:var(--navy);font-weight:600;font-size:18px;
  padding:18px 40px;border-radius:2px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;}
.cta:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.18);}
.cta-dark{background:var(--navy);color:var(--cream);}
.price{font-size:15px;margin-top:16px;color:#A9BECC;}
.price-dark{color:#5F7285;}
.center{text-align:center;}

/* BLOECKE */
.cream{background:var(--cream);}
.navy{background:var(--navy);color:var(--cream);}
.navy h2,.navy h3{color:var(--cream);}
.navy .lead{color:#DCE6ED;}
.navy .rule{background:var(--grey);}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px;}
.card h3{font-size:19px;margin-bottom:8px;}
.card p{font-size:16px;margin:0;color:#4A5C68;}
.navy .card p{color:#C7D5DF;}
ul.plain{list-style:none;margin:0 0 20px;}
ul.plain li{padding:10px 0 10px 30px;border-bottom:1px solid #EDE7E0;position:relative;}
ul.plain li:before{content:'';position:absolute;left:6px;top:19px;width:7px;height:7px;border-radius:50%;background:var(--blue);}
.navy ul.plain li{border-bottom:1px solid rgba(139,167,184,.25);}
.chapters{columns:2;column-gap:32px;margin-top:8px;}
.chapters div{break-inside:avoid;padding:7px 0;font-size:16px;}
.chapters span{font-family:'Playfair Display',serif;color:var(--blue);margin-right:9px;}
.quote{border-left:2px solid var(--blue);background:var(--cream);padding:22px 26px;margin:28px 0;font-style:italic;color:#3A5164;}
.navy .quote{background:rgba(255,255,255,.06);border-left-color:var(--grey);color:#DCE6ED;}
.faq{border-bottom:1px solid #EDE7E0;padding:18px 0;}
.faq h3{font-size:17px;margin-bottom:6px;}
.faq p{font-size:16px;margin:0;color:#4A5C68;}
.about{display:flex;gap:32px;align-items:flex-start;}
.about img{width:170px;border-radius:2px;flex-shrink:0;}
footer{background:var(--navy);color:var(--grey);padding:34px 0;font-size:14px;}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;}
footer a{color:var(--grey);text-decoration:none;margin-left:20px;}
footer a:hover{color:var(--cream);}
.mini{font-size:14px;color:#6B7C88;}
@media(max-width:640px){
  body{font-size:16px;}
  .hero h1{font-size:42px;}
  h2{font-size:26px;}
  .grid,.chapters{grid-template-columns:1fr;columns:1;}
  .about{flex-direction:column;}
  .about img{width:140px;}
  section{padding:48px 0;}
  .cta{display:block;text-align:center;}
}

/* ANMELDEFORMULAR */
.formbox{background:rgba(255,255,255,.07);border:1px solid rgba(139,167,184,.35);padding:28px;margin-top:8px;max-width:520px;}
.formbox-title{font-family:'Playfair Display',serif;font-size:20px;color:var(--cream);margin-bottom:18px;}
.formbox input[type=text],.formbox input[type=email]{
  width:100%;padding:15px 16px;margin-bottom:12px;border:1px solid rgba(139,167,184,.5);
  background:rgba(255,255,255,.95);color:var(--ink);font-family:inherit;font-size:16px;border-radius:2px;}
.formbox input::placeholder{color:#8A97A1;}
.formbox input:focus{outline:none;border-color:var(--cream);box-shadow:0 0 0 3px rgba(139,167,184,.25);}
.formbox button{width:100%;border:none;cursor:pointer;font-family:inherit;}
.hidepot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;}
.consent{font-size:13px;line-height:1.55;color:#A9BECC;margin:16px 0 0;}
.consent a{color:#DCE6ED;}

/* DOWNLOAD-SEITE: zwei Knoepfe und Hinweis fuer App-Browser */
.dlbuttons{display:flex;flex-wrap:wrap;gap:14px;}
.cta-ghost{background:transparent;color:var(--cream);border:1px solid rgba(245,240,235,.55);}
.cta-ghost:hover{background:rgba(255,255,255,.08);}
.appbox{background:var(--cream);color:var(--ink);padding:22px 24px;margin:0 0 26px;max-width:540px;border-left:3px solid var(--blue);}
.appbox strong{display:block;font-family:'Playfair Display',serif;font-size:19px;color:var(--navy);margin-bottom:6px;}
.appbox p{font-size:15px;margin-bottom:16px;color:#3A5164;}
.appbox .cta{background:var(--navy);color:var(--cream);}
.linkbtn{display:block;margin-top:12px;background:none;border:none;color:var(--blue);font:inherit;font-size:15px;text-decoration:underline;cursor:pointer;padding:0;}
@media(max-width:640px){.dlbuttons .cta{width:100%;}}

.voices{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px;}
.voice{background:#fff;border:1px solid #E2DCD3;border-radius:10px;padding:22px 24px;}
.voice p{font-size:16.5px;line-height:1.6;margin:0 0 12px;color:#2C3E4C;}
.voice .who{font-size:14px;color:var(--grey);letter-spacing:.06em;margin:0;}
@media(max-width:700px){.voices{grid-template-columns:1fr;}}