body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
/* arm.css */
@font-face { font-family: "Noto Sans"; font-style: normal; font-weight: 400; font-display: swap;
    src: url("/files/myarmolan.com/fonts/noto-sans-v42-latin_latin-ext-regular.woff2") format("woff2"); }

@font-face { font-family: "Noto Sans"; font-style: normal; font-weight: 500; font-display: swap;
    src: url("/files/myarmolan.com/fonts/noto-sans-v42-latin_latin-ext-500.woff2") format("woff2"); }

@font-face { font-family: "Noto Sans"; font-style: normal; font-weight: 700; font-display: swap;
    src: url("/files/myarmolan.com/fonts/noto-sans-v42-latin_latin-ext-700.woff2") format("woff2"); }

html, body, input, textarea, select, button {font-family: "Noto Sans", Arial, sans-serif;}

@font-face { font-family: "Exo"; font-style: normal; font-weight: 400; font-display: swap;
    src: url("/files/myarmolan.com/fonts/exo-v25-latin_latin-ext-regular.woff2") format("woff2"); }

@font-face { font-family: "Exo"; font-style: normal; font-weight: 700; font-display: swap;
    src: url("/files/myarmolan.com/fonts/exo-v25-latin_latin-ext-700.woff2") format("woff2"); }

@font-face { font-family: "Exo"; font-style: normal; font-weight: 800; font-display: swap;
    src: url("/files/myarmolan.com/fonts/exo-v25-latin_latin-ext-800.woff2") format("woff2"); }

h1, h2, h3, h4, h5, h6, .arm-home-icon-boxes .icon-boxes-item h3 {font-family: "Exo", Arial, sans-serif;}
h1 { font-weight: 800; }
h2,h3 {font-weight: 700;}
h4,h5,h6 {font-weight: 400;}

.arm-h124 > h2 {font-size: 2.0em !important;}
/* Radius für Buttons */
button,
.button,
.feature-box-link,
.headline-box-link,
input[type="submit"],
input[type="button"] {
    border-radius: 3px !important;
}

