*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:#263640;line-height:1.6}.wrap{width:min(1200px,calc(100% - 40px));margin:auto}header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #ddd}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.logo{text-decoration:none;color:#123650;line-height:1}.logo b{font-size:27px;letter-spacing:2px;display:block}.logo small{font-size:9px;letter-spacing:1.4px}.nav nav{display:flex;gap:23px;align-items:center}.nav a{text-decoration:none;color:#263640;font-weight:bold;font-size:14px}.cta,.button{background:#0876d1!important;color:#fff!important;padding:12px 19px;border-radius:4px;text-decoration:none;font-weight:bold}#menu{display:none}.hero{height:570px;position:relative;display:flex;align-items:center}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#09253be8,#09253bba 45%,#09253b22)}.heroText{position:relative;color:#fff}.heroText h1{font-size:clamp(42px,5vw,66px);line-height:1.04;margin:12px 0 22px}.heroText i{font-style:normal;font-weight:400}.heroText p{font-size:19px;max-width:670px;margin-bottom:30px}.section{padding:80px 0}.tag,.dark span{font-size:11px;letter-spacing:2px;color:#1773aa;font-weight:bold}h2{font-size:clamp(31px,4vw,47px);line-height:1.08;color:#123650}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article{border:1px solid #dde5e9}.cards img{width:100%;height:225px;object-fit:cover}.cards article div{padding:20px}.cards h3{color:#123650}.cards p{font-size:14px;color:#596873}.dark{background:#102f44;color:#bfd0da}.dark h2{color:white}.dark span{color:#72c9ec}.auto{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.auto>img{width:100%;height:430px;object-fit:cover}.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.levels div{border:1px solid #3d5d72;padding:16px}.levels b{color:#72c9ec;font-size:12px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.benefits div{border-top:3px solid #1773aa;padding:18px}.soft{background:#f3f7f8}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.steps div{background:white;padding:22px;color:#1773aa;font-weight:bold}.contact{background:#e8f1f5;padding:75px 0}.contact a{color:#1773aa}footer{background:#0b2739;color:#dce8ee;padding:30px 0}footer a{color:#dce8ee} @media(max-width:850px){#menu{display:block;border:0;background:none;font-size:25px}.nav nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:20px;flex-direction:column}.nav nav.open{display:flex}.cards{grid-template-columns:1fr 1fr}.auto{grid-template-columns:1fr}.benefits{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}}@media(max-width:540px){.cards,.benefits,.steps,.levels{grid-template-columns:1fr}.heroText h1{font-size:40px}} .location{background:linear-gradient(135deg,#eef5f8,#f9fbfc)}.location-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:stretch}.address-card{margin:28px 0;background:#fff;border-left:4px solid #1773aa;padding:22px 25px;box-shadow:0 10px 30px #12365014}.address-card strong,.address-card span{display:block}.address-card strong{font-size:22px;color:#123650}.location-visual{min-height:320px;border-radius:6px;background:linear-gradient(145deg,#123650,#1773aa);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.location-visual .pin{width:65px;height:65px;border-radius:50%;background:#fff;color:#1773aa;display:grid;place-items:center;font-size:34px}.location-visual strong{font-size:34px}.legal-page{background:#eef4f7}.back-home{color:#123650;text-decoration:none;font-weight:bold}.impressum-hero{min-height:75vh;padding:75px 0;background:radial-gradient(circle at 85% 15%,#1773aa24,transparent 30%),linear-gradient(135deg,#f7fafb,#e7f0f4)}.impressum-hero h1{font-size:60px;color:#123650;margin:8px 0}.legal-intro{font-size:18px;color:#60717c}.impressum-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:900px;margin-top:35px}.legal-card{background:#fff;padding:32px;border-radius:7px;box-shadow:0 15px 40px #12365017}.legal-card h2{font-size:25px}.legal-card a{color:#1773aa}.accent-card{background:#123650;color:#fff}.accent-card h2,.accent-card p{color:#fff}.accent-card .vat{font-size:25px;font-weight:bold;color:#75c9ed}.legal-sep{height:1px;background:currentColor;opacity:.15;margin:20px 0}.legal-button{display:inline-block;margin-top:28px}@media(max-width:850px){.location-grid,.impressum-grid{grid-template-columns:1fr}}.development{background:#fff}.development-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:55px;align-items:center}.development-grid>img{width:100%;height:560px;object-fit:cover;border-radius:6px;box-shadow:0 18px 45px #12365028}.term-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}.term-grid div{background:#f2f7f9;border-left:3px solid #1773aa;padding:17px}.term-grid b,.term-grid span{display:block}.term-grid b{color:#123650}.term-grid span{font-size:13px;color:#62717b;margin-top:5px}@media(max-width:900px){.development-grid{grid-template-columns:1fr}.development-grid>img{height:420px}}@media(max-width:560px){.term-grid{grid-template-columns:1fr}}

/* Präsentation & Infoflyer */
.download-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}.download-card{background:#fff;border-radius:18px;padding:28px;box-shadow:0 8px 24px rgba(0,0,0,.08)}.download-card p{margin-bottom:20px}.download-link{display:inline-block;margin-left:14px;font-weight:700;text-decoration:none}@media(max-width:760px){.download-cards{grid-template-columns:1fr}.download-link{display:block;margin:14px 0 0}}

/* Über THANNER */
.about{background:#fff}.about-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:60px;align-items:center}.about-grid p{color:#596873;max-width:780px}.since-card{background:#123650;color:#fff;border-radius:8px;padding:42px 34px;text-align:center;box-shadow:0 18px 45px #12365025}.since-card span{display:block;font-size:12px;letter-spacing:3px;color:#72c9ec;font-weight:bold}.since-card strong{display:block;font-size:72px;line-height:1;margin:12px 0 18px}.since-card p{color:#dce8ee;margin:0}@media(max-width:1100px){.nav nav{gap:14px}.nav a{font-size:13px}}@media(max-width:900px){.about-grid{grid-template-columns:1fr}.since-card{max-width:430px}}
