@charset "utf-8";




table {
            width: 100%;
            border-collapse: collapse;
        }
        table, th, td {
            
        }
        th, td {
            
            text-align: left;
        }
        th {
           
        }
        td, th {
            width: 50%; /* Jede Spalte nimmt 50% der Tabellenbreite ein */
        }






 .icons-antriebe img {
            vertical-align: top;
        }

        .icons-antriebe {
            margin-top: 20px;
        }



/* Mouse-over Submenü */
.container-submenu {
  position: relative;
}



.list-submenu {
  display: none;
  position: absolute;
  background-color: white !important;

  list-style-type: none;
  padding: 5px;
  margin: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index:100;
}







.nav-link:hover + .list-submenu,
.list-submenu:hover {
  display: block;
  background-color: white !important;
  cursor: pointer;

}

@media screen and (max-width: 1076px){
    .nav-link:hover + .list-submenu,
    .list-submenu:hover {
        display: none;
    }
}

.list-submenu li {
  padding: 5px;
}

.element-submenue.active {
  color: #b48c20;
}







.headline {
    font-family: "Frutiger LT W01_57 Condensed";
    font-size: 2.7em;
    line-height: 1.0em;
    letter-spacing: 0.01em;
    padding-bottom: 0;
    padding-top: 45px;
    color: black;
    text-align: center;
}


@media (max-width: 480px) {
.headline {
    font-family: "Frutiger LT W01_57 Condensed";
    font-size: 2.7em;
    line-height: 1.0em;
    letter-spacing: 0.01em;
    padding-bottom: 10px;
    padding-top: 45px;
    color: black;
    text-align: center;
}
}


.sub-headline {
    font-family: "Frutiger LT W01_57 Condensed";
    font-size: 2.1em;
    line-height: 1.0em;
    letter-spacing: 0.01em;
    padding-bottom: 0;
    padding-top: 45px;
    color: black;
    text-align: center;
}

.sub-headline2 {
    font-family: "Frutiger LT W01_57 Condensed";
    font-size: 2.1em;
    line-height: 1.0em;
    letter-spacing: 0.01em;
    padding-bottom: 0;
    padding-top: 20px;
    color: black;
    text-align: center;
}

/* Basis: Headline-Stil */
.sub-headline3 {
  font-family: "Frutiger LT W01_57 Condensed";
  font-size: 2.1em;
  line-height: 1.0em;
  letter-spacing: 0.01em;
  text-align: center;
  color: #000;
  padding: 0;

  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
}

/* Ab >= 769px (Desktop/Tablet quer): kein oberer Abstand */
@media (min-width: 769px) {
  .sub-headline3 {
    margin-top: 0 !important;
    margin-bottom: 12px;
  }
}

/* Bis 768px (Mobile): Abstand nach oben */
@media (max-width: 768px) {
  .sub-headline3 {
    margin-top: 15px !important; /* Abstand zum Bild */
    margin-bottom: 12px;
  }
}
.counter {
    text-align: center;
    padding: 0px;
	    margin-top: 25px;
    /*gleiche Höhe wie Fließtext */
}

.count-container {
    width: auto;
    /*  */
    display: block;
    margin: 5px 0;
    /* Adjusted margin to reduce spacing */
    text-align: center;
    /* Center-align the content within count-container */
    font-weight: lighter;
    font-family: 'Frutiger LT W01_47 Light Cond';

}

.count {
    font-size: 40px;
    width: auto;
    height: 50px;
    padding: 0;
    background-color: #b48c20;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.2em;
}

.count span {
    width: 100%;
    /* Adjusted width to fill the container */
    display: inline-block;
    text-align: center;
    /* Center-align the text within the span */
}

.increment {
    font-size: 18px;
    font-family: 'Frutiger LT W01_47 Light Cond';
}

/*
.increment {
  cursor: pointer;  Change cursor on hover
}

.increment:hover {
  background-color: #704313;  Change background color on hover
}*/


.container {
    display: flex;
    align-items: stretch; /* Stellt sicher, dass alle Spalten die gleiche Höhe haben */
    box-sizing: border-box; /* Bezieht Padding und Border in die Breite und Höhe ein */
}


.column {
    flex: 33.33%;
    box-sizing: border-box;
}



/* ohne Abstand der Spalten zwischeneinander */
.column-1von2 {
    flex: 33.33%;
    padding-right: 25px;
    box-sizing: border-box;
}

.column-2von2 {
    flex: 33.33%;
    padding-left: 25px;
    box-sizing: border-box;
}




/* Abstand der Spalten zueinander. Bei Karriere*/



