/*
Theme Name: Dümo Dülmen X MOLECO Theme
Theme URI: https://www.moleco.de
Author: MOLECO GmbH
Author URI: https://www.moleco.de
Description: Das individuell erstellte WordPress-Theme kombiniert moderne Ästhetik mit hoher Funktionalität und Benutzerfreundlichkeit. Es ist speziell entwickelt, um eine einzigartige und ansprechende Online-Präsenz zu schaffen, die perfekt auf die Bedürfnisse und Markenidentität des Nutzers abgestimmt ist.
Version: 1.1
Text Domain: duemoxmoleco
*/



:root{
    --white: #ffffff;
    --dark: #444444;
    --light: #F5F3F5;
    --green: #192F2C;
    --lightgreen: #233F3B;
    --champain: #FF9376;
    --red: #BE1623;
    --darkred: #95000C;
}

body,html,*{font-size:17px;line-height:1.5;font-family: 'Outfit';font-weight:400;color:var(--green);}
html{scroll-behavior: smooth;overflow-x:hidden;}
body{overflow-x: hidden;}

a{color:var(--red);text-decoration:none;font-size:100%;font-weight:700;transition:all .3s ease;}
a:hover{text-decoration:none;color:var(--darkred);transition:all .3s ease;}
a:focus{text-decoration:none;}
a:not([href]):not([tabindex]){color:var(--green)}
p a{letter-spacing:0.2px;}

ul{padding:0;margin:0;}
li{list-style:none;position:relative;padding-left:20px;margin:15px 0;}
li:before{content:'';width:8px;height: 8px;background-color: var(--red);background-size:100%;background-repeat:no-repeat;background-position:center;display:block;position:absolute;top:9px;left:0;border-radius: 15px;}

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

h1{font-size:325%;font-weight:800;display:block;width:max-content;position:relative;color:var(--green);margin:0;line-height:1;}
h2{font-size:200%;font-weight:800;display:block;color:var(--green);margin:0;line-height:1;}
h3{font-size:150%;font-weight:800;display:block;color:var(--green);margin:0;line-height:1;}

.headline{font-size:250%;font-weight:700;display:block;color:var(--green);margin:0;margin-bottom: 1rem;line-height:1.2;width:100%;}
.subline{font-size:350%;font-weight:300;display:block;color:var(--champain);position:relative;margin-bottom:50px;margin-top:10px;font-family: 'Quentin';transform: rotate(-5deg);line-height:0.6;width:max-content;max-width:100%;}

.btn{position:relative;padding:5px 20px;font-size:100%;font-weight:500;background:var(--red);color:var(--white);transition:all .3s ease;line-height:1.5;text-align:center;border-radius:20px;}
.btn:hover{background:var(--darkred);transition:all .3s ease;color:var(--white);}
.btn.disabled, .btn:disabled{opacity:1;}

.editor{margin-top: 20px;}

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

.container{max-width:1625px;}
.container.wide{max-width:1800px;}

.owl-carousel .owl-nav{position:absolute;top:unset;transform:translateY(-50%);top: unset;width: 0px;left: 50px;bottom: -5%;}

.owl-carousel .owl-nav .owl-prev{position:absolute;top:0;left:-50px;display:block;width:20px;height:35px;background:url('media/arrow-left.svg');background-size:cover;background-position:center;background-repeat:no-repeat;}
.owl-carousel .owl-nav .owl-next{position:absolute;top:0;left:unset;right:-50px;display:block;width:20px;height:35px;background:url('media/arrow-left.svg');background-size:cover;background-position:center;background-repeat:no-repeat;transform:rotate(180deg);}

input, textarea, select{background:var(--white);padding:5px 15px;color: var(--green);font-size:100%;margin-bottom:15px;border:none;box-shadow:none;line-height:1;width:100%;}
input[type="checkbox"]{margin:0;width:15px;}
input[type="submit"]{margin:15px 0;}


