/* Bem Jam – Rechtsseiten (Impressum / Datenschutz) */
@font-face{font-family:"Ohno Softie";src:url(fonts/OhnoSoftie-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Ohno Softie";src:url(fonts/OhnoSoftie-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Ohno Softie";src:url(fonts/OhnoSoftie-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Baloo 2";src:url(fonts/Baloo2-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Baloo 2";src:url(fonts/Baloo2-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Baloo 2";src:url(fonts/Baloo2-700.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--cream:#FDECE1;--blue:#0B456E;--blue-light:#D5EBF0}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--cream);scroll-behavior:smooth}
body{background:var(--cream);color:var(--blue);font-family:"Ohno Softie","Baloo 2",system-ui,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
.wrap{max-width:820px;margin:0 auto;padding:34px 24px 40px}
/* Header: Logo mittig wie im Hero, Button rechts daneben */
.top{position:relative;display:flex;align-items:center;justify-content:center;min-height:120px;margin-bottom:48px}
.brand img{width:132px;height:auto;display:block}
.back{position:absolute;right:0;top:50%;transform:translateY(-50%);background:var(--blue);color:var(--cream);font-weight:700;font-size:15px;padding:11px 20px;border-radius:100px;text-decoration:none;white-space:nowrap}
.back:hover{opacity:.85}
main{text-align:center}
.eyebrow{font-size:16px;font-weight:700;color:var(--blue);opacity:.55;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
h1{font-size:clamp(44px,7vw,68px);font-weight:700;color:var(--blue);line-height:.95;margin-bottom:10px}
.updated{font-size:15px;font-weight:500;color:var(--blue);opacity:.55;margin-bottom:48px}
h2{font-size:23px;font-weight:700;color:var(--blue);margin:44px 0 10px}
p{font-size:17px;font-weight:400;margin:0 auto 14px;max-width:60ch}
main a{color:var(--blue);font-weight:500;text-decoration:underline;text-underline-offset:3px}
main a:hover{opacity:.75}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}
@media (max-width:430px){
  .brand img{width:80px}
  .back{font-size:12px;padding:8px 12px}
}

/* Unterseiten-Elemente */
.hero-fig{position:relative;width:min(440px,86%);margin:0 auto 52px}
.hero-img{display:block;width:100%;border-radius:28px}
.hero-fig .hero-img{margin:0}
.ai-badge{position:absolute;left:13px;bottom:13px;background:rgba(255,249,244,0.32);color:rgba(255,255,255,0.7);font-size:11px;font-weight:500;letter-spacing:.03em;padding:3px 8px;border-radius:100px;backdrop-filter:blur(2px)}
@media (max-width:700px){.ai-badge{font-size:9px;padding:3px 7px;left:10px;bottom:10px}}
.btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:26px 0 8px}
.btn{display:inline-block;background:var(--blue);color:var(--cream);font-weight:700;font-size:16px;padding:13px 24px;border-radius:100px;text-decoration:none}
.btn:hover{opacity:.85}
main a.mail{white-space:nowrap}
@media (max-width:700px){.hero-img{margin-bottom:40px}.btn{font-size:14px;padding:11px 18px}}

/* eingebetteter Original-Footer der Startseite */
.footer-embed{margin-top:96px;margin-bottom:40px;line-height:normal}
#footer-embed .bp{background:transparent}
.footer-embed .sec{pointer-events:none}
.footer-embed .sec>.el{pointer-events:auto}
@media (max-width:700px){.footer-embed{margin-top:64px;margin-bottom:28px}}