@media screen and (max-width: 849px){
	.row-custom-columns .col:nth-child(1) {
		order: 1;
	}
	.row-custom-columns .col:nth-child(2) {
		order: 6;
	}
	.row-custom-columns .col:nth-child(3) {
		order: 2;
	}
	.row-custom-columns .col:nth-child(4) {
		order: 7;
	}
	.row-custom-columns .col:nth-child(5) {
		order: 3;
	}
	.row-custom-columns .col:nth-child(6) {
		order: 8;
	}
	.row-custom-columns .col:nth-child(7) {
		order: 4;
	}
	.row-custom-columns .col:nth-child(8) {
		order: 9;
	}
	.row-custom-columns .col:nth-child(9) {
		order: 5;
	}
	.row-custom-columns .col:nth-child(10) {
		order: 10;
	}
    /*MENU*/
    .mfp-ready .mfp-content {
        width: 100% !important;
        max-width: 428px;
    }
    .off-canvas li.html.custom.html_top_right_text a {
        display: block;
        max-width: 167px;
    }
    .off-canvas .sidebar-menu {
        padding: 0;
    }
    .off-canvas .nav-vertical>li>a {
        padding-bottom: 15px;
        padding-top: 15px;
        color: #060929;
        font-size: 14px;
        letter-spacing: .42px;
        font-family: var(--text-font-sb);
    }
    .nav-sidebar.nav-vertical>li+li {
        border-top: 1px solid #ddd !important;
    }
	.off-canvas li.html.custom.html_topbar_left {
		z-index: 2;
	}
    .off-canvas li.html.custom.html_topbar_right {
        color: #060929;
        font-size: 12px;
        letter-spacing: .36px;
        border-top: 0;
    }
    .off-canvas li.html.custom.html_topbar_right::before {
        content: url(../images/phone.svg);
        display: inline-block;
        margin-right: .5rem;
    }
    /*MENU*/
    /*home*/
    .st-hero .row{
        max-width: 388px !important;
    }
    .st-hero .pb-0{
        padding: 0 !important;
    }
    .st-hero {
        min-height: 480px !important;
    }
    .st-willkommen .text-center p {
        text-align: left;
    }
    .st-willkommen .row.pt-60 .col + .col{
        margin-top: 20px;
    }
    .st-willkommen .row img {
        height: 41px;
    }
    .st-willkommen .row.pt-60 {
        padding-top: 10px !important;
        max-width: 360px !important;
    }
    .st-das .row > .col > .col-inner {
        margin: 0 !important;
        max-width: 100% !important;
    }
    .angebote-row {
        margin-top: 0;
        padding-bottom: 0;
        z-index: unset;
        position: relative;
    }
	.list-content .row-img.row-has-video .flickity-prev-next-button{
        bottom: -28px !important;
    }
    .st-das .row,
    .st-willkommen .row {
        max-width: 428px !important;
    }
    .st-willkommen{
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .st-das .row .text{
        text-align: left !important;
    }
    .st-das .angebote-row.row-1053 > .col h3 {
        max-width: 350px;
    }
    .st-das .angebote-row.row-1053 > .col{
        padding-bottom: 12px !important;
    }
    .st-das .is-divider.divider {
        margin-top: 30px !important;
        margin-bottom: 50px !important;
    }
    .st-das{
        padding-top: 40px !important;
        padding-bottom: 20px !important;
    }
    .angebote-row .col:nth-child(2) > .col-inner {
        max-width: 63px;
        margin-left: 0;
        top: 0;
    }
    .row-icon .col > .col-inner {
        padding: 40px 20px 30px 20px;
    }
    .row-icon .col > .col-inner .img {
        height: 52px;
        margin-bottom: 22px;
    }
    .row-icon .col > .col-inner h3 {
        line-height: 26px;
        font-size: 20px;
        margin-bottom: 15px;
    }
    .row-icon .col + .col{
        padding-bottom: 20px !important;
    }
    .row-icon .col > .col-inner p:last-child {
        margin-bottom: 0;
    }
    .angebote-row .col:nth-child(1) .col-inner {
        flex-direction: column;
    }
    .angebote-row .icon-box + .icon-box{
        margin-top: 15px;
    }
    .angebote-row .col:nth-child(2) > .col-inner > .img {
        max-width: 63px;
        transform: translateX(-12px);
    }
    .fachkompetenzen-box{
        text-align: center;
    }
    .st-slide-das .flickity-slider>div:not(.col) {
        width: 348px !important;
        padding-top: 271px !important;
        margin-right: 20px !important;
    }
    .st-slide-das h2 {
        margin-bottom: 30px;
    }
    .st-slide-das h3 {
        font-size: 20px;
        line-height: 26px;
        margin: 18px 0 0 0;
    }
    .st-slide-das{
        padding-bottom: 50px!important;
        padding-top: 50px!important;
    }
    .st-slide-das .banner p:last-child {
        margin-bottom: 0;
    }
    .heading-custom h3 a {
        font-size: 29px;
    }
    .st-willkommen .icon-box {
        align-items: center;
        margin-top: 0;
        justify-content: flex-start;
    }
    .st-willkommen .icon-box .icon-box-img {
        margin: 0;
    }
    .st-willkommen .icon-box-left .icon-box-img+.icon-box-text {
        padding-left: 0;
        margin: 0;
        text-align: left;
    }
    .st-willkommen .icon-box h3 {
        margin-left: 0;
        letter-spacing: 0;
    }
    .arrow-top .flickity-prev-next-button,
    .section-img .slider:hover .flickity-prev-next-button, 
    .flickity-prev-next-button ,
    .section-img .flickity-prev-next-button {
        top: unset !important;
        left: 50% !important;
        right: unset !important;
        transform: translateX(-54px) !important;
        bottom: -34px !important;
    }
    .row-slide .flickity-prev-next-button.next,
    .section-img .slider:hover .flickity-prev-next-button.next, 
    .flickity-prev-next-button.next ,
    .section-img .flickity-prev-next-button.next {
        left: 50% !important;
        transform: translateX(10px) !important;
    }
    .section-img .banner{
        padding-top: 349px !important;
    }
    .row-img-slide-mobi{
        margin-bottom: 34px !important;
    }
    .st-counter .row {
        max-width: 428px !important;
        border-radius: 0;
        padding: 0 20px;
        background: transparent;
        margin-top: -170px;
    }
    .section-img .row{
        max-width: 428px !important;
    }
    .st-counter .col > div{
        background: transparent linear-gradient(61deg, #060929 0%, #151A48 100%) 0% 0% no-repeat padding-box;
        border-radius: 10px;
        padding: 16px;
        height: 100%;
    }
    .st-counter .row{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 4px;
    }
    .st-counter .col:not(:last-child):after {
        width: 0;
        display: none;
    }
    .st-counter .col,
    .st-counter .col:nth-child(2),
    .st-counter .col:nth-child(1) {
        max-width: 100%;
        flex-basis: 100%;
        padding: 0 !important;
        text-align: center;
    }
    .st-counter h2 {
        margin-bottom: 0 !important;
    }
    .st-counter .row:after {
        display: none;
    }
    .st-counter h3 {
        font-family: var(--heading-font-medium);
        font-size: 15px;
        line-height: 20px;
    }
    .section-img {
        padding-top: 50px !important;
        padding-bottom: 100px !important;
    }
    .st-about .img {
        max-width: 245px;
        margin: auto;
    }
    
    .st-about .row > .col:nth-child(2) > .col-inner {
        padding: 0 !important;
    }
    .st-about .row h2 {
        max-width: 293px;
    }
    .kontakt-st .row,
    .st-about .row{
        max-width: 428px !important;
    }
    .st-about .col-inner{
        padding-right: 0 !important;
    }
    .st-about {
        padding-top: 50px !important;
    }
    .kontakt-st .row > .col .mw-300 {
        max-width: 388px;
    }
    .kontakt-st .row > .col:nth-child(1) p:last-of-type{
        margin-bottom: 0px !important;
    }
    .kontakt-st {
        padding-top: 50px !important;
        padding-bottom: 0 !important;
    }
    .kontakt-st .forminator-ui .forminator-col {
        width: 100%;
    }
    /*home*/
    /*contact*/
    .has-bg-mb .section-content > .img *{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .has-bg-mb .section-content{
        position: static !important;
    }
    .has-bg-mb .section-content > .img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }
    .has-bg-mb .bg{
        background-image: none !important;
    }
    .st-contact-custom{
        padding: 50px 20px !important;
    }
    .st-contact-custom .row {
        padding: 40px 0px;
        padding-top: 40px;
        flex-direction: column;
    }
    .st-contact-custom .col:nth-child(2) ,
    .st-contact-custom .col:nth-child(1) {
        max-width: 100%;
        flex-basis: 100%;
        padding-bottom: 0;
    }
    .contact-text h2 {
        margin-bottom: 1rem;
    }
    .custom-checkbox {
        position: absolute;
    }
    .forminator-ui .forminator-col.html-checkbox {
        padding: 0 !important;
        max-width: 100%;
        padding-left: 40px !important;
    }
    /*contact*/
    .txt-logo {
        display: block;
    }
    .txt-logo p {
        margin-bottom: 0.5rem !important;
    }
    /*about us*/
    .st-counter.uber-us-section .row {
        margin-top: -80px;
    }
    .st-counter.uber-us-section .col > div {
        background: #F0F0F0;
    }
    .sec_lernen {
        padding-top: 30px !important;
    }
    .sec_lernen ul li {
        margin-bottom: 2rem;
        margin-left: 0 !important;
    }
    .sec_lernen li::before {
        width: 1rem;
        height: 1rem;
        min-width: 1rem;
        background-size: contain;
        background-repeat: no-repeat;
        margin-top: 4px;
        background-position: center;
    }
    .unsere-vision .flickity-enabled .col{
        width: 80% !important;
    }
    .col-right-img {
        top: auto;
        left: auto;
        max-width: 180px !important;
        margin: 0 auto !important;
        padding-bottom: 0 !important;
    }
    .unsere-werte,
    .unsere-mission{
        padding-bottom: 0 !important;
    }
    .unsere-mission .text-right{
        text-align: left;
    }
    /*about us*/
    /*fachkompetenzen*/
    .st-img-box .box .box-image * {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .st-img-box .box .box-image {
        border-radius: 10px;
        width: 20px !important;
    }
    .st-img-box .box {
        padding-left: 40px;
    }
    .st-img-box .box .box-text {
        padding: 30px 20px !important;
        padding-bottom: 20px !important;
    }
    /*fachkompetenzen*/
    /*infothek*/
    .st-impressionen .icon-box .icon-box-img{
        max-width: 146px !important;
        height: 146px !important;
        width: 100% !important;
        object-fit: cover;
    }
    .st-impressionen .icon-box {
        align-items: flex-start;
        margin-bottom: 2.5rem;
    }
    .section.pt-0-mb + .kontakt-st{
        padding-top: 0 !important;
    }
    .st-impressionen .section-bg {
        background-size: contain !important;
    }
    .st-impressionen h3 {
        margin-bottom: .5rem;
    }
    .row-slide {
        padding-left: 15px;
        margin-top: 0;
        padding-right: 15px;
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    .cl-img > .col-inner {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 20px;
    }
    .cl-img > .col-inner .img {
        height: 85px;
        padding: 1.5rem !important;
        margin: 0 !important;
    }
    /*infothek*/
    /*angebote*/
    .angebote-st {
        background: transparent;
        top: auto;
    }
    .slide-top div.slick-slide {
        width: 100% !important;
    }
    .pb-0-mb{
        padding-bottom: 0 !important;
    }
    .pt-0-mb{
        padding-top: 0 !important;
    }
    .slide-top .icon-box .icon-box-img {
        margin: 0;
        margin-right: 15px;
        height: 2.5rem;
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        width: auto !important;
        max-width: 2.5rem;
    }
    a.button.primary.btn-choose {
        width: 100%;
    }
    .slide-top:not(.acitve){
        display: none;
    }
    .slide-top .slick-track {
        transform: none !important;
        width: 100% !important;
    }
    .slide-top {
        margin-bottom: 0!important;
        border-radius: 20px 20px 0 0;
    }
    .slide-top div.slick-slide {
        display: inline-flex;
        align-items: center;
        padding: 20px;
    }
    .list-content .slick-slide > .col-inner > .row{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .list-content .slick-slide > .col-inner > .row.row-img{
        max-height: 400px;
    }
    .row-wir .row .col:nth-child(2) > .col-inner {
        padding-left: 0;
    }
    .row-wir ul li::before {
        min-width: .875rem;
    }
    .row-wir ul {
        display: grid;
        grid-template-columns: 1fr;
    }
    .row-img .banner{
        padding-top: 330px !important;
    }
    /*angebote*/
    /*img hover*/
    .image-hover .icon-box .icon-box-img {
        margin-bottom: 0;
        max-width: 30px !important;
    }
    .image-hover .col-inner > .img {
        width: auto !important;
        max-width: 220px;
        margin-top: 90px;
        display: block;
    }
    .image-hover .col-inner > *:nth-child(2){
        width: 80px;
        left: 85px !important;
        top: -100px !important;
    }
    .image-hover .col-inner  > *:nth-child(1) {
        left: 20px !important;
        top: 20px!important;
        width: 80px;
        display: flex;
        align-items: center;
    }
    .image-hover .col-inner  > *:nth-child(1):after {
        height: 1px;
        width: 40px;
        transform: none;
        position: relative;
        margin: 0 0 0 10px;
        inset: auto;
        display: block;
        min-width: 20px;
    }
    .image-hover .col-inner  > *:nth-child(2):after {
        content: '';
        height: 55px;
        width: 1px;
        position: relative;
        top: auto;
        right: auto;
        transform: none;
        display: block;
        margin: 10px auto 0;
    }
    
    .image-hover .col-inner  > *:nth-child(3):after, .image-hover .col-inner  > *:nth-child(4):after, .image-hover .col-inner  > *:nth-child(5):after, .image-hover .col-inner  > *:nth-child(6):after, .image-hover .col-inner  > *:nth-child(7):after {
        width: 60px;
        position: relative;
        left: auto;
        inset: auto;
        order: -1;
        transform: none !important;
        margin-right: 10px;
    }
    .image-hover .col-inner > *:nth-child(8),
    .image-hover .col-inner  > *:nth-child(3),
    .image-hover .col-inner  > *:nth-child(4),
    .image-hover .col-inner  > *:nth-child(5),
    .image-hover .col-inner  > *:nth-child(6),
    .image-hover .col-inner  > *:nth-child(7){
        display: flex;
        align-items: center;
        right: 0 !important;
        width: 120px !important;
    }
    .image-hover .col-inner  > *:nth-child(3) {
        top: -1rem !important;
        right: 2rem !important;
    }
    .image-hover .col-inner > *:nth-child(4) {
        width: 80px !important;
        top: 2rem !important;
    }
    .image-hover .col-inner > *:nth-child(5){
        width: 90px !important;
        top: 5.5rem !important;
    }
    .image-hover .col-inner > *:nth-child(4) .icon-box-img img{
        height: 30px;
    }
    .image-hover .col-inner > *:nth-child(6) {
        top: 8.5rem !important;
        width: 90px !important;
    }
    .image-hover .col-inner  > *:nth-child(8) {
        top: 11.5rem !important;
        width: 50px !important;
        flex-direction: column;
        right: 8rem !important;
    }
    .image-hover .col-inner > *:nth-child(8):after {
        width: 1px !important;
        height: 50px !important;
        margin: 0 auto !important;
    }
    .image-hover .col-inner  > *:nth-child(1) .has-link {
        max-width: max-content;
        margin-left: auto;
        margin-right: auto;
    }
	.image-hover .col-inner > *:nth-child(2) .icon-box-img{
		margin: 0 auto;
	}
    .image-hover .col-inner > *:nth-child(7)::after {
        width: 50px;
        height: 1px;
        margin: 0;
    }
    .image-hover .col-inner  > *:nth-child(7) {
        bottom: auto !important;
        right: 2rem !important;
        top: 11.5rem !important;
    }
    .image-hover .col-inner  > *:nth-child(8):before {
        height: 3rem;
    }
    .image-hover .col-inner > *:nth-child(5) .icon-box-text {
        margin-left: 20px;
    }
    .image-hover p {
        font-family: var(--text-font-m);
        margin: 0;
        font-size: 13px;
        text-align: center;
        line-height: 1.3;
        font-family: var(--text-font-sb);
    }
    .image-hover .col-inner > * .icon-box-text{
        z-index: 2;
        width: auto;
    }
    .image-hover .col-inner > *:nth-child(1) .icon-box-text {
        width: fit-content;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .image-hover .col-inner > *:nth-child(4) .icon-box-text {
        white-space: nowrap;
        left: auto;
        right: 0;
    }
    .image-hover .col-inner  > *:nth-child(7) .icon-box-text {
        margin-left: -15px !important;
    }
    .image-hover .col-inner  > *:nth-child(7) .icon-box-text, .image-hover .col-inner  > *:nth-child(6) .icon-box-text, .image-hover .col-inner  > *:nth-child(5) .icon-box-text {
        text-align: right;
        margin-left: 0;
        right: auto;
    }
    .image-hover .col-inner  > *:nth-child(6) .icon-box-text {
        margin-left: 20px;
    }
    .image-hover{
        padding-left: 0 !important;
    }
    .image-hover .col-inner  > *:nth-child(7) .icon-box-img, .image-hover .col-inner  > *:nth-child(6) .icon-box-img, .image-hover .col-inner  > *:nth-child(5) .icon-box-img {
        margin-right: auto !important;
        margin-left: auto;
    }
    .image-hover .col-inner > * .icon-box-text{
        display: none !important;
        background-color: #fff;
        padding: 5px;
    }
    .image-hover.active .col-inner > * .icon-box-text{
        display: block !important;
    }
    .image-hover .col-inner > *:nth-child(2) .icon-box-text {
        bottom: auto;
        top: calc(100% + 1rem);
        width: auto;
        left: auto;
    }
    .image-hover .col-inner > *:nth-child(3) .icon-box-text {
        transform: none;
        margin-top: 5px;
    }
    .image-hover .col-inner > *:nth-child(8) .icon-box-text {
        bottom: auto;
        top: calc(100% + .5rem);
        width: auto;
        left: auto;
        text-align: center;
        transform: none;
        left: auto;
        right: 15px;
    }
    .mb-0-mb{
        margin-bottom: 0 !important;
    }
    .image-hover-angebote{
        margin-top: -100px !important;
    }
    /*img hover*/
    
}
@media screen and (max-width: 380px){
    /*home*/
    .st-willkommen .row img {
        height: 31px;
    }
    /*home*/
}