/* Vorhandener Header-CTA als gemeinsame Vorlage. Rechner-Innenansicht ausgenommen. */
body .cs-action,body .mainnav nav>a.cs-action{position:relative;isolation:isolate;background:#293239!important;color:#fff!important;border:0!important;border-left:5px solid #009bdf!important;border-radius:0!important;box-shadow:4px 4px 0 #009bdf!important;transition:transform .25s,box-shadow .25s,background .25s;text-decoration:none}
body .cs-action:not(:disabled):hover,body .cs-action:focus-visible,body .mainnav nav>a.cs-action:hover,body .mainnav nav>a.cs-action:focus-visible{background:#354751!important;color:#fff!important;transform:translate(3px,3px)!important;box-shadow:1px 1px 0 #009bdf!important}
body .cs-action:focus-visible{outline:3px solid #0075a8;outline-offset:7px}
body .cs-action:disabled{opacity:.65;cursor:wait}
/* Gleiche Geometrie und Schrift für die freigegebenen Aktionsbuttons. */
body .cs-action{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px!important;padding:0 21px!important;font-family:Ubuntu,Arial,sans-serif!important;font-size:var(--text-navigation-action,18px);font-weight:600!important;line-height:1.35;text-align:center;overflow:visible}
body .cs-action svg{flex:none}

.cs-price-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:start}
.cs-price-copy{min-width:0}.cs-price-copy h2{margin-bottom:22px}.cs-price-copy p:last-child{margin-bottom:0}
.cs-price-promo{min-width:0;padding:26px 28px;background:#fff;border-top:3px solid #009bdf;color:#293239}
.cs-price-promo h2{font:700 clamp(25px,2.2vw,32px)/1.25 Ubuntu,Arial,sans-serif;letter-spacing:-.5px;margin:0 0 14px}
.cs-price-promo p{font:500 16px/1.7 Quicksand,Arial,sans-serif;margin:0 0 20px;color:#52636f}
.cs-price-promo .button{min-height:50px;max-width:calc(100% - 4px);white-space:normal;text-align:center;justify-content:center;margin-bottom:20px}
.cs-price-promo small{display:block;font:500 13px/1.6 Quicksand,Arial,sans-serif;color:#52636f}
@media(max-width:900px){.cs-price-layout{grid-template-columns:1fr;gap:30px}.cs-price-promo{order:-1}}
@media(max-width:600px){.cs-price-promo{padding:22px 18px}.cs-price-promo .button{font-size:15px}}
@media(prefers-reduced-motion:reduce){body .cs-action,body .mainnav nav>a.cs-action{transition:none}body .cs-action:hover,body .cs-action:focus-visible,body .mainnav nav>a.cs-action:hover,body .mainnav nav>a.cs-action:focus-visible{transform:none!important;box-shadow:4px 4px 0 #009bdf!important}}

body .mainnav .cs-mobile-price{display:none}
@media(max-width:1100px){body .mainnav .cs-mobile-price{display:inline-flex;align-items:center;justify-content:center;min-height:44px!important;padding:8px 12px!important;font:500 15px/1.25 Ubuntu,Arial,sans-serif;margin-left:auto;margin-right:16px;white-space:nowrap}.mainnav nav>a.navcta{display:none!important}}
@media(max-width:440px){.mainnav .brandimg{width:105px;height:auto}.mainnav .brand{min-width:0}.mainnav .mobile{font-size:15px!important}body .mainnav .cs-mobile-price{padding:8px!important;font-size:14px;margin-right:12px}}
@media(max-width:440px){.mainnav{gap:10px}.mainnav .mobile{flex:none}body .mainnav .cs-mobile-price{flex:none;margin-left:auto;margin-right:0}}
@media(max-width:360px){.mainnav{padding-left:16px;padding-right:16px;gap:8px}.mainnav .brandimg{width:80px}.mainnav .brand{flex:none}}

@media(prefers-reduced-motion:reduce){body .cs-action svg{transition:none!important;transform:none!important;animation:none!important}}

/* Kurzer weicher Leuchthof alle fünf Sekunden, ausschließlich Preis berechnen. */
body .cs-price-trigger::after{content:"";position:absolute;inset:0;pointer-events:none;display:block;opacity:0;animation:cs-price-halo 5s ease-in-out infinite;box-shadow:0 0 22px 7px #009bdf80}

/* Kontaktaktionen: dunkelblaue Fläche, hellblaue linke Leiste, keine versetzte Kontur. */
body .cs-contact-action{background:#0075a8!important;color:#fff!important;border-left-color:#65cff3!important;box-shadow:none!important;transition:background-color .2s,border-color .2s,transform .2s}
body .cs-contact-action:not(:disabled):hover,body .cs-contact-action:focus-visible{background:#005f89!important;color:#fff!important;border-left-color:#b6eeff!important;box-shadow:none!important;transform:translateY(-2px)!important}
body .cs-contact-action:focus-visible{outline:3px solid #65cff3;outline-offset:4px}
@media(prefers-reduced-motion:reduce){body .cs-contact-action{transition:none}body .cs-contact-action:not(:disabled):hover,body .cs-contact-action:focus-visible{transform:none!important}}

@keyframes cs-price-halo{0%,26%,100%{opacity:0}10%,15%{opacity:1}}
@media(prefers-reduced-motion:reduce){body .cs-price-trigger::after{animation:none;opacity:0}}