/* Tobias Dalhof – Grundlayout (Design 2026: siehe neu.css) */
@font-face{font-family:"Fraunces";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/fraunces-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-weight:400;font-style:italic;font-display:swap;src:url(fonts/fraunces-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-weight:500;font-style:normal;font-display:swap;src:url(fonts/fraunces-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-weight:600;font-style:normal;font-display:swap;src:url(fonts/fraunces-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:500;font-style:normal;font-display:swap;src:url(fonts/inter-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:600;font-style:normal;font-display:swap;src:url(fonts/inter-latin-600-normal.woff2) format("woff2")}

:root{--td-t:#049ba9;--td-text:#323335;--td-w:#fff;--td-breite:860px;--td-schmal:730px;--td-kopf-h:76px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--td-text);font:400 16px/1.6 "Inter",Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
p{margin:0}
h1,h2,h3,h4,h5,h6{font-family:"Fraunces",Georgia,serif;font-weight:600;color:var(--td-t);margin:0 0 20px;line-height:1.3;overflow-wrap:break-word;hyphens:auto}
h1{font-size:36px}
h2{font-size:24px}
h3{font-size:18px}
.td-gross,h1.td-gross{font-size:64px;line-height:1.3}
strong,b{font-weight:700}
.has-text-align-center{text-align:center}
.has-text-align-right{text-align:right}
.td-skip{position:absolute;left:-9999px}
.td-skip:focus{left:10px;top:10px;z-index:1000;background:#fff;padding:8px}

/* ---------- Kopf ---------- */
.td-kopf{position:fixed;top:0;left:0;right:0;z-index:50;background:#fff;color:var(--td-text);box-shadow:0 1px 0 rgba(0,0,0,.06)}
body{padding-top:var(--td-kopf-h)}
.admin-bar .td-kopf{top:32px}
.td-kopf-innen{display:flex;align-items:center;gap:32px;padding:0 40px;height:var(--td-kopf-h)}
.td-nav{flex:1 1 auto;min-width:0;display:flex;align-items:center}
.td-nav-liste,.td-mehr-liste,.td-mobil-liste,.td-fuss-liste{list-style:none;margin:0;padding:0}
.td-nav-liste{display:flex;flex-wrap:nowrap;gap:28px;white-space:nowrap}
.td-nav-liste a,.td-mehr-knopf{display:inline-block;text-decoration:none;font-size:16px;line-height:40px;color:inherit;position:relative}
.td-nav-liste .current-menu-item>a::after,.td-nav-liste .current_page_item>a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:currentColor}
.td-nav-liste a:hover,.td-mehr-knopf:hover{opacity:.75}
.td-mehr{position:relative;margin-left:28px}
.td-mehr-knopf{background:none;border:0;padding:0;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:6px}
.td-mehr-liste{position:absolute;top:100%;left:-16px;background:#fff;color:var(--td-text);min-width:220px;padding:10px 0;box-shadow:0 6px 24px rgba(0,0,0,.15);border-radius:4px;display:none}
.td-mehr.offen .td-mehr-liste{display:block}
.td-mehr-liste a{display:block;padding:8px 16px;text-decoration:none;line-height:1.5}
.td-mehr-liste a:hover{background:#f2f2f2}
.td-social{display:flex;gap:18px;align-items:center}
.td-social a{display:inline-flex;color:var(--td-t)}
.td-social a:hover{opacity:.7}
.td-marke{display:flex;align-items:center;gap:24px;margin-left:auto}
.td-name{text-decoration:none;font-size:16px;white-space:nowrap}
.td-logo{display:block}
.td-logo-kopf img{height:56px;width:auto}
.td-logo-text{font-family:"Fraunces",Georgia,serif;font-weight:600;color:var(--td-t)}
.td-burger{display:none;background:none;border:0;width:40px;height:40px;padding:8px;cursor:pointer;color:inherit}
.td-burger span{display:block;height:2px;background:currentColor;margin:6px 0;transition:transform .2s,opacity .2s}
/* Menüband bleibt beim Scrollen unverändert: Startseite schwarz, alle anderen Seiten weiß */
.td-kopf-schwarz .td-kopf{background:#000;color:#fff;box-shadow:none}
.td-kopf-schwarz .td-kopf .td-social a{color:#fff}
.td-mobil{background:#fff;color:var(--td-text);padding:10px 24px 30px;max-height:calc(100vh - 80px);overflow:auto}
.td-mobil-liste a{display:block;padding:12px 0;border-bottom:1px solid #e6e6e6;text-decoration:none;font-size:18px}
.td-mobil .td-social{margin-top:20px}

/* ---------- Abschnitte ---------- */
.td-main{display:block}
.td-seite>*{margin:0}
.td-sec{padding:80px 20px;position:relative}
.td-sec>*{max-width:var(--td-breite);margin-left:auto;margin-right:auto}
.td-sec.td-schmal>*{max-width:var(--td-schmal)}
.td-sec>*+*{margin-top:20px}
.td-sec>p+p,.td-sec .wp-block-column>p+p,.td-sec .wp-block-group>p+p{margin-top:0}
.td-sec>p+h2,.td-sec>p+h3,.td-sec>figure+h3,.td-sec>.wp-block-buttons+h3,.td-sec>p+.wp-block-columns,.td-sec>h2+.wp-block-columns,.td-sec>p+figure,.td-sec>p+.wp-block-buttons,.td-sec>.wp-block-separator+*{margin-top:40px}
.td-sec>h2+h3{margin-top:40px}
.td-sec h1,.td-sec h2,.td-sec h3{margin-bottom:0}
.td-sec h1+p,.td-sec h2+p,.td-sec h3+p,.td-sec h1+h3,.td-sec h3+.wp-block-buttons{margin-top:20px}
.td-weiss{background:#fff;color:var(--td-text)}
.td-tuerkis{background:var(--td-t);color:#fff}
.td-schwarz{background:#000;color:#fff}
.td-tuerkis h1,.td-tuerkis h2,.td-tuerkis h3,.td-schwarz h1,.td-schwarz h2,.td-schwarz h3,.td-box h3{color:#fff}
.td-seite>.td-sec:first-child:not(.td-split){padding-top:60px}
.td-sec .wp-block-image{margin-bottom:0}
.td-sec .wp-block-column>figure.wp-block-image:first-child img{aspect-ratio:1/1;object-fit:cover}
.td-sec .wp-block-column>figure.td-enthalten:first-child img{object-fit:contain}
.td-sec .wp-block-image img{width:100%;height:auto}
.td-sec figure.td-mittig img{margin:0 auto;width:auto;max-width:100%}

/* Spalten */
.td-sec .wp-block-columns{display:flex;gap:30px;margin-bottom:0}
.td-sec .wp-block-column{flex:1 1 0;min-width:0}
.td-sec .wp-block-column>*+*{margin-top:20px}
.td-sec .wp-block-column>figure+h3{margin-top:30px}
.td-sec .wp-block-columns+.wp-block-columns{margin-top:60px}
.td-box{background:var(--td-t);color:#fff;padding:30px}

/* Bild + Text (halbe/halbe) */
.td-split.wp-block-media-text{display:grid;grid-template-columns:50% 50%;min-height:720px;margin:0;padding:0;max-width:none}
.td-split.td-voll{min-height:calc(100vh - var(--td-kopf-h))}
.td-split.has-media-on-the-right{grid-template-columns:50% 50%}
.td-split .wp-block-media-text__media{grid-column:1;grid-row:1;margin:0;position:relative;min-height:100%;overflow:hidden;background-size:cover;background-position:50% 50%}
.td-split.has-media-on-the-right .wp-block-media-text__media{grid-column:2}
.td-split .wp-block-media-text__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.td-split .wp-block-media-text__content{grid-column:2;grid-row:1;padding:80px 60px;align-self:center;max-width:none}
.td-split.has-media-on-the-right .wp-block-media-text__content{grid-column:1}
.td-split .wp-block-media-text__content>*{max-width:520px}
.td-split .wp-block-media-text__content>*+*{margin-top:20px}
.td-split .wp-block-media-text__content>p+p{margin-top:0}
.td-split .wp-block-media-text__content>p+.wp-block-buttons{margin-top:40px}
.td-split.td-schwarz,.td-split.td-tuerkis{color:#fff}

/* Knöpfe */
.wp-block-buttons{display:flex;flex-wrap:wrap;gap:16px}
.wp-block-buttons.is-content-justification-center,.has-text-align-center .wp-block-buttons{justify-content:center}
.wp-block-button__link,.td-knopf{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 24px;border-radius:5px;border:0;font:400 16px/24px "Inter",Arial,sans-serif;text-decoration:none;cursor:pointer;transition:opacity .2s,background .2s}
.wp-block-button__link:hover,.td-knopf:hover{opacity:.85}
.wp-block-button.is-style-td-weiss .wp-block-button__link,.td-knopf-weiss{background:#fff;color:var(--td-text)}
.wp-block-button.is-style-td-tuerkis .wp-block-button__link,.wp-block-button:not([class*=is-style]) .wp-block-button__link,.td-knopf-tuerkis{background:var(--td-t);color:#fff}
.td-knopf-rahmen{background:#fff;color:var(--td-text);border:1px solid #9fd3d8}

/* Slider */
.td-slider{position:relative;padding-left:70px!important;padding-right:70px!important}
.td-slider>.td-folien{max-width:var(--td-schmal);margin:0 auto;overflow:hidden;position:relative}
.td-slider .td-spur{display:flex;transition:transform .45s ease}
.td-slider .td-folie{flex:0 0 100%;max-width:100%;text-align:center;margin:0!important;padding:0 2px}
.td-slider .td-folie>*+*{margin-top:20px}
.td-slider .td-folie>p+p{margin-top:0}
.td-slider .td-folie figure img{width:auto!important;max-width:400px;max-height:560px;margin:0 auto}
.td-slider .td-folie h3{margin-top:40px}
.td-slider .td-folie .wp-block-buttons{justify-content:center;margin-top:30px}
.td-pfeil{position:absolute;top:50%;transform:translateY(-50%);background:none;border:0;cursor:pointer;color:var(--td-text);padding:10px;z-index:2}
.td-pfeil svg{width:24px;height:40px}
.td-pfeil-l{left:10px}.td-pfeil-r{right:10px}
.td-punkte{display:flex;justify-content:center;gap:10px;margin-top:30px!important}
.td-punkte button{width:7px;height:7px;border-radius:50%;border:0;background:#c9c9c9;padding:0;cursor:pointer}
.td-punkte button.aktiv{background:var(--td-text);transform:scale(1.25)}
.td-slider:not(.td-bereit) .td-folie+.td-folie{display:none}

/* Tonträger-Liste */
.td-liste .wp-block-separator{border:0;border-top:1px solid #ddd;margin:40px auto!important;max-width:var(--td-schmal)}
.td-liste figure.td-cover img{width:160px!important;height:160px;object-fit:cover}

/* Bildband mit Kasten (Kontakt) */
.td-bildband{padding:0!important;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.td-bildband>figure.wp-block-image{position:absolute;inset:0;max-width:none!important;margin:0!important}
.td-bildband>figure.wp-block-image img{width:100%;height:100%;object-fit:cover}
.td-bildband>.td-kasten{position:relative;background:rgba(255,255,255,.8);max-width:none!important;width:100%;margin:0!important;padding:60px 20px;text-align:center}
.td-bildband>.td-kasten>*{max-width:var(--td-schmal);margin-left:auto;margin-right:auto}

/* Linkliste (Kontakt) */
.td-linkliste h3+.wp-block-buttons{margin-top:20px}
.td-linkliste .wp-block-buttons+h3{margin-top:60px}

/* Karte */
.td-karte{position:relative;width:100%;aspect-ratio:16/7;background:#e9eef0 center/cover;border-radius:2px;overflow:hidden;max-width:var(--td-breite)}
.td-karte iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.td-karte-hinweis{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px;text-align:center}
.td-karte-hinweis p{max-width:560px}

/* Formular */
.td-form{display:block}
.td-feld{display:flex;flex-direction:column;gap:6px;margin:0 0 20px!important}
.td-feld label{font-weight:700}
.td-feld label span{color:var(--td-t)}
.td-feld input,.td-feld textarea{font:inherit;padding:12px;border:1px solid #c9c9c9;border-radius:4px;width:100%}
.td-feld small{color:#6b6b6b;font-size:14px}
.td-honig{position:absolute!important;left:-9999px}
.td-form-ok{background:#e7f6f7;padding:16px;border-left:4px solid var(--td-t)}
.td-form-fehler{background:#fdeceb;padding:16px;border-left:4px solid #c0392b;margin-bottom:20px!important}

/* ---------- Fuß ---------- */
.td-fuss{background:#fff;color:var(--td-text);padding:60px 20px 40px}
.td-fuss-innen{max-width:var(--td-breite);margin:0 auto}
.td-fuss-oben{display:flex;align-items:center;justify-content:space-between;gap:20px}
.td-logo-fuss img{height:100px;width:auto}
.td-fuss-links{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:40px}
.td-fuss-liste{display:flex;flex-wrap:wrap;gap:12px}
.td-fuss-liste a{font-size:14px;text-decoration:underline}
.td-fuss .td-knopf{min-height:40px;padding:8px 24px;font-size:14px}


/* Abstände wie im Original (gemessen) */
.td-mt-0{margin-top:0px!important}.td-mt-10{margin-top:10px!important}.td-mt-20{margin-top:20px!important}.td-mt-30{margin-top:30px!important}.td-mt-40{margin-top:40px!important}.td-mt-50{margin-top:50px!important}.td-mt-60{margin-top:60px!important}.td-mt-70{margin-top:70px!important}.td-mt-80{margin-top:80px!important}.td-mt-90{margin-top:90px!important}.td-mt-100{margin-top:100px!important}.td-mt-110{margin-top:110px!important}.td-mt-120{margin-top:120px!important}.td-mt-130{margin-top:130px!important}.td-mt-140{margin-top:140px!important}.td-mt-150{margin-top:150px!important}.td-mt-160{margin-top:160px!important}
.td-split.td-klein{min-height:400px}
.td-split.td-klein .wp-block-media-text__content{padding:60px 20px}
.td-split.td-klein .wp-block-media-text__content>*{max-width:600px}

/* ---------- Responsiv ---------- */
@media (max-width:1100px){
	.td-kopf-innen{gap:20px;padding:0 24px}
	.td-name{display:none}
}
@media (max-width:900px){
	:root{--td-kopf-h:76px}
	.td-nav,.td-kopf-innen>.td-social{display:none}
	.td-burger{display:block}
	.td-marke{margin-left:0;margin-right:auto}
	.td-logo-kopf img{height:56px}
	.td-kopf.offen{background:#fff;color:var(--td-text)}
	.td-kopf.offen .td-burger span:nth-child(1){transform:translateY(8px) rotate(45deg)}
	.td-kopf.offen .td-burger span:nth-child(2){opacity:0}
	.td-kopf.offen .td-burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
	.td-gross,h1.td-gross{font-size:44px}
	h1{font-size:30px}
	.td-split.wp-block-media-text,.td-split.has-media-on-the-right{grid-template-columns:100%;min-height:0}
	.td-split .wp-block-media-text__media,.td-split.has-media-on-the-right .wp-block-media-text__media{grid-column:1;grid-row:1;min-height:60vh}
	.td-split .wp-block-media-text__content,.td-split.has-media-on-the-right .wp-block-media-text__content{grid-column:1;grid-row:2;padding:50px 20px 60px}
	.td-split .wp-block-media-text__content>*{max-width:none}
	.td-seite>.td-sec:first-child:not(.td-split){padding-top:40px}
}
@media (max-width:781px){
	.td-sec{padding:60px 16px}
	.td-sec .wp-block-columns{flex-direction:column;gap:40px}
	.td-slider{padding-left:40px!important;padding-right:40px!important}
	.td-pfeil-l{left:0}.td-pfeil-r{right:0}
	.td-slider .td-folie figure img{max-width:100%}
	.td-fuss-oben{flex-direction:column;align-items:flex-start}
	.admin-bar .td-kopf{top:46px}
}
.td-sec:not(.td-schmal)>.td-eng{max-width:var(--td-schmal)}

/* Rechtstexte */
.td-recht>h2{font-size:20px;margin-top:40px!important}
.td-recht>h1+p{margin-top:10px}
.td-recht>h2+p,.td-recht>p+p,.td-recht>p+ul,.td-recht>ul+p{margin-top:12px!important}
.td-recht ul{padding-left:22px;margin-bottom:0}
.td-recht a{color:var(--td-t)}

/* Kontaktformular */
.td-kontaktform{max-width:800px;margin-left:auto;margin-right:auto}
.td-kontaktform .td-reihe{display:grid;grid-template-columns:1fr 1.1fr 1.35fr;gap:30px}
.td-kontaktform .td-feld label{font-weight:400;font-size:18px}
.td-kontaktform .td-feld input,.td-kontaktform .td-feld textarea{border:1px solid #b9babb;border-radius:4px;padding:14px}
.td-kontaktform .td-feld input:focus,.td-kontaktform .td-feld textarea:focus{outline:2px solid var(--td-t);outline-offset:0;border-color:var(--td-t)}
.td-zustimmung{display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:1.6}
.td-zustimmung input{margin-top:6px;flex:0 0 auto}
.td-zustimmung a{text-decoration:underline}
.td-absenden{text-align:center;margin-top:30px!important}
.td-absenden .td-knopf{min-width:200px}
.td-sec>.td-kontaktform{margin-top:60px}
.td-sec>.td-kontaktform+*{margin-top:60px}
@media (max-width:781px){.td-kontaktform .td-reihe{grid-template-columns:1fr;gap:0}}

/* Karte als Bild */
a.td-karte{display:block;aspect-ratio:auto;background:none;text-decoration:none}
a.td-karte img{width:100%;height:auto;display:block}
.td-karte-knopf{position:absolute;left:16px;bottom:16px;background:#fff;color:var(--td-text);padding:8px 14px;border-radius:5px;font-size:14px;box-shadow:0 2px 8px rgba(0,0,0,.2)}
a.td-karte:hover .td-karte-knopf{background:var(--td-t);color:#fff}