/**
 *
 * Theme Name:        Roeloffzen, Höing und Gaupels Steuerberater X MOLECO GmbH
 * Theme URI:         https://www.moleco.de
 * Description:       Dieses Theme wurde erstellt durch die MOLECO GmbH - Agentur für digitale Kommunikation
 * Version:           1.0.0
 * Author:            MOLECO GmbH
 * Author URI:        https://www.moleco.de
 * Tested up to:      6.8.1
 * Requires at least: 6.8.1
 * Requires PHP:      8.3.22
 *
 */

:root{

--main: #2B5288 ;
--mainhover: #1B3043;
--sec: #F5F5F5 ;
--button: #071F35;
--buttonhover: #0f4373;
--white: #ffffff;
--headline: #4D4D4D;
--footerborder: #B7B7B7;
}

body,html,*{font-size:16px;line-height:1.5;font-family:'Inter';font-weight:300;color: var(--headline);}
html{scroll-behavior: smooth;}

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

li{list-style:none;padding-left:30px;position:relative;}
.flx_textblock.mitbildrechts ul{display: flex;flex-wrap: wrap;width: 100%;padding-top: 20px;}
.flx_textblock.mitbildrechts li{width: 50%;padding-left: 40px;padding-bottom: 20px;font-weight: 600;}
.flx_textblock.mitbildrechts li:before{content:'';width:50px;height:50px;display:block;background:url('media/icons/prufen.svg');position:absolute;top:0;left:0;background-repeat: no-repeat;}

ul{padding:0;margin:0;}

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

h1{font-size:425%;display:block;width:max-content;position:relative;color:var(--main);margin:0;}
h2{font-size:325%;display:block;color:var(--main);margin:0;}
h3{font-size:225%;display:block;color:var(--main);margin:0;}

.headline{font-weight:200;display:block;color:var(--headline);font-family:'Special Gothic Condensed One';text-transform: uppercase;font-size: 300%;margin-bottom: 20px;}
.subline{font-size:100%;font-weight:300;display:block;color:var(--main);position: relative;padding-left: 70px;margin-bottom: 20px;}
.subline::before{content:'';position: absolute;left: 0;top: 10px;width: 60px;height: 1px;background-color: var(--main);display: block;}

.btn{position:relative;padding:8px 70px 10px 20px;font-size:95%;color:var(--main);transition:all .3s ease;line-height:1;text-align:center;text-decoration:none;border-radius:20px;border-color: var(--main);}
.btn:hover{background-color:var(--headline)!important;transition:all .3s ease;color:var(--white);border-color: var(--white);font-weight: 500;}
.btn.normal{top: 700px;left: -605px;background-color: var(--main);color: var(--white);padding: 10px 70px 10px 20px;position: absolute;}
.btn.pfeil::before{content:'';display:block;width:22px;height:28px;background:url('media/icons/pfeil.webp');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;top:5px;right: 25px;}
.btn.pfeil{padding-left: 20px;padding-top: 10px; padding-right: 60px;}

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

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

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

#page-header{position:absolute;top:0;right:0;left:0;padding:0;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:9999;}

#page-header.bottom{padding:20px 0;position:fixed;top:0;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:9999;}
#page-header.bottom .topheader{display:none;}
#page-header.bottom .logo img{max-width:50%;}
#page-header.bottom .mainheader{padding:0;}

#page-header{position:absolute;top:0;right:0;left:0;padding:25px 0;z-index:999;background:var(--green);background: white;}
#page-header .logo img{width:200px;}
#page-header.bottom{padding:20px 0;position:fixed;top:0;left:0;right:0;background:white; align-content: center;-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:200px;margin-bottom:0px;}

@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:10px 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:-1px;}
#page-header #toppermenu .menu li.current-menu-item a{color: var(--main);font-weight: 600;}
#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;transition:all .3s ease;}
#page-header #toppermenu .menu li a{display:block;transition:all .3s ease;color: var(--headline);font-weight: 600;}
#page-header #toppermenu .menu li a:hover{color:var(--main);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{text-decoration: none;}
#page-header #toppermenu .menu li.menu-item-has-children a{padding:19px 30px;}
#page-header #toppermenu .menu li:last-child a{font-size: 95%;text-decoration: none;padding-right: 0px;}
#page-header #toppermenu .menu li:nth-last-child(2) a{font-size: 95%;text-decoration: none;}

#page-header .row{align-items: center;}

    #page-header #toppermenu .burgerbutton{display:none;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(--headline);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-item-478::after{content: '';width: 15px;height: 10px;background: url('media/icons/dropdownpfeil.svg');position: relative;top: 27px;left: -15px;background-repeat: no-repeat;}

#page-header .sub-menu{position: absolute;left: 60px;top: 100%;background: var(--white);display: none;}
#page-header #toppermenu #menu-item-478:hover .sub-menu{display: block;text-align: left;width: 350px;-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);}

#page-header #toppermenu #menu-item-276::after{content: '';width: 60px;height: 60px;background: url('media/icons/sprechen.svg');position: absolute;top: 0;left: 25px;background-repeat: no-repeat;transform:scale(0.5);}
#page-header #toppermenu #menu-item-276{padding-left: 60px;border-top: none;}
#page-header #toppermenu #menu-item-276:hover{border-left: solid 5px var(--main);}

#page-header #toppermenu #menu-item-275::after{content: '';width: 60px;height: 60px;background: url('media/icons/lupe.svg');position: absolute;top: -15px;left: 25px;background-repeat: no-repeat;transform: scale(0.5);}
#page-header #toppermenu #menu-item-275{padding-left: 60px;}
#page-header #toppermenu #menu-item-275:hover{border-left: solid 5px var(--main);}

#page-header #toppermenu #menu-item-274::after{content: '';width: 60px;height: 60px;background: url('media/icons/gebaude.svg');position: absolute;top: -5px;left: 25px;background-repeat: no-repeat;transform: scale(0.5);}
#page-header #toppermenu #menu-item-274{padding-left: 60px;}
#page-header #toppermenu #menu-item-274:hover{border-left: solid 5px var(--main);}

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

#page-footer{background:var(--sec);padding:75px 0 0;}

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