/* Für den Eltern-Container, der den Text und Button enthält */
.column-2von2_ohne-abstand {
    display: flex;               /* Flexbox aktivieren */
    flex-direction: column;      /* Inhalt vertikal anordnen */
    justify-content: center;     /* Vertikale Zentrierung */
    align-items: center;         /* Horizontale Zentrierung */
    text-align: center;          /* Textzentrierung für Textinhalte */
    padding: 20px;               /* Abstand anpassen, falls nötig */
}

/* Sicherstellen, dass Buttons und Headlines responsive sind */
.headline-content-slider-kontakt-button-2 {
    padding: 10px 20px;          /* Ausreichend Innenabstand für Buttons */
    font-size: 1rem;             /* Dynamische Schriftgröße */
}

@media (max-width: 768px) {       /* Mobile Optimierung */
    .column-2von2_ohne-abstand {
        padding: 10px;           /* Weniger Padding für kleinere Geräte */
    }
    .headline-2 {
        font-size: 1.2rem;       /* Schriftgröße anpassen */
    }
}




.column-1von3 {
    flex: 33.33%;
    padding-right: 35px;
    box-sizing: border-box;
}

.column-2von3 {
    flex: 33.33%;
    padding-left: 26px;
    padding-right: 26px;
    box-sizing: border-box;
}

.column-3von3 {
    flex: 33.33%;
    padding-left: 35px;
    box-sizing: border-box;
}


.column-1von3, .column-2von3, .column-3von3,
.column-1von3-abstand-unten, .column-2von3-abstand-unten, .column-3von3-abstand-unten, .column-1von2_ohne-abstand, .column-2von2_ohne-abstand {
    flex: 1; /* Alle Spalten haben die gleiche Flexibilität */
    box-sizing: border-box; /* Bezieht Padding und Border in die Breite und Höhe ein */
}

.column-1von3, .column-1von3-abstand-unten {
    padding-right: 35px;
}

.column-2von3, .column-2von3-abstand-unten {
    padding-left: 26px;
    padding-right: 26px;
}

.column-3von3, .column-3von3-abstand-unten {
    padding-left: 35px;
}






/* Button Pfeil */

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

        .full-width-box-button {
            position: relative;
            background-color: #b48c20;
            display: inline-block; /* Ensures the pseudo-element aligns properly */
        }
        
        .headline-content-slider-kontakt-button {
            font-weight: 900;
            color: #b48c20;
			text-decoration:none;
            background-color: #FFF;
            letter-spacing: 0.1em;
            padding: 10px 20px; /* Adjust padding for better spacing */
            position: relative;
            z-index: 1;
            border: none; /* Remove border to avoid the hairline */
        }
        
        .full-width-box-button:after {
            content: "";
            position: absolute;
            bottom: -18px; /* Positioning of the arrow */
            left: 50%;
            transform: translateX(-50%);
            border-width: 20px 25px 0 25px; /* Adjust arrow size: height 20px, width 50px */
            border-style: solid;
            border-color: #FFF transparent transparent transparent; /* Arrow color */
            width: 0;
            height: 0;
            z-index: 0; /* Ensure the arrow is behind the text */
        }





.address-container {
            display: flex;
            align-items: center; /* Zentriert die vertikale Linie und den Text */
        }
        .address-line {
            width: 3px; 
            background-color: #b48c20; 
            height: 80%; /* Höhe wird automatisch angepasst */
            margin-right: 10px; /* Abstand zwischen der Linie und dem Text */
            min-height: 45px; /* Mindesthöhe für Sichtbarkeit der Linie */
        }
        .address-content {
            display: flex;
            flex-direction: column;
            line-height: 1.5; /* Zeilenhöhe für besseren Abstand */
        }








.full-width-box,
.three-columns,
.two-columns {
    flex: 1;
    padding: 0 50px;
    box-sizing: border-box;
}

