@font-face{font-family:'Jost';font-style:normal;font-weight:300 600;font-display:swap;src:url('/assets/fonts/jost-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Source Sans 3';font-style:italic;font-weight:300 600;font-display:swap;src:url('/assets/fonts/source-sans-3-italic-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:300 600;font-display:swap;src:url('/assets/fonts/source-sans-3-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:#fef9fa;color:#3d3d3d;font-family:"Source Sans 3","Helvetica Neue",Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#2c4a3e;text-decoration:none}
a:hover{color:#74583c}
input,textarea,button,select{font:inherit;color:inherit}
::placeholder{color:#a6a6a6}
img{max-width:100%}
.scp0:hover{color:#2c4a3e!important}
.scp1:hover{background:#3a5f50!important;color:#fff!important}
.scp2:hover{background:#f5edd8!important;color:#74583c!important}
.scp3:hover{background:#2c4a3e!important;color:#fff!important}
.scp4:hover{background:#fff!important;color:#2c4a3e!important}
.scp5:focus{border-color:#2c4a3e!important;outline:none!important}
.scp6:hover{background:#3a5f50!important}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-msg{font-size:16px;margin:0;padding:14px 16px}
.form-msg.ok{color:#74583c;background:#f5edd8}
.form-msg.err{color:#8a1f11;background:#fbe9e7}
@media (max-width:760px){
  .hd{min-height:0!important;padding:12px 16px!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important}
  .hd img{height:38px!important}
  .hd nav{justify-content:flex-start!important;gap:0 2px!important}
  .hd nav a{font-size:14px!important;padding:8px 7px!important}
  .hd nav a.cta{margin-left:0!important;padding:8px 12px!important}
  header{position:static!important}
}

/* Social-Media-Symbole im Footer */
.soc a{color:#c9c9c9!important;display:inline-flex;padding:4px}
.soc a:hover{color:#fff!important}

/* Häufige Fragen */
details.faq{border-bottom:1px solid #e1e1e1}
details.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:"+";font-family:Jost,sans-serif;font-size:26px;line-height:1;color:#b69779;flex-shrink:0}
details.faq[open] summary::after{content:"–"}
details.faq summary:hover h3{color:#74583c!important}

/* Menü-Knopf: nur auf dem Handy sichtbar */
.navbtn{display:none}

@media (max-width:900px){
  header{position:sticky!important}
  .hd{min-height:64px!important;padding:10px 20px!important;flex-direction:row!important;align-items:center!important;flex-wrap:wrap!important;gap:0!important}
  .hd img{height:36px!important}
  .navbtn{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;margin-right:-8px;padding:10px;background:none;border:0;cursor:pointer}
  .navbtn span{display:block;height:2px;background:#2c4a3e;border-radius:1px;transition:transform .2s,opacity .2s}
  header.open .navbtn span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  header.open .navbtn span:nth-child(2){opacity:0}
  header.open .navbtn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .hd nav{display:none!important;flex-basis:100%;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:8px 0 16px}
  header.open .hd nav{display:flex!important}
  .hd nav a{font-size:18px!important;padding:14px 2px!important;border-bottom:1px solid #eee}
  .hd nav a span{display:none!important}
  .hd nav a.cta{margin:16px 0 0!important;padding:15px 20px!important;text-align:center;border-bottom:0}

  main section{padding:56px 20px!important}
  footer{padding:48px 20px 32px!important}
  main [style*="grid-template-columns"],footer [style*="grid-template-columns"]{grid-template-columns:1fr!important;gap:22px!important}
  main [style*="padding: 42px 38px"],main [style*="padding: 38px 32px"]{padding:28px 22px!important}
  main [style*="justify-content: space-between"]{flex-wrap:wrap;gap:2px 16px!important}
  main [style*="padding: 24px 28px"][style*="space-between"]{padding:18px 20px!important}
  main form button[type=submit]{width:100%}
  main [style*="justify-content: space-between"]:has(> strong){flex-direction:column!important;align-items:flex-start!important}
  main a.scp1,main a.scp2,main a.scp3,main a.scp4{display:block;width:100%;text-align:center}
  main img[src*="claire"]{height:420px!important}
  main img[src*="logo-kachel"]{max-width:260px!important}
  h1{overflow-wrap:break-word}
  main [style*="grid-template-columns"]>*{min-width:0}
  main input,main textarea,main select{width:100%;min-width:0}
  main [style*="padding: 40px 36px"]{padding:24px 20px!important}
}
.dateifeld{cursor:pointer;max-width:100%}
.dateifeld::file-selector-button{font-family:Jost,sans-serif;font-size:15px;padding:9px 16px;margin-right:14px;border:1px solid #2c4a3e;border-radius:2px;background:#fff;color:#2c4a3e;cursor:pointer}
.dateifeld::file-selector-button:hover{background:#2c4a3e;color:#fff}