:root{
    --first:#1F3DA5;
    --white: #ffffff;
    --yellow: #EFBE2B;
    --red:#FFA29A;
    --lightred:#FFCAC6;
    --lime: #DCDF72;
    --lightblue: #91C6CF;
    --darkblue: #1F3DA5;
    --blue: #2A6585;
    --green: #69AD54;
    --grey: #F1F2F4;

    --accordionlightblue: #91C6CF;
    --accordiongreen: #8DBC7B;
    --accordionbrown: #C68B61;
    --accordionpink: #FFA29A;
    --accordiondarkblue: #203E7A;
}

.bg-none{background-color: none!important;}
.bg-white{background-color:  var(--white)!important;}
.bg-yellow{background-color: var(--yellow)!important;}
.bg-lime{background-color: var(--lime)!important;}
.bg-red{background-color: var(--red)!important;}
.bg-lightred{background-color: var(--lightred)!important;}
.bg-darkblue{background-color: var(--darkblue)!important;}
.bg-lightblue{background-color: var(--lightblue)!important;}
.bg-green{background-color: var(--green)!important;}
.bg-grey{background-color: var(--grey)!important;}

.bg-accordion-lightblue{background-color:  var(--accordionlightblue)!important;}
.bg-accordion-green{background-color:  var(--accordiongreen)!important;}
.bg-accordion-brown{background-color: var(--accordionbrown)!important;}
.bg-accordion-pink{background-color: var(--accordionpink)!important;}
.bg-accordion-darkblue{background-color: var(--accordiondarkblue)!important;}

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

body,html,*{font-size:25px;line-height:1.6;font-family:'Euclid Circular B';font-weight:300;color:var(--first);}
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(--first)}
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:25px;margin:15px 0;}
/* li:before{content:'';width:7.5px;height: 15px;background:url('media/arrow-right.svg');background-size:100%;background-repeat:no-repeat;background-position:center;display:block;position:absolute;top:5px;left:0} */

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

h1{font-size:450%;display:block; font-family: 'Baskervville'; width: 50%;position:relative;color:var(--white);margin:0;line-height:1.3; max-width:100%}
h2{font-size:150%;display:block; font-family:'Euclid Circular B'; margin:0;line-height:1.3;}
h3{font-size:125%;display:block; font-family:'Euclid Circular B'; margin:0;line-height:1.3;}

.headline{display:block;margin:0;line-height:1.3;width:100%; color:var(--first)}
.headline.small{font-size:120%; padding-bottom: 20px;}