@media (max-width: 868px) { /* 35px */
.full-width-box,
.three-columns,
.two-columns {
    flex: 1;
    padding: 0 30px;
    box-sizing: border-box;
}


    .column {
        flex: 50%;
    }

    /* Abstand der Spalten zueinander. */
    .column-1von2 {
        flex: 50%;
        padding-right: 0px;/* 35px */
        box-sizing: border-box;
    }

    .column-2von2 {
        flex: 50%;
        padding-right: 0px; /* 35px */
        box-sizing: border-box;
    }

	    .column-1von2_ohne-abstand {
        flex: 50%;
        padding-right: 0px;/* 35px */
        box-sizing: border-box;
    }

    .column-2von2_ohne-abstand {
        flex: 50%;
        padding-right: 0px; /* 35px */
        box-sizing: border-box;
    }
	
	
    .column-1von3 {
        flex: 100%;/* 33.33%; */
        padding-right: 0px; /* 35px; */
         box-sizing: border-box;
    }

    .column-2von3 {
        flex: 100%;  /* 33.33%; */
        padding-left: 0px; /* 26px; */
        padding-right: 0px; /* 26px; */
        box-sizing: border-box;
    }

    .column-3von3 {
        flex: 100%;/* 33.33%; */
        padding-left: 0px; /* 35px; */
        box-sizing: border-box;
    }

    .column-1von3-abstand-unten {
        flex: 100%;/* 33.33%; */
        padding-right: 0px; /* 35px; */

        box-sizing: border-box;
    }

    .column-2von3-abstand-unten {
        flex: 100%;  /* 33.33%; */
        padding-left: 0px;  /* 26px; */
        padding-right: 0px; /* 26px; */
        box-sizing: border-box;
    }

    .column-3von3-abstand-unten {
        flex: 100%;/* 33.33%; */
        padding-left: 0px; /* 35px; */
        box-sizing: border-box;
    }



}

@media (max-width: 480px) {
	.full-width-box,
.three-columns,
.two-columns {
    flex: 1;
    padding: 0 15px;
    box-sizing: border-box;
}

    .column {
        flex: 100%;
    }

    /* Abstand der Spalten zueinander. */
    .column-1von2 {
        flex: 100%;
        padding-right: 0px; /* 35px */
        box-sizing: border-box;
    }

    .column-2von2 {
        flex: 100%;
        padding-right: 0px; /* 35px */
        box-sizing: border-box;
		padding-left: 0px;
    }
	
	
 .column-1von2_ohne-abstand {
        flex: 100%;
        padding-right: 0px; /* 35px */
        box-sizing: border-box;
    }

    .column-2von2_ohne-abstand {
        flex: 100%;
        padding-right: 0px; /* 35px */
        box-sizing: border-box;
		padding-left: 0px;
    }
	
    .column-1von3 {
        flex: 100%;
        padding-right: 0px;
		padding-left: 0px;
        box-sizing: border-box;
    }

    .column-2von3 {
        flex: 100%;
        padding-left: 0px;
        padding-right: 0px;
        box-sizing: border-box;
    }

    .column-3von3 {
        flex: 100%;
        padding-left: 0px;
		padding-right: 0px;
        box-sizing: border-box;
    }


    .column-1von3-abstand-unten {
        flex: 100%;
        padding-right: 0px;
		padding-left: 0px;
		padding-bottom: 50px;
        box-sizing: border-box;
    }

    .column-2von3-abstand-unten {
        flex: 100%;
        padding-left: 0px;
        padding-right: 0px;
		padding-bottom: 50px;
        box-sizing: border-box;
    }

    .column-3von3-abstand-unten {
        flex: 100%;
        padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 50px;
        box-sizing: border-box;
    }



}




div#haupt {
    background-color: white;
}

.headline-content-slider-kontakt a {
    color: white;
}


/* Kontakt Streifen gold */
/* Navigation Streifen gold */
@media only screen and (max-width: 768px) {
    .headline-content-slider-kontakt {
        font-family: 'Frutiger LT W01_47 Light Cond';
        background-color: #b48c20;
        align: left;
        height: 34px;
        text-align: center;
        font-size: 1.8em;
        color: white;
		margin-top:5px;
        padding-right: 8px;
		
    }
}



@media only screen and (max-width: 1600px) {
    .headline-content-slider-kontakt {
        font-family: 'Frutiger LT W01_47 Light Cond';
        background-color: #b48c20;
        align: left;
        height: 34px;
        text-align: center;
        font-size: 1.8em;
        color: white;
		margin-top:10px;
        padding-right: 8px;
    }
}


@media only screen and (min-width: 4480px) {
    .headline-content-slider-kontakt {
        font-family: 'Frutiger LT W01_47 Light Cond';
        background-color: #b48c20;
        align: left;
        height: 34px;
        text-align: center;
        font-size: 1.8em;
		margin-top:15px;
        color: white;

        padding-right: 8px;
    }
}

/* Ende neue Klasse */
@media only screen and (max-width: 1024px) {
    .headline-content-slider-kontakt {
        font-family: 'Frutiger LT W01_47 Light Cond';
        background-color: #b48c20;
        align: left;
        height: 34px;
        text-align: center;
        font-size: 1.8em;
		margin-top:10px;
        color: white;

        padding-right: 8px;
    }
}

