/*
--------------Farben-------------
Hellblau: #e3000a
Dunkelblau: #212126
*/
:root{
    --red: #e3000a;
    --darkred: #CC0009;
    --dark: #212126;
    --grey: #464646;
    --lightgrey: #f4f4f4;
    --white: #ffffff;
}

body,html,*{line-height:1.5;font-family:'Noto Sans';font-weight:300;}
html{scroll-behavior: smooth;}
div[class^="col-"], div[class*="col-"]{position: relative;}

.inhaltsbloecke{overflow: hidden;}

.container{width: 100%; max-width: 1650px;}
.container.wide{max-width: 100vw}


a{color:var(--dark);text-decoration:none;font-size:100%;transition:all .3s ease;}
a:hover{text-decoration:none;color:var(--red);transition:all .3s ease;}
a:focus{text-decoration:none;}

li{position:relative;}
/* li:before{content:'';width:20px;height:20px;display:block;background:url('media/icons/li_check.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:5px;left:0;} */

ul{padding:0;margin:0;}

img{max-width:100%;height:auto;}

/* h1,h2,h3,h4,h5,h6{color:white;} */
h1{font-size:350%;font-weight:600;display:block;position:relative;color:var(--dark);margin:0;margin-bottom:25px;line-height:1;}
h2{font-size:200%;font-weight:600;display:block;margin:0;margin-bottom:25px;line-height:1;}
h3{font-size:125%;font-weight:600;display:block;margin:0;margin-bottom:25px;line-height:1;}
.subline{font-size:280%;font-weight:700;display:block;margin:0;line-height:1;padding-bottom: 50px; line-height: 1.2;} /*color:#212126;*/
.headline{font-size:140%;font-weight:500;display:block;}

.textNebenBild p{line-height: 2;}
.bildNebenText{height:100%; object-fit: cover}