.btn{padding: 15px 30px;font-size:100%;background-color: transparent ;color:var(--first);transition:all .3s ease;line-height:1.2;text-align:center;border-radius:50px; width:267px;margin:0 auto;display:block; border: 1px solid var(--first);}
.btn:hover{color:var(--first)!important;transition:all .3s ease;color:#fff!important;}
.btn.disabled, .btn:disabled{opacity:1;}
.btn.lightblue{background:var(--lightblue);color:var(--white)!important;}
.btn.lime{background:var(--lime);color:var(--darkblue)!important;}
.btn.darkblue{background:var(--darkblue);color:var(--white)!important;}
.btn.green{background:var(--green);color:var(--white)!important;}


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

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

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

.numberline{display: inline; width: fit-content;}
.numberline::after{content: ''; display: inline-block; position: relative; height: 3px; width: 150px; background-color: var(--first);  bottom: 5px; margin: 0 10px 0 20px;}
.secondnumber{display: inline; width: fit-content;}

.textlinks{padding-right: 50px;}
.textrechts{padding-left: 50px;}
.bildlinks{padding-right: 50px;}
.bildrechts{padding-left: 50px;}
.bildlinks img{width: 100%;}
.bildrechts img{width: 100%;}
/*------------------------------------Header-------------------------------------------------*/

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

#page-header .container{position: relative;}

#page-header #toppermenu{display: block;width: 100%;}

#page-header #toppermenu .burgerbutton{display:block;width:40px;height:30px;position:absolute;top:15px;left:0;cursor:pointer; z-index: 9;}
#page-header #toppermenu .burgerbutton span{display:block;width:100%;height:3px;margin:8px 0;background:var(--first);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: var(--white);}
#page-header #toppermenu .burgerbutton.active span:nth-child(2){opacity:0;transition:all .3s ease; background: var(--white);}
#page-header #toppermenu .burgerbutton.active span:nth-child(3){transform:rotate(-45deg);transition:all .3s ease;margin-top:-22px; background: var(--white);}
#page-header .menu{position:absolute;display:none;top:0;right:0;bottom:0;transition:all .3s ease;background:var(--first);height:100vh; width: 100vw; padding-top: 100px;}
#page-header .menu.active{display:block;transition:all .3s ease;width: 100%;right: 0;}

#page-header .menu li{text-align: center;}
#page-header .menu li a{color: var(--white); font-size: 200%; text-decoration: none;font-family: 'Baskervville';}
#page-header .menu li a:hover{text-decoration: underline;}

#page-header #toppermenu .socialmedia-container{margin-bottom:10px;}
#page-header #toppermenu .socialmedia-container li{padding:0 5px;display:inline-block;}
#page-header #toppermenu .socialmedia-container li .linkedin::after{content:'';display: block;background-image: url('media/linkedin.png');width:15px;height:15px;background-repeat: no-repeat;background-position: center;background-size: 100%;}
#page-header #toppermenu .socialmedia-container li .instagram::after{content:'';display: block;background-image: url('media/instagram.png');width:15px;height:15px;background-repeat: no-repeat;background-position: center;background-size: 100%;}
#page-header.bottom #toppermenu .socialmedia-container{margin:0;}
#page-header.bottom #toppermenu .socialmedia-container li{margin:0;}

/* #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;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 #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(--first);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-decoration: none;}

#page-footer a{position:relative;display:block;margin-bottom:0;transition:all .3s ease;}
#page-footer .webseite{font-size: 125%; font-weight: 500; padding-bottom: 30px;}
#page-footer .adresse{font-size: 100%;}
#page-footer .adresse p{margin-bottom: 0;}
#page-footer .kontakt{font-size: 100%;}
#page-footer .kontakt span{display: block;}
#page-footer .kontakt span a{display: inline;}
#page-footer .instagram{color: #FFA29A; text-align: right;}

#page-footer .flex-item{margin-left:1rem;color:#fff; text-decoration: none;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%;}
#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; padding-top: 100px;}
#page-footer .links a{display:inline-block;padding:0 15px;text-decoration: none;}
#page-footer .links a:hover{color:var(--white);}
#page-footer .links a:last-child{padding-right:0;}

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

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

.flx_headerblock{position:relative;padding:0!important;}
.flx_headerblock h1{padding-bottom: 80px;}
.flx_headerblock.mitbild h1{font-family: 'Euclid Circular B'; text-transform: uppercase; text-shadow: 0px 4px 30px #00000075}
.flx_headerblock img{width:100%;height:auto;}
.flx_headerblock .content{position: absolute; width: 40%;top: 50%;left: 50%;transform: translate(-50%, -50%); z-index: 1; text-align: center;}
.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:200%;color:var(--blue);font-weight:300;width:100%;} */
.flx_headerblock .container-btn{display: flex;justify-content: center;position:relative;z-index: 5;}

.flx_headerblock.mitbild picture img{height: 100vh;object-fit: cover;}

.flx_headerblock .typewriter-container #typewriter{min-height:227px;font-size:450%;display:block; font-family: 'Baskervville'; width:fit-content;position:relative;color:var(--first);margin:0;line-height:1.3; max-width:100%;padding-bottom: 80px;}

.flx_headerblock.text{padding: 150px 0!important;}
.flx_headerblock.text .container{position: relative;}
.flx_headerblock.text .hintergrundeffekt{position: absolute; right: 0; top: -100px; width: 350px;}

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

.flx_bildblock{padding:0!important;}
/* .flx_bildblock .bildrow{--bs-gutter-x: 0;} */
.flx_bildblock .inhalt{width:75%;display:block;margin:0 auto;}
.flx_bildblock .imageone{width:100%;display:block;position:relative;}
.flx_bildblock img{width:100%;}
.flx_bildblock .imagetwo{width: 40%;float: right;margin-top: -250px;position: relative;}
.flx_bildblock .bild{height: 85vh;}

.flx_textblock .container{position: relative;}
.flx_textblock .grafik{position: absolute; bottom: -185px; right: -150px; width: 200px; height: 200px; object-fit: contain;}
.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{margin:0 auto 15px;}
.flx_textblock p .btn{font-size:80%;margin-top:75px;}
.flx_textblock .text ul{margin:25px 0;padding-left:25px;}
.flx_textblock .text ul li{margin:5px 0;font-size:125%;list-style: disc;padding-left:0;}
.flx_textblock .text strong{margin:50px 0 0; font-weight:normal;display:block;font-size:125%;}
.flx_textblock .bild img{width:100%;}
.flx_textblock.textzwei .zwei{column-count: 2;column-gap: 50px;}
.flx_textblock .btn{background-color: transparent; padding: 20px 30px; margin-left: 0; margin-top: 100px;}
.flx_textblock .btn:hover{background-color: var(--first); color: var(--white);}
.flx_textblock.mitbildlinks .text{padding-left: 50px;}

/* .flx_kachelblock .headline.small{} */
.flx_kachelblock .kachelwrapper{margin: 5rem 0 3rem 0;}
.flx_kachelblock .kachel-item{padding:50px 25px;margin-bottom:0;min-height: 650px;display: flex;position: relative;}
.flx_kachelblock .kachel-item .inhalt{display: flex;flex-direction: column;width:100%;font-size:90%; text-align: center;}
.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:50px; text-align: center;font-weight: 400; text-transform: uppercase;}
.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:transparent;width:75%;}
.flx_kachelblock .kachel-item .inhalt .btn:hover{background:var(--darkblue);}
.flx_kachelblock .kachel-item.bg-lime .inhalt span, .flx_kachelblock .kachel-item.bg-lime .inhalt p{color:var(--blue)}
.flx_kachelblock .kachelwrapper{position: relative;}
.flx_kachelblock .kachelwrapper::before{content: ''; display: block; position: absolute; z-index: 2; width: 200px; height: 200px; background: url('media/haltungskompass.png'); background-repeat: no-repeat; background-size: cover;left: -130px; top: 50px;}