@media only screen and (max-width: 1024px) {
    .headline-content-slider-kontakt {
        font-family: 'Frutiger LT W01_47 Light Cond';
        background-color: #b48c20;
        align: left;
        height: 34px;
        text-align: center;
        font-size: 1.8em;
        color: white;
		margin-top:10px;

        padding-right: 8px;
    }
}


@media only screen and (max-width: 1459px) {
    .headline-content-slider-kontakt {
        font-family: 'Frutiger LT W01_47 Light Cond';
        background-color: #b48c20;
        align: left;
        height: 34px;
        text-align: center;
        font-size: 1.8em;
        color: white;
		margin-top:10px;
        padding-right: 8px;
    }
}

@media only screen and (min-width: 1460px) {
    .headline-content-slider-kontakt{
        font-family: 'Frutiger LT W01_47 Light Cond';
        background-color: #b48c20;
        align: left;
        height: 34px;
        text-align: center;
        font-size: 1.8em;
        color: white;
        margin-top:10px;
        padding-right: 8px;
    }
}

@media only screen and (min-width: 4480px) {
    .headline-content-slider-kontakt {
        font-family: 'Frutiger LT W01_47 Light Cond';
        background-color: #b48c20;
        align: left;
        height: 34px;
        text-align: center;
        font-size: 1.8em;
        color: white;
		margin-top:15px;


    }
}

/* iMac Ende*/
/* Kontakt Streifen gold ENDE */


/* Navigation Streifen gold */
@media only screen and (max-width: 768px) {
    .headline-content-slider {
        font-family: 'Frutiger LT W01_47 Light Cond';
        background-color: #b48c20;
        align: left;
        height: 34px;
        text-align: right;
        font-size: 1.8em;
        color: white;
		margin-bottom:15px;
        padding-right: 8px;
    }
}



@media only screen and (max-width: 1600px) {
    .headline-content-slider {
        font-family: 'Frutiger LT W01_47 Light Cond';
        background-color: #b48c20;
        align: left;
        height: 34px;
        text-align: right;
        font-size: 1.8em;
        color: white;
		margin-bottom:30px;
        padding-right: 8px;
    }
}


@media only screen and (min-width: 4480px) {
    .headline-content-slider {
        font-family: 'Frutiger LT W01_47 Light Cond';
        background-color: #b48c20;
        align: left;
        height: 34px;
        text-align: right;
        font-size: 1.8em;
		margin-bottom:35px;
        color: white;

        padding-right: 8px;
    }
}

/* Ende neue Klasse */
@media only screen and (max-width: 1024px) {
    .headline-content-slider {
        font-family: 'Frutiger LT W01_47 Light Cond';
        background-color: #b48c20;
        align: left;
        height: 34px;
        text-align: right;
        font-size: 1.8em;
		margin-bottom:30px;
        color: white;

        padding-right: 8px;
    }
}

@media only screen and (max-width: 1024px) {
    .headline-content-slider {
        font-family: 'Frutiger LT W01_47 Light Cond';
        background-color: #b48c20;
        align: left;
        height: 34px;
        text-align: right;
        font-size: 1.8em;
        color: white;

        padding-right: 8px;
    }
}


@media only screen and (max-width: 1459px) {
    .headline-content-slider {
        font-family: 'Frutiger LT W01_47 Light Cond';
        background-color: #b48c20;
        align: left;
        height: 34px;
        text-align: right;
        font-size: 1.8em;
        color: white;
		margin-bottom:30px;

        padding-right: 8px;
    }
}

@media only screen and (min-width: 1460px) {
    .headline-content-slider {
        font-family: 'Frutiger LT W01_47 Light Cond';
        background-color: #b48c20;
        align: left;
        height: 34px;
        text-align: right;
        font-size: 1.8em;
        color: white;
        margin-bottom:30px;
        padding-right: 8px;
    }
}

@media only screen and (min-width: 4480px) {
    .headline-content-slider {
        font-family: 'Frutiger LT W01_47 Light Cond';
        background-color: #b48c20;
        align: left;
        height: 34px;
        text-align: right;
        font-size: 1.8em;
        color: white;
		margin-bottom:40px;


    }
}

/* iMac Ende*/
/* Navigation Streifen gold ENDE */

.slider-container {
    width: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin: 30px 0;
}

.slider {
    display: flex;
    transition: transform 0.3s ease; /* Verkleinere die Übergangszeit */
}