/*Contact Form 7*/
.wpcf7-list-item-label{color:var(--green);}
.wpcf7-list-item{margin:0;}
.wpcf7-form label{padding:0!important;}
.wpcf7-form textarea{border-radius: 10px!important;}
.wpcf7-form.sent .wpcf7-response-output{color: #fff;background-color: #46b450;padding: 3rem!important;text-align: center;font-weight: 600;}
.wpcf7-form.sent .uacf7-uacf7style{height: 0;opacity: 0;display: block;}
/*-------------------*/
.btn-circle{padding: 0!important;}
.steps-form .steps-row::before{top: 15px!important;}
.uacf7-next{float: right!important;padding: 10px 25px;border: none;background-color: var(--red);color: var(--white);}
.uacf7-prev{padding: 10px 25px;border: none;background-color: var(--darkred);color: var(--white);}
.uacf7-steps{margin-bottom: 3rem;}
.steps-step{border-radius: 10px!important;}
.steps-step .btn-circle{margin: 0px!important;border-radius: 10px!important;}
.steps-step .btn p{color: var(--white);font-weight: 500;}

.uacf7-step-3094 .wpcf7-list-item.first{margin-left: 0;background-color: var(--red);margin-right: 1rem;}
.uacf7-step-3094 .wpcf7-list-item.last{margin-left: 0;background-color: var(--red);}
.uacf7-step-3094 input[type="radio"]{position: absolute;width: max-content;top: 7px;left: 10px;margin: 0!important;background-color: transparent;opacity: 0;}
.uacf7-step-3094 .wpcf7-list-item label{position: relative;background-color: transparent;margin: 0;}
.uacf7-step-3094 .wpcf7-radio span{padding: 1rem 2rem;border-radius: 10px;cursor: pointer;background-color: transparent;color: var(--white)!important;}
.uacf7-step-3094 .wpcf7-form-control-wrap[data-name="beschwerde_typ"]{display: block;margin-top: 2rem;}
/* .wpcf7-list-item:first-child span{border: 2px solid red;}
.wpcf7-list-item:nth-child(2n) span{border: 2px solid orange;}
.wpcf7-list-item:last-child span{border: 2px solid green;} */

.zweites_bild{position: absolute;width: 300px;background: var(--white);padding: 20px;transform: rotate(5deg);box-shadow: 0 4px 6px #0005;}
.zweites_bild:before{content:'';display:block;width:30px;height:95px;background:url('media/klammer.svg');background-position:center;background-size:105%;background-repeat:no-repeat;position:absolute;top:-35px;right:25px;}
.zweites_bild .bildunterschrift{font-size:125%;font-weight:300;display:block;color:var(--green);position:relative;font-family: 'Quentin';line-height:1;text-align:center;margin:15px 0 10px;}

/*------------------------------------border-radius 10px------------------------------------*/
/*ggf. wieder rausloeschen - nur Vorschlag*/  .flx_seitenteaser .item,
/*ggf. wieder rausloeschen - nur Vorschlag*/  .flx_seitenteaser .item::before,
/*ggf. wieder rausloeschen - nur Vorschlag*/  img,
/*ggf. wieder rausloeschen - nur Vorschlag*/  .flx_videoblock video,
/*ggf. wieder rausloeschen - nur Vorschlag*/  .flx_duemotv.teaser .videowrapper iframe,
/*ggf. wieder rausloeschen - nur Vorschlag*/  .flx_kachelblock .kachel,
/*ggf. wieder rausloeschen - nur Vorschlag*/  .flx_team .team,
/*ggf. wieder rausloeschen - nur Vorschlag*/  .flx_downloadblock .item,
/*ggf. wieder rausloeschen - nur Vorschlag*/  .flx_downloadblock .item::before,
/*ggf. wieder rausloeschen - nur Vorschlag*/  .itemwrapper,
/*ggf. wieder rausloeschen - nur Vorschlag*/  .owl-carousel .owl-item,
/*ggf. wieder rausloeschen - nur Vorschlag*/  .flx_faqblock #duemo_faq_filter,
/*ggf. wieder rausloeschen - nur Vorschlag*/  .flx_textblock iframe,
/*ggf. wieder rausloeschen - nur Vorschlag*/  .flx_kundenstimmen .item,
/*ggf. wieder rausloeschen - nur Vorschlag*/  #karriere .item
/*ggf. wieder rausloeschen - nur Vorschlag*/  {border-radius: 10px}

/*ggf. wieder rausloeschen - nur Vorschlag*/  .flx_faqblock #duemo_faq_listing .item span.info_frage{border-top-left-radius: 10px;border-top-right-radius: 10px;}

/*ggf. wieder rausloeschen - nur Vorschlag*/  .flx_headerblock img,
/*ggf. wieder rausloeschen - nur Vorschlag*/  .flx_kontaktformular .btn img
/*ggf. wieder rausloeschen - nur Vorschlag*/  {border-radius: 0;}
/*ggf. wieder rausloeschen - nur Vorschlag*/  /*auch inder seitenteaser.php für Backgroundfoto ändern*/


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

#page-header{position:absolute;top:0;right:0;left:0;padding:25px 0;z-index:999;background:var(--green);background: linear-gradient(180deg, rgba(25,47,44,1) 10%, rgba(25,47,44,0) 100%);}
#page-header .logo img{width:130px;}
#page-header.bottom{padding:15px 0;position:fixed;top:0;left:0;right:0;background:var(--green);-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */-moz-animation: fadein 1s; /* Firefox < 16 */-ms-animation: fadein 1s; /* Internet Explorer */-o-animation: fadein 1s; /* Opera < 12.1 */animation: fadein 1s;-webkit-box-shadow: 0px 10px 50px -25px rgba(0,0,0,0.5);-moz-box-shadow: 0px 10px 50px -25px rgba(0,0,0,0.5);box-shadow: 0px 10px 50px -25px rgba(0,0,0,0.5);z-index:999;}
#page-header.bottom .logo img{width:130px;margin-bottom:-50px;}

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

#page-header{padding:20px 0;}
#page-header #toppermenu{display:flex;align-items:center;justify-content: end;}
#page-header #toppermenu .menu{text-align:center;}
#page-header #toppermenu .menu li{display:inline-flex;margin:0;padding:0;}
#page-header #toppermenu .menu li:before{display:none;}
#page-header #toppermenu .menu li.btn{margin-left:25px;}
#page-header #toppermenu .menu li.current-menu-item:after, #page-header .middle .menu li.current_page_parent:after{content:'';width:7px;height:7px;background:var(--champain);display:block;position:absolute;bottom:-7px;left:50%;margin-left:-3.5px;border-radius:50%;transition:all .3s ease;}
#page-header #toppermenu .menu li a{font-weight:600;display:block;padding: 3px 35px 6px 35px;color:var(--white);transition:all .3s ease;}
#page-header #toppermenu .menu li > a:hover{color:var(--red);transition:all .3s ease;}
#page-header #toppermenu .menu li.btn > a:hover{color:var(--white);transition:all .3s ease;}

#page-header #toppermenu .menu li a{padding:5px 0px 5px 30px;font-size: 95%;}
#page-header #toppermenu .menu li.menu-item-has-children a{padding:5px 30px;font-size: 95%;}
#page-header #toppermenu .menu li:last-child a{padding:5px 30px;font-size: 95%;}
#page-header #toppermenu .menu li:nth-last-child(2) a{padding:5px 30px;font-size: 95%;}


/*Pfeil für Submenu*/
#page-header #toppermenu .menu li.menu-item-has-children .submenu-toggle{position: relative;background-color: transparent;border: none;}
#page-header #toppermenu .menu li.menu-item-has-children .submenu-toggle:focus-visible{outline: auto;}
#page-header #toppermenu .menu li.menu-item-has-children .submenu-toggle::after{content: '';display: block;width: 10px;height: 25px;background: url('media/arrow-left.svg');background-size: 100%;background-position: center;background-repeat: no-repeat;transform: rotate(-91deg);position: absolute;top: 15px;margin-top: -10px;right: 0;transition:all .3s ease;cursor: pointer;}
#page-header #toppermenu .menu li.menu-item-has-children.open .submenu-toggle::after{transform: rotate(91deg);transition:all .3s ease;cursor: pointer;}
#page-header #toppermenu .menu li.menu-item-has-children .submenu .submenu-toggle::after{content: '';display: block;width: 10px;height: 25px;background: url('media/arrow-left.svg');background-size: 100%;background-position: center;background-repeat: no-repeat;transform: rotate(-91deg);position: absolute;top: 15px;margin-top: -10px;right: 0;transition:all .3s ease;cursor: pointer;}


#page-header #toppermenu .menu li.menu-item-has-children .sub-menu{display:none;position:absolute;top:30px;left:0;width:300px;background:var(--white);-webkit-box-shadow: 0px 10px 50px -25px rgba(0,0,0,0.5);-moz-box-shadow: 0px 10px 50px -25px rgba(0,0,0,0.5);box-shadow: 0px 10px 50px -25px rgba(0,0,0,0.5);z-index:1000;text-align:left;padding:10px 0 10px 15px;}
#page-header #toppermenu .menu li.menu-item-has-children:hover > .sub-menu{display:block;}
#page-header #toppermenu .menu li.menu-item-has-children .sub-menu li{padding:0px 15px;width:100%;text-align:left;}
#page-header #toppermenu .menu li.menu-item-has-children .sub-menu li a{padding:5px 30px 5px 0px;color:var(--green);}
#page-header #toppermenu .menu li.menu-item-has-children .sub-menu li a:hover{color:var(--red);transition:all .3s ease;}
#page-header #toppermenu .menu li.menu-item-has-children .sub-menu li.current-menu-item a{color:var(--red);}
#page-header #toppermenu .menu li.menu-item-has-children .sub-menu li.current-menu-item:after{display:none;}
#page-header #toppermenu .menu li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu{left:100%;top:-10px;background:var(--red);}
#page-header #toppermenu .menu li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu li a{color:var(--white);}

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

#page-footer{background:var(--green);padding:50px 0 25px;position: relative;z-index:5;}
#page-footer .headline, #page-footer b{font-size:175%;color:var(--white)}
#page-footer li:before{display:none;}

#page-footer a{position:relative;color:var(--white);display:block;padding-left:25px;margin-bottom:0;font-weight:300;}
#page-footer .telefon:before{content:'';width:15px;height:15px;display:block;background: url('media/tel.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:7px;left:0;}
#page-footer .mail:before{content:'';width:15px;height:15px;display:block;background: url('media/mail.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:8px;left:0;}
#page-footer .adresse, #page-footer .offnungszeiten{position:relative;color:var(--white);display:block;padding-left:25px;margin-bottom:10px;}
#page-footer .adresse:before{content:'';width:15px;height:25px;display:block;background: url('media/pin.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:8px;left:0;}

#page-footer #map{position:relative;}
#page-footer #map .btn{position:absolute;left: 25px;bottom:25px;z-index:99;}

#page-footer .copyright{display:block;width:100%;margin-top:50px;}
#page-footer .copyright span{float:left;width:50%;text-align:left;color:var(--white);font-size:75%;}
#page-footer .copyright .menu-footermenu-container{float:left;width:50%;text-align:right;}
#page-footer .copyright .menu-footermenu-container ul{line-height:1.4;}
#page-footer .copyright .menu-footermenu-container li{display:inline-block;padding:0 5px;color:var(--white);font-size:75%;position:relative;margin:0;line-height:1.4;}
#page-footer .copyright .menu-footermenu-container li:after{content:'|';position:absolute;top:0px;right:-5px;}
#page-footer .copyright .menu-footermenu-container li:last-child:after{display:none;}
#page-footer .copyright .menu-footermenu-container li a{padding:0;margin:0;line-height:1.4;}



@keyframes marquee {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-50%);
    }
}


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

