*{margin:0;}

body{cursor: default;}

.custom-cursor {position: fixed; top: 0; left: 0; width: 20px; height: 20px; background-color: #ff4733; border-radius: 50%; pointer-events: none; transform: translate(-50%, -50%); z-index: 9999; transition: transform 0.1s ease-out, opacity 0.2s ease; box-shadow: 0 0 0 2px white, 0 0 6px rgba(0,0,0,0.2); opacity: 0;}

.custom-cursor.pointer-active {animation: pulse 3s infinite; opacity: 1;}

@keyframes pulse {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.4);
    opacity: 0.4;
  }
}

html {scroll-behavior: smooth;}

header {padding: 30px; background-color: #fff; position: fixed; width: calc(100% - 60px); z-index: 1000;}

.section-header {display: grid; grid-template-columns: 1fr auto; position: relative;}

.logo-acribit {display: block; width: 150px;}

.hauptmenu {font-family: 'Barlow', sans-serif; font-size: 20px; background-color: white; position: absolute; top: -100%; left: 0; right: 0; z-index: 1000; flex-direction: column; transition: top 0.3s ease; display: none;}

.hauptmenu.active {display: flex;top: 100%;}

.toggle-button {background-color: #fff; position: absolute; cursor: pointer; width: 60px; height: 60px; border-radius: 30px; top: -10px; right: -10px; z-index: 3000; transition: background-color 0.3s ease;}
.toggle-button.active {background-color: #ff4733;}

.menuitem {text-decoration: none; color: #ff4733; padding: 20px;}
.menuitem.dropdown {position: relative;}
.dropdown-content {display: none; flex-direction: column; position: absolute; top: 100%; left: 0; background-color: white; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); z-index: 10; min-width: 220px; padding: 10px 20px 20px;}
.dropdown-content a {padding: 12px 20px; text-decoration: none; color: #333; background-color: white;}
.dropdown-content a:hover {background-color: #f0f0f0;}

.background-red{background:#ff4733; margin-bottom:-1px; padding:150px; width:100%;width: calc(100% - 300px);}
	
.container {width: 85vw; margin: 0 auto; align-items: center;}

.schmal{width:40vw;margin: 0 auto;align-items: center;}

.banner-wrapper{background:#ff4733; color:#fff; padding: 50px 0;}
.banner-text{padding-top:30px;text-align: center;}
.banner-images {display: flex; justify-content: center; align-items: center;}

h1 {text-transform:uppercase; font-family: 'Barlow Condensed', sans-serif; text-align: right; color: white; font-size: 1.2em; font-weight: 500;}

.pixel{margin:-1px;}

.scanner-auswahl{color:#ffffff; font-family:'Barlow', sans-serif; font-size:30px; margin-top:120px; margin-bottom:120px; height:400px;}
.scanner-auswahl {color: #ffffff; font-family: 'Barlow', sans-serif; font-size: 30px; margin-top: 250px; margin-bottom: 250px; height: fit-content;}

.flex-container {display: flex; justify-content:center; width: 85vw; height:400px; margin: 0 auto; align-items:center;}

.register{display:flex; flex-direction:column; justify-content:center; align-items:center; width:120px; height:400px; box-shadow: -13px 4px 20px 0px rgba(0, 0, 0, 0.5); }
.register.active{background:#ff4733; width:1240px; display:grid; grid-template-columns:120px 1fr;}
.register.inactive{background:#333;}

.datenblatt.visible{background:#ff4733;}
.datenblatt.invisible{background:#333;}

.invisible{display:none;}

.kachel-headline{transform:rotate(180deg); margin:auto; writing-mode:tb-rl;}
.kachel-headline.active{font-weight:bold; background: linear-gradient(90deg, rgba(51,51,51,1) 27%, rgba(0,255,204,1) 41%, rgba(255,255,255,1) 49%, rgba(0,255,204,1) 56%, rgba(51,51,51,1) 68%); -webkit-background-clip: text; color: transparent; background-size: 1000% 200%; animation: colorflash 10s ease infinite;}
.kachel{display:flex; flex-direction:column; justify-content:center; align-items:center; padding:20px 0;}

h2{font-family:'Barlow',sans-serif; font-size: 40px; font-weight:bold; padding-bottom:30px;}

.upsidedown{transform:scaleY(-1);}

.zentriert{padding:100px 0; width:40vw;}

.suche{padding: 0px; margin: -50px auto 0px;}
.form-control{border: 2px solid #ff4733; border-radius: 5px; padding: 10px; font-size: 16px;font-family:'Poppins', sans-serif; width: 100%; max-width: 40vw;}
#noResults{font-family: 'Poppins', sans-serif;}

p, .subhead{font-family:'Poppins',sans-serif; font-size:18px; margin:0 auto;}

.bookeye-zitat{font-family:'Barlow',sans-serif; font-size:30px; font-weight:bold; color:#fff; text-align:center; padding:30px;}

.invisible{display:none;}

.grafik-bookeye{max-height:250px;}

.datenblatt-inhalt {display: flex; align-items: center; padding:30px;}
.datenblatt-text {margin-right: 20px; font-size:25px;}
   
.video-text-container {position: relative;}

.video-container {position: relative; overflow: hidden;}

video {width: 100%; height: auto;}

.svg-overlay-pixel {position: absolute; top: 0; left: 0; width: 100%;  height: 160px; background-image: url(/media/px-white.svg); background-size: auto 100%; background-repeat:repeat-x; background-position: top; margin: -56px 0 0 0; pointer-events: none;}

.overlay-kachel {position: absolute;  left: 50%; transform: translate(-50%, -50%); background-color: rgba(255, 71, 51, 0.8); color: #fff; z-index: 1; width:100%; height:90px; font-family:'Barlow',sans-serif; font-size:30px; font-weight:bold; text-align:center; display:flex; justify-content:center; align-items:center; bottom:-41px;}

.serie {font-family: 'Barlow', sans-serif; font-weight: 900; font-size: 400px; display: flex; justify-content: center; align-items: center; height: 200px;}

.red-text{color:#ff4733; font-weight:bold;}

.beschreibung {display: flex; justify-content: center; align-items: center; height: 200px;}

.grid-container {display: grid; grid-template-columns: 1fr 1fr; position: relative;}

.head1::before {content: ''; background-image: url('/media/v1.svg');  background-size: cover; background-position: center; display: block; height: 700px; width: 100%;}
.head2::after {content: ''; background-image: url('/media/v2.svg');  background-size: cover; background-position: center; display: block; height: 700px; width: 100%;}
.head3::before {content: ''; background-image: url('/media/v3.svg');  background-size: cover; background-position: center; display: block; height: 700px; width: 100%;}

.content {display: flex;  align-items: flex-start;}

.text-serie {flex: 1; margin-right: 20px; padding:50px;}

.bild-serie{flex:0 0 auto; padding:50px;}
.bild-serie img {max-width: 100%; height: auto; }

.highlight{font-weight:bold; color:#ff4733;}

.wrapper-button{display:flex; justify-content: center; align-items: center; margin-top:20px;}

.button-red,.btn,.btn-primary{font-family:'Barlow',sans-serif; font-size:18px; color:#fff; background:#ff4733; text-transform:uppercase; text-decoration:none; font-weight:600; letter-spacing:1px; padding:15px 25px; border:none; cursor:pointer;min-width:200px;}

.container.zentriert.suche form {display: flex; align-items: center;}
.container.zentriert.suche form > div {flex-grow: 1;}
.container.zentriert.suche input.form-control { padding-right: 30px; width: 100%; box-sizing: border-box;}
.such-hinweis{padding-top:10px; font-size:15px; color:#717177; max-width:30vw; margin:0;}
.such-input-wrapper .input-grid {display: grid;grid-template-columns: 1fr auto;align-items: center; background: #fff; border: 1px solid #ccc; border-radius: 4px; padding-right: 8px;}
.input-grid input { border: none; padding: 10px; font-size: 16px; width: 100%; outline: none;}
.clear-btn { font-size: 22px; color: #999; cursor: pointer; user-select: none; display: flex; align-items: center; height: 100%; transition: color 0.3s ease;right:20px;}
.clear-btn:hover {color: #ff4733;}
#such-form .btn {margin-left: 10px;}

.logo-container{display:flex; justify-content:center; align-items:center;}

.modell-bild{max-height:150px;}

.modell {display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.p-modell{font-size:16px; padding-top:10px;}

h4{font-family: Barlow; font-size: 18px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #ff4733; text-align:center; padding-bottom: 10px;}

.button{display: inline-block; overflow: hidden; padding: 15px 25px; background-color: #ff4733; transition: all .3s ease; color: #fff; font-weight: 600; position: relative; letter-spacing: 1px; text-decoration: none; text-transform: uppercase;}

.text-button{font-family:'Barlow', sans-serif;}

.modelle-grid{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 100px; margin-top: 40px;}

.logo-typ {width: 110px; margin: 20px 0 10px;}

.modell-content{text-align:center;}

.text-serie, .bild-serie {opacity: 1; transition: opacity 0.5s ease-in-out; visibility: visible;}
.text-serie.invisible, .bild-serie.invisible {opacity: 0; display:none;}

.button-red,.btn,.btn-primary {position: relative; overflow: hidden; z-index: 1; transition: color 0.4s ease;}
.button-red::before,.btn::before,.btn-primary::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ff3300;  transform: scaleY(0); transform-origin: bottom; transition: transform 0.4s ease; z-index: -1;}

.btn-primary::before {background-color: #222; }

.button-red:hover::before,.btn:hover::before,.btn-primary:hover::before {transform: scaleY(1);}
.button-red:hover,.btn:hover,.btn-primary:hover {color: #fff;}

.background-blue{background:#323d50; color: #fff;}
.background-white{background:#fff;}
.background-red{background:#ff4733; color: #fff;}
.background-grey{background:#f5f6f9;}
.background-dark{background:#222; color: #fff;}

.container-vertrieb{display: grid; grid-template-columns: 1fr 1fr;  align-items: center; width:70vw; margin:0 auto; padding:150px;}

.map-container{display: flex; justify-content: center;  position: relative;}

.map-container img{max-height:450px; display:block;}

.text-container{color:#fff;}

.ballon{position:absolute; left: 270px; top:170px; width: 40%; height: 70%; background-image: url('/media/ballon.svg'); background-repeat: no-repeat; background-size: contain; animation: moveballon 10s ease-in-out infinite; z-index: 1;	}
@keyframes moveballon {
    0% {
        transform: translateY(-10px); 
        opacity: 1;
    }
    50% {
        transform: translateY(10px); 
        opacity: 1;
    }
    100% {
        transform: translateY(-10px); 
        opacity: 1;
    }
}
.clouds1 {position: absolute; left: 0; width: 100%; height: 100%; background-image: url('/media/clouds1.svg'); background-repeat: no-repeat; background-size: contain; animation: moveClouds1 75s ease-in-out infinite; z-index: 1; }
@keyframes moveClouds1 {
    0% {
        transform: translateX(-20%); 
        opacity: 0;
    }
    50% {
        transform: translateX(20%); 
        opacity: 1;
    }
    100% {
        transform: translateX(-20%); 
        opacity: 0;
    }
}
.clouds2 {position: absolute; left: 0; width: 80%; height: 100%; background-image: url('/media/clouds2.svg');  background-repeat: no-repeat; background-size: contain; animation: moveClouds2 50s ease-in-out infinite; z-index: 1; }
@keyframes moveClouds2 {
    0% {
        transform: translateX(-30%); 
        opacity: 0;
    }
    50% {
        transform: translateX(30%); 
        opacity: 1;
    }
    100% {
        transform: translateX(-30%); 
        opacity: 0;
    }
}
.clouds3 {position: absolute; left: 0; width: 60%; height: 100%; background-image: url('/media/clouds3.svg'); background-repeat: no-repeat; background-size: contain; animation: moveClouds3 60s ease-in-out infinite; z-index: 1; }

@keyframes moveClouds3 {
    0% {
        transform: translateX(-40%); 
        opacity: 0;
    }
    50% {
        transform: translateX(40%); 
        opacity: 1;
    }
    100% {
        transform: translateX(-40%); 
        opacity: 0;
    }
}

ol{font-family:'Poppins',sans-serif; font-size:20px; padding-top:30px;margin:0 auto;}
ol li{ padding:5px;}

.grid-contact{display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; margin-top:20px; margin-bottom:100px;}
.contact-text{font-size:18px; text-align:center; padding-top:20px;}
.contact1, .contact2, .contact3 {border-radius: 8px;}

a {text-decoration: none; color: #ff4733;}

#angebot {display: none; }
#angebot.show {display: block;}
form{font-family:'Poppins', sans-serif; padding-top:50px;}
.form-container{height: 50px; margin-top: 0; margin-bottom: 12px; border: 1px solid #ececec; border-radius: 8px; font-family: Poppins, sans-serif; font-weight: 300; display: block; width: calc(100% - 24px); padding: 8px 12px; font-size: 14px; color: #333;}
.angebot_form_class input[type=text], .angebot_form_class input[type=email]{height: 50px; margin-top: 0; margin-bottom: 12px; border: 1px solid #ececec; border-radius: 8px; font-family: Poppins, sans-serif; font-weight: 300; display: block; width: calc(100% - 24px); padding: 8px 12px; font-size: 14px; color: #333;}
.angebot_form_class textarea{height: 300px; margin-top: 0; margin-bottom: 50px; border: 1px solid #ececec; border-radius: 8px; font-family: Poppins, sans-serif; font-weight: 300; display: block; width: calc(100% - 24px); padding: 8px 12px; font-size: 14px; color: #333;}

.textarea{height:300px; margin-bottom:50px;}

.datasecure, .g-recaptcha{margin-bottom:30px;}

.faq-container{width:40vw; display:flex; flex-direction:column; justify-content:center; margin:0 auto;}
.faq {font-family: 'Barlow', sans-serif; font-weight: 500; font-size: 25px; border: solid; padding: 15px; margin: 5px; border-radius: 10px; background: #ff4733; border-color: #ff4733; color: #fff; position: relative; padding-right: 60px;}
.faq::after {content: "+"; position: absolute; right: 25px; top: 50%;  transform: translateY(-50%); font-size: 40px; color: #fff;}
.faq.active::after {content: "-";}

.answer{font-family:'Poppins',sans-serif; font-size:18px; padding:25px;}

.inactive {cursor: pointer;}

.active {background-color: #222; border-color: #222;}

.unsichtbar {display: none;}

.sichtbar {display: block;}

.faq1{margin-top:50px!important;}

.glossar-container {width: 100%; padding:100px 0; margin-top:100px;}

.letter-grid {font-family:'Barlow', sans-serif; display: grid; grid-template-columns: repeat(13, 1fr); gap: 10px; max-width: 1200px; padding-top:30px;}
.letter {text-align: center; padding: 10px; font-size: 1.5rem; font-weight: bold; background-color: #ff4733; color: #fff; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease;}
.letter.inactive {background-color: #ddd; color: #aaa; cursor: not-allowed;}
.letter.active:hover {background-color: #222222; }

h3{font-family:'Barlow',sans-serif; font-size: 25px; font-weight:bold;padding: 30px 0 5px;}

.glossar-contents{padding-top: 100px; display:none;}
.glossar-contents.zentriert{padding:70px;}
.glossar-p{padding: 0px 0px 30px 0px;}

footer .social-media {padding-bottom: 50px; border-bottom: 1px solid #e1e1e1; padding-top: 30px;}
footer .social-media a {text-decoration: none; color: #7d7d7d; font-size: 20px; margin-right: 20px;}
footer .footer-menu {padding-top: 50px; padding-bottom:100px; display:grid; grid-template-columns:1.5fr 1fr 1fr;}
.footermenu1, .footermenu2, .footermenu3{padding-right:20px;}
.footer-menu .col-4 a {display: block; color: #717177; text-decoration: none; font-family:'Poppins', sans-serif;}

.col-4 a:hover {color: #ff4733;}

.hauptmenu {display: flex; background-color: white;}

.toggle-button.active {background-color: #ff4733;}
.toggle-button .line-1, .toggle-button .line-2, .toggle-button .line-3 {position: absolute; display: block; width: 35px; height: 2px; margin-right: auto; left: 0; margin-left: auto; right: 0; background-color: #ff4733; z-index: 2;}
.line-1 {top: 18px;}
.line-2 {top: 28px;}
.line-3 {top: 38px;}
.toggle-button.active .line-1 {transform-style: preserve-3d; transition: transform 350ms cubic-bezier(0.68, -0.55, 0.265, 1.55), width 350ms cubic-bezier(0.68, -0.55, 0.265, 1.55); width: 16px; transform: translateX(-8px) translateY(2px) rotate(45deg); background-color: #fff;}
.toggle-button.active .line-2 {background-color: #fff; transform-style: preserve-3d; transition: transform 350ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transform: rotate(-45deg);}
.toggle-button.active .line-3 {background-color: #fff;  transform-style: preserve-3d; transition: transform 350ms cubic-bezier(0.68, -0.55, 0.265, 1.55), width 350ms cubic-bezier(0.68, -0.55, 0.265, 1.55); width: 16px; transform: translateX(8px) translateY(-2px) rotate(45deg);}

.hero {position: relative; width: 100%; height: calc(100vh - 300px); overflow: hidden;}
.hero img {width: 100%; height: 100%; object-fit: cover; display: block;}

.overlay-kopfbild {position: absolute; top: 0; right: 0; width: 90%; height: 100%; clip-path: polygon(100% 0, 100% 100%, 60% 100%, 40% 0); display: flex; align-items: center; justify-content: center;}
.overlay-content {text-align: right; color: white; font-size: 7em; font-weight: 500; text-transform: uppercase; width: 80%;}
.overlay-red{background: rgba(255, 71, 51, 0.85);}
.overlay-grey{background: rgba(245, 246, 249, 0.85);}
.overlay-dark{background: rgba(58, 58, 58, 0.85);}
.overlay-blue{background: rgba(23, 72, 136, 0.85);}
.overlay-kopfbild.overlay-grey h1 {color: #000;}
		
.grid-container {display: grid; grid-template-columns: 1fr 1fr; gap: 15px; width: 35vw; margin: 130px auto 0;}

.tile {position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; text-decoration: none; display: block; cursor: pointer; transition: background-color 0.3s ease, transform 0.3s ease;}
.tile-content {position: absolute; top: 30px; left: 50%; transform: translateX(-50%);   font-weight: 600; font-size: 2.5em; text-transform: uppercase; text-align: center; font-family: 'Barlow Condensed', sans-serif; z-index: 2;}
.tile img {position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); max-width: 80%; max-height: 60%; object-fit: contain; z-index: 1; transition: transform 0.4s ease;}
.tile:hover img {transform: translateX(-50%) scale(1.1);}
.tile.tile-red:hover {background-color: #ef4937;}
.tile.tile-dark:hover {background-color: #2e2e2e;}
.tile.tile-light:hover {background-color: #e2e4e8;}
.tile.tile-blue:hover {background-color: #133a6e;}
.tile-red { background-color: #ff4733; color: white;}
.tile-dark { background-color: #3a3a3a; color: white;}
.tile-light { background-color: #f5f6f9; color: black;}
.tile-blue { background-color: #174888; color: white;}	
	
.hg-grau {background-color: #f5f6f9; width: 100vw; margin-left: calc(-50vw + 50%); position: relative; clear: both;} 
  
.logos-grid {display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5rem; max-width: calc(5 * 120px + 4 * 1.5rem); margin: 0 auto;}
.logos-grid img {width: 270px;}
.logo-wrapper {position: relative; aspect-ratio: 4 / 2; display: flex; align-items: center; justify-content: center; border-radius: 6px;}
.logo-wrapper img {max-width: 80%; max-height: 100px; object-fit: contain; display: block; filter: grayscale(100%) brightness(100%); transition: filter 0.3s ease;}
	
.grid-zweispaltig{display:grid; grid-template-columns: 1fr 1fr; margin: 0 auto; column-gap: 50px; row-gap: 30px;}

.checkbox{padding-bottom:20px;}

.form-helper{margin-left:10px;}
.term-wrapper {position: relative; display: inline-block; font-family: 'Poppins', sans-serif;}
.term-toggle {display: none;}
.term-label {color: #ff4733; cursor: pointer;}
.term-icon {font-size: 0.7em; margin-left: 0.3em; color: #999; font-style: normal; font-weight: normal; vertical-align: super; content: 'i'; font-family:monospace;}
.term-popup {display: none; position: absolute; top: 130%; left: 0; width: 350px; background: #fff; border: 1px solid #ccc; padding: 10px; color: #000; font-size: 15px; line-height: 1.4; box-shadow: 0 2px 8px rgba(0,0,0,0.1); border-radius: 5px; z-index: 999;}
.term-toggle:checked + .term-label + .term-popup,.term-label:hover + .term-popup {display: block;}

.grid-dreispaltig {display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px;  align-items: start; }

.dropdown-content a {padding:0px;}
.dropdown-item{padding:10px 0 10px 20px;}

.akkordeon_tabs {width: fit-content; margin: 10px auto 80px; position: relative; font-family:'Poppins', sans-serif;display: flex; gap: 10px;  flex-wrap: wrap; justify-content: center;}
.akkordeon_tabs .item_headline {display: inline-block; margin: 0 5px; border: 2px solid #e1e1e1; padding: 10px 20px; border-radius: 8px; color: #575757; font-size: 18px;transition: all .3s ease; cursor: pointer;}

.item_headline{text-align:center;}
.item_headline:hover{color:#ff4733; border-color:#ff4733;}
.item_headline .selected{background:#ff4733; color:#fff;}

.faq-filter { display: grid; justify-content: center; grid-template-columns: 1fr 1fr 1fr 1fr; gap:10px; padding: 0 5px;}

.faq-filter .item_headline {display: inline-block;border: 2px solid #e1e1e1;padding: 10px 15px;border-radius: 8px;color: #575757;font-size: 18px; transition: all 0.3s ease;cursor: pointer;text-align: center;font-family:'Poppins', sans-serif;background: #ffffff00;}

.faq-filter .item_headline:hover {color: #ff4733;border-color: #ff4733;}

.faq-filter .item_headline.selected { background: #ff4733; color: #fff;border-color: #ff4733;}

.faq-auswahl {padding: 50px 0;margin: -50px auto 0px;}

.image_col img{max-width:450px;}
  
.model_grid {display: flex; justify-content: center; gap: 1.5rem; max-width: calc(3 * 120px + 2 * 1.5rem); margin: 0 auto; padding-bottom:100px;}
  
.serie-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 80px; margin-bottom:100px;}

.logo_typ{width:120px; margin: 20px 0 10px;}

.logo-container{display: flex; justify-content: center; align-items: center; padding:20px;}

.content_typ{text-align: center; padding-bottom:20px;}

.button-wrapper{display:flex; justify-content:center;}

.modelle{margin-top:100px; padding-top:30px;}
.modelle h3{text-align:center; padding-bottom: 30px;}
.model{padding:0px 50px 20px;}
.model img{max-height: 300px;}

.item_headline.selected{background:#ff4733; color:#fff; border:#ff4733;}

.notselected{display:none;}

/*.slider-viewport {overflow: hidden; width: 65%; max-width: 65%; margin:0 auto;}*/
.slider-viewport{width:calc(600px * 3 + 25px * 2); max-width:100%; margin: 0 auto; overflow:hidden;}
.model-slider-title.centered {text-align: center; margin-bottom: 30px; padding-top:50px;}
.model_slider-wrapper {position: relative;}
.slider-track {display: flex; gap:25px;transition: transform 0.3s ease; will-change: transform;margin-bottom:50px; align-items: stretch;}
.model {flex: 0 0 600px;max-width: 600px; box-sizing: border-box; padding: 0px 50px 30px; min-width: 0; background:#fff;box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.15);display: flex;flex-direction: column;  align-items: center; justify-content: center; text-align: center;}
.model img.img_typ,
.model .logo-container img.logo_typ {max-width: 100%; height: auto; display: block; margin: 0 auto; }
.slider-btn {position: absolute; top: 50%; transform: translateY(-50%); background: #ffffff00; border: none; font-size: 2.5rem; padding: 10px; z-index: 10; cursor: pointer; user-select: none;display: none;  color:#ff4733;opacity: 1; visibility: visible; transition: opacity 1.0s ease;}
.slider-btn:disabled {opacity: 0; visibility: hidden; pointer-events: none;}
.slider-btn:hover{font-size:3.5em;}
.slider-btn.prev { left: 60px;}
.slider-btn.prev:hover {transform: translateY(-50%) translateX(-15px);}
.slider-btn.next { right: 60px;}
.slider-btn.next:hover {transform: translateY(-50%) translateX(15px);}
.slider-btn:disabled {opacity: 0.4;cursor: default;}
.model-top, .model-middle, .model-bottom {margin-bottom: 10px;}
.model-middle {flex-grow: 1;}
.button-wrapper {margin-top: auto;}


.slider-viewport { width: 100%; max-width: 100%; margin: 0 auto; overflow: hidden;}
.slider-track { display: flex; gap: 25px; transition: transform 0.3s ease;  will-change: transform;  margin-bottom: 50px;  align-items: stretch; }
.model { flex: 0 0 calc((100% - 2 * 25px) / 3); max-width: calc((100% - 2 * 25px) / 3); box-sizing: border-box; background: #fff; box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.15); display: flex; flex-direction: column; align-items: center; justify-content: space-between; text-align: center; padding: 0 50px 30px;}




.content-video-wrapper{display:grid; grid-template-columns: 2fr 1fr; gap:2rem; align-items:center; padding:100px 0px;}
.video-container-klein{width:100%; position:relative; border-radius:5px; padding:5px;}
.video-container-rainbow{background: linear-gradient(135deg,
													 rgba(140, 40, 40, 0.4),/*rot*/
													 rgba(160, 90, 40, 0.4),/*orange*/
													 rgba(170, 170, 70, 0.4), /*gelb*/
													 rgba(60, 140, 90, 0.4), /*grün*/
													 rgba(60, 140, 140, 0.4), /*türkis*/
													 rgba(70, 70, 160, 0.4), /*blau*/
													 rgba(120, 70, 160, 0.4), /*violett*/);
													 width:95%;}
.video-container-dark{background:#222; width:95%;}
.video-container-red{background:#ff4733; width:95%;}
.video-container-no-border{background:#ffffff00; width:95%;}
.video-klein{width:100%; height:100%; display:block; object-fit:cover; border-radius: 5px;}

.oil-rainbow {position: relative; border-radius: 5px; overflow: hidden;
				background-image:
					radial-gradient(circle at 20% 30%, rgba(140, 40, 40, 1.25), transparent 40%),
					radial-gradient(circle at 30% 40%, rgba(160, 90, 40, 1.25), transparent 40%),
					radial-gradient(circle at 40% 50%, rgba(170, 170, 70, 1.28), transparent 50%),
					radial-gradient(circle at 50% 60%, rgba(60, 140, 90, 1.25), transparent 40%),
					radial-gradient(circle at 60% 50%, rgba(60, 140, 140, 1.25), transparent 40%),
					radial-gradient(circle at 70% 40%, rgba(70, 70, 160, 1.30), transparent 45%),
					radial-gradient(circle at 75% 35%, rgba(120, 70, 160, 1.32), transparent 45%);
					background-size: 300% 300%;animation: subtleFlow 12s ease-in-out infinite;padding:5px;margin:0;align-items:center;justify-content:center;}

.h2-rainbow{ background-image:
    radial-gradient(circle at 20% 30%, rgba(140, 40, 40, 0.6), transparent 40%),
    radial-gradient(circle at 30% 40%, rgba(160, 90, 40, 0.55), transparent 40%),
    radial-gradient(circle at 40% 50%, rgba(170, 170, 70, 0.50), transparent 50%),
    radial-gradient(circle at 50% 60%, rgba(60, 140, 90, 0.55), transparent 40%),
    radial-gradient(circle at 60% 50%, rgba(60, 140, 140, 0.55), transparent 40%),
    radial-gradient(circle at 70% 40%, rgba(70, 70, 160, 0.58), transparent 45%),
    radial-gradient(circle at 75% 35%, rgba(120, 70, 160, 0.60), transparent 45%);
  background-size: 300% 300%;animation: subtleFlow 12s ease-in-out infinite;-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}

.h2-black{color:#000;}
.h2-red{color:#ff4733;}

.container.video-klein{width:85vw;}

.rainbow-background {position: absolute;inset: 0;z-index: 0;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(140, 40, 40, 0.25), transparent 40%),
    radial-gradient(circle at 30% 40%, rgba(160, 90, 40, 0.25), transparent 40%),
    radial-gradient(circle at 40% 50%, rgba(170, 170, 70, 0.28), transparent 50%),
    radial-gradient(circle at 50% 60%, rgba(60, 140, 90, 0.25), transparent 40%),
    radial-gradient(circle at 60% 50%, rgba(60, 140, 140, 0.25), transparent 40%),
    radial-gradient(circle at 70% 40%, rgba(70, 70, 160, 0.30), transparent 45%),
    radial-gradient(circle at 75% 35%, rgba(120, 70, 160, 0.32), transparent 45%);
  background-size: 300% 300%;animation: subtleFlow 12s ease-in-out infinite;pointer-events: none;}

.dark-overlay {position: absolute;inset: 0;background: black;z-index: 1;pointer-events: none;}

.fingerprints {position: relative;z-index: 0;}

.fingerprint {position: absolute;border-radius: 50% / 70%;background-size: contain;background-repeat: no-repeat;opacity: 0.8;filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));}


.rainbow-background {position: absolute;inset: 0; z-index: 0;
 background-image:
    radial-gradient(circle at 20% 30%, rgba(140, 40, 40, 1.25), transparent 40%),
					radial-gradient(circle at 30% 40%, rgba(160, 90, 40, 1.25), transparent 40%),
					radial-gradient(circle at 40% 50%, rgba(170, 170, 70, 1.28), transparent 50%),
					radial-gradient(circle at 50% 60%, rgba(60, 140, 90, 1.25), transparent 40%),
					radial-gradient(circle at 60% 50%, rgba(60, 140, 140, 1.25), transparent 40%),
					radial-gradient(circle at 70% 40%, rgba(70, 70, 160, 1.30), transparent 45%),
					radial-gradient(circle at 75% 35%, rgba(120, 70, 160, 1.32), transparent 45%);
  background-size: 300% 300%;animation: subtleFlow 12s ease-in-out infinite;}

/* Spotlight-Maske */
.dark-overlay {position: absolute;inset: 0;background: #222;z-index: 2; pointer-events: none; mask-image: radial-gradient(circle at center, transparent 100px, black 110px); -webkit-mask-image: radial-gradient(circle at center, transparent 100px, black 110px);}

.fingerprint {position: absolute;background-size: contain; background-repeat: no-repeat; opacity: 0.7; z-index: 1; width: 90px; height: 60px;}

@keyframes subtleFlow {
  0%   { background-position: 35% 65%; }
  50%  { background-position: 65% 35%; }
  100% { background-position: 35% 65%; }
}

.content-wrapper {position: relative;overflow: hidden;}

/* Rainbow ganz hinten */
.rainbow-background {position: absolute; inset: 0; z-index: 0; pointer-events: none;}

.fingerprint-container {position: relative;width: 100%; height: 100%;}

.ellipse {position: absolute;border-radius: 50%;opacity: 0.3;background: linear-gradient(135deg, #f0f, #0ff);}

.fingerprint1 { top: 10%; left: 80%; transform: rotate(20deg); width: 130px; height: 130px; background-image: url("/media/fingerprint1.svg"); }
.fingerprint2 { top: 30%; left: 90%; transform: rotate(-30deg); width: 150px; height: 150px; background-image: url("/media/fingerprint2.svg");}
.fingerprint3 { top: 80%; left: 70%; transform: rotate(45deg); width: 110px; height: 110px; background-image: url("/media/fingerprint3.svg"); }
.fingerprint4 { top: 15%; left: 65%; transform: rotate(-15deg); width: 120px; height: 120px; background-image: url("/media/fingerprint4.svg");}
.fingerprint5 { top: 75%; left: 90%; transform: rotate(10deg); width: 90px; height: 90px; background-image: url("/media/fingerprint5.svg");}

/* Inhalt liegt über der Maskierung */
.video-wrapper,
.video-text-container, .video-text-container-fingerprint {position: relative;z-index: 2;}

.video-container-klein {position: relative;}

.video-klein {width: 100%; height: auto; display: block;}

.spotlight-element {position: relative;overflow: hidden; z-index: 1;}

.spotlight-bg {position: absolute; inset: 0; z-index: 1; pointer-events: none; mask-image: none; -webkit-mask-image: none;}

/* Weißer Text bei dunklem Hintergrund */
.text-white,
.text-white p,
.text-white a,
.text-white li,
.text-white strong,
.text-white span,
.text-white h2,
.text-white h3 {color: #fff;}

body.lupe-mode {cursor: zoom-in;}

.footermenu3{padding:26px 0 0;}

.scanner_form .form_grid{display: grid;grid-template-columns: 1fr 1fr;column-gap: 20px;}
.scanner_form input[type=text], .scanner_form input[type=email] {width: calc(100% - 26px);border: 1px solid #ccc;padding: 8px 12px;margin-bottom: 20px;border-radius: 5px;}
.scanner_form select {width: 100%;border: 1px solid #ccc;padding: 8px 12px;margin-bottom: 20px;border-radius: 5px;}
.scanner_form .control-label {display: block;}
.scanner_form textarea {width: calc(100% - 26px);border: 1px solid #ccc;padding: 8px 12px;margin-bottom: 20px;border-radius: 5px;height: 100px;}
.form_wrapper {width: 40vw;margin: auto;}
.scanner_support .form_wrapper {padding-top: 100px;}
#yform-form_scanner-field-19{width:28.vw;}

@media screen and (min-width:1920px){
.toggle-button {display: none;}
.hauptmenu {display: flex;position: static; top: 0; flex-direction: row; display: block;}
.hauptmenu .menuitem {padding: 20px 30px; display: inline-block;}
.slider-btn.prev {left: -90px;}
.slider-btn.next {right: -90px;}	
.slider-btn{font-size:3.5rem;}
.model{padding: 0 50px 30px;}
}

@media screen and (min-width:2800px){
.slider-btn{font-size:4.5rem;}
}

@media screen and (max-width:2060px){
.faq-filter.item_headline{margin: 0 3px; padding:10px 15px;}
}

@media screen and (max-width:1920px){
.toggle-button {display: none;}
.hauptmenu {display: flex;position: static; top: 0; flex-direction: row; display: block;}
.hauptmenu .menuitem {padding: 20px 30px; display: inline-block;}	
.datenblatt-text{font-size:24px;}
.grafik-bookeye{max-width:220px;}
.register.active{grid-template-columns:90px 1fr;}
.zentriert, .grid-container{width:50vw;}
.grid-container {width:50vw;}
.faq-container{width:50vw;}
.form-wrapper{width:50vw;}
.form-control{max-width:50vw;}
.head1::before {height: 950px; width: 100vw;}
.head2::after {height: 950px; width: 100vw;}
.head3::before {height: 950px; width: 100vw;}
.overlay-content{font-size:6em;}
h1{font-size:1em;}
.tile-content{font-size:2em;}
.slider-btn.prev {left: -70px;}
.slider-btn.next {right: -70px;}
.slider-btn{font-size:3rem;}
.such-hinweis{max-width:37vw;}
.model{padding: 0 30px 30px;}
}

@media screen and (max-width:1650px){
.slider-btn.prev {left: -50px;}
.slider-btn.next {right: -50px;}
.content-video-wrapper{grid-template-columns: 3fr 2fr;}
.form-control, .such-hinweis{max-width:35vw;}
.form-wrapper{width:50vw;}
.form_wrapper{width:50vw;}
.form-control{max-width:50vw;}
}

@media screen and (max-width:1500px){
.register{height:510px;}
.grafik-bookeye{max-height:230px; max-width:190px;}
.datenblatt-text{font-size:22px;}
.overlay-kachel{font-size:24px;}
.zentriert, .grid-container{width:70vw;}
.modelle-grid{grid-template-columns:1fr 1fr;}
.ballon{left:15px; top: 160px; width:90%;}
.form-control, .such-hinweis{max-width:42vw;}
.clouds1{left:-50px;}	
.container-vertrieb{gap:50px;}
.grid-contact {display: grid; grid-template-columns: 1fr; gap: 0px; margin-top: 20px;}
.contact-text{font-size:20px;}
.faq-container{width:70vw;}
.form-wrapper{width:70vw;}
.form_wrapper{width:70vw;}
.form-control{max-width:70vw;}
.overlay-content{font-size:5em;}
h1{font-size:0.9em;}
.logos-grid{grid-template-columns: 1fr 1fr 1fr 1fr;}
.slider-btn.prev {left: -70px;}
.slider-btn.next {right: -70px;}
.content-video-wrapper{grid-template-columns: 1fr;}
.video-container-rainbow{width:100%;}
.video-container-dark{width:100%;}
.video-container-red{width:100%;}
.video-container-no-border{width:100%;}
.video-text-container-fingerprint {display:grid; grid-template-columns: 1fr 1fr;gap:50px;}
.fingerprint1 { top: 88%; left:10%;}
.fingerprint2{top:85%; left:35%;}
.fingerprint3{top: 93%; left:70%;}
.fingerprint4 { top: 70%; left: 40%;}

}

@media (min-width: 1201px) {
.menuitem.dropdown:hover .dropdown-content {display: flex;} 
}

@media screen and (max-width: 1200px){
.hauptmenu {display: none; flex-direction: column;}
.section-header {display: grid; grid-template-columns: 1fr auto;}
.toggle-button {display: block; top: -15px;}
.hauptmenu.active {position: absolute; top: 100%; right: -190px; background-color: white; width: 280px; margin-left:auto; padding:30px 170px 50px 30px;}
.menuitem {text-decoration: none; color: #ff4733; padding: 20px; text-align: left; display:block; border-bottom: solid 0.1px #aaa;}
.hauptmenu .menuitem {padding: 20px 0px;}
.zentriert, .grid-container{width:70vw;}
.register {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 120px; height: 530px; box-shadow: -13px 4px 20px 0px rgba(0, 0, 0, 0.5);}
.register.active{grid-template-columns:80px 1fr;}
.svg-overlay-pixel{height:110px;}
.overlay-kachel{font-size:21px; font-weight:700;}
.map-container img {max-height: 400px; display: block;}
.ballon {left: 20px; top: 170px; width: 90%; height: 70%;}
.letter-grid{grid-template-columns:repeat(8, 1fr);}
.head1::before {height: 650px; width: 100vw;}
.head2::after {height: 650px; width: 100vw;}
.head3::before {height: 650px; width: 100vw;}
.container.section-header{position:relative; margin:20px auto;}
.dropdown-content {display: none; padding-left: 1rem;}
.dropdown.open .dropdown-content {display: block; padding:10px;}
.dropdown > a {display: flex;justify-content: space-between; align-items: center;}
.dropdown-toggle-icon {display: inline-block; margin-left: 0.5em; transition: transform 0.3s ease; transform: rotate(90deg);}
.dropdown-item{padding-top:10px;}
/*.slider-viewport{width:95%; max-width:95%;}*/
.slider-btn.prev {left: -50px;}
.slider-btn.next {right: -50px;}
.model {flex: 0 0 calc((100% - 25px) / 2);max-width: calc((100% - 25px) / 2);}
.menuitem.dropdown .dropdown-content {position: relative; top: auto; box-shadow: none;}
.menuitem.open .dropdown-content {display: flex;}
.fingerprint1 { top: 80%; left: 10%; }
.fingerprint2 { top: 90%; left: 70%; }
.fingerprint3 { top: 85%; left: 35%; }
.fingerprint4 { top: 60%; left: 40%; }
.form-control, .such-hinweis{max-width:50vw;}
.faq-filter{grid-template-columns: 1fr 1fr;}
ul{display:grid;}
.form_wrapper{width:70vw;}
.form-control{max-width:70vw;}
.menuitem .dropdown-item{border-bottom:none;}
}

@media screen and (max-width:1024px){
header {padding: 10px; position: fixed; width: calc(100vw - 20px); z-index: 1000;}	
h1{padding-bottom:0px;text-align:left;}
h2{font-size:26px;}
h3{font-size:20px;}
p{font-family:'Poppins',sans-serif; font-size:18px; padding-top:24px; margin:0 auto;}
ol{font-size:22px;}
.container{width:80vw; margin:0 auto;}
.background-red{margin-bottom:-1px;}
.scanner-auswahl {color: #ffffff; font-family: 'Barlow', sans-serif; font-size: 30px; height: fit-content; width: 80vw; margin: 250px auto;}
.datenblatt-text{padding:0 50px; margin-right:0px; font-size:22px;}
.container.zentriert, .grid-container{width:80vw; margin: 0 auto;}
.kachel-headline{font-size:25px;font-weight:bold;transform: rotate(0deg); margin-top: 10px; writing-mode: horizontal-tb;}
.kachel-headline.active{display:none;}
.datenblatt.visible { padding: 15px;}
.datenblatt-inhalt{display:block;}
.kachel img {width: 80%;}
.register.active .datenblatt {margin-top: 20px; background: #ff4733;}
.register.active .kachel {display: block;}
.flex-container {display: flex; flex-direction: column; width: 100%; padding-top: 180px; padding-bottom: 180px;}
.register {width: 100%; height: 600px;}
.register.active {width: 100%; height: fit-content; display:block;}
.grafik-bookeye {max-height: 180px; padding: 50px 0; display:block; margin: 0 auto;}
.overlay-kachel {position: absolute; left: 50%; transform: translate(-50%, -50%); background-color: rgba(255, 71, 51, 0.6); color: #fff; z-index: 1; width: 100%; height: 50px; font-family: 'Barlow', sans-serif; font-size: 20px; font-weight: normal; text-align: center; display: flex; justify-content: center; align-items: center; bottom: -22px;}
.grid-container {grid-template-columns: 1fr 1fr; padding: 80px 0;}
.content{display:block;}
.modelle-grid {display: grid; grid-template-columns: 1fr; gap: 0px; margin-top: 40px;}
.modell-bild {max-height: 250px; display: flex; margin: 0 auto;}
.head1::before {height: 550px; width: 100vw;}
.head2::after {height: 550px; width: 100vw;}
.head3::before {height: 550px; width: 100vw;}
.bild-serie img {max-width: none;}
.bild-serie {flex: 0 0 auto; padding: 50px; display: flex; justify-content: center; align-items: center;}
.wrapper-button {display: flex; justify-content: center; align-items: center; margin: 20px 0 70px;}
.container-vertrieb {display: grid; grid-template-columns: 1fr; align-items: center; width: 70vw; margin: 0 auto; padding: 150px 0;}
.ballon, .clouds1, .clouds2, .clouds3{display:none;}
.map-container {display: flex; justify-content: center; position: relative; padding-bottom: 50px; max-height:300px;}
.contact-text {font-size: 18px; text-align: center; padding: 20px;}
.faq-container{width:80vw; display:flex; flex-direction:column; justify-content:center; margin:0 auto;}
.faq{font-size:22px;}
.letter-grid {grid-template-columns: repeat(5, 1fr);}
.overlay-kopfbild{width:100%;clip-path:none;}
.overlay-red{background: rgba(255, 71, 51, 0.8);}
.overlay-grey{background: rgba(245, 246, 249, 0.7);}
.overlay-dark{background: rgba(58, 58, 58, 0.7);}
.overlay-blue{background: rgba(23, 72, 136, 0.7);}
.grid-zweispaltig {display:block;}
.image_col img {max-width: 300px;}
.slider-viewport{width: calc(380px * 2 + 15px * 1);}
.slider-btn.prev {left: -50px;}
.slider-btn.next {right: -50px;}
.video-text-container-fingerprint{grid-template-columns:1fr; gap:0px;}
.form-control, .such-hinweis{max-width:57vw;}
.container.zentriert.suche{margin:-50px auto 0px;}
footer .footer-menu {grid-template-columns:1.5fr 1fr;}
.form_wrapper{width:80vw;}
.form-control{max-width:80vw;}
}

@media screen and (max-width:950px){
.model{max-width:100%; flex: 0 0 100%;}
.slider-btn.prev {left: -50px;}
.slider-btn.next {right: -50px;}
.tile-content{font-size:1.6em;}
.tile img{bottom:40px; max-height:50%}
.form-control, .such-hinweis{max-width:53vw;}
.form_wrapper{width:80vw;}
.form-control{max-width:80vw;}
.scanner_support .form_wrapper {padding-top: 50px;}
}


@media screen and (max-width:768px){
h2{padding-bottom:0px;}
header {padding: 10px; position: fixed; width: calc(100vw - 20px); z-index: 1000;}
.container{margin:20px; width: calc(100% - 40px);}
.background-red {margin-bottom: 200px; display: block; padding: 150px 10px; width: calc(100vw - 20px);}
.background-image{display:none;}
.scanner-auswahl {width: 70vw; padding: 50px 0;}
.datenblatt-text{padding:0px;}
.svg-overlay-pixel{display:none;}
.head1::before {height: 350px; width: 100vw;}
.head2::after {height: 350px; width: 100vw;}
.head3::before {height: 350px; width: 100vw;}
.faq-container{width:80vw;padding-top:60px;}
.letter-grid {grid-template-columns: repeat(3, 1fr);}
.svg-overlay-pixel {top: -4px; height: 120px;}
.overlay-kachel{font-size:16px;}
footer .footer-menu {grid-template-columns: 1.3fr 1fr;}
h1{font-size:0.6em;}
.tile{max-width:75vw;}
.tile img{bottom:30px; max-height:45%;}
.tile-content{top:15px;}
.logos-grid{grid-template-columns: 1fr;}
.logo-wrapper{aspect-ratio: 4 / 1;}
.zentriert{padding:40px 0;}
.grid-dreispaltig {grid-template-columns:1fr;}
.akkordeon_tabs {flex-direction: column;}
.serie-grid{grid-template-columns:1fr;}
.image_col{display:flex; justify-content:center;}
.model {flex: 0 0 100%;max-width: 100%;}
.slider-viewport{width: calc(450px * 1 + 25px * 0);}
.slider-btn.prev {left: 10px;}
.slider-btn.next {right: 10px;}
.content-video-wrapper{padding:50px 0;}
.container.video-klein{margin:0 auto; width:80vw;}
.faq::after{font-size:30px;}
.faq{font-size:20px;}
.hauptmenu.active{right:-130px; padding:30px 160px 50px 20px;}
.form-control, .such-hinweis{max-width:100%;}
.container.zentriert.suche form {display: grid;grid-template-columns: 1fr;gap: 15px;}
.container.zentriert.suche{margin:-50px auto;}
.glossar-container{padding: 0px 0px 100px;}
.faq-zentrale{margin-bottom:-50px;}
.faq-filter{grid-template-columns: 1fr;}
.faq-filter .item_headline{font-size:15px;}
.scanner_form .form_grid{grid-template-columns:1fr;}
}

@media screen and (max-width: 600px){
.slider-viewport{width: calc(380px * 1 + 25px * 0);}
.slider-btn.prev {left: -10px;}
.slider-btn.next {right: -10px;}
.model{max-width:380px;}
.tile-content{font-size:1.3em;}
}

@media screen and (max-width: 489px){
.scanner-auswahl {padding:0px;}
p{font-size:15px;}
h2{font-size:22px;}
ol{font-size:16px;}
h1{font-size:0.8em;padding-top:50px;}
.unterueberschrift{font-size:20px;}
.datenblatt.visible{padding:0px;}
.datenblatt-inhalt{padding:20px;}
.datenblatt-text{font-size:16px;}
.kachel-headline{font-size:22px;}
.head1::before {height: 230px;}
.head2::after {height: 230px;}
.head3::before {height: 230px;}
.contact-text{padding:0px; font-size:14px;}
.faq{font-size:19px;}
.faq-container{padding-top:40px;}
.button-red{font-size:16px;}
.content{width:100vw;}
.hero{height:calc(100vh - 300px);}
.overlay-kopfbild{width:100%;}
.overlay-content{font-size:4em; display:flex;}
.tile img {bottom:15px;}
.tile-content{font-size:1em;}	
.grid-container{padding:40px 0 0;}
.logos-grid{padding-top:20px;}
.container-vertrieb{padding:30px 0;}
.map-container{order:2;}
.text-container{order:1;}
.glossar-container{padding-bottom:40px;}
.slider-btn.prev {left: -15px;}
.slider-btn.next {right: -15px;}
.slider-btn{font-size:2em;}
footer .footer-menu {grid-template-columns: 1fr; text-align:center;}
.footermenu1, .footermenu2, .footermenu3{padding-right:0px;}
.hauptmenu.active{right:-80px;width:270px; padding: 30px 90px 50px 0px;}
}