.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;}

.flx_accordion{padding-bottom: 0!important;}
.flx_accordion li{list-style: disc; padding-left: 10px;}
.flx_accordion .accordion-flush .accordion-item{border: none;}
.flx_accordion .accordion-button{background-color: transparent; box-shadow: none;}
.flx_accordion .accordion-button:not(.collapsed){box-shadow: none;}
.flx_accordion .accordion-button::after{background-image: url('media/plus.svg'); filter: invert(100%);}
.flx_accordion .accordion-button:not(.collapsed)::after{background-image: url('media/minus.svg'); filter: invert(100%);}
.flx_accordion .accordion-button span{font-size: 300%; font-weight: 500; font-family: 'Baskervville';}

.flx_iconblock .headline{margin-bottom:25px;}
.flx_iconblock .icons{margin-top:100px;justify-content:center;}
.flx_iconblock .icons .item{width: 100%;text-align: center;margin: 50px 0;}
.flx_iconblock .icons .item img{max-width:50%;}
.flx_iconblock .icons .item .inhalt .headline{font-size: 125%;margin: 25px 0;}

.flx_kundenstimmen .stimmen{margin-top:50px;}
.flx_kundenstimmen .stimmen .stimme{position:relative;padding:50px 0 100px;}
.flx_kundenstimmen .stimmen .stimme .personbild{max-width:80%;}
.flx_kundenstimmen .stimmen .stimme .inhalt{padding:25px;background-color:var(--first);position:absolute;left:75px;bottom:0;width:calc(100% - 150px);}
.flx_kundenstimmen .stimmen .stimme .inhalt p{color:var(--white);margin-bottom:0;}
.flx_kundenstimmen .stimmen .stimme .infos{position: absolute;top: 0;right: 0;display:block;width:450px;height:250px;padding:25px;background:var(--lightblue);}
.flx_kundenstimmen .stimmen .stimme .infos .logo{max-width:60%;position:absolute;bottom:-50%;left:-25%;}
.flx_kundenstimmen .stimmen .stimme .infos .name{font-size:85%;margin-top:35px;}
.flx_kundenstimmen .stimmen .stimme .infos .firma{font-size:85%;font-weight:600;display:block;}
.flx_kundenstimmen .owl-height{height: 100%;}