div[class^="flx_"], div[class*="flx_"]{padding:75px 0;}

.flx_headerblock{position:relative;padding:0!important;}
.flx_headerblock img{width:100%;height:auto;}
.flx_headerblock .content{position: absolute;bottom: 5%;z-index: 10;color: var(--dark);width: 75%;}
.flx_headerblock .content p{max-width:90%;font-size:120%;margin:35px 0;}
.flx_headerblock .content a{font-size:100%;}
.flx_headerblock .content .headline{font-size: 700%;line-height: 1;color: var(--white);}
.flx_headerblock .content .subline{color:var(--white);font-size:475%;}

.flx_headerblock.mitlogos .content{bottom:30%;}

.flx_headerblock .logos{position:absolute;bottom:0;left:0;right:0;background:var(--green);background: linear-gradient(0deg, rgba(25,47,44,1) 10%, rgba(25,47,44,0) 100%);}
.flx_headerblock .logos .marquee {width: 100%;overflow: hidden;white-space: nowrap;box-sizing: border-box;padding:25px 0;}
.flx_headerblock .logos .marquee-content {display: inline-block;animation: marquee 20s linear infinite;}
.flx_headerblock .logos .marquee-content span {display: inline-block;padding: 0 15px;width:330px;}
.flx_headerblock .logos .marquee-content span img{width:65%}

.flx_headerblock.mitfarbe{height:500px;padding-top:200px!important;}
.flx_headerblock.mitfarbe .content{top:unset;bottom:5%;width:100%;}
.flx_headerblock.mitfarbe .content .headline{color:var(--white);font-size:450%;}
.flx_headerblock.mitfarbe .content .subline{color:var(--white);font-size:375%;}

.flx_headerblock.mitbild:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg, rgba(85,45,12,0.54) 0, rgba(25,47,44,0) 60%);}

