.btn_white.btn_arrow/* slickslider */
@import url(slick-theme.min.css);
@import url(slick.min.css);

/* allgemeine formatierung //////////////////////////////// */
*{
	box-sizing: border-box;
  	-webkit-tap-highlight-color: transparent !important;
}

body{
    background: #000;
    color:#fff;
	font-size: 1.12em;
    margin: 0;
    padding: 0;
}

a{
	font-family: "MBCorpoSText Light Web";  
    text-decoration: none;
	color:#fff;
	outline:none !important;
	transition: all 0.2s ease-in-out; 
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

h1, h2 {
  color: inherit;
}

h1 {
  font-family: "MBCorpoATitleCond Regular Web";    
  font-size: 48pt;
  text-align: left;
  margin-bottom: 0;    
}

h2 {
  font-family: "MBCorpoATitleCond Regular Web";    
  font-size: 30pt;
  text-align: left;
  margin-top: 0;    
}

p {
  font-family: "MBCorpoSText Light Web";    
  margin-block-start: 0;
  margin-block-end: 0;
  text-align: left;
  line-height: 1.3em;
  font-size: 1.05em;
}

ul{
	margin:0;
	padding:0;
	list-style-type: none;
}

address{
	font-style: normal;
}

button{
	background: none;
	transition: all 0.2s ease-in-out; 
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}


/* weiße Sektionen 2/4/6/8/12 etwas eingerückt /////////////////// */


#section_2 h1,
#section_2 h2,
#section_2 p,
#section_2 .btn_white.btn_arrow,
#section_2 table td p,
#section_2 table td,
#section_2 td {
  padding-left: 5px !important;
}

#section_6 h1,
#section_6 h2,
#section_6 p,
#section_6 .accordion_trigger,
#section_6 .btn_white.btn_arrow {
  padding-left: 5px;
}

.arrow_white,
.arrow_black {
  margin-right: 20px; /* Abstand zwischen Pfeil und Text */
}


/* Scroll Abstand vom Menü //////////////////////////////// */
#section_1,
#section_2,
#section_3,
#section_4,
#section_5,
#section_6,
#section_7,
#section_8,
#section_9 {
  scroll-margin-top: 140px;
}


#section_1,
#section_2,
#section_3,
#section_4,
#section_5,
#section_6,
#section_7,
#section_8,
#section_9 h2 {
    margin-bottom: 5px; /* Einheitlicher Abstand */
}


#section_2 .innerbox,
#section_4 .innerbox,
#section_6 .innerbox,
#section_8 .innerbox {
    background-color: transparent;
}


img, video {
  max-width: 100%;
  height: auto;
  display: block;
}


/* wrapper //////////////////////////////// */
.wrapper{
	max-width: 100%;
	margin: 0 auto;
    padding: 0;
}


/* innerbox //////////////////////////////// */
.innerbox {
    max-width: 1200px; /* Maximale Breite des Inhalts */
    margin: 0 auto; /* Zentriert den Inhalt */
    padding: 0px; /* kein Innenabstand */
}


/* flex-box layout //////////////////////////////// */
.flex_container{
    display: flex;
    justify-content: space-between;
	align-items: flex-start;
    margin-top: 40px;
}

.half{
	width: 45%;
    order: 0;
    margin-bottom: 0;
}


/* button white */
.btn_white{
    color: #000000;
    border: 2px solid #000000;
    padding: 8px 55px;
    letter-spacing: 0.4px;
    display: block;
    text-align: center;
    border-radius: 2px;
    width: 275px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: "MBCorpoSText Light Web";
}

.btn_black:hover,
.btn_white:hover{
	background: #f59e33;
	border-color: transparent;
}


.btn_black{
	background:none;
    border: 2px solid #ffffff;
    padding: 8px 55px;
    letter-spacing: 0.4px;
    display: block;
    text-align: center;
    border-radius: 2px;
    width: 275px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: "MBCorpoSText Light Web";
}


/* pfeil */