/*----------------------------------Headerblock Icons----------------------------------*/
.navcircles{position: absolute; right: 0; top: -100px; height: 350px; width: 400px;}

.bubble{margin: 0 auto; width: 85px; @include vertical-align(); position:absolute;}
.alteration1{top: 10%; right: 25%;}
.alteration2{top: 12.5%; right: 70%;}
.alteration3{top: 47%; right: 16%;}
.alteration4{top: 45%; right: 90%;}
.alteration5{top: 55%; right: 55%;}

.bubbleinner1{height: 122px; width: 122px; overflow: hidden; animation: drift 6s ease-in-out infinite;}
.bubbleinner2{height: 110px; width: 110px; animation: drift 8s ease-in-out infinite;}
.bubbleinner3{height: 90px; width: 90px; animation: drift 10s ease-in-out infinite;}
.bubbleinner4{height: 135px; width: 135px; animation: drift 12s ease-in-out infinite;}
.bubbleinner5{height: 100px; width: 100px; animation: drift 7s ease-in-out infinite;}
.bubbleinner6{height: 80px; width: 80px; animation: drift 5s ease-in-out infinite;}

.bubblelittle1{height: 20px; width: 20px; animation: drift 4s ease-in-out infinite;}
.bubblelittle2{height: 40px; width: 40px; animation: drift 10s ease-in-out infinite;}


@keyframes drift{
  0% {transform: translateY(0px) translateX(0px) scale(1);}
  20% {transform: translateY(-8px) translateX(0px) scale(1.1);}
  40% {transform: translateY(0px) translateX(10px) scale(1.2);}
  60% {transform: translateY(6px) translateX(0px) scale(1.2);}
  80% {transform: translateY(0px) translateX(-7px) scale(1.1);}
  100% {transform: translateY(0px) translateX(0px) scale(1);}
}

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