.flx_headerslider{padding: 0!important;}
.flx_headerslider .item{background-size:cover!important;background-repeat:no-repeat!important;background-position:center top!important;height:750px;}
.flx_headerslider .item .overlay{position:relative;display:block;width:100%;height:100%;}
.flx_headerslider .item .overlay:before{content:'';background:rgba(0,0,0,0.3);position:absolute;left:0;top:0;right:0;bottom:0;}
.flx_headerslider .item .textbox{width:70%;height:350px;position:absolute;left:15%;bottom:50px;}
.flx_headerslider .item .textbox .subline{color:#fff;}
.flx_headerslider .item .textbox .headline{color:#fff;font-size:650%;font-weight:600;display:block;margin-top:-30px;line-height:1;}
.flx_headerslider .owl-nav{position:relative;top:0;bottom: 0;right:0;left:0;width: 100%;display: flex;}
.flx_headerslider .owl-controls{position:absolute;top: 50%;width: 100%;}
.flx_headerslider .owl-nav .owl-prev{background:var(--red);width:110px;height:110px;border-radius:50%;position:relative;left:-65px;display:block;}
.flx_headerslider .owl-nav .owl-prev::after{content:'';background:url('media/arrow-left.svg')!important;width:110px;height:110px;position:absolute;left:60px;display:block;background-size:20%!important;background-repeat:no-repeat!important;background-position:10px center!important;transform:rotate(0deg);}
.flx_headerslider .owl-nav .owl-next{background:var(--red);width:110px;height:110px;border-radius:50%;position:relative;left: 92%;right:unset;display:block;}
.flx_headerslider .owl-nav .owl-next::after{content:'';background:url('media/arrow-left.svg')!important;width:110px;height:110px;position:absolute;right:-60px;display:block;background-size:20%!important;background-repeat:no-repeat!important;background-position:10px center!important;transform:rotate(0deg);}


.flx_bildblock .wrapper{margin:15px 0;position: relative;}
.flx_bildblock .wrapper .spruch{position: absolute;top: 10%;right: 5%;max-width:90%;font-size: 500%;text-align: center;color: var(--white);text-shadow: 0px 0px 8px rgba(68,68,68,0.6);}
.flx_bildblock .wrapper .spruch::after{content: '';background-color: #000;opacity: .3;top: 0;bottom: 0;left: 0;right: 0;position: absolute;filter: blur(90px);border-radius: 50%;z-index: -1;;}

.flx_textblock .text{align-content:center;}
.flx_textblock .text ul{margin:25px 0;}
.flx_textblock.textzwei .zwei{column-count: 2;column-gap: 50px;}
.flx_textblock.mitbildlinks .bild{padding-right:100px;}
.flx_textblock.mitbildrechts .bild{padding-left:100px;}

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

.flx_textblock.mithintergrundbild{position:relative;}
.flx_textblock.mithintergrundbild:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg, rgba(25,47,44,1) 0%, rgba(25,47,44,0) 60%);}
.flx_textblock.mithintergrundbild .text .headline, .flx_textblock.mithintergrundbild .text p{color:var(--white);}

.flx_iconblock .left p{width:100%;margin:15px 0;}
.flx_iconblock .left img{margin-top:25px;}
.flx_iconblock .item{padding:15px 25px;}
.flx_iconblock .item img{width:17.5%;margin:0 0 25px;display:block;}
.flx_iconblock .item .inhalt{text-align:left;}
.flx_iconblock .item .inhalt .headline{font-size:125%;margin-bottom:15px;}
.flx_iconblock .mobile{display:none;}

.flx_kundenstimmen{background:var(--light);}
.flx_kundenstimmen .headline{text-align: center;}
.flx_kundenstimmen .item{background:var(--white);padding:3rem 2rem;min-height:290px;display: flex;align-items: center;}
.flx_kundenstimmen .item p{text-align:center;display:block;line-height:1.7;}
.flx_kundenstimmen .item .name,
.flx_kundenstimmen .item .position{text-align:center;display:block;font-size:85%;}
.flx_kundenstimmen .grid{margin-top:50px;}

.flx_kontaktformular .headline{margin-bottom:25px;}
.flx_kontaktformular{padding-top:50px;}
.flx_kontaktformular .buttons{text-align:center;margin-bottom:75px;}
.flx_kontaktformular .btn{width: calc(100% / 7);font-size: 130%;font-weight: 600;text-transform: uppercase;padding: 25px;border-radius: 10px;margin: 10px;}
.flx_kontaktformular .btn:hover{transform:scale(1.02);background:#680000;}
.flx_kontaktformular .btn img{display:block;margin:15px auto;max-width:30%;}
.flx_kontaktformular .btn a{font-size: 100%;font-weight: 600;text-transform: uppercase;color:#fff;display:block;}
.flx_kontaktformular .btn:focus-visible{outline: auto;}
.flx_kontaktformular .buttons.zweite{display:none;position:relative;}
.flx_kontaktformular .buttons.zweite:before{content:'';display:block;width:2px;height:50px;background:#444;border-radius:5px;position:absolute;top:-60px;left:50%;margin-left:-1px;}
.flx_kontaktformular .buttons.zweite.active{display:block;}
.flx_kontaktformular .formular .headline{display: block;color: #cc0202;text-transform: uppercase;font-weight: 600;margin-bottom: 25px;padding: 25px 0;text-align: center;width: 100%;}
.flx_kontaktformular .formular{padding: 50px;-webkit-box-shadow: 10px 10px 50px -20px rgba(0,0,0,0.25);-moz-box-shadow: 10px 10px 50px -20px rgba(0,0,0,0.25);box-shadow: 10px 10px 50px -20px rgba(0,0,0,0.25);background:#fff;border-radius:20px;}


/*------------------*/
    .loading{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.8);z-index: 2;}
    .loading .animation{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 3;border: 8px solid #f3f3f3;border-top: 8px solid #3498db;border-radius: 50%;width: 50px;height: 50px;animation: spin 1s linear infinite;}
    @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
    }


    #beanstandungen{display: flex;justify-content: center;margin-top:-200px;padding-top:200px;}
    #beanstandungen .auswahl_kasten{width: calc(100% / 4);font-size: 150%;line-height: 1;;font-weight: 600;text-transform: uppercase;padding: 20px;border-radius: 5px;margin: 10px;background: #cc0202;text-align: center;cursor:pointer;transition: .3s;align-content:center;}
    #beanstandungen .auswahl_kasten:hover{transform: scale(1.05);background: #680000;transition: .3s;}
    #beanstandungen .auswahl_kasten button{color:#fff;font-weight:600;background-color: transparent;border: none;}
    #beanstandungen .auswahl_kasten button:focus-visible{outline: auto;}

    .flx_kontaktformular .formular{padding: 50px;}
    .flx_kontaktformular .formular .beanstandungenform .neue_beanstandung .cancel{background-color: #cc0202;padding: 5px 20px;border-radius: 50px;color: white;margin-top: -40px;display: block;width: max-content;font-size: 20px;cursor: pointer;transition: .3s;position: absolute;right: -10px;}    .flx_kontaktformular_neu .formular .beanstandungenform .neue_beanstandung .cancel:hover{transform: scale(1.05);background: #680000;transition: .3s;}

    .notice{border:3px solid #cc0202;text-align: center;padding: 20px;margin-top:60px;}
    .notice .text{color:#444;font-size:18px;font-weight:700;display:block;}
    .notice .warnung{color:#FF0000;font-size:25px;font-weight:700;display:block;}
    .notice .link{color:#680000;font-size:15px;display:block;text-decoration:underline;}

    #beanstandungen .neue_beanstandung{display: flex;justify-content: center;flex-direction: column;width: 70%;position: relative;}
    #beanstandungen .neue_beanstandung .auswahl_kasten{width:100%;}
    #beanstandungen .neue_beanstandung .auswahl_kasten.yellow{background:#dd7907;}
    #beanstandungen .neue_beanstandung .auswahl_kasten.green{background:#35682d;}

    .flx_kontaktformular .formular .beanstandungenform .field select{padding: 15px 15px;font-size: 60%;width: 70%;margin: 0 auto;}
    .flx_kontaktformular .formular .beanstandungenform .info_container{margin: 20px 0 0 10px;width:100%;}
    .flx_kontaktformular .formular .beanstandungenform .info_container input{padding: 10px 25px 10px 10px;}
    .flx_kontaktformular .formular .beanstandungenform .info_container textarea{padding: 20px 25px 10px 20px;margin:20px 0;}
    .flx_kontaktformular .formular .beanstandungenform .info_container textarea:focus-visible{outline:none;}
    .flx_kontaktformular .formular .beanstandungenform .beanstandung_art{display:block;margin-bottom:10px;font-size:100%;}
    .flx_kontaktformular .formular .beanstandungenform .combotext{text-transform:none;line-height:1.2;margin-bottom:20px;}
    .flx_kontaktformular .formular .beanstandungenform .info_container .selecttext{border: solid 2px #eee;padding: 10px;border-radius: 10px;display: block;border-left:solid 5px #cc0202;}
    .flx_kontaktformular .formular .beanstandungenform .info_container .submit{background-color: #cc0202;padding: 10px 30px;border-radius: 50px;color: #fff;font-weight:600;margin-top: 20px;display: block;width: max-content;font-size: 100%;cursor:pointer;transition: .3s;}
    .flx_kontaktformular .formular .beanstandungenform .info_container .submit:hover{transform: scale(1.05);background: #680000;transition: .3s;}
    .flx_kontaktformular .formular #beanstandungen.beanstandungenform .again .auswahl_kasten{width:100%;color:white;}
    .flx_kontaktformular .formular #beanstandungen.beanstandungenform .again .success_beanstandung{font-size: 150%;font-weight: 600;text-transform: uppercase;padding: 25px 15px;border-radius: 5px;margin: 10px;text-align: center;width: 100%;color: #cc0202;}

    .flx_kontaktformular .formular{margin-bottom:75px;}
    .flx_kontaktformular .formular .bereich{display:none;}
    .flx_kontaktformular .formular .bereich.show{display:block;}
    .flx_kontaktformular .formular .headline{display:block;color:#cc0202;font-size:250%;font-weight:600;text-transform:uppercase;font-weight:600;margin-bottom:25px;padding:25px 0;text-align:center;width:100%;}
    .flx_kontaktformular .formular h2{width:100%;padding:15px;float:left;margin:0;}

    .flx_kontaktformular .formular{padding:0 50px 50px;-webkit-box-shadow: 10px 10px 50px -20px rgba(0,0,0,0.25);-moz-box-shadow: 10px 10px 50px -20px rgba(0,0,0,0.25);box-shadow: 10px 10px 50px -20px rgba(0,0,0,0.25);background:#fff;border-radius:20px;}
    .flx_kontaktformular .formular input,
    .flx_kontaktformular .formular textarea{border: none;background: #eee;padding: 10px 25px;width: 100%;color: #000;border-radius: 10px;}
    .flx_kontaktformular .formular select{border: none;background:#eee url('media/icons_formular/arrow_left_grey.png');background-position:97% 9px;background-repeat:no-repeat;background-size:3%;padding: 10px 0 10px 20px;width: 100%;border-radius: 10px;-moz-appearance:none;-webkit-appearance:none;appearance:none;cursor:pointer;}
    .flx_kontaktformular .formular .small select{width:50%;display:inline-block;}
    .flx_kontaktformular .formular .fbox{padding: 0 10px;width:50%;float:left;}
    .flx_kontaktformular .formular .fbox.wide{width:100%;}
    .flx_kontaktformular .formular .fbox.einsdrei{width:33.33%;}
    .flx_kontaktformular .formular .fbox.zweidrei{width:66.66%;}
    .flx_kontaktformular .formular .datenschutz input{width:13px;}
    .flx_kontaktformular .formular .submitbox{width:50%;}
    .flx_kontaktformular .formular .submitbox input{background:#cd0202;color:#fff;margin-bottom:15px;}
    .flx_kontaktformular .formular .submitbox input:hover{background:#680000;color:#fff;}

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

.flx_seitenteaser{position:relative;}
.flx_seitenteaser .hoverwrapper{overflow:hidden;padding:15px;}
.flx_seitenteaser .item{height:425px;position:relative;transition:all .6s ease;display:block;}
.flx_seitenteaser .item:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:var(--green);opacity:0.5;}
.flx_seitenteaser .item:hover{transform:scale(1.05);transition:all .6s ease;}
.flx_seitenteaser .item .headline{position:absolute;bottom:25px;left:25px;right:25px;width:calc(100% - 50px);color:var(--white);}

.flx_seitenteaser.mitslider .headline{color:var(--white);}
.flx_seitenteaser.mitslider .item{height:auto;position:relative;display:block;background:var(--lightgreen);}
.flx_seitenteaser.mitslider .item:hover{transform:scale(1);transition:all .6s ease;}
.flx_seitenteaser.mitslider .item .inhalt{padding:25px;}
.flx_seitenteaser.mitslider .item .inhalt .headline{position:relative;color:var(--white);bottom: unset;right: unset;left: unset;width:100%;}
.flx_seitenteaser.mitslider .item .inhalt .beschreibung{display: block;color: var(--white);position: relative;margin:15px 0 20px;line-height: 1.3;}
.flx_seitenteaser.mitslider .slider{z-index: 0;}



.flx_angebotsteaser{position:relative;}
.flx_angebotsteaser .hoverwrapper{overflow:hidden;padding:15px;}
.flx_angebotsteaser .item{height:425px;position:relative;transition:all .6s ease;display:block;}
.flx_angebotsteaser .item:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:var(--green);opacity:0.5;}
.flx_angebotsteaser .item:hover{transform:scale(1.05);transition:all .6s ease;}
.flx_angebotsteaser .item .headline{position:relative;z-index:99;display:block;color:var(--white);padding:15px 15px 0 15px;}
.flx_angebotsteaser .item .beschreibung{position:relative;z-index:99;display: block;color: var(--white);line-height: 1.3;padding:15px 15px 0 15px;}

.flx_angebotsteaser.mitslider .item{height:auto;position:relative;display:block;background:var(--lightgreen);}
.flx_angebotsteaser.mitslider .item:hover{transform:scale(1);transition:all .6s ease;}
.flx_angebotsteaser.mitslider .item .inhalt{padding:25px;}
.flx_angebotsteaser.mitslider .item .inhalt .headline{position:relative;color:var(--white);bottom: unset;right: unset;left: unset;width:100%;}
.flx_angebotsteaser.mitslider .item .inhalt .beschreibung{display: block;color: var(--white);position: relative;margin:25px 0;line-height: 1.3;}

.flx_angebotsteaser.mitslider .headline{color:var(--white);}

.flx_videoblock .text{align-content:center;}
.flx_videoblock video{object-fit:cover;}
.flx_videoblock .zweites_bild.none{display:none;}

.flx_videoblock.mitaufzahlung .aufzaehlung{display:flex;flex-wrap:wrap;}
.flx_videoblock.mitaufzahlung .aufzaehlung .item{display:flex;max-width:50%;flex:0 0 50%;margin:25px 0;align-items: flex-start;}
.flx_videoblock.mitaufzahlung .aufzaehlung .item .icon{display:inline-block;width:15%;margin-right:5%;}
.flx_videoblock.mitaufzahlung .aufzaehlung .item .headline{display:inline-block;width:80%;font-size:150%;}

.flx_kachelblock{position:relative;}
.flx_kachelblock .kachel{position:relative;transition:all .6s ease;display:block;height:100%;padding:25px;-webkit-box-shadow: 0px 0px 25px -15px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 25px -15px rgba(0,0,0,0.75);box-shadow: 0px 0px 25px -15px rgba(0,0,0,0.75);overflow:hidden;margin-bottom: 20px;}
.flx_kachelblock .kachel:hover{transform:scale(1.05);transition:all .6s ease;}
.flx_kachelblock .kachel .icon{max-width:75px;}
.flx_kachelblock .kachel .number{font-size:700%;font-weight:900;float:right;line-height:0.5;opacity:0.15;}
.flx_kachelblock .kachel .headline{margin-top:15px;}
.flx_kachelblock .kachel .content{display:block;margin:15px 0;}

.flx_downloadblock{position:relative;}
.flx_downloadblock .wrapper{margin-bottom:30px;}
.flx_downloadblock .item{height:425px;position:relative;transition:all .6s ease;display:block;}
.flx_downloadblock .item:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:var(--green);opacity:0.5;}
.flx_downloadblock .item:hover{transform:scale(1.05);transition:all .6s ease;}
.flx_downloadblock .item .headline{position:absolute;bottom:25px;left:25px;right:25px;width:calc(100% - 50px);color:var(--white);}

.flx_fahrzeugsuche .filter{background:#FDF9F1;border-radius:15px;}
.flx_fahrzeugsuche .filter .headline{text-align:center;}
.flx_fahrzeugsuche .filter .subline{text-align:center;width:100%;}



/*----------------------DÜMO-TV-------------------------------------------------*/

.flx_duemotv.teaser .videowrapper iframe{height:440px;width:100%;}
.flx_duemotv.teaser .videowrapper img{width:100%;height:auto;}
.flx_duemotv.teaser .videowrapper{display: grid;grid-template-columns: repeat(6, 1fr);grid-template-rows: repeat(2, auto);gap: 25px;}
.flx_duemotv.teaser .videowrapper .griditem1{grid-column: 1/span 6;grid-row: 1/span 1;}
.flx_duemotv.teaser .videowrapper .griditem2{grid-column: 1/span 2;grid-row: 2/span 1;}
.flx_duemotv.teaser .videowrapper .griditem3{grid-column: 3/span 2;grid-row: 2/span 1;}
.flx_duemotv.teaser .videowrapper .griditem4{grid-column: 5/span 2;grid-row: 2/span 1;}

.flx_duemotv.hersteller .textwrapper{display:block;height:100%;}
.flx_duemotv.hersteller .textwrapper .text{position:sticky;top:150px;}
.flx_duemotv.hersteller .videowrapper{margin-top:50px;}
.flx_duemotv.hersteller .videowrapper .item{margin-bottom:25px;}
.flx_duemotv.hersteller .videowrapper .item iframe{width:100%;height:290px;}

#duemo_tv{padding-top:50px;}
#duemo_tv .alert{width:100%;background-color:#cc0202;color:#fff;font-weight:bold;margin-bottom:50px;padding:15px;}

.flx_duemotv.gesamt #duemo_tv_filter{padding:15px 15px;background-color:var(--champain);color:var(--white);margin-bottom:20px;width:100%;}
.flx_duemotv.gesamt #duemo_tv_filter select{padding:10px 15px;width:32.4%;margin:5px;}
.flx_duemotv.gesamt #duemo_tv_filter input{padding:10px 15px;width:98.8%;margin:5px;}

.flx_duemotv.gesamt #duemo_tv_listing .item{margin-bottom:100px;}
.flx_duemotv.gesamt #duemo_tv_listing .item iframe{width:100%;height:365px;display:block;}
.flx_duemotv.gesamt #duemo_tv_listing .item .load_trigger{width:100%;height:365px;max-height:365;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.05);}
.flx_duemotv.gesamt #duemo_tv_listing .item .load_trigger:hover{cursor:pointer;}
.flx_duemotv.gesamt #duemo_tv_listing .item .load_trigger img{width:64px;height:64px;transition:all .1s ease-in-out;}
.flx_duemotv.gesamt #duemo_tv_listing .item .load_trigger img.full{width:auto;height:auto;max-width:100%;max-height:365px;}
.flx_duemotv.gesamt #duemo_tv_listing .item .load_trigger:hover img{width:60px;height:60px;transition:all .1s ease-in-out;}
.flx_duemotv.gesamt #duemo_tv_listing .item .load_trigger:hover img.full{width:auto;height:auto;filter:grayscale(20%);transition:filter .1s ease-in-out;}
.flx_duemotv.gesamt #duemo_tv_listing .item span{display:inline-block;min-width:25%;padding:5px 10px;text-align:center;}
.flx_duemotv.gesamt #duemo_tv_listing .item span.info_jahr{background-color:rgba(25, 47, 44,1);color:#fff;}
.flx_duemotv.gesamt #duemo_tv_listing .item span.info_marke{background-color:rgba(25, 47, 44,0.8);color:#fff;}
.flx_duemotv.gesamt #duemo_tv_listing .item span.info_modell_thema{background-color:rgba(25, 47, 44,0.6);color:#fff;}
.flx_duemotv.gesamt #duemo_tv_listing .item span.info_sonstiges{width:100%;font-weight:bold;background-color:var(--green);color:#fff;}

/*----------------------DÜMO-FAQ-------------------------------------------------*/

.flx_faqblock #duemo_faq{padding-top:50px;}
.flx_faqblock #duemo_faq .alert{width:100%;background-color:var(--red);color:var(--white);font-weight:bold;margin-bottom:50px;padding:15px;}
.flx_faqblock #duemo_faq .alert a{color:var(--white);}
.flx_faqblock #duemo_faq .alert a:hover{color:var(--dark);}

.flx_faqblock #duemo_faq_filter{padding:15px 15px;background-color:var(--champain);color:var(--white);margin-bottom:20px;width:100%;}
.flx_faqblock #duemo_faq_filter select{padding:10px 15px;width:48.4%;margin:5px;}
.flx_faqblock #duemo_faq_filter input{padding:10px 15px;width:98.8%;margin:5px;}
 
.flx_faqblock #duemo_faq_listing{margin-top:75px;}
.flx_faqblock #duemo_faq_listing .headline{margin-bottom:25px;}
.flx_faqblock #duemo_faq_listing .item{margin-bottom:50px;}
.flx_faqblock #duemo_faq_listing .item iframe{width:100%;height:365px;display:block;}
.flx_faqblock #duemo_faq_listing .item .load_trigger{width:100%;height:365px;max-height:365;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.05);}
.flx_faqblock #duemo_faq_listing .item .load_trigger:hover{cursor:pointer;}
.flx_faqblock #duemo_faq_listing .item .load_trigger img{width:64px;height:64px;transition:all .1s ease-in-out;}
.flx_faqblock #duemo_faq_listing .item .load_trigger img.full{width:auto;height:auto;max-width:100%;max-height:365px;}
.flx_faqblock #duemo_faq_listing .item .load_trigger:hover img{width:60px;height:60px;transition:all .1s ease-in-out;}
.flx_faqblock #duemo_faq_listing .item .load_trigger:hover img.full{width:auto;height:auto;filter:grayscale(20%);transition:filter .1s ease-in-out;}
.flx_faqblock #duemo_faq_listing .item span{display:inline-block;min-width:25%;padding:5px 10px;text-align:center;}
.flx_faqblock #duemo_faq_listing .item span.info_jahr{background-color:rgba(25, 47, 44,0.8);color:var(--white);}
.flx_faqblock #duemo_faq_listing .item span.info_marke{background-color:rgba(25, 47, 44,0.6);color:var(--white);}
.flx_faqblock #duemo_faq_listing .item span.info_modell_thema{background-color:rgba(204, 2, 2,0.4);color:var(--white);}
.flx_faqblock #duemo_faq_listing .item span.info_frage{width:100%;font-weight:bold;background-color:var(--green);color:var(--white);}
.flx_faqblock #duemo_faq_listing .item .faq-eintrag{padding:20px;background-color:#efefef;min-height:150px;}
.flx_faqblock #duemo_faq_listing .item .faq-eintrag a{font-weight:inherit;}
.flx_faqblock #duemo_faq_listing .item .faq-eintrag p{margin-bottom:10px;}

/*----------------------BUTTONBLOCK-------------------------------------------------*/

.flx_buttonblock .headline, .flx_buttonblock .subline{text-align:center;width:100%;}
.flx_buttonblock .btn{width:350px;margin:0 auto;display:block;}

/*----------------------DÜMO-TEAM-------------------------------------------------*/

.flx_team .team{margin-right:1%;}
.flx_team .team{width:49%;background:var(--white);padding:15px;min-height:225px;margin-bottom:15px;-webkit-box-shadow: 0px 0px 37px 8px rgba(0,0,0,0.07);-moz-box-shadow: 0px 0px 37px 8px rgba(0,0,0,0.07);box-shadow: 0px 0px 37px 8px rgba(0,0,0,0.07);}
.flx_team .kontaktdaten{border-left:solid 2px #e5e5e5;min-height:100%;}

.flx_team h3{color:var(--green);font-weight:600;font-size:140%;margin:5px 0;text-align:left;padding-bottom:0;margin-bottom:0;}
.flx_team .funktion{font-size:110%;margin-bottom:15px;display:block;}
.flx_team #position{color:var(--dark);font-size:15px;margin-bottom:45px;position:relative;}
.flx_team #telefon{position:relative;display:block;margin:15px 0 15px 30px;color:var(--green);}
.flx_team #telefon::before{content:'';background:url('media/tel_green.png');background-repeat:no-repeat;position:absolute;width:20px;height:20px;left:-30px;top:5px;background-size:100%;}
.flx_team #email{margin-left:30px;position:relative;display:block;margin-bottom:15px;color:var(--green);}
.flx_team #email::before{content:'';background:url('media/mail_green.png');background-repeat:no-repeat;position:absolute;width:20px;height:20px;left:-30px;top:5px;background-size:100%;}

.flx_team .verkauf h3{padding-top:0;}
.flx_team .verkauf #email{margin:10px 0 10px 30px;}
.flx_team .verkauf #telefon{margin:10px 0 10px 30px;}
.flx_team .verkauf .btn{padding:3px 20px;margin-top:15px;}

#team-single{margin-top:175px;padding-top:75px;}
#team-single .container{max-width:1350px;}
#team-single .singlepage-back{margin:0!important;position:absolute;top:0;right:0;z-index: 5;}
#team-single .inhalt{align-content:center;z-index:5;}
#team-single .headline{color:var(--green);font-size:300%;text-transform:uppercase;font-weight:600;margin-bottom:0;padding:0;text-align:left;}
#team-single .funktion{font-size:150%;margin-bottom:25px;display:block;font-weight:600;margin-top:-5px;}
#team-single #position{color:#333;font-size:15px;margin-bottom:45px;position:relative;}
#team-single #telefon{position:relative;display:block;margin:15px 0 15px 30px;color:var(--green);}
#team-single #telefon::before{content:'';background:url('media/tel_green.png');background-repeat:no-repeat;position:absolute;width:20px;height:20px;left:-30px;top:5px;background-size:100%;}
#team-single #email{margin:15px 0 15px 30px;position:relative;display:block;margin-bottom:15px;color:var(--green);}
#team-single #email::before{content:'';background:url('media/mail_green.png');background-repeat:no-repeat;position:absolute;width:20px;height:20px;left:-30px;top:5px;background-size:100%;}
#team-single .btn{margin-right:25px;}
#team-single .zusatzinfos .inner{margin:75px 0 0;padding:25px;height:auto;background:var(--light);-webkit-box-shadow: 0px 0px 30px -15px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 30px -15px rgba(0,0,0,0.3);box-shadow: 0px 0px 30px -15px rgba(0,0,0,0.3);text-align:left!important;}
#team-single .zusatzinfos .inner h2, #team-single .zusatzinfos .inner h3{text-align:left;}

#team-single #terminvereinbaren{margin-top:-100px;padding-top:200px;margin-bottom:100px;}
#team-single #terminvereinbaren .calender{text-align:center;font-size:250%;padding:0;height:auto;background:var(--light);-webkit-box-shadow: 0px 0px 30px -15px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 30px -15px rgba(0,0,0,0.3);box-shadow: 0px 0px 30px -15px rgba(0,0,0,0.3);}

#team-single #videos{margin-top:50px;width:100%;}
#team-single #videos .headline{margin-bottom:25px;}
#team-single #videos .subline{margin-top:-50px;}
#team-single #videos .item{margin-bottom:25px;}
#team-single #videos .item iframe{width:100%;height:245px;display:block;}
#team-single #videos .item .load_trigger{width:100%;height:245px;max-height:365;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.05);}
#team-single #videos .item .load_trigger:hover{cursor:pointer;}
#team-single #videos .item .load_trigger img{width:64px;height:64px;transition:all .1s ease-in-out;}
#team-single #videos .item .load_trigger img.full{width:auto;height:auto;max-width:100%;max-height:365px;}
#team-single #videos .item .load_trigger:hover img{width:60px;height:60px;transition:all .1s ease-in-out;}
#team-single #videos .item .load_trigger:hover img.full{width:auto;height:auto;filter:grayscale(20%);transition:filter .1s ease-in-out;}
#team-single #videos .item span{display:inline-block;min-width:25%;padding:5px 10px;text-align:center;}
#team-single #videos .item span.info_jahr{background-color:rgba(204, 2, 2,0.8);color:var(--white);}
#team-single #videos .item span.info_marke{background-color:rgba(204, 2, 2,0.6);color:var(--white);}
#team-single #videos .item span.info_modell_thema{background-color:rgba(204, 2, 2,0.4);color:var(--white);}
#team-single #videos .item span.info_sonstiges{width:100%;font-weight:bold;background-color:rgba(204, 2, 2,1);color:var(--white);}

#team-single #hersteller_fahrzeuge .load_more_vehicles{margin-bottom: 20px;}
#team-single #hersteller_fahrzeuge .hidden{display:none;}

#team-single .rating-form{display: flex;flex-direction: column;align-items: center;justify-content: center;}
#team-single .star-rating {display: inline-flex; flex-direction: row-reverse; justify-content: flex-end;}
#team-single .star-rating input {display: none;}
#team-single .star-rating label { font-size: 2rem; color: gray; cursor: pointer; transition: color 0.2s ease-in-out;}
#team-single .star-rating input:checked ~ label,
#team-single .star-rating label:hover,
#team-single .star-rating label:hover ~ label {color: gold;}
#team-single .rating-form textarea {width: 100%; height: 100px; margin-top: 20px; padding: 10px; border: 1px solid #ccc; border-radius: 5px;resize: none;}
#team-single .rating-form .rating-name { width: 100%; padding: 5px;border: 1px solid #ccc; border-radius: 5px;}

/*----------------------------------Karriere---------------------------------------------*/
#karriere{margin-top: -150px;padding-top: 150px;}
#karriere .item{margin-bottom: 5rem;background-color: #eee;}
/* #karriere .item img{margin-bottom: 3rem;} */
#karriere .item .teaser{padding: 3rem;}
#phpsingle{margin-top: 200px;margin-bottom: 100px;}

/*---------------------------------------KARRIERE SINGLE------------------------------*/

#karriere-single{padding-top:200px;}
#karriere-single .editor .headerbild{margin:30px 0 20px;}
#karriere-single .editor .headerbild img{width:100%;}
#karriere-single .editor .headline{color:#cc0202;font-size:250%;text-transform:uppercase;font-weight:600;margin-bottom:0px;padding-bottom:10px;text-align:left;padding-left:0;border-bottom:solid 1px #ddd;margin-bottom:50px;}
#karriere-single .editor p{margin-bottom:0;}
#karriere-single .editor p strong{font-size:125%;font-weight:600;}
#karriere-single .editor ul{margin:10px 0 50px;}
#karriere-single .editor ul li{list-style:none;position:relative;margin:15px 0 15px 0;padding-left:25px;}
/* #karriere-single .editor ul li:before{color:#cc0202;content:"›";font-size:200%;font-weight:600;left:0;position:absolute;top:-15px;} */

#karriere-single .background{margin:25px 0;padding:25px;-webkit-box-shadow: 0px 0px 37px 8px rgba(0,0,0,0.07);-moz-box-shadow: 0px 0px 37px 8px rgba(0,0,0,0.07);box-shadow: 0px 0px 37px 8px rgba(0,0,0,0.07);border-radius:15px;}
#karriere-single .background .editor h2{text-align:left;padding-left:0;color:#cd0202;}

#karriere-single .singlepage-back{position:fixed;bottom:50px;right:50px;z-index:999;left:unset;}


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


.impressum .flx_textblock .text ul{margin:0;}

.ueber-mich .flx_headerblock .content{top:35%;}




/*-------------------------------------------------------------------------------------------*/
@media (max-width:1480px){

    .headline{font-size:200%;}
    .container{padding:0 25px;}

    #page-header .col-xl-3{width: 25%;}
    #page-header .col-xl-9{width: 75%;}


    div[class^="flx_"], div[class*="flx_"]{padding:50px 0;}

    .flx_headerblock .content{top:25%;width:90%;}
    .flx_headerblock .content .headline{font-size: 650%;}
    .flx_headerblock .content .subline{font-size: 380%!important;}

    .flx_headerslider .item .textbox{width:85%;top:180px;left:10%;}
    .flx_headerslider .item .textbox .headline{font-size:400%;}
    .flx_headerslider .item{height:495px;}
    .flx_headerslider .owl-nav{top:40%;}

    .flx_seitenteaser.mitslider .item .inhalt .headline{min-height: 85px;}

    .flx_bildblock .wrapper .bild{height: 500px!important;}

    .flx_downloadblock .item .headline{font-size: 150%;}

    .flx_downloadblock{padding-bottom: 100px!important;}



}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1199px){

    #page-header.bottom .logo img{margin-bottom: -70px;width: 110px;}

    #page-header #toppermenu{position: fixed;right: 20px;top: 20px;width: 50%;height: 60px;overflow-y: auto;transition: all ease .5s;}
    #page-header #toppermenu.open{height: 100vh;transition: all ease .5s;}
    /* #page-header #toppermenu{position: absolute;right: 20px;top: 20px;width: 50%;} */
    #page-header #toppermenu .burgerbutton{display:block;width:40px;height:30px;position:absolute;top:25px;right:35px;cursor:pointer;}
    #page-header #toppermenu .burgerbutton span{display:block;width:100%;height:3px;margin:8px 0;background:var(--white);border-radius:20px;transition:all .3s ease;}
    #page-header #toppermenu .burgerbutton.active span:nth-child(1){transform:rotate(45deg);transition:all .3s ease;margin-top:22px;background-color: var(--dark);}
    #page-header #toppermenu .burgerbutton.active span:nth-child(2){opacity:0;transition:all .3s ease;background-color: var(--dark);}
    #page-header #toppermenu .burgerbutton.active span:nth-child(3){transform:rotate(-45deg);transition:all .3s ease;margin-top:-22px;background-color: var(--dark);}
    #page-header #toppermenu .menu{display:none;position:absolute;top:0;right:0;left:0;bottom:0;transition:all .3s ease;background:var(--white);height:max-content;padding-top:100px;padding-bottom: 50px;box-shadow: -4px 9px 11px #2225;}
    #page-header #toppermenu .menu.active{display: block;transition:all .3s ease;}
    #page-header #toppermenu .menu li{display:inline-flex;padding:10px 0;width:50%;margin:0 auto;}
    #page-header #toppermenu .menu li.menu-item-has-children .sub-menu{left:50%;transform:translateX(-50%);top:50px;padding:10px 0 30px;}
    #page-header #toppermenu .menu li.menu-item-has-children:hover .sub-menu{display:none;}
    #page-header #toppermenu .menu li.menu-item-has-children.active .sub-menu{display:block;}
    #page-header #toppermenu .menu li.menu-item-has-children .sub-menu li a{text-align:center;}
    #page-header #toppermenu .menu li.current-menu-item::after, #page-header .middle .menu li.current_page_parent::after{display: none;}
    #page-header #toppermenu .menu li.current_page_item a{color: var(--red);}
    #page-header #toppermenu .menu.active li.current_page_item a{color: var(--red);}
    #page-header .logo img{width:130px;}

    #page-header.bottom #toppermenu .burgerbutton{display:block;width:40px;height:30px;position:absolute;top:-5px;right:35px;cursor:pointer;}

    #page-header #toppermenu .menu.active li a{color: var(--dark);font-size: 100%;}
    #page-header #toppermenu .menu.active > li:last-child{margin: 10px auto 0;width: max-content;display: block;height: max-content;padding: 5px 30px;}
    #page-header #toppermenu .menu.active > li:last-child a{color: var(--white);}
    #page-header #toppermenu .menu.active li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu{left:50%;top:100%;box-shadow: 0px 10px 50px -25px rgba(0,0,0,0.5);}

    .headline{font-size:150%;}
    .subline{font-size: 250%!important;}

    #page-footer .headline,
    #page-footer b{font-size: 135%;}
    #page-footer #map .btn{left: 15px;bottom: 0;}

    .zweites_bild{width: 220px;}


    .flx_headerblock .content .headline{font-size:360%;}
    .flx_headerblock .content .subline{font-size: 300%!important;}
    .flx_headerblock .content p{font-size:100%;}

    .flx_headerslider .item .textbox .subline{margin-bottom:20px;}
    .flx_headerslider .item{height:410px;}
    .flx_headerslider .item .textbox{top:130px;}

    .flx_iconblock .leer{display:none;}

    .flx_seitenteaser .item{height: 330px;}
    .flx_seitenteaser.mitslider .item .inhalt .headline{min-height: 65px;}

    .flx_kundenstimmen .item{min-height: 350px;}

    .flx_bildblock .wrapper .bild{height: 300px!important;}

    .flx_videoblock.mitaufzahlung .aufzaehlung{display: block;}
    .flx_videoblock.mitaufzahlung .aufzaehlung .item{max-width: 100%;align-items: center;}
    .flx_videoblock.mitaufzahlung .aufzaehlung .item .headline{margin: 0;}
    .flx_videoblock.mitaufzahlung .aufzaehlung .item .headline br{display: none;}
    .flx_videoblock.mitaufzahlung .aufzaehlung .item .icon{width: 50px;}

    .flx_duemotv.teaser .videowrapper iframe{height: 330px;}

    #page-footer .offnungszeiten{padding-left: 0;}
    #page-footer #map img{margin-bottom: 60px;}
    #page-footer .copyright .menu-footermenu-container li#menu-item-166{padding-left: 0;}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:991px) {

    #page-header #toppermenu .menu li,
    #page-header #toppermenu .menu.active > li:last-child{width: 70%;}
    
    #page-header .logo img{width:100px;}
    #page-header.bottom .logo img{width:90px;margin-bottom:-40px;}

    .headline{font-size:225%;}


    .flx_headerblock img.bg{height: 70vh;object-fit: cover;}
    .flx_headerblock .content p{font-size:101%;}

    .flx_headerslider .item{height:310px;}
    .flx_headerslider .item .textbox .headline{font-size:300%;}

    .flx_seitenteaser{padding-top: 20px!important;}
    .flx_seitenteaser .item{height: 270px;}
    .flx_seitenteaser .item .headline{font-size: 145%;}
    .flx_seitenteaser.mitslider .item .inhalt .headline{min-height: 55px;}

    .flx_iconblock .item{padding:15px 0;}
    .flx_iconblock .left img{display:none;}
    .flx_iconblock .left.mobile img{display:block;}
    .home .flx_iconblock .left .headline{margin-bottom:-75px;}
    .flx_iconblock .mobile{display:block;}

    .flx_textblock .text{order:1;}
    .flx_textblock .bild{order:2;}
    .flx_textblock.textzwei .zwei{column-count: 1;}
    .flx_textblock.mitbildlinks .bild{padding-right:15px;}
    .flx_textblock.mitbildrechts .bild{padding-left:15px;}

    .flx_team .personenbild{margin-bottom: 15px;}
    .flx_team .kontaktdaten{border-left: none;}

    .flx_kontaktformular input, .flx_kontaktformular textarea{width:100%;}

    .flx_videoblock .text{padding-bottom: 50px;}
    .flx_videoblock video{height: 460px;}
    .flx_videoblock.mitaufzahlung .aufzaehlung{display: flex;}
    .flx_videoblock.mitaufzahlung .aufzaehlung .item{max-width: 50%;}

    .flx_kachelblock .kachel{height: max-content;margin-bottom: 30px;}

    .flx_kundenstimmen .item{min-height: max-content;margin-bottom: 2rem;}
    
    #page-footer a.logo{padding-left:0;}
    #page-footer .col-md-6{margin:25px 0;}
    #page-footer .copyright span{width:100%;}
    #page-footer .copyright .menu-footermenu-container{width:100%;text-align:left;}


}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:767px) {

    #page-header #toppermenu .burgerbutton{top:15px;}

    .flx_headerblock.mitbild{position:relative;}
    .flx_headerblock .content{top:unset;bottom:10%;left:35px;right:35px;}
    .flx_headerblock.mitlogos .content{bottom: 30%;}

    .flx_headerslider .item{height:330px;}
    .flx_headerslider .item .textbox{width:100%;top:140px;height:70px;}
    .flx_headerslider .item .textbox .subline{font-size:200%;margin-bottom:30px;}
    .flx_headerslider .item .textbox .headline{font-size:220%;}

    .zweites_bild{width: 170px;padding: 20px 20px 5px 20px;}
    
    .flx_seitenteaser.mitslider{padding-top: 225px!important;}
    .flx_seitenteaser.mitslider .zweites_bild{left: 66%!important;}
    
    .flx_bildblock .wrapper{margin: 10px 0;}
    .flx_bildblock .wrapper .bild{height: 250px!important;}
    
    .flx_videoblock video{height: 400px;}

    .flx_videoblock.mitaufzahlung .aufzaehlung{display: block;}
    .flx_videoblock.mitaufzahlung .aufzaehlung .item{max-width: 100%;}

    #karriere .sidebar{display: block;order: 1;}
    #karriere .uebersicht{display: block;order: 2;}
    #karriere .kontaktdaten{display: block;order: 3;}

    .flx_duemotv.teaser .textwrapper{padding-top: 50px;}

    .flx_downloadblock .item .headline{font-size: 150%;}
    
    #page-footer #newsletter input{width:100%;}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:600px) {

    .headline{font-size:135%;}
    .subline{font-size:200%!important;margin-bottom:20px;margin-bottom: 20px!important;}

    #page-header #toppermenu{right: 0;top: 0;width: 100%;}
    #page-header #toppermenu .burgerbutton{top:20px;}
    #page-header.bottom #toppermenu .burgerbutton{top:10px;}
    #page-header.bottom #toppermenu .burgerbutton{top: 10px;}

    div[class^="flx_"], div[class*="flx_"]{padding:25px 0;}

    .flx_headerblock.mitfarbe{height:125px;}

    .flx_headerblock .content{bottom:5%;}
    .flx_headerblock .content .headline{font-size:250%;}
    .flx_headerblock .content p{font-size:90%;margin:15px 0;}
    .flx_headerblock .content .subline{font-size: 200%!important;}

    .flx_headerslider{overflow:hidden;}
    .flx_headerslider .item{height:230px;}
    .flx_headerslider .item .textbox{top:unset;bottom:25%;left:0;text-align:center;}
    .flx_headerslider .item .textbox .subline{font-size:160%;}
    .flx_headerslider .item .textbox .headline{font-size:180%;}
    .flx_headerslider .owl-nav{top:60px;}

    .flx_seitenteaser .item{height: 190px;}

    .flx_iconblock .item .inhalt .headline{font-size:100%;}

    .flx_seitenteaser.mitslider .item .inhalt .headline{min-height: max-content;}
    .flx_seitenteaser.mitslider .zweites_bild{left: 50%!important;}

    .flx_duemotv.teaser .videowrapper iframe{height: 190px!important;}

    .flx_videoblock.mitaufzahlung .aufzaehlung .item .headline{width: 100%;font-size: 120%;font-weight: 600;}

    .flx_team .team{margin-right:0%;margin-bottom: 20px;}
    .flx_team .team{width:100%;}

    .flx_downloadblock{padding-bottom: 80px!important;}

    #page-footer .copyright span,
    #page-footer .copyright .menu-footermenu-container ul{text-align: center;}


}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:400px) {

    /* .inhaltsbloecke, #kurssingle{margin-top:80px;} */

    .headline{font-size:115%;}

    .flx_headerblock .content .headline{font-size:200%;}
    .flx_headerblock .content p{font-size:80%;}

    .flx_headerslider .item{height:200px;}
    .flx_headerslider .item .textbox{top:70px;}
    .flx_headerslider .item .textbox .headline{font-size:130%;}
    .flx_headerslider .owl-nav{top:30%;}
    .flx_headerslider .owl-nav .owl-prev{width:100px;height:80px;background-size:30%!important;}
    .flx_headerslider .owl-nav .owl-prev:hover{width:100px;height:80px;background-size:30%!important;}
    .flx_headerslider .owl-nav .owl-next{width:100px;height:80px;background-size:30%!important;}
    .flx_headerslider .owl-nav .owl-next:hover{width:100px;height:80px;background-size:30%!important;}
    .flx_headerslider .item .textbox .subline{font-size:165%;}

}