.arrow_white{
	border: solid #000000;
	border-width: 0 2px 2px 0;
	border-radius: 1px;
	display: inline-block;
	padding: 3px;
	-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.arrow_black{
	border: solid #ffffff;
	border-width: 0 2px 2px 0;
	border-radius: 1px;
	display: inline-block;
	padding: 3px;
	-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.arrow_right{
	border: solid #f59e33;
	border-width: 0 2px 2px 0;
	border-radius: 1px;
	display: inline-block;
	padding: 3px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

/* scroll-to-top */
#scroll-to-top{
	position:fixed;
	right:40px;
	bottom:40px;
	display:none;
	z-index:998;
}

.scroll_box{
	background: #000000;
	border-radius: 50%;
	width: 50px;
	height:50px;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
}


.scroll_box .arrow_right{
	padding:4px;
	-webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

.box_fade_in::before{
	content: 'zurück zum Seitenanfang';
	width: 220px;
	position: absolute;
	left:-210px;
	padding:13px 0px 13px 20px;
	text-align: center;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	border-radius: 25px;
	background: #000000;
	z-index: -1;
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
}

#scroll-to-top:hover .box_fade_in::before{
	opacity: 1;
	left:-245px;
	padding-right:50px ;
}

/* Cookie Banner Button more.svg  */
.sc-eqUAAy.cNkVwm {
  width: 25px !important;
  height: 25px !important;
  min-width: 25px !important;
  min-height: 25px !important;
  max-width: 25px !important;
  max-height: 25px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  overflow: hidden !important; 
  background-size: 10px 10px !important; /* Gr√∂√üe des Kreises umd das Icons */
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.ccm-settings-summoner--link { 
    box-shadow: none!important; /* entfernt den Schatten der Grafik */
}


/* Optional: SVG/Icons im Button anpassen */
.sc-eqUAAy.cNkVwm svg {
    width: 12px !important;
    height: 12px !important;
}


/* icons */
.icons_wht{
	-webkit-filter: invert(1);
	filter: invert(1);
	width:25px;
	height: auto;
}

.pin{
	content: url(../images/icons/pin.svg);
}

.call{
	content: url(../images/icons/call.svg);
}

.mail{
	content: url(../images/icons/email.svg);
}

.clock{
	content: url(../images/icons/time.svg);
}

.download{
	content: url(../images/icons/download.svg);
	width:28px
}

.language{
	content: url(../images/icons/language.svg);
}


/* animations //////////////////////////////// */
/* js einfaden scroll  */
.reveal {
	opacity: 0;
}


/* navigation //////////////////////////////// */
.main_h {
  position: fixed;
  top: 0;
  width: 100%;    
  z-index: 1000;
  height: 100px;  
  background: #000000;    
}

.main_h .innerbox{
	padding:0px 0px;
}

.main_h .logox {
    text-align: center; /* Stern zentriert */
}

.main_h .logox img {
    margin-top: 25px; /* Abstand vom oberen Rand */
    margin-bottom: 10px;
    display: inline-block; /* Ermöglicht die Zentrierung innerhalb von text-align */
}

/* menu */
#menu {
	background: #000;  
    padding-bottom: 15px; /* Abstand unter dem Menü zum Video */
    
/*    background: transparent; */
/*    padding-bottom: 0; */
}

#menu-toggle {
  display: none;
  font-size: 28px;
  background: none;
  color: #fff;
  border: none;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 20px;
  z-index: 1000;
}

#menu .innerbox{
	padding:6px 25px 0 25px; /* Abstand Menü vom Stern und Abstand rechts/links zum zentrieren */
}

.main-nav ul {
    display: flex !important;      /* Aktiviert Flexbox */
    justify-content: space-evenly;  /* Gleichmäßige Verteilung der Menüpunkte */
    align-items: center;            /* Vertikal zentriert */
    max-width: 1200px;              /* Maximale Breite */
    margin: 0 auto;                 /* Horizontal zentriert */
    padding: 0;                     /* Kein Innenabstand */
    list-style: none;               /* ← Bullets im Menü entfernen */
}

.main-nav ul li:last-child {
    min-width: 40px; /* besonderer Abstand, da Sprach-Icon kleiner als Texte Menüpunkte */
}


/* Hover-Effekt für Menüpunkte */
.main-nav ul li a:hover {
    color: #f59e33; /* Textfarbe beim Hover */
    transition: color 0.3s ease-in-out; /* Sanfter Übergang */
}


/* login bereich   */
.main-nav ul li:nth-child(5) a:first-of-type{
    display: flex;
    align-items: center;
    margin-bottom: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* sprachumstellung */
.main-nav ul li .language{
	margin-top: 3px;
	width: 22px;
}


/* bild negben text */
.image_box{
	margin:0;
}

.image_box img{
	width: 100%;
}


/* Button Farbe */
#section_2,
#section_4 {
    color: #000000 !important; /* Schriftfarbe auf Schwarz gesetzt */
}


