/* ----------------------------------------------------------------------------- MAX 1040 PX */

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

.container.text .textInner {
max-width: 100%;
padding: 3vw 4vw 4vw 4vw;
}

.content.aktuelles,
.content.jobs {
padding: 100px 6vw 0
}

#newsletterWrapper {
margin: 0 0 50px 0
}

.container.videoinline {
height: 66.5vw
}
	
}

/* ----------------------------------------------------------------------------- MAX 920 PX */

@media only screen and (max-width:920px) {
	
#newsletterWrapper {
margin: 30px 0 
}

#langWrapper {
left:5.9vw;
}

#logo {
left:6vw;
}

.pageHeader .homeContent,
.pageHeader .headerContent {
left: 6vw;
}

.pageHeader .headerContent h1 {
font-size: 10vw;
}

.container.text .textInner {
padding: 3vw 6vw 6vw 6vw;
}

.container.text .textInner h2 {
margin: 2vw 0 0 0
}

.upBtn {
width: 50px;
height: 50px;
background: url(../img/icons/arrow_up.png) no-repeat center center rgba(255,255,255,0.5);
background-size: 25px;
position: fixed;
bottom: 100px;
left: 40px;
cursor: pointer;
display: none;
z-index: 500;
}

/*------------------------------------*\
    MAINMENU
\*------------------------------------*/

#menuInner {
padding: 6vw 0 6vw 6vw;
position: relative;
display: block
}

#menuWrapper .menuRow {
padding: 2vw 0 4vw 0
}

#menuWrapper #mainMenu {
max-width: 200px;
}

#menuWrapper #knitMenu {
max-width: 240px;
}

#menuWrapper #techMenu {
min-width: 250px;
}

.gridWrapper.twocols {
display: block;
}

.gridWrapper.twocols .container,
.gridWrapper .container {
width: 100%;
margin: 0 !important;
padding: 0 !important
}

h1 {
font-size: 6vw;
line-height: 120%;
font-weight: 600;
margin: 0 0 3vw 0
}

h2 {
font-size: 4vw;
line-height: 120%;
font-weight: 600;
margin: 0
}

.container p {
margin: 3vw 0 0 0;
line-height: 150%;
}

.footer {
text-align: right
}

.footer .rowWrapper {
display: inline-block;
margin: 0 4vw 0 0;
}

.footer .rowWrapper p {
margin:0;
}

.footer .rowWrapper.four .columnWrapper {
width: auto;
text-align: right;
float:none;
margin: 1.5vw 0 0 0;
}

.footer .rowWrapper .columnWrapper {
padding: 0;
display: block;
}

.content {
padding: 6vw;
}

.page-template-legal .content,
.page-template-kobleder-klub .content {
padding: 100px 6vw 6vw 6vw
}

/*------------------------------------*\
    LEGAL INFO
\*------------------------------------*/

h2.headline {
width:40%;
}

.rowWrapper.four .columnWrapper {
width: 50%
}

.rowWrapper .columnWrapper {
width: 100%;
}

.page-template-kobleder-klub .rowWrapper.two .columnWrapper.first {
width:100%
}

.page-template-kobleder-klub .rowWrapper.two .columnWrapper.second {
width:100%;
padding: 0;
max-width: initial;
}

.container.video { 
position: relative;
height:60vw
} 

}

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

@media only screen and (max-width:768px) {
	
#menuWrapper {
position: fixed;
top:0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(27,32,32,1);
font-size: 2rem;
padding: 40px 0 0 0;
overflow-y: scroll
}

#menuInner {
padding: 6vw 0 6vw 6vw;
position: relative;
}

#menuWrapper .menuRow {
float: none;
width: 100%
}

#menuWrapper a.facebook {
margin: inherit !important;
}

#menuWrapper #mainMenu {
max-width: 100%;
margin: 5rem 0 0 0;
}

#menuWrapper #knitMenu {
max-width: 100%;
margin: 5vw 0 0 0;
}

#menuWrapper #techMenu {
max-width: 100%;
margin: 5vw 0 0 0;
}

#menuInner .ausbildung {
position: relative;
right: auto;
bottom: auto;
top: 20px;
}


}

/* ----------------------------------------------------------------------------- MAX 600 PX */

@media only screen and (max-width:600px) {
	
#soundWrapper {
display: none;
}
	
#modelabel {
position: fixed;
top: 27%;
left: 50%;
margin:-40px 0 0 -40px;
z-index: 1000;
width: 80px;
height:80px;
z-index: 120
}
	
h1 {
font-size: 6.5vw;
line-height: 120%;
font-weight: 600;
margin: 0 0 3vw 0
}

h2 {
font-size: 4.5vw;
line-height: 120%;
font-weight: 600;
margin: 0
}

.container p {
margin: 4vw 0 0 0;
line-height: 140%;
}

.pageHeader .homeContent {
color: rgba(206,212,215,1);
position: absolute;
bottom: 35%;
left: 6vw;
}

.pageHeader .homeContent h1 {
font-size: 2.8rem;
line-height: 110%;
font-weight: lighter;
text-shadow: 0 0 5px #000000;
}

.container.text .textInner {
max-width: 100%;
padding: 1vw 6vw 6vw 6vw;
}

/*------------------------------------*\
    LEGAL INFO
\*------------------------------------*/

h2.headline {
width:80%;
max-width: 80%;
margin: 40px auto 0;
}

.rowWrapper.four .columnWrapper {
width: 100%
}

.rowWrapper .columnWrapper {
width: 100%;
}

.rowWrapper .columnWrapper {
padding: 0;
float:none
}

#notfound {
position: absolute;
top: 28vw;
left: auto;
transform: translate(0, 0);
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
text-align: center;
color: rgba(206,212,215,1);
padding: 6vw
}

}

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

@media only screen and (max-width:480px) {
	
html { 
font-size: 62.5%;
height: 100%;
overflow-y: scroll !important;
} 
	
.pageHeader .headerContent h1 {
font-size: 12vw;
}

.container.text .textInner h2,
.content.jobs h2 {
font-size: 7vw
}

.wpcf7 .label {
display: block;
width: 100%;
}

.wpcf7 .label.anrede {
display: inline-block;
width: 25%;
}

.wpcf7 .wpcf7-form-control-wrap.material {
display:block;
width:100%;
margin: 5px 0 30px 0
}

.wpcf7 input {
width:100%;
}

.wpcf7 textarea {
width:100%;
}

#newsletterWrapper .itemname {
display: block;
width: 100%;
padding:0 0 5px 0;
}

#newsletterWrapper input {
padding:2%;
width:100%;
}

#newsletterWrapper .liste {
width: 100%;
display:block
}

#soundWrapperDe,
#soundWrapperEn {
display: none;
}
	
}