:root{
    --white: #ffffff;
    --yellow: #F7B606;
    --lightyellow: #F5E5B8;
    --blue: #11409B;
    --lightblue: #D0ECFC;
    --darkblue: #002A7C;
    --grey: #EDEDED;
}

.bg-none{background-color: none!important;}
.bg-yellow{background-color: var(--yellow)!important;}
.bg-lightyellow{background-color: var(--lightyellow)!important;}
.bg-darkblue{background-color: var(--darkblue)!important;}
.bg-blue{background-color: var(--blue)!important;}
.bg-lightblue{background-color: var(--lightblue)!important;}
.bg-grey{background-color: var(--grey)!important;}

.font-white *{color:var(--white)!important;}
.font-yellow *{color:var(--yellow)!important;}
.font-blue *{color:var(--darkblue)!important;}

.font-white li:before{content:'';width:7.5px;height: 7.5px;background:var(--white);display:block;position:absolute;top:12.5px;left:0;border-radius:50%;}
.font-yellow li:before{content:'';width:7.5px;height: 7.5px;background:var(--yellow);display:block;position:absolute;top:12.5px;left:0;border-radius:50%;}
.font-blue li:before{content:'';width:7.5px;height: 7.5px;background:var(--darkblue);display:block;position:absolute;top:12.5px;left:0;border-radius:50%;}
.font-white li li:before{content:'';width:10px;height: 2px;background:var(--white);display:block;position:absolute;top:15px;left:0;border-radius:50%;}
.font-yellow li li:before{content:'';width:10px;height: 2px;background:var(--yellow);display:block;position:absolute;top:15px;left:0;border-radius:50%;}
.font-blue li li:before{content:'';width:10px;height: 2px;background:var(--darkblue);display:block;position:absolute;top:15px;left:0;border-radius:50%;}

.font-white .btn{border-color:var(--white)!important;}
.font-yellow .btn{border-color:var(--yellow)!important;}
.font-blue .btn{border-color:var(--darkblue)!important;}
.font-white .btn:hover{background:var(--white)!important;}
.font-yellow .btn:hover{background:var(--yellow)!important;}
.font-blue .btn:hover{background:var(--darkblue)!important;}

#paddingtopsmall{padding-top:25px!important;}
#paddingbottomsmall{padding-bottom:25px!important;}
#paddingtopsnone{padding-top:0!important;}
#paddingbottomnone{padding-bottom:0!important;}

body,html,*{font-size:20px;line-height:1.5;font-family: 'Galano Grotesque Alt';font-weight:500;color:var(--darkblue);}
html{scroll-behavior: smooth;overflow-x:hidden;}

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

p, h2{z-index: 1;position: relative;}

ul{padding:0;margin:0;}
li{list-style:none;position:relative;padding-left:15px;margin:0;font-weight:400;}
ul li ul li{font-weight:400;}
ul li ul li:before{width:10px;height:2px;border-radius:0;}

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

h1{font-size:150%;display:block;width:max-content;position:relative;color:var(--white);margin:0;line-height:1.3;max-width:100%}
h2{font-size:150%;display:block;margin:0;line-height:1.3;}
h3{font-size:100%;display:block;margin:0;line-height:1.3;}

.headline{display:block;margin:0;line-height:1.3;width:100%;font-weight:500;color:var(--darkblue)}
.headline.small{font-size:120%;}

.subline{display:block;font-size:150%;font-weight:400;color:var(--darkblue)!important;margin-bottom:25px;}

