/*
Theme Name: Segelschule Phoenixsee
Author: Individuelle Umsetzung
Description: Responsive Segelschul-Startseite mit bearbeitbaren Angeboten, Bilder- und Bewertungs-Slider und Kontaktformular. Ohne Page-Builder.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: phoenixsee
*/
:root{--navy:#030818;--slate:#313942;--blue:#294dd0;--contact:#223e8d;--pale:#e3ebff;--white:#fcfcfc;--width:1360px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--white);background:var(--navy);font-family:"Segoe UI", "Helvetica Neue", Arial,sans-serif;font-size:16px;line-height:1.65;font-weight:400}img{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:4px}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #98d7ff;outline-offset:5px}[hidden]{display:none!important}.container{width:min(var(--width),calc(100% - 80px));margin-inline:auto}.section{padding:64px 0}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{font-weight:400;line-height:1.3}h1{font-size:clamp(32px,3vw,48px)}h2{font-size:30px;margin-bottom:40px;text-align:center}h3{font-size:23px}p{margin-bottom:24px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:white;border:1px solid #ffffff38;border-radius:999px;padding:10px 23px;text-decoration:none;line-height:1.45;font-size:16px;transition:background .18s,transform .18s}.button:hover{background:#4168e2;transform:translateY(-1px)}.button.large{font-size:18px;padding:13px 25px}.button.small{font-size:14px;padding:10px 20px}.site-header{background:var(--navy)}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand img{width:192px;height:64px;object-fit:contain}.site-header nav{display:flex;gap:28px;align-items:center}.site-header nav a{text-decoration:none;font-size:14px}.site-header nav a:hover{text-decoration:underline}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;overflow:hidden}.hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.hero-shade{position:absolute;inset:0;background:rgba(49,57,66,.57);z-index:-1}.hero-inner{min-height:768px;display:flex;align-items:center;justify-content:center;padding-block:96px}.hero-copy{max-width:920px;text-align:right}.hero h1{margin-bottom:40px}.hero p{font-size:19px;line-height:1.6;margin-bottom:32px}.services{background:var(--slate)}.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.offer{display:flex;flex-direction:column;align-items:center;text-align:center}.round-image{aspect-ratio:1;object-fit:cover;border-radius:50%;width:100%;margin-bottom:25px}.offer:first-child .round-image{object-position:30% center}.offer h3{margin-bottom:14px}.price{margin-bottom:18px;font-size:17px}.offer-description{font-size:15px;line-height:1.8;flex:1}.price-note{text-align:center;font-size:12px;color:#cad0d8;margin:30px 0 0}.gallery{background:var(--navy)}.slider{position:relative;max-width:1100px;margin:auto}.gallery .slide img{width:100%;max-width:900px;height:540px;object-fit:contain;margin:0 auto 24px;border-radius:20px}.slider-controls{display:none;align-items:center;justify-content:center;gap:35px;padding-top:16px}.is-ready .slider-controls{display:flex}.slider-controls button{background:transparent;color:white;border:1px solid transparent;border-radius:50%;width:48px;height:48px;font-size:40px;line-height:1}.slider-controls button:hover{background:#ffffff15}.slider-controls span{font-size:14px;min-width:50px;text-align:center}.booking{background:var(--pale);color:#0d0d0d;text-align:center}.booking h2{margin-bottom:28px}.sailing-banner{background:var(--slate);height:520px;overflow:hidden}.sailing-banner img{width:100%;height:100%;object-fit:cover;object-position:center}.reviews{background:var(--slate);text-align:center}.review{max-width:850px;min-height:170px;margin:70px auto 15px;display:flex;flex-direction:column;justify-content:center}.review blockquote{margin:0;font-size:18px;line-height:1.9}.review figcaption{margin-top:22px;font-size:14px}.review-link{display:inline-block;margin-top:80px;font-size:14px}.contact{background:var(--contact)}.contact h2{margin-bottom:14px}.contact-intro{text-align:center;font-size:15px;line-height:2;margin-bottom:46px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.contact form>label{display:block;font-size:13px;margin-bottom:13px}.contact input:not([type=checkbox]),.contact textarea{width:100%;display:block;background:white;color:#172131;border:1px solid #cbd4e9;border-radius:2px;padding:10px 12px;margin-top:4px;min-height:43px}.contact textarea{resize:vertical;min-height:150px}.privacy-check{display:flex!important;align-items:start;gap:10px;line-height:1.6}.privacy-check input{margin-top:4px;flex-shrink:0;width:17px;height:17px}.contact form .button{font-size:14px}.form-notice{background:white;color:#172131;padding:20px;border-radius:5px}.location>a{font-size:13px;display:inline-block;margin-top:12px}.map-box{height:490px;border:1px solid #bed2e2;background:#e7eff2;color:#263745;overflow:hidden}.map-placeholder{min-height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;background:linear-gradient(30deg,transparent 48%,#b1c5ca 49%,#b1c5ca 50%,transparent 51%),linear-gradient(-40deg,#e5eee4 40%,#b7dce3 41%,#b7dce3 57%,#e8ece2 58%);background-size:130px 130px,100% 100%}.map-placeholder h3,.map-placeholder>p{background:#fffffff0;padding:4px 10px;border-radius:4px}.map-pin{font-size:60px;color:var(--blue)}.map-note{font-size:12px;margin-top:18px}.map-box iframe{border:0;width:100%;height:100%}.site-footer{padding:56px 0 36px;background:var(--navy)}.site-footer img{margin-bottom:28px}.site-footer nav{display:flex;gap:26px;flex-wrap:wrap;margin-bottom:18px}.site-footer nav a,.site-footer p{font-size:12px}.site-footer p{color:#c6ccda;margin:0}.legal-page{min-height:65vh;background:white;color:#172131}.prose{max-width:900px;min-height:50vh}.prose h1{text-align:left}.prose h2{text-align:left}.sr-only,.honeypot{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-200%);z-index:100;background:white;color:#000;padding:12px}.skip-link:focus{transform:none}
@media(min-width:1200px){.gallery .is-ready .slider-controls button{position:absolute;top:43%}.gallery [data-prev]{left:0}.gallery [data-next]{right:0}.review-slider.is-ready .slider-controls button{position:absolute;top:35%}.review-slider [data-prev]{left:0}.review-slider [data-next]{right:0}}
@media(max-width:900px){.container{width:calc(100% - 40px)}.header-inner{min-height:80px;flex-wrap:wrap;padding-block:8px;gap:12px}.brand img{width:165px;height:55px}.menu-toggle{display:block;background:transparent;color:white;border:1px solid #ffffff60;border-radius:5px;padding:7px 12px}.site-header nav{display:none;width:100%;padding:16px 0;flex-direction:column;align-items:stretch;gap:15px}.site-header nav.is-open{display:flex}.site-header nav a{padding:5px}.hero-inner{min-height:630px}.hero-copy{text-align:center}.hero p{font-size:18px}.offer-grid{gap:24px}.offer h3{font-size:19px}.gallery .slide img{height:420px}.contact-grid{gap:25px}.map-box{height:450px}}
@media(max-width:640px){.section{padding:48px 0}h2{font-size:25px;margin-bottom:30px}.hero-inner{min-height:600px;padding-block:60px}.hero h1{margin-bottom:25px}.hero p{font-size:16px}.offer-grid{grid-template-columns:1fr;gap:48px}.round-image{width:min(100%,330px)}.offer{max-width:420px;margin:auto}.offer h3{font-size:23px}.offer-description{font-size:16px}.gallery .slide img{height:300px;border-radius:10px}.sailing-banner{height:300px}.review{margin:35px auto 10px;min-height:220px}.review blockquote{font-size:16px}.review-link{margin-top:45px}.contact-grid{grid-template-columns:1fr;gap:35px}.map-box{height:340px}.site-footer{padding-block:40px}.site-footer nav{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Leichte Überschriften wie in der Vorlage. */
h1,h2,h3{font-weight:300}body{-webkit-font-smoothing:antialiased}

/* Originalschrift, lokal eingebunden. */
@font-face{font-family:Urbanist;src:url("assets/fonts/urbanist-300.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Urbanist;src:url("assets/fonts/urbanist-400.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Urbanist;src:url("assets/fonts/urbanist-500.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Urbanist;src:url("assets/fonts/urbanist-700.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
body{font-family:Urbanist,"Helvetica Neue",Arial,sans-serif;font-synthesis:none}h1,h2,h3{font-weight:300;letter-spacing:normal;line-height:1.2}h1{font-size:clamp(32px,3vw,52px)}h2{font-size:35.2px}h3{font-size:26.4px}.hero p{font-size:20px;line-height:1.5}.site-header nav a{font-size:16px}.button{font-weight:500}@media(max-width:900px){.offer h3{font-size:23px}.hero p{font-size:18px}}@media(max-width:640px){h2{font-size:28px}.hero p{font-size:17px}.offer h3{font-size:25px}}