.btn{position:relative;padding:10px 30px;font-size: 90%;background:var(--red);color:#fff;transition:all .3s ease;line-height:1;text-align:center;border-radius:25px;}
.btn:hover{background-color: var(--darkred); color: #FFFFFF; transition:all .3s ease;}/*color:#fff;*/

/* .btn:after{content:'';width:20px;height:20px;display:block;background:url('media/icons/arrow_right_white.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:15px;right:25px;}
.btn:hover:after{content:'';width:20px;height:20px;display:block;background:url('media/icons/arrow_right_darkblue.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:15px;right:25px;} */

strong{font-weight:600;font-size:100%;}

.bildwrapper{width: 50vw; height:100%; position: absolute; left: 0;}
.bildwrapper.text::before{content: '';width: 100%; background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 55%); height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.bildwrapperlinks{width: 50vw; height:100%; position: absolute; right: 0;}
.textbild{width: 50vw; height: 100%; object-fit: cover;}

/*---------------------------------Videoblock--------------------------------------------*/
.flx_videoblock{position: relative;}
.flx_videoblock video{position: relative; display: block;}
.flx_videoblock::before{content: '';width: 100%; background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 75%); height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.flx_videoblock .content{position: absolute; z-index: 5; left: 10%; bottom: 30%;}
.flx_videoblock .headline{max-width: 80%;}
.flx_videoblock .subline{max-width: 80%;}

/* .flx_videoblock video::after{content: ''; width: 50%; background: linear-gradient(90deg, rgba(33,33,38,1) 0%, rgba(255,255,255,0) 100%); height: 100%;position: absolute; top: 0; z-index: 0;} */


/*---------------------------------Bildheader-------------------------------------------*/
.headermitbild{width: 100%; height: 50vh;position: relative;} 
.headermitbild::after{content: ''; width: 50%; background: linear-gradient(90deg, rgba(33,33,38,1) 0%, rgba(255,255,255,0) 100%); height: 100%;position: absolute; top: 0; left: 0; z-index: 0;}
.headerbild{width: 100%; height: 100%; object-fit: cover;}
.bildheadline{color: #FFFFFF; position: relative; bottom: 380px; font-size: 300%; z-index: 5; width: 80%;}
.bildsubline{color: #FFFFFF; font-weight: 500; font-size: 100%; position: relative; bottom: 400px; z-index: 5; width: 80%;}

/*--------------------------------Scrollblock-----------------------------------------------*/
.flx_slider .slider{padding-top: 120px;}
.flx_slider .sliderLogos{padding-top: 50px; padding-bottom: 100px;}
.flx_slider .item1{width: 50%; margin: auto;}
.flx_slider .carouselImage{padding: 50px;}
.flx_slider .item::after{position: absolute; padding: 50px; content:'';background: linear-gradient(0deg, rgba(33,33,38,1) 0%, rgba(255,255,255,0) 100%);bottom: 0; right: 0;height: 300px;width: 100%;}

.flx_slider .owl-prev{position: absolute; top : 80px; right: 280px; width: 50px; height: 50px;}
.flx_slider .owl-next{position: absolute; top : 80px; right: 200px; width: 50px; height: 50px;} 
.flx_slider .scrollText{z-index: 5;position: absolute; bottom: 200px; left: 150px; font-size: 180%; font-weight: 600;}  
.flx_slider .scrollButtons{z-index: 5; position: absolute; bottom: 150px; left: 150px;}
.flx_slider .scrollBtn{position:relative;padding:10px 30px;font-size: 70%;font-weight: 600;color:#fff;transition:all .3s ease;line-height:1;text-align:center;border-radius:25px; margin-right: 10px;}
.flx_slider .scrollBtn1{background-color: #3a4f76;}
.flx_slider .scrollBtn2{background-color: var(--red);}
.flx_slider a.scrollBtn1:hover{background-color: #324260;}
.flx_slider a.scrollBtn2:hover{background-color: var(--darkred);}
.carouselLogo{max-width: 200px; max-height: 50px;object-fit: contain; display: inline!important; vertical-align: middle;}

/*--------------------------------Markenblock-----------------------------------------------*/
.flx_marken{background:#212126; color:white; padding-top: 50px;position: relative;}
.flx_marken .markenlink:hover{scale: 1.1;}
.backgroundLogo{position: absolute; bottom:0; pointer-events: none;height: auto;}
.centerButton{display: flex; margin-left: auto; margin-right: auto; width: 50%; justify-content: center; align-content: center; padding-bottom: 70px; padding-top: 30px;}
.centerMarke{display: flex; margin-left: auto; margin-right: auto; justify-content: center; align-content: center;}
.centerHeadline{display: flex; margin-left: auto; margin-right: auto; justify-content: center; align-content: center;padding-top: 50px}
.centerSubline{display: flex; margin-left: auto; margin-right: auto; justify-content: center; text-align: center; padding-bottom: 50px}

/*-------------------------------Stellenanzeigenblock--------------------------------------*/
.flx_stellenanzeigen .jobinfos{padding: 15px 0 15px 0px}
.flx_stellenanzeigen .jobinfopfeil{margin-top: -5px; width: 4%;}
.flx_stellenanzeigen .titleStelle{font-weight: 500; padding-left: 10px;}
.flx_stellenanzeigen .wmdStelle{font-size: 90%;}
.flx_stellenanzeigen .btn{margin-top: 50px;}

/*-------------------------------Stellenangebote------------------------------------------*/    
.flx_karriere{position: relative;padding:50px 0;}
.flx_karriere .stellenanzeige{font-size: 120%; font-weight: 600; line-height: 2.5;}
.flx_karriere .stellenbtn{margin-bottom: 100px; margin-top: 70px;}
.flx_karriere .stellenangebot{padding: 50px;}
.flx_karriere .jobbild::after{position: absolute; content:'';background: linear-gradient(0deg, rgba(33,33,38,1) 0%, rgba(255,255,255,0) 100%);bottom: 0; right: 0;height: 200px;width: 100%;}
.flx_karriere .jobinfosStelle{z-index: 5; text-align: center; width: 100%;position: absolute; bottom: 30px; left: 0; right: 0; margin-inline: auto;}
.flx_karriere .titel{font-weight: 500; font-size: 80%; position: relative; color: #FFFFFF;}
.flx_karriere .wmd{font-weight: 300; font-size: 80%; position: relative;display:block;margin-top:-5px;}
.flx_karriere .subline{padding-left: 0px;}
.flx_karriere .lower{text-align: center;}
.flx_karriere .headline{padding-bottom: 30px; padding-left: 0px!important;}
.flx_karriere .lower{padding-top: 50px;}
.flx_karriere .karrieretitel{padding:25px 0;}
.flx_karriere .einleitung{padding: 150px 150px;}
.flx_karriere .headerHeadline{color: white; font-weight: 600; line-height: 2; font-size: 220%;margin-bottom:0;}
.flx_karriere .stelleneinleitung{background: white;}
.textbild.bildpadding{padding: 150px;}

.flx_karriere .sliderKarriere{padding-top: 0; height: 50vh;}
.flx_karriere .sliderKarriere .scrollBtn:hover{background-color: var(--darkred);}
.flx_karriere .item{width: 100%; margin: auto; height: 600px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; z-index: 5;margin:15px 0;}
.flx_karriere .carouselImage{padding: 50px; height: 70%;}
.flx_karriere .item::after{position: absolute;content:'';background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 60%);bottom: 0; right: 0;top:0;left:0;}

.flx_karriere .owl-prev{position: absolute; top : 0px; right: 280px; width: 50px; height: 50px;}
.flx_karriere .owl-next{position: absolute; top : 0px; right: 200px; width: 50px; height: 50px;} 
.flx_karriere .scrollText{z-index: 5;position: absolute; bottom: 100px; left: 25px; font-size: 120%;}  
.flx_karriere .scrollButtons{z-index: 5; position: absolute; bottom: 50px; left: 25px;}
.flx_karriere .scrollBtn{position:relative;padding:10px 30px;font-size: 70%;font-weight: 600;color:#fff;transition:all .3s ease;line-height:1;text-align:center;border-radius:25px; margin-right: 10px;background-color: var(--red);}

/*-----------------------------------Benefits---------------------------------------------*/    
.flx_benefits{padding-bottom: 100px;}
.flx_benefits .inner{padding: 30px;}
.flx_benefits .benefit{font-size: 120%; font-weight: 400;};
.flx_benefits .benefitrow{text-align: center;}
.flx_benefits .benefitbeschreibung{padding-top: 35px;}
.flx_benefits .icon{padding-bottom: 10px;}
.flx_benefits .headline{ text-align: center; padding-top: 150px;}
.flx_benefits .subline{padding-top: 20px; padding-bottom: 30px; text-align: center; font-size: 280%; font-weight: 700;}
.benefitlogo{max-height: 135px; padding-bottom: 10px;}

/*------------------------------------Karriere--------------------------------------------*/
#stellenangebote .headline{padding-left: 200px; padding-bottom: 50px;}
#stellenangebote .topline{padding-left: 200px;}
#stellenangebote .karriereblock{padding-top: 50px; padding-bottom: 50px;}
#stellenangebote .karriereblock2{padding-top: 100px; padding-bottom: 100px;}

/*-------------------------------Karriere-Single--------------------------------------------*/
.flx_karrieresingle{overflow: hidden;}
#phpsingle-karriere .ansprechpartner{padding-top: 100px;}
#phpsingle-karriere .ansprechpartnerheadline{padding-bottom: 30px;}
#phpsingle-karriere .kontaktinformation{font-weight: 500;}
#phpsingle-karriere .ansprechbild{width: 400px; margin: 50px 0 0 250px;}
#phpsingle-karriere h3{color: var(--dark);}
#phpsingle-karriere a{color: var(--dark);}
#phpsingle-karriere .content{padding: 20px 0px 20px 0px; font-weight: 600; font-size: 120%;}
#phpsingle-karriere .headline{padding: 30px 0 30px 0; font-size: 180%;}
#phpsingle-karriere h4{padding: 40px 0 0 0; font-size: 180%; color: var(--dark);}
#phpsingle-karriere .bewerbungstelle{padding-bottom: 20px; font-weight: 500;}
#phpsingle-karriere .bewerbung{padding: 0 100px 20px 100px; background-color: var(--lightgrey); color: var(--dark); margin: -250px 50px 0 200px;}
#phpsingle-karriere .wpcf7-not-valid-tip{font-size: 70%;}
#phpsingle-karriere .wpcf7-list-item-label{font-size: 70%;}
#phpsingle-karriere .wpcf7-form-control-wrap{font-size: 90%;}
#phpsingle-karriere .wpcf7-form-control{width: 100%; padding: 7px 20px; border-style: none;}
#phpsingle-karriere .wpcf7-form-control.wpcf7-submit{background-color: var(--red);position:block;padding:10px 30px; font-size: 80%; font-weight: 500;width: auto; display: flex; margin-left: auto; margin-right: auto;color:#fff;transition:all .3s ease;line-height:1;text-align:center;border-radius:25px;}
#phpsingle-karriere .wpcf7-form-control.wpcf7-submit:hover{background-color: var(--darkred);}
#phpsingle-karriere .einleitung{padding: 100px 0 100px 0;}
#phpsingle-karriere .bildheadline{width: 55%;}
#phpsingle-karriere .einleitungKarriere{padding-top: 40px; padding-bottom: 40px;}
#phpsingle-karriere .einleitungKarriere p{font-size: 90%; font-weight: 400;}
#phpsingle-karriere ul{list-style: none; padding: 50px 0 50px 0;}
#phpsingle-karriere li{padding-bottom: 10px; font-weight: 400;}
#phpsingle-karriere li::before{content: ''; background-repeat: no-repeat; height: 25px; width: 25px; display: block; position: absolute; left: -40px; top: 10px;background-size: contain;}
#phpsingle-karriere .bildwrapper::after{content: ''; width: 50%; background: linear-gradient(90deg, rgba(33,33,38,1) 0%, rgba(255,255,255,0) 100%); height: 100%;position: absolute; top: 0; left: 0; z-index: 0;}

/*----------------------------------Lagerblock------------------------------------------------*/
.flx_lagerblock .stellenbtn{margin-top: 40px;}
.flx_lagerblock .headlineLager{font-weight: 700; font-size: 120%; position: relative;  padding-bottom: 20px;}
.flx_lagerblock .headlineLager::after{position: relative; display: block; background-color: var(--red); height: 5px; width: 60px;content:"";left:0 ; top: 5px;}
.flx_lagerblock .textaufbild{z-index: 5; position: absolute; left: 0; right: 0; margin-inline: auto; width: fit-content; padding: 50px;}
.flx_lagerblock .textaufbild a{color: white;}
.flx_lagerblock .textaufbild a:hover{color: var(--red);}
.flx_lagerblock .wpcf7-submit{background-color: var(--red);position:block;padding:10px 30px;font-size: 70%;font-weight: 600;color:#fff;transition:all .3s ease;line-height:1;text-align:center;border-radius:25px; margin-right: 10px;}
.flx_lagerblock .wpcf7-submit:hover{background-color: var(--darkred);}
.flx_lagerblock #kontakt{position: relative; display: flex; padding: 150px;}
.flx_lagerblock .kontakt{background-color: var(--dark); color: #FFFFFF; justify-content: center!important;}
.flx_lagerblock .bildcol{background-color: var(--dark);}
.flx_lagerblock input{padding: 5px; font-size: 90%;}
.flx_lagerblock textarea{padding: 5px; font-size: 90%;}
.flx_lagerblock #kontakt p{margin-bottom: 20px;}
.flx_lagerblock .wpcf7-form-control-wrap{display: block; width: 100%;}
.flx_lagerblock .wpcf7-form-control{margin-left: auto; margin-right: auto; display: block; border: none; width: 100%;}
.flx_lagerblock .wpcf7-form-control.wpcf7-text{padding: 5px; width: 100%;}
.flx_lagerblock .wpcf7-form-control.wpcf7-textarea{height: 200px; padding: 5px; width: 100%;}
.flx_lagerblock .wpcf7-list-item{margin: 0;}
.flx_lagerblock .wpcf7-list-item-label{font-size: 80%;}
.flx_lagerblock .wpcf7-submit{width: auto!important; margin-left: 0;}
.flx_lagerblock .lagericon{width: 50px; height: 50px; }

/*---------------------------------Kontaktformular--------------------------------------------*/
.flx_kontaktformular #kontakt{position: relative; display: flex; padding: 40px 40px 0 40px; margin-bottom: 20px;}
.flx_kontaktformular .kontakt{background-color: var(--dark); color: #FFFFFF; justify-content: center!important;}
.flx_kontaktformular .einleitung{padding: 150px 0;}
.flx_kontaktformular .kontakt_bg {position: absolute;left: 0;right: 0;bottom: -167px;}
.flx_kontaktformular .headline{width: 100%;font-size: 180%; padding-bottom: 0;}
.flx_kontaktformular .person{padding-bottom: 50px; position: relative;}
.flx_kontaktformular .wpcf7-form-control{margin-left: auto; margin-right: auto; display: block; border: none;}
.flx_kontaktformular .wpcf7-form-control.wpcf7-text{padding: 5px; width: 100%;}
.flx_kontaktformular .wpcf7-form-control.wpcf7-textarea{height: 200px; padding: 5px; width: 100%;}
.flx_kontaktformular .wpcf7-list-item{margin: 0;}
.flx_kontaktformular .wpcf7-list-item-label{font-size: 80%;}
.flx_kontaktformular .container.kontakt{padding: 100px 100px 100px 0;}
.flx_kontaktformular .wpcf7-form-control.wpcf7-submit{background-color: var(--red);position:block;padding:10px 30px; font-size: 80%; font-weight: 500;width: auto; display: flex; margin-left: auto; margin-right: auto; color:#fff; transition:all .3s ease; line-height:1; text-align:center; border-radius:25px;}
.flx_kontaktformular .wpcf7-form-control.wpcf7-submit:hover{background-color: var(--darkred);}

.flx_kontaktformular .textaufAnsprechpartner{bottom: 150px; left: 150px; z-index: 5; position: absolute; margin-inline: auto; width: fit-content; padding: 30px;}
.flx_kontaktformular .ansprechpartner{font-weight: 500; font-size: 90%; padding-bottom: 15px;}
.flx_kontaktformular .ansprechpartner::after{position: relative; display: block; background-color: var(--red); height: 5px; width: 60px;content:"";}
.flx_kontaktformular .kontaktinfo{font-size: 80%;}

.einleitung{padding: 25px 0}
.headline{font-size: 150%; padding: 0;}
.subline{font-size: 240%; font-weight: 600;}
.kontaktinfo{font-weight: 500; font-size: 100%;}
.kontakticon{max-height: 60px; padding-right: 20px; filter: brightness(0) saturate(100%)}
.ansprechpartneraufbild{color: white; position: absolute; bottom: 40px; left: 60px; z-index: 1;}
.ansprechpartnername{font-size: 110%; font-weight: 500;}
.ansprechpartnertitel{font-size: 90%;}

/*----------------------------------Markenkachel----------------------------------------------*/
.flx_markenkachel{margin-bottom: 0px;}
.flx_markenkachel .inner{padding: 30px;}
.flx_markenkachel .innerLogo{padding-bottom: 30px; padding-top: 30px;}
.flx_markenkachel .markenkachel{position: relative; top: -100px;}
.flx_markenkachel .kachellink{font-size: 90%; font-weight: 400; display: block;}
.flx_markenkachel .kachellink:hover{text-decoration: underline; cursor: pointer;color: var(--red)}
.flx_markenkachel .kachelrow{display: block; margin: 20px; background-color: white; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); height: 100%;}
.flx_markenkachel ul{padding: 5px}
.flx_markenkachel .kacheltext{min-height: 400px;}
.flx_markenkachel .kachellogo{height: 50px; object-fit: contain;}
.flx_markenkachel .col-lg-3:nth-child(2) .kachellogo{height: 70px; margin-top: -20px;}
.flx_markenkachel p{font-size: 80%;}
.flx_markenkachel .btn{padding: 10px 20px;font-size: 80%; position: absolute; bottom: 10px;}


/*---------------------------------Über uns---------------------------------------------*/
.flx_ueberuns{padding-bottom: 100px;}
.flx_ueberuns .ueberuns{padding:75px 0;}
.flx_ueberuns .inner{padding: 10px;position:absolute;right:15px;bottom:15px;left:15px;}
.flx_ueberuns .name{font-size: 100%; font-weight: 400;color:var(--white);display:block;}
.flx_ueberuns .email, .flx_ueberuns .telefon{font-size: 100%; font-weight: 300;color:var(--white);display:block;}
.flx_ueberuns .einleitung{padding-right: 100px;}
.flx_ueberuns .ansprechpartnerbox{height:430px;text-align: center;}
.flx_ueberuns .ansprechpartnerbox:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 75%);}
.flx_ueberuns .beschaeftigung{font-size: 75%; padding-top: 0;color:var(--white);}
.flx_ueberuns .beschaeftigungzusatz{font-size: 75%; padding-bottom: 15px;color:var(--white);}
.flx_ueberuns .headline{padding-top: 100px; padding-bottom: 80px;font-size: 200%;font-weight: 700;}
/* .flx_ueberuns .ueberunsBild{width: 70%; margin-bottom: 10px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);} */
.flx_ueberuns .bildsubline{left: 0;}
.flx_ueberuns .bildheadline{left: 0;}

/* .flx_kontaktformular input,textarea{margin-bottom: 15px; padding: 10px 15px; margin-bottom: 15px; line-height: 1;}
.flx_kontaktformular input{width:40%;float:left;margin-right: 15px; font-size: 80%;} */

/* .flx_kontaktformular textarea{background:var(--white);width:100%;height:120px;font-size: 80%;}
.flx_kontaktformular input[type="checkbox"]{width:15px;}
.flx_kontaktformular input[type="submit"]{padding: 10px;width: 134px;border-radius: 20px;font-size: 100%;font-weight: 500;border: 1px solid var(--sec)}
.flx_kontaktformular input[type="submit"]:hover{border: 1px solid var(--dark);transition: all .3s ease;}
.flx_kontaktformular #kontakt{padding-top: 10%; padding-right: 100px; padding-left: 100px; padding-bottom:60px;background: #C7C6C6;}
.flx_kontaktformular .wpcf7-list-item-label{color: var(--font);font-size: 12px;padding-right: 70px;} */


/*-----------------------------------Timeline--------------------------------------------*/
.flx_timeline ul.timeline-list {position: relative;margin: 0;padding: 0; margin-bottom: 100px;}
.flx_timeline ul.timeline-list:before {position: absolute;content: "";width: 2px;height: 100%;background-color:var(--red);left: 50%;top: 0;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.flx_timeline ul.timeline-list li {position: relative;clear: both;display: table;width: 100%;padding:0;}
.flx_timeline ul.timeline-list li .timeline_content {width: 45%;color: #333; background-color: var(--lightgrey); padding: 30px;float: left;text-align: left;}
.flx_timeline ul.timeline-list li:nth-child(2n) .timeline_content {float: right;text-align: left;}
.flx_timeline ul.timeline-list li:before {position: absolute;content: "";width: 0px;height: 25px;background-color:var(--red);left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);border-radius: 50%;}
.flx_timeline ul.timeline-list li:after {position: absolute;content: "";width: 4.15vw;height: 1px;border: 1px solid var(--red);left: 47.5%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.flx_timeline ul.timeline-list li:nth-child(2n):after {position: absolute;content: "";width: 4.15vw;height: 1px;border: 1px solid var(--red);left: 52.5%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.flx_timeline .timeline_content {box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); background-color:#fff;}
.flx_timeline .timeline_content span {color: var(--dark);font-size:150%;font-weight:600;display: block;}
.flx_timeline .fancybox{cursor: zoom-in;}
  
/*-----------------------------------FAQ-Accordion--------------------------------------------*/
.flx_faq .headline{ text-align: center; padding-top: 150px;}
.flx_faq .subline{padding-top: 20px; padding-bottom: 75px; text-align: center; font-size: 280%; font-weight: 700;}
.accordion{padding-bottom: 100px;}
.accordion-item{border: none; border-bottom: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);}
.accordion-button{font-weight: 600; font-size: 40%;}
.accordion-button::before{content: ''; transition: all 0.3s ease; background-image: url('media/Icons/accordionIcon.svg'); background-repeat: no-repeat; height: 50px;width: 50px; margin-right: 30px;}
.accordion-button.collapsed::before{transform: rotate(180deg);}
.accordion-button::after{display: none;}

/*-----------------------------------Instagram Feed-------------------------------------------*/
.flx_instagramfeed{padding: 75px 0 0;}
.flx_instagramfeed .headline, .flx_instagramfeed .subline{text-align: center;}
/* .flx_instagramfeed .subline{font-size: 150%; padding: 25px 0 50px;} */
.flx_instagramfeed #sb_instagram .sbi-user-info{display:none;}
.flx_instagramfeed #sb_instagram #sbi_images{padding-bottom:0!important;}
.flx_instagramfeed #sb_instagram #sbi_images .sbi_item .sbi-divider{display:none;}

/*------------------------------------Header-------------------------------------------------*/

#page-header{color:white; position:fixed;top:0;right:0;left:0;padding: 0;background:#fff;z-index:999; position: sticky;}

#page-header .topper{background:#464646; position: relative;}
/* #page-header .container.topper{background-color: #464646; padding: 0px 120px 0px 120px;} */
#page-header .center{text-align:center; font-size: 75%; padding-top: 10px;padding-bottom: 10px;color:white;}
#page-header .right{font-size: 75%; display: inline-block; width: 45%; padding-left: 220px;}
#page-header .left{font-size: 75%; display: inline-block; width: 50%; padding-left: 100px;}
#page-header .botter{background:#212126;}
/* #page-header .botter::after{content: ''; clip-path: polygon(0 0, 30% 0, 26% 100%, 0 100%);background-color: white;height: 130px; z-index: 0;width: 100vw;top: 65px;position: absolute;} */

#page-header a{color: #FFFFFF}
#page-header .logo{max-height: 25px;margin: 5px;}
#page-header .logo2{max-height: 35px; margin: -5px 5px 5px 5px}
#page-header .logomain{position: absolute; left: -250px; top: 0;height: 100%;}
#page-header .headericon{max-height: 40px; position: relative; top: -2px;}
#page-header .kontakt{text-decoration: underline;}

#page-header .centercol{align-content: center;}
#page-header .centercollogo{align-content: center;}
#page-header .mainlogo{height: 100%;width: auto; object-fit: cover;object-position: 100% 100%; }
#page-header .menusmall{display: none;}
#page-header .menukontakt{display: none;}

#page-header .mainheader{width:100%;}
#page-header .mainheader .menu{text-align:right;}
#page-header .mainheader .menu li{display:inline-block;margin:0;padding:0;}
#page-header .mainheader .menu li:before{display:none;}
/* #page-header .mainheader .menu li.current-menu-item:after{content:'';width:7px;height:7px;background:var(--main);display:block;position:absolute;bottom:-7px;left:50%;margin-left:-3.5px;border-radius:50%;transition:all .3s ease;} */
#page-header .mainheader .menu li.current-menu-item > a{color:var(--font);}
#page-header .mainheader .menu li a{font-weight:600;display:block;padding:5px 20px;color:var(--font-hell);font-size: 75%;}
/* #page-header .mainheader .menu li > a:hover{color:var(--font);transition:all .3s ease;} */
/* #page-header .mainheader .menu li > a:hover{width: 100%; transition: all cubic-bezier(0.17, 0.54, 0.58, 1.1) 1s;} */

#page-header .mainheader .menu li a::before{position: absolute; background-color: var(--red); height: 5px; width: 0px;content:"";left:20px ; top: 35px;transition:all .3s ease;}
#page-header .mainheader .menu li a:hover::before{width:65px;transition:all .3s ease;}

#page-header .mainheader .menu li.current-menu-item a::before{width:65px!important;transition:all .3s ease;}
#page-header .mainheader .menu > li:last-child a::before{display: none;}
#page-header .mainheader .menu li.menu-item-has-children .sub-menu li:hover::after{display: none;}

#page-header .mainheader .menu > li:last-child{padding-left:20px;}
#page-header .mainheader .menu > li:last-child a{color:var(--white);display:inline-block;background:var(--red);border-radius:30px;padding:10px 30px; width: 130%; text-align: center;}
#page-header .mainheader .menu > li:last-child:before{display:none;}
#page-header .mainheader .menu > li:last-child a:hover{background-color: var(--darkred);transition:all .3s ease;}
#page-header .mainheader .menu > li:last-child a:hover::before{display: none;}

#page-header .mainheader .menu li.menu-item-has-children{margin-right: 30px;}
#page-header .mainheader .menu li.menu-item-has-children::before{content:''; background-image: url('media/pfeilunten.svg'); background-size: contain; width: 15px; height: 15px;
    position: absolute; display: block; right: 0; top: 15px; background-repeat: no-repeat;}
#page-header .mainheader .menu li.menu-item-has-children .sub-menu{display:none;position:absolute;margin-top: 0;left:0;width:1000px;transform:translateX(-50%);
    background:#464646; z-index:1000;text-align:left;padding:50px 15px 10px 15px; min-width: 0px!important;}
#page-header .mainheader .menu li.menu-item-has-children.open .sub-menu{display:block;}
#page-header .mainheader .menu li.menu-item-has-children:hover > .sub-menu{display:block;}
#page-header .mainheader .menu li.menu-item-has-children .sub-menu li{padding:5px;width:19%;text-align:left;}
#page-header .mainheader .menu li.menu-item-has-children .sub-menu li::after{display: none;}
#page-header .mainheader .menu li.menu-item-has-children .sub-menu li a{padding:0;position:relative;overflow:hidden;font-size: 65%; z-index: 5;}
#page-header .mainheader .menu li.menu-item-has-children .sub-menu li a img{width:100%;transition:all .3s ease;}
#page-header .mainheader .menu li.menu-item-has-children .sub-menu li a:hover img{transform:scale(1.05);transition:all .3s ease;}
#page-header .mainheader .menu li.menu-item-has-children .sub-menu li a::after{position: absolute; content:'';background: linear-gradient(0deg, rgba(33,33,38,1) 0%, rgba(255,255,255,0) 100%);bottom: 0; right: 0;height: 50%;width: 100%;}
#page-header .mainheader .menu li.menu-item-has-children .sub-menu li a span{z-index: 5; position: absolute;bottom: 10px;left: 50%;transform: translate(-50%, 0); padding: 5px 10px;line-height:1.2;font-size: 16px;font-weight: 600;}
#page-header .mainheader .menu li.menu-item-has-children .sub-menu li.current-menu-item a{color:var(--font);}
#page-header .mainheader .menu li.menu-item-has-children .sub-menu li a::before{display:none;}
#page-header .mainheader .menu li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu{left:100%;top:-10px;background:var(--font);}
#page-header .mainheader .menu li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu li a{color:var(--white);}

#page-header #menu a{font-size: 75%;}

#page-header.bottom .mainheader .menu li.menu-item-has-children .sub-menu{top:55px;}
#page-header.bottom{padding:15px 0;position:fixed;top:0;left:0;right:0;background:#fff;-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */              -moz-animation: fadein 2s; /* Firefox < 16 */-ms-animation: fadein 2s; /* Internet Explorer */-o-animation: fadein 2s; /* Opera < 12.1 */animation: fadein 2s;z-index:999;}
#page-header.bottom .left .logo img{max-width:75%;margin:0 auto;display:block;}
#page-header.bottom .middle{padding:15px 0;}
#page-header.bottom .right{padding:15px 0;}
.submenuheadline{position: absolute; top: -40px; right: 0; color: white; font-size: 70%; font-family: 'Noto Sans'; margin-left: -200px;}

@keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-moz-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-webkit-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-ms-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}

#page-header .middle{padding:20px 0;}
#page-header .middle .menu{text-align:center;}
#page-header .middle .menu li{display:inline-block;padding:0 30px;}
#page-header .middle .menu li:before{display:none;}
#page-header .middle .menu li.current-menu-item:after, #page-header .middle .menu li.current_page_parent:after{content:'';width:20%;height:2px;background:#212126;display:block;position:absolute;bottom:-5px;left:20px;transition:all .3s ease;}
#page-header .middle .menu li a{font-weight:600;}
#page-header .middle .menu li:hover > a{color:#e3000a;transition:all .3s ease;}
#page-header .middle .menu li.menu-item-has-children .sub-menu{display:none;position:absolute;top:27px;left:5px;background:#fff;-webkit-box-shadow: 0px 10px 50px -35px rgba(0,0,0,0.5);-moz-box-shadow: 0px 10px 50px -35px rgba(0,0,0,0.5);box-shadow: 0px 10px 50px -35px rgba(0,0,0,0.5);z-index:1000;text-align:left;padding:10px;}
#page-header .middle .menu li.menu-item-has-children:hover > .sub-menu{display:block;}
#page-header .middle .menu li.menu-item-has-children .sub-menu li{padding:5px 15px;}
#page-header .middle .menu li.menu-item-has-children .sub-menu li:after{left:10px;bottom:0;}

#page-header .right .mail{position:relative;border:solid 2px #212126;padding:1.5px 15px;margin-right:15px;}
#page-header .right .mail:hover{border:solid 2px #e3000a;transition:all .3s ease;}
#page-header .right .mail:before{content:'';width:30px;height:30px;display:block;background:#212126 url('media/icons/mail.png');background-repeat:no-repeat;background-size:75%;background-position:center;position:absolute;top:0;left:0;transition:all .3s ease;}
#page-header .right .mail:hover:before{content:'';width:30px;height:30px;display:block;background:#e3000a url('media/icons/mail.png');background-repeat:no-repeat;background-size:75%;background-position:center;position:absolute;top:0;left:0;transition:all .3s ease;}
#page-header .right .telefon{position:relative;border:solid 2px #212126;padding:1.5px 10px 1.5px 40px;font-weight:600;}
#page-header .right .telefon:hover{border:solid 2px #e3000a;transition:all .3s ease;}
#page-header .right .telefon:before{content:'';width:30px;height:30px;display:block;background:#212126 url('media/icons/telefon.png');background-repeat:no-repeat;background-size:75%;background-position:center;position:absolute;top:0;left:0;transition:all .3s ease;}
#page-header .right .telefon:hover:before{content:'';width:30px;height:30px;display:block;background:#e3000a url('media/icons/telefon.png');background-repeat:no-repeat;background-size:75%;background-position:center;position:absolute;top:0;left:0;transition:all .3s ease;}

#page-header .menu-item-87::before{content: "Kontaktieren Sie uns"; color: white;}
/* .rt-wp-menu-custom-fields-wrapper{display: none;}
#page-header .middle .menu li:hover > .rt-wp-menu-custom-fields-wrapper{display: block;}
.rt-wp-menu-custom-fields-custom-text{position: absolute; right: 5px; color: white; font-size: 16px; font-family: 'Noto Sans'; width: 100%;} */

/*------------------------------------Footer-------------------------------------------------*/

#page-footer{padding: 0;}
#page-footer .flx_footerContainer{background:#212126;}
#page-footer .footerrow{padding: 120px 0px 50px 0px}

#page-footer .backtotop .scrollup{cursor:pointer;}
#page-footer .backtotop .scrollup:hover img{transform:scale(1.1);transition:all .3s ease;}
#page-footer .backtotop .scrollup img{margin:0 auto;display:block;transition:all .3s ease;}

#page-footer .links .logo img{max-width:40%;margin-bottom:35px;}
#page-footer .links .adresse p:first-child{margin-bottom:15px;}
#page-footer .links .adresse p{color:#fff;margin-bottom:5px;}
#page-footer a{color:#fff;transition:all .3s ease;}
#page-footer a:hover{color:#c7c7c9;transition:all .3s ease;}

#page-footer .rechts .left{display:inline-block;width:49%;}
#page-footer .rechts .right{display:inline-block;width:49%;}
#page-footer .rechts .footermenu{padding-top:100px;}
#page-footer .rechts .footermenu a{color:#fff;transition:all .3s ease;display:block;margin-bottom:5px;}
#page-footer .rechts .footermenu a:hover{color:#e3000a;transition:all .3s ease;}

#page-footer .copyright{position:relative;text-align:center;color: #c7c7c9;width:100%;margin-top:200px;padding-bottom: 30px;}
#page-footer .right{position:absolute; top:0px; right:0px;font-size: 75%;}
#page-footer .center{text-align:center;font-size: 75%;}

#page-footer .col{width: 100%}
#page-footer .sitefooter1{color: white; padding : 5px;align-content:center; display: block; width: fit-content;}
#page-footer .sitefooter2{height: 50px; margin-top: -25px; margin-bottom: -20px; padding-right: 20px;}
#page-footer .sitefooter3{max-width: 35px;margin-top: 5px;margin-bottom: 10px; display: block;}
#page-footer .impressum{color: #c7c7c9;margin-left: 20px;}

#page-footer .logos a{margin-right:10%;float:left;}
#page-footer .logos a img{max-height:70px;transition:all .3s ease;}
#page-footer .logos a:hover img{transform:scale(1.05);transition:all .3s ease;}

/*-----------------------------Abweichungen----------------------------------------*/

.barrierefreiheit .flx_textblock.nurtext, .impressum .flx_textblock.nurtext, .datenschutz .flx_textblock.nurtext{padding:75px 0;}



/*-----------------------------Maschinenhandel----------------------------------------*/
#maschinenhandel .container{padding-top: 50px;}
#maschinenhandel p{font-size: 80%;}
.maschinenhandel .flx_textblock.headlinelinks .text.inhalt:before {content: '';width: 120%;height: 150%;background:var(--dark);display: block;position: absolute;top: -70px;left: -220px;;z-index:2;clip-path:polygon(191px -5px, 105.79% -7.29%, 104.81% 99.67%, 96px 99.58%);}
.maschinenhandel .flx_textblock.headlinelinks .text.inhalt p{color: var(--dark); line-height: 1.8;}
.maschinenhandel .flx_textblock.headlinelinks .text.inhalt h3{color:white;font-weight: 500;}
.maschinenhandel .flx_textblock.headlinelinks .text.inhalt *{position: relative; z-index: 5;}
.maschinenhandel .flx_textblock.headlinelinks .text.inhalt{padding: 30px;margin: 0 100px 0 0px;}
.maschinenhandel .flx_textblock.headlinelinks .headlinks {background-color: white;padding: 50px 180px;}
#maschinenhandel h2{font-size: 150%;}
#maschinenhandel h3{font-size: 150%;}
#maschinenhandel .centertext{text-align: center; font-weight: 500;}
#maschinenhandel .headlineName{display: inline-block; padding-bottom: 10px;}
#maschinenhandel .headlinepreis{display: inline-block; position: absolute; text-align: end; font-size: 150%;}
#maschinenhandel .headlinepreis::after{content: "inkl. MwSt."; font-weight: 300; font-size: 50%; display: block;margin-top:5px;}



.maschinenhandel .flx_textblock.headlinelinks .text.inhalt ul {margin: 25px 0px;display: flex;flex-direction: column;}
.maschinenhandel .flx_textblock.headlinelinks .text.inhalt li {position: relative;color:white;}
.maschinenhandel .flx_textblock.headlinelinks .text ul li{width: 100%;}
.maschinenhandel .flx_textblock.headlinelinks .text.inhalt li:before{content:'';width:15px;height: 15px;background:url('../plass/media/icons/double_arrow.svg');background-size:100%;background-repeat:no-repeat;background-position:center;display:block;position:absolute;top:8px;left:8px;}

.maschinenhandel .flx_textblock.headlinelinks .btn.arrow{position: relative;font-size: 100%;font-weight: 500;background: var(--sec);color: var(--white);transition: all .3s ease;line-height: 1.5;text-align: center;border-radius: 20px;border: 1px solid var(--sec);}
.maschinenhandel .flx_textblock.headlinelinks .btn.arrow:after{content:''; filter: brightness(4) invert(0);;transition: all .3s ease;}
.maschinenhandel .flx_textblock.headlinelinks .btn.arrow:hover{background: var(--white);color: var(--dark);border: 1px solid var(--dark);}
.maschinenhandel .flx_textblock.headlinelinks .btn.arrow:hover:after{content:''; filter: brightness(0) invert(0);;transition: all .3s ease;}

.maschinenpark .flx_textblock .headline{color: white;text-align: center;}
.maschinenpark .flx_textblock p{color: white;}

.flx_maschinenhandel .item {background-color: #F4F4F4; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); position: relative; padding: 25px;margin-bottom: 50px;}
.flx_maschinenhandel h2{ font-size:140%;margin-bottom: 15px;}
.flx_maschinenhandel .inhalt li{ line-height:1;margin-bottom:0;color:var(--font);padding-left:20px;}
.flx_maschinenhandel .inhalt li:before{content: '';width: 7.5px;height: 15px;background: url('../plass/media/icons/double_arrow.svg');background-position-x: 0%;background-position-y: 0%;background-repeat: repeat;background-size: auto;background-size: 100%;background-repeat: no-repeat;background-position: center;display: block;position: absolute;top: 0px;left: 0;}
.flx_maschinenhandel .thumbs { width: 25%;float: left;}
.flx_maschinenhandel .thumbs .bild{ padding: 10px;}
.flx_maschinenhandel .thumbs a:first-child .bild{ padding-top: 0;}
.flx_maschinenhandel .thumbs a:last-child .bild{ padding-bottom: 0;}
.flx_maschinenhandel .attachment-post-thumbnail{ width: 75%;float: left;object-fit: cover;height: 100%;min-height:250px;padding-right: 10px;}

.flx_maschinenhandel li{list-style-type: none; display: inline;}
.flx_maschinenhandel .pagination {text-align: center;padding-bottom: 50px;}
.flx_maschinenhandel .page-numbers{text-decoration: none; display: inline;}
.flx_maschinenhandel .pagination a {padding: 5px;margin: 0 3px;}
.flx_maschinenhandel .pagination .current {font-weight: bold;}

#maschinenhandel .merkmal{display:flex;margin-bottom:10px;}
#maschinenhandel .merkmal .titel{font-weight: 600; font-size: 80%; word-break: break-all;}
#maschinenhandel .merkmal .beschreibung{font-size: 80%;}
#maschinenhandel .buttonwrapper{margin-top:15px;display:block;text-align:right;}
#maschinenhandel .buttonwrapper .btn{font-size: 70%; color: white;border:solid 1px var(--red);}
#maschinenhandel .buttonwrapper .btn:hover{background-color: var(--darkred);border:solid 1px var(--darkred);transition:all .3s ease;}
#maschinenhandel .buttonwrapper .btn.print{font-size: 70%; color: var(--red);background:transparent;border:solid 1px var(--red);}
#maschinenhandel .buttonwrapper .btn.print:hover{background-color: var(--darkred);border:solid 1px var(--darkred);transition:all .3s ease;color:white;}


#maschinenhandel .col-md-12{padding-top: 50px;}

#phpsingle.maschinenhandel .item {position: relative;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); padding: 25px;margin-bottom: 50px;}
#phpsingle.maschinenhandel h1{ font-size:140%;margin-bottom: 15px;}
#phpsingle.maschinenhandel .inhalt li{ line-height:1;margin-bottom:0;color:var(--font);padding-left:0;}
#phpsingle.maschinenhandel .thumbs { width: 30%;float: left;}
#phpsingle.maschinenhandel .thumbs .bild{ padding: 10px;}
#phpsingle.maschinenhandel .thumbs .bild:first-child{ padding-top: 0;}
#phpsingle.maschinenhandel .thumbs .bild:last-child{ padding-bottom: 0;}
#phpsingle.maschinenhandel .attachment-post-thumbnail{ width: 70%;float: left;object-fit: cover;height: 100%;padding-right: 10px;}



#maschinenhandel .kontaktwrapper{position: absolute;background: #fff;width:450px;bottom: 30px;right: 30px;padding: 25px;box-shadow: 13px 15px 25px -6px rgba(0,0,0,0.24);-webkit-box-shadow: 13px 15px 25px -6px rgba(0,0,0,0.24);-moz-box-shadow: 13px 15px 25px -6px rgba(0,0,0,0.24);display:none;}
#maschinenhandel .kontaktwrapper.show{display:block;}
#maschinenhandel .kontaktwrapper .close{position:absolute;top:0;right:0;text-align:center;align-content:center;cursor:pointer;background:var(--red);color:white;display:block;width:35px;height:35px;font-weight:600;}
#maschinenhandel .kontaktwrapper .headline{padding-top:0;padding-bottom:10px;font-size:125%;font-weight:600;}
#maschinenhandel .kontaktwrapper .kontaktinfo{font-weight:400;}
#maschinenhandel .kontaktwrapper .kontakticon{max-height:40px;padding-right:0;}


/*------------------------------ACF-Flexible-Content-----------------------------------------*/

.flx_headerblock{position:relative;}
.flx_headerblock:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:#212126;opacity:0.82;z-index:5}
.flx_headerblock .content{position:absolute;top:20%;z-index:10;color:#fff;}
.flx_headerblock .content h1{color:#fff;font-size:325%;}
.flx_headerblock .content p{max-width:55%;font-size:120%;margin-bottom:100px;}
.flx_headerblock .content .mail{display:block;position:relative;color:#fff;transition:all .3s ease;padding-left:40px;font-size:120%;font-weight:600;width:max-content;}
.flx_headerblock .content .mail:hover{color:#e3000a;transition:all .3s ease;}
.flx_headerblock .content .mail:before{content:'';width:35px;height:35px;display:block;background:url('media/icons/mail.png');background-repeat:no-repeat;background-size:75%;background-position:center;position:absolute;top:0;left:0;transition:all .3s ease;}
.flx_headerblock .content .mail:hover:before{content:'';width:35px;height:35px;display:block;background:url('media/icons/mail.png');background-repeat:no-repeat;background-size:75%;background-position:center;position:absolute;top:0;left:0;transition:all .3s ease;}
.flx_headerblock .content .telefon{display:block;position:relative;color:#fff;transition:all .3s ease;padding-left:40px;font-size:120%;font-weight:600;margin-bottom:10px;width:max-content;}
.flx_headerblock .content .telefon:hover{color:#e3000a;transition:all .3s ease;}
.flx_headerblock .content .telefon:before{content:'';width:35px;height:35px;display:block;background:url('media/icons/telefon.png');background-repeat:no-repeat;background-size:75%;background-position:center;position:absolute;top:0;left:0;transition:all .3s ease;}
.flx_headerblock .content .telefon:hover:before{content:'';width:35px;height:35px;display:block;background:url('media/icons/telefon.png');background-repeat:no-repeat;background-size:75%;background-position:center;position:absolute;top:0;left:0;transition:all .3s ease;}

.flx_headerblock.mitfarbe{height:250px;}
.flx_headerblock.mitfarbe .content{top:unset;bottom:20%;}

.flx_ansprechpartnerbox{padding:75px 0;background:#212126;margin:100px 0;}
.flx_ansprechpartnerbox .links .content p{color:#fff;margin:35px 0;display:block;}
.flx_ansprechpartnerbox .links .content .headline{color:#fff;}
.flx_ansprechpartnerbox .links .content .btn{padding:15px 75px 15px 25px;}
.flx_ansprechpartnerbox .mitte{margin-top:35px;}
.flx_ansprechpartnerbox .mitte .item{margin:25px 0;}
.flx_ansprechpartnerbox .mitte .item .icon{text-align:right;}
.flx_ansprechpartnerbox .mitte .item .icon img{max-width:75%;}
.flx_ansprechpartnerbox .mitte .item .inhalt{padding-top:10px;}
.flx_ansprechpartnerbox .mitte .item .inhalt .bezeichnung{font-size:100%;font-weight:600;color:#fff;display:block;line-height:1.2;}
.flx_ansprechpartnerbox .rechts .person img{border-radius:50%;}
.flx_ansprechpartnerbox .rechts .person .info{position:absolute;bottom:0;right:0;}
.flx_ansprechpartnerbox .rechts .person .info .name{font-size:125%;font-weight:600;color:#fff;display:block;line-height:1.2;}
.flx_ansprechpartnerbox .rechts .person .info .bezeichnung{font-size:100%;font-weight:300;color:#fff;display:block;line-height:1.2;}

.flx_leistungblock.sliderblock{min-height:550px;}
.flx_leistungblock.sliderblock .slider{position:absolute;}
.flx_leistungblock{margin:100px 0;}
.flx_leistungblock .headline{margin-bottom:100px;}
.flx_leistungblock .item{padding:50px;border:solid 2px #e3000a;margin-bottom:30px;transition:all .3s ease;display:block;}
.flx_leistungblock .item img{max-width:25%;}
.flx_leistungblock .item .inhalt h3{margin:15px 0;}
.flx_leistungblock .item:hover{background:#212126;border-color:#212126;transition:all .3s ease;}
.flx_leistungblock .item:hover .inhalt h3{color:#fff;transition:all .3s ease;}
.flx_leistungblock .item:hover .inhalt p{color:#fff;transition:all .3s ease;}

.flx_bildblock{text-align: center;}
.flx_bildblock .inhalt{width:75%;display:block;margin:0 auto;}
.flx_bildblock .imageone{width:75%;display:block;position:relative;}
.flx_bildblock .imageone:after{content:'';display:block;width:100px;height:100px;background:#e3000a;position:absolute;bottom:-25px;left:-25px;opacity:0.8;}
.flx_bildblock img{width:100%;}
.flx_bildblock .imagetwo{width: 40%;float: right;margin-top: -250px;position: relative;}
.flx_bildblock .headline{padding-top: 100px;}

.flx_textblock{margin:0px 0;}
.flx_textblock .text ul{margin:50px 0;}
.flx_textblock .text ul li{display:inline-block;width:49.5%;font-weight:600;margin:5px 0;}

.flx_textblock.mitbildlinks .bildcol{order:1;}
.flx_textblock.mitbildlinks .textcol{order:2;}

.flx_textblock .stellenbtn{margin-top: 20px;}

.flx_textblock .formular{position:relative;z-index:99;background:#fff;padding:25px;width:75%;margin-top:-250px;float:right;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);}
.flx_textblock .formular input, .flx_textblock .formular textarea{border:none;background:#f2f2f2;color:#444;margin:5px 0;width:100%;padding:10px;}
.flx_textblock .formular .datenschutz input{width:12px;margin-right:2px;}
.flx_textblock .formular .datenschutz p{font-size:75%;}
.flx_textblock .formular input.btn:hover{background:#212126;color:#fff;transition:all .3s ease;}

.flx_textblock .accordion{width:80%;float:right;}
.flx_textblock .accordion .accordion-item{padding:5px 0;}
.flx_textblock .accordion .accordion-button{text-shadow:none;background:#212126;color:#fff;font-weight:600;font-size:115%;width:100%;padding:10px 20px;text-align:left;border:none;position:relative;transition:all .3s ease;}
.flx_textblock .accordion .accordion-button.collapsed{background:#f2f2f2;color:#212126;transition:all .3s ease;}
.flx_textblock .accordion .accordion-button:after{content:'';background:url('media/icons/arrow-top.png');background-size:75%;background-position:center;background-repeat:no-repeat;width:50px;height:50px;display:block;position:absolute;right:25px;top:0;transition:all .3s ease;}
.flx_textblock .accordion .accordion-button.collapsed:after{content:'';background:url('media/icons/arrow-top-darkblue.png');background-size:75%;background-position:center;background-repeat:no-repeat;width:50px;height:50px;display:block;position:absolute;right:25px;top:0;transform:rotate(180deg);transition:all .3s ease;}
.flx_textblock .accordion .accordion-collapse{padding:15px 15px 0 15px;}







.flx_iconblock{margin:100px 0;}
.flx_iconblock .item{padding:0 25px;}
.flx_iconblock .item img{max-width:35%;margin:0 auto 25px;display:block;}
.flx_iconblock .item .inhalt{text-align:center;}

.flx_marken .col-custom-5{text-align:center;align-content:center;max-width:20%;flex:0 0 20%;z-index:5;margin: 35px auto 35px auto;}
.flx_marken .col-custom-5 img{max-width:70%;max-height:85px;}

/* .flx_slider .owl-item:last-child {display: none;} */

.maschinenprintversion #page-header{background: transparent;position: relative;margin-bottom:50px;}
.maschinenprintversion #page-header picture{display: block; width: 100%; text-align: center; padding: 25px 0;}
.maschinenprintversion .container{position: relative; margin-bottom: 200px;}
.maschinenprintversion h1{font-size: 250%; display: block;margin-bottom:75px;}
.maschinenprintversion .printbtn1{position: absolute; left: 0; top: -125px; z-index: 9999;}
.maschinenprintversion .printbtn2{position: absolute; bottom: -100px; left: 0;}

.maschinenprintversion .preis{text-align: left;margin:50px 0;}
.maschinenprintversion .preis .headlinepreis{font-size:200%;margin-bottom:5px;}
.maschinenprintversion .preis .headlinepreis span{font-size:150%;font-weight:600;}
.maschinenprintversion .preis .zusatz{font-weight:300;display:block;margin-top:-10px;}

.maschinenprintversion .bilder .thumbs{display:flex;flex-direction:column;gap:20px;}
.maschinenprintversion .bilder .thumbs a{width:80%;}

.maschinenprintversion .merkmal{display:flex;margin-bottom:10px;}
.maschinenprintversion .merkmal .titel{font-weight: 600; font-size: 100%;}
.maschinenprintversion .merkmal .beschreibung{font-size: 100%;}

.maschinenprintversion .kontakt{border:solid 1px #000;padding:25px;width:40%;margin-top:50px;}
.maschinenprintversion .kontakt .einleitung{padding:0;}
.maschinenprintversion .kontakt .einleitung .headline{padding:0;}

@media print{
    .maschinenprintversion #page-header picture{padding:0;}
    .maschinenprintversion h1{padding: 0;margin-bottom:25px;}
    .maschinenprintversion .container{max-width: 100%; width: 100%;}
    /* .maschinenprintversion .fancybox{float: left;} */
    /* .maschinenprintversion img{max-height: 200px; object-fit: contain; float: left;} */
    .maschinenprintversion .btn{display: none;}
    .maschinenprintversion .spezifikationen{width: 100%;margin-top:50px;}
    .maschinenprintversion .headline{padding-bottom: 0; font-size: 225%;}

    .maschinenprintversion .kontakt{width:100%;}
    .maschinenprintversion .kontakt .einleitung .headline{margin-bottom:15px;}
    .maschinenprintversion .kontaktinfo{display: block; margin-top: -15px;}
    .maschinenprintversion .kontakticon{height: 30px; margin-left: 0; padding-left: 0;}

    .maschinenprintversion .bilder .fancybox{width:40%;flex:0 0 40%;}
    .maschinenprintversion .bilder .thumbs{width:60%;flex:0 0 60%;flex-direction:row;flex-wrap:wrap;}
    .maschinenprintversion .bilder .thumbs a{width:50%;}
}


/*-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
@media (min-width:1921px){
    body,html,*{font-size:26px;}
    .container{max-width: 1950px;}
    #page-header .mainheader .menu li:hover::after{width:65px;}
    #page-header .mainheader .menu li.current-menu-item a::before{width:65px!important}
    #page-header .headercol{padding: 40px 0;}
    #page-header .logomain{left:-495px}

    .bildheadline{bottom: 300px;}
    .bildsubline{bottom: 310px;}

    .flx_videoblock video{position: relative;}

    .flx_ueberuns .ansprechpartnerbox{height: 554px;}

    /* .flx_kontaktformular .wpcf7-form-control.wpcf7-text{width: 500px;}
    .flx_kontaktformular .wpcf7-form-control.wpcf7-textarea{width: 500px;} */

    .textaufbild{bottom: 25%;}
    .textNebenBild{padding: 150px 150px 150px 150px;}
    .textNebenBild p{line-height: 2;}

    .backgroundLogo{max-width: 1200px;}
    
    .titleStelle::before{height: 28px;width: 28px; top:48px; left: -45px}
    .jobinfos{padding-left: 50px;}

    #maschinenhandel .headlinepreis{right: 100px;}
    
    #phpsingle-karriere ul{margin-left: 50px;}

    /* .flx_timeline ul.timeline-list li:after,.flx_timeline ul.timeline-list li:nth-child(2n):after{width: 80px;} */
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1920px){
    body,html,*{font-size:19px;}
    
    /* #page-header .mainheader{padding-top: 18px;} */
    #page-header .left{padding-left: 60px;align-content:center;}
    #page-header .right{padding-left: 140px;}
    #page-header .mainheader .menu li:hover::after{width:50px;top: 30px;}
    #page-header .mainheader .menu li a::before{top: 26px; height: 4px;}
    #page-header .mainheader .menu li.current-menu-item a::before{width:50px!important; bottom: 0;}
    #page-header .mainheader .menu > li:last-child a{padding: 10px 20px;}
    #page-header .logo{max-height: 16px; margin: 15px}
    #page-header .logo2{max-height: 22px; margin: 12px 15px 15px 15px}
    #page-header .logomain{left:-370px}
    #page-header .headercol{padding: 30px 0;}
    #page-header .right{padding-left: 160px;}
    #page-header .mainheader .menu li.menu-item-has-children{margin-right: 20px;}
    #page-header .mainheader .menu li.menu-item-has-children::before{top: 12px;}
    #page-header .mainheader .menu li.menu-item-has-children .sub-menu{padding: 30px 15px 10px 15px;}
    .submenuheadline{top: -30px; right: 10px;}

    .headline{padding: 35px 0 0 0;}
    .subline{padding-bottom: 20px;}
    .flx_textblock .headline{margin: 0;}
    .bildheadline{bottom: 220px;}
    .bildsubline{bottom: 225px;}

    .flx_ueberuns .headline{padding-bottom: 20px;}

    /* .flx_kontaktformular .wpcf7-form-control.wpcf7-text{width: 400px;}
    .flx_kontaktformular .wpcf7-form-control.wpcf7-textarea{width: 400px;} */


    .titleStelle::before{height: 24px;width: 24px;top:37px}

    .flx_slider .slider {padding-top: 80px;}
    .flx_slider .scrollText{position: absolute; bottom: 150px; left: 100px;}  
    .flx_slider .scrollButtons{position: absolute; bottom: 100px; left: 100px;}
    .flx_slider .owl-prev{top : 40px; right: 200px;}
    .flx_slider .owl-next{top : 40px; right: 130px;}

    .headlineLager::after{height: 5px; width: 45px;content:"";left:0 ; top: 30px;color: var(--red);}

    .textaufbild{bottom: 25%;}
    .textNebenBild{padding: 130px;}
    .textNebenBild p{line-height: 1.67;}
    .backgroundLogo{max-width: 900px;}

    .flx_markenkachel .kachelrow{margin: 10px; height: auto;}
    .flx_markenkachel .markenkachel{padding: 20px;}
    .flx_markenkachel .btn{position: relative;}
    .flx_markenkachel .kacheltext{min-height: 300px;}
    .flx_markenkachel .kachellogo{height: 40px;}
    .flx_markenkachel .col-lg-3:nth-child(2) .kachellogo{margin-top: -30px;}

    .flx_kontaktformular .textaufAnsprechpartner{bottom: 120px; left: 80px; padding: 25px;}
    .flx_kontaktformular .ansprechpartner{padding-bottom: 10px;}
    .flx_kontaktformular .ansprechpartner::after{height: 4px; width: 50px;}

    .flx_ueberuns .ansprechpartnerbox{height: 430px;}

    #maschinenhandel .headlinepreis{right: 50px;}
    /* #maschinenhandel .btn{right: 40px;} */

    .flx_karriere .item{height: 400px; width: 100%;}
    #phpsingle-karriere .bewerbung{padding: 0 70px 20px 70px; margin: -100px 50px 0 100px;}
    #phpsingle-karriere ul{margin-left: 30px;}
    #phpsingle-karriere li::before{height: 20px; width: 20px; left: -25px; top: 6px;}
    
}
@media (max-width:1680px){
    #page-header .botter .container{max-width: 100vw}
    #page-header .mainheader .menu{padding-right: 30px;}
    #page-header .logomain{left: -270px;}
    #page-header .mainheader .menu li a:hover::before{width: 40px;}
    #page-header .mainheader .menu li.current-menu-item a::before{width: 40px!important;}
    

    .flx_lagerblock #kontakt{padding: 100px;}

}

@media (max-width:1580px){
    body,html,*{font-size:16px;}

    
    #page-header .headercol{padding-top: 20px;}
    
    #page-header .mainheader .menu li.current-menu-item a::before{top: 25px;}
    #page-header .mainheader .menu li:hover::after{width: 40px!important; top: 25px;}
    #page-header .mainheader .menu > li:last-child a{padding: 5px 20px!important;}
    #page-header .mainheader .menu li.menu-item-has-children .sub-menu{width: 550px; left: 250px; padding: 20px 15px 10px 15px;}
    #page-header .mainheader .menu li.menu-item-has-children .sub-menu li a span{font-size: 100%;}
    #page-header .logomain {left: -160px;}
    #page-header .mainheader .menu > li:last-child {padding-right: 20px; padding-left: 0;}
    #page-header .mainheader .menu > li:last-child a {padding: 5px 15px !important;}
    .submenuheadline{top: -20px; right: 5px;}
    #page-header .left{padding-left: 30px;}
    #page-header .right{padding-left: 100px;}

    .bildwrapper{width: 100%;}
    .textNebenBild {padding: 50px;}
    .flx_slider .sliderLogos {padding-top: 40px; padding-bottom: 60px;}
    .flx_kontaktformular .textaufAnsprechpartner{bottom: 80px; right: 40px;}
    .flx_karriere .jobbild{height: 250px!important;}
    .flx_markenkachel .kachelrow{margin: 0;}
    .flx_stellenanzeigen .jobinfos {padding: 10px 0 10px 0px;}

    .flx_karriere .item{width: 100%; height: 300px;}
    .flx_karriere .owl-prev{top : 0px; right: 170px;}
    .flx_karriere .owl-next{top : 0px; right: 100px;} 
    .flx_karriere .scrollText{bottom: 100px; left: 60px;}  
    .flx_karriere .scrollButtons{bottom: 50px; left: 60px;}
    .textbild.bildpadding{padding: 50px;}
    .flx_karriere .einleitung{padding: 50px;}
    #phpsingle-karriere .bewerbung{padding: 0 30px 20px 30px;}
    #phpsingle-karriere li::before{top: 3px;}

    .flx_kontaktformular .einleitung{padding: 50px;}

    #page-footer .copyright {margin-top: 50px;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1310px){
    
    #page-header .botter{height: 80px;}
    #page-header .headercol{padding-top: 0px; margin-left: -15px;}
    #page-header .mainheader{display: none;}
    
    #page-header .mainheader.active{display: block; background-color: var(--dark); position: absolute;padding-top:  80px;width: 100vw;right: 0;margin-right: -15px;}
    #page-header .mainheader .menu{overflow-y: scroll; overflow-x: hidden; height: 85vh;padding-right: 0px;}
    #page-header .mainheader .menu li{display: block; text-align: center;}
    #page-header .mainheader .menu > li:last-child{padding-left:0px; padding-right: 0px;}
    #page-header .mainheader .menu li a{font-size: 120%; padding: 5px 0 5px 0;}
    #page-header .mainheader .menu > li:last-child a{width: 100%!important;background-color: var(--dark);padding: 5px 0 5px 0!important;}
    #page-header .mainheader .menu > li:last-child a:hover{background-color: var(--dark);} */
    #page-header .mainheader .menu > li.current-menu-item:last-child a::before{display: block;}
    #page-header .mainheader .menu > li:last-child a:hover::before{transition:all .3s ease; display: block;}
    #page-header .mainheader .menu li a::before{margin-left: auto;margin-right: auto;display: block;position: relative;bottom: 0px!important;left: 0;}
    #page-header .mainheader .menu li.menu-item-has-children{margin-right: 0;}
    #page-header .mainheader .menu li.menu-item-has-children::before{right: 20px;}
    #page-header .mainheader .menu li.menu-item-has-children:hover > .sub-menu{display:none;}
    #page-header .mainheader .menu li.current-menu-item a::before{top: 35px;}
    #page-header .mainheader .menu li a::before{top: 35px;}
    #page-header .menusmall {display: block; position: absolute; right: 0;}
    #page-header .logomain {position: relative; left: -30px; top: 0; height: 80px; display: block;}
    #menubuttonburger{display:block;margin-top: 25px; min-height: 25px; min-width: 55px;background:url("media/menu.png") no-repeat right 20px center;position:relative;padding:10px 0; cursor:pointer;  margin-left: 50px}
	#menubuttonburger.active{display:block;margin-top: 25px; min-width: 55px;background:url("media/menu-close.png") no-repeat right 20px center;position:relative;padding:10px 0; background-size: 32px;}

    #page-header .mainheader .menu li.menu-item-has-children.open .sub-menu {width: 100vw; position: relative; transform: none; padding: 10px 30px 10px 30px; left: 0; display: flex; flex-wrap: wrap;}
    #page-header .mainheader .menu li.menu-item-has-children .sub-menu li {max-width: 25%;flex: 0 0 25%;margin: 0 auto 0 auto;text-align: center;align-content: center; padding: 10px;}
    #page-header .mainheader .menu li.menu-item-has-children .sub-menu li{width: 25%;}
    #page-header .mainheader .menu li.menu-item-has-children .sub-menu li a img{width: 100%;} 
    #page-header .mainheader .menu li.menu-item-has-children .sub-menu li a span{font-size: 140%;}
    #page-header .rt-wp-menu-custom-fields-wrapper{display: none;}
    #page-header .mainheader .menu li a:hover::before{width: 65px;}
    #page-header .mainheader .menu li.current-menu-item a::before{width: 65px!important;}

    .flx_lagerblock #kontakt{padding: 50px;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1199px){
    #page-header .left{padding-left: 0; text-align: left;}
    #page-header .right{padding-left: 0; text-align: right;}
    #page-header .logo{margin: 10px;}

    .flx_slider .scrollText{bottom: 100px; left: 70px;}
    .flx_slider .scrollButtons{bottom: 70px; left: 70px;}
    .flx_slider .scrollBtn{padding: 7px 10px;}

    .flx_timeline ul.timeline-list li::after{width: 45px; left: 441px;}
    .flx_timeline ul.timeline-list li:nth-child(2n):after{width: 45px; left: 488px;}

    .flx_markenkachel .kacheltext{min-height: 450px;}
    .flx_kontaktformular .textaufAnsprechpartner{top: 150px;}
    .flx_karriere .sliderKarriere{height: 50vh;}
    .flx_benefits .headline{padding-top: 100px;}

    #maschinenhandel .headlinepreis{padding-top: 50px;}
    #maschinenhandel .headlineName{padding-top: 50px;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:991px) {
    #page-header .centercollogo{display: none;}
    #page-header .center{padding: 0; text-align: left;}
    #page-header .left{padding-left: 0; text-align: left;}
    #page-header .right{padding-left: 0; text-align: right;}
    #page-header .botter{height: 80px;}
    #page-header .headercol{padding-top: 0px; margin-left: -15px;}
    #page-header .mainheader{display: none;}
    #page-header .mainheader.active{display: block; background-color: var(--dark); position: absolute; padding-top: 30px; height: 100vh;}
    #page-header .mainheader .menu{overflow-y: scroll; overflow-x: hidden; height: 85vh;}
    #page-header .mainheader .menu li{display: block; text-align: center;}
    #page-header .mainheader .menu > li:last-child{padding-left:0px;}
    #page-header .mainheader .menu li a {font-size: 120%}
    #page-header .mainheader .menu > li:last-child a{width: 100%!important;background-color: var(--dark);padding: 0 0 20px 0;}
    #page-header .mainheader .menu > li:last-child a:hover{transition: none; background-color: var(--dark);}
    #page-header .menusmall {display: block; position: absolute; right: 0;}
    #page-header .logomain {position: relative; left: -20vw; top: 0; height: 80px; display: block;}

    #page-header .mainheader .menu li.menu-item-has-children.open .sub-menu {width: 100vw; position: relative; transform: none; padding: 10px; left: 0; display: flex; flex-wrap: wrap;}
    #page-header .mainheader .menu li.menu-item-has-children .sub-menu li {max-width: 50%;flex: 0 0 50%;margin: 0 auto 0 auto;text-align: center;align-content: center; padding: 20px;}
    #page-header .mainheader .menu li.menu-item-has-children .sub-menu li{width: 50%;}
    #page-header .mainheader .menu li.menu-item-has-children .sub-menu li a img{width: 100%;} 
    #page-header .mainheader .menu li.menu-item-has-children .sub-menu li a span{font-size: 140%;}
    #page-header .rt-wp-menu-custom-fields-wrapper{display: none;}
    #menubuttonburger{display:block;margin-top: 25px; min-height: 25px; min-width: 55px;background:url("media/menu.png") no-repeat right 20px center;position:relative;padding:10px 0; cursor:pointer;  margin-left: 50px}
	#menubuttonburger.active{display:block;margin-top: 25px; min-width: 55px;background:url("media/menu-close.png") no-repeat right 20px center;position:relative;padding:10px 0; background-size: 32px;}
    
    .flx_marken .col-custom-5 img{max-width:70%;max-height:50%;}

    #page-footer .center{text-align: left;}
    #page-footer .footerrow{padding: 50px 0px 50px 0px}
    #page-footer .copyright {margin-top: 50px;}

    .flx_marken .col-custom-5{max-width:33%;flex:0 0 33%;}

    .flx_videoblock .headline{max-width: 70%; font-size: 150%;}
    .flx_videoblock .subline{max-width: 70%; font-size: 220%;}

    .flx_slider .slider {padding-top: 50px;}
    .flx_slider .owl-next {top: 25px; right: 50px;}
    .flx_slider .owl-prev {top: 25px; right: 110px;}
    .flx_slider .scrollText{bottom: 160px; left: 120px;}
    .flx_slider .scrollButtons{bottom: 120px; left: 120px;}
    .flx_slider .scrollBtn{padding: 10px 30px;}


    .textbild{width: 100%;}
    .bildwrapper{width: 100vw; position: relative; margin-left: -15px;}
    .bildcol{order: 1;}
    .textcol{order: 2;}

    .bildheadline{bottom: 205px; left: 0;}
    .bildsubline{bottom: 215px; left: 0;}
    .textNebenBild{padding: 20px;}

    .flx_marken .col-custom-5{height: 200px;}

    .flx_markenkachel .kachelrow{margin: 0 0 30px 0; height: auto;}
    .flx_markenkachel .kacheltext{min-height: 250px;}
    .flx_markenkachel .col-lg-3:nth-child(2) .kachellogo{height: 50px; margin-top: -10px;}
    .flx_markenkachel .btn{position: relative;}

    #maschinenhandel .container{max-width: 95vw;}
    #maschinenhandel .headlineName{padding-top: 20px;}
    #maschinenhandel .preiscol{height: 150px;}
    #maschinenhandel .headlinepreis{padding-top: 30px;}
    #maschinenhandel .btn{right: 20px;}
    #maschinenhandel .headlinepreis {padding-top: 50px; width: 50%; margin: auto; right: 0; left: 0; text-align: center;}
    #maschinenhandel .btn{font-size: 90%; position: relative; max-width: 30%; margin: -40px auto 0 auto; display: inline-block; padding: 10px 20px;right: 0; bottom: 0;}

    
    .flx_kontaktformular .container{max-width: 100%;}
    .flx_kontaktformular .bildwrapper{margin-left: -12px;}
    .flx_kontaktformular .headline{padding: 50px 0 20px 0;}
    .flx_kontaktformular #kontakt{top:0; margin-top: 50px; margin-bottom: 50px; display: block;}
    .flx_kontaktformular .person{padding-bottom: 0;}
    .flx_kontaktformular .textaufAnsprechpartner{z-index: 5; position: relative; top: 0; left: 0; margin-inline: auto; width: 100%; padding: 10px;}
    .flx_kontaktformular .ansprechpartner::after{height: 3px; width: 40px;}
    .flx_kontaktformular .wpcf7-form-control.wpcf7-textarea{height: 150px;}
    .kontakticon{padding-right: 0;}
    .flx_lagerblock #kontakt{padding: 100px 100px 100px 100px;}

    .flx_ueberuns .einleitung{padding: 0px;}

    .flx_timeline ul.timeline-list:before{left: 0;}
    .flx_timeline ul.timeline-list li .timeline_content{float: right; width: 90%; margin-bottom: 20px; text-align: left;}
    .flx_timeline ul.timeline-list li:after{left: 35px;width: 68px;}
    .flx_timeline ul.timeline-list li:nth-child(2n):after{left: 35px;width: 68px;}

    .flx_karriere .einleitung{padding: 10px;}
    .flx_karriere .jobbild{height: 300px!important;}

    .flx_karriere .karrieretitel{padding: 100px 0 20px 20px;}
    .flx_karriere .sliderKarriere{padding-top: 30px;}
    .flx_karriere .item{height: 300px;}
    .flx_karriere .owl-prev{top : -50px; right: 170px;}
    .flx_karriere .owl-next{top : -50px; right: 100px;} 
    .textbild.bildpadding{margin-top: 20px; padding: 20px;}
    .flx_karriere .headline{padding-top: 50px;}

    #phpsingle-karriere .ansprechbild{width: 200px; margin: 100px 0 0 50px}
    #phpsingle-karriere .bewerbung{margin: 50px 0 50px 0;}
    #phpsingle-karriere .bildheadline{width: 100%;}
    .container-fluid .container{max-width: 100vw;}

    .flx_textblock .stellenbtn{margin: 20px 0 20px 0;}
    .flx_stellenanzeigen .btn{margin: 20px 0 20px 0;}
    .flx_lagerblock .stellenbtn{margin: 20px 0 20px 0;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:767px) {
    .flx_marken .col-custom-5{max-width:50%;flex:0 0 50%;}

    #page-header .centercollogo{display: none;}
    #page-header .center{padding: 5px; text-align: center;}
    #page-header .left{display: none;}
    #page-header .right{display: none; width: 100%; padding-bottom: 5px; text-align: center;}
    #page-header .botter{height: 50px;}
    #page-header .mainheader .menu{height: 80vh; margin-bottom: 30px;}
    #page-header .menukontakt{display: block; position: absolute; bottom: 10px; width: 100%; text-align: center;}
    #page-header .headercol{padding-top: 0px; margin-left: -15px;}
    #page-header .mainheader{display: none;}
    #page-header .mainheader.active{display: block; background-color: var(--dark); position: absolute; padding-top: 20px;}
    #page-header .mainheader .menu li{display: block; text-align: center;}
    #page-header .mainheader .menu > li:last-child{padding-left:0px; padding-right: 0px;}
    #page-header .mainheader .menu li::after{margin-left: auto;margin-right: auto;display: block;position: inherit;top: 0px!important;left: 0;}
    #page-header .mainheader .menu li.menu-item-has-children .sub-menu li{padding: 10px 10px}
    #page-header .menusmall {display: block; position: absolute;}
    #page-header .logomain {position: relative; left: 0; top: 0; height: 50px; display: block;background-color: white;width: 60%;margin-left: -15px;padding: 0 20px 0 20px;}
    #page-header .logomain::after{content:''; display: block; height: 100%; background-color: white;clip-path: polygon(0 0, 0% 100%, 25% 0);; position: absolute;
        top: 0; right: -100px; width: 100px;}
    #page-header .mainlogo{padding: 5px 0 5px 0; margin: auto; display: block;}
    #menubuttonburger{display:block;margin-top: 12px; min-height: 25px; min-width: 55px;}
	#menubuttonburger.active{display:block;margin-top: 12px; min-height: 25px; min-width: 55px;}

    #page-footer .center{text-align: center;}
    #page-footer .logos{padding-top: 50px;}
    #page-footer .socialmedia{padding-top: 50px;}

    .flx_slider .slider {padding-top: 50px;}
    .flx_slider .carouselImage {padding: 20px}
    .flx_slider .owl-next {top: 15px; right: 20px; scale: 0.7;}
    .flx_slider .owl-prev {top: 15px; right: 65px; scale: 0.7;}
    .flx_slider .scrollBtn{padding: 5px 10px;}
    .flx_slider .sliderLogos {padding-top: 20px; padding-bottom: 20px;}

    .flx_videoblock .content{bottom: 5%;}
    .flx_videoblock .headline{max-width: 70%; font-size: 100%;}
    .flx_videoblock .subline{max-width: 70%; font-size: 125%;}

    .bildheadline{bottom: 200px;}
    .bildsubline{bottom: 210px;}

    .flx_maschinenhandel .item{padding: 10px;}

    .flx_karriere .titel{font-size: 120%;}
    #phpsingle-karriere .headline{font-size: 120%;}
    #phpsingle-karriere h4{padding-top: 10px;}
    #phpsingle-karriere .ansprechpartnerheadline{padding-top: 40px; padding-bottom: 10px;}
    #phpsingle-karriere .bewerbung{padding: 20px; width: 100vw; margin: 30px 0 0 -15px; }
    #phpsingle-karriere .ansprechpartner{padding: 10px;}
    #phpsingle-karriere .ansprechbild{width: 200px; margin: 20px auto 0 auto;}
    #phpsingle-karriere .einleitung{padding: 50px 0 50px 0;}
    #phpsingle-karriere .bildsubline{bottom: 120px;}
    #phpsingle-karriere .bildheadline{bottom: 100px;}
    #phpsingle-karriere ul{margin-left: 30px;}
    #phpsingle-karriere li::before{height: 15px; width: 15px; left: -22px; top: 4px;}
    .flx_kontaktformular .container{width: 100vw; max-width: 100vw;}
    .flx_kontaktformular #kontakt{padding: 30px 20px; width: 100vw; margin-left: -15px;}
    .flx_kontaktformular .person{width: 100vw; margin-left: -15px;}
    .flx_kontaktformular .einleitung{padding: 20px;}
    .flx_benefits .benefitbeschreibung{padding-top: 10px;}

    .flx_stellenanzeigen .jobinfos::before{height: 7px; width: 7px; top: 15px; left: -15px;}

    .flx_marken .col-custom-5{height: 100px;}

    .flx_markenkachel .markenkachel {top: -80px;}
    .flx_markenkachel .kacheltext {min-height: 0px; padding-bottom: 20px;}

    #maschinenhandel .btn{max-width: 40%;}
    
 
    .flx_ueberuns .headline{padding-top: 0px; padding-bottom: 20px; max-width: 90%;}
    .flx_ueberuns .einleitung {padding: 0;}
    .flx_ueberuns .ansprechpartnerbox{padding-top: 40px; padding-bottom: 20px;}

    .flx_timeline ul.timeline-list li:after{width: 50px; left: 25px;}
    .flx_timeline ul.timeline-list li:nth-child(2n):after{width: 50px; left: 25px;}
    .flx_timeline .timelineimg{padding-top: 10px;}

    .flx_lagerblock .textaufbild{bottom: 15%; padding: 15px;}
    .flx_lagerblock #kontakt {padding: 30px 30px 30px 30px;}
  

    #page-footer .footerkontakt{padding-top: 20px; padding-bottom: 20px;}
    #page-footer .sitefooter2{padding-right: 5px; margin-left: -10px;}
    #page-footer .sitefooter3{display: inline; margin-right: 10px;}
    #page-footer .right{position: relative;}
    
    
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:600px) {
    body,html,*{font-size:15px;}

    h1{font-size: 200%;}

    .flx_slider .scrollText {bottom: 80px; left: 50px; font-size: 120%;}
    .flx_slider .scrollButtons{bottom: 50px; left: 50px;}

    .subline{font-size: 220%;}

    .flx_karriere .stellenangebot{padding: 20px 30px 20px 30px;}
    .flx_karriere .karrieretitel{padding: 50px 0 20px 20px;}

    h1.bildheadline{font-size: 250%;}
    .bildheadline{left: 10px;}
    .bildsubline{left: 10px;}
    .textNebenBild{padding: 10px;}

    .headermitbild{height: 30vh;}

    .headermitbild::after{width: 100%;}

    .flx_ueberuns .container.ueberuns{padding: 25px 10px 10px;}
    .flx_timeline ul.timeline-list li::after{width: 9vw; left: 4.5vw;}
    .flx_timeline ul.timeline-list li:nth-child(2n):after{width: 9vw; left: 4.5vw;}

    .flx_markenkachel .kachellogo{height: 25px;}
    .flx_markenkachel .innerLogo {padding-bottom: 20px; padding-top: 10px;}
    
    .flx_markenkachel .markenkachel{top: -80px;}

    .flx_karriere .item{width: 90vw; height: 240px;}
    .flx_karriere .owl-prev{right: 100px;}
    .flx_karriere .owl-next{right: 30px;} 
    .flx_karriere .scrollText{bottom: 80px; left: 30px; font-size: 100%;}  
    .flx_karriere .scrollButtons{bottom: 40px; left: 30px;}
    .textbild.bildpadding{margin-top: 20px; padding: 0;}

    #maschinenhandel .btn{max-width: 60%;}

    #phpsingle-karriere .bildheadline{font-size: 140%;}

    #page-footer .logos{padding-bottom:20px;}

}
@media (max-width:420px) {
    #page-header .logomain {position: relative; left: 0; top: 0; height: 50px; display: block;background-color: white;width: 70%;margin-left: -15px;padding: 0 10px 0 10px;}
    #page-header .logomain::after{content:''; display: block; height: 100%; background-color: white;clip-path: polygon(0 0, 0% 100%, 25% 0);; position: absolute;
        top: 0; right: -100px; width: 100px;}
    .bildheadline{width: 90%;}
    .bildsubline{width: 90%;}
}

/*-------------------------------------------------------------------------------------------*/
@media (max-width:390px) {
    h2{font-size: 200%;}
    .flx_videoblock .headline{max-width: 70%; font-size: 110%;}
    .flx_videoblock .subline{max-width: 70%; font-size: 150%;}

    .flx_karriere .scrollText{left: 10px; bottom: 65px;}
    .flx_karriere .scrollButtons{left: 10px; bottom: 30px;}

    .flx_lagerblock .textaufbild{bottom: 20%;}

    .accordion-button::before{width: 25px; height: 25px;}
}

/*-------------------------------------------------------------------------------------------*/
@media (max-width:340px) {
    #page-header .botter{height: 40px;}
    #page-header .logomain{height: 40px;}
    #menubuttonburger{margin-top: 8px;}
    .flx_videoblock .headline{max-width: 90%;}
    .flx_videoblock .subline{max-width: 90%;}
    .flx_slider .scrollButtons{bottom: 40px; left: 30px;}
    .flx_slider .scrollText{left: 30px; bottom: 70px;}
}