/* ----------------------------------------------------------------------------- MAX WIDTH 1024 PX */

@media only screen and (max-width:1024px) {
	
#mainWrapper .section .contentWrapper .text h2,
#mainWrapper .section .contactWrapper h2 {
font-size: 3rem
}
	
}

/* ----------------------------------------------------------------------------- MAX WIDTH 860 PX */

@media only screen and (max-width:860px) {
    

h3 {
font-size: 1.8rem;
}

h4 {
font-size: 1.2rem;
}
	
#mainWrapper .section .contentWrapper .text h2,
#mainWrapper .section .contactWrapper h2 {
font-size: 4rem
}

body {
font-size: 1.1rem
}
	
#mainWrapper {
overflow: visible !important
}
	
#logoWrapper {
top:5vw;
left:8vw;
}

.menubtn {
top:5vw;
right:6vw;
}
	
#mia {
bottom:5vw;
left:8vw;
}

.scrollbtn {
bottom:5vw;
right: calc(6vw + 10px);
}

.upBtn {
bottom:5vw;
right: 6vw;
}

#mainmenuWrapper {
width:100%;
right: -100%;
padding: 8vw;
}

#mainmenuWrapper .menu a {
padding: 0 0 0 10vw;
}
	
#mainWrapper .section {
height: 100%;
height: auto;
width: 100%;
display: block;
grid-template-rows: auto;
grid-template-columns: unset;
}

#mainWrapper .section .contentWrapper .mCustomScrollBox {
top:auto;
-ms-transform: none;
transform: none;
}

#mainWrapper .section .contentWrapper .text {
padding: 10vw 8vw 6vw
}

    #mainWrapper .section.jobspage .contentWrapper .text {
        padding: 140px 8vw 8vw;
        max-width: unset;
        width: 100%;
    }

#mainWrapper .section.bildtext .contentWrapper .text {
padding: 140px 8vw 8vw
}

#mainWrapper .section .contentWrapper .moreContent > .text:last-child {
padding: 8vw 8vw 6vw
}

#mainWrapper .section .contentWrapper .moreContent > .text:first-child {
padding: 0 8vw 6vw
}

#mainWrapper .section.singlepage .contentWrapper .text {
padding: 140px 8vw 6vw;
max-width: 100%
}

#mainWrapper .section.footer .inner {
top:auto;
-ms-transform: none;
transform: none;
}

#mainWrapper .section.footer .contactWrapper {
padding: 10vw 8vw 7vw
}

#mainWrapper .section .contactWrapper a.linkedin {
    margin: 7vw 0 0 15px !important;
}

    #mainWrapper .section.footer .customerWrapper {
        padding: 0 8vw 140px;
        min-height: unset;
    }

    .stellenangeboteWrapper .accordion .title {
        padding: 2.5vw 0;
    }

    .stellenangeboteWrapper .accordion .title.active {
        padding: 2.5vw 0 5px;
    }

    .jobForm {
        padding: 5vw 0 0 0;
        max-width: unset;
    }

    .kontaktform p {
        margin: 1.5vw 0 4vw 0 !important;
        font-size: 1.1rem;
    }

}

/* ----------------------------------------------------------------------------- MAX HEIGHT 768 PX */

@media only screen and (max-height:768px) {

#logoWrapper {
top:5vw;
left:5vw;
}

    .jobForm {
        padding: 5vw 0 0 0;
        max-width: unset;
    }

#langWrapper a {
font-size: 1rem;
}

.menubtn {
top:5vw;
right:5vw;
}
	
#mia {
bottom:5vw;
left:5vw;
}

.scrollbtn {
bottom:5vw;
right: calc(5vw + 10px);
}

.upBtn {
bottom:5vw;
right: 5vw;
}
	
}

/* ----------------------------------------------------------------------------- MAX WIDTH 480 PX */

@media only screen and (max-width:480px) {

body {
font-size: 1.25rem;
line-height: 130%
}

.introWrapper .introContent {
font-size: 1rem;
}

#mainWrapper .section .contentWrapper .text h1 {
font-size: 3rem
}
	
h3 {
font-size: 1.8rem;
}

h4 {
font-size: 1.2rem;
}
	
#mainWrapper .section .contentWrapper .text h2,
#mainWrapper .section .contactWrapper h2 {
font-size: 3rem
}
	
#logoWrapper {
top:8vw;
left:10vw;
max-width: 170px
}

.menubtn {
top:7vw;
right:8vw;
}
	
#mia {
bottom:8vw;
left:10vw;
}

.scrollbtn {
bottom:8vw;
right: calc(8vw + 10px);
}

.upBtn {
bottom:8vw;
right: 8vw;
}

#mainmenuWrapper {
padding: 10vw;
}

#mainmenuWrapper .menu a {
font-size: 1.8rem;
padding: 0 0 0 10vw;
}

#mainmenuWrapper .menu .small a {
font-size: 1rem;
}

#mainmenuWrapper .menu li.small {
padding: 0
}

#mainmenuWrapper .menu li.small.gap {
padding: 8vw 0 0 0
}

.socialMenu {
margin: 8vw 0 0 0;
}

#mainmenuWrapper .menu li {
display: block;
padding: 5px 0
}

#mainWrapper .section .contentWrapper .text {
padding: 12vw 10vw 8vw
}

#mainWrapper .section.bildtext .contentWrapper .text {
padding: 120px 10vw 8vw
}

#mainWrapper .section .contentWrapper .moreContent > .text:last-child {
padding: 10vw 10vw 8vw
}

#mainWrapper .section .contentWrapper .moreContent > .text:first-child {
padding: 0 10vw 8vw
}

    .kontaktform {
        font-size: 1.05rem;
    }

    .kontaktform p {
        font-size: 1.1rem;
        margin: ;
    }

.stellenangeboteWrapper .accordion .acccontent {
        font-size: 1.1rem;
        line-height: 140%;
    padding: 0 0 5vw 0;
}

    #mainWrapper .section.jobspage .contentWrapper .text {
        padding: 140px 10vw 8vw;
    }

#mainWrapper .section.singlepage .contentWrapper .text {
padding: 120px 10vw 8vw;
}

#mainWrapper .section.footer .contactWrapper {
padding: 12vw 10vw;
}

    #mainWrapper .section.footer .customerWrapper {
        padding: 0 10vw 140px;
        min-height: unset;
    }

    #mainWrapper .section.footer .contactWrapper a {
        hyphens: none !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }


	
}