/* Cookie Banner Farben */
.borlabs-cookie-button:hover {
    animation: blink 1s linear infinite;
}
@keyframes blink {
    50% { background-color: #ff0000; }
    100% { background-color: #f59e33; }
}


/* Slider */

.slider_item{
	margin:0 10px;
	background: #ffffff;
	cursor: pointer;
}


.slider_item img{
	width: 100%;
}


/* Flex */

.use-flexbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex_container .image_box {
  flex: 1; /* Gleichmäßige Verteilung des Platzes */
  max-width: 100%; /* Volle Breite */
}

.flex_container .image_box img {
  width: 100%; /* Bild füllt den Container */
  height: auto; /* Beibehaltung des Seitenverhältnisses */
  object-fit: cover; /* Zuschneiden des Bildes, um den Container zu füllen */
}

/* accordion gesamt */

.accordion {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* accordion listenpunkkt */
.accordion li {
  width: 46%;
}

/* button accordion */
.accordion_trigger {
  width: 100%;
  cursor: pointer;
  border: none;
  min-height: 98px;
  display:flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  padding:20px 5px;
  border-bottom:solid 1px #fff;
  background: none;
  font-family: "MBCorpoSText Light Web";
  font-size: 1.2em;
  color: #8A8A8A;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; 
}	

.accordion_trigger:hover{
	color: #fff;
}	


.accordion li:last-child .accordion_trigger{
	border: none;
}


/* accordion + / - */
.accordion_trigger:after {
  content: "\002B";
  font-size: 1.1em;
  font-weight: bold;
  background: #000;
  border-radius: 50%;
  height: 12px;
  width: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding:8px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}


/* accordion + / - activ */

/* Accordion Content */
.accordion_content {
  display: none;
  background-color: #000000;
  border-radius: 2px;
  padding: 10px 20px;
}

/* Entferne native Bullets */
.accordion_content ul,
.accordion_list {
  list-style: none;
  padding: 0;
  margin: 1em 0;
}

/* Korrekte Aufzählung mit hängendem Einzug */
.accordion_list li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 0.6em;
  line-height: 1.5;
  font-family: "MBCorpoSText Light Web";
  font-size: 1.05em;    
}

/* Manuelles Bullet */


.accordion_list li::before {
  content: "▪";
  position: absolute;
  left: 0;
  top: 0.2em; /* Feinjustierung */
  transform: none;
  font-size: 1.05em;
  line-height: 1;
  color: #000; /* oder #000 je nach Hintergrund */
}

#section_4 .accordion_list li::before {
  color: #000;
}

#section_5 .accordion_list li::before {
  color: #fff;
}


/* hero_new //////////////////////////////// */

.hero_new {
    position: relative; /* Ermöglicht das Platzieren von Elementen über dem Video */
    display: flex; /* Flexbox für Zentrierung */
    flex-direction: column; /* Inhalte vertikal ausrichten */
    justify-content: center; /* Vertikal zentrieren */
    align-items: center; /* Horizontal zentrieren */
    width: 100%; /* Volle Breite */
    margin:0; /* Zentriert den Bereich */
    line-height: 0;
    padding: 0; /* Innenabstand */
    background-color: #000; /* Hintergrundfarbe */
}
.hero_new video {
    max-width: 100%; /* Video passt sich an die Breite an */
    height: auto; /* Automatische Höhe für Responsive Design */
}

.hero_new figcaption {
    position: absolute;
    height: 100%;
    text-align: center; /* Zentriert den Text innerhalb des Bereichs */
    color: #fff; /* Textfarbe */
}

.hero_new img{
	width: 100%;
	height: auto;
	background: #000;
}

.hero_new .innerbox{
	margin-left: 30%;
}

.hero_new h1{
	margin: 20px 0 0 3%;
	font-family: "MBCorpoATitleCond Regular Web";
	text-transform: uppercase;
    white-space: nowrap;
    overflow: visible; /* Lässt den Text über die Begrenzung hinaus sichtbar werden */
}

.hero_new h2 {
    margin-left: 3%; /* Gleicher linker Abstand wie bei hero_new h1 */
    font-family: "MBCorpoATitleCond Regular Web"; 
    text-align: left; /* Linksbündig */
}

.hero_new .btn_black {
    margin-left: 3%; /* Gleicher linker Abstand wie bei h1 und h2 */
}


.hero_new figcaption{background:rgb(0,0,0,.5);background:linear-gradient(90deg,rgba(0,0,0,.5) 21%,transparent 100%);left:0;right:0;top:0;bottom:0;display:flex;align-items:center;line-height:1.2}
.hero_new .innerbox,.image_box{margin:0}


#section_1,
#section_2,
#section_3,
#section_4,
#section_5,
#section_6,
#section_7 {
  padding-top: 0; 
  padding-bottom: 0;    
  margin-bottom: 0;
  margin-top: 0;
}


/* section_1 Legende /////////////////////////////////////////////*/

#section_1 .half p:nth-of-type(1){
	margin-top: 0;
    padding-top: 0px;
}

#section_1 .btn_black {
    margin-top: 30px; /* Abstand oberhalb des Buttons */
    display: inline-block; /* stellt sicher, dass der Button korrekt dargestellt wird */
}

#section_1 .flex_container {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
}

#section_1 .half:first-child, 
#section_1 .half.image_box {
    margin-top: 0; 
    padding-top: 0;
}

#section_1 .half{
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#section_1 .half img {
  display: flex;
  align-items: stretch; 
}

#section_1 .half.image_box img,
#section_2 .half.image_box img {
  width: 100%;
  height: auto; /* wird via JS überschrieben */
  object-fit: cover;
  display: block;
}


