@media screen and (min-width: 1440px) {
	#wrapper .st-banner {
	    min-height: 590px;
	}
}
@media screen and (max-width: 1440px){
    html{
        font-size: 75% !important;
    }
}
@media screen and (max-width: 849px){
    html{
        font-size: 100% !important;
    }
    #logo {
        width: 160px !important;
    }
    .header-main {
        height: 80px!important;
        background: transparent linear-gradient(180deg, #000000AF 0%, #00000000 100%);
        padding: 20px 15px;
    }
    .nav>li>a>i.icon-menu {
        font-size: 30px;
    }
    .row-infor-bar {
        display: none !important;
    }
    .slider-wrapper .flickity-prev-next-button {
        display: block !important;
    }
    body, p {
        font-size: 15px;
        line-height: 25px;
    }
    a.lead, p.lead {
        font-size: 14px !important;
        line-height: 28px;
        letter-spacing: .7px;
        margin-bottom: .5rem;
    }
    .h2-p p, .title-box h1, body h2 {
        font-size: 28px;
        line-height: 38px;
        letter-spacing: 0;
    }
    a.button.white, a.button.primary, a.button.secondary {
        height: 40px;
        font-size: 14px;
        padding: 0 1.25rem;
        min-height: auto;
        letter-spacing: .42px;
    }
    /*FOOTER*/
    .row-1 > .col {
        width: 100% !important;
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
    .cl-logo .img{
        max-width: 170px;
        margin: 0 auto 40px;
    }
    .row-1 > .col:nth-child(3){
        margin-bottom: 30px;
    }
    .row-1 > .col:nth-child(1),
    .row-1 > .col:nth-child(3) {
        order: -1;
    }
    .st-footer .row-1 > .col:nth-child(3) h6 {
        margin-bottom: 15px;
    }
    .has_dropdown h6::after {
        content: '';
        background: url(../images/arrow-right.svg) no-repeat center / 9px;
        width: 20px;
        transition: all .5s ease-in-out;
        display: block;
        transform: rotate(90deg);
        height: 20px;
    }
    .has_dropdown h6:not(.active) + .ux-menu{
        display: none;
    }
    .has_dropdown h6 {
        border-bottom: 1px solid #fff;
        padding-bottom: 20px;
    }
    .st-footer h6 {
        font-size: 18px;
        line-height: 28px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .st-footer a.button.primary::after{
        display: none !important;
    }
    .st-footer a.button.primary {
        background: #23344E !important;
    }
    .st-footer .social-icons.follow-icons {
        position: relative;
        top: auto;
        right: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .txt-copyright {
        border-top: 1px solid #fff;
        padding-top: 30px;
        margin-top: 30px;
        flex-direction: column;
        text-align: center;
    }
    .txt-copyright p:last-child {
        margin-top: 10px;
    }
    /*FOOTER*/
    /*HOME*/
	.hero-banner p {
		max-width: 44.063rem;
		font-size: 16px;
		font-family: var(--text-medium);
		letter-spacing: .3px;
		line-height: 26px;
	}
	.hero-banner h1 {
		margin-bottom: 60px;
		margin-top: 8rem;
		font-size: 30px;
	}
    .hero-slider{
        z-index: 2;
    }
    .hero-slider .section .fill{
        display: none !important;
    }
    .img_mb {
        position: absolute !important;
        top: 0;
        left: 0;
        height: 100%;
    }
    .img_mb * {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .hero-slider .section{
        min-height: 600px !important;
    }
    .hero-slider h2, .hero-slider h1 {
        font-size: 32px;
        line-height: 43px;
        max-width: 350px;
        margin-top: -100px;
    }
    .txt-slide {
        background-color: rgb(35 52 78 / 90%);
        padding: 20px;
        width: calc(100% - 5px);
        height: 242px;
        overflow: auto;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .txt-slide p {
        font-size: 15px;
        line-height: 25px;
        letter-spacing: .3px;
        font-family: var(--text-medium);
    }
    .txt-slide p:nth-child(1) {
        margin-bottom: 10px;
    }
    .hero-slider .section-content .row .col-inner {
        padding: 0 10px;
    }
    .hero-slider .flickity-prev-next-button{
        background-size: 5px !important;
        width: 47px;
        height: 41px;
    }
    .hero-slider .flickity-prev-next-button.next, .hero-slider .flickity-prev-next-button.previous {
        top: auto;
        left: auto;
        right: 0;
        bottom: -41px;
    }
    .hero-slider .flickity-prev-next-button.next {
        right: 35px;
    }
    .hero-slider .flickity-prev-next-button.previous{
        right: 82px;
    }
    .row-icon-box .col {
        padding: 0 .625rem 1.25rem;
        width: 100%;
        max-width: 100%;
    }
	.row-icon-box .icon-box h3 {
		font-size: 16px;
		font-family: var(--text-semibold);
		letter-spacing: .32px;
	}
    .row-icon-box{
        padding: 0 20px;
        margin-top: 0;
    }
    .flickity-enabled:not(.slider-nav-simple) .flickity-prev-next-button{
        width: 45px;
        height: 40px;
        border-radius: 5px;
        background: rgb(35 52 78 / 50%) url(../images/arrow-right.svg) no-repeat center / .688rem;
        opacity: 1 !important;
        transform: none !important;
        top: auto;
        bottom: auto;
        position: relative;
        margin-top: 20px;
    }
    .flickity-enabled:not(.slider-nav-simple) .flickity-prev-next-button svg{
        display: none !important;
    }
    .flickity-enabled:not(.slider-nav-simple) .flickity-prev-next-button.previous {
        transform: scaleX(-1) !important;
    }
    .flickity-enabled:not(.slider-nav-simple) .flickity-prev-next-button.previous {
        left: calc(50% - 45px);
    }
    .flickity-enabled:not(.slider-nav-simple) .flickity-prev-next-button.next {
        left: calc(50% - 45px);
        margin-left: 10px;
    }
    body .col, body .columns, body .gallery-item {
        padding: 0 30px 1.875rem;
    }
    .img-w-text .row > .col:nth-child(1) {
        padding-right: 30px !important;
        margin-top: 30px;
    }
    body .col > .col-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .st-blick .bg{
        display: none !important;
    }
    body .row-blick .col > .col-inner{
        padding: 30px 20px !important;
    }
    .row-blick .col-inner h3 {
        color: #23344E;
        font-size: 24px;
        line-height: 34px;
    }
    .row-blick .col-inner ul::before {
        left: 23px;
        height: calc(100% - 100px);
    }
    .row-blick .col-inner li:nth-child(odd)::before {
        top: 0;
        right: auto;
        left: 0;
    }
    .row-blick .col-inner li:nth-child(odd) {
        padding-right: 0;
    }
    .row-blick .col-inner li {
        max-width: 100%;
        font-size: 15px;
        line-height: 25px;
        padding-left: 60px !important;
    }
    .row-blick .col-inner li:nth-child(even) {
        padding-left: 0;
    }
    .has-bg-mb .relative {
        position: static !important;
    }
    .row-blick .col-inner li:nth-child(even)::before {
        position: absolute;
        top: 0;
        left: 0;
    }
    .row-blick .col-inner ul {
        margin-top: 30px;
    }
    .row-die .col > .col-inner {
        padding: 20px !important;
    }
    .row-die .col > .col-inner > .img {
        width: 109% !important;
        max-width: 46px;
    }
    body h3, body .banner h3 {
        line-height: 26px;
        font-size: 16px;
        letter-spacing: .32px;
    }
    .st-anbieten .fill{
        display: none !important;
    }
    .st-anbieten {
        padding-top: 0 !important;
        padding-bottom: 50px !important;
    }
    .img_full {
        margin: 0 -30px;
        width: calc(100% + 60px) !important;
    }
    .st-anbieten .col-box {
        padding-right: 30px !important;
        margin-top: -130px;
    }
    .st-anbieten .col-box > .col-inner {
        padding: 30px !important;
        margin-left: 0 !important;
    }
    .quote-icon {
        max-width: 40px;
    }
    .st-modelle .row-last .col > .col-inner {
        padding: 20px !important;
    }
    .st-modelle .row-last .col-inner p {
        font-size: 14px;
    }
    .st-modelle .row-last .col-inner h3 {
        font-size: 26px;
        line-height: 34px;
    }
    .row-last .flickity-viewport {
        overflow: visible;
    }
    .row-last .col{
        padding-bottom: 0 !important;
    }
    .st-dach h2 {
        font-size: 24px;
        line-height: 34px;
        letter-spacing: 0;
        max-width: 300px;
        text-align: center;
        margin: 0 auto 30px;
    }
    .st-dach p.lead {
        font-size: 14px !important;
        line-height: 1.75rem;
        font-family: var(--text-medium);
        letter-spacing: .7px;
        margin-bottom: .5rem;
        text-align: center;
    }
    .st-dach .row {
        padding: 0;
    }
    .st-dach .row .gallery-col.col {
        max-width: calc(50% - 20px);
        padding: 0 !important;
        margin: 0 10px;
    }
    .st-dach .box-image {
        padding: 20px;
    }
    .st-banner h3 {
        max-width: 310px;
        margin-bottom: 2.5rem;
        font-size: 26px;
        line-height: 36px;
        letter-spacing: 0;
    }
    /*HOME*/
    /*ABOUT*/
    body h1 {
        font-size: 32px;
        line-height: 42px;
        letter-spacing: 0rem;
    }
    .banner_top h1{
        position: relative;
        margin-top: 30px;
    }
    .img-w-text-about{
        background-color: #F7F5F0;
    }
    .img-w-text-about .row:nth-child(1) .col:nth-child(2) ,
    .img-w-text-about .row:nth-child(2) .col:nth-child(1),
    .img-w-text-about .row:nth-child(2) .col:nth-child(2),
    .img-w-text-about .row:nth-child(1) .col:nth-child(1) {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .img-w-text-about .row + .row {
        margin-top: 40px !important;
    }
    .st-team .row .col > .col-inner {
        width: 100%;
        margin: 0 !important;
        display: block;
    }
    .st-team .row > .col {
        padding-left: 0;
        padding-right: 0;
    }
    .st-team .txt-box {
        max-width: 100%;
        margin-left: 0;
        padding: 20px;
    }
    .st-team .row + .row .col > .col-inner {
        margin-left: 0 !important;
        left: 0;
    }
    .st-autthor .flickity-slider>div:not(.col) {
        padding-top: 350px !important;
        width: 270px !important;
        margin-right: 20px !important;
    }
    .st-autthor .text-box .text-box-content strong {
        font-size: 26px;
    }
    .st-autthor .banner .img {
        width: 200px !important;
        height: 200px !important;
    }
	#wrapper .st-banner {
		min-height: 520px;
	}
	.st-banner h3 {
        font-size: 20px;
        line-height: 30px;	
    }
    /*ABOUT*/
    .karriere-wrapper {
        display: block;
        padding: 0;
    }
    .karriere-list {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0;
        margin-right: 0;
    }
    .karriere-item {
        padding: 0 2.5rem;
        padding-left: 20px;
        font-size: 16px;
        letter-spacing: .36px;
        line-height: 80px;
        height: 80px;
        position: relative;
        margin-bottom: 1rem;
    }
    .karriere-content-area {
        width: 100%;
        padding: 30px;
        padding-bottom: 1rem;
        min-height: 25rem;
        position: relative;
    }
    .karriere-content-area h2 {
        font-size: 26px;
        line-height: 36px;
    }
    ul.infor-content {
        margin: 20px 0;
        display: block;
    }
    ul.infor-content li {
        max-width: 100%;
        width: 100%;
    }
    .karriere-text li {
        font-size: 15px;
        line-height: 25px;
    }
    .karriere-text > p strong {
        font-size: 16px;
    }
    .forminator-ui.forminator-custom-form[data-design=default] .forminator-file-upload>span:not(:last-child) {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .faq-st .tabbed-content .nav > li {
        width: 100%;
        max-width: 50%;
    }
    .faq-st .tabbed-content .nav > li > a {
        height: 50px;
        font-size: 14px;
        letter-spacing: .48px;
        padding: 0 20px;
        justify-content: center;
    }
    .faq-st .tabbed-content .nav {
        width: 100%;
        flex-wrap: nowrap;
    }
    body .accordion-title {
        font-size: 16px;
        line-height: 26px;
    }
    body .accordion-item {
        padding: 20px;
    }
    .st-contact .section-bg.fill {
        display: none;
    }
    .st-contact .col+.col .col-inner {
        padding: 30px 0 !important;
    }
    .st-contact h1 {
        font-size: 28px;
        line-height: 38px;
        max-width: 300px;
    }
    .forminator-ui.forminator-design--default .forminator-button-submit {
        font-size: 14px !important;
        height: 40px !important;
    }
    /*MENU*/
    body .off-canvas-left .mfp-content {
        width: 100%;
        max-width: 90%;
        background-color: #F7F5F0;
    }
    body .off-canvas .sidebar-menu {
        padding: 0;
    }
    body li.html.custom.html_topbar_right a img {
        max-width: 160px;
    }
    
    body li.html.custom.html_topbar_right a {
        display: block;
        filter: brightness(0);
    }
    body li.html.custom.html_topbar_right {
        background-color: #fff;
        padding: 0;
    }
    body .mfp-ready .mfp-close {
        opacity: 1;
        right: auto;
        left: 78%;
        top: 10px;
    }
    body .off-canvas:not(.off-canvas-center) .nav-vertical li.menu-item>a {
        font-size: 17px;
        letter-spacing: 1.7px;
        justify-content: center;
    }
    body .off-canvas:not(.off-canvas-center) .nav-vertical li.menu-item>a {
        padding-left: 0;
        justify-content: center;
        border-bottom: .1px solid #000;
    }
    body .off-canvas:not(.off-canvas-center) .nav-vertical li.btn-li.menu-item>a {
        background-color: #23344E;
        font-size: 14px;
        letter-spacing: .42px;
        height: 40px;
        border-radius: 2.5rem;
        line-height: 40px !important;
        padding: 0 1.25rem !important;
        max-width: 170px;
        margin: 0 auto;
        color: #fff !important;
        margin-top: 20px !important;
    }
    body .off-canvas:not(.off-canvas-center) .nav-vertical li.btn-li.menu-item>a:after {
        content: '';
        display: block;
        background: url(../images/arrow-right.svg) no-repeat center / contain;
        width: .625rem;
        height: .625rem;
        margin-left: .5rem;
    }
    body li.html .social-icons.follow-icons a {
        border: 1px solid #23344E;
        border-radius: 50%;
    }
    body .html .social-icons {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 30px;
    }
    body li.html  .social-icons.follow-icons i {
        filter: brightness(00);
    }
    li.html.custom.html_top_right_text {
        text-align: center;
        justify-content: center;
        padding-top: 0 !important;
    }
    .nav-sidebar.nav-vertical>li+li {
        border-top: 0 !important;
    }
    /*MENU*/
	.st-icons-bottom .row {
		display: block;
	}
	.st-icons-bottom .row .col {
		flex-basis: 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}
	.st-icons-bottom .icon-box h3 {
		font-size: 17px;
		letter-spacing: .36px;
	}
	.st-icons-bottom {
		padding-bottom: 20px !important;
	}
	.hero-banner h1 br {
		display: none;
	}
	.hero-banner .section-content {
		position: static !important;
	}
}
@media screen and (min-width: 549px) {
	.banner_top.karriere h1 br {
		display: none;
	}
}

@media screen and (max-width: 400px){
    .h2-p p, .title-box h1, body h2 {
        font-size: 24px;
        line-height: 30px;  
    }
    .st-anbieten .col-box > .col-inner {
        padding: 20px 15px !important;
    }
}