/* ------ GLOBAL --------

Theme-Name: SKK - Steuer.de
Author: MOLECO GmbH
Author URI: http://www.moleco.de
Description: MOLECO Theme
Version: 1.0

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

body,html,*{font-size:17px;line-height:1.5;font-family:'Fira Sans';font-weight:300;color:var(--main);}
html{scroll-behavior: smooth;}

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

ul{padding:0;margin:0;}
ul li{list-style:none;padding-left:30px;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;} */

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

.headline{font-weight:bold;display:block;color:var(--main);margin-bottom:15px;line-height:1.2;}
.headline b{font-size:100%;position:relative;font-weight:bold;line-height:1;z-index:1;}
.headline b:before{content:'';display:block;width:100%;height:25px;background:var(--sec);transition:all .3s ease;position:absolute;bottom:5%;left:0;z-index:-1;}
.subline{font-size:160%;font-weight:300;display:block;color:var(--main);margin-bottom:35px;line-height:1.2;}

.headline.left, .subline.left{text-align:left;}
.headline.center, .subline.center{text-align:center;}
.headline.right, .subline.right{text-align:right;}

h1{font-size:325%;}
h2{font-size:325%;}
h3{font-size:160%;}

.btn{position:relative;padding:15px 25px 15px 25px;font-size:100%;font-weight:400;background:var(--button);color:var(--main);transition:all .3s ease;line-height:1;text-align:center;cursor:pointer;}
.btn:hover{background:var(--buttonhover);transition:all .3s ease;color:var(--main);}
.btn.plus{background:none;padding-right:35px;position:relative;}
.btn.plus::after{content:'';width:25px;height:25px;display:block;background: url('media/icons/plus.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:10px;right:0;transition:all .3s ease;}
.btn.plus:hover::after{transform:rotate(90deg);transition:all .3s ease;}

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

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

.strichgrafik{position:relative;}
.strichgrafik:before{content:'';display:block;width:35%;height:115px;background:url('media/icons/strichgrafik.svg');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;bottom:0;left:0;}

.socialicons{position:absolute;bottom:10%;right:4%;}
.socialicons .facebook{display:block;width:30px;height:30px;background:url('media/icons/facebook.svg');background-size:100%;background-position:center;background-repeat:no-repeat;margin:10px 0;}
.socialicons .instagram{display:block;width:30px;height:30px;background:url('media/icons/instagram.svg');background-size:100%;background-position:center;background-repeat:no-repeat;margin:10px 0;}
.socialicons .linkedin{display:block;width:30px;height:30px;background:url('media/icons/linkedin.svg');background-size:100%;background-position:center;background-repeat:no-repeat;margin:10px 0;}
.socialicons .facebook.white{display:block;width:30px;height:30px;background:url('media/icons/facebook_white.svg');background-size:100%;background-position:center;background-repeat:no-repeat;margin:10px 0;}

.colorwhite *{color:var(--white);}

.mail, .telefon{position:relative;padding-left:30px;display:block;}
.mail:before{content:'';width:25px;height:25px;display:block;background: url('media/icons/mail.svg');background-repeat:no-repeat;background-size:75%;background-position:center;position:absolute;top:0;left:0;transition:all .3s ease;}
.telefon:before{content:'';width:25px;height:25px;display:block;background: url('media/icons/telefon.svg');background-repeat:no-repeat;background-size:75%;background-position:center;position:absolute;top:0;left:0;transition:all .3s ease;}

.col-custom-5{flex:0 0 20%;max-width:20%;padding-left:15px;padding-right:15px;}

input, textarea, select{width: 100%;margin-bottom: 15px;padding:10px 25px;border:none;background:var(--white);color: var(--main);font-weight: 400;}
input[type="checkbox"]{width:15px;margin-right:5px;margin-bottom:0;}
.wpcf7-form .info{display:block;padding-left:35px;margin:15px 0 0;position: relative;}
.wpcf7-form .info:before{content:'i';display:block;width:25px;height:25px;text-align:center;align-content:center;border:solid 1px var(--main);border-radius:50%;position:absolute;top:0;left:0;}
.wpcf7-form .wpcf7-list-item{margin-left:0;margin-bottom:15px;}

.wpcf7 form .wpcf7-response-output{margin:0;}


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

#page-header{position:absolute;top:0;right:0;left:0;background:var(--white);z-index:999;}
#page-header .logo img{max-width:65%;display:block;}


#page-header .topheader{background:var(--lightgray);padding:5px 0 7.5px;}
#page-header .topheader .menu{text-align:right;}
#page-header .topheader .menu .mail, #page-header .topheader .menu .telefon, #page-header .topheader .menu .fernbetreuung{position:relative;margin-right:35px;display:inline-block;}
#page-header .topheader .menu .fernbetreuung{margin-right:0;}
#page-header .topheader .menu .mail a, #page-header .topheader .menu .telefon a{font-weight:300;font-size:85%;}
#page-header .topheader .menu .fernbetreuung a{font-weight:bold;font-size:85%;}
#page-header .topheader .menu .mail:before{content:'';width:20px;height:20px;display:block;background: url('media/icons/mail.svg');background-repeat:no-repeat;background-size:75%;background-position:center;position:absolute;top:3px;left:0;transition:all .3s ease;}
#page-header .topheader .menu .telefon:before{content:'';width:20px;height:20px;display:block;background: url('media/icons/telefon.svg');background-repeat:no-repeat;background-size:75%;background-position:center;position:absolute;top:3px;left:0;transition:all .3s ease;}
#page-header .topheader .menu .fernbetreuung:before{content:'';width:20px;height:20px;display:block;background: url('media/icons/fernbetreuung.svg');background-repeat:no-repeat;background-size:75%;background-position:center;position:absolute;top:3px;left:0;transition:all .3s ease;}

#page-header .mainheader{padding:15px 0;}
#page-header .mainheader #menu{text-align:right;height:100%;align-content:center;}
#page-header .mainheader #menu li{display:inline-block;padding:0 45px;}
#page-header .mainheader #menu li:before{display:none;}
#page-header .mainheader #menu li > a{position:relative;}
#page-header .mainheader #menu li > a:before{content:'';display:block;width:0;height:10px;background:var(--sec);transition:all .3s ease;position:absolute;bottom:0;left:0;z-index:-1;}
#page-header .mainheader #menu li:hover > a:before{width:80px;transition:all .3s ease;}
#page-header .mainheader #menu li.current-menu-item > a:after{content:'';display:block;width:80px;height:10px;background:var(--sec);transition:all .3s ease;position:absolute;bottom:0;left:0;z-index:-1;}
#page-header .mainheader #menu li.btn{padding:5px 50px;}
#page-header .mainheader #menu li.btn:hover a{color:var(--main);}
#page-header .mainheader #menu li.menu-item-has-children .sub-menu{display:none;position:absolute;top:25px;left:5px;background:var(--white);-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;width:max-content;}
#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;display:inline-block;}
#page-header .mainheader #menu li.menu-item-has-children .sub-menu li:after{left:10px;bottom:0;}
#page-header .mainheader #menu li.menu-item-has-children .sub-menu li > a{display:block;position:relative;}
#page-header .mainheader #menu .sub-menu li.current-menu-item > a:after{display:none;}
#page-header .mainheader #menu li.menu-item-has-children .sub-menu li a:before{content:'';width:100%;height:60%;position:absolute;top:40%;right:0;bottom:0;left:0;background: #00304F;background: linear-gradient(360deg,rgba(29, 14, 70, 1) 0%, rgba(29, 14, 70, 0) 100%);z-index:5;transition:all .3s ease;}
#page-header .mainheader #menu li.menu-item-has-children .sub-menu li a img{padding:0;}
#page-header .mainheader #menu li.menu-item-has-children .sub-menu li .menu-image-title{position: absolute;bottom: 15px;left: 15px;right: 15px;font-weight:bold;color:var(--white);z-index:9;text-align:center;padding:0;}
#page-header .mainheader #menu li.menu-item-has-children .sub-menu li:hover a::before{height:100%;top:0%;transition:all .3s ease;}

#page-header .mainheader .menubuttonburger{display:none;float:right;cursor:pointer;}
#page-header .mainheader .menubuttonburger span{display:block;width:40px;height:4px;border-radius:15px;background:var(--main);margin-bottom:7px;transition:all .3s ease;}
#page-header .mainheader .menubuttonburger.open span:nth-child(1){transform:rotate(45deg);margin-top:13px;}
#page-header .mainheader .menubuttonburger.open span:nth-child(2){opacity: 0;}
#page-header .mainheader .menubuttonburger.open span:nth-child(3){transform:rotate(-45deg);margin-top:-22px;}

#page-header.bottom{position:fixed;top:-40px;left:0;right:0;background:var(--white);-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 .logo img{max-width:50%;display:block;}

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


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

#page-footer{background:var(--main);padding:50px 0 15px;}

#page-footer .logo img{max-width:65%;margin:0;display:block;}
#page-footer .adresse{color:var(--white);font-weight:300;font-size:85%;}
#page-footer #menu a{font-weight:300;font-size:85%;color:var(--white);}
#page-footer #menu .mail:before{content:'';width:20px;height:20px;display:block;background: url('media/icons/mail_white.svg');background-repeat:no-repeat;background-size:75%;background-position:center;position:absolute;top:5px;left:0;transition:all .3s ease;}
#page-footer #menu .telefon:before{content:'';width:20px;height:20px;display:block;background: url('media/icons/telefon_white.svg');background-repeat:no-repeat;background-size:75%;background-position:center;position:absolute;top:5px;left:0;transition:all .3s ease;}

#page-footer .copyright{display:block;width:100%;margin-top:150px;}
#page-footer .copyright span{display:block;text-align:left;color:var(--white);font-size:85%;}
#page-footer .copyright #menu{text-align:right;}
#page-footer .copyright #menu li{display:inline-block;padding:0 10px;position:relative;}
#page-footer .copyright #menu li:last-child:before{content:'|';color:var(--white);position:absolute;left:-7.5px;top:1px;}

#page-footer .socialicons{bottom:unset;top:0;}
#page-footer .strichgrafik:before{background:url('media/icons/strichgrafik_hell.svg');background-size:100%;background-position:center;background-repeat:no-repeat;bottom:25px;}

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

.inhaltsbloecke{margin-top:140px;}
div[class^="flx_"], div[class*="flx_"]{padding:75px 0;}

.flx_headerblock{position:relative;padding-top:25px!important;}
.flx_headerblock .content{padding-right:25px;height:100%;align-content:center;}
/* .flx_headerblock.mitfarbe{height:250px;} */
.flx_headerblock.mitfarbe .content{top:unset;bottom:20%;padding-top:0;}
.flx_headerblock.mitfarbe .content.white *{color:var(--white);}
.flx_headerblock.mitfarbe .content .subline{margin-bottom:0;}

.flx_bildblock .inhalt{width:75%;display:block;margin:0 auto;}
.flx_bildblock .imageone{width:100%;display:block;position:relative;}
.flx_bildblock .imageone .inhalt{width:35%;position:absolute;bottom:15%;left:10%;background:rgba(29,14,70,0.9);padding:50px;}
.flx_bildblock .imageone .inhalt .headline{color:var(--white);}
.flx_bildblock .imageone .inhalt .subline{color:var(--white);}
.flx_bildblock img{width:100%;}
.flx_bildblock .imagetwo{width: 40%;float: right;margin-top: -250px;position: relative;}

.flx_bildblock.grid .col-lg-4{padding:10px;}
.flx_bildblock.grid .item{display:block;height:100%;width:100%;text-align:center;align-content:center;}
.flx_bildblock.grid .item .headline{font-size:325%;font-weight:bold;padding:0 15px;margin:0;}
.flx_bildblock.grid .item .beschreibung{font-size:160%;padding:0 15px;display:block;line-height:1.2;}
.flx_bildblock.grid .item.zitat{position:relative;align-content: end;}
.flx_bildblock.grid .item.zitat:before{content:'';width:65px;height:65px;display:block;background: url('media/icons/quote_blue.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:15px;right:50px;transition:all .3s ease;}
.flx_bildblock.grid .item.zitat.blue:before{content:'';width:65px;height:65px;display:block;background: url('media/icons/quote_yellow.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:15px;right:50px;transition:all .3s ease;}
.flx_bildblock.grid .item .zitat{display: block;font-size: 160%;font-weight: bold;padding:0 40px;text-align: left;line-height:1.4;}
.flx_bildblock.grid .item .name{display: block;text-align: right;padding:0 40px;margin:15px 0 35px;font-weight: normal;}

.flx_textblock .headline{margin-bottom:15px;}
.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.mitbildrechts img{position:relative;z-index:99;}
.flx_textblock.mitbildrechts .grafisches_element{display:block;width:100px;height:100px;background:var(--sec);position:absolute;bottom:-25px;left:-10px;opacity:0.8;z-index:100;}
.flx_textblock.mitbildlinks img{position:relative;z-index:99;}
.flx_textblock.mitbildlinks .grafisches_element{display:block;width:100px;height:100px;background:var(--sec);position:absolute;bottom:-25px;left:-10px;opacity:0.8;z-index:100;}

.flx_textblock.mitslider .text{align-content:center;}
.flx_textblock.mitslider .slider .owl-controls{width:35%;margin:15px auto;}
.flx_textblock.mitslider .slider .owl-controls .owl-dots{text-align:center;}
.flx_textblock.mitslider .slider .owl-controls .owl-dots .owl-dot{display:inline-block;width:15px;height:15px;background:var(--lightgray);border-radius:50%;margin:10px 5px;transition:all .3s ease;}
.flx_textblock.mitslider .slider .owl-controls .owl-dots .owl-dot.active{background:var(--main);transition:all .3s ease;}
.flx_textblock.mitslider .slider .owl-controls .owl-nav{position:relative;}
.flx_textblock.mitslider .slider .owl-controls .owl-nav .owl-prev{display:block;width:35px;height:35px;background:url('media/icons/arrow_left.svg');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;left:0;top:0;}
.flx_textblock.mitslider .slider .owl-controls .owl-nav .owl-next{display:block;width:35px;height:35px;background:url('media/icons/arrow_left.svg');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;right:0;top:0;transform:rotate(180deg);}

.flx_textblock.dreier .headline{margin-bottom:50px;}
.flx_textblock.dreier .text{padding:25px;}
.flx_textblock.dreier .text h3{font-weight:300;}
.flx_textblock.dreier .text h3 strong{line-height:1.2;}

.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_kachelblock .fuenftel{flex:0 0 20%;max-width:20%;}
.flx_kachelblock.links .left .content{position:sticky;top:125px;padding-right:75px;}
.flx_kachelblock.rechts .right .content{position:sticky;top:125px;padding-left:45px;text-align:right;}
/* .flx_kachelblock.rechts .right .content .headline{text-align:right;} */
/* .flx_kachelblock .right .headline{margin-bottom:100px;font-size:160%;} */
.flx_kachelblock .right .kachel{margin-bottom:30px;margin-top:0;}
.flx_kachelblock .right .kachel:nth-child(2n){margin-bottom:80px;margin-top:-50px;}
.flx_kachelblock .left .kachel{margin-bottom:80px;margin-top:-50px;}
.flx_kachelblock .left .kachel:nth-child(2n){margin-bottom:30px;margin-top:0;}
.flx_kachelblock .item{padding:35px;background:var(--lightgray);height:100%;}
.flx_kachelblock .item.bild{padding:0;background:0;}
.flx_kachelblock .item .icon{text-align:right;}
.flx_kachelblock .item .icon img{width:60px;height:60px;margin:0;transition:all .3s ease;}
.flx_kachelblock .item .inhalt{text-align:left;}
.flx_kachelblock .item .inhalt .headline{font-size:125%;margin-bottom:15px;}

.flx_kachelblock.only .row{justify-content:center;}
.flx_kachelblock.only .item{padding:2.5px;background:none;position:relative;}
.flx_kachelblock.only .item:before{content:'';position:absolute;top:2.5px;left:2.5px;right:2.5px;bottom:2.5px;background:var(--main);opacity:0.5;transition:all .3s ease;}
.flx_kachelblock.only .item:after{content:'';position:absolute;top:100%;left:2.5px;right:2.5px;bottom:2.5px;background:var(--main);background: linear-gradient(360deg,rgba(29, 14, 70, 0.75) 50%, rgba(29, 14, 70, 0) 100%);transition:all .3s ease;}
.flx_kachelblock.only .item .headline{position:absolute;top:50px;left:35px;right:35px;z-index:99;color:var(--white);font-size:150%;font-weight:bold;line-height:1.2;}
.flx_kachelblock.only .item .icon{opacity:1;position:absolute;bottom:50px;left:35px;z-index:99;transition:all .3s ease;}
.flx_kachelblock.only .item .inhalt{opacity:0;position:absolute;bottom:0;left:35px;right:35px;z-index:99;transition:all .3s ease;}
.flx_kachelblock.only .item .inhalt li, .flx_kachelblock.only .item .inhalt p, .flx_kachelblock.only .item .inhalt a{color:var(--white);margin:0;}
.flx_kachelblock.only .item .inhalt li{padding-left:12.5px;}
.flx_kachelblock.only .item .inhalt li:before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:var(--white);position:absolute;left:0;top:10px;}
.flx_kachelblock.only .item:hover:after{top:2.5px;transition:all .3s ease;}
.flx_kachelblock.only .item:hover .inhalt{opacity:1;bottom:35px;transition:all .3s ease;}
.flx_kachelblock.only .item:hover .icon img{width:0;height:0;transition:all .3s ease;}
.flx_kachelblock.only .item:hover .headline{opacity:0;transition:all .3s ease;}

.flx_leistungsblock .inhalt{width:85%;display:inline-block;}
.flx_leistungsblock .inhaltsbild{width:10%;display:inline-block;margin-top:-75px;}
.flx_leistungsblock .row{width:100%;}
.flx_leistungsblock .item{margin-top:35px;}
.flx_leistungsblock .item .bild{position:relative;}
.flx_leistungsblock .item .bild .headline{position:absolute;bottom:10%;left:25px;width:calc(100% - 50px);color:var(--white);font-size:165%;font-weight:bold;margin:0;display:block;}
.flx_leistungsblock .item .content{background:var(--lightgray);padding:25px;min-height:360px;}
.flx_leistungsblock .item .content ul li{padding-left:10px;margin:0;}
.flx_leistungsblock .item .content ul li:before{content:'•';position: absolute;top: 0;left: 0;}

.flx_kontaktblock.mitkarte .headline{margin-bottom:75px;}
.flx_kontaktblock.mitkarte .inhalt{padding-right:100px;}
.flx_kontaktblock.mitkarte .inhalt strong{font-size:160%;}

.flx_kontaktblock.mitmehrerenpartner{position:relative;}
.flx_kontaktblock.mitmehrerenpartner .row{justify-content:center;}
.flx_kontaktblock.mitmehrerenpartner:before{content:'';display:block;width:100%;height:400px;background:url('media/icons/strichgrafik_gross.svg');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;bottom:15%;left:0;z-index:-1;}
.flx_kontaktblock.mitmehrerenpartner .inhalt{width:65%;margin:0 auto;display:block;}
.flx_kontaktblock.mitmehrerenpartner .kontaktbutton{display:block;width:max-content;margin:75px auto 0;}
.flx_kontaktblock.mitmehrerenpartner .item{margin-top:35px;}
.flx_kontaktblock.mitmehrerenpartner .item .content .name{font-size:165%;font-weight:bold;display:block;margin-top:25px;}
.flx_kontaktblock.mitmehrerenpartner .item .content .position{font-size:100%;font-weight:300;display:block;margin-top:0;margin-bottom:15px;}
.flx_kontaktblock.mitmehrerenpartner .item .content .popup{display:none;}
.flx_kontaktblock.mitmehrerenpartner .item .content .popup .popupbackground{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.8);z-index:99998;}
.flx_kontaktblock.mitmehrerenpartner .item .content .popup .close{position: absolute;top: 0;right: 0;padding: 15px;line-height: 1;background: var(--main);color: var(--white);font-weight: 600;font-size: 150%;cursor: pointer;transition:all .3s ease;}
.flx_kontaktblock.mitmehrerenpartner .item .content .popup .close:hover{background: var(--sec);color: var(--main);transition:all .3s ease;}
.flx_kontaktblock.mitmehrerenpartner .item .content .popup .inner{padding: 50px;text-align: left;position: fixed;top: 10%;left: 25%;right: 25%;bottom: 10%;background: #fff;z-index: 99999;overflow:scroll;}
.flx_kontaktblock.mitmehrerenpartner .item .content .popup.active{display:block;}


.flx_kontaktblock.miteinempartner .right{align-content:center;}
.flx_kontaktblock.miteinempartner .item{margin-top:35px;}
.flx_kontaktblock.miteinempartner .item .name{font-size:165%;font-weight:bold;display:block;margin-top:25px;}
.flx_kontaktblock.miteinempartner .item .position{font-size:100%;font-weight:300;display:block;margin-top:0;margin-bottom:15px;}

.flx_kontaktblock.mitformular .formular{padding:50px;background:var(--lightgray);}
.flx_kontaktblock.mitformular .inhalt strong{font-size:160%;}

/* .flx_timeline .slider .owl-stage-outer{overflow:visible;} */
.flx_timeline .slider .item{position:relative;}
.flx_timeline .slider .item:before{content:'';display:block;width:20px;height:20px;position:absolute;left:-10px;top:65px;background:var(--main);border-radius:50%;}
.flx_timeline .slider .item .striche{position: relative;}
.flx_timeline .slider .item .striche:before{content:'';display:block;width:100%;height:1px;position:absolute;left:0;top:50%;background:var(--main);opacity:0.2;}
.flx_timeline .slider .item .striche .strich{width:calc(100% / 9);height:145px;display:inline-block;position:relative;}
.flx_timeline .slider .item .striche .strich:before{content:'';display:block;width:1px;height:50%;position:absolute;left:0;top:25%;background:var(--main);opacity:0.2;}
.flx_timeline .slider .item .striche .strich:first-child:before{content:'';display:block;width:1px;height:100%;position:absolute;left:0;top:0;background:var(--main);opacity:0.2;}
.flx_timeline .slider .item .jahreszahl{font-size:315%;font-weight:bold;display:block;}
.flx_timeline .slider .item .inhalt{display:block;padding-right:65px;}
.flx_timeline .slider .owl-controls{width:35%;margin:35px auto 0;}
.flx_timeline .slider .owl-controls .owl-dots{text-align:center;margin:0 auto;width:70%;}
.flx_timeline .slider .owl-controls .owl-dots .owl-dot{display:inline-block;width:15px;height:15px;background:var(--lightgray);border-radius:50%;margin:10px 5px;transition:all .3s ease;}
.flx_timeline .slider .owl-controls .owl-dots .owl-dot.active{background:var(--main);transition:all .3s ease;}
.flx_timeline .slider .owl-controls .owl-nav{position:relative;}
.flx_timeline .slider .owl-controls .owl-nav .owl-prev{display:block;width:35px;height:35px;background:url('media/icons/arrow_left.svg');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;left:0;top:0;}
.flx_timeline .slider .owl-controls .owl-nav .owl-next{display:block;width:35px;height:35px;background:url('media/icons/arrow_left.svg');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;right:0;top:0;transform:rotate(180deg);}

.flx_stimmenblock .headline{margin-bottom:75px;}
.flx_stimmenblock .item .bild img{width:15%;margin:0 auto -35px;display:block;}
.flx_stimmenblock .item .inhalt{padding:75px 100px;margin-bottom:15px;background:var(--lightgray);text-align:center;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);}
.flx_stimmenblock .item .inhalt .name{display:block;margin-top:25px;text-align:center;}
.flx_stimmenblock .slider .owl-controls{width:35%;margin:35px auto 0;}
.flx_stimmenblock .slider .owl-controls .owl-dots{text-align:center;}
.flx_stimmenblock .slider .owl-controls .owl-dots .owl-dot{display:inline-block;width:15px;height:15px;background:var(--lightgray);border-radius:50%;margin:10px 5px;transition:all .3s ease;}
.flx_stimmenblock .slider .owl-controls .owl-dots .owl-dot.active{background:var(--main);transition:all .3s ease;}
.flx_stimmenblock .slider .owl-controls .owl-nav{position:relative;}
.flx_stimmenblock .slider .owl-controls .owl-nav .owl-prev{display:block;width:35px;height:35px;background:url('media/icons/arrow_left.svg');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;left:0;top:0;}
.flx_stimmenblock .slider .owl-controls .owl-nav .owl-next{display:block;width:35px;height:35px;background:url('media/icons/arrow_left.svg');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;right:0;top:0;transform:rotate(180deg);}

.flx_benefits .headline{margin-bottom:35px;}
.flx_benefits .item{margin:15px 0;}
.flx_benefits .item .icon{margin:10px auto;display:block;}
.flx_benefits .item .subline{font-size:125%;display:block;text-align:center;padding:0 25px;}

.flx_stellenuebersicht .container .row{row-gap: 30px;}
.flx_stellenuebersicht .item{padding:35px;background:var(--lightgray);height:100%;align-content:center;margin-bottom:30px;}
.flx_stellenuebersicht .item.backgrounddark{background:var(--main);}
.flx_stellenuebersicht .item.backgrounddark .headline, .flx_stellenuebersicht .item.backgrounddark .subline, .flx_stellenuebersicht .item.backgrounddark .small, .flx_stellenuebersicht .item.backgrounddark .button a{color:var(--white);}
.flx_stellenuebersicht .item .icon{text-align:right;margin-bottom:25px;}
.flx_stellenuebersicht .item .headline{font-size:200%;}
.flx_stellenuebersicht .item .headline .small{font-size:65%;font-weight:bold;display:block;}
.flx_stellenuebersicht .item .subline{font-size:115%;display:block;margin-bottom:5px;}
.flx_stellenuebersicht .item .button{text-align:right;display:block;}

.flx_stellenuebersicht .item.initiativ{background:var(--main);}
.flx_stellenuebersicht .item.initiativ .headline, .flx_stellenuebersicht .item.initiativ .subline, .flx_stellenuebersicht .item.initiativ .btn.plus{color:var(--white);}
.flx_stellenuebersicht .item.initiativ .btn.plus:after{background: url('media/icons/plus_white.svg');background-repeat:no-repeat;background-size:100%;background-position:center;}

.flx_faqblock .accordion{margin-top:50px;}
.flx_faqblock .accordion .card{background:var(--lightgray);padding:25px 40px;margin:15px 0;position: relative;}
.flx_faqblock .accordion .card-header h2{font-size:160%;margin:0;}
.flx_faqblock .accordion .card-header .btn{background:none;width:100%;padding:0;position: unset;}
.flx_faqblock .accordion .card-header .btn:before{content:'';display:block;width:25px;height:15px;background:url('media/icons/arrow_down.svg');background-position:center;background-repeat:no-repeat;background-size:100%;position:absolute;bottom:25px;right:25px;transform:rotate(180deg);transition:all .3s ease;}
.flx_faqblock .accordion .card-header .btn.collapsed:before{transform:rotate(0deg);transition:all .3s ease;}
.flx_faqblock .accordion .card-header .btn:hover, .flx_faqblock .accordion .card-header .btn:focus{text-decoration:none;}
.flx_faqblock .accordion .card-header .btn .headline{font-size:100%;font-weight:bold;display:block;margin:0;text-align:left;}
.flx_faqblock .accordion .card-header .btn .subline{font-size:100%;font-weight:normal;display:block;margin:0;text-align:left;}
.flx_faqblock .accordion .card-body{margin-top:15px;}

.flx_downloads .headline{margin-bottom:50px;}
.flx_downloads .item .btn{background:var(--lightgray);width:100%;text-align:left;margin-bottom:30px;position:relative;padding-left:50px;transition:all .3s ease;min-height:67px;align-content:center;}
.flx_downloads .item .btn:hover{background:var(--main);color:var(--white);transition:all .3s ease;}
.flx_downloads .item .btn:before{content:'';display:block;width:25px;height:25px;background:url('media/icons/downloadicon.svg');background-position:center;background-repeat:no-repeat;background-size:100%;position:absolute;top:calc(50% - 12.5px);left:10px;transition:all .3s ease;}
.flx_downloads .item .btn:hover:before{content:'';display:block;width:25px;height:25px;background:url('media/icons/downloadicon_white.svg');background-position:center;background-repeat:no-repeat;background-size:100%;position:absolute;top:calc(50% - 10px);left:10px;transition:all .3s ease;}

.flx_aufzahlungsblock .text{width:100%;display:block;margin-bottom:35px;padding-top:75px;position: relative;}
.flx_aufzahlungsblock .text:before{content:'';width:92.5%;height:2px;display:block;background:var(--lightgray);position:absolute;top:-1px;left:0;}
.flx_aufzahlungsblock .text:after{content:'';width:65px;height:65px;display:block;background:url('media/icons/aufzaehulung_icon.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:-32.5px;right:5px;}
.flx_aufzahlungsblock ul li{margin:15px 0;font-size:140%;padding:0 30px;}
.flx_aufzahlungsblock ul li:before{content:'';width:20px;height:20px;display:block;background:url('media/icons/li_check.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:7.5px;left:0;}

.flx_buttonblock .btn.outline{background:none;border:solid 2px var(--main);margin-bottom:10px;margin-right:5px;border-radius:0;}
.flx_buttonblock .btn.outline:hover{background:var(--main);color:var(--white);transition:all .3s ease;}


.flx_popupblock .popup{display:none;}
.flx_popupblock .popup .popupbackground{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.8);z-index:99998;}
.flx_popupblock .popup .close{position: absolute;top: 0;right: 0;padding: 15px;line-height: 1;background: var(--main);color: var(--white);font-weight: 600;font-size: 150%;cursor: pointer;transition:all .3s ease;}
.flx_popupblock .popup .close:hover{background: var(--sec);color: var(--main);transition:all .3s ease;}
.flx_popupblock .popup .inner{padding: 50px;text-align: left;position: fixed;top: 10%;left: 15%;right: 15%;bottom: 10%;background: #fff;z-index: 99999;overflow:scroll;}
.flx_popupblock .popup.active{display:block;}

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


#karrieresingle{margin-top:140px;}
#karrieresingle .headerbild{margin-bottom:-100px;}
#karrieresingle .widebtn{margin-bottom:100px;}
#karrieresingle .headline .small{font-size:55%;font-weight:bold;margin-left:20px;display:inline-block;position:relative;z-index: 5;}
#karrieresingle .subline{margin-bottom:15px;}
#karrieresingle ul li{margin:15px 0;display:block;position: relative;padding-left:20px;}
#karrieresingle ul li:before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:var(--main);position:absolute;top:10px;left:0;}

#karrieresingle .content .start, #karrieresingle .content .umfang{font-size:115%;font-weight:bold;padding-left:40px;position:relative;display:block;margin:35px 0;}
#karrieresingle .content .start:before{content:'';width:30px;height:30px;display:block;background: url('media/icons/clock.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:-2px;left:0;transition:all .3s ease;}
#karrieresingle .content .umfang:before{content:'';width:30px;height:30px;display:block;background: url('media/icons/workbag.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:-2px;left:0;transition:all .3s ease;}
#karrieresingle .content strong{font-size:160%;}

#karrieresingle .formular{padding:50px;background:var(--lightgray);margin-left:100px;margin-bottom:75px;}
#karrieresingle .formular .headline{font-size:160%;margin-bottom:0;}
#karrieresingle .formular .subline{margin-bottom:35px;}
#karrieresingle .formular .subline .small{font-size:60%;font-weight:normal;margin-left:10px;display:inline-block;}

#karrieresingle .profil{padding-right:50px;}
#karrieresingle .aufgaben{padding-left:50px;}

/*-------------------------------------------------------------------------------------------*/
@media (min-width:1921px){

    .strichgrafik::before{height:165px;}

    .flx_kontaktblock.mitmehrerenpartner::before{height:475px;}

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

    .container{padding:0 50px;}

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

    h1, h2{font-size:275%;}
    .subline{font-size:125%;}

    .flx_bildblock.grid .item .headline{font-size:275%;}
    .flx_bildblock.grid .item .beschreibung{font-size:125%;}
    .flx_bildblock.grid .item .zitat{font-size:125%;}
    .flx_bildblock.grid .item .name{padding:0 25px;}
    .flx_bildblock.grid .item.zitat.blue::before{width:45px;height:45px;top:5px;right:15px;}
    .flx_bildblock.grid .item.zitat::before{width:45px;height:45px;top:5px;right:15px;}

    .flx_bildblock .imageone .inhalt{width:50%;}

    .flx_timeline .slider .item .striche .strich{width:calc(100% / 9.3);}

    .flx_stimmenblock .item .inhalt{padding:50px;}

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

    .flx_kachelblock.only .item .inhalt strong{font-size:125%;}

    .flx_benefits .item .subline{font-size:100%;}

    .flx_leistungsblock .item .content{min-height:330px;}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1199px){
 
    h1, h2{font-size:225%;}

    .strichgrafik::before{bottom:0;}

    #page-header .mainheader #menu li{padding:0 40px;}

    .flx_headerblock .bild{height:100%;align-content:center;}

    .flx_bildblock.grid .item .headline{font-size:250%;}
    .flx_bildblock.grid .item .beschreibung{font-size:100%;}
    .flx_bildblock.grid .item .zitat{font-size:100%;padding:0 15px;}
    .flx_bildblock.grid .item .name{padding:0 15px;font-size:90%;}

    .flx_kontaktblock.mitmehrerenpartner .item .name{font-size:120%;}
    .flx_kontaktblock.mitmehrerenpartner .item .position{font-size:85%;}
    .flx_kontaktblock.mitmehrerenpartner .item .content .popup .inner{left:10%;right:10%;}

    .flx_kontaktblock.mitkarte .inhalt{padding-right:15px;}

    .flx_faqblock .accordion .card-header h2{font-size:125%;}

    .flx_stellenuebersicht .row{gap:30px 0;}

    .flx_kachelblock .right .headline{margin-bottom:50px;}
    .flx_kachelblock .right .kachel{flex:0 0 100%;max-width:100%;}
    .flx_kachelblock .right .kachel:nth-child(2n){margin-top:0;margin-bottom:30px;}

    .flx_kachelblock .fuenftel{flex:0 0 33%;max-width:33%;}

    .flx_textblock .bild{align-content:center;}

    .flx_popupblock .popup .inner{left:10%;right:10%;}

    #karrieresingle .formular{margin-left:50px;padding:25px;}

    #page-footer .copyright{margin-top:75px;}

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

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

    .inhaltsbloecke{margin-top:120px;}
    .strichgrafik::before{width:100%;height:140px;}

    #page-header .mainheader #menu li{padding:0 15px;}
    #page-header .logo img{max-width:85%;}
    #page-header.bottom .logo img{max-width:65%;}
    #page-header .mainheader #menu li.menu-item-has-children .sub-menu{left:-150px;}

    .flx_headerblock .content{margin-bottom:25px;}

    .flx_textblock .text{order:1;margin-bottom:25px;}
    .flx_textblock .bild, .flx_textblock .sliderwrapper{order:2;}

    .flx_textblock.dreier .headline{text-align:left!important;}
    .flx_textblock.dreier .text{margin-bottom:0;padding:0;}

    .flx_bildblock.grid .item .headline{font-size:175%;}
    .flx_bildblock.grid .item .beschreibung{font-size:75%;}

    .flx_bildblock .imageone{margin-bottom:50px;}
    .flx_bildblock .imageone .inhalt{bottom:-50%;width:80%;}

    .flx_kachelblock .text{order:1;margin-bottom:25px;}
    .flx_kachelblock .kacheln{order:2;}
    .flx_kachelblock .right .headline{margin-bottom:100px;}
    .flx_kachelblock .right .kachel{flex:0 0 50%;max-width:50%;}
    .flx_kachelblock .right .kachel:nth-child(2n){margin-top:-30px;margin-bottom:80px;}
    
    .flx_kachelblock.links .left .content{padding-right:15px;}

    .flx_kontaktblock .leer{display:none;}
    .flx_kontaktblock .text{order:1;margin-bottom:25px;}
    .flx_kontaktblock .person{order:2;}

    .flx_kontaktblock.mitmehrerenpartner .headline, .flx_kontaktblock.mitmehrerenpartner .subline, .flx_kontaktblock.mitmehrerenpartner .inhalt p{text-align:left!important;}
    .flx_kontaktblock.mitmehrerenpartner .inhalt{width:100%;}

    .flx_timeline .slider .owl-controls{width:55%;}

    #page-footer .platzhalter{display:none;}
    #page-footer .socialicons{bottom:0;top:unset;}
    #page-footer .col-lg-2{margin-bottom:30px;}
    #page-footer .logo img{max-width:30%;margin:0;}
    #page-footer #menu .menu li{padding-left:0;}
    #page-footer .copyright{margin-top:50px;}
    #page-footer .copyright span{text-align:left;}
    #page-footer .copyright #menu{position:relative;z-index: 99;}

    #karrieresingle .formular{margin-left:0;}
    #karrieresingle .aufgaben{padding-left:0;margin-top:50px;}

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

    .container{padding:0 20px;}

    #page-header .logo img, #page-header .topheader{position:relative;z-index:99;}
    #page-header .logo img{max-width:100%;}

    #page-header .mainheader #menu{display:none;position:fixed;left:0;top:0;width:100%;background:var(--white);align-content:start;padding-top:150px;}
    #page-header .mainheader #menu.open{display:block;}
    #page-header .mainheader #menu li{display:block;text-align:center;width:100%;margin:25px auto;}
    #page-header .mainheader #menu li.btn{width:75%;}

    #page-header .mainheader .menubuttonburger{display:block;margin-top:7.5px;}

    #page-header .mainheader #menu li.menu-item-has-children .sub-menu{left:0;width:100%;text-align:center;}
    #page-header .mainheader #menu li.menu-item-has-children .sub-menu li{width:32.7%;margin:0;}
    #page-header .mainheader #menu li.open .sub-menu{display:block;}

    #page-header.bottom .mainheader #menu{top:50px;}
    #page-header.bottom .logo img{max-width:100%;}

    .flx_bildblock.grid .item .text{min-height:275px;align-content: center;}
    .flx_bildblock.grid .item .headline{font-size:275%;}
    .flx_bildblock.grid .item .beschreibung{font-size:175%;}
    .flx_bildblock.grid .item .name{margin:0;}
    .flx_bildblock.grid .item .zitat{font-size:175%;}

    .flx_bildblock .imageone .inhalt{position:unset;width:100%;}

    .flx_leistungsblock .item .bild img{width:100%;}

    .flx_timeline .slider .owl-controls{width:100%;}

    .flx_kachelblock .item{padding:15px;}
    .flx_kachelblock .left .kachel{flex:0 0 50%;max-width:50%;}
    .flx_kachelblock .fuenftel{flex:0 0 50%;max-width:50%;}

    #page-footer .copyright #menu{text-align:left;margin-top:25px;}

    #karrieresingle{margin-top:110px;}
    #karrieresingle .widebtn{margin:35px 0;}
    #karrieresingle .content .start{margin:10px 0;}
    #karrieresingle .content .umfang{margin:10px 0 35px;}

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

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

    div[class^="flx_"], div[class*="flx_"]{padding:25px 0;}
    .inhaltsbloecke{margin-top:100px;}
    h1{font-size:190%;}
    h2{font-size:160%;}
    h3{font-size:125%;}

    .headline.right, .subline.right, .headline.center, .subline.center{text-align:left;}

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

    .headline b::before{height:10px;}

    #page-header .topheader{display:none;}
    #page-header.bottom{top:0;}

    #page-header .logo img, #page-header.bottom .logo img{max-width:30%;}
    #page-header .mainheader .menubuttonburger, #page-header.bottom .mainheader .menubuttonburger{margin-top:-37.5px;}

    #page-header .mainheader #menu li.menu-item-has-children .sub-menu{width:55%;left:22.5%;}
    #page-header .mainheader #menu li.menu-item-has-children .sub-menu li{width:100%;}
    #page-header .mainheader #menu li.menu-item-has-children .sub-menu li img{width:100%;}

    #page-footer .strichgrafik::before{bottom:85px;}
    #page-footer .logowrapper{order:1;}
    #page-footer .kontaktwarpper{order:2;}
    #page-footer .adressewrapper{order:3;}
    #page-footer .menuwrapper{order:4;}
    #page-footer .socialwrapper{order:5;}

    .flx_bildblock.grid .item .text{min-height:215px;}
    .flx_bildblock.grid .item .headline{font-size:225%;}
    .flx_bildblock.grid .item .beschreibung{font-size:125%;}
    .flx_bildblock.grid .item .zitat{font-size:125%;}

    .flx_bildblock .imageone .inhalt{padding:25px 15px;}

    .flx_textblock.mitslider .slider .owl-controls, .flx_stimmenblock .slider .owl-controls{width:75%;}

    .flx_kachelblock .right .kachel{flex:0 0 100%;max-width:100%;}
    .flx_kachelblock .left .kachel{padding:5px;margin:0!important;}
    .flx_kachelblock .left .kachel, .flx_kachelblock .right .kachel:nth-child(2n){margin-top:0px;margin-bottom:30px;}
    
    .flx_kachelblock.rechts .right .content .headline{text-align:left;margin-bottom:25px;}
    .flx_kachelblock.rechts .right .content{padding-left:15px;text-align:left;}

    .flx_kachelblock.only .item .headline{left:15px;top:30px;right:15px;font-size:115%;transition:all .3s ease;}
    .flx_kachelblock.only .item .icon{left:15px;bottom:30px;}
    .flx_kachelblock.only .item .inhalt{left:15px;right:15px;bottom:30px;}
    .flx_kachelblock.only .item .inhalt li, .flx_kachelblock.only .item .inhalt p, .flx_kachelblock.only .item .inhalt a{font-size:75%;}
    .flx_kachelblock.only .item:hover .headline{opacity:0;transition:all .3s ease;}

    .flx_stellenuebersicht .item{padding:15px;}
    .flx_stellenuebersicht .item .icon img{width:15%;}
    .flx_stellenuebersicht .item .subline{font-size:100%;}

    .flx_benefits .item .subline{padding:0;}

    .flx_kontaktblock.mitformular .formular{padding:15px;}

    .flx_buttonblock .btn.outline{width:100%;}

    .flx_kontaktblock.mitkarte .headline{margin-bottom:25px;}
    .flx_kontaktblock.mitkarte .inhalt strong{font-size:125%;}

    .flx_kontaktblock.mitformular .inhalt strong{font-size:115%;}

    .flx_kontaktblock.mitmehrerenpartner .item .content .popup .inner{top:5%;right:4%;bottom:5%;left:5%;padding:25px;}

    .flx_aufzahlungsblock{padding-top:25px!important;}
    .flx_aufzahlungsblock h3{text-align:left!important;}
    .flx_aufzahlungsblock ul li{font-size:100%;margin:10px 0;}
    .flx_aufzahlungsblock .text::before{width:85%;}
    .flx_aufzahlungsblock .text::after{width:45px;height:45px;top:-17.5%;right:15px;}

    .flx_popupblock .popup .inner{top:5%;right:4%;bottom:5%;left:5%;padding:25px;}

    #karrieresingle .headline .small{margin-left:0;}
    #karrieresingle .content .start, #karrieresingle .content .umfang{font-size:100%;}

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

    .flx_kachelblock .fuenftel{flex:0 0 100%;max-width:100%;}
    .flx_kachelblock .fuenftel .item{width:max-content;margin:0 auto;}

    .flx_kachelblock.only .item .inhalt li, .flx_kachelblock.only .item .inhalt p, .flx_kachelblock.only .item .inhalt a{font-size:100%;}


}