/* section_2 Gelände /////////////////////////////////////////////*/


#section_2 .innerbox {
    width: 100%; /* Maximale Breite für den Inhalt */
    margin: 0 auto; /* Zentriert den Inhalt */
    padding: 0; /* Innenabstand */
    padding-top: 0px ;
}

#section_2 .slick-dots {
  position: absolute; /* Absolut positioniert */
  bottom: 20px; /* Abstand vom unteren Rand der Sektion */
  left: 50%; /* Zentriert die Punkte horizontal */
  transform: translateX(-50%); /* Korrigiert die Zentrierung */
  z-index: 10; /* stellt sicher, dass die Punkte √ºber anderen Elementen liegen */
}

#section_2 p {
  padding-left: 0% ;
  padding-right: 0% ;    
  color: #000000; 
  text-align: left;
}


#section_2 .innerbox h1{
	padding-left:0% ;
    color: #000000 ;
}

#section_2 .innerbox h2{
	padding-left:0% ;
    color: #000 ;
}


#section_2 table tr td:nth-child(2) {
  padding-left: 30px;
}

#section_2 .slider_item {
  margin-bottom: 80px;
}

#section_2 .slider {
  margin-top: 15px;
}

#section_2 .flex_container {
    align-items: flex-start; /* Elemente oben ausrichten */
}

#section_2 .image_box {
    margin-top: 0; /* Entfernt oberen Abstand */
    padding-top: 0; /* Entfernt inneren oberen Abstand */
}

#section_2 .flex_container .half:first-child {
    margin-right: 20px; /* Abstand zwischen dem Text und dem Bild */
}

#section_2 {
    background-color: #ffffff; /* Weißer Hintergrund */
    width: 100%;
    margin: 0; /* Entfernt Außenabstände */
    padding: 0; /* Entfernt Innenabstände */
    padding-top: 1px;
}

#section_2 h1 {
    margin-bottom: 0;
}
#section_2 h2 {
    margin-bottom: 0;
}

/* section_3 Flotte /////////////////////////////////////////////*/

#section_3 .innerbox {
    display: flex; /* Flexbox verwenden */
    flex-direction: column; /* Inhalte vertikal ausrichten */
    justify-content: flex-start; /* Oben bündig ausrichten */
    align-items: flex-start; /* Links ausrichten */
    padding-top: 0; /* Entfernt Innenabstand oben */
    padding-bottom: 0; /* Entfernt Innenabstand unten */
}

#section_3 {
    width: 100%; /* Stellt sicher, dass der gesamte Abschnitt die volle Breite einnimmt */
    padding: 0; /* Entfernt zusätzliche Abstände */
}

/* Bilder in Section_3 */

#section_3 .image_gallery {
    display: flex;
    gap: 10px; /* Abstand zwischen den Bildern */
}

#section_3 .image_gallery img {
    width: calc(100% - 10px); /* Jedes Bild nimmt die Hälfte des Containers ein */
    height: auto; /* Beibehaltung des Seitenverhältnisses */
}

#section_3 .image_gallery figure {
  margin: 0;
  flex: 1 1 23%;
}

#section_3 .image_gallery figcaption {
    font-family: "MBCorpoSText Light Web";  
    margin-top: 20px; /* Abstand zwischen dem Bild und der Unterschrift */
    font-size: 24px; /* Schriftgröße für die Unterschrift */
    text-align: center; /* Zentriert den Text */
    color: #fff; /* Textfarbe (weiß) */
}

/* section_4 Experience /////////////////////////////////////////////*/

#section_4 {
    background-color: #ffffff; /* Weißer Hintergrund */
    width: 100%;
    margin: 0; /* Entfernt Außenabstände */
    padding: 0; /* Entfernt Innenabstände */
}     

#section_4 .accordion {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
} 

#section_4 .accordion li{
    width: 100%;
    margin: 0px 0;
} 

/* button accordion */
#section_4 .accordion_trigger{
    font-family: "MBCorpoSText Light Web";
    border: none;
    color:#000;
    min-height: auto;
	justify-content:flex-start;
    align-items: center;
    padding:0;
    background: none;
    font-size: 1.05em;
    opacity: 1;
}	

#section_4 .accordion_trigger:hover{
    color: #f59e33;
}	

/* button accordion aktiv */
#section_4 .accordion_trigger::after{
    display: none;
}

/* accordion + / - */
#section_4 .accordion_trigger:before {
    content: "\002B";
    margin-right: 10px;
    font-size: 1.2em;
    line-height: 1.2em;
    color:#000;
}
            

/* inhalt accordion */
#section_4 .accordion_content {
    border-radius: 0px;
    margin-top: 10px;
	padding:15px 0 25px 30;
    color: #000;
    background: #fff;
}

#section_4 .accordion_content p {
    margin-top: 5px; /* Reduzierter oberer Abstand */
    margin-bottom: 5px; /* Reduzierter unterer Abstand */
}