#page-footer .main{margin:100px 0 0;display:block;}
#page-footer .main .item .headline{color:var(--white);font-size:100%;font-weight:600;display:block;margin-bottom:15px;text-transform:none;}
#page-footer .main .item .menu .menu-item{padding-left:0;}
#page-footer .main .item .menu .menu-item:before{display:none;}
#page-footer .main .item .menu .menu-item.closed{padding-left:15px;}
#page-footer .main .item .menu .menu-item.closed:before{content:'';display:block;width:10px;height:15px;background:url('media/closed.svg');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;top:5px;left:0;}
#page-footer .main .item .menu .menu-item a{color:var(--white);opacity:0.8;font-weight:300;text-decoration:none;display:block;width:max-content;margin:10px 0;position: relative;}
#page-footer .main .item .menu .menu-item a::before{content: '';position: absolute;width: 100%;height: 2px;border-radius: 5px;background-color: var(--white);bottom: -3px;left: 0;transform-origin: right;transform: scaleX(0);transition: transform .3s ease-in-out;}
#page-footer .main .item .menu .menu-item a:hover::before{transform-origin: left;transform: scaleX(1);}

#page-footer .bottom .icons{margin-top:25px;padding:15px 0;border-bottom:solid 1px var(--white);display: flex;flex-direction: row;justify-content: end;}
#page-footer .bottom .icons .bereiche{display:inline-block;}
#page-footer .bottom .icons .bereiche img{max-height:40px;margin:0 5px;}
#page-footer .bottom .icons .bereiche img:hover{transform:scale(1.05);transition:all .3s ease;}
#page-footer .bottom .icons .socials{margin-left:25px;display:inline-block;align-content:end;}
#page-footer .bottom .icons .socials img{max-height:30px;margin:0 5px;}
#page-footer .bottom .icons .socials img:hover{transform:scale(1.05);transition:all .3s ease;}

#page-footer .bottom .copyright{padding:30px 0;}
#page-footer .bottom .copyright span{display:inline-block;color:var(--headline);font-size:100%;font-weight:300;text-decoration:none;transition:all .3s ease;}
#page-footer .bottom .copyright a{display:inline-block;color:var(--headline);font-size:100%;font-weight:300;text-decoration:none;transition:all .3s ease;position: relative;margin-left: 75px;}
#page-footer .bottom .copyright a::before{content: '';position: absolute;width: 100%;height: 2px;border-radius: 5px;background-color: var(--white);bottom: -3px;left: 0;transform-origin: right;transform: scaleX(0);transition: transform .3s ease-in-out;}
#page-footer .bottom .copyright a:hover::before{transform-origin: left;transform: scaleX(1);}
#page-footer .bottom .copyright .placer{display:inline-block;margin:0 5px;}

#page-footer .tag{width: 100px; display: inline-block;margin-right: 45px;margin-bottom: 10px;}

#page-footer .col-md-8{text-align: left;}
#page-footer .bottom .footer-info{display: flex;justify-content: end;}

#page-footer .adresse::before{content:'';display:block;width:25px;height:37px;background:url('media/icons/platzhalter.svg');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;top:0px;left:0;}
#page-footer .adresse{position: relative;display: block;padding-left: 50px;}
#page-footer .e-mail-adresse::before{content:'';display:block;width:30px;height:30px;background:url('media/icons/mail.svg');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;top:5px;left:0;}
#page-footer .e-mail-adresse{position: relative;display: block;padding-left: 50px;padding-top: 10px;}
#page-footer .telefonnummer::before{content:'';display:block;width:30px;height:30px;background:url('media/icons/anruf.svg');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;top:20px;left:0;}
#page-footer .telefonnummer{position: relative;display: block;padding-left: 50px;padding-top: 25px;}
#page-footer .offnungszeiten::before{content:'';display:block;width:30px;height:30px;background:url('media/icons/ubrige-zeit.svg');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;top:0px;left:0;}
#page-footer .offnungszeiten{padding-left: 50px;}

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

#page-footer .border{border-top: solid 1px var(--footerborder);}

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

.inhaltsbloecke{margin-top:100px;overflow:hidden;}
div[class^="flx_"], div[class*="flx_"]{padding:50px 0;}

.flx_headerblock.mitbild .container{position: relative;}
.flx_headerblock.mitbild .bg{height: 70vh;width: 100%;object-fit: cover;border-radius: 20px;}
.flx_headerblock.mitbild .content{position: absolute;bottom: 0;margin-bottom: 20px;margin-left: 20px;max-width: 80%;}
.flx_headerblock.mitbild .topline{line-height: 1;background-color: white;border-radius: 20px;padding: 10px 15px;align-content: center;text-align: center;display: inline-block;color: var(--main);text-transform: uppercase;font-size: 15px;position: absolute;top: -15px;font-weight: bold;}
.flx_headerblock.mitbild p{color: var(--white);font-size: 18px;margin-right: 40px;padding-bottom: 2px;}
.flx_headerblock.mitbild .headline{color: var(--white);max-width: 100%;margin-bottom: 10px;font-size: 270%;}

.flx_headerblock.mitbild .container .headerbox{background: rgba(0, 0, 0, 0.18); backdrop-filter: blur(5px); border-radius: 20px; padding: 40px 30px 10px 30px;}

.flx_headerblock.video{padding-top: 10px;}
.flx_headerblock.video .container{position: relative;}
.flx_headerblock.video .bg{height: 75vh;width: 100%;object-fit: cover;border-radius: 20px;}
.flx_headerblock.video .content{position: absolute;bottom: 0;margin-bottom: 20px;margin-left: 20px;max-width: 80%;}
.flx_headerblock.video .topline{line-height: 1;background-color: white;border-radius: 20px;padding: 10px 15px;align-content: center;text-align: center;display: inline-block;color: var(--main);text-transform: uppercase;font-size: 15px;position: absolute;top: -15px;font-weight: bold;}
.flx_headerblock.video p{color: var(--white);font-size: 18px;margin-right: 40px;padding-bottom: 2px;}
.flx_headerblock.video .headline{color: var(--white);max-width: 100%;font-size: 270%;margin-bottom: 10px;}

.flx_headerblock.video .container .headerbox{background: rgba(0, 0, 0, 0.18); backdrop-filter: blur(5px); border-radius: 20px; padding: 40px 30px 10px 30px;}

/* ---------------------------Seitenteaser-------------------------------- */

.flx_seitenteaser{padding-top: 0!important;}
.flx_seitenteaser .headerbox.headline .headline{font-size: 60%;line-height: 1;}
.flx_seitenteaser .inhalt.seitenteaser{padding-bottom: 20px;}

.flx_seitenteaser .row .item{background-color: var(--sec); padding: 80px 30px 30px; border-radius:20px;transition: all .3s ease;}
.flx_seitenteaser .row .item:hover{background:var(--main);color:var(--white);transition:all .3s ease;}
.flx_seitenteaser .row .item:hover .headline{transition:all .3s ease;color:var(--white);}
.flx_seitenteaser .row .item:hover .btn{color:var(--white);border-color: var(--white);background-color: var(--main)!important;transition: all .3s ease;}
.flx_seitenteaser .row .item:hover .inhalt.seitenteaser p{color: var(--white)!important;}

