/* Anfragewege per E-Mail: Band unter dem Startbereich, Knöpfe, Kontaktbereich in der Fusszeile */
.knopf-voll { min-height: 48px; padding: 12px 28px; border: 0; background: #007c9b; color: #fff; font-family: var(--schrift-book); font-size: 15px; line-height: 1.3; text-align: center; transition: background-color .2s; }
/* Weiss auf #007c9b = 4.8:1, Hover dunkler #006680 = 6.5:1 (WCAG AA) */
.knopf-voll:hover, .knopf-voll:focus-visible { background: #006680; }
.anfrage-knoepfe { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 24px; }

.anfrage-band { position: relative; z-index: 3; padding: calc(60 * var(--e)) calc(154 * var(--e)) calc(70 * var(--e)); background: var(--dunkel); text-align: center; }
.anfrage-band-text { max-width: 900px; margin: 0 auto; font-family: var(--schrift-light); font-size: 20px; line-height: 1.6; }
.anfrage-band .anfrage-knoepfe { justify-content: center; }
/* Band am Seitenende: Fusswelle ragt 389e nach oben (nur Desktop sichtbar). Gemessen an der Wellenform (Test FussWelle):
   Text und Knöpfe bleiben ab 220e frei -> 240e mit Reserve */
@media (min-width: 1001px) { main > .anfrage-band:last-child { padding-bottom: calc(240 * var(--e)); } }

.kontakt-bereich { min-width: 0; }
.kontakt-hinweis { width: calc(775 * var(--e)); max-width: 100%; margin-top: 12px; font-family: var(--schrift-light); font-size: 16px; line-height: 1.6; }
.kontakt-bereich .anfrage-knoepfe { width: calc(775 * var(--e)); max-width: 100%; }
.anfrage-adresse { margin-top: 20px; font-family: var(--schrift-light); font-size: 16px; line-height: 1.6; }
.anfrage-adresse-text { color: var(--akzent); }
.adresse-kopieren { margin-left: 8px; padding: 4px 10px; border: 1px solid rgba(255, 255, 255, .6); background: none; color: #fff; font-family: var(--schrift-book); font-size: 13px; cursor: pointer; }
.adresse-kopieren:hover { border-color: #fff; }
.adresse-kopiert { margin-left: 8px; color: var(--akzent); font-family: var(--schrift-book); font-size: 13px; }
.kontakt-sprachen { margin-top: 10px; color: rgba(255, 255, 255, .8); font-family: var(--schrift-light); font-size: 14px; }

/* Platzhalter-/Leistungsseiten: Kopf wie Rechtsseiten */
.leistung { position: relative; padding: calc(288 * var(--e)) calc(154 * var(--e)) calc(60 * var(--e)); background: linear-gradient(0deg, rgb(11, 79, 97) 0%, rgb(0, 53, 67) 100%); }
.leistung-titel { font-family: var(--schrift-bold); font-size: min(50px, calc(75 * var(--e))); line-height: 1.2; letter-spacing: .2em; text-transform: uppercase; overflow-wrap: anywhere; }

/* Kleiner Desktop 1001–1279 px: Menü-Knopf statt Navigationsleiste (6 Punkte + 4 Sprachen passen nicht neben das Logo) */
@media (min-width: 1001px) and (max-width: 1279px) {
  .kopf-nav { display: none; }
  .menue-knopf { display: flex; left: calc(154 * var(--e)); top: calc(50% - 12px); }
  .kopf .sprachen { left: calc(154 * var(--e) + 70px); }
}

@media (max-width: 1000px) {
  .anfrage-band { padding: calc(40 * var(--t)) calc(61 * var(--t)) calc(50 * var(--t)); }
  .anfrage-band-text { font-size: 18px; }
  .leistung { padding: calc(230 * var(--t)) calc(77 * var(--t)) calc(50 * var(--t)); }
  .kontakt-bereich { margin-left: calc(24 * var(--t)); width: calc(566 * var(--t)); }
  .kontakt-hinweis, .kontakt-bereich .anfrage-knoepfe { width: 100%; }
}
@media (max-width: 750px) {
  .anfrage-band { padding: calc(32 * var(--h)) calc(20 * var(--h)) calc(40 * var(--h)); }
  .anfrage-band-text { font-size: 16px; }
  .anfrage-knoepfe { flex-direction: column; align-items: stretch; }
  .leistung { padding: calc(195 * var(--h)) calc(20 * var(--h)) calc(40 * var(--h)); }
  .leistung-titel { font-size: calc(24 * var(--h)); }  /* «SCHWIMMBADBAU» passt bis 320 px auf eine Zeile */
  .kontakt-bereich { margin-left: calc(24 * var(--h)); width: calc(303 * var(--h)); }
  .kontakt-bereich .formular-titel { margin-left: calc(-24 * var(--h)); margin-right: calc(-24 * var(--h)); }  /* Titel wie Original ab 20 px vom Rand */
  .adresse-kopieren { margin: 8px 0 0; display: inline-block; }
}