#section_4 .accordion_content ul li p {
    margin: 0; /* Entfernt zusätzliche Abstände innerhalb der Absätze */
}

#section_4 ul.accordion {
  padding-left: 0%; /* Innenabstand von links */
}

#section_4 .half.image_box img {
    display: block; /* Verhindert zusätzliche Leerzeichen durch Inline-Bilddarstellung */
    margin-top: 0; /* Entfernt äußeren Abstand */
    margin-left: 20px; /* Fügt einen Abstand von 20px zwischen Bild und Text hinzu */
}

#section_4 .innerbox {
    padding-top: 0; /* Entfernt das obere Padding von innerbox */
    padding-bottom: 0; /* Entfernt das untere Padding von innerbox */
    width: 100%; /*Stellt sicher dass das innerbox auch die volle Breite hat*/    
}

#section_4 .image_box {
  text-align: center; /* Zentriert den Text unter dem Bild */
}

#section_4 .innerbox {
    display: flex; /* Flexbox verwenden */
    flex-direction: column; /* Inhalte vertikal ausrichten */
    justify-content: flex-start; /* Oben bündig ausrichten */
    align-items: flex-start; /* Links ausrichten */
    padding-top: 0; /* Entfernt Innenabstand oben */
    padding-bottom: 0; /* Entfernt Innenabstand unten */
}

#section_4 h1 {
    margin-bottom: 0;
}
#section_4 h2 {
    margin-bottom: 0;
}


/* section_5 Private Coaching /////////////////////////////////////////////*/

#section_5 .accordion {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
} 

#section_5 .accordion li{
    width: 100%;
    margin: 0px 0;
} 

/* button accordion */
#section_5 .accordion_trigger{
    font-family: "MBCorpoSText Light Web";
    border: none;
    color:#fff;
    min-height: auto;
	justify-content:flex-start;
    align-items: center;
    padding:0;
    background: none;
    font-size: 1.05em;
    opacity: 1;
}	

#section_5 .accordion_trigger:hover{
    color: #f59e33;
}	

/* button accordion aktiv */
#section_5 .accordion_trigger::after{
    display: none;
}

/* accordion + / - */
#section_5 .accordion_trigger:before {
    content: "\002B";
    margin-right: 10px;
    font-size: 1.2em;
    line-height: 1.2em;
    color:#fff;
}
            

/* inhalt accordion */
#section_5 .accordion_content {
    border-radius: 0px;
    margin-top: 10px;
	padding:15px 0 25px 0;
    color: #fff;
    background: #000;
}

#section_5 .accordion_content p {
    margin-top: 5px; /* Reduzierter oberer Abstand */
    margin-bottom: 5px; /* Reduzierter unterer Abstand */
}

#section_5 ul.accordion {
  padding-left: 0%; /* Innenabstand von links */
}

#section_5 .flex_container .half:first-child {
    margin-right: 20px; /* Abstand zwischen dem Text und dem Bild */
}

#section_5 .flex_container:first-of-type .image_box img {
  width: 100%; /* Bild füllt den Container */
  height: auto; /* Beibehaltung des Seitenverhältnisses */
  object-fit: contain; /* vollständige Anzeige des Bildes ohne Zuschneiden */
  margin-bottom: 30px;
}


/* section_6 Werksabholung /////////////////////////////////////////////*/

#section_6 .accordion {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
} 

#section_6 .accordion li{
    width: 100%;
    margin: 0px 0;
} 

/* button accordion */
#section_6 .accordion_trigger{
    font-family: "MBCorpoSText Light Web";
    border: none;
    color:#000;
    min-height: auto;
	justify-content:flex-start;
    align-items: center;
    padding:0;
    background: none;
    font-size: 1.05em;
    opacity: 1;
}	

#section_6 .accordion_trigger:hover{
    color: #f59e33;
}	

/* button accordion aktiv */
#section_6 .accordion_trigger::after{
    display: none;
}

/* accordion + / - */
#section_6 .accordion_trigger:before {
    content: "\002B";
    margin-right: 10px;
    font-size: 1.2em;
    line-height: 1.2em;
    color:#000;
}
            

/* inhalt accordion */
#section_6 .accordion_content {
    border-radius: 0px;
    margin-top: 10px;
	padding:15px 0 25px 30;
    color: #000;
    background: #fff;
}

#section_6 .accordion_content p {
    margin-top: 5px; /* Reduzierter oberer Abstand */
    margin-bottom: 5px; /* Reduzierter unterer Abstand */
}


#section_6 .accordion_content ul li p {
    margin: 0; /* Entfernt zusätzliche Abstände innerhalb der Absätze */
}

#section_6 ul.accordion {
  padding-left: 0%; /* Fügt einen Innenabstand von 20px links hinzu */
}