.startseite .flx_headerblock .content{bottom:30%;}
.startseite .flx_textblock{background:#FCF3F0;}

.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 .text strong, .impressum .flx_textblock .text strong, .datenschutzerklaerung .flx_textblock .text strong{display:inline-block;font-size:100%;margin:0;font-weight:900;}

.about-me .flx_textblock p span{font-size:115%;}

.about-me .flx_textblock.bg-lime .container{position: relative;padding-bottom:325px;}
.about-me .flx_textblock.bg-lime .container:after{content:'';background:url('media/contentimage_about-me.png');background-size:cover;background-position:center;background-repeat:no-repeat;display:block;width:480px;height:550px;position:absolute;bottom:-250px;right:0px;}

.about-me .flx_textblock.bg-darkblue .container{position:relative;}
.about-me .flx_textblock.bg-darkblue .container:after{content:'';background:url('media/icon_about-me.png');background-size:cover;background-position:center;background-repeat:no-repeat;display:block;width:200px;height:200px;position:absolute;top:-200px;right:0px;}

@media (max-width: 1920px){
    #page-header #toppermenu .burgerbutton{top: 7px;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1650px){

    .flx_kundenstimmen .slider .owl-prev{left:-7.5%;}
    .flx_kundenstimmen .slider .owl-next{right:-7.5%;}

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

    #page-header .logo img{margin: 7px 0;}
    #page-header.bottom .logo img{margin: 7px 0;}

    #page-header #toppermenu .burgerbutton{left: 20px; top: 3px;}

    .startseite .flx_headerblock .content{bottom:20%;}
    .flx_headerblock .content{width: 80%;}

    .flx_textblock .grafik{display: none;}

    .flx_kachelblock .kachel-item .inhalt .btn{margin-top:50px;}
    .flx_kachelblock .kachelwrapper::before {display: none;}

    .flx_kundenstimmen .slider .owl-prev{left:0;bottom:-75px;top:unset;}
    .flx_kundenstimmen .slider .owl-next{right:0;bottom:-75px;top:unset;}

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

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

    h1.headline{font-size: 250%;}
    h3{font-size: 120%;}

    .headline{font-size:120%;}
 
    #page-header{padding:5px 0;}
    #page-header #toppermenu .menu li a{padding:5px 10px;font-size:75%;}
    #page-header #toppermenu .menu > li:last-child{padding-left:10px;}


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


    .flx_kachelblock .kachel-item{min-height:810px;}
    .flx_kachelblock .kachel-item .inhalt .headline{font-size:125%;}
    .flx_kachelblock .kachel-item .inhalt .btn{width:100%;}

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

    .about-me .flx_textblock.bg-lime .container::after{right:15px;}

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


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

    #page-header .logo img{max-width:unset; height: 38px; width: auto;}

    #page-header #toppermenu .burgerbutton span{display:block;width:100%;height:3px;margin:8px 0;background:var(--first);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 .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;}

    .flx_headerblock h1{padding-bottom: 50px;}
    .flx_headerblock .decor{padding-bottom: 50px;}

    .textlinks, .textrechts{padding-left: 25px; order: 2; padding-top: 50px;}
    .bildlinks{padding-right: 25px; order: 1;}
    .bildrechts{padding-left: 25px; order: 1;}
    .bildlinks img{width: 100%;}
    .bildrechts img{width: 100%;}

    .startseite .flx_headerblock .content{bottom:10%;}
    .flx_headerblock .content{bottom:10%;max-width:95%;}
    .flx_headerblock .content .headline, .flx_headerblock .content h1{font-size:175%;}
    .flx_headerblock .content p{font-size:100%;}

    .flx_bildblock .bild{height: 45vh;}

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

    .flx_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.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%;}

    .flx_kundenstimmen .slider .item{min-height:auto;}

    .flx_download .kachel-item{min-height:auto;margin-bottom:30px;}

    .flx_kundenstimmen .stimmen .stimme .inhalt, .flx_kundenstimmen .stimmen .stimme .infos{position:unset;width:100%;height:auto;}
    .flx_kundenstimmen .stimmen .stimme .personbild{max-width: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%;}

    #page-header .logo img{margin-left: 50px;}
    #page-header.bottom .logo img{margin-left: 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_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_bildblock .bild.bildbreit{display: none;}
    .flx_bildblock .bild.bildrechts{background-position: top!important;}
    .flx_bildblock .imageone::after{height: 90vw;}

    .about-me .flx_textblock.bg-lime .container{padding-bottom:425px;}
    .about-me .flx_textblock.bg-lime .container::after{bottom:-150px;left:15px;max-width:calc(100% - 30px);}


    #page-footer #newsletter input{width:100%;}
    #page-footer .links{text-align:left;margin:0;}
    #page-footer .links a{padding-left: 0; padding-right: 25px;}
    #page-footer a#backtotop{text-align:left;}
    #page-footer .row .order1{order:1;}
    #page-footer .row .order2{order:2;}
     #page-footer .instagram{padding-top: 50px}

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

    body, html, *{font-size:20px;}
    h1{font-size:225%;}
    h2{font-size:175%;}
    h3{font-size: 85%;}
    p{font-size: 85%;word-break: break-word;}
    .headline{font-size:110%;}
    .subline{font-size:90%;margin-bottom:5px;}

    #page-header.bottom{padding: 8px 0;}

    
    #page-header #toppermenu .menu{top:55px;width:100%;}
    #page-header #toppermenu.active .menu{left:0;}

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

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

    .flx_headerblock.mitbild picture img{height: 60vh;}

    .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;}

    .navcircles{top:-275px;}
    .flx_headerblock.text{padding:275px 0 25px!important;}
    .flx_headerblock .typewriter-container #typewriter{font-size:270%;min-height:90px;padding-bottom:15px;}

    .about-me .flx_headerblock .content{top:55%;}

    .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{padding: 1.5rem 1rem;}
    .flx_kachelblock .kachel-item .inhalt .headline{font-size: 85%;}

    .flx_bildblock .imageone::after{bottom: -120px;}
    .flx_bildblock .bild{height: 50vh;}
    
    .flx_kundenstimmen .slider{width:100%;}

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

    #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%;}


    .flx_kursteaser .item .infos .name{line-height:1.2;}
    .flx_kursteaser .item .infos span.bold{display:block;}

    #kurssingle .infobox .info span.bold{display:block;}
    #kurssingle .infobox .btn.vhsanmeldung{padding:5px 10px;}


}