.slider-spacer {
    margin: 0 50px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.slide {
    width: calc((100vw - 200px - 3*16px) / 3);
    height: auto;
    margin: 0 8px;
}

@media screen and (max-width: 1100px) {
    .slide {
        width: calc((100vw - 160px - 2*16px) / 2);
    }
}

@media screen and (max-width: 750px) {
    .slide {
        width: calc((100vw - 30px) / 1);
        margin: 0;
    }
    .slider-spacer {
        margin: 0 0;
    }
}

img {
    width: 100%;
    height: 100%;
}

.arrow {
    position: absolute;
    top: 50%;
    height: 30px;
    width: 30px;
    background: transparent;
    border: none;
    font-size: 24px;
    cursor: pointer;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;

    img {
        height: 25px;
        width: 25px;
    }
}

.prev {
    left: 0;
    transform: translateY(-50%);
}

.next {
    right: 0;
    transform: translateY(-50%);
}

.slider-progress {
    margin-top: 16px;
    display: flex;
    justify-content: center;
    gap: 25px;
}

.slider-progress .active {
    background-color: black;
}

.slider-box {
    margin: 30px 0;
}

.progress-square {
    width: 18px;
    height: 18px;
    background-color: #b48c20;
    transition: background-color 0.5s ease-in-out;
}

@media screen and (max-width: 560px) {
    .progress-square {
        width: 15px;
        height: 15px;
    }

    .slider-progress {
        gap: 13px;
    }
	.full-width-box
}

.active {
   /* background-color: #000;*/
}


.container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    /* Mindesthöhe auf die Höhe des Viewports setzen */
}



.full-width-box {
    background-color: #ffffff;
}

.three-columns {
    background-color: #ffffff;
    display: flex;
    flex-wrap: wrap;
}

.three-columns .column {
    flex: 1;
    padding: 0;

    box-sizing: border-box;
}

.two-columns {
    background-color: #ffffff;
    display: flex;
    flex-wrap: wrap;
}

.two-columns .column {
    flex: 1;
    padding: 0;

    box-sizing: border-box;
}

@media (max-width: 768px) {

    .three-columns .column,
    .two-columns .column {
        flex: 100%;
    }
}

@media screen and (min-width: 1076px) {
    .space-navbar {
        margin-top: 0px;   /* 120px;  home Balken weg*/
    }

}

@media screen and (max-width: 1076px) {
    .space-navbar {
        margin-top: 0px; /* 82px;  home Balken weg*/
    }
}

.navbar {
    z-index: 9999;
}

@media (max-width: 1076px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 0; /* 10px */
    }
    .collapse.in{
        display:block !important;
    }
}

.nav > li > a {
    padding: 10px 30px;
}

.navbar-nav {
    padding-left: 20px;
    padding-right: 20px;
}

@media screen and (max-width: 1475px) {
    .nav > li > a {
        padding: 7px 22px;
    }
    .navbar-nav {
        padding-left: 28px;
        padding-right: 28px;
    }

}

@media screen and (max-width: 1152px) {
    .nav > li > a {
        padding: 10px 20px;
    }
    .navbar-nav {
        padding-left: 30px;
        padding-right: 30px;
    }
}


.object-cover {
    object-fit: cover;
}




/* Tabs etwas neutralisieren, damit der aktive Tab sichtbar bleibt */
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

/* Bild immer volle Breite im picture-Block */
.full-width-box picture img { width: 100%; height: auto; display:block; }

/* Zweispaltiger Fließtext nur im Content-Bereich */
.two-column-text { padding: 0 50px; }
.two-column-text .fliesstext {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
}

/* Mobile: 1 Spalte */
@media (max-width: 868px) {
  .two-column-text { padding: 0 30px; }
}
@media (max-width: 480px) {
  .two-column-text { padding: 0 15px; }
  .two-column-text .fliesstext {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
  }
}

/* Listenstil statt Inline-Styles im HTML */
.job-benefits {
  font-family: "Frutiger LT W01_45 Ligh1475730", sans-serif;
  font-size: 1.1em;
  line-height: 1.3em;
  font-weight: lighter;
  letter-spacing: 0.1em;
  margin-top: 20px;
  text-align: left;
  hyphens: auto;
  -webkit-hyphens: auto;
  word-spacing: -0.05em;
  padding-left: 1.2em;
}
.job-benefits li { margin-bottom: .4em; break-inside: avoid; }

.fliesstext2 {
  column-span: all;          /* Chrome/Edge/Safari */
  -webkit-column-span: all;  /* Safari */
}

/* Standardfarbe der Tabs */
.nav-tabs > li > a {
  color: #000000; 
 
}



/* Aktiver Tab */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #b48c20; 
  background-color: white; /* oder Wunschfarbe */
  border: none;
}