.header-bar, .header-navigation {border-bottom: none}
/* Farbdefinitionen */
.arm-red {background: #dd0000;}
.arm-blue {background: #003366;}
.arm-grey {background: #505050;}
.arm-dark {background: #040f1a;}

/* Bau-Spacer */
.arm-build-spacer {width:100%;height:14px;display:flex;align-items:center;justify-content:center;background:#ff00ff;color:#fff;font-size:10px;font-weight:700;line-height:1;text-align:center;letter-spacing:0.08em;text-transform:uppercase;box-sizing:border-box;}
/* Entwicklungs-Spacer */
.arm-example-spacer {width:100%;min-height:38px;display:flex;align-items:center;justify-content:center;padding:15px 14px;background:#20B8D8;color:#333;text-transform:uppercase;font-size:12px;font-weight:800 !important;line-height:1.3;text-align:center;letter-spacing:0.02em;box-sizing:border-box;}

/* Keine Rahmen um Bilder */
.no-frame > figure,
.no-frame .image_container,
.image_container.no-frame {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    background-image: none;
    box-shadow: none;
}
.footer-top-link { color: #717c8e;}
/* arm-hero-slide-zoom */
/* Gemeinsame Basis */
.rsts-slide:has([data-rsts-class~="arm-hero-zoom1"]),
.rsts-slide:has([data-rsts-class~="arm-hero-zoom2"]),
.rsts-slide:has([data-rsts-class~="arm-hero-zoom3"]) {
    overflow: hidden;
}

.rsts-slide:has([data-rsts-class~="arm-hero-zoom1"]) > img[data-rsts-background],
.rsts-slide:has([data-rsts-class~="arm-hero-zoom2"]) > img[data-rsts-background],
.rsts-slide:has([data-rsts-class~="arm-hero-zoom3"]) > img[data-rsts-background] {
    transform-origin: center center;
    backface-visibility: hidden;
    will-change: transform;
    transition: transform 7.2s linear;
}

/* Zoom 1: hineinzoomen */
.rsts-slide:has([data-rsts-class~="arm-hero-zoom1"]) > img[data-rsts-background] {
    transform: scale(1.001);
}

.rsts-slide.rsts-active:has([data-rsts-class~="arm-hero-zoom1"]) > img[data-rsts-background] {
    transform: scale(1.08);
}

/* Zoom 2: herauszoomen */
.rsts-slide:has([data-rsts-class~="arm-hero-zoom2"]) > img[data-rsts-background] {
    transform: scale(1.10);
}

.rsts-slide.rsts-active:has([data-rsts-class~="arm-hero-zoom2"]) > img[data-rsts-background] {
    transform: scale(1.001);
}

/* Zoom 3: sanft hineinzoomen */
.rsts-slide:has([data-rsts-class~="arm-hero-zoom3"]) > img[data-rsts-background] {
    transform: scale(1.02);
}

.rsts-slide.rsts-active:has([data-rsts-class~="arm-hero-zoom3"]) > img[data-rsts-background] {
    transform: scale(1.07);
}

/* Icon-Boxen */
.arm-home-icon-boxes {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    padding-inline: 2.5rem;
}

.arm-home-icon-boxes .icon-boxes-item {
    display: flex;
    flex-direction: column;
    height: auto;
}

.arm-home-icon-boxes .icon-boxes-item::before {
    align-self: center;
}

.arm-home-icon-boxes .icon-boxes-item h3 {
    min-height: 4em;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
}

.arm-home-icon-boxes .icon-boxes-item-text {
    min-height: 4.5em;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex: 1 1 auto;
    text-align: center;
}

.arm-home-icon-boxes .icon-boxes-item-link {
    margin-top: auto;
}
.arm-home-icon-boxes .icon-boxes-item h3 {
    font-size: clamp(0.9rem, 1.1vw, 1.5rem);
}
.arm-home-icon-boxes .icon-boxes-item-text h2 {
    font-size: clamp(0.85rem, 0.95vw, 1.15rem);
    line-height: 1.35;
}
.arm-home-icon-boxes .icon-boxes-item-text {
    font-size: clamp(0.85rem, 1vw, 1.25rem);
}
.arm-home-icon-boxes .icon-boxes-item-link {
    font-size: clamp(0.75rem, 0.85vw, 1rem);
}
.arm-home-icon-boxes .icon-boxes-item.-large-icon::before {
    font-size: clamp(1.6rem, 2vw, 2.2rem);
}
@media (min-width: 900px) and (max-width: 1188px) {
    .arm-home-icon-boxes .icon-boxes-item h3 {
        font-size: clamp(0.65rem, 1.05vw, 0.95rem);
        line-height: 1.25;
    }

    .arm-home-icon-boxes .icon-boxes-item-text h2 {
        font-size: clamp(0.68rem, 0.95vw, 0.88rem);
        line-height: 1.25;
    }

    .arm-home-icon-boxes .icon-boxes-item.-large-icon::before {
        font-size: clamp(1.1rem, 1.45vw, 1.45rem);
    }

    .arm-home-icon-boxes .icon-boxes-item-link {
        font-size: 0.65rem;
    }
}

/* =========================================================
   Home – Icon-Boxen mit vollflächigem Bild
   Wrapper: arm-home-icon-boxes-8
   ========================================================= */
	 
.arm-home-icon-boxes-8 > h2 {width:100%;margin:0 0 32px;text-align:center;color:#fff;font-family:"Exo",Arial,sans-serif;font-size:2.5rem;font-weight:800;line-height:1.15;}	 
/* Icons oben an der Box */	 
.arm-home-icon-boxes-8 {overflow:visible!important;}
.arm-home-icon-boxes-8 > .icon-boxes-item {margin-top:30px!important;overflow:visible!important;}
.arm-home-icon-boxes-8 > .icon-boxes-item::before {position:absolute!important;top:0!important;right:auto!important;bottom:auto!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;z-index:10!important;}
/* --*/
.arm-home-icon-boxes-8 {--arm-box-height:400px;--arm-box-radius:0;--arm-box-text:rgba(255,255,255,0.92);--arm-box-heading:#fff;}
/* Einzelne Box */
.arm-home-icon-boxes-8 > .icon-boxes-item {position:relative;display:flex!important;flex-direction:column;justify-content:flex-end;min-height:var(--arm-box-height);margin-top:30px!important;padding:0 28px 28px;overflow:visible!important;border-radius:var(--arm-box-radius);box-sizing:border-box;isolation:isolate;text-align:center;}
/* Bild aus dem Textfeld als vollflächiger Hintergrund */
.arm-home-icon-boxes-8 > .icon-boxes-item .icon-boxes-item-text {position:static;margin:0;color:var(--arm-box-text);}
.arm-home-icon-boxes-8 > .icon-boxes-item .icon-boxes-item-text p:has(img) {position:static!important;margin:0!important;padding:0!important;height:0!important;line-height:0!important;}
.arm-home-icon-boxes-8 > .icon-boxes-item .icon-boxes-item-text img {position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;z-index:-2;transition:transform 0.8s ease;}
.arm-home-icon-boxes-8 > .icon-boxes-item:hover .icon-boxes-item-text img {transform:scale(1.035);}
/* Milchglas am unteren Ende über dem Bild */
.arm-home-icon-boxes-8 > .icon-boxes-item::after {content:"";position:absolute;left:0;right:0;bottom:0;height:35%;background:linear-gradient(to bottom,rgba(4,17,29,0.10) 0%,rgba(4,17,29,0.38) 32%,rgba(4,17,29,0.70) 100%);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:-1;pointer-events:none;}
/* Überschrift, Fließtext und Link über dem Milchglas */
.arm-home-icon-boxes-8 > .icon-boxes-item h3,.arm-home-icon-boxes-8 > .icon-boxes-item .icon-boxes-item-text p:not(:has(img)),.arm-home-icon-boxes-8 > .icon-boxes-item .icon-boxes-item-link {position:relative;z-index:2;}
.arm-home-icon-boxes-8 > .icon-boxes-item h3 {margin:0 0 9px;padding:0;color:var(--arm-box-heading);line-height:1.2;}
.arm-home-icon-boxes-8 > .icon-boxes-item .icon-boxes-item-text p:not(:has(img)) {margin:0;color:var(--arm-box-text);font-size:0.84rem;line-height:1.32;}
.arm-home-icon-boxes-8 > .icon-boxes-item .icon-boxes-item-link {margin:13px 0 0;}
/* Tao-Icon fest an der Oberkante der jeweiligen Box */
.arm-home-icon-boxes-8 > .icon-boxes-item::before {position:absolute!important;top:0!important;right:auto!important;bottom:auto!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;z-index:10!important;}
/* Boxen ohne eingetragenes Bild */
.arm-home-icon-boxes-8 > .icon-boxes-item:not(:has(.icon-boxes-item-text img)) {background:#071522;}
/* Tablet */
@media (max-width:979px) {
.arm-home-icon-boxes-8 {--arm-box-height:400px;}
.arm-home-icon-boxes-8 > .icon-boxes-item {margin-top:30px!important;padding:0 24px 26px;}
.arm-home-icon-boxes-8 > .icon-boxes-item::after {height:44%;}
.arm-home-icon-boxes-8 > .icon-boxes-item .icon-boxes-item-text p:not(:has(img)) {font-size:0.82rem;line-height:1.3;}
}
/* Smartphone */
@media (max-width:599px) {
.arm-home-icon-boxes-8 {--arm-box-height:380px;}
.arm-home-icon-boxes-8 > .icon-boxes-item {margin-top:28px!important;padding:0 20px 24px;}
.arm-home-icon-boxes-8 > .icon-boxes-item::after {height:48%;}
.arm-home-icon-boxes-8 > .icon-boxes-item .icon-boxes-item-text p:not(:has(img)) {font-size:0.8rem;line-height:1.28;}
}
.arm-home-icon-boxes-8 {padding-right:32px;padding-left:32px;box-sizing:border-box;}

@media (max-width:979px) {
.arm-home-icon-boxes-8 {padding-right:22px;padding-left:22px;}
}

@media (max-width:599px) {
.arm-home-icon-boxes-8 {padding-right:14px;padding-left:14px;}
}

/* =========================================================
   Home – Counter
   Wrapper: arm-home-counter-1
   Grundblau: #083463
   ========================================================= */

.arm-home-counter-1 {padding:61px 27px;background:#083463!important;border:0!important;box-sizing:border-box;}
.arm-home-counter-1 > .centered-wrapper-inner {width:100%;max-width:1500px;margin:0 auto;}
.arm-home-counter-1 .counter-boxes {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;width:100%!important;margin:0!important;padding:0!important;}
.arm-home-counter-1 .counter-boxes::before,.arm-home-counter-1 .counter-boxes::after {display:none!important;content:none!important;}
.arm-home-counter-1 .counter-boxes-item {position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;float:none!important;clear:none!important;width:auto!important;min-width:0!important;max-width:none!important;min-height:212px;margin:0!important;padding:32px 19px 29px;background:rgba(0,0,0,0.08);border:1px solid rgba(255,255,255,0.18);border-radius:3px;box-sizing:border-box;text-align:center;transition:transform 0.3s ease,border-color 0.3s ease,background 0.3s ease;}
.arm-home-counter-1 .counter-boxes-item:hover {transform:translateY(-4px);background:rgba(255,255,255,0.05);border-color:rgba(95,155,209,0.85);}
.arm-home-counter-1 .counter-boxes-item::before {display:flex;align-items:center;justify-content:center;width:54px;height:54px;margin:0 0 15px;border:1px solid rgba(95,155,209,0.9);border-radius:50%;background:rgba(255,255,255,0.035);color:#5f9bd1;font-size:25px;line-height:1;}
.arm-home-counter-1 .counter-boxes-item .-counter {margin:0;color:#fff;font-family:"Exo",Arial,sans-serif;font-size:2rem!important;font-weight:400;line-height:1;letter-spacing:-0.035em;}
.arm-home-counter-1 .counter-boxes-item h3 {max-width:196px;margin:15px auto 0;color:#dfe7ef;font-family:"Exo",Arial,sans-serif;font-size:0.9rem;font-weight:700;line-height:1.3;text-transform:none;}
.arm-home-counter-1 .counter-boxes-item::after {content:"";position:absolute;right:19px;bottom:15px;left:19px;height:1px;background:linear-gradient(to right,transparent,rgba(95,155,209,0.45),transparent);opacity:0.75;}

/* Tablet */

@media (max-width:979px) {
.arm-home-counter-1 {padding:49px 20px;}
.arm-home-counter-1 .counter-boxes {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:17px!important;}
.arm-home-counter-1 .counter-boxes-item {min-height:196px;padding:27px 17px 26px;}
}

/* Smartphone */

@media (max-width:599px) {
.arm-home-counter-1 {padding:39px 14px;}
.arm-home-counter-1 .counter-boxes {grid-template-columns:1fr!important;gap:14px!important;}
.arm-home-counter-1 .counter-boxes-item {min-height:178px;padding:24px 15px 22px;}
.arm-home-counter-1 .counter-boxes-item::before {width:48px;height:48px;margin-bottom:13px;font-size:22px;}
.arm-home-counter-1 .counter-boxes-item .-counter {font-size:1.8rem!important;}
.arm-home-counter-1 .counter-boxes-item h3 {margin-top:12px;font-size:0.85rem;}
}

/* =========================================================
   Toplink – gemeinsame Basis
   Varianten: arm-top-blau / arm-top-weiss / arm-top-grau
   ========================================================= */

.arm-toplink {display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:0!important;padding:28px 0 10px!important;box-sizing:border-box!important;}
.arm-toplink::before,.arm-toplink::after {display:none!important;content:none!important;}
.arm-toplink a {display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;float:none!important;margin:0!important;padding:6px 10px!important;font-family:"Exo",Arial,sans-serif!important;font-size:0.74rem!important;font-weight:700!important;line-height:1!important;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important;white-space:nowrap!important;border-radius:999px!important;transition:color 0.25s ease,background 0.25s ease,opacity 0.25s ease,transform 0.25s ease!important;}
.arm-toplink a::before {content:"↑"!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;margin:0!important;border-radius:50%!important;font-size:0.72rem!important;font-weight:700!important;line-height:1!important;transition:background 0.25s ease,border-color 0.25s ease,color 0.25s ease!important;}
.arm-toplink a:hover {transform:translateY(-2px)!important;}

/* Blau */

.arm-toplink.arm-top-blau {background:#083463!important;}
.arm-toplink.arm-top-blau a {color:rgba(255,255,255,0.58)!important;opacity:0.9!important;}
.arm-toplink.arm-top-blau a::before {border:1px solid rgba(95,155,209,0.65)!important;background:rgba(255,255,255,0.035)!important;color:#5f9bd1!important;}
.arm-toplink.arm-top-blau a:hover {color:#fff!important;background:rgba(255,255,255,0.06)!important;opacity:1!important;}
.arm-toplink.arm-top-blau a:hover::before {background:#5f9bd1!important;border-color:#5f9bd1!important;color:#fff!important;}

/* Weiß */

.arm-toplink.arm-top-weiss {background:#fff!important;}
.arm-toplink.arm-top-weiss a {color:rgba(8,52,99,0.65)!important;opacity:0.9!important;}
.arm-toplink.arm-top-weiss a::before {border:1px solid rgba(8,52,99,0.38)!important;background:rgba(8,52,99,0.04)!important;color:#083463!important;}
.arm-toplink.arm-top-weiss a:hover {color:#083463!important;background:rgba(8,52,99,0.07)!important;opacity:1!important;}
.arm-toplink.arm-top-weiss a:hover::before {background:#083463!important;border-color:#083463!important;color:#fff!important;}

/* Grau */

.arm-toplink.arm-top-grau {background:#999!important;}
.arm-toplink.arm-top-grau a {color:rgba(8,52,99,0.72)!important;opacity:0.9!important;}
.arm-toplink.arm-top-grau a::before {border:1px solid rgba(8,52,99,0.42)!important;background:rgba(255,255,255,0.12)!important;color:#083463!important;}
.arm-toplink.arm-top-grau a:hover {color:#083463!important;background:rgba(255,255,255,0.22)!important;opacity:1!important;}
.arm-toplink.arm-top-grau a:hover::before {background:#083463!important;border-color:#083463!important;color:#fff!important;}

/* =========================================================
   Home – Map mit hervorgehobenen Infoboxen
   Wrapper: arm-home-map
   ========================================================= */

.arm-home-map {background:#ccc;}
.arm-home-map .info-map-boxes {position:relative;z-index:5;}
.arm-home-map .info-map-boxes-item {background:rgba(11,27,42,0.96);border:1px solid rgba(22,139,207,0.32);box-shadow:0 12px 30px rgba(0,0,0,0.28);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease,transform 0.25s ease;}
.arm-home-map .info-map-boxes-item:hover {background:rgba(14,34,52,0.98);border-color:rgba(22,139,207,0.7);box-shadow:0 16px 38px rgba(0,0,0,0.36);transform:translateY(-3px);}
.arm-home-map .info-map-boxes-item h3 {position:relative;margin:0 0 14px;padding:0 110px 10px 0;border:0!important;color:#168bcf;font-family:"Exo",Arial,sans-serif;font-weight:700;}
.arm-home-map .info-map-boxes-item h3::after {content:"";position:absolute;right:110px;bottom:0;left:0;height:1px;background:rgba(255,255,255,0.55);}
.arm-home-map .info-map-boxes-item p {color:rgba(255,255,255,0.9);}
.arm-home-map .info-map-boxes-item a {color:#168bcf;}
.arm-home-map .info-map-boxes-item a:hover {color:#fff;}
.arm-home-map .info-map-boxes-item::before {color:#0d4f87;background:none!important;box-shadow:none!important;}
.arm-home-map .gm-control-active,.arm-home-map .gm-bundled-control button {background-color:rgba(255,255,255,0.94)!important;box-shadow:0 2px 8px rgba(0,0,0,0.22)!important;}
.arm-home-map .gm-control-active img,.arm-home-map .gm-bundled-control button img {filter:none;opacity:0.75;}
.arm-home-map .gm-control-active:hover,.arm-home-map .gm-bundled-control button:hover {background-color:#fff!important;}
.arm-home-map .gm-control-active:hover img,.arm-home-map .gm-bundled-control button:hover img {opacity:1;}

@media (max-width:599px) {
.arm-home-map .info-map-boxes-item {box-shadow:0 8px 22px rgba(0,0,0,0.26);}
.arm-home-map .info-map-boxes-item h3 {padding-right:90px;}
.arm-home-map .info-map-boxes-item h3::after {right:90px;}
}

/* =========================================================
   Home – Global Presence
   Halbtransparente Länderboxen
   ========================================================= */

.arm-global-presence-box > .icon-boxes-item {
    padding:22px 28px 20px!important;
    background:rgba(4,15,26,0.70)!important;
    border:1px solid rgba(255,255,255,0.10);
    box-shadow:0 12px 30px rgba(0,0,0,0.30);
    box-sizing:border-box;
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

.arm-global-presence-box > .icon-boxes-item:hover {
    background:rgba(4,15,26,0.94)!important;
    border-color:rgba(22,139,207,0.45);
    box-shadow:0 16px 36px rgba(0,0,0,0.38);
    transform:translateY(-3px);
}


/* =========================================================
   Desktop – einheitlicher, dauerhaft sichtbarer Header
   über dem Hero-Slider
   ========================================================= */

@media (min-width:900px) {

    /* Gesamter Header als eine gemeinsame Fläche */
    .page-header.is-fixed {
        position:fixed!important;
        top:0;
        right:0;
        left:0;
        z-index:1000;
        width:100%;
        background:rgba(5,15,25,0.65)!important;
        border:0!important;
        border-bottom:1px solid rgba(255,255,255,0.08)!important;
        box-shadow:none!important;
        backdrop-filter:blur(7px);
        -webkit-backdrop-filter:blur(7px);
    }

    /* Beide Teilbereiche transparent:
       Hintergrund kommt ausschließlich vom Gesamtheader */
    .page-header .header-bar,
    .page-header .header-navigation {
        background:transparent!important;
        border:0!important;
        box-shadow:none!important;
        backdrop-filter:none!important;
        -webkit-backdrop-filter:none!important;
    }

    .page-header .header-bar-inner,
    .page-header .header-navigation-inner {
        position:relative;
        z-index:2;
        background:transparent!important;
    }

    /* Hero unter den fixierten Header ziehen */
    #Tagline {
        position:relative;
        top:-120px;
        margin-bottom:-120px;
    }
}

/* =========================================================
   Desktop – Logo, Hauptnavigation und Suche platzieren
   ========================================================= */

@media (min-width:900px) {

    .page-header .header-navigation-inner {
        display:grid!important;
        grid-template-columns:190px minmax(0,1fr) 52px;
        align-items:center;
        column-gap:34px;
        width:100%;
        max-width:none;
        height:84px!important;
        margin:0 auto;
        padding:0 40px;
        box-sizing:border-box;
    }

    /* TAO-Floats und absolute Positionierungen neutralisieren */
    .page-header .header-navigation-inner > .logo,
    .page-header .header-navigation-inner > .main-navigation,
    .page-header .header-navigation-inner > .main-navigation-search {
        position:relative!important;
        top:auto!important;
        right:auto!important;
        bottom:auto!important;
        left:auto!important;
        float:none!important;
        clear:none!important;
        width:auto!important;
        margin:0!important;
    }

    /* Logo */
    .page-header .header-navigation-inner > .logo {
        grid-column:1;
        justify-self:start;
        align-self:center;
        line-height:0;
    }

    .page-header .header-navigation-inner > .logo a {
        display:block;
        line-height:0;
    }

    .page-header .header-navigation-inner > .logo img {
        display:block;
        width:170px;
        height:auto;
        max-width:100%;
    }

    /* Hauptnavigation */
    .page-header .header-navigation-inner > .main-navigation {
        grid-column:2;
        justify-self:end;
        min-width:0;
        overflow:visible;
    }

    .page-header .main-navigation > .level_1 {
        display:flex;
        align-items:center;
        justify-content:flex-end;
        gap:28px;
        margin:0;
        padding:0;
        white-space:nowrap;
    }

    .page-header .main-navigation > .level_1 > li {
        float:none!important;
        margin:0!important;
    }

    /* Suche */
    .page-header .header-navigation-inner > .main-navigation-search {
        grid-column:3;
        justify-self:end;
        width:52px!important;
        height:52px;
    }
}

/* =========================================================
   Desktop – Topbar anordnen
   links: Kontakt
   rechts: Kundenservice, Login, Social Media
   ========================================================= */

@media (min-width:900px) {

    .page-header .header-bar {padding-right:0!important;padding-left:0!important;}

    .page-header .header-bar-inner {display:flex!important;align-items:center!important;width:100%!important;max-width:none!important;height:36px!important;min-height:36px;margin:0!important;padding:0 40px!important;box-sizing:border-box;line-height:1;}

    .page-header .header-bar-inner > .header-links,
    .page-header .header-bar-inner > .header-login,
    .page-header .header-bar-inner > .header-dropdown {position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;display:flex!important;align-items:center!important;align-self:stretch;float:none!important;clear:none!important;width:auto!important;height:36px!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;line-height:1!important;}

    .page-header .header-bar-inner > .header-links:not(.-right) {order:1;margin-right:auto!important;}

    .page-header .header-bar-inner > .header-dropdown {order:2;margin-left:auto!important;margin-right:30px!important;}

    .page-header .header-bar-inner > .header-login {order:3;margin-right:26px!important;}

    .page-header .header-bar-inner > .header-links.-right {order:4;margin-left:0!important;}

    .page-header .header-links {display:flex!important;align-items:center!important;flex-wrap:nowrap;gap:18px;margin:0!important;padding:0!important;list-style:none;white-space:nowrap;}

    .page-header .header-links > li {float:none!important;height:36px!important;margin:0!important;padding:0!important;}

    .page-header .header-links > li > a {display:flex!important;align-items:center!important;height:36px!important;margin:0!important;padding:0!important;line-height:1!important;}

    .page-header .header-dropdown > h3,
    .page-header .header-login > h3 {display:flex!important;align-items:center!important;height:36px!important;margin:0!important;padding:0!important;line-height:1!important;white-space:nowrap;}
}

/* =========================================================
   Desktop – Social Icons, Navigation und ausklappbare Suche
   ========================================================= */

@media (min-width:900px) {

    /* ---------------------------------------------------------
       Social Icons
       Normal transparent, Markenfarbe nur bei Hover/Fokus
       --------------------------------------------------------- */

    .page-header .header-links.-right > li > a {display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:36px!important;padding:0!important;background:transparent!important;transition:color 0.2s ease,background-color 0.2s ease!important;}

    .page-header .header-links.-right > li:nth-child(1) > a:hover,
    .page-header .header-links.-right > li:nth-child(1) > a:focus-visible {background:#55acee!important;color:#fff!important;}

    .page-header .header-links.-right > li:nth-child(2) > a:hover,
    .page-header .header-links.-right > li:nth-child(2) > a:focus-visible {background:#0077b5!important;color:#fff!important;}

    .page-header .header-links.-right > li:nth-child(3) > a:hover,
    .page-header .header-links.-right > li:nth-child(3) > a:focus-visible {background:#c13584!important;color:#fff!important;}

    .page-header .header-links.-right > li:nth-child(4) > a:hover,
    .page-header .header-links.-right > li:nth-child(4) > a:focus-visible {background:#3b5998!important;color:#fff!important;}

    .page-header .header-links.-right > li:nth-child(5) > a:hover,
    .page-header .header-links.-right > li:nth-child(5) > a:focus-visible {background:#ff9900!important;color:#fff!important;}

    /* ---------------------------------------------------------
       Hauptnavigation vertikal mittig ausrichten
       --------------------------------------------------------- */

    .page-header .main-navigation {display:flex!important;align-items:center!important;height:84px!important;}

    .page-header .main-navigation > .level_1 {display:flex!important;align-items:center!important;justify-content:flex-end!important;height:84px!important;margin:0!important;padding:0!important;}

    .page-header .main-navigation > .level_1 > li {display:flex!important;align-items:center!important;height:84px!important;margin:0!important;padding:0!important;background:transparent!important;}

    .page-header .main-navigation > .level_1 > li > a,
    .page-header .main-navigation > .level_1 > li > strong {display:flex!important;align-items:center!important;height:84px!important;margin:0!important;padding:0!important;line-height:1!important;background:transparent!important;}

    /* ---------------------------------------------------------
       Suchmodul
       Eingabefeld klappt nach links aus
       --------------------------------------------------------- */

    .page-header .header-navigation-inner > .main-navigation-search {position:relative!important;display:block!important;grid-column:3;width:52px!important;height:52px!important;margin:0!important;overflow:visible!important;}

    .page-header .main-navigation-search input[type="search"] {position:absolute!important;top:0!important;right:0!important;width:52px!important;height:52px!important;margin:0!important;padding:0 52px 0 16px!important;border:1px solid transparent!important;border-radius:3px!important;background:transparent!important;color:#fff!important;opacity:0!important;box-sizing:border-box!important;outline:0!important;transition:width 0.28s ease,opacity 0.2s ease,background-color 0.2s ease,border-color 0.2s ease!important;}

    .page-header .main-navigation-search input[type="search"]::placeholder {color:rgba(255,255,255,0.55);}

    /* Suchfeld geöffnet */
    .page-header .main-navigation-search:focus-within input[type="search"],
    .page-header .main-navigation-search.is-open input[type="search"] {width:250px!important;opacity:1!important;border-color:rgba(255,255,255,0.32)!important;background:rgba(5,15,25,0.92)!important;}

    /* ---------------------------------------------------------
       Suchbutton
       Buttontext ausblenden, eigene CSS-Lupe anzeigen
       --------------------------------------------------------- */

    .page-header .main-navigation-search button {position:absolute!important;top:0!important;right:0!important;z-index:2!important;width:52px!important;height:52px!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:3px!important;background:transparent!important;box-shadow:none!important;color:transparent!important;font-size:0!important;line-height:0!important;text-indent:0!important;cursor:pointer!important;transition:background-color 0.2s ease!important;}

    /* Lupenkreis */
    .page-header .main-navigation-search button::before {content:""!important;position:absolute!important;top:16px!important;left:17px!important;width:13px!important;height:13px!important;border:2px solid rgba(255,255,255,0.68)!important;border-radius:50%!important;box-sizing:border-box!important;transition:border-color 0.2s ease!important;}

    /* Lupengriff */
    .page-header .main-navigation-search button::after {content:""!important;position:absolute!important;top:28px!important;left:29px!important;width:8px!important;height:2px!important;background:rgba(255,255,255,0.68)!important;border-radius:2px!important;transform:rotate(45deg)!important;transform-origin:left center!important;transition:background-color 0.2s ease!important;}

    /* Hover nur leicht hervorheben */
    .page-header .main-navigation-search:hover button {background:rgba(255,255,255,0.04)!important;}

    /* Lupe bei Hover, Fokus und geöffnetem Feld weiß */
    .page-header .main-navigation-search:hover button::before,
    .page-header .main-navigation-search:focus-within button::before,
    .page-header .main-navigation-search.is-open button::before {border-color:#fff!important;}

    .page-header .main-navigation-search:hover button::after,
    .page-header .main-navigation-search:focus-within button::after,
    .page-header .main-navigation-search.is-open button::after {background:#fff!important;}

    /* Bei geöffnetem Suchfeld kein eigener Buttonhintergrund */
    .page-header .main-navigation-search:focus-within button,
    .page-header .main-navigation-search.is-open button {background:transparent!important;}
}
@media (min-width:900px) {

    /* Geschlossen */
    .page-header .main-navigation-search {
        border:0!important;
        outline:0!important;
        box-shadow:none!important;
        background:transparent!important;
    }

    /* Geöffnet: Rahmen um das gesamte Formular */
    .page-header .main-navigation-search.is-open,
    .page-header .main-navigation-search:focus-within {
        width:250px!important;
        background:rgba(5,15,25,0.92)!important;
        border-radius:3px!important;
        box-shadow:inset 0 0 0 1px rgba(255,255,255,0.32)!important;
    }

    /* Input selbst ohne eigenen Rahmen */
    .page-header .main-navigation-search input[type="search"],
    .page-header .main-navigation-search input[type="search"]:hover,
    .page-header .main-navigation-search input[type="search"]:focus {
        border:0!important;
        outline:0!important;
        box-shadow:none!important;
        background:transparent!important;
        -webkit-appearance:none!important;
        appearance:none!important;
    }

    /* Button ebenfalls ohne eigenen Kasten */
    .page-header .main-navigation-search button,
    .page-header .main-navigation-search button:hover,
    .page-header .main-navigation-search button:focus,
    .page-header .main-navigation-search button:focus-visible,
    .page-header .main-navigation-search button:active {
        border:0!important;
        outline:0!important;
        box-shadow:none!important;
        background:transparent!important;
        -webkit-appearance:none!important;
        appearance:none!important;
    }

    /* Geöffnetes Feld über volle Formularbreite */
    .page-header .main-navigation-search.is-open input[type="search"],
    .page-header .main-navigation-search:focus-within input[type="search"] {
        width:250px!important;
        opacity:1!important;
        background:transparent!important;
    }
}
@media (min-width:900px) {

    .page-header .header-links.-right > li,
    .page-header .header-links.-right > li:hover,
    .page-header .header-links.-right > li:focus-within {
        background:transparent!important;
        border:0!important;
        box-shadow:none!important;
    }

    .page-header .header-links.-right > li > a {
        background:transparent!important;
        background-color:transparent!important;
        border:0!important;
        box-shadow:none!important;
    }

    .page-header .header-links.-right > li > a::before,
    .page-header .header-links.-right > li > a::after {
        background:transparent!important;
        box-shadow:none!important;
    }

    /* Markenfarben nur bei Hover/Fokus */
    .page-header .header-links.-right > li:nth-child(1) > a:hover,
    .page-header .header-links.-right > li:nth-child(1) > a:focus-visible {background:#55acee!important;}

    .page-header .header-links.-right > li:nth-child(2) > a:hover,
    .page-header .header-links.-right > li:nth-child(2) > a:focus-visible {background:#0077b5!important;}

    .page-header .header-links.-right > li:nth-child(3) > a:hover,
    .page-header .header-links.-right > li:nth-child(3) > a:focus-visible {background:#c13584!important;}

    .page-header .header-links.-right > li:nth-child(4) > a:hover,
    .page-header .header-links.-right > li:nth-child(4) > a:focus-visible {background:#3b5998!important;}

    .page-header .header-links.-right > li:nth-child(5) > a:hover,
    .page-header .header-links.-right > li:nth-child(5) > a:focus-visible {background:#ff9900!important;}
}

/* =========================================================
   Sample Kit – Kontaktformular
   Formular-Klasse: arm-call-back
   ========================================================= */

.arm-call-back {width:100%;max-width:570px;margin-left:auto;margin-right:70px;}
.arm-call-back .widget {margin:0 0 11px;}
.arm-call-back label {display:block;margin:0 0 4px;color:rgba(255,255,255,0.72);font-size:0.72rem;font-weight:500;line-height:1.15;letter-spacing:0.015em;}
.arm-call-back label .mandatory,.arm-call-back label > .mandatory {color:#dd0000;}

.arm-call-back input[type="text"],.arm-call-back input[type="email"],.arm-call-back input[type="tel"],.arm-call-back textarea {display:block;width:100%;margin:0;padding:7px 10px;border:1px solid rgba(255,255,255,0.22);border-radius:2px;background:rgba(235,237,239,0.94);box-shadow:none;color:#071522;font-family:"Noto Sans",Arial,sans-serif;font-size:0.84rem;line-height:1.25;box-sizing:border-box;outline:0;transition:border-color 0.2s ease,background 0.2s ease,box-shadow 0.2s ease;}

.arm-call-back input[type="text"],.arm-call-back input[type="email"],.arm-call-back input[type="tel"] {height:36px;}
.arm-call-back textarea {height:120px!important;min-height:120px!important;max-height:120px!important;resize:none!important;overflow:auto!important;}

@media (max-width:599px) {
.arm-call-back textarea {height:100px!important;min-height:100px!important;}
}

.arm-call-back input:hover,.arm-call-back textarea:hover {background:#f4f5f6;border-color:rgba(255,255,255,0.46);}
.arm-call-back input:focus,.arm-call-back textarea:focus {background:#f7f8f9;border-color:#168bcf;box-shadow:0 0 0 2px rgba(22,139,207,0.12);}

.arm-call-back .widget-submit {margin-top:15px;}
.arm-call-back button.submit {min-height:38px;margin:0;padding:0 18px;border:1px solid #dd0000;border-radius:2px;background:#dd0000;color:#fff;font-family:"Exo",Arial,sans-serif;font-size:0.72rem;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:0.03em;box-shadow:none;transition:background 0.2s ease,border-color 0.2s ease,transform 0.2s ease;}
.arm-call-back button.submit:hover,.arm-call-back button.submit:focus-visible {background:#b90000;border-color:#b90000;transform:translateY(-1px);}

@media (max-width:1199px) {
.arm-call-back {max-width:540px;margin-right:40px;}
}

@media (max-width:979px) {
.arm-call-back {max-width:none;margin-right:0;}
}

@media (max-width:599px) {
.arm-call-back .widget {margin-bottom:10px;}
.arm-call-back input[type="text"],.arm-call-back input[type="email"],.arm-call-back input[type="tel"],.arm-call-back textarea {padding:7px 9px;}
.arm-call-back input[type="text"],.arm-call-back input[type="email"],.arm-call-back input[type="tel"] {height:36px;}
.arm-call-back textarea {min-height:105px;}
.arm-call-back button.submit {width:100%;}
}

/* =========================================================
   Sample Kit – linke Spalte kompakt zentrieren
   ========================================================= */

@media (min-width:980px) {
.rs-columns:has(.arm-call-back) {display:flex!important;align-items:stretch!important;}

.rs-columns:has(.arm-call-back) > .ce_rs_column_start:first-child {display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:24px!important;text-align:center!important;}

.rs-columns:has(.arm-call-back) > .ce_rs_column_start:first-child > * {width:100%;max-width:760px;margin:0 auto!important;}

.rs-columns:has(.arm-call-back) > .ce_rs_column_start:first-child .content-text h1 {margin:0!important;}

.rs-columns:has(.arm-call-back) > .ce_rs_column_start:first-child .headline-box {margin:0!important;padding:0!important;}

.rs-columns:has(.arm-call-back) > .ce_rs_column_start:first-child .headline-box h2,
.rs-columns:has(.arm-call-back) > .ce_rs_column_start:first-child .headline-box h3 {margin:0!important;}

.rs-columns:has(.arm-call-back) > .ce_rs_column_start:first-child .headline-box h3 {margin-top:10px!important;}

.rs-columns:has(.arm-call-back) > .ce_rs_column_start:first-child .icon-buttons {margin:6px auto!important;padding:0!important;}

.rs-columns:has(.arm-call-back) > .ce_rs_column_start:first-child .icon-buttons ul {margin:0!important;padding:0!important;}
}

/* =========================================================
   Supplier and Installer Support CTA
   ========================================================= */

.arm-support-cta {width:100%;margin:0!important;padding:42px 0!important;background:#040f1a;box-sizing:border-box;}
.arm-support-cta__inner {display:flex;align-items:center;gap:50px;width:100%;max-width:none;margin:0;padding:0;box-sizing:border-box;}
.arm-support-cta__content {margin-right:auto;}
.arm-support-cta__content h2 {margin:0 0 12px;color:#fff;font-family:"Exo",Arial,sans-serif;font-size:2rem;font-weight:700;line-height:1.2;}
.arm-support-cta__content p {margin:0;color:#fff;font-family:"Exo",Arial,sans-serif;font-size:1.45rem;font-weight:400;line-height:1.3;}

.arm-support-cta__buttons {display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:14px!important;margin-left:auto!important;flex-shrink:0!important;}

.arm-support-cta__button {display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:9px 20px!important;border-radius:2px!important;color:#fff!important;font-family:"Noto Sans",Arial,sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:1.5!important;text-align:center!important;text-decoration:none!important;text-transform:uppercase!important;letter-spacing:0!important;white-space:nowrap!important;box-sizing:border-box!important;transition:background 0.2s ease,border-color 0.2s ease,transform 0.2s ease!important;}

.arm-support-cta__button::before,.arm-support-cta__button::after,.arm-support-cta__button span,.arm-support-cta__button i {display:none!important;content:none!important;}

.arm-support-cta__button:hover,.arm-support-cta__button:focus-visible {color:#fff!important;text-decoration:none!important;transform:translateY(-1px);}

.arm-support-cta__button--sample {order:1!important;border:1px solid #dd0000!important;background:#dd0000!important;}
.arm-support-cta__button--sample:hover,.arm-support-cta__button--sample:focus-visible {background:#b90000!important;border-color:#b90000!important;}

.arm-support-cta__button--contact {order:2!important;border:1px solid rgba(255,255,255,0.18)!important;background:#555!important;}
.arm-support-cta__button--contact:hover,.arm-support-cta__button--contact:focus-visible {background:#666!important;border-color:rgba(255,255,255,0.3)!important;}

@media (max-width:599px) {
.arm-support-cta__buttons {flex-direction:column!important;align-items:stretch!important;width:100%!important;}
.arm-support-cta__button {width:100%!important;}
}

.arm-support-cta .centered-wrapper-inner {width:100%!important;max-width:none!important;margin:0!important;padding:0!important;}

@media (max-width:899px) {
.arm-support-cta {padding:36px 0!important;}
.arm-support-cta__inner {flex-direction:column;align-items:flex-start;gap:26px;}
.arm-support-cta__content {margin-right:0;}
.arm-support-cta__buttons {justify-content:flex-start!important;margin-left:0!important;}
}

@media (max-width:599px) {
.arm-support-cta {padding:30px 0!important;}
.arm-support-cta__content h2 {font-size:1.55rem;}
.arm-support-cta__content p {font-size:1.1rem;}
.arm-support-cta__buttons {flex-direction:column!important;align-items:stretch!important;width:100%!important;}
.arm-support-cta__button {width:100%!important;}
}

@media (max-width:599px) {
.arm-support-cta {padding:30px 0!important;}
.arm-support-cta__content h2 {font-size:1.55rem;}
.arm-support-cta__content p {font-size:1.1rem;}
.arm-support-cta__buttons {flex-direction:column;align-items:stretch;width:100%;}
.arm-support-cta__button {width:100%;}
}