#section_6 .slick-dots {
  position: absolute; /* Absolut positioniert */
  bottom: 10px; /* Abstand vom unteren Rand der Sektion */
  left: 50%; /* Zentriert die Punkte horizontal */
  transform: translateX(-50%); /* Korrigiert die Zentrierung */
  z-index: 10; /* stellt sicher, dass die Punkte √ºber anderen Elementen liegen */
}

#section_6 .slider {
    padding-bottom: 50px; /* Fügt einen Abstand von 50 Pixeln unten hinzu */
    background-color: #ffffff; /* Stellt sicher, dass der Hintergrund weiß ist */
}

#section_6 .slider_item {
  margin-bottom: 10px;
}

#section_6 {
    background-color: #ffffff; /* Weißer Hintergrund */
    width: 100%;
    margin: 0; /* Entfernt Außenabstände */
    padding: 0; /* Entfernt Innenabstände */
    padding-top: 5px;
    color: #000; /* Textfarbe */
}

#section_6 h1 {
    margin-bottom: 0;
}


/* section_7 Team /////////////////////////////////////////////*/

#section_7 {
margin-bottom: 30px;
}

/* section_8 Graz /////////////////////////////////////////////*/

#section_8 .slick-dots {
  position: absolute; /* Absolut positioniert */
  bottom: 10px; /* Abstand vom unteren Rand der Sektion */
  left: 50%; /* Zentriert die Punkte horizontal */
  transform: translateX(-50%); /* Korrigiert die Zentrierung */
  z-index: 10; /* stellt sicher, dass die Punkte √ºber anderen Elementen liegen */
}

#section_8 .slider {
    padding-bottom: 50px; /* Fügt einen Abstand von 50 Pixeln unten hinzu */
    background-color: #ffffff; /* Stellt sicher, dass der Hintergrund weiß ist */
}

#section_8 .slider_item {
  margin-bottom: 10px;
}

#section_8 {
    background-color: #ffffff; /* Weißer Hintergrund */
    width: 100%;
    margin: 0; /* Entfernt Außenabstände */
    padding: 0; /* Entfernt Innenabstände */    
    padding-top: 5px;
    color: #000; /* Textfarbe schwarz */
}

#section_8 h1 {
    margin-bottom: 0;
}


/* section_10 /////////////////////////////////////////////*/
#section_10 {
    padding-top: 150px; /* oder ein Wert, der gut aussieht */
}


/* section_12 Zahlungsoptionen /////////////////////////////////////////////*/

#section_12 {
    background-color: #ffffff; /* Weißer Hintergrund */
    width: 100%;
    margin: 0; /* Entfernt Außenabstände */
    margin-top: 90px;
    padding: 0; /* Entfernt Innenabstände */    
    padding-top: 5px;
    color: #000; /* Textfarbe schwarz */
}

/* Nur in Section 12 (Zahlungsoptionen) sollen Bullets sichtbar sein */
#section_12 ul,
#section_12 ul ul {
  list-style-type: disc;
  margin-left: 20px;
  padding-left: 20px;
  font-family: "MBCorpoSText Light Web";
}
.content {
  margin-bottom: 60px;
}


/* ===============================
   FOOTER – Layout & Styling
   =============================== */

footer {
  font-size: 0.95em;
  line-height: 1.3em;
}