.btn{padding: 15px 60px 15px;font-family: 'TT Norms Pro';font-size:100%;font-weight:500;background-color:transparent;border:solid 1px var(--darkblue);color:var(--darkblue);transition:all .3s ease;line-height:1;text-align:center;border-radius:10px;text-transform: uppercase;margin:35px auto 0;display:block;width:max-content;letter-spacing:2.5px;}
.btn:hover{background-color:#073358!important;transition:all .3s ease;color:#fff!important;}
.btn.disabled, .btn:disabled{opacity:1;}

.buttonwrapper{margin:75px 0;}

strong{font-weight:700;font-size:100%;}
span{font-size:100%;}

.container{max-width:1470px;}
.container.schmal{max-width:1030px;}

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

#page-header{position:absolute;top:0;right:0;left:0;padding:12.5px 0;z-index:999;background-color: rgba(255,255,255,0.9);}
#page-header .logo{text-align: center;}
#page-header .logo img{width:auto;max-width: 15vw;}

#page-header #toppermenu{display: flex;justify-content: end;align-items: end;}
#page-header #toppermenu .menu-topmenu-container{width:100%;}
#page-header #toppermenu .menu{display:flex;gap:35px;justify-content: end;margin-bottom:10px;}
#page-header #toppermenu .mail{margin-bottom: 27.5px;margin-left:35px;}

#page-header #toppermenu .menu li{padding:0;}
#page-header #toppermenu .menu li a{text-decoration: none;text-transform: uppercase;position: relative;font-size:85%;font-weight:700;padding:10px;color:var(--darkblue);}
#page-header #toppermenu .menu li.current-menu-item a:before{content:'';display:block;width:5px;height:5px;border-radius:50%;position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);background:var(--darkblue);}

#page-header #toppermenu .burgerbutton{bottom: 10px;display: block;width: 40px;height: 40px;position: absolute;bottom: 50%;right: .75rem;cursor: pointer;transform: translate(0, 50%);}
#page-header #toppermenu .burgerbutton span{display:block;width:100%;height:3px;margin:8px 0;background-color:var(--prime);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;}
#page-header #toppermenu .burgerbutton.active span:nth-child(2){opacity:0;transition:all .3s ease;}
#page-header #toppermenu .burgerbutton.active span:nth-child(3){transform:rotate(-45deg);transition:all .3s ease;margin-top:-22px;}

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

#page-header.bottom{padding:0 0 10px 0;position:fixed;top:0;left:0;right:0;-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;z-index:999;}
#page-header.bottom .logo img{width:65%;padding-top:10px;}
#page-header.bottom #toppermenu .mail{margin-bottom:0px;}
#page-header.bottom #toppermenu{align-items:center;}
#page-header.bottom #toppermenu .menu{margin:0;}
#page-header.bottom #toppermenu .menu li{margin:0;}

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

#page-footer{background-color: var(--darkblue);padding:70px 0;position: relative;}
#page-footer *{color:#fff;}
#page-footer .container{position: relative;z-index: 1;}

#page-footer a#backtotop{text-align: right;text-transform: uppercase;text-decoration: none;color:#BFC6D1;}

#page-footer a{position:relative;display:block;margin-bottom:0;transition:all .3s ease;}
#page-footer .name{font-size: 100%;color:var(--yellow);}
#page-footer .kontakt a{font-size: 100%;color:var(--yellow);}
#page-footer img{width:100%;}

#page-footer .flex-item{margin-left:1rem;color:#fff;text-decoration: none;text-transform: uppercase;font-size: 100%;}
#page-footer .flex-item:first-of-type{margin-left:0;}

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

#page-footer .links{text-align:right;}
#page-footer .links a{display:block;padding:0;text-decoration: none;color:#BFC6D1;}
#page-footer .links a:hover{color:var(--white);}

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

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

.inhaltsbloecke{margin-top:150px;}
.startseite .inhaltsbloecke{margin-top:0px;}

.flx_headerblock{position:relative;padding:0!important;background: var(--darkblue);}
.flx_headerblock.small img{width:100%;height:auto;max-height:800px;object-fit: cover;object-position: center;}
.flx_headerblock .content{position: absolute;top:30%;z-index: 1;max-width:60%;}
.flx_headerblock .content p{font-size:140%;margin: 3rem 0 0 0;color:#fff;}
.flx_headerblock .content a{font-size:100%;}
.flx_headerblock .content .headline{font-size:150%;color:var(--yellow);font-weight:500;width:100%;}
.flx_headerblock .container-btn{display: flex;justify-content: center;position:relative;z-index: 5;}
.flx_headerblock .buttonwrapper{position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
.flx_headerblock .buttonwrapper .btn{border:solid 2px var(--yellow);color:var(--yellow);margin:0;}
.flx_headerblock .buttonwrapper .btn:hover{background-color:var(--yellow)!important;}

.flx_headerblock.onlyheadline{display: flex;flex-direction: column;justify-content: center;height:35vh;background:var(--darkblue);}
.flx_headerblock.onlyheadline .content{bottom:15%;}
.flx_headerblock.onlyheadline .content *{color:#fff;}

.flx_bildblock{padding:0!important;}
.flx_bildblock .inhalt{width:75%;display:block;margin:0 auto;}
.flx_bildblock .imageone{width:100%;display:block;position:relative;}
.flx_bildblock img{width:100%;height:auto;max-height:800px;object-fit: cover;object-position: center;}
.flx_bildblock .imagetwo{width: 40%;float: right;margin-top: -250px;position: relative;}

.flx_textblock .bigger p{font-size:135%;font-weight:500;}
.flx_textblock .headline{margin-bottom: 1.5rem;}
.flx_textblock .headline.lightblue{color:var(--lightblue)!important;font-size:150%;margin-bottom:0;}
.flx_textblock h3{margin-bottom:50px;text-transform:unset;}
.flx_textblock p .btn{font-size:80%;margin-top:75px;}
.flx_textblock .textwrapper ul{margin:25px 0;padding-left:25px;}
.flx_textblock .textwrapper ul li{margin:5px 0;font-size:125%;list-style: disc;padding-left:0;}
.flx_textblock .text ul li{margin:15px 0;}
.flx_textblock .bild img{width:100%;}
.flx_textblock .textwrapper .subline{display:block;font-size:100%;font-weight:700;color:var(--yellow)!important;margin-bottom:25px;}
.flx_textblock .textwrapper img{width:50%;}
.flx_textblock .textwrapper.bildobenraus img{margin-top:-70%;margin-bottom:50px;position: relative;z-index:99;}
.flx_textblock .zusatz{color:var(--yellow)!important;font-weight:700;position:relative;}
.flx_textblock .zusatz:after{content:'';display:block;width:55px;height:125px;background:url('media/arrow.svg');background-size:100%;background-repeat:no-repeat;background-position:center;transform:rotate(-22deg);margin-top:25px;margin-left:35px;}

.flx_textblock.only{padding:100px 0;}
.flx_textblock.only .row{justify-content:center;}

.flx_textblock.textzwei .zwei{column-count: 2;column-gap: 50px;}

.flx_textblock.mitbildrechts .bild img{margin-left:50px;width:calc(100% - 50px);}
.flx_textblock.mitbildlinks .bild img{margin-right:50px;width:calc(100% - 50px);}

.flx_textblock.bilddrunter .textwrapper{margin-bottom:50px;}

.flx_textblock.textwiederholung .item{margin-bottom:75px;}
.flx_textblock.textwiederholung .item .headlinewrapper .headline{color:var(--yellow)!important;}
.flx_textblock.textwiederholung .item .textwrapper .subline span{display:block;color:var(--yellow)!important;}
.flx_textblock.textwiederholung .zusatz{color:var(--yellow)!important;font-weight:700;position:relative;}
.flx_textblock.textwiederholung .zusatz:before{content:'';display:block;width:55px;height:125px;background:url('media/arrow.svg');background-size:100%;background-repeat:no-repeat;background-position:center;position:absolute;bottom:35px;left:-100px;transform:rotate(-22deg);}

.flx_kachelblock .inhalt{width:58.33333333%;}
.flx_kachelblock .kachelwrapper{margin: 50px -15px;}
.flx_kachelblock .kachel-item{padding:50px 25px;margin-bottom:30px;min-height: 350px;display: flex;position: relative;border-radius:15px;}
.flx_kachelblock .kachel-item .inhalt{display: flex;flex-direction: column;width:100%;font-size:90%;}
.flx_kachelblock .kachel-item .inhalt .icon{width:30%;margin:0 auto 35px;display:block;}
.flx_kachelblock .kachel-item .inhalt .headline{font-size: 115%;margin-bottom:35px;text-transform: uppercase;text-align: left;font-weight: 500;}
.flx_kachelblock .kachel-item .inhalt p{font-size: 100%;flex: 1 0 auto;}
.flx_kachelblock .kachel-item .inhalt .btn{margin:75px auto 0;padding:15px 35px;background:var(--darkblue);color:var(--white);width:70%;position:absolute;bottom:50px;left:15%;}
.flx_kachelblock .kachel-item .inhalt .btn:hover{background:var(--darkblue);}
.flx_kachelblock .kachel-item.nebeneinander{min-height:auto;padding:20px;}
.flx_kachelblock .kachel-item.nebeneinander .inhalt{flex-direction:row;}
.flx_kachelblock .kachel-item.nebeneinander .inhalt .content{padding-bottom:80px;position:relative;}
.flx_kachelblock .kachel-item.nebeneinander .inhalt .icon{margin-right:35px;margin-bottom:0;width:40%;object-fit: contain;}
.flx_kachelblock .kachel-item.nebeneinander .inhalt .headline{margin-bottom:0;text-align:left;}
.flx_kachelblock .kachel-item.nebeneinander .inhalt .btn{margin:15px 0 0;width:300px;bottom:25px;left:0;}

.flx_kachelblock.mehrere .inhalt .headline{font-size:175%;}
.flx_kachelblock.mehrere .customcol5{padding-right:0;}
.flx_kachelblock.mehrere .customcol6{padding-left:0;}
.flx_kachelblock.mehrere .item5{margin-top:200px;}
.flx_kachelblock.mehrere .item6{margin-top:-100px;}
.flx_kachelblock.mehrere .kachel-item{padding:50px 25px;min-height:auto;}
.flx_kachelblock.mehrere .kachel-item .inhalt .headline{font-size:125%;text-align:left;margin-bottom:15px;}
.flx_kachelblock.mehrere .kachel-item ul{padding-left:20px;}
.flx_kachelblock.mehrere .kachel-item ul li{color:#fff;list-style: disc;padding:0;margin:5px 0;}

.flx_kachelblock.eine .inhalt .headline{font-size:175%;}
.flx_kachelblock.eine .customcol5{padding-right:0;padding-left:75px;}
.flx_kachelblock.eine .customcol6{padding-left:0;}
.flx_kachelblock.eine .bild{margin-top:165px;}
.flx_kachelblock.eine .kachel-item{padding:50px 25px;min-height:auto;}
.flx_kachelblock.eine .kachel-item .inhalt .headline{font-size:125%;text-align:left;margin-bottom:15px;}
.flx_kachelblock.eine .kachel-item ul{padding-left:20px;}
.flx_kachelblock.eine .kachel-item ul li{color:#fff;list-style: disc;padding:0;margin:5px 0;}
.flx_kachelblock.eine .btn{margin-top:100px;}


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

.kontakt .flx_textblock .textwrapper p{font-size:200%;}

.angebote .flx_textblock .zusatz::after{display:none;}

.ueber-mich .flx_textblock.textgrid{padding-top:0!important;}

.agbs .flx_textblock, .impressum .flx_textblock, .datenschutzerklaerung .flx_textblock {margin-top:50px;}
.agbs .flx_textblock h2, .impressum .flx_textblock h2, .datenschutzerklaerung .flx_textblock h2{margin-bottom:50px;}
.agbs .flx_textblock h3, .impressum .flx_textblock h3, .datenschutzerklaerung .flx_textblock h3{margin:25px 0;}
.agbs .flx_textblock p, .impressum .flx_textblock p, .datenschutzerklaerung .flx_textblock p{font-size:100%;}
.agbs .flx_textblock li, .impressum .flx_textblock li, .datenschutzerklaerung .flx_textblock li{font-size:100%!important;}
.agbs .flx_textblock .textwrapper strong, .impressum .flx_textblock .textwrapper strong, .datenschutzerklaerung .flx_textblock .textwrapper strong{display:inline-block;font-size:100%;margin:0;font-weight:900;}


/*-------------------------------------------------------------------------------------------*/
@media (min-width:1921px){
    
    .inhaltsbloecke{margin-top:200px;}

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

    #page-header .logo img{max-width:15vw;}

    .flx_headerblock.small img{max-height:650px;}
    .flx_headerblock .content{bottom:20%;max-width:95%;}

    .flx_kachelblock .kachel-item .inhalt .btn{margin-top:50px;}

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

    h3{font-size: 120%;}

    .headline{font-size:120%;}

    .inhaltsbloecke{margin-top:90px;}
 
    #page-header{padding:5px 0;}
    #page-header #toppermenu .menu li a{padding:5px 7px;font-size:75%;}
    #page-header #toppermenu .menu > li:last-child{padding-left:10px;}
    #page-header .logo img{margin-top:10px;}
    #page-header #toppermenu .mail{margin-bottom:12.5px;}

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

    .flx_headerblock .content .headline{font-size:175%;}
    .flx_headerblock .content p{font-size:100%;}
    .flx_headerblock .buttonwrapper{margin:25px 0;}

    .flx_kachelblock .kachel-item{min-height:300px;}
    .flx_kachelblock .kachel-item .inhalt .headline{font-size:125%;}

    .flx_kachelblock.eine .customcol5{padding-left:15px;}

    .flx_textblock .bigger{font-size:120%;}

    .kontakt .flx_textblock .textwrapper p{font-size:150%;}

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

    #page-header .logo img{max-width: 20vw;margin-top:5px;}

    #page-header #toppermenu .burgerbutton{display:block;width:40px;height:30px;position:absolute;top:2px;right:80px;cursor:pointer;}
    #page-header #toppermenu .burgerbutton span{display:block;width:100%;height:3px;margin:8px 0;background:var(--main);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;}
    #page-header #toppermenu .burgerbutton.active span:nth-child(2){opacity:0;transition:all .3s ease;}
    #page-header #toppermenu .burgerbutton.active span:nth-child(3){transform:rotate(-45deg);transition:all .3s ease;margin-top:-22px;}
    #page-header #toppermenu .menu{display:none;position:absolute;top:0;right:-110%;left:110%;bottom:0;transition:all .3s ease;background:var(--white);height:100vh;padding-top:100px;width:50%;}
    #page-header #toppermenu.active .menu{display:block;right:0;left:50%;transition:all .3s ease;}
    #page-header #toppermenu .menu li{display:block;padding:15px 0;width:100%;margin:0 auto;text-align:center;}
    #page-header #toppermenu .menu li a{font-size:100%;}
    #page-header #toppermenu .menu li.menu-item-has-children:after{content: '';display: block;width: 10px;height: 25px;background: url('media/arrow-left.svg');background-size: 100%;background-position: center;background-repeat: no-repeat;transform: rotate(-91deg);position: absolute;top: 50%;margin-top: -10px;right: 0;transition:all .3s ease;}
    #page-header #toppermenu .menu li.menu-item-has-children.active:after{transform: rotate(91deg);transition:all .3s ease;}
    #page-header #toppermenu .menu li.menu-item-has-children .sub-menu{left:50%;transform:translateX(-50%);top:50px;padding:10px 0;}
    #page-header #toppermenu .menu li.menu-item-has-children:hover .sub-menu{display:none;}
    #page-header #toppermenu .menu li.menu-item-has-children.active .sub-menu{display:block;}
    #page-header #toppermenu .menu li.menu-item-has-children .sub-menu li a{text-align:center;}
    #page-header #toppermenu .menu > li:last-child{padding-left:0;}
    #page-header #toppermenu .mail{margin-bottom:0;position:absolute;top:20px;z-index:99;}

    #page-header #toppermenu .menu li.current-menu-item::after, #page-header .middle .menu li.current_page_parent::after{bottom:10px;}
    #page-header #toppermenu .linkedin-container{margin-bottom:5px;}

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

    .flx_headerblock .content{bottom:10%;max-width:95%;}
    .flx_headerblock .content .headline, .flx_headerblock .content h1{font-size:150%;}
    .flx_headerblock .content p{font-size:100%;}
    .flx_headerblock .buttonwrapper{left:25px;transform:unset;}
    .flx_headerblock .buttonwrapper .btn{background:var(--yellow);color:var(--white);}

    .flx_kachelblock{padding-top:50px!important;}
    .flx_kachelblock .kachel-item{min-height:auto;margin-bottom:30px;}
    .flx_kachelblock .kachel-item .inhalt .btn{width:75%;}
    .flx_kachelblock .kachel-item.nebeneinander .inhalt .icon{width:1000%;}

    .flx_kachelblock.mehrere .item6{margin-top:25px;}


    .flx_textblock.textzwei .zwei{column-count: 1;}
    .flx_textblock.mitbildlinks .bild{padding-right:15px;}
    .flx_textblock.mitbildrechts .bild{padding-left:15px;}
    .flx_textblock.strings::after{background-size: 46vw;background-position: right;}
    
    .flx_bildblock .imageone::after{width: 40vw;height: 52vw;background-size:100%;}

    #page-footer a.logo{padding-left:0;}
    #page-footer .col-md-6{margin:25px 0;}
    #page-footer .copyright span{width:100%;}
    #page-footer .copyright .menu-footermenu-container{width:100%;text-align:left;}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:767px) {
    h3{font-size: 110%;}

    .buttonwrapper{margin:25px 0;}

    #page-header .logo img{max-width:27.5vw;}
    #page-header.bottom .logo img{width:35%;margin-top:0;}
    #page-header #toppermenu .mail{margin-bottom:22.5px;margin-left:0;width:50px;}

    .flx_headerblock.mitbild{position:relative;}
    .flx_headerblock.mitbild:before{content:'';background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 70%);}
    .flx_headerblock.verlauf .container-btn .btn{margin-top:100px;}

    .flx_headerblock .grafik{display:none;}
    .flx_headerblock .buttonwrapper{right:25px;}
    .flx_headerblock .buttonwrapper .btn{margin:0 auto;}

    .flx_kachelblock .inhalt.woman p, .flx_kachelblock .inhalt.unten p{font-size: 110%;}
    .flx_kachelblock .inhalt.woman{padding-right:0;}
    .flx_kachelblock .inhalt.woman::after{content:unset;}
    .flx_kachelblock .kachel-item{flex: 0 0 100%;max-width: -moz-available;}
    .flx_kachelblock.mehrere .inhalt .headline{margin-top:25px;}
    .flx_kachelblock.mehrere .customcol5, .flx_kachelblock.eine .customcol5{padding-right:15px;}
    .flx_kachelblock.mehrere .item5, .flx_kachelblock.eine .bild{margin-top:25px;}
    .flx_kachelblock.mehrere .customcol6, .flx_kachelblock.eine .customcol6{padding-left:15px;}
    .flx_kachelblock .kachel-item.nebeneinander .inhalt{flex-direction:column;}
    .flx_kachelblock .kachel-item.nebeneinander .inhalt .icon{width:75%;margin:0 auto 35px;}
    .flx_kachelblock .kachel-item.nebeneinander .inhalt .content{text-align:center;}
    .flx_kachelblock .kachel-item.nebeneinander .inhalt .content .headline{text-align:center;margin-bottom:50px;}
    .flx_kachelblock .kachel-item.nebeneinander .inhalt .content .btn{margin:15px auto 0;}

    .flx_textblock.mitbildrechts .bild img{margin-left:0;width:100%;}
    .flx_textblock.mitbildlinks .bild img{margin-right:0;width:100%;}
    .flx_textblock.mitbildlinks .text, .flx_textblock.mitbildrechts .text{order:1;}
    .flx_textblock.mitbildlinks .bild, .flx_textblock.mitbildrechts .bild{order:2;margin-top:25px;}

    .kontakt .flx_textblock .textwrapper p{font-size:100%;}
    
    #page-footer #newsletter input{width:100%;}
    #page-footer .links{text-align:left;padding:0;margin:0;}
    #page-footer a#backtotop{text-align:left;}
    #page-footer .row .order1{order:1;}
    #page-footer .row .order2{order:2;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:600px) {

    body, html, *{font-size:16px;}
    h1{font-size:225%;}
    h2{font-size:175%;}
    h3{font-size: 85%;}
    .headline{font-size:110%;}
    .subline{font-size:100%;margin-bottom:5px;}

    .inhaltsbloecke{margin-top:70px;}

    #page-header .logo img{max-width:75%;}

    #page-header.bottom{padding: 8px 0;}
    #page-header.bottom .logo img{width:68%;padding-top: .25rem;}
    #page-header #toppermenu .burgerbutton{top:5px;}
    
    #page-header #toppermenu .menu{top:55px;width:100%;}
    #page-header #toppermenu.active .menu{left:0;}

    #page-header #toppermenu .linkedin-container li{margin:5px 0;}

    #page-header #toppermenu .mail{top:25px;}

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

    .flx_headerblock picture img{height:auto;}


    .flx_headerblock.mitfarbe{height:125px;}

    .flx_headerblock.verlauf .content{margin-top:75px;}
    .flx_headerblock.verlauf .container-btn .btn{margin-top:25px;}

    .flx_headerblock .content .headline, .flx_headerblock .content h1{font-size:150%;}
    .flx_headerblock .content p{font-size:80%;margin: 50px 0 0 0;}
    .flx_headerblock .content::after{top: -190px;background-size: 30vw;}

    .flx_textblock .headline{margin-bottom: 1.5rem;}

    .flx_kachelblock .inhalt.woman p, .flx_kachelblock .inhalt.unten p{font-size: 85%;}
    .flx_kachelblock .flex-container{margin: 2rem 0 2rem 0;}
    .flx_kachelblock .kachel-item.nebeneinander .inhalt .icon{width:100%;}

    .flx_bildblock .imageone::after{bottom: -120px;}


    #page-footer{padding: 50px 0;}
    #page-footer .socials{text-align: start;}
    #page-footer .flex-item{margin-left: 0;}

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


    .headline{font-size:115%;}

    #page-header.bottom .logo img{width:75%;padding-top:5px;}  

    #page-header .logo img{max-width:75%;}
    #page-header #toppermenu .mail{margin-bottom:22.5px;}
    #page-header #toppermenu .burgerbutton{top:3px;}

}