﻿@font-face{font-family:"Raleway";font-style:normal;font-weight:400;font-display:swap;src:url("/user/themes/kardiologie/fonts/files/raleway-latin-400-normal.woff2") format("woff2")}@font-face{font-family:"Raleway";font-style:normal;font-weight:600;font-display:swap;src:url("/user/themes/kardiologie/fonts/files/raleway-latin-600-normal.woff2") format("woff2")}:root{--primaer: #202B53;--sekundaer: #7BA2D4;--flaeche: #F4F4F4;--grund: #fff;--tinte: #4A4A4A;--grau: #7D7D7D;--linie: rgba(32, 43, 83, .14);--hinweis: #FFF2DC;--schrift: 'Raleway', 'Helvetica Neue', Arial, sans-serif;--rand: 48px;--breite: 1200px}*,*::before,*::after{box-sizing:border-box}body{margin:0;background:var(--grund);color:var(--tinte);font-family:var(--schrift);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;hyphens:auto;overflow-wrap:break-word}img{max-width:100%;height:auto}a{color:var(--primaer)}a:hover{color:var(--sekundaer)}a:focus-visible,button:focus-visible{outline:3px solid var(--sekundaer);outline-offset:2px}h1,h2,h3{margin:0 0 .6em;font-weight:600;line-height:1.2;color:var(--primaer);text-wrap:balance}h1,h2,h3,.knopf,.kopf__link,.kacheln strong,dt{hyphens:manual}h1{font-size:46px}h2{font-size:32px}h3{font-size:23px}p{margin:0 0 1em}p:last-child{margin-bottom:0}.hof{max-width:var(--breite);margin:0 auto;padding-left:var(--rand);padding-right:var(--rand)}.schmal{max-width:46em}.knopf{display:inline-block;font:inherit;font-size:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;padding:14px 28px;background:var(--primaer);color:#fff;border:3px solid var(--primaer);cursor:pointer}.knopf:hover{background:#fff;color:var(--primaer)}.knopf--rahmen{background:rgba(0,0,0,0);color:var(--primaer)}.knopf--rahmen:hover{background:var(--primaer);color:#fff}.knopf--hell{background:rgba(0,0,0,0);color:#fff;border-color:#fff}.knopf--hell:hover{background:#fff;color:var(--primaer)}.abschnitt{padding-top:64px;padding-bottom:64px}.abschnitt--flaeche{background:var(--flaeche)}.box{background:var(--primaer);color:#fff;padding:32px}.box h2,.box h3,.box a{color:#fff}.box h2{font-size:26px}.box .knopf{text-transform:none;letter-spacing:0}.hinweis{background:var(--hinweis);border-left:4px solid var(--primaer);padding:20px 24px;margin-top:32px}.hinweis h2{font-size:22px;margin-bottom:.4em}.hinweis--mitte{text-align:center}.kasten{background:var(--flaeche);padding:32px;margin-top:24px}.mehr{margin-top:28px}.mit-abstand{margin-top:48px}.herzliste{list-style:none;padding:0;margin:0}.herzliste li{position:relative;padding-left:30px;margin-top:10px}.herzliste li::before{content:"";position:absolute;left:0;top:.45em;width:20px;height:17px;background:url("../images/herz-klein.png") no-repeat}.kopf{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);box-shadow:0 1px 0 var(--linie)}.kopf__innen{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1440px;padding-top:14px;padding-bottom:14px}.kopf__logo img{display:block;width:260px;height:auto}.kopf__menue{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}.kopf__link{font-size:16px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;white-space:nowrap;padding:6px 0;border-bottom:2px solid rgba(0,0,0,0)}.kopf__link[aria-current=page]{font-weight:600;border-bottom-color:var(--sekundaer)}.kopf__telefon{white-space:nowrap;padding:10px 18px}.kopf__schalter{display:none;width:46px;height:46px;align-items:center;justify-content:center;background:none;border:0;cursor:pointer;color:var(--primaer)}.hero{height:62vh;min-height:300px;max-height:640px;overflow:hidden;background:var(--flaeche)}.hero--schmal{height:42vh;max-height:440px}.hero--knapp{height:30vh;min-height:200px;max-height:320px}.hero img{width:100%;height:100%;object-fit:cover;object-position:var(--fokus, center);display:block}.seitentitel{text-align:center;padding-top:44px}.seitentitel h1{margin:0}.seitentitel p{margin-top:12px;color:var(--grau)}.vorstellung{text-align:center}.vorstellung p{max-width:46em;margin-left:auto;margin-right:auto}.kacheln{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:2px;list-style:none;padding:0;margin:40px 0 0;background:var(--linie)}.kacheln a{display:block;height:100%;background:#fff;padding:24px;text-decoration:none}.kacheln a:hover{background:var(--flaeche);color:var(--primaer)}.kacheln strong{display:block;font-size:20px;font-weight:600;margin-bottom:6px}.kacheln span{color:var(--tinte);font-size:16px}.zweispaltig{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:48px;align-items:center}.mit-herz{background:url("../images/herz.jpg") no-repeat right top/220px auto;padding-right:250px;min-height:200px}.einzugsgebiet{color:var(--grau);font-size:16px}.termin{position:relative;background:var(--primaer) url("../images/termin-hintergrund.jpg") center/cover;color:#fff;text-align:center;padding:64px 0}.termin h2{color:#fff;text-transform:uppercase;letter-spacing:2px;margin-top:16px}.termin h3{color:#fff;font-size:20px;margin:24px 0 8px}.termin p{max-width:40em;margin-left:auto;margin-right:auto}.termin a:not(.knopf){color:#fff}.termin .knopf{margin-top:24px}.termin__telefon{font-size:28px;font-weight:600;margin-top:16px}.sprechzeiten{list-style:none;padding:0;margin:0}.gruppen{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:40px 48px;margin-top:32px}.gruppe{scroll-margin-top:110px}.gruppe h3{margin-bottom:.3em}.gruppe>p{color:var(--grau);font-size:16px}.bilderpaar{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px}.bilderpaar img{display:block;width:100%}.aerzte{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:48px}.arzt h2{margin-top:24px}.arzt img{display:block;width:100%}.lebenslauf{margin:0}.lebenslauf dt{font-weight:600;color:var(--primaer);margin-top:14px}.lebenslauf dd{margin:0}.kontaktzeilen{display:flex;flex-direction:column;gap:24px;max-width:34em;margin:0 auto}.kontaktzeile{display:flex;align-items:center;gap:24px;font-size:22px}.kontaktzeile img{flex:none;width:80px;height:80px}.kontaktzeile strong{font-weight:600}.kontaktboxen{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:24px;margin-top:48px}.brotkrumen{background:var(--primaer);color:#fff;font-size:15px;padding:14px 0}.brotkrumen ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.brotkrumen li+li::before{content:"›";margin-right:6px}.brotkrumen a{color:#fff}.fuss{padding:48px 0 32px;text-align:center;font-size:16px}.fuss a{text-decoration:none}.fuss__menue{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;margin:0;padding:0;text-transform:uppercase;letter-spacing:1px}.fuss__menue img{display:block;width:260px;height:auto}.fuss__daten{margin-top:32px;color:var(--grau)}.fuss__daten p{margin:0 0 4px}.fuss__recht{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 24px;list-style:none;margin:24px 0 0;padding:0}.consent-embed{display:block;position:relative;background:var(--flaeche);border:1px solid var(--linie)}.consent-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:320px;padding:2rem;text-align:center}.consent-placeholder p{max-width:46ch;margin:0;font-size:16px}.karte__unterzeile{text-align:center;padding-top:16px;padding-bottom:32px}.consent-banner{position:fixed;inset:auto 0 0 0;z-index:10000;background:#fff;border-top:4px solid var(--primaer);box-shadow:0 -0.5rem 1.5rem rgba(0,0,0,.25);max-height:90vh;overflow-y:auto}.consent-banner[hidden]{display:none}.consent-banner-inner{max-width:62rem;margin:0 auto;padding:28px 24px 32px}.consent-banner-titel{font-size:28px;margin-bottom:8px}.consent-banner-titel:focus{outline:none}.consent-banner-text{font-size:16px;max-width:65ch}.consent-kategorien{list-style:none;padding:0;margin:20px 0;display:grid;grid-template-columns:repeat(auto-fit, minmax(15rem, 1fr));gap:12px}.consent-kategorien label{display:flex;gap:.6rem;align-items:flex-start;padding:14px;background:var(--flaeche);cursor:pointer;height:100%}.consent-kategorien input{margin-top:.35rem;flex:none}.consent-kategorien b{display:block;font-size:16px}.consent-kategorien small{display:block;font-size:13px;line-height:1.45}.consent-kategorien input:disabled+span{opacity:.7;cursor:default}.consent-aktionen{display:flex;flex-wrap:wrap;gap:12px}.consent-aktionen .knopf{flex:1 1 12rem;text-align:center}.consent-hinweis{margin-top:16px;font-size:14px}.consent-widerruf{background:none;border:0;padding:0;font:inherit;color:var(--primaer);cursor:pointer}.rechtstext h2{font-size:26px;margin-top:1.4em}.rechtstext h3{font-size:20px;margin-top:1.2em}@media(max-width: 1240px){.kopf__logo img{width:210px}.kopf__menue{gap:20px}.kopf__link{font-size:14px;letter-spacing:1px}}@media(max-width: 1100px){:root{--rand: 32px}.kacheln{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(max-width: 960px){:root{--rand: 16px}body{font-size:17px}h1{font-size:clamp(22px,6.8vw,32px)}h2{font-size:clamp(19px,5.9vw,26px)}h3{font-size:21px}.kopf__logo img{width:180px}.kopf__schalter{display:flex}.kopf__innen{position:relative}.kopf__menue{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:#fff;box-shadow:0 1px 0 var(--linie);padding:8px 16px 20px}.kopf__menue[data-offen=true]{display:flex}.kopf__menue li{border-top:1px solid var(--linie)}.kopf__menue .kopf__link{display:block;padding:14px 0;border-bottom:0}.kopf__menue .knopf{display:block;text-align:center;margin-top:14px}.abschnitt{padding-top:40px;padding-bottom:40px}.seitentitel{padding-top:28px}.zweispaltig,.gruppen,.aerzte,.kontaktboxen{grid-template-columns:minmax(0, 1fr);gap:32px}.mit-herz{background-position:left top;background-size:130px auto;padding-right:0;padding-top:140px}.termin{padding:44px 0}.termin__telefon{font-size:24px}.kontaktzeile{font-size:19px;gap:16px}.kontaktzeile img{width:56px;height:56px}.fuss__menue{flex-wrap:wrap;justify-content:center;gap:12px 24px}.fuss__logo{order:-1;flex-basis:100%;display:flex;justify-content:center}}@media(max-width: 600px){.kacheln,.bilderpaar{grid-template-columns:minmax(0, 1fr)}.box{padding:24px 16px}.box h2{font-size:clamp(19px,5.6vw,26px)}.box .knopf{padding:12px 10px;font-size:15px}}@media(prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important;scroll-behavior:auto !important}}