/* Links & Hover */
footer a {
  color: #ffffff;
  position: relative;
}
.hover_effect::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  border-radius: 2px;
  background-color: #fff;
  bottom: -2px;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.2s ease-in-out;
}
.hover_effect:hover::before { 
  transform-origin: left;
  transform: scaleX(1);
}
footer a:hover { color: #f59e33; }
.privacy .hover_effect::before { background-color: #f59e33; bottom: 0; }

/* Flex-Container für die 4 Spalten */
footer .flex_container {
  display: flex;                 /* Flexbox aktivieren */
  flex-wrap: wrap;               /* bei wenig Platz umbrechen */
  justify-content: space-between;
  align-items: flex-start;
  gap: 2rem;                     /* Abstand zwischen Spalten */
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  margin-top: 25px;
  padding: 50px 0;
}

/* Spalten (listenbasiert) */
.footer_list {
  flex: 1 1 20%;                 /* ca. 4 Spalten, flexibel */
  min-width: 180px;              /* Mindestbreite */
  list-style: none;              /* keine Marker */
  margin: 0;
  padding: 0;
  color: #fff;
}

/* Erste Spalte etwas breiter, wenn gewünscht */
.footer_list:first-child {
  flex: 2 1 30%;
  min-width: 280px;
}

/* Listeneinträge */
.footer_list li {
  display: flex;
  align-items: center;
  gap: 12px;                     /* Abstand Icon/Text */
  padding: 0 0 20px;
  font-family: "MBCorpoSText Light Web", Arial, sans-serif;
  line-height: 1.3em;
  font-size: 12pt;
}
.footer_list li .icons_wht { margin-right: 0; } /* durch gap ersetzt */

/* Titel/Überschrift je Liste */
.footer_list li:first-child {
  color: #ffffff;
  font-family: "MBCorpoSText Light Web", Arial, sans-serif;
  font-size: 1.8em;
  font-weight: 600;
  padding-bottom: 20px;
  display: block;                /* Titel ohne Icon-Ausrichtung */
}

/* Sonderfälle für einzelne Spalten (falls benötigt) */
.footer_list:nth-of-type(3) li { display: block; } /* „Zahlung“-Textzeilen */

footer .icons_wht.pin { margin: 0 12px 0 -2px; }

/* Google-Maps-Link kleiner */
.footer_list:nth-of-type(4) .blue { font-size: 0.9em; }

/* Hinweis-Zeile mit Logo unter den Spalten */
footer p {
  text-align: center;
  font-family: "MBCorpoSText Light Web", Arial, sans-serif;
  background: transparent;       /* war #000 – entfernt den schwarzen Balken */
  padding: 10px;
  margin: 10px 0;
  font-size: 0.8em;
}
footer p img {
  width: 18px;
  height: 18px;
  margin: 0 5px -5px 0;
}

/* Privacy / Kleingedrucktes unten */
.privacy {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin: 0 0 50px;
  font-size: 0.8em;
  align-items: center;
}
.privacy li {
  display: flex;
  align-items: center;
  padding-right: 15px;
  border-right: 1px solid #8A8A8A;
}
.privacy li:last-child {
  border-right: none;
  padding-right: 0;
}
.privacy li a { color: #fff; }
.privacy li a:hover { color: #f59e33; }

/* ===============================
   Responsive Verfeinerungen
   =============================== */
@media (max-width: 900px) {
  .footer_list:first-child {
    flex: 1 1 100%;              /* breite erste Spalte bricht um */
    min-width: 100%;
  }
}

@media (max-width: 768px) {
  footer .flex_container {
    gap: 1.25rem;
    padding: 30px 0;
  }
  .footer_list {
    flex: 1 1 100%;
    min-width: 100%;
  }
  .footer_list li { gap: 10px; }
}


/* RESPONSIVE BREAKPOINT 1024px ////////////////////////////////// */

@media only screen and (max-width: 1024px) {
  .flex_container {
    flex-direction: column;
    gap: 1.5rem;
  }

  .half {
    width: 100%;
    margin-bottom: 1.5rem;
  }

  .btn_white, 
  .btn_black {
    width: 100%;
    padding: 12px;
    font-size: 1em;
  }

  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 1.8rem;
  }

  .accordion_trigger {
    font-size: 1em;
    padding: 15px 0;
  }

  .image_gallery {
    flex-direction: column;
    gap: 20px;
  }

  .image_gallery figure {
    width: 100%;
  }

  .main-nav ul {
    flex-direction: column;
    gap: 15px;
  }

  #menu-toggle {
    display: block;
  }
}

/* RESPONSIVE BREAKPOINT 768px //////////////////////// */
@media only screen and (max-width: 768px) {
  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  p, .accordion_trigger, .accordion_list li {
    font-size: 0.95em;
  }

  .btn_white, 
  .btn_black {
    padding: 10px;
    font-size: 0.95em;
  }

  .hero_new h1, .hero_new h2 {
    white-space: normal;
    font-size: 1.5rem;
  }

  .privacy {
    flex-direction: column;
    align-items: flex-start;
  }
}


@media only screen and (max-width: 600px) {
  .btn_white,
  .btn_black {
    width: auto; 
    max-width: 90%;
    padding: 8px 20px;
    font-size: 0.95em;
    margin-left: 5px;
    margin-right: 0;  
  }
}


/* RESPONSIVE BREAKPOINT 480px //////////////////////////// */
@media only screen and (max-width: 480px) {
  h1 {
    font-size: 1.5rem;
  }

  h2 {
    font-size: 1.2rem;
  }

  .btn_white, .btn_black {
    font-size: 0.9em;
    padding: 8px;
  }

  .accordion_trigger {
    font-size: 0.9em;
  }

  .accordion_list li {
    font-size: 0.9em;
  }

  .hero_new .btn_black {
    width: 100%;
    padding: 10px;
  }
}


/* Für Smartphones (max-width 600px) – gezielt für hero_new ///////////*/
@media only screen and (max-width: 600px) {
  .hero_new h1 {
    font-size: 0.6rem;
    line-height: 1.1;
  }
  .hero_new h2 {
    font-size: 0.3rem;
    line-height: 1.1;
  }
}

/* Für Tablets (max-width 900px) – optional, falls noch mehr Reduktion nötig ///////*/
@media only screen and (max-width: 900px) {
  .hero_new h1 {
    font-size: 1.5rem;
    line-height: 1.1;
  }
  .hero_new h2 {
    font-size: 1.1rem;
    line-height: 1.1;
  }
}


	/* menu Hamburger ////////////////////////// */
@media (max-width: 920px) {
  #menu {
    display: none;
    flex-direction: column;
    background-color: #000;
    position: absolute;
    top: 60px;
    right: 0;
    width: 100%;
    z-index: 999;
    padding: 20px 0;
  }

  #menu.active {
    display: flex !important;
  }

  #menu ul {
    flex-direction: column;
    align-items: center;
    list-style: none;
    padding: 0;
  }

  #menu ul li a {
    color: #fff;
    padding: 10px 0;
    text-decoration: none;
    display: block;
  }

  #menu-toggle {
    display: block;
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 30px;
    background: none;
    border: none;
    color: #fff;
    z-index: 1000;
  }
}    


	/* logo*/

	/* hero_new //////////////////////////////// */
	.hero_new{
		margin: 91px 0 0 0;
	}

	/* section_1 buchungstool //////////////////////////////// */
    	#home #section_1 .btn{
		margin:70px 0;
	}

	/* slider */
	#home #section_2 .innerbox{
		padding:0px 0;
	}

	#home #section_2 .innerbox h2{
		padding-left:0% ;
	}

	/* FAQ //////////////////////////////// */
	/* accordion gesamt */
	/* accordion listenpunkte */
	.accordion li {
		width: 	100%;
	}

