/* AIR360 Redesign – Marke: Schwarz + Blau #1176bc */
:root{
	--blue:#1176bc; --blue-d:#0b5a92; --sky:#14a9ff; --navy:#0b1b2b; --ink:#111827; --mut:#5b6472;
	--bg:#fff; --alt:#f3f7fb; --line:#e3e9f0; --r:16px;
	--sh:0 10px 30px rgba(17,24,39,.08);
}

/* ---------- Startseite ---------- */
body.a360{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
.a360 *,.a360 *::before,.a360 *::after{box-sizing:border-box}
.a360 img{max-width:100%;height:auto;display:block}
.a360 a{color:inherit;text-decoration:none}
.a360 h1,.a360 h2,.a360 h3,.a360 h4{margin:0;line-height:1.15;letter-spacing:-.02em}
.a360 p{margin:0}
.a360-wrap{width:min(1180px,100% - 40px);margin-inline:auto}
.a360-wrap--narrow{width:min(820px,100% - 40px)}
.a360-center{text-align:center}

.a360-eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}

/* Buttons */
.a360-btn{display:inline-flex;align-items:center;justify-content:center;padding:.9em 1.6em;border-radius:999px;background:var(--blue);color:#fff!important;font-weight:700;border:2px solid var(--blue);transition:.2s;cursor:pointer}
.a360-btn:hover{background:var(--blue-d);border-color:var(--blue-d);transform:translateY(-1px)}
.a360-btn--sm{padding:.6em 1.2em;font-size:.92rem}
.a360-btn--ghost{background:transparent;border-color:rgba(255,255,255,.7)}
.a360-btn--ghost:hover{background:#fff;color:var(--ink)!important;border-color:#fff}
.a360-btn--ghost-dark{background:transparent;color:var(--blue)!important;border-color:var(--blue)}
.a360-btn--ghost-dark:hover{background:var(--blue);color:#fff!important}
.a360-btn--white{background:#fff;color:var(--blue)!important;border-color:#fff}
.a360-btn--white:hover{background:var(--ink);border-color:var(--ink);color:#fff!important}
.a360-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.a360-cta--c{justify-content:center}

/* Top bar */
.a360-topbar{background:var(--navy);color:#cfd6e0;font-size:.85rem}
.a360-topbar__in{display:flex;justify-content:space-between;gap:16px;padding-block:8px;flex-wrap:wrap}
.a360-topbar__r{display:flex;gap:20px}
.a360-topbar a:hover{color:#fff}
.a360-stars{color:#ffc83d;letter-spacing:2px;margin-right:6px}

/* Header */
.a360-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.a360-header__in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:12px}
.a360-logo img{width:150px;height:auto}
.a360-nav{display:flex;align-items:center;gap:6px}
.a360-nav>a,.a360-dd>a{padding:.6em .9em;font-weight:600;font-size:.95rem;border-radius:8px}
.a360-nav>a:not(.a360-btn):hover,.a360-dd>a:hover{color:var(--blue);background:var(--alt)}
.a360-nav .a360-btn{margin-left:8px}
.a360-dd{position:relative}
.a360-dd__m{position:absolute;top:100%;left:0;min-width:240px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh);padding:8px;display:none}
.a360-dd:hover .a360-dd__m,.a360-dd:focus-within .a360-dd__m{display:block}
.a360-dd__m a{display:block;padding:.55em .8em;border-radius:8px;font-size:.93rem}
.a360-dd__m a:hover{background:var(--alt);color:var(--blue)}
.a360-burger{display:none;background:none;border:0;padding:8px;cursor:pointer}
.a360-burger span{display:block;width:26px;height:3px;background:var(--ink);margin:5px 0;border-radius:2px}

/* Hero */
.a360-hero{position:relative;color:#fff;background:linear-gradient(100deg,rgba(7,20,35,.88) 0%,rgba(7,20,35,.55) 55%,rgba(7,20,35,.2) 100%),var(--hero) center/cover no-repeat;padding:clamp(70px,12vw,150px) 0}
.a360-hero .a360-eyebrow{color:var(--sky)}
.a360-hero h1,.a360-sec--dark h2,.a360-sec--dark h3,.a360-final h2{color:#fff}
.a360-hero h1{font-size:clamp(2.2rem,5.5vw,4rem);max-width:15em;margin:14px 0 18px}
.a360-lead{font-size:clamp(1.05rem,1.6vw,1.25rem);max-width:38em;color:#e6edf5}
.a360-hero__badges{list-style:none;margin:36px 0 0;padding:0;display:flex;gap:10px 22px;flex-wrap:wrap;font-size:.9rem;color:#d3deea}
.a360-hero__badges li::before{content:"✓";color:var(--sky);font-weight:800;margin-right:8px}

/* Sektionen */
.a360-sec{padding:clamp(56px,8vw,104px) 0}
.a360-sec--alt{background:var(--alt)}
.a360-sec--dark{background:var(--ink);color:#fff}
.a360-sec--dark .a360-eyebrow{color:var(--sky)}
.a360-sec__h{max-width:700px;margin-bottom:44px}
.a360-sec__h h2{font-size:clamp(1.8rem,3.4vw,2.7rem);margin-top:10px}

/* Karten */
.a360-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.a360-cards--3{grid-template-columns:repeat(3,1fr)}
.a360-sub{margin-top:14px;color:var(--mut);max-width:44em}
.a360-note{margin-top:28px;color:var(--mut)}
.a360-note a{color:var(--blue);font-weight:700}
.a360-price{font-size:2.4rem;font-weight:800;letter-spacing:-.02em;color:var(--blue)!important;line-height:1}
.a360-price small{font-size:.9rem;font-weight:700;color:var(--mut)}
.a360-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);transition:.2s}
.a360-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(17,24,39,.14)}
.a360-card__img{display:block;aspect-ratio:4/3;background:#cfe3f3 center/cover no-repeat}
.a360-card__img--blue{background:linear-gradient(135deg,var(--blue),var(--sky))}
.a360-card h3{font-size:1.2rem;padding:20px 22px 8px}
.a360-card p{padding:0 22px;color:var(--mut);font-size:.95rem;flex:1}
.a360-more{padding:16px 22px 22px;font-weight:700;color:var(--blue)}
.a360-badge{position:absolute;top:14px;left:14px;z-index:2;background:var(--blue);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:.35em .8em;border-radius:999px}
.a360-badge--new{background:var(--ink)}

/* Stats */
.a360-stats{background:var(--blue);color:#fff}
.a360-stats__in{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-block:44px;text-align:center}
.a360-stats strong{display:block;font-size:clamp(1.8rem,3.5vw,2.6rem);letter-spacing:-.02em}
.a360-stats span{font-size:.9rem;opacity:.9}

/* Pakete */
.a360-plan{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px 28px;display:flex;flex-direction:column;gap:14px}
.a360-plan--hi{border:2px solid var(--blue);box-shadow:var(--sh)}
.a360-plan .a360-badge{top:-13px;left:24px}
.a360-plan h3{font-size:1.4rem}
.a360-plan p{color:var(--mut)}
.a360-plan ul{list-style:none;padding:0;margin:4px 0 12px;flex:1}
.a360-plan li{padding:.4em 0 .4em 1.6em;position:relative;border-bottom:1px solid var(--line)}
.a360-plan li::before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:800}

/* Logos */
.a360-logos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:10px 20px;align-items:center}
.a360-logos img{filter:grayscale(1);opacity:.65;transition:.2s;margin:auto;max-height:90px;width:auto}
.a360-logos img:hover{filter:none;opacity:1}

/* Ablauf */
.a360-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.a360-steps li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:28px 24px}
.a360-steps b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--blue);margin-bottom:16px;font-size:1.1rem}
.a360-steps h3{font-size:1.2rem;margin-bottom:8px}
.a360-steps p{color:#b8c4d4;font-size:.95rem}

/* FAQ */
.a360 details{border:1px solid var(--line);border-radius:12px;padding:0 20px;margin-bottom:12px;background:#fff}
.a360 summary{cursor:pointer;font-weight:700;padding:18px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}
.a360 summary::after{content:"+";color:var(--blue);font-size:1.4rem;line-height:1}
.a360 details[open] summary::after{content:"–"}
.a360 details p{padding:0 0 18px;color:var(--mut)}
.a360-center a{color:var(--blue);font-weight:700}

/* Schluss-CTA */
.a360-final{background:linear-gradient(135deg,var(--blue-d),var(--blue) 60%,var(--sky));color:#fff;padding:clamp(56px,8vw,96px) 0}
.a360-final h2{font-size:clamp(1.9rem,4vw,3rem);margin-bottom:14px}
.a360-final p{max-width:36em;margin-inline:auto;opacity:.95}
.a360-final .a360-center a{color:inherit}

/* Footer */
.a360-footer{background:#0b1220;color:#aeb9c8;padding-top:56px;font-size:.93rem}
.a360-footer__in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.a360-footer h4,.a360-footer .a360-fh{color:#fff;margin:0 0 12px;font-size:.95rem;font-weight:700}
.a360-footer a{display:block;padding:.2em 0}
.a360-footer a:hover{color:#fff}
.a360-footer__logo{filter:brightness(0) invert(1);margin-bottom:14px}
.a360-footer__c{text-align:center;padding:32px 0;margin-top:32px;border-top:1px solid rgba(255,255,255,.08);font-size:.85rem}

/* Responsive */
@media(max-width:1000px){
	.a360-cards{grid-template-columns:repeat(2,1fr)}
	.a360-steps{grid-template-columns:repeat(2,1fr)}
	.a360-logos{grid-template-columns:repeat(4,1fr)}
	.a360-footer__in{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
	.a360-burger{display:block}
	.a360-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;padding:12px 20px 20px;border-bottom:1px solid var(--line);box-shadow:var(--sh)}
	.a360-nav.is-open{display:flex}
	.a360-nav .a360-btn{margin:10px 0 0}
	.a360-dd__m{position:static;display:block;border:0;box-shadow:none;padding:0 0 0 14px}
	.a360-topbar__r{display:none}
}
@media(max-width:640px){
	.a360-cards,.a360-cards--3,.a360-steps{grid-template-columns:1fr}
	.a360-stats__in{grid-template-columns:repeat(2,1fr)}
	.a360-logos{grid-template-columns:repeat(3,1fr)}
	.a360-footer__in{grid-template-columns:1fr}
}

/* Verschachtelte Untermenues */
.a360-dd__m .a360-dd>a{display:block;padding:.55em .8em;border-radius:8px;font-size:.93rem;font-weight:400}
.a360-dd__m .a360-dd>a::after{content:" ›";float:right}
.a360-dd__m .a360-dd__m{top:-9px;left:100%}
.a360-nav [aria-current]{color:var(--blue)}

/* ---------- Unterseiten (The7/WPBakery-Inhalt) im neuen Design ---------- */
.a360-chrome{font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink)}
.a360-chrome a{text-decoration:none}
body:not(.a360){background:#fff}
body:not(.a360) #page{background:#fff;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
body:not(.a360) #main,body:not(.a360) #main p,body:not(.a360) #main li,body:not(.a360) #main [style*="font-family"]{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;color:var(--ink)}
body:not(.a360) #main p,body:not(.a360) #main li{font-size:1.0625rem;line-height:1.65;color:var(--mut)}
body:not(.a360) #main a:not(.a360-btn):not(.ubtn):not(.ubtn-link):not(.vc_btn3):not(.dt-btn){color:var(--blue);text-decoration:none;border-bottom:1px solid rgba(17,118,188,.3)}
body:not(.a360) #main a:not(.a360-btn):not(.ubtn):not(.ubtn-link):not(.vc_btn3):not(.dt-btn):hover{border-bottom-color:var(--blue)}
body:not(.a360) #main h1,body:not(.a360) #main h2,body:not(.a360) #main h3,body:not(.a360) #main h4,
body:not(.a360) #main .uvc-main-heading h2,body:not(.a360) #main .uvc-main-heading h3{font-family:inherit!important;font-weight:800!important;letter-spacing:-.02em;line-height:1.12;color:var(--black)}
body:not(.a360) #main .uvc-sub-heading{color:var(--mut)!important}
body:not(.a360) #main .wf-wrap,body:not(.a360) #main .wf-container-main{max-width:1180px}

/* Seitentitel */
body:not(.a360) .page-title{background:var(--alt)!important;border-bottom:1px solid var(--line)}
body:not(.a360) .page-title .wf-wrap{padding-block:34px}
body:not(.a360) .page-title h1{font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:800;letter-spacing:-.02em;color:var(--black)!important}
body:not(.a360) .page-title .breadcrumbs,body:not(.a360) .page-title .breadcrumbs a,body:not(.a360) .page-title .breadcrumbs li{color:var(--mut)!important;font-size:.9rem}

/* Buttons */
body:not(.a360) .wpcf7-submit,body:not(.a360) #main .ubtn,body:not(.a360) #main .ult-ib-btn,body:not(.a360) #main .vc_btn3,body:not(.a360) #main .dt-btn,body:not(.a360) #main .ubtn-ctn-center .ubtn{border-radius:999px!important;font-weight:700!important;font-family:inherit!important;border:2px solid var(--blue)!important;background:var(--blue)!important;color:#fff!important;padding:.85em 1.6em!important;height:auto!important;line-height:1.1!important;text-transform:none!important;letter-spacing:0!important;transition:.2s}
body:not(.a360) .wpcf7-submit:hover,body:not(.a360) #main .ubtn:hover,body:not(.a360) #main .vc_btn3:hover{background:var(--blue-d)!important;border-color:var(--blue-d)!important;transform:translateY(-1px)}
body:not(.a360) #main .ubtn-text,body:not(.a360) #main .ubtn span{color:inherit!important}

/* Preistabellen (Ultimate Addons) */
body:not(.a360) #main .ult_pricing_table_wrap .ult_pricing_table{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);background:#fff!important;color:var(--ink)!important;transition:.2s}
body:not(.a360) #main .ult_pricing_table_wrap .ult_pricing_table:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(14,14,14,.14)}
body:not(.a360) #main .ult_pricing_table_wrap.ult_featured .ult_pricing_table{border:2px solid var(--blue)}
body:not(.a360) #main .ult_pricing_heading{padding:26px 20px 8px}
body:not(.a360) #main .ult_pricing_heading .price-subheading{font-size:.85rem!important;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)!important;font-weight:800!important}
body:not(.a360) #main .ult_price_body_block{background:transparent!important;color:var(--blue)!important;padding:0 20px 8px}
body:not(.a360) #main .ult_price_figure{font-size:2.6rem!important;font-weight:800!important;letter-spacing:-.02em;color:var(--blue)!important;line-height:1.1!important}
body:not(.a360) #main .ult_price_features{padding:10px 24px 8px}
body:not(.a360) #main .ult_price_features p{margin:0!important;padding:.55em 0;border-bottom:1px solid var(--line);font-size:.95rem;text-align:left}
body:not(.a360) #main .ult_price_link{padding:18px 20px 28px}

/* Ultimate Content Box / Karten */
body:not(.a360) #main .ult-content-box{border-radius:var(--r)!important;overflow:hidden}
body:not(.a360) #main .vc_single_image-wrapper img,body:not(.a360) #main .wpb_single_image img{border-radius:var(--r)}

/* Farbige Aufruf-Bänder (WPBakery-Zeilen mit Hintergrund) */
body:not(.a360) #main .vc_row.vc_row-has-fill[class*="vc_custom"]{background-image:linear-gradient(135deg,var(--blue-d),var(--blue) 60%,var(--sky))!important;background-color:var(--blue)!important}
body:not(.a360) #main .vc_row-has-fill h1,body:not(.a360) #main .vc_row-has-fill h2,body:not(.a360) #main .vc_row-has-fill h3,body:not(.a360) #main .vc_row-has-fill .uvc-sub-heading,body:not(.a360) #main .vc_row-has-fill p{color:#fff!important}
body:not(.a360) #main .vc_row-has-fill .ubtn{background:#fff!important;border-color:#fff!important;color:var(--blue)!important}
body:not(.a360) #main .vc_row-has-fill .ubtn:hover{background:var(--black)!important;border-color:var(--black)!important;color:#fff!important}

/* Formulare */
body:not(.a360) .wpcf7 input[type=text],body:not(.a360) .wpcf7 input[type=email],body:not(.a360) .wpcf7 input[type=tel],body:not(.a360) .wpcf7 textarea,body:not(.a360) .wpcf7 select{border:1px solid var(--line)!important;border-radius:12px!important;padding:.8em 1em!important;font-family:inherit!important;background:#fff!important;color:var(--ink)!important}
body:not(.a360) .wpcf7 input:focus,body:not(.a360) .wpcf7 textarea:focus{outline:3px solid rgba(17,118,188,.25);border-color:var(--blue)!important}

/* FAQ (Accordion) */
body:not(.a360) #main .sp-faq-accordion,body:not(.a360) #main .ult_acord,body:not(.a360) #main .wpb_accordion_section{border-radius:12px}

/* Feinschliff Startseite */
.a360 .a360-note{margin-top:32px;text-align:center}
.a360 .a360-sub{margin-top:16px}
.a360-plan li{font-size:.9rem}
.a360-hero{background-position:center 35%}

/* Kein Lade-Overlay mehr (modern: Inhalt sofort sichtbar) */
#load,.the7-preloader,#phantom .ph-wrap{display:none!important}
body:not(.a360) #page .fade-in,body:not(.a360) #page .animate-element,body:not(.a360) #main [class*="wpb_animate_when_almost_visible"]{opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important}

/* ===== Kontrast auf farbigen Zeilen (blau auf blau behoben) ===== */
body:not(.a360) #main .vc_row-has-fill,
body:not(.a360) #main .vc_row-has-fill p,
body:not(.a360) #main .vc_row-has-fill li,
body:not(.a360) #main .vc_row-has-fill span,
body:not(.a360) #main .vc_row-has-fill strong,
body:not(.a360) #main .vc_row-has-fill div,
body:not(.a360) #main .vc_row-has-fill h1,
body:not(.a360) #main .vc_row-has-fill h2,
body:not(.a360) #main .vc_row-has-fill h3,
body:not(.a360) #main .vc_row-has-fill h4{color:#fff!important}
body:not(.a360) #main .vc_row-has-fill li{border-color:rgba(255,255,255,.22)!important}
body:not(.a360) #main .vc_row-has-fill a:not(.ubtn):not(.vc_btn3){color:#fff!important;border-bottom:1px solid rgba(255,255,255,.55)}
body:not(.a360) #main .vc_row-has-fill .ubtn,body:not(.a360) #main .vc_row-has-fill .ubtn *{color:var(--blue)!important}
body:not(.a360) #main .vc_row-has-fill .ubtn:hover,body:not(.a360) #main .vc_row-has-fill .ubtn:hover *{color:#fff!important}
body:not(.a360) #main .vc_row-has-fill .ult-ib-icon,body:not(.a360) #main .vc_row-has-fill i{color:#fff!important}

/* ===== Topbar, Social, Bewertung ===== */
.a360-topbar__in{align-items:center}
.a360-rating{display:inline-flex;align-items:center;gap:6px;color:#fff!important;font-weight:500}
.a360-rating strong{font-weight:800}
.a360-dot{opacity:.45;margin:0 2px}
.a360-topbar__r{display:flex;align-items:center;gap:20px}
.a360-social{list-style:none;display:flex;align-items:center;gap:6px;margin:0;padding:0}
.a360-social a{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#cfd6e0;transition:.2s}
.a360-social a:hover{background:var(--blue);color:#fff}
.a360-social--foot{margin-top:18px}
.a360-social--foot a{width:38px;height:38px;background:rgba(255,255,255,.08);color:#fff}
.a360-social--foot a:hover{background:var(--blue)}
.a360-skip{position:absolute;left:12px;top:-60px;z-index:300;background:var(--blue);color:#fff!important;padding:10px 16px;border-radius:8px}
.a360-skip:focus{top:12px}

/* ===== Header-Zustand ===== */
.a360-header{transition:box-shadow .2s ease}
.a360-header.is-scrolled{box-shadow:0 8px 24px rgba(11,27,43,.10)}

/* ===== Fokus & Barrierefreiheit ===== */
.a360-chrome a:focus-visible,.a360-chrome button:focus-visible,.a360 summary:focus-visible,.a360 .a360-btn:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:8px}
html{scroll-behavior:smooth;scroll-padding-top:110px}

/* ===== Einblend-Animation (nur mit JS) ===== */
.a360-rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease var(--d,0ms),transform .6s ease var(--d,0ms)}
.a360-rv.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
	html{scroll-behavior:auto}
	.a360-rv{opacity:1;transform:none;transition:none}
	.a360 *,.a360-chrome *{transition:none!important;animation:none!important}
}

/* ===== Sticky Mobile-CTA ===== */
.a360-sticky{display:none}
@media(max-width:820px){
	.a360-sticky{position:fixed;left:0;right:0;bottom:0;z-index:90;display:grid;grid-template-columns:1.25fr 1fr;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(11,27,43,.08)}
	.a360-sticky .a360-btn{padding:.8em 1em}
	.a360-footer__c{padding-bottom:90px}
	.a360-topbar__t{display:none}
	.a360-topbar__in{justify-content:space-between}
}
@media(max-width:420px){.a360-rating .a360-dot:nth-of-type(2),.a360-topbar .a360-social li:nth-child(n+3){display:none}}

/* ===== Feinschliff Unterseiten ===== */
body:not(.a360) .page-title h1,body:not(.a360) .page-title h1 *,body:not(.a360) .page-title .page-title-head h1{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;color:var(--navy)!important;font-weight:800!important}
body:not(.a360) .page-title .breadcrumbs a{color:var(--blue)!important}
body:not(.a360) #main a.ubtn,body:not(.a360) #main .ubtn-link{border-bottom:0!important;text-decoration:none!important;box-shadow:none}
body:not(.a360) #main .ubtn{font-size:1rem!important}
body:not(.a360) #main .ubtn .ubtn-hover,body:not(.a360) #main .ubtn-sep-icon{display:none!important}
.a360-footer__in{padding-bottom:36px}

/* FAQ-Akkordeon */
body:not(.a360) #main .faq-accordion .faq-main{border:1px solid var(--line);border-radius:14px;margin-bottom:12px;background:#fff;overflow:hidden;transition:box-shadow .2s}
body:not(.a360) #main .faq-accordion .faq-main:hover{box-shadow:var(--sh)}
body:not(.a360) #main .faq-accordion .faq-title{background:#fff!important;padding:4px 20px;cursor:pointer}
body:not(.a360) #main .faq-accordion .faq-title h4{font-size:1.05rem!important;margin:14px 0!important}
body:not(.a360) #main .faq-accordion .faq-content{padding:0 20px 18px}

/* Logo-Raster (Kunden) */
body:not(.a360) #main .vc_single_image-wrapper img{border-radius:12px}
body:not(.a360) #main .wpb_single_image .vc_single_image-wrapper{border-bottom:0!important}

/* Listen im Inhalt */
body:not(.a360) #main .wpb_text_column ul{padding-left:1.2em}
body:not(.a360) #main .wpb_text_column li{margin:.3em 0}

/* Cookie-Hinweis */
#cookie-notice{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;border-radius:14px 14px 0 0}
#cookie-notice .cn-button{border-radius:999px!important;background:var(--blue)!important;border:0!important;color:#fff!important;font-weight:700!important;padding:.6em 1.3em!important}

/* News / Blog */
body:not(.a360) #main article.post,body:not(.a360) #main .wf-cell article{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
body:not(.a360) #main .entry-title a,body:not(.a360) #main h2 a,body:not(.a360) #main h3 a,body:not(.a360) #main .widget a,body:not(.a360) #main .entry-meta a,body:not(.a360) #main .post a.more-link,body:not(.a360) #main .project-link{border-bottom:0!important}
body:not(.a360) #main .entry-title a:hover,body:not(.a360) #main .widget a:hover{text-decoration:underline;text-underline-offset:3px}
body:not(.a360) #main .entry-meta .author{display:none}
body:not(.a360) #main .widget-title,body:not(.a360) #main .widgettitle{font-size:1.05rem;font-weight:800;color:var(--navy)}

.a360-card__img--logo{background-size:cover;background-position:center}
.a360-sec--alt .a360-eyebrow,.a360-sec--alt .a360-more{color:var(--blue-d)}

/* ===== Hero als echtes Bild (SEO, Ladezeit, Alt-Text) ===== */
.a360-hero{background:none;isolation:isolate;overflow:hidden}
.a360-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;z-index:-2}
.a360-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(7,20,35,.9) 0%,rgba(7,20,35,.6) 55%,rgba(7,20,35,.2) 100%)}
.a360-hero__in{position:relative}

/* Kartenbilder als <img> */
.a360-card__img{overflow:hidden;background:#e8f1f8}
.a360-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.a360-card:hover .a360-card__img img{transform:scale(1.04)}

/* ===== Kennzahlen: dunkel, Glas-Karten, Zaehler ===== */
.a360-stats{position:relative;isolation:isolate;overflow:hidden;color:#fff;
	background:radial-gradient(55% 140% at 12% 0%,rgba(20,169,255,.38),transparent 62%),radial-gradient(50% 120% at 92% 100%,rgba(17,118,188,.55),transparent 60%),var(--navy)}
.a360-stats::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;
	background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:44px 44px;
	-webkit-mask-image:radial-gradient(70% 100% at 50% 50%,#000,transparent);mask-image:radial-gradient(70% 100% at 50% 50%,#000,transparent)}
.a360-stats__in{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-block:clamp(44px,6vw,72px);text-align:left}
.a360-stat{display:flex;flex-direction:column;gap:6px;padding:26px 24px;border-radius:var(--r);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);transition:transform .25s ease,border-color .25s ease,background .25s ease}
.a360-stat:hover{transform:translateY(-4px);border-color:rgba(20,169,255,.6);background:rgba(255,255,255,.09)}
.a360-stat__ico{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;margin-bottom:10px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--sky));box-shadow:0 8px 20px rgba(20,169,255,.35)}
.a360-stat strong{display:block;font-size:clamp(2.1rem,4vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;background:linear-gradient(180deg,#fff 30%,#9fd8ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.a360-stat .a360-stat__l{font-size:.95rem;line-height:1.4;color:#b8c7d8;opacity:1}

/* Einsatzbereiche */
.a360-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.a360-tiles li{padding:26px 24px;border:1px solid var(--line);border-radius:var(--r);background:#fff;transition:.2s;position:relative}
.a360-tiles li::before{content:"";position:absolute;left:24px;top:0;width:36px;height:4px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--blue),var(--sky))}
.a360-tiles li:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.a360-tiles h3{font-size:1.1rem;margin:6px 0 8px}
.a360 .a360-tiles p{color:var(--mut);margin:0;font-size:.95rem}

/* Region */
.a360 .a360-sub--c{margin-inline:auto}
.a360-chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:28px 0 0;padding:0}
.a360-chips li{padding:.5em 1.1em;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:600;font-size:.92rem;color:var(--navy)}
.a360-chips li:last-child{background:var(--blue);border-color:var(--blue);color:#fff}

@media(max-width:1000px){.a360-stats__in{grid-template-columns:repeat(2,1fr)}.a360-tiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.a360-stats__in{grid-template-columns:1fr 1fr;gap:12px}.a360-stat{padding:20px 16px}.a360-tiles{grid-template-columns:1fr}}
.a360-card__img--logo{background:#eeeeea}
.a360-card__img--logo img{object-fit:contain}
.a360-card:hover .a360-card__img--logo img{transform:none}

/* ===== Smartphone: Unterseiten (The7/WPBakery) auf Bildschirmbreite zwingen ===== */
@media(max-width:820px){
	html,body{overflow-x:hidden;max-width:100%}
	body:not(.a360) #page,body:not(.a360) #main,body:not(.a360) .wf-wrap,body:not(.a360) .wf-container-main,body:not(.a360) .wf-container,body:not(.a360) .content,body:not(.a360) .wpb-content-wrapper,body:not(.a360) .faq-accordion,body:not(.a360) .faq-main,body:not(.a360) .page-title .wf-wrap{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}
	body:not(.a360) #main .wf-wrap{padding-inline:18px!important}
	body:not(.a360) #main .vc_row,body:not(.a360) #main .vc_row.vc_row-flex{margin-left:0!important;margin-right:0!important;max-width:100%!important;display:block!important}
	body:not(.a360) #main .vc_row[data-vc-full-width]{left:0!important;width:100%!important;max-width:100%!important;padding-inline:0!important}
	body:not(.a360) #main .wpb_column,body:not(.a360) #main .vc_column_container{width:100%!important;max-width:100%!important;float:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
	body:not(.a360) #main .vc_column-inner{width:100%!important;max-width:100%!important;box-sizing:border-box}
	body:not(.a360) #main .vc_row .vc_column-inner{padding-left:16px!important;padding-right:16px!important}
	body:not(.a360) #main img,body:not(.a360) #main iframe,body:not(.a360) #main video,body:not(.a360) #main table,body:not(.a360) #main .wpb_gmaps_widget,body:not(.a360) #main .wpb_map_wraper{max-width:100%!important;height:auto}
	body:not(.a360) #main iframe{height:auto;min-height:260px}
	body:not(.a360) #main h1,body:not(.a360) #main h2,body:not(.a360) #main h3,body:not(.a360) #main h4,body:not(.a360) #main p,body:not(.a360) #main li,body:not(.a360) #main a,body:not(.a360) #main .faq-title,body:not(.a360) #main .ubtn{overflow-wrap:anywhere;word-break:normal;hyphens:auto}
	body:not(.a360) #main .ult_pricing_table_wrap,body:not(.a360) #main .ult_pricing_table,body:not(.a360) #main .ult_price_features,body:not(.a360) #main .ult_price_features li{width:100%!important;max-width:100%!important;box-sizing:border-box}
	body:not(.a360) #main .ubtn,body:not(.a360) #main .vc_btn3,body:not(.a360) #main .wpcf7-submit{white-space:normal!important;max-width:100%;text-align:center}
	body:not(.a360) #main .wpcf7 input:not([type=checkbox]):not([type=submit]),body:not(.a360) #main .wpcf7 textarea,body:not(.a360) #main .wpcf7 select{width:100%!important;max-width:100%!important;box-sizing:border-box}
	body:not(.a360) #main .uvc-main-heading h2,body:not(.a360) #main h2{font-size:1.5rem!important}
	body:not(.a360) #main .uvc-main-heading h2{line-height:1.2!important}
	.a360-cta .a360-btn{white-space:normal}
}
@media(max-width:380px){
	.a360-btn{padding-inline:1.2em}
	.a360-sticky .a360-btn{font-size:.9rem;padding-inline:.6em}
	.a360-final h2,.a360-hero h1{overflow-wrap:anywhere}
}
.a360-btn--sm{padding:.5em 1.2em;font-size:.9rem}
.a360-tel{font-weight:700;white-space:nowrap}
@media(max-width:820px){.a360-sticky .a360-btn{white-space:nowrap;font-size:.88rem;padding-inline:.5em}}

/* SEO: Projektliste und Einleitung */
.a360-allprojects{max-width:1100px;margin:48px auto 24px;padding:0 16px}
.a360-allprojects h2{font-size:1.4rem;margin:0 0 10px}
.a360-allprojects ul{columns:3 220px;column-gap:28px;list-style:none;margin:18px 0 0;padding:0}
.a360-allprojects li{padding:.2em 0;break-inside:avoid}
.a360-ref-intro{margin:0 0 1.2em}
.a360-t{margin:0;line-height:1.15;letter-spacing:-.02em;font-weight:700;font-size:1.1rem}
.a360-tiles .a360-t{margin:6px 0 8px}
.a360-steps .a360-t{font-size:1.2rem;margin-bottom:8px}
.a360-sec--dark .a360-t{color:#fff}
.a360-intro{margin:0 0 1.4em;font-size:1.05rem;line-height:1.6}
.a360-ref-more{margin:0 0 1.2em}