:root{
    --prime: #102AF6;
    --second: #F52C12;
    --light-prime: #CED3FF;
    --background-prime: #F4F5FF;
    --font: #434343;
    --background: #F8F8F8;
    --white: #FFFFFF;
}

body,html,*{font-size:19px;line-height:1.7;font-family: arial;font-style: normal;font-weight:300;color:var(--font);}
html{scroll-behavior: smooth;overflow-x: hidden;}

div[class^="col-"], div[class*="col-"] {position: relative;}
div[class^="flx_"], div[class*="flx_"] {margin-bottom: 70px!important;}
div[class^="flx_"].zero, div[class*="flx_"].zero {margin-bottom: 0 !important;}

a{color:#021D3A;text-decoration:none;font-size:100%;transition:all .3s ease;}
a:hover{text-decoration:none;color:var(--prime);transition:all .3s ease;}
a:focus{text-decoration:none;}

label{cursor:pointer;}

li:not(.menu-item){list-style:none;padding-left:30px;position:relative;}
li:not(.menu-item):before{content:'';width:22px;height:22px;display:block;background:url('media/icons/tick-mark.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:5px;left:0;}

.fuer-arbeitnehmer li:not(.menu-item):before{content:'';width:22px;height:22px;display:block;background:url('media/icons/tick_red.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:5px;left:0;}

ul{padding:0;margin:0;}

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

h1{font-size:65px;font-weight:600;display:block;position:relative;color: var(--font);margin:0;line-height:1;}
h2{font-size:50px;font-weight:600;display:block;color: var(--font);margin:0;line-height:1;}
h3{font-size:36px;font-weight:600;display:block;color: var(--font);margin:0;line-height:1;}

.headline{font-weight:600;display:block;color: var(--font);margin:0;line-height:1;margin-bottom: 1rem;}
.subline{font-size:25px;font-weight:600;display:block;color: var(--font);position: relative;margin-top:1rem;}
.topline{font-weight:600;display:block;color: var(--font);margin:0;line-height:1;}

.headline span{font-weight:600;color: var(--font);margin:0;line-height:1;width: fit-content;position: relative;z-index:1;float:left;}
.headline span::before{content:'';display:block;z-index: -1;background-color: var(--light-prime);float: left;height: 50%;position: absolute;width: 100%;bottom: 3px;left: 0;}
h1.headline span, h2.headline span{font-size:50px;float:revert;}
h3.headline span{font-size:36px;float:left}
.flx_headerblock h1, .flx_headerblock h2, .flx_headerblock h3, .flx_headerblock .headline, .flx_headerblock .subline, .flx_headerblock div .headline span{color:#fff;}

.form h3.headline span, .form h3.headline{color: var(--font);}

.btn{position:relative;padding:15px 25px 15px 25px;font-size:100%;font-weight:400;background-color:var(--font);color:#fff;transition:all .3s ease;line-height:1;text-align:center;margin-top:1rem;}
.btn.prime{background-color:var(--prime);}
.btn:hover{background-color:var(--font);transition:all .3s ease;color:#fff;}

.fuer-arbeitnehmer .btn.prime{background-color: var(--second);}
.fuer-arbeitnehmer .btn:hover{background-color: var(--font);transition: all .3s ease;color: #fff;}

strong{font-weight:600;font-size:100%;}
.text-left{text-align:left!important;}

.container{max-width:1500px;}
.container.wide{max-width:1700px;position: relative;}
.container.small{max-width:1200px;}

input, textarea, select{margin-bottom:10px;border: 1px solid #B9B9B9;border-radius:8px;width:100%;padding:5px 15px;font-size:85%;}
textarea{height:100px;}
.uacf7_range_slider-224{width:100%;position:relative;}
.uacf7-slider-label{display:none!important;}
.uacf7-value{position: absolute;float:unset;bottom:25px;right:0;}
.uacf7-value:before{content:'Umkreissuche: ';}
.uacf7-value:after{content:' Km';}
.uacf7-slidecontainer{width:50%;display:block;margin-bottom:15px; margin-top: 25px;}
.uacf7-form-182 input[type="range"]{margin:0;height:5px!important;}
.uacf7-form-187 input[type="range"]{margin:0;height:5px!important;}
input[type="checkbox"]{width:15px;}
.wpcf7-list-item{margin-left:0;}
.wpcf7-list-item-label{font-size:80%;}
.pflicht{display:block;font-size:80%;}

.fuer-arbeitnehmer .uacf7-form-187 .uacf7-slider::-moz-range-thumb{background: var(--second);}
.fuer-arbeitnehmer .uacf7-form-187 input[type="range"]{background-color: var(--second);}

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

#page-header{position:absolute;top:0;right:0;left:0;padding:40px 0;background:transparent;z-index:1;}

.menu{display: flex;gap: 23px;justify-content: end;}
.menu-item{list-style: none;}
.menu-item:first-of-type a{color:#fff;background-color: var(--prime);padding: .75rem 2rem;border-radius: .25rem;font-weight: 600;}
.menu-item:last-of-type a{color:#fff;background-color: var(--second);padding: .75rem 2rem;border-radius: .25rem;font-weight: 600;}

.fuer-unternehmen .menu-item:last-of-type a{background-color: transparent;}
.fuer-unternehmen .menu-item:last-of-type:hover a{background-color: var(--second);padding: .75rem 2rem;border-radius: .25rem;font-weight: 600;}

.fuer-arbeitnehmer .menu-item:first-of-type a{background-color: transparent;}
.fuer-arbeitnehmer .menu-item:first-of-type:hover a{background-color: var(--prime);padding: .75rem 2rem;border-radius: .25rem;font-weight: 600;}

.menu-item a:hover{background-color: var(--font);color: #fff;}


#page-header.bottom{padding:15px 0;position:fixed;top:0;left:0;right:0;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;background:#fff;-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */              -moz-animation: fadein 2s; /* Firefox < 16 */-ms-animation: fadein 2s; /* Internet Explorer */-o-animation: fadein 2s; /* Opera < 12.1 */animation: fadein 2s;z-index:999;}
#page-header.bottom .logo img{max-width:150px;display:block;}

.fuer-unternehmen #page-header.bottom .menu-item:last-of-type a{background-color: transparent;color: var(--font);}
.fuer-unternehmen #page-header.bottom .menu-item:last-of-type:hover a{background-color: var(--second);color: #fff;}

.fuer-arbeitnehmer #page-header.bottom .menu-item:first-of-type a{background-color: transparent;color: var(--font);}
.fuer-arbeitnehmer #page-header.bottom .menu-item:first-of-type:hover a{background-color: var(--prime);color: #fff;}

#page-header #toppermenu .burgerbutton{display:none;width:100px;height:30px;position:absolute;right:20px;cursor:pointer;z-index: 2;align-items:center;justify-content:space-between;}
#page-header #toppermenu .burgerbutton.active{width:40px;}
.fuer-unternehmen #page-header #toppermenu .burgerbutton .striche{display:block;width:40px;}
.fuer-unternehmen #page-header #toppermenu .burgerbutton .striche span{display:block;width:100%;height:3px;margin:8px 0;background: var(--prime);border-radius:20px;transition:all .3s ease;}
.fuer-unternehmen #page-header #toppermenu .burgerbutton.active .striche span:nth-child(1){transform:rotate(45deg);transition:all .3s ease;margin-top:22px;background-color: var(--prime);}
.fuer-unternehmen #page-header #toppermenu .burgerbutton.active .striche span:nth-child(2){opacity:0;transition:all .3s ease;background-color: var(--prime);}
.fuer-unternehmen #page-header #toppermenu .burgerbutton.active .striche span:nth-child(3){transform:rotate(-45deg);transition:all .3s ease;margin-top:-22px;background-color: var(--prime);}
.fuer-unternehmen #page-header #toppermenu .burgerbutton .text{font-weight:600;color:var(--prime);}
.fuer-unternehmen #page-header #toppermenu .burgerbutton.active .text{display:none;}

.fuer-arbeitnehmer #page-header #toppermenu .burgerbutton .striche{display:block;width:40px;}
.fuer-arbeitnehmer #page-header #toppermenu .burgerbutton .striche span{display:block;width:100%;height:3px;margin:8px 0;background: var(--second);border-radius:20px;transition:all .3s ease;}
.fuer-arbeitnehmer #page-header #toppermenu .burgerbutton.active .striche span:nth-child(1){transform:rotate(45deg);transition:all .3s ease;margin-top:22px;background-color: var(--second);}
.fuer-arbeitnehmer #page-header #toppermenu .burgerbutton.active .striche span:nth-child(2){opacity:0;transition:all .3s ease;background-color: var(--second);}
.fuer-arbeitnehmer #page-header #toppermenu .burgerbutton.active .striche span:nth-child(3){transform:rotate(-45deg);transition:all .3s ease;margin-top:-22px;background-color: var(--second);}
.fuer-arbeitnehmer #page-header #toppermenu .burgerbutton .text{font-weight:600;color:var(--second);}
.fuer-arbeitnehmer #page-header #toppermenu .burgerbutton.active .text{display:none;}


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

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

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

#page-footer #backtotop .scroll{cursor:pointer;position: relative;}
#page-footer #backtotop .scroll::after{content:'';display:block;position:absolute;width: 50px;height: 25px;background:url('media/icons/right-arrow.svg');background-repeat:no-repeat;background-size:100%;background-position:center;bottom: 150px;right: 50px;transform: rotate(-90deg);}
#page-footer .links .logo img{max-width:40%;margin-bottom:35px;}
#page-footer .links .adresse p:first-child{margin-bottom:15px;}
#page-footer .links .adresse p{color:#fff;margin-bottom:5px;}
#page-footer .links .adresse a{color:#fff;margin-left:50px;transition:all .3s ease;}
#page-footer .links .adresse a:hover{color:#33CBE5;transition:all .3s ease;}

#page-footer .rechts .left{display:inline-block;width:49%;}
#page-footer .rechts .right{display:inline-block;width:49%;}
#page-footer .rechts .footermenu{padding-top:100px;}
#page-footer .rechts .footermenu a{color:#fff;transition:all .3s ease;display:block;margin-bottom:5px;}
#page-footer .rechts .footermenu a:hover{color:#33CBE5;transition:all .3s ease;}

#page-footer .copyright{display:block;width:100%;margin-top:100px;}
#page-footer .copyright span{display:block;text-align:center;color:var(--font);font-size:75%;}

#page-footer .footer-form{position: fixed;z-index: 99;bottom: 0;top: calc(100% - 51.3px);left:0;right:0;}
#page-footer .footer-form.active{top: unset;}
#page-footer .footer-form.active::before{content:'';position:inherit;display:block;width:100vw;height:100vh;top:0;bottom:0;left:0;right:0;background-color: #00000070;}
#page-footer .footer-form .footer-menu{position: relative;bottom: 0;right: 50%;left: 50%;transform: translate(-50%, 0);width: fit-content;background-color: #F52C12;}
#page-footer .footer-form .footer-menu ul{display: flex;align-items: center;}
#page-footer .footer-form .footer-menu ul li{position: relative;padding-left: 0;}
#page-footer .footer-form .footer-menu ul li::before{content:unset;}
#page-footer .footer-form .footer-menu ul li:first-of-type::before{content:'';display:block;height:30px;width:30px;position: absolute;top: 50%;bottom: 50%;left: 15px;transform: translate(0, -50%);background:url('media/icons/telefon-weiss-rot.svg');background-repeat:no-repeat;background-size:100%;background-position:center;}
#page-footer .footer-form .footer-menu ul li:last-of-type span{padding-left:.5rem;cursor:pointer;}
#page-footer .footer-form .footer-menu ul li:last-of-type::after{content:'';display:block;height:20px;width:20px;position: absolute;top: 50%;bottom: 50%;right:15px;transform: translate(0, -50%) rotate(180deg);filter:invert();background:url('media/icons/arrow-down-sign-to-navigate.svg');background-repeat:no-repeat;background-size:100%;background-position:center;transition: all ease 300ms;}
#page-footer .footer-form.active .footer-menu ul li:last-of-type::after{transform: translate(0, -50%) rotate(0deg);transition: all ease 300ms;}
#page-footer .footer-form .footer-menu ul li *{width: 100%;display: block;white-space: nowrap;padding: .5rem 3rem;color:#fff;font-weight:600;}

#page-footer .hidden{visibility:hidden;position: relative;width: 100%;bottom: -100%;background-color: var(--background);padding:2rem 0;}
#page-footer .hidden form{padding:1rem 0;height: 60vh;}
#page-footer .hidden .text-left label:not([for="datenschutz"]){position: relative;margin-left: 1.5rem;font-size: 75%;}
#page-footer .hidden .text-left span{font-size: 75%;}
#page-footer .hidden form input[type="text"]:not(.MO_input-field.MO_captcha_inputfield), #page-footer .hidden form .flex-container span:not(.MO_submit-captcha.MO_captcha-submitbutton){width:100%;}
#page-footer .hidden form .btn{background-color: #528D4D;transition: all 300ms ease;position: absolute;bottom: 70px;right: 115px;}
#page-footer .hidden form .btn:hover{background-color: var(--font);}
#page-footer .hidden form .btn input {background-color: transparent;border: none;color: #fff;}
.MO_input-field.MO_captcha_inputfield{width:100%!important;}
#page-footer .hidden form p{font-size:75%;margin-bottom: 10px;}
#page-footer .hidden form input[type="checkbox"]:not(.datenschutzcheck){position: absolute;border: 1px solid #000;border-radius: 15px;z-index: 0;-webkit-appearance: none;padding: 9px;left: -1.5rem;top: 50%;bottom: 50%;transform: translate(0, -50%);}
#page-footer .hidden form input[type="checkbox"]:not(.datenschutzcheck):checked::before{content: '';display:block;position: absolute;width:10px;height:10px;background-image:url('media/icons/circle.svg');background-size:100%;background-position:center;background-repeat:no-repeat;left: 50%;right: 50%;transform: translate(-50%, -50%);}
#page-footer .hidden .mail{width:fit-content!important;}
#page-footer .footer-form.active .hidden{visibility:visible;bottom: 0;height: 90vh;}

.fuer-arbeitnehmer #page-footer .pb-5{padding-bottom: 10px!important;}
.fuer-arbeitnehmer #page-footer .col-md-3.text-left p{margin-bottom: 0;}
.fuer-arbeitnehmer #page-footer p.pflicht.pt-3.text-left{padding-top: 0!important;margin-top: 0!important;}
.fuer-arbeitnehmer #page-footer .hidden form{height: 60vh;}
.fuer-arbeitnehmer #page-footer .footer-form.active .hidden{height: 85vh;}

.fuer-unternehmen #page-footer .footer-form .footer-menu{background-color: var(--prime);}
.fuer-unternehmen #page-footer .footer-form .footer-menu ul li:first-of-type::before{background: url('media/icons/telefon-weiss-blau.svg');}
.fuer-unternehmen .hidden .mail::before{background: url('media/icons/mail_blau.svg');}
.fuer-unternehmen #page-footer .footer-form.active .hidden{height: 60vh;}
.fuer-unternehmen #page-footer .hidden form{height: 30vh;}

/*------------------------------ACF-Flexible-Content-----------------------------------------*/
.flx_headerblock:not(.text){position:relative;overflow: hidden;height:100%;}
.flx_headerblock .arrow::after{content:'';width:50px;height:25px;display:block;background:url('media/icons/right-arrow.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;bottom: 75px;left: 50px;filter: invert(1);transform: rotate(90deg);}
.flx_headerblock .headerbackgroundimg{position:absolute;top:0;bottom:0;right:0;left:0;z-index:-1;}
.flx_headerblock .headerbackgroundimg::after{content:'';position: absolute;top:0;bottom:0;right:0;left:0;background-color: #70707066;}
.flx_headerblock .headerbackgroundimg img{width: 100%;height: 100vh;object-fit: cover;}

.flx_headerblock .parallax {height: 100vh;overflow: hidden;}
.flx_headerblock .parallax-image {height: 100%;width: 100%;background-size: cover;transform: translate3d(0, 0, 0);}

.flx_headerblock .grid-container{display:grid;grid-template-columns: 66% 33%;grid-template-rows: auto 40% 200px;gap:30px;padding-top: 7.5rem;}
.flx_headerblock .grid-container .content.grid-item{grid-column: 1 / 2;grid-row: 2 / 3;}
.flx_headerblock .grid-container .logoliste.grid-item{grid-column: 1 / 2;grid-row: 3 / 4;}
.flx_headerblock .grid-container .form.grid-item{grid-column: 2 / 3;grid-row: 1 / 4;}
.flx_headerblock .form{position: relative;background-color: var(--background);border-radius:15px;padding:1rem 2rem;display: flex;flex-direction: column;justify-content: center;}
.flx_headerblock .kontakt .flex-container{display: flex;flex-direction: column;}
.flx_headerblock .kontakt .flex-container .two-items{gap:0 1rem;}
.flx_headerblock .kontakt span{font-size: 74%;font-weight:600;}
.flx_headerblock .kontakt output{font-size: 90%;font-weight:600;}
.flx_headerblock .kontakt span ~ input{margin-bottom:.5rem;width: 100%;}
.flx_headerblock .kontakt .pflicht{margin-top:.5rem;font-size: 70%;}
.flx_headerblock .kontakt .btn{width:100%;background-color:#528D4D;transition: all 300ms ease;}
.flx_headerblock .kontakt .btn:hover{background-color: var(--font);color: #fff;}
.flx_headerblock .kontakt .btn input{background-color: transparent;border: none;color: #fff;}
.flx_headerblock .kontakt p{line-height:1.4;}

.flx_headerblock.text *{color: var(--font);}
.flx_headerblock.text{margin-top:10rem;}

.flx_textblock .headline.just_text{margin-bottom: 3rem !important;}
.flx_textblock .text ul{margin:0 0 1rem 3rem;}
.flx_textblock .just_text ~ div ul{margin-bottom:1rem!important;}
.flx_textblock .just_text ~ div ul li{display:inline-block;width:49.5%;font-weight:600;margin:5px 0;}
.flx_textblock .text{display: flex;flex-direction: column;justify-content: center;}
.flx_textblock .image{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.flx_textblock .image img{border-radius:17px;max-width: 600px;object-fit: cover;height: auto;}

.flx_textblock .image.grid-container{display:grid;grid-template-columns: repeat(6, 1fr);grid-template-rows: repeat(8, 1fr);}
.flx_textblock .image.grid-container .pic1{grid-column: 3 / 7;grid-row: 1 / 7;object-fit: cover;width: 100%;height: 100%;min-height: 600px;}
.flx_textblock .image.grid-container .pic2{grid-column: 2 / 5;grid-row: 6 / 9;object-fit: cover;width:100%;height:100%;}

.flx_statistik{text-align: center;background-color: var(--background-prime);padding: 4rem 0;}
.flx_statistik .container .headline:first-of-type{width:fit-content;margin:0 auto 3rem auto;}
.flx_statistik .row .headline{margin-bottom:1rem!important;}
.flx_statistik .row .subline{font-weight: 400;font-size: 90%;}

.flx_ablauf{position: relative;height: 610px;display: flex;flex-direction: column;justify-content: end;}
.flx_ablauf::before{content:'';display:block;background-image: url('media/paperplane_background.svg');background-repeat:no-repeat;background-size:1500px;background-position:center;position:absolute;width: 100%;height: 100%;}
.flx_ablauf .grid-container{display:grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, 200px);gap:15px;width:calc(100% - 30px);align-items: end;justify-items: center;}
.flx_ablauf .grid-container .grid-item-one{grid-column: 1 / 2;grid-row:1;}
.flx_ablauf .grid-container .grid-item-two{grid-column: 2 / 3;grid-row:1;}
.flx_ablauf .grid-container .grid-item-three{grid-column: 3 / 4;grid-row:1;}
.flx_ablauf .grid-container .grid-item-four{grid-column: 1 / 3;grid-row:2;}
.flx_ablauf .grid-container .grid-item-five{grid-column: 2 / 4;grid-row:2;}

.flx_steps .row{justify-content: space-between;}
.flx_steps .headline:not(span){width:fit-content;margin:0 auto 4rem auto;}
.flx_steps .topline{margin-bottom:.75rem;font-weight: 400;}
.flx_steps .col{position: relative;max-width: 230px;}
.flx_steps .col .headline{line-height: 1.5;}
.flx_steps .col::after{content:'';display:block;position:absolute;background-image: url('media/icons/fast-forward.svg');background-repeat:no-repeat;width:72px;height:100%;opacity:0.1;bottom:0;right:0;top:1rem;}
.flx_steps .col:first-of-type::after{right: 2rem;}
.flx_steps .col:last-of-type::after{content:'';display:none;}

.flx_kontaktformular .form{background-color: var(--background);padding: 3rem;border-radius: 20px;}
.flx_kontaktformular .form .col-12{display: flex;flex-direction: column;}
.flx_kontaktformular form span{font-size: 90%;}
.flx_kontaktformular .form span ~ input{margin-bottom:1rem;border: 1px solid #B9B9B9;border-radius:8px;}
.flx_kontaktformular .form .pflicht{margin-top:1rem;}
.flx_kontaktformular .form .btn{width: fit-content;margin-top:1rem;}
.flx_kontaktformular .form .btn input{background-color: transparent;border: none;color: #fff;}

.flx_kontaktblock h2.headline{padding-top:2rem;}
.flx_kontaktblock .headline span{margin-top:4rem;font-size: 125%;}
.flx_kontaktblock .content{font-weight:600;}
.flx_kontaktblock img{border-radius:17px;min-width: 360px;min-height: 320px;object-fit: cover;}
.flx_kontaktblock .tel, .flx_kontaktblock .mail, .hidden .mail{width:100%;display:inline-block;position: relative;margin-left:2rem;}
.flx_kontaktblock .tel::before{content:'';width:25px;height:25px;display:block;background:url('media/icons/telefon-blau.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:50%;left:-2rem;transform: translateY(-50%);}
.flx_kontaktblock .mail::before, .hidden .mail::before{content:'';width:25px;height:25px;display:block;background:url('media/icons/mail.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:50%;left:-2rem;transform: translateY(-50%);}

.fuer-arbeitnehmer .flx_kontaktblock .tel::before{content:'';width:25px;height:25px;display:block;background:url('media/icons/telefon_red.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:50%;left:-2rem;transform: translateY(-50%);}
.fuer-arbeitnehmer .flx_kontaktblock .mail::before, .hidden .mail::before{content:'';width:25px;height:25px;display:block;background:url('media/icons/mail_red.svg');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:50%;left:-2rem;transform: translateY(-50%);}

.flx_herausforderungen .headline{margin-bottom: 3rem !important;}
.flx_herausforderungen .item{padding:30px 50px;background-color:var(--background);text-align:center;height: 100%;}
.flx_herausforderungen .item strong{font-size:120%;}
.flx_herausforderungen .item img{padding-bottom: 1.5rem;}

#page-footer .hidden .schliessen{width: 50px;height: 45px;position: absolute;right: 0;cursor: pointer;}
.fuer-unternehmen #page-footer .hidden .schliessen span{width: 50px;height: 5px;display: block;border-radius: 20px;background-color: var(--prime);}
.fuer-arbeitnehmer #page-footer .hidden .schliessen span{width: 50px;height: 5px;display: block;border-radius: 20px;background-color: var(--second);}
#page-footer .hidden .schliessen span:nth-child(1){-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);margin-top: 18.5px;cursor: pointer;}
#page-footer .hidden .schliessen span:nth-child(2){-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);margin-top: -5.5px;cursor: pointer;}

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

    h1{font-size: 50px;}
    h2{font-size: 30px;}
    h3{font-size: 25px;}

    .subline{font-size: 18px;}

    p{font-size: 90%;}

    li:not(.menu-item){font-size: 90%;}

    .flx_headerblock .arrow::after{bottom: 135px;}

    #page-footer{padding-bottom: 75px;}

    .fuer-unternehmen #page-footer .footer-form.active .hidden{height: 70vh;overflow-y: auto;}

    .fuer-arbeitnehmer #page-footer .footer-form.active .hidden{height: 90vh;overflow-y: auto;}
    .fuer-arbeitnehmer #page-footer .hidden form{height: 70vh;}

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

    .flx_headerblock .arrow::after{bottom: 160px;}

    .flx_textblock .just_text ~ div ul li{width: 45%;}
    .flx_textblock .image img{max-width: 450px;}
    .flx_textblock .image.grid-container .pic1{grid-column: 2 / 7;}
    .flx_textblock .image.grid-container .pic2{grid-column: 1 / 5;}

    #page-footer .row.main_content .col-sm-6.col-xl-4.info p{text-align: left!important;}

    #page-footer .hidden form .btn{bottom: 30px;right: 15px;}
    #page-footer .hidden .schliessen{right: 15px;}
    
    .fuer-unternehmen #page-footer .hidden form{height: 45vh;}

    .fuer-arbeitnehmer #page-footer .hidden form{height: 85vh;}
 
    
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:991px) {
    
    #page-header #toppermenu .burgerbutton{display: flex;top: 0;}
    #page-header #toppermenu.active .menu {display: block;background-color: var(--white);box-shadow: -4px 12px 12px rgba(0,0,0,0.06);width: 400px;}
    #page-header #toppermenu .menu li{display: block;padding: 15px 30px;text-align: right;margin: 0 30px 0 auto;}
    #page-header #toppermenu .menu{display: none;position: absolute;right: 15px;top: 0;padding: 80px 30px 30px;z-index: 1;}
    
    .fuer-unternehmen .menu-item:last-of-type a{color: var(--font);}
    .fuer-unternehmen .menu-item:last-of-type:hover a{color: var(--white);}
    .fuer-arbeitnehmer .menu-item:first-of-type a{color: var(--font);}
    .fuer-arbeitnehmer .menu-item:first-of-type:hover a{color: var(--white);}

    span.uacf7-value{font-size: 90%;}

    h1{font-size: 40px;}
    h2{font-size: 25px;}
    h3{font-size: 20px;}

    .subline{font-size: 15px;}

    p{font-size: 80%;}
    
    li:not(.menu-item){font-size: 80%;}
    
    .flx_headerblock .arrow::after{bottom: 190px;}
    
    .flx_herausforderungen .item strong{font-size: 100%;}

    .flx_textblock .image img{max-width: 400px;}

    .flx_steps .col .headline{font-size: 90%;}

    .flx_kontaktformular form span{font-size: 80%;}

    #page-footer .footer-form .footer-menu ul li:last-of-type span{font-size: 100%;}
    #page-footer .footer-form .footer-menu{bottom: -6px;}

    #page-footer{padding-bottom: 50px;}

    .fuer-arbeitnehmer #page-footer .hidden form{height: 90vh;}
    .fuer-arbeitnehmer #page-footer .footer-form.active .hidden{height: 92vh;}

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

    .fuer-arbeitnehmer .flx_headerblock:not(.text){height: 1300px;}
    .fuer-arbeitnehmer .flx_headerblock .grid-container .form.grid-item{grid-column: 2 / 15;grid-row: 1 / 4;top: 500px;left: -400px;}
    .fuer-unternehmen .flx_headerblock .grid-container .form.grid-item{display: none;}
    .flx_headerblock .arrow::after{display: none;}

    .flx_herausforderungen .col-md-6{padding-top: 15px;}

    .flx_steps .col .headline{font-size: 80%;}

    .fuer-unternehmen #page-footer .hidden form{height: 80vh;}
    #page-footer .hidden .schliessen{top: -15px;}

    .fuer-arbeitnehmer #page-footer .hidden form{height: 200vh;}
    .fuer-arbeitnehmer #page-footer .footer-form.active .hidden{height: 93vh;}

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

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

    #page-header.top a.logo img{width: 150px;height: 50px;}
    #page-header #toppermenu .burgerbutton{top: -35px;}
    #page-header #toppermenu .menu{top: -35px;}
    #page-header #toppermenu .menu{padding: 60px 10px 30px;}
    #page-header #toppermenu.active .menu{width: 370px;}
    #page-header.bottom #toppermenu.active .menu{top: 15px;}

    h1{font-size: 30px;}
    h2{font-size: 20px;}
    h3{font-size: 18px;}

    .subline{font-size: 13px;}

    p{font-size: 75%;}
    
    li:not(.menu-item){font-size: 75%;}

    #page-footer .footer-form .footer-menu ul li *{padding: 0.5rem 2.5rem .5rem 3rem;}
    #page-footer .footer-form .footer-menu{bottom: -8px;}

    .flx_kontaktformular .captcha{position: relative;;left: -50px;}
    .flx_kontaktformular .form .btn{left: -60px;}

    .fuer-arbeitnehmer .flx_headerblock .grid-container .form.grid-item{grid-column: 2 / 12;left: -285px;}

    .fuer-arbeitnehmer #page-footer .footer-form.active .hidden{height: 90vh;}
    #page-footer .hidden form .btn{bottom: -80px;}
    .fuer-arbeitnehmer #page-footer .hidden form{height: 230vh;}

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

    .fuer-arbeitnehmer .menu-item:first-of-type a{font-size: 80%;}
    .fuer-arbeitnehmer .menu-item:last-of-type a{font-size: 80%;}

    .fuer-unternehmen .menu-item:first-of-type a{font-size: 80%;}
    .fuer-unternehmen .menu-item:last-of-type a{font-size: 80%;}

    #page-header #toppermenu.active .menu{width: 300px;}
    #page-header #toppermenu .menu{padding: 60px 0 30px;}
    #page-header #toppermenu .menu li{margin: 0 20px 0 auto;}

    .flx_herausforderungen .item{padding: 30px 20px;}
    .flx_textblock .image img{max-width: 300px;}

    .flx_kontaktformular .form{padding: 1rem;}
    .flx_kontaktformular .form .btn{left: -45px;padding: 15px;}
    .flx_kontaktformular .captcha{left: -45px;}

    #page-footer .footer-form .footer-menu ul li a{padding: 0.5rem 0.5rem 0.5rem 2.5rem;}

    .fuer-unternehmen #page-footer .hidden form{height: 100vh;}
    .fuer-unternehmen #page-footer .hidden form .captcha{position: relative;left: -25px;}

    .fuer-arbeitnehmer .flx_headerblock .grid-container .form.grid-item{grid-column: 2 / 10;left: -235px;}
    .fuer-arbeitnehmer #page-footer .hidden form .captcha{position: relative;left: -25px;}

}