/* / ende breakpoint 920px*/


/*Mediaqueries /Breakpoint / CSS-Weiche /////////////////*/
@media only screen and (max-width: 750px) {
	/* parallax //////////////////////////////// */


} /* / ende breakpoint 920px*/


/*Mediaqueries /Breakpoint / CSS-Weiche /////////////////*/
@media only screen and (max-width: 670px) {


	/* footer //////////////////////////////// */
	/* footer_list mit ankern */
	.footer_list{
		width: 75%;
		margin-bottom:40px
	}

	.footer_list:nth-of-type(4){
		margin-bottom: 0;
	}

	.footer_list:nth-of-type(3){
		margin-bottom:40px
	}

	.footer_list li:first-child{
		padding-bottom: 15px;
	}

	footer p{
		text-align: justify;
	}

	footer p img{
		width: 15px;
		height: 15px;
		margin: 0 5px -3px 0;
	}

	/* privacy */
	.privacy{
		padding: 20px 0;
		font-size: 0.65em;
		justify-content: center;
	}


}/* ende breakpoint 670px */


/*Mediaqueries /Breakpoint / CSS-Weiche /////////////////*/
@media only screen and (max-width: 500px) {

	/* footer_list mit ankern */
	.footer_list{
		width: 100%;
	}


	/* agb //////////////////////////////// */
	/* accordion + / - */
	.accordion_trigger:after {
		font-size: 0.85em;
		padding:5px;
	}

} /* / ende breakpoint 500px*/


/* fonts /////////////////*/
/* schrift hero_new  */
@font-face {
	font-family: 'MBCorpoATitleCond Regular Web'
	font-display:swap;

	src: local(''),
		url('../fonts/MBCorpoATitleCond-Regular-Web.woff2') format('woff2'),
		url('../fonts/MBCorpoATitleCond-Regular-Web.woff'); 
}

/* mb_font serifen schrift */
@font-face {
	font-family: "MBCorpoSText Light Web";
	font-display:swap;

	src: local(''),
		url('../fonts/MBCorpoSText-Light-Web.woff2') format('woff2'),
		url('../fonts/MBCorpoSText-Light-Web.woff') format('woff');
}

/* heading*/
@font-face {
	font-family: 'MBCorpoATitleCond Regular Web';
	font-display:swap;

	src: 
		local(''),	
		url('../fonts/MBCorpoATitleCond-Regular-Web.woff2') format('woff2'),
		url('../fonts/MBCorpoATitleCond-Regular-Web.woff') format('woff'); 
}

/* subheading*/
@font-face {
	font-family: 'MBCorpoATitleCond Regular Web';
	font-display:swap;

	src: local(''),
		url('../fonts/MBCorpoATitleCond-Regular-Web.woff2') format('woff2'),
		url('../fonts/MBCorpoATitleCond-Regular-Web.woff') format('woff');
}

/* fliestext */
@font-face {
	font-family: "MBCorpoSText Light Web";
	font-display:swap;

	src: local(''),	
		url('../fonts/MBCorpoSText-Light-Web.woff2') format('woff2'),
		url('../fonts/MBCorpoSText-Light-Web.woff') format('woff');
		
}

/* SCHORB */
@font-face {
	font-family: "MBCorpoATitleCond Regular Web";
	font-display:swap;

	src: local(''),
		url('../fonts/MBCorpoATitleCond-Regular-Web.woff2') format('woff2'),
		url('../fonts/MBCorpoATitleCond-Regular-Web.woff') format('woff'); 
}