.flx_seitenteaser .icon{float: right;position: relative;top: -60px;}
.flx_seitenteaser .row .item:hover .icon{filter: brightness(50);transition: 0.3s ease;}

.flx_seitenteaser .item:hover .pfeil::before{content:'';display:block;width:22px;height:28px;background:url('media/icons/pfeilweiss.webp');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;top:5px;right: 25px;}

/* -------------------------------Textblock BILD RECHTS----------------------------- */

.flx_textblock.mitbildrechts .btn{background-color: var(--main);color: var(--white);border: none;}

.flx_textblock.mitbildrechts .pfeil::before{content:'';display:block;width:22px;height:28px;background:url('media/icons/pfeilweiss.webp');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;top:5px;right: 25px;}

.flx_textblock.mitbildrechts .bild{display: flex;justify-content: end;}
.flx_textblock.mitbildrechts .bildtextblock{border-radius: 20px;}

.flx_textblock.mitbildrechts .icon{max-width: 230px;height: 130px;}


.flx_textblock.mitbildrechts .secondimage{border-radius: 20px;border: solid 10px var(--white);position: absolute;top: 290px;width: 600px;height: 25vh;object-fit: cover;left: -120px;}

.flx_textblock.mitbildrechts .col-md-5.text{left: 15px;}
.flx_textblock.mitbildrechts .col-md-5.bild{right: 0;}

.flx_textblock.mitbildrechts .row .icons{background: rgba(240, 240, 240, 0.4); backdrop-filter: blur(5px); width: 650px; border-radius: 20px; padding: 20px 50px 5px 25px; position:relative; top: -100px; left:-245px;}

/* ----------------------------------Bildblock--------------------------- */

.flx_bildblock .bg{width: 100vw;max-height: 60vh;object-fit: cover;object-position: top;margin-bottom: 50px;}

/* ------------------------------------Blogteaser SLIDER------------------------------------------- */

.flx_blogteaser.alsslider p{width: 780px;padding: 0 0 20px 0px;}

.flx_blogteaser .icon{height: 80px;width: 80px!important; margin-bottom: 30px;}
.flx_blogteaser .profilbild{height:80px;width: 80px!important;border-radius: 50%;position: absolute;top: 20px;left: 20px;object-fit: cover;}
.flx_blogteaser .infos{border: solid var(--white 20px);width: 250px;position: absolute;background: var(--white);bottom: 0;left: 0px;height: 110px;border-bottom-right-radius: 20px;border-top-right-radius: 20px;padding: 10px;}
.flx_blogteaser .inner{display: flex;flex-direction: column;justify-content: center;height: 100%;margin-left: 100px;}
.flx_blogteaser .kundenname{font-weight: 600;}
.flx_blogteaser .firma{font-size: 70%;}
.flx_blogteaser .item{padding: 30px;}
.flx_blogteaser .inhalt{margin-bottom: 100px;}

.flx_blogteaser .owl-stage{display: flex;}
.flx_blogteaser .owl-item{background: var(--sec);border-radius: 20px;height: auto;position: relative;display: flex;}

.flx_blogteaser .owl-controls{display: flex;flex-direction: row;justify-content: center;}
.flx_blogteaser .owl-nav{display: flex;flex-direction: row;justify-content: center;}

.flx_blogteaser .owl-prev{background: url('media/icons/nav.svg');width: 25px;height: 25px;background-repeat: no-repeat;background-size: 100%;background-position: center;margin: 30px 70px;}
.flx_blogteaser .owl-next{background: url('media/icons/nav.svg');width: 25px;height: 25px;background-repeat: no-repeat;background-size: 100%;background-position: center;transform: rotate(-180deg);float: right;margin: 30px 50px;}

.flx_blogteaser .owl-dots{background: var(--sec);height: 15px;width: 15px;border-radius: 20px;position: absolute;bottom: 35px;left: 49%;}
.flx_blogteaser .owl-dot.active{background: var(--main);height: 15px;width: 15px;border-radius: 20px;position: absolute;left: 40px;}

.flx_blogteaser .mitarbeiterstimmen{position: relative;}
.flx_blogteaser .gradient{width: 48%;height: 400px;padding: 10px;background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.68) 20%, rgba(255, 255, 255, 1) 100%);right: 0px;position: absolute;z-index: 2;height: 100%;}
/* ------------------------------------Textblock BILD LINKS----------------------------------- */

.flx_textblock.mitbildlinks .firstimage{border-radius: 20px;}
.flx_textblock.mitbildlinks .secondimage{border-radius: 20px;border: solid var(--white) 10px;position: absolute;max-width: 80%;top: 40%;left: 50%;}

.flx_textblock.mitbildlinks .subline{color: var(--main);align-content: center;display: inline-block;font-size: 100%;}

.flx_textblock.mitbildlinks p{width: 100%; padding-bottom: 20px;}

.flx_textblock.mitbildlinks .icons.row .headline{font-size: 150%;margin: 10px 0 0 0;}
.flx_textblock.mitbildlinks .icons.row .content{width: 80%; padding: 10px 0;}

.flx_textblock.mitbildlinks .my-box{width: 250px;height: 90px;padding: 10px;border: 2px solid var(--main);margin: 20px; background-color: var(--main);border-radius: 20px;top: 390px;left: 50px;position: absolute;}
.flx_textblock.mitbildlinks .my-box2{width: 250px;height: 90px;padding: 10px;border: 2px solid var(--main);margin: 20px; background-color: var(--main);border-radius: 20px;top: 500px;left: 50px;position: absolute;}
.flx_textblock.mitbildlinks .my-box h1{font-size: 130%;color: var(--white);font-weight: 600;text-transform: uppercase;text-align: center;width: 200px;padding: 12px 70px 5px 0px;}
.flx_textblock.mitbildlinks .my-box2 h1{font-size: 130%;color: var(--white);font-weight: 600;text-transform: uppercase;text-align: center;width: 200px;padding: 12px 0px 5px 0px;}
.flx_textblock.mitbildlinks .my-box p{width: 210px;color: var(--white);}
.flx_textblock.mitbildlinks .my-box2 p{width: 200px;color: var(--white);}

.flx_textblock.mitbildlinks .btn.normal::before{content: '';display: block;width: 22px;height: 28px;background: url('media/icons/pfeilweiss.webp');background-size: 100%;background-position: center;background-repeat: no-repeat;position: absolute;top: 5px;right: 30px;}
.flx_textblock.mitbildlinks .btn.normal:hover{border-color: var(--main);}

/* -------------------------------Kontaktblock----------------------------- */

