/* Kopf der Unterseiten: wie Version 19, rechts „Kostenlos anfragen“ statt „Partner werden“ */
header{position:relative;z-index:30;border-bottom:1px solid rgba(42,29,24,.08);background:rgba(255,255,255,.68);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%)}
header .wrap{max-width:1240px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:16px 32px;min-height:84px;flex-wrap:wrap}
header img{height:88px;width:auto;display:block;margin-top:10px}
header nav{display:flex;font-size:17px}
header nav a{position:relative;font-weight:500;text-decoration:none;transition:background-color .2s}
.anfrage-knopf{display:inline-flex;align-items:center;justify-content:center;min-height:56px;min-width:260px;padding:0 24px;border-radius:14px;background:#fcde26;color:#2a1d18;font-size:20px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background-color .15s}
.anfrage-knopf:hover{background:#f5d40c}
@media(max-width:1100px){.anfrage-knopf{min-width:0}}
@media(min-width:901px){
  header .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
  header .wrap>a:first-child{justify-self:start}
  header nav{gap:2px;padding:3px;background:#fffbe6;border:1px solid #f6edc4;border-radius:12px}
  header nav a{padding:6px 20px;border-radius:9px;letter-spacing:-.01em}
  header nav a:hover,header nav a:focus-visible{background:rgba(255,255,255,.9);box-shadow:0 1px 4px rgba(42,29,24,.14)}
  header .anfrage-knopf{justify-self:end}
}
/* Schmale Bildschirme: Die fünf Punkte passen zwischen Logo und Knopf */
@media(min-width:901px) and (max-width:1180px){header nav a{padding:6px 12px;font-size:16px}header .anfrage-knopf{font-size:17px;padding:0 14px}}
/* Mitlaufender Knopf: erscheint, sobald der Kopf weg ist. Unten schiebt ihn das Scrollen hinaus (kopf.js) */
.schwebe-knopf{position:fixed;top:16px;right:max(20px,calc((100vw - 1240px)/2 + 20px));z-index:40;opacity:0;pointer-events:none;box-shadow:0 8px 24px rgba(42,29,24,.16);transition:opacity .2s ease,background-color .15s}
.schwebe-knopf.da{opacity:1;pointer-events:auto}
/* Rückruf-Fenster wie auf der Startseite */
.popup{border:0;border-radius:24px;padding:40px;max-width:560px;width:calc(100% - 32px);box-shadow:0 22px 70px rgba(0,0,0,.28);background:#fff;color:#2a1d18}
.popup::backdrop{background:rgba(42,29,24,.45)}
.popup h2{margin:0 44px 8px 0;font-size:36px;line-height:1.08;letter-spacing:-.03em}
.popup p{color:#3e312c}
.popup form{display:grid;gap:14px;margin-top:16px}
.popup label{display:flex;flex-direction:column;font:600 16px "Atkinson Hyperlegible Next",Arial,sans-serif}
.popup input{font:400 19px "Atkinson Hyperlegible Next",Arial,sans-serif;min-height:54px;padding:0 16px;border:1px solid #645953;border-radius:12px;margin-top:6px;min-width:0}
.popup .anfrage-knopf{width:100%;min-width:0;min-height:54px;border:0;font:600 18px "Atkinson Hyperlegible Next",Arial,sans-serif;cursor:pointer}
.popup .anfrage-knopf:disabled{opacity:.6;cursor:default}
.popup-zu{position:absolute;right:14px;top:12px;width:44px;height:44px;border:0;border-radius:50%;background:#fffefa;color:#2a1d18;font:400 28px/1 Arial,sans-serif;cursor:pointer}
.falle{position:absolute;left:-9999px}
.form-fehler{margin:0;font-weight:600;color:#a4261b}
[hidden]{display:none!important}
@media(max-width:900px){header nav{display:none}header .wrap{justify-content:space-between}}
@media(max-width:600px){
  body{padding-bottom:78px}
  .popup{padding:32px 20px}
  .popup h2{font-size:30px}
  header .wrap{justify-content:center;gap:14px;min-height:72px;padding:6px 12px}
  header img{height:58px;margin-top:0}
  header .anfrage-knopf{min-height:40px;padding:0 12px;border-radius:10px;font-size:14px}
  .schwebe-knopf{top:auto;left:12px;right:12px;bottom:10px;min-height:54px;font-size:19px}
}
@media(prefers-reduced-motion:reduce){.schwebe-knopf{transition-duration:0s;transition-delay:0s}}