.flx_kontaktblock.mitbild p{width: 800px;color: var(--headline);padding: 0 0px 30px 0px;}
.flx_kontaktblock.mitbild .container{padding-bottom: 100px;}

.flx_kontaktblock.mitbild .e-mail-adresse::before{content:'';display:block;width:30px;height:30px;background:url('media/icons/mail.svg');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;top:5px;left:0;}
.flx_kontaktblock.mitbild .e-mail-adresse{position: relative;display: block;padding-left: 50px;padding-top: 10px;width: max-content;}
.flx_kontaktblock.mitbild .telefonnummer::before{content:'';display:block;width:30px;height:30px;background:url('media/icons/anruf.svg');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;top:20px;left:0;}
.flx_kontaktblock.mitbild .telefonnummer{position: relative;display: block;padding-left: 50px;padding-top: 25px;top: -50px;left: 380px;width: max-content;}

/* Kontaktformular */
.flx_kontaktblock.mitbild .col-md-5{background: var(--sec);border: solid 40px var(--sec);border-radius: 20px;}
.flx_kontaktblock.mitbild input[type="text"]{background-color: var(--white);width: 90%;border: solid 5px var(--white);border-radius: 10px;padding: 5px 0px;}
.flx_kontaktblock.mitbild input[type="text"]:focus-visible{border-color: var(--white)!important;}
.flx_kontaktblock.mitbild input[type="text"]:visited{border-color: var(--white)!important;}

.flx_kontaktblock.mitbild input[type="email"]{background-color: var(--white);width: 90%;border: solid 5px var(--white);border-radius: 10px; padding: 5px 0px;}
.flx_kontaktblock.mitbild input[type="email"]:focus-visible{border-color: var(--white)!important;}
.flx_kontaktblock.mitbild input[type="email"]:visited{border-color: var(--white)!important;}

.flx_kontaktblock.mitbild input[type="tel"]{background-color: var(--white);width: 90%;border: solid 5px var(--white);border-radius: 10px;padding: 5px 0px;}
.flx_kontaktblock.mitbild input[type="tel"]:focus-visible{border-color: var(--white)!important;}
.flx_kontaktblock.mitbild input[type="tel"]:visited{border-color: var(--white)!important;}

.flx_kontaktblock.mitbild textarea{background-color: var(--white);width: 95%;border: solid 5px var(--white);border-radius: 10px;}
.flx_kontaktblock.mitbild textarea:focus-visible{border-color: var(--white)!important;}
.flx_kontaktblock.mitbild textarea:visited{border-color: var(--white)!important;}

.flx_kontaktblock.mitbild .col-md-6{margin-bottom: 10px;color: var(--headline);}
.flx_kontaktblock.mitbild .col-md-12{margin-top: 20px;color: var(--headline);}

.flx_kontaktblock.mitbild .btn{position: relative;top: 0;left: 15px;margin-top: 30px;}

.flx_kontaktblock .pfeil{position: relative;border: solid 3px var(--main);background-color: var(--main);border-radius: 20px;height: 40px;padding-left: 5px;left: 15px;margin-top: 30px;}
.flx_kontaktblock .pfeil::before{content:'';display:block;width:22px;height:28px;background:url('media/icons/pfeilweiss.webp');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;top:5px;right: 25px;}

.flx_kontaktblock.mitbild .wpcf7-submit{color: var(--white);background-color: transparent;border: transparent;padding-left: 15px;}

.flx_kontaktblock.mitbild .wpcf7-form.sent .row{visibility: hidden;height: 250px;}
.flx_kontaktblock.mitbild .wpcf7-form.sent .wpcf7-response-output{border-radius: 20px;background-color: #46b450;color: var(--white);text-align: center;padding: 20px;font-weight: 600;}
.uacf7_spam_recognation button{border: none!important;}

.flx_partner .headlinebox{margin-bottom: 50px;}
.flx_partner .person span{display: block;}
.flx_partner .person{margin-bottom: 50px;}
.flx_partner .name{display: block;font-size: 130%;font-weight: 600;line-height: 1;margin: 20px 0 10px;color: var(--main);}
.flx_partner .position{font-weight: 500;}
.flx_partner .kontakt{margin-top: 10px;}
.flx_partner .kontakt li{padding-left: 0;margin-bottom: 5px;}
.flx_partner .kontakt li::before{display: none;}

/* --------------------------------Textblock Unterseite--------------------------- */

.flx_textblock.mitbildrechts.unterseite .col-md-5.text{left: 0;}

/* ----------------------------Seitenteaser Unterseite-------------------------- */

.flx_seitenteaser.ohnebutton{padding-top: 50px!important;padding-bottom: 110px;}

.flx_seitenteaser.ohnebutton .col-md-4{margin-top: 30px;}
.flx_seitenteaser.ohnebutton .container .headerbox.headline{padding-top: 50px;}
.flx_seitenteaser.ohnebutton .headerbox.headline .headline{color: var(--headline);width: 60%;}

.flx_seitenteaser.ohnebutton .inhalt.seitenteaser{padding-bottom: 20px;color: var(--headline);width: 95%;}
.flx_seitenteaser.ohnebutton .row .item{background-color: var(--sec); padding: 30px; border-radius:20px;transition: all .3s ease;width: 100%;height: 100%;margin: 10px 0px 10px 0px;}
.flx_seitenteaser.ohnebutton .row .item:hover .inhalt.seitenteaser p{color: var(--headline)!important;}
.flx_seitenteaser.ohnebutton .inhalt.seitenteaser li{list-style: disc;padding-left: 0;margin-left: 15px;}

.flx_seitenteaser.ohnebutton .icon{top: 0;}

.flx_seitenteaser.ohnebutton .row .item:hover .icon{filter: none;}

/* ----------------------------------------------Unterseite Karriere----------------------------------------------- */

/* -----------------------Stellenanzeigen------------------------------- */

.flx_karriereteaser .headline{width: max-content;}
.flx_karriereteaser p{width: 100%;}

.flx_karriereteaser .stellenwrapper{margin-top: 20px;}
.flx_karriereteaser .beruf{margin-bottom: 30px;}
.flx_karriereteaser .beruf .inner{padding: 20px 25px;background-color: var(--sec);border-radius: 20px;}
.flx_karriereteaser .beruf-title{font-weight: 600;font-size: 140%;padding: 10px 0;min-height: 85px;padding: 0;}
.flx_karriereteaser .btn::before{content:'';display:block;width:22px;height:28px;background:url('media/icons/pfeil.webp');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;top:4px;right: 25px;}
.flx_karriereteaser .btn:hover:before{content:'';display:block;width:22px;height:28px;background:url('media/icons/pfeilweiss.webp');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;top:4px;right: 25px;}

#singlekarriere .jobinfos{padding: 150px 20px 50px;}
#singlekarriere .job-title{font-weight: 600;font-size: 300%;padding-bottom: 20px;max-width: 80%;}
#singlekarriere ul{padding-bottom: 40px;}
#singlekarriere li{list-style-type: disc;list-style-position: inside;padding-left: 10px;padding-bottom: 10px;width: 80%;}
#singlekarriere li::before{display: none;}

#singlekarriere .bewerbung{padding: 150px 20px;}
#singlekarriere .inner{background-color: var(--sec);width: 100%;padding: 20px;border-radius: 20px;}

#singlekarriere input[type="text"]{background-color: var(--white);width: 90%;border: solid 5px var(--white);border-radius: 10px;padding: 5px 0px;}
#singlekarriere input[type="text"]:focus-visible{border-color: var(--white)!important;}
#singlekarriere input[type="text"]:visited{border-color: var(--white)!important;}

#singlekarriere input[type="email"]{background-color: var(--white);width: 90%;border: solid 5px var(--white);border-radius: 10px; padding: 5px 0px;}
#singlekarriere input[type="email"]:focus-visible{border-color: var(--white)!important;}
#singlekarriere input[type="email"]:visited{border-color: var(--white)!important;}

#singlekarriere input[type="tel"]{background-color: var(--white);width: 90%;border: solid 5px var(--white);border-radius: 10px;padding: 5px 0px;}
#singlekarriere input[type="tel"]:focus-visible{border-color: var(--white)!important;}
#singlekarriere input[type="tel"]:visited{border-color: var(--white)!important;}

#singlekarriere .pfeil{position: relative;border: solid 3px var(--main);background-color: var(--main);border-radius: 20px;height: 40px;padding-left: 5px;left: 15px;margin-top: 30px;}
#singlekarriere .pfeil::before{content:'';display:block;width:22px;height:28px;background:url('media/icons/pfeilweiss.webp');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;top:5px;right: 25px;}
#singlekarriere .wpcf7-submit{color: var(--white);background-color: transparent;border: transparent;padding-left: 15px;}

#singlekarriere .wpcf7-form.sent .row{visibility: hidden;height: 250px;}
#singlekarriere .wpcf7-form.sent .wpcf7-response-output{border-radius: 20px;background-color: #46b450;color: var(--white);text-align: center;padding: 20px;font-weight: 600;}

#singlekarriere .col-md-6{margin-bottom: 10px;color: var(--headline);}
#singlekarriere .col-md-12{margin-top: 20px;color: var(--headline);}

#singlekarriere .bewerbungstitle{font-weight: 600;font-size: 300%;}

#singlekarriere p{width: 80%;}

#singlekarriere .singlebild{margin-bottom: 50px;border-radius: 20px;height: 600px;object-fit: cover;}

/* ----------------------------------------------Unterseite Über uns----------------------------------------------- */

.flx_seitenteaser.viererkachel .col-lg-3{margin: 15px 0;}
.flx_seitenteaser.viererkachel .item{height: 275px;}
.flx_seitenteaser.viererkachel .col-lg-3:hover .inhalt.seitenteaser p{color: var(--white);}

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

/* --------------------------Impressum------------------------ */

.flx_textblock.nurtext .headline{color: var(--main);font-size: 300%;width: max-content;}
.flx_textblock.nurtext h2{font-size: 130%;font-weight: 600;color: var(--headline);width: 80%;padding: 30px 0 10px;}
.flx_textblock.nurtext p{color: var(--headline);width: 80%;}
.flx_textblock.nurtext h3{font-size: 130%;font-weight: 600;color: var(--headline);width: 80%;padding-bottom: 10px;padding-bottom: 30px;}

/* -----------------Datenschutzerklärung----------------------- */

.flx_textblock.nurtext b{font-size: 100%;font-weight: 600;}
.flx_textblock.nurtext li::before{display: none;}
.flx_textblock.nurtext li{list-style-type: disc;list-style-position: inside;padding-left: 10px;width: 80%;}

/* -----------------Aktuelles----------------------- */

.flx_aktuelles .ueberschrift{margin-bottom: 25px;}
.flx_aktuelles .post-wrapper{margin: 100px 0;}
.flx_aktuelles .bild img{width: 100%;height: auto;object-fit: cover;border-radius: 20px;}
.flx_aktuelles h2{color:var(--headline);font-family:'Special Gothic Condensed One';text-transform: uppercase;font-size: 250%;margin-bottom: 10px;}
.flx_aktuelles .text{display: flex;flex-direction: column;justify-content: center;}
.flx_aktuelles .headline{width: 100%;}

.flx_singleaktuelles{margin-top: 100px;}
.flx_singleaktuelles .bild img{width: 100%;height: auto;object-fit: cover;border-radius: 20px;}
.flx_singleaktuelles .headline{width: 100%;}

/* ----------------------------Responsive-------------------------- */

@media (max-width:1399px){

    #page-header #toppermenu .menu{padding-right: 50px;}
    #page-header.bottom .logo img{max-width: 100%;}
    
    .flx_headerblock.mitbild .container .headerbox{max-width: 97%;}
    .flx_headerblock.mitbild p{margin-right: 30px;}

    .flx_headerblock.video .container .headerbox{max-width: 97%;}
    .flx_headerblock.video p{margin-right: 30px;}

    .flx_seitenteaser .row .item{padding: 50px 30px 30px;}
    .flx_seitenteaser .icon{top: -30px;}
    .flx_seitenteaser .headerbox.headline .headline{font-size: 40%;}
    .flx_seitenteaser .inhalt.seitenteaser{font-size: 80%;width: 250px;}
    .btn.pfeil{font-size: 70%;}
    .btn.pfeil::before{width: 17px;height: 17px;top: 8px;}

    .flx_textblock.mitbildrechts .row .icons{width: 430px;top: -50px;left: -150px;}
    .flx_textblock.mitbildrechts .icon{max-width: 150px;height: 80px;}
    .flx_textblock.mitbildrechts .pfeil::before{top: 6px;width: 20px;height: 20px;}

    .flx_blogteaser .headerbox{padding: 0px 20px;}
    .flx_blogteaser .slider.owl-carousel{padding: 0px 20px;}
    .flx_blogteaser .owl-dots{left: 49%;}
    .flx_blogteaser .inhalt{margin-bottom: 80px;}
    .flx_blogteaser .infos{height: 90px;}
    .flx_blogteaser .profilbild{width: 50px!important;height: 50px;}
    .flx_blogteaser .inner{margin-left: 70px;}


    .flx_textblock.mitbildlinks .my-box{top: 35%;left: 3%;width: 170px;height: 70px;}
    .flx_textblock.mitbildlinks .my-box h1{font-size: 85%;padding: 5px 70px 5px 0;}
    .flx_textblock.mitbildlinks .my-box p{font-size: 70%;}

    .flx_textblock.mitbildlinks .my-box2{top: 50%;left: 3%;width: 170px;height: 70px;}
    .flx_textblock.mitbildlinks .my-box2 h1{font-size: 85%;padding: 5px 70px 5px 0;}
    .flx_textblock.mitbildlinks .my-box2 p{font-size: 70%;}

    .flx_textblock.mitbildlinks .btn.normal{top: 73%;left: -98%;font-size: 65%;}
    .flx_textblock.mitbildlinks .btn.normal::before{width: 20px;height: 20px;}
    .flx_textblock.mitbildlinks .firstimage{width: 350px;height: auto;}
    .flx_textblock.mitbildlinks .secondimage{width: 300px;height: auto;left: 40%;top: 31%;}
    
    .flx_textblock.mitbildlinks .subline{font-size: 80%;}
    .flx_textblock.mitbildlinks p{width: 80%;font-size: 70%;}
    .flx_textblock.mitbildlinks .icon{top: 15%;margin: 0 130px 0 0;width: 50px;height: 47px;}

    .flx_kontaktblock.mitbild .bildinner .bild{width: 95%;height: 400px;}
    .flx_kontaktblock.mitbild .col-md-5{border: solid 20px var(--sec); height: 697px;}
    .flx_kontaktblock.mitbild p{width: 100%;}
    .flx_kontaktblock.mitbild .headline{width: 100%;}

    #page-footer .tag{width: 85px;}
    #page-footer .bottom .copyright span{font-size: 80%;}
    #page-footer .bottom .copyright a{font-size: 80%;}

/* ---------------------Steuerberatung Unterseite-------------------- */
    
   .flx_textblock.mitbildrechts .headline{width: 100%;}
   .flx_textblock.mitbildrechts p{width: 100%;}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1199px){
 
    #page-header.bottom .logo img{max-width: 100%;}
   
    .flx_headerblock.mitbild .container .headerbox{max-width: 94%;}
    .flx_headerblock.mitbild .headline{font-size: 300%;}
    .flx_headerblock.mitbild p{font-size: 90%;}

    .flx_headerblock.video .container .headerbox{max-width: 94%;}
    .flx_headerblock.video .headline{font-size: 300%;}
    .flx_headerblock.video p{font-size: 90%;}video

    .flx_seitenteaser .icon{width: 40px;height: auto;}
    .flx_seitenteaser .row .item{padding: 45px 20px 20px;}
    .flx_seitenteaser .headerbox.headline .headline{font-size: 34%;}
    .flx_seitenteaser .inhalt.seitenteaser{font-size: 75%;}
    .btn.pfeil{font-size: 65%;}
    .btn.pfeil::before{width: 17px;height: 15px;}

    .flx_textblock.mitbildrechts .row .icons{top: 140px;}
    .flx_textblock.mitbildrechts li{width: 100%;}

    .flx_textblock.mitbildlinks .secondimage{left: 50%;}
    .flx_textblock.mitbildlinks .btn.normal{left: -88%;}

    .flx_kontaktblock.mitbild .headline{font-size: 200%;}
    .flx_kontaktblock.mitbild p{width: 500px;font-size: 85%;padding-bottom: 10px;}
    .flx_kontaktblock.mitbild .e-mail-adresse{font-size: 80%;padding-left: 30px;}
    .flx_kontaktblock.mitbild .e-mail-adresse::before{width: 20px;height: 25px;}
    .flx_kontaktblock.mitbild .telefonnummer{left: 230px;top: -40px;font-size: 80%;padding-left: 30px;}
    .flx_kontaktblock.mitbild .telefonnummer::before{width: 20px;height: 25px;}
    .flx_kontaktblock.mitbild .col-md-5{right: 20px;height: 650px;}
    .flx_kontaktblock.mitbild .wpcf7-list-item-label{font-size: 80%;}
    .flx_kontaktblock.mitbild .pfeil{font-size: 75%;top: -37px;}
    .flx_kontaktblock.mitbild .pfeil::before{width: 20px;height: 25px;}

    #page-footer .bottom .copyright span{font-size: 65%;}
    #page-footer .bottom .copyright a{font-size: 65%;}

/* -----------------------------Steuerberatung Unterseite-------------------- */

     .flx_seitenteaser.ohnebutton .row .item{margin-top: 5px;}
 
}
/*-------------------------------------------------------------------------------------------*/ 
@media (max-width:991px) {

    #page-header #toppermenu .burgerbutton{display:block;top: auto;}
    
    #page-header #toppermenu.active .menu {display: block;text-align: left;}
    #page-header #toppermenu .menu li{display: block;padding: 20px;width: 100%;text-align: right;}
    #page-header #toppermenu .menu{display: none;position: absolute;top: 35px;right: 0;background: var(--white);height: auto;width: 95%;}
    #page-header #toppermenu .menu li.menu-item-has-children a{padding: 0;}
    #page-header #toppermenu .menu li:nth-last-child(2) a{padding: 0;}
    
    #page-header #toppermenu #menu-item-125{border-top: none;}
    #page-header #toppermenu.active #menu-item-125:hover .sub-menu{top: 0%;left: -150%;box-shadow: none;position: unset;padding-right: 45px;}
    #page-header #toppermenu.active #menu-item-125:hover::after{top: 8%;right: 5%;rotate: 180deg;}
    #page-header #toppermenu.active #menu-item-125::after{content: '';width: 15px;height: 15px;background: url('media/icons/dropdownpfeil.svg');position: absolute;top: 45%;left: 20%;background-repeat: no-repeat;left: unset;right: 5%;}
   
    #page-header #toppermenu.active #menu-item-276::after{top: 0;left: unset;right: 0;right: -20%;}
    #page-header #toppermenu.active #menu-item-275::after{top: 0;left: unset;right: 0;right: -20%;}
    #page-header #toppermenu.active #menu-item-274::after{top: 0;left: unset;right: 0;right: -20%;}
   
    #page-header #toppermenu.active #menu-item-276{padding-right: 0;right: -25%;}
    #page-header #toppermenu.active #menu-item-275{padding-right: 0;right: -25%;}
    #page-header #toppermenu.active #menu-item-274{padding-right: 0;right: -25%;}
   
    .flx_headerblock.mitbild .container .headerbox{max-width: 84%;}
    .flx_headerblock.mitbild .headline{font-size: 200%;}
    .flx_headerblock.mitbild p{font-size: 75%;}

    .flx_headerblock.video .container .headerbox{max-width: 84%;}
    .flx_headerblock.video .headline{font-size: 200%;}
    .flx_headerblock.video p{font-size: 75%;}video
    
    .flx_seitenteaser .row .item{height: 100%;}
    .flx_seitenteaser .inhalt.seitenteaser{width: 200px;}

    .flx_textblock.mitbildrechts .row .icons{top: 46%;}

    .flx_blogteaser.alsslider p{width: 100%;font-size: 90%;}

    .flx_textblock.mitbildlinks .my-box{top: 62%;left: 3%;}
    .flx_textblock.mitbildlinks .my-box2{top: 62%;left: 60%;}
    .flx_textblock.mitbildlinks .btn.normal{top: 80%;left: -106%;}

    .flx_kontaktblock.mitbild .headline{font-size: 150%;}
    .flx_kontaktblock.mitbild p{width: 400px;}
    .flx_kontaktblock.mitbild .e-mail-adresse{top: -15px;}
    .flx_kontaktblock.mitbild .telefonnummer{left: 0;top: -20px;}
    .flx_kontaktblock.mitbild .col-md-6 label{font-size: 70%;}
    .flx_kontaktblock.mitbild .col-md-12 label{font-size: 70%;}
    .flx_kontaktblock.mitbild .pfeil{top: -15px;}

    #page-footer .adresse{font-size: 75%;}
    #page-footer .adresse::before{width: 20px; height: 35px;}
    #page-footer .e-mail-adresse{font-size: 75%;}
    #page-footer .e-mail-adresse::before{width: 20px; height: 35px;}
    #page-footer .telefonnummer{font-size: 75%;}
    #page-footer .telefonnummer::before{width: 20px; height: 35px;}
    #page-footer .tag{font-size: 75%;}
    #page-footer .uhrzeit{font-size: 75%;}
    #page-footer .offnungszeiten::before{width: 20px; height: 35px;}

    #page-footer .bottom .copyright span{font-size: 50%;}
    #page-footer .bottom .copyright a{font-size: 50%;margin-left: 40px;}

/* -----------------------------Steuerberatung Unterseite--------------------------- */


/* -----------------Datenschutzerklärung Unterseite------------------------ */

    .flx_textblock.nurtext .headline{font-size: 300%;}

/* --------------------Karriere Unterseite---------------------- */

    #singlekarriere .bewerbung{padding: 0 20px;}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:767px) {
    
    #page-header #toppermenu.active #menu-item-276{left: unset;right: 15%;}
    #page-header #toppermenu.active #menu-item-275{left: unset;right: 15%;}
    #page-header #toppermenu.active #menu-item-274{left: unset;right: 15%;}

    .flx_headerblock.mitbild .container .headerbox{max-width: 91%;}
    .flx_headerblock.mitbild .headline{font-size: 150%;}
    .flx_headerblock.mitbild p{font-size: 60%;}

    .flx_headerblock.video .container .headerbox{max-width: 91%;}
    .flx_headerblock.video .headline{font-size: 150%;}
    .flx_headerblock.video p{font-size: 60%;}

    .flx_seitenteaser .row .item{margin: 0 5px;}
    .flx_seitenteaser .container{padding-top: 20px;}
    .flx_seitenteaser .col-md-4{padding: 20px 0;}

    .flx_textblock.mitbildrechts .bildtextblock{margin-top: 20px;}
    .flx_textblock.mitbildrechts .row .icons{top: 0%;left: 11%;}
    .flx_textblock.mitbildrechts p{width: 100%;}

    .flx_bildblock{display: none;}

    .flx_blogteaser.alsslider .headline{font-size: 250%;}
    .flx_blogteaser.alsslider .gradient{display: none;}
    .flx_blogteaser.alsslider .owl-prev{margin-left: 18%;width: 45px;}
    .flx_blogteaser .owl-next{width: 45px;}
    .flx_blogteaser .owl-dots{left: 46%;}
    .flx_blogteaser.alsslider{padding: 50px 0 0;}

    .flx_textblock.mitbildlinks{padding: 0 0 50px;}
    .flx_textblock.mitbildlinks .my-box{display: none;}
    .flx_textblock.mitbildlinks .my-box2{display: none;}
    .flx_textblock.mitbildlinks p{font-size: 90%;width: 100%;}
    .flx_textblock.mitbildlinks .secondimage{top: 60%;}
    .flx_textblock.mitbildlinks .col-md-5.text{padding-top: 150px;}
    .flx_textblock.mitbildlinks .col-md-5.text .subline{padding-top: 150px;}
    .flx_textblock.mitbildlinks .col-md-5.text .subline::before{top: 160px;}
    .flx_textblock.mitbildlinks .btn.normal{left: 2%;top: 9%;}

    .flx_kontaktblock.mitbild .col-md-5{margin-top: 20px;margin-left: 35px;width: 91%;height: 100%;}
    .flx_kontaktblock.mitbild .col-md-6 label{font-size: 90%;}
    .flx_kontaktblock.mitbild .col-md-12 label{font-size: 90%;}

    #page-footer .col-md-3{padding-bottom: 10px;}
    #page-footer .col-md-4{padding-bottom: 15px;}
    #page-footer .offnungszeiten::before{position: relative;left: -5%;top: 15%;}

/* -----------------------Steuerberatung Unterseite-------------------- */

    .flx_textblock.mitbildrechts .secondimage{left: 0;}

    .flx_seitenteaser.ohnebutton .subline{font-size: 80%;}

/* ---------------------------Karriere Unterseite---------------------- */

    .flx_karriereteaser .beruf{max-width: 95%;}
    .flx_karriereteaser .headline{width: 100%;font-size: 200%;}
    .flx_karriereteaser p{font-size: 90%;}
    .flx_karriereteaser .beruf-title{font-size: 120%;}

/* ---------------------------Aktuelles---------------------- */

.flx_aktuelles .post-image-right .bild{order: 1;}
.flx_aktuelles .post-image-right .text{order: 2;}
.flx_aktuelles img{margin-bottom: 20px;}

.flx_singleaktuelles img{margin-bottom: 20px;}
    
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:575px) {

   #page-header #toppermenu .burgerbutton{top: -50px;}
   #page-header #toppermenu.active .menu{width: 100vw;}
   #page-header #toppermenu .menu{top: 15px;}
   #page-header .sub-menu{position: relative;left: -10px;top: 0;padding: 0px 40px;margin-top: 20px;width: 350px;}

   .flx_bildblock{display: block;}

   .flx_headerblock.mitbild .topline{top: -35px;}

   .flx_headerblock.mitbild .headline{font-size: 140%;width: 110%;}
   .flx_headerblock.mitbild p{font-size: 80%;width: 110%;}
   .flx_headerblock.mitbild{padding-bottom: 20px;}

   .flx_headerblock.video .headline{font-size: 140%;width: 110%;}
   .flx_headerblock.video p{font-size: 80%;width: 110%;}
   .flx_headerblock.video{padding-bottom: 20px;}video

   .flx_seitenteaser .item:hover .pfeil::before{top: 1px;}
   .flx_seitenteaser .col-md-4{padding: 10px;}
   .flx_seitenteaser .inhalt.seitenteaser{width: 100%;font-size: 85%;}
    
   .flx_seitenteaser.ohnebutton .headline{font-size: 200%;}
   .flx_seitenteaser.viererkachel .headline{font-size: 200%;}
   .flx_seitenteaser .headerbox.headline .headline{font-size: 80%;}
   
   .flx_textblock.mitbildrechts.unterseite{padding-top: 20px;padding-bottom: 20px;}
   .flx_textblock.mitbildrechts .headline{font-size: 200%;width: 100%;}
   .flx_textblock.mitbildrechts .row .icons{left: 0%;width: 100%;top: -10%;}
   .flx_textblock.mitbildrechts .icon{max-width: 100px;}
   .flx_textblock.mitbildrechts li{font-size: 85%;}
   .flx_textblock.mitbildrechts .subline{font-size: 90%;}
   .flx_textblock.mitbildrechts p{font-size: 85%;}

   .flx_blogteaser.alsslider{padding-top: 20px;}
   .flx_blogteaser.alsslider .headline{width: 100%;font-size: 200%;}
   .flx_blogteaser.alsslider .subline{font-size: 90%;}
   .flx_blogteaser.alsslider p{font-size: 85%;}
   .flx_blogteaser.alsslider .inhalt{font-size: 85%;}

   .flx_textblock.mitbildlinks .firstimage{width: 100%;}
   .flx_textblock.mitbildlinks .secondimage{width: 65%;left: 18%;}
   .flx_textblock.mitbildlinks .btn.normal{font-size: 75%;left: 19%;}
   .flx_textblock.mitbildlinks .btn.normal::before{width: 20px;height: 25px;}
   .flx_textblock.mitbildlinks p{padding-bottom: 20px;font-size: 85%;}
   .flx_textblock.mitbildlinks .subline{font-size: 90%;}
   .flx_textblock.mitbildlinks .headline{font-size: 200%;}

   .flx_kontaktblock.mitbild p{width: 100%;}
   .flx_kontaktblock.mitbild{padding-top: 20px;padding-bottom: 0;}
   .flx_kontaktblock.mitbild .subline{font-size: 90%;}
   .flx_kontaktblock.mitbild .headline{font-size: 200%;}

   #page-footer .offnungszeiten::before{left: -10%;}
   #page-footer .bottom .copyright span{font-size: 80%;}
   #page-footer .bottom .copyright a{font-size: 75%;margin: 10px 0 0 20px;}
   #page-footer{padding-top: 0;margin-top: 50px;}

   .flx_partner .headline{font-size: 200%;}


/* --------------------------Steuerberatung Unterseite----------------------------- */

    .flx_seitenteaser.ohnebutton .subline{left: 3%;font-size: 90%;}
    .flx_seitenteaser.ohnebutton .headerbox.headline .headline{font-size: 80%;width: 65%;}
    .flx_seitenteaser.ohnebutton .inhalt.seitenteaser{font-size: 80%;width: 100%;}

/* ------------------------------Karriere Unterseite------------------------- */

    #singlekarriere .job-title{max-width: 100%;font-size: 200%;}
    #singlekarriere .bewerbungstitle{max-width: 100%;font-size: 200%;}

/* -----------------Datenschutzerklärung Unterseite------------------------ */

    .flx_textblock.nurtext .headline{font-size: 200%;}
    
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:400px) {

    #page-header .sub-menu{position: relative;left: -10px;top: 0;padding: 0px 40px;margin-top: 20px;width: 350px;}

    .flx_bildblock{display: block;}
    .flx_headerblock.mitbild .topline{top: -35px;}
    .flx_textblock.mitbildrechts .headline{font-size: 200%;}
    .flx_seitenteaser.ohnebutton .headline{font-size: 200%;}
    .flx_seitenteaser.ohnebutton .headerbox.headline .headline{font-size: 80%;}


    .flx_headerblock.mitbild{padding-bottom: 30px;}
    .flx_headerblock.mitbild .container .headerbox{max-width: 80%;}
    .flx_headerblock.mitbild .topline{left: 6%;}
    .flx_headerblock.mitbild .headline{width: 130%;font-size: 130%;}
    .flx_headerblock.mitbild p{width: 110%; font-size: 75%;}

    .flx_headerblock.video{padding-bottom: 30px;}
    .flx_headerblock.video .container .headerbox{max-width: 80%;}
    .flx_headerblock.video .topline{left: 6%;}
    .flx_headerblock.video .headline{width: 130%;font-size: 130%;}
    .flx_headerblock.video p{width: 110%; font-size: 75%;}

    .flx_seitenteaser .col-md-4{padding: 10px;}
    .flx_seitenteaser .headerbox.headline .headline{font-size: 80%;}
    .flx_seitenteaser .inhalt.seitenteaser{width: 100%;font-size: 85%;}
  
    .flx_textblock.mitbildrechts.unterseite{padding-top: 20px;}
    .flx_textblock.mitbildrechts .icon{max-width: 75px;}
    .flx_textblock.mitbildrechts li{font-size: 90%;}

    .flx_blogteaser.alsslider{padding-top: 20px;}
    .flx_blogteaser.alsslider .owl-prev{margin-left: 29%;}

    .flx_textblock.mitbildlinks .btn.normal{font-size: 75%;left: 19%;}
    .flx_textblock.mitbildlinks p{padding-bottom: 20px;}

    .flx_kontaktblock.mitbild{padding-top: 20px;}

    #page-footer{margin-top: 50px;}
    #page-footer .bottom .copyright span{font-size: 80%;}
    #page-footer .bottom .copyright a{font-size: 75%;margin: 10px 0 0 20px;}

/* ----------------------Karriere Unterseite------------------------ */

    #singlekarriere .job-title{font-size: 150%;}
    #singlekarriere .bewerbungstitle{font-size: 150%;}

/* ----------------Impressum Unterseite--------------------- */

    .flx_textblock.nurtext .headline{color: var(--main);font-size: 200%;width: max-content;}

}

#page-header #toppermenu .sub-menu {
  display: none;
}

#page-header #toppermenu .sub-menu.open {
  display: block;
  position: relative; /* oder so wie du es brauchst */
  box-shadow: none;
}