/* ################################################### WIDTH 1655px ################################################### */
@media only screen and (max-width: 1655px) {

.fs36{
font-size: 32px;
}

#start_grid .fs24 {
font-size: 21px;
}

#content{
margin-bottom: 280px;
}

#start_grid_wrapper {
width: 90%;
}

#start_grid_unternehmen, #start_grid_jobs{
height: 661px;
position: relative;
}

#start_grid_unternehmen_text {
left: 0px;
width: 280px;
}

#start_grid_jobs_text {
left:0px;
}

#start_grid_unternehmen_image, #start_grid_jobs_image{
width:85%;
right: 0px;
float: none;
position: absolute;  
}

#start_grid_unternehmen_image{
bottom: 0px; 
}

#start_grid_jobs_image{
top: 0px;  
}

#start_grid_werkzeugbau_text {
top: 23%;
left:30px;
}

#start_grid_fakten_wrapper {
padding: 90px 50px;
}

#start_grid_news_wrapper {
padding: 50px 50px;
}

#start_grid_sondermaschinenbau_text {
left: 30px;
}

.intro_unternehmen_text {
width: 360px;
}

#footer_wrapper {
width: 90%;
position: relative;
}

#footer_claim {
margin-right: 0%;
width: auto;
}

#footer_nav {
width: 405px;
position: absolute;
right: 0px;
}

#footer_nav_wrapper {
margin-right: 50px;
width: auto;
}

}

/* ################################################### WIDTH 1600px ################################################### */
@media only screen and (max-width: 1600px) {
    
.w1500 {
width:90%;
}

.nav_sub{
width: auto;
left: 12%;
margin: 84px 0px 0px 0px;
}

#start_grid_unternehmen, #start_grid_werkzeugbau, #start_grid_jobs, #start_grid_bachelor{
height: 630px;
}

.start_uber{
padding-top: 150px;
}

.start_uber img {
max-width: 100%;
margin: 75px auto 0;
}

.map_text {
left: 5%;
margin-left: 0px;
width: auto;
}

.map_text_wrapper {
width: 220px;
}

.col3_text_col_wrapper {
height: auto;
padding-bottom: 40px;
}

.intro_unternehmen_image{
width:91%;
height: auto;
}

.intro_unternehmen_image img{
width:100%;
height: auto;    
}

.camera_caption {
left: 5%;
margin-left:0px;
position: absolute;
width: 90%;
}

.unternehmen_slider_text{
width: 90%;
left: 5%;
margin:-55% 0px 0px 0px;
}

}

/* ################################################### WIDTH 1500px ################################################### */
@media only screen and (max-width: 1500px) {

#start_grid_unternehmen, #start_grid_werkzeugbau, #start_grid_jobs, #start_grid_bachelor{
height: 590px;
}

.start_uber_text .fs36, .produkt_text .fs36{
font-size: 29px;
}

.start_uber_text .pt60, .produkt_text .pt60{
padding-top: 40px;
}

.intro_slider_wrapper{
width:90% !important;
}

}

/* ################################################### WIDTH 1450px ################################################### */
@media only screen and (max-width: 1450px) {

header {
height: 91px;
}

#header_wrapper{
padding-top: 15px;
}

.nav_sub{
width: auto;
left: 12%;
margin: 39px 0px 0px 0px;
}

}

/* ################################################### WIDTH 1400px ################################################### */
@media only screen and (max-width: 1400px) {
    
.fs36{
font-size: 28px;
}

#start_grid .fs24{
font-size: 19px;
}

#start_grid_unternehmen, #start_grid_werkzeugbau, #start_grid_jobs, #start_grid_bachelor{
height: 550px;
}

#start_grid_unternehmen_text{
width: 240px;
}

#start_grid_werkzeugbau_text {
top: 21%;
}

#start_grid_fakten_wrapper, #start_grid_praktika_wrapper, #start_grid_weiterbildung_wrapper{
padding: 50px;
}

.intro_slider, .produkt_text, .produkt_kontakt, .formular, .unternehmen_slider, .col3, .produkt_text_wrapper img{
padding-top: 100px;
}

.jobs_wrapper{
padding-top:50px;    
}

.produkt_text{
width: 90%;
margin: 0px auto;
}

.produkt_text_wrapper {
width: 90%;
}

.produkt_tabs {
margin-top: 150px;
}

.unternehmen_slider_text_wrapper {
width: 40%;
}

}

/* ################################################### WIDTH 1350px ################################################### */
@media only screen and (max-width: 1350px) {
    
.start_uber_text{
width: 90%;
}

}

/* ################################################### WIDTH 1300px ################################################### */
@media only screen and (max-width: 1300px) {
    
#start_grid_unternehmen, #start_grid_werkzeugbau, #start_grid_jobs, #start_grid_bachelor{
height: 510px;
}

}

/* ################################################### WIDTH 1250px ################################################### */
@media only screen and (max-width: 1250px) {
    
#start_grid, .intro, .news, .intro_unternehmen{
padding-top: 160px;
}

#start_grid_top {
margin-bottom: 20px;
}
    
#start_grid_news_wrapper, #start_grid_fakten_wrapper {
padding: 30px;
}

.intro_slider_wrapper:hover{
-webkit-box-shadow: 15px 15px 7.5px 0 #cccccc;
box-shadow: 15px 15px 7.5px 0 #cccccc;
-moz-transform: translateX(-15px) translateY(-15px);
-webkit-transform: translateX(-15px) translateY(-15px);
-o-transform: translateX(-15px) translateY(-15px);
-ms-transform: translateX(-15px) translateY(-15px);
transform: translateX(-15px) translateY(-15px);
}

}

/* ################################################### WIDTH 1200px ################################################### */
@media only screen and (max-width: 1200px) {
    
#start_grid .fs24 {
font-size: 28px;
}

#start_grid_unternehmen, #start_grid_werkzeugbau, #start_grid_jobs, #start_grid_bachelor{
height: 470px;
}
    
.start_grid_bottom_col {
width: 48.625%;
}

#start_grid_sondermaschinenbau, #start_grid_praktika{
margin-right: 0%;
float: right;
}

#start_grid_fakten, #start_grid_ausbildung{
margin-top: 24px;
}

#start_grid_fakten_wrapper h1 br{
display: none;
}

.produkt_tabs {
padding: 30px 0 45px;
}

.tabs_content {
padding-top: 50px;
}

#start_grid_unternehmen_image:hover, #start_grid_werkzeugbau_image:hover, #start_grid_sondermaschinenbau_image:hover{
-webkit-box-shadow: 7.5px 7.5px 7.5px 0 #cccccc;
box-shadow: 7.5px 7.5px 7.5px 0 #cccccc;     
}

#start_grid_news .trans_helper:hover, #start_grid_fakten .trans_helper:hover{
-webkit-box-shadow: 7.5px 7.5px 7.5px 0 #cccccc;
box-shadow: 7.5px 7.5px 7.5px 0 #cccccc; 
}

#start_grid_jobs_image:hover, #start_grid_ausbildung_image:hover, #start_grid_bachelor_image:hover{
-webkit-box-shadow: 7.5px 7.5px 7.5px 0 #052c50;
box-shadow: 7.5px 7.5px 7.5px 0 #052c50;     
}

#start_grid_weiterbildung:hover .trans_helper, #start_grid_praktika:hover .trans_helper{
-webkit-box-shadow: 7.5px 7.5px 7.5px 0 #052c50;
box-shadow: 7.5px 7.5px 7.5px 0 #052c50; 
}

}

/* ################################################### WIDTH 1150px ################################################### */
@media only screen and (max-width: 1150px) {

#nav_wrapper {
width: 90%;
}

#nav_lang {
width: 45%;
}

#nav_artikel{
width: 45%;
margin-right: 10%;
}

.fs36, #start_grid .fs24{
font-size: 26px;
}

#start_grid .pt30, .intro_unternehmen .pt30{
padding-top: 15px;
}

#start_grid, .intro, .news, .intro_unternehmen{
padding-top: 130px;
}

#start_grid_unternehmen_text {
width: 220px;
}

#start_grid_sondermaschinenbau_text {
width: 330px;
}

.map_text_wrapper {
width: 180px;
}

#start_grid_jobs_text {
width: 290px;
}

#start_grid_ausbildung_text {
width: 280px;
}

}

/* ################################################### WIDTH 1100px ################################################### */
@media only screen and (max-width: 1100px) {
    
#start_grid_unternehmen, #start_grid_werkzeugbau, #start_grid_jobs, #start_grid_bachelor{
height: 430px;
}

}

/* ################################################### WIDTH 1050px ################################################### */
@media only screen and (max-width: 1050px) {
    
.intro_text_col .fleft, .produkt_kontakt_text_col .fleft, .col3_text_col .fleft{
float: none;
}

.intro_text_col, .intro_text_col_space, .produkt_kontakt_text_col, .produkt_kontakt_text_col_space{
width:100%;
}

.intro_text_col_space{
height: 20px;
}

.produkt_kontakt_text_col_space{
height: 50px;
}

.formular_content form textarea {
height: 200px;
}

.col3_text_col {
width: 100%;
}

.col3_text_col_space{
height: 40px;
}

.col3_text_col_wrapper:last-child{
border-bottom: 1px solid #6690b7;
}

}

/* ################################################### WIDTH 1024px ################################################### */
@media only screen and (max-width: 1024px) {
    
#content{
position: static;
margin-bottom: 0px;
}

#start_grid, .intro, .news, .intro_unternehmen{
padding-top: 165px;
}

#nav_sub_button{
display: block;
cursor: pointer;
padding: 10px 5%;
background-image: url(../../img/custom/awm_sub_nav_button_blau.png);
background-position: right 5% center;
background-repeat: no-repeat;
border-top: 1px solid #b2c7db;
border-bottom: 1px solid #b2c7db;
}
    
.nav_sub{
left: 0%;
top:91px;
width: 100%;
margin-top: 0px;
background-color: #fff;
-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);
}

.nav_sub ul{
display:none;
width:90%;
padding:15px 5% 0px;
}

.nav_sub li{
margin-right: 0px;
display: block;
margin-bottom: 15px;
}

.nav_sub li:after{
display: none;
}

.nav_sub a{
color: #004687;
opacity: 0.7;
}

.nav_sub a:hover{
color: #004687;
opacity: 1; 
}

#subactive{
color:#004687;
border-bottom:none;
opacity: 1;
}

#sub_nav_blau{
background-color: #204060;
}

#sub_nav_blau a{
color: #fff;
}

#sub_nav_blau #nav_sub_button{
background-image: url(../../img/custom/awm_sub_nav_button.png);
border-top:1px solid #4d6680;
border-bottom:1px solid #4d6680;
}

#subactive_weiss{
opacity: 1;
border-bottom: none;
}

footer{
position: static;
bottom: auto;
}

}

/* ################################################### WIDTH 1000px ################################################### */
@media only screen and (max-width: 1000px) {

#content{
padding-bottom: 100px;
}

.start_uber_text .fs36, .produkt_text .fs36{
font-size: 23px;
}

.start_uber_text .pt60, .produkt_text .pt60{
padding-top: 20px;
}

#start_grid_unternehmen, #start_grid_werkzeugbau, #start_grid_jobs, #start_grid_bachelor{
height: 390px;
}

.intro_slider, .produkt_text, .produkt_kontakt, .formular, .unternehmen_slider, .col3, .produkt_text_wrapper img{
padding-top: 50px;
}

.jobs_wrapper{
padding-top:0px;    
}

.camera_prev {
left: 15px;
}

.camera_next {
right: 15px;
}

.camera_prev > span, .camera_next > span{
-moz-transform: scale(0.5);
-webkit-transform: scale(0.5);
-o-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
}

.camera_prev > span:hover, .camera_next > span:hover{
-moz-transform: scale(0.7);
-webkit-transform: scale(0.7);
-o-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
}

.produkt_tabs {
margin-top: 75px;
}

}

/* ################################################### WIDTH 950px ################################################### */
@media only screen and (max-width: 950px) {
    
.fs36, #start_grid .fs24{
font-size: 24px;
}

.fs17, .news_list_content{
font-size: 16px;
}

.tabs_content_col .lh160{
line-height: 150%;
}

#start_grid_unternehmen_text {
width: 200px;
}

#start_grid_sondermaschinenbau_text {
width: 300px;
}

.download_wrapper .fs20, .news_list_headline {
font-size: 18px;
line-height: 120%;
}

.col3_text_col_wrapper{
padding-bottom: 20px;
}

.col3_text_col .pt40, .caption_wrapper .pt40{
padding-top: 20px;
}

.col3_text_col_space{
height: 20px;
}

#start_grid_jobs_text {
width: 270px;
}

}

/* ################################################### WIDTH 900px ################################################### */
@media only screen and (max-width: 900px) {

#nav_main .fs36, #nav_lang_wrapper .fs36{
font-size: 30px;
}

#start_grid_unternehmen, #start_grid_jobs{
margin-right: 0%;
width: 100%;
height: auto;
}

#start_grid_unternehmen_image, #start_grid_jobs_image{
bottom: auto;
position: static;
right: auto;
width: auto;
}

#start_grid_unternehmen_text, #start_grid_jobs_text{
top: 30px;
left:30px;
}

#start_grid_werkzeugbau, #start_grid_bachelor{
height: auto;
width: 100%;
margin-top:20px;
}

#start_grid_werkzeugbau{
background-color: #e5ecf3;
}

#start_grid_bachelor{
background-color: #204060;
}

#start_grid_werkzeugbau_image, #start_grid_bachelor_image{
bottom: auto;
position: static;
right: auto;
}

#start_grid_werkzeugbau_image img,  #start_grid_bachelor_image img{
width: auto;
max-width: 100%;
}

#start_grid_werkzeugbau_text, #start_grid_bachelor_text{
left: auto;
right: 30px;
top: 30px;
width: 220px;
}

#map{
height: 500px;
}

.camera_caption {
left: 0%;
width: 100%;
height: 100%;
top:0%;
}

.caption_wrapper {
width: 90%;
padding: 30px 5%;
background-color: rgba(255,255,255,0.7);
position: absolute;
bottom:0px;
}

.caption_wrapper .weiss{
color:#004687;
}

}

/* ################################################### WIDTH 850px ################################################### */
@media only screen and (max-width: 850px) {
    
.tabs_content_col .fleft{
float: none;   
}

.tabs_content_col, .tabs_content_col_space{
width: 100%;  
}

.tabs_content_col_space{
height:30px;  
}

.formular_content .fleft, .adresse_content .fleft{
float: none;
}

.formular_content {
margin-right: 0%;
width: 100%;
}

.adresse_content {
width: 100%;
padding-top: 50px;
}

.formular_content form input, .formular_content form textarea {
font-size: 16px;
}

.intro_unternehmen_image {
width: 100%;
float: none;
}

.intro_unternehmen_text {
margin-top: 0%;
position: static;
width: 100%;
padding-top: 30px;
}

}

/* ################################################### WIDTH 820px ################################################### */
@media only screen and (max-width: 820px) {
    
.start_uber_text .fs36, .produkt_text .fs36{
font-size: 19px;
}

#start_grid_unternehmen, #start_grid_werkzeugbau, #start_grid_sondermaschinenbau, #start_grid_jobs, #start_grid_bachelor, #start_grid_praktika{
position: relative;
}

#start_grid_unternehmen_text, #start_grid_werkzeugbau_text, #start_grid_sondermaschinenbau_text, #start_grid_jobs_text, #start_grid_bachelor_text, #start_grid_ausbildung_text{
bottom: 30px;
left: 30px;
top: auto;
padding:20px;
}

#start_grid_unternehmen_text, #start_grid_werkzeugbau_text, #start_grid_sondermaschinenbau_text{
background-color: #fff;
}

#start_grid_jobs_text, #start_grid_bachelor_text, #start_grid_ausbildung_text{
background-color: #204060;
}

#start_grid_unternehmen_text {
width: 350px;
}

#start_grid_werkzeugbau {
background-color: transparent;
}

#start_grid_bachelor{
background-color: transparent;
}

#start_grid_werkzeugbau_image img, #start_grid_bachelor_image img {
max-width: inherit;
width: 100%;
}

#start_grid_werkzeugbau_text {
width: 230px;
}

#start_grid_news{
margin-right: 0%;
}

.start_grid_bottom_col {
width: 100%;
}

#start_grid_bottom .fleft {
float: none;
}

#start_grid_sondermaschinenbau, #start_grid_praktika{
margin-top:24px;
}

#start_grid_sondermaschinenbau_text{
width: 230px;
}

#start_grid_jobs_text {
  width: 170px;
}

#start_grid_ausbildung_text {
  width: 250px;
}

.start_uber{
padding-top: 100px;
}

.start_uber img {
margin: 50px auto 0;
}
    
}

/* ################################################### WIDTH 800px ################################################### */
@media only screen and (max-width: 800px) {
    
.news_list_content {
padding: 15px 10% 30px 0;
}

.download_wrapper {
padding-top: 45px;
}

.unternehmen_slider_text {
margin: 0px 5%;
padding: 50px 0px;
position: static;
left: auto;
}

.unternehmen_slider_text_wrapper {
width: 100%;
}

.unternehmen_slider_text_wrapper .weiss{
color:#004687;
}

.unternehmen_slider_text_wrapper .fs15{
color:#978c69;
}

}

/* ################################################### HEIGHT 800px ################################################### */
@media only screen and (max-height: 800px) {

#map{
height: 500px;
}

}

/* ################################################### WIDTH 770px ################################################### */
@media only screen and (max-width: 770px) {
    
#nav_search_wrapper {
width: 80%;
}

#nav_search input[type="submit"] {
width: 20%;
}

}

/* ################################################### WIDTH 750px ################################################### */
@media only screen and (max-width: 750px) {

.intro_headline, .produkt_kontakt_headline, .col3_headline{
margin-right: 0%;
width: 100%;
}

.produkt_kontakt_headline .pt110{
padding-top: 20px;
}

.intro_text, .produkt_kontakt_text{
width:100%;
padding-top:30px;
}

.produkt_kontakt_text_col{
width:47.5%;
}

.produkt_kontakt_text_col_space{
width:5%;
}

.col3_text{
width:100%;
}

.col3_text_col_wrapper .pt30{
padding-top: 20px;    
}

.news_wrapper{
width: 100%;
margin-right: 0%;
}

.download_wrapper{
width: 100%;
padding-top:30px;
}

.download_wrapper ul {
padding-top: 10px;
}

.news_list_content_col, .news_list_content_col_space{
float:none;
width:100%;
}

.news_list_content_col_space{
height: 38px;
}

#footer_claim h4 br{
display: none;
}
    
#footer_claim .pt75{
display:none;
}

#footer_nav {
position: static;
right: auto;
width: 100%;
margin-top:50px;
}

#footer_nav_wrapper {
margin-right: 5%;
width: 47.5%;
}

}

/* ################################################### WIDTH 700px ################################################### */
@media only screen and (max-width: 700px) {

#nav_main .fs36, #nav_lang_wrapper .fs36{
font-size: 25px;
}

#nav_main, #nav_lang_wrapper {
padding-top: 20px;
}

.start_uber{
padding-top: 50px;
}

.camera_prev {
left: 0px;
}

.camera_next {
right: 0px;
}

}

/* ################################################### WIDTH 650px ################################################### */
@media only screen and (max-width: 650px) {
    
.camera_caption {
display: none !important;
}

}

/* ################################################### WIDTH 600px ################################################### */
@media only screen and (max-width: 600px) {

.ls{
letter-spacing: 0px;
}

.fs36, #start_grid .fs24{
font-size: 22px;
}

#content{
padding-bottom: 50px;
}

.nav_col {
float: none;
}

#nav_main, #nav_lang_wrapper {
padding-top: 10px;
}

#nav_artikel {
width: 100%;
}

#nav_lang {
margin-top:30px;
margin-right: 0%;
width: 100%;
}

#nav_lang_wrapper ul li {
display: inline;
padding-bottom: 0px;
padding-right: 5px;
}

#nav_search {
margin-top: 30px;
}

#start_grid_unternehmen_image:hover, #start_grid_werkzeugbau_image:hover, #start_grid_sondermaschinenbau_image:hover, #start_grid_jobs_image:hover, #start_grid_ausbildung_image:hover, #start_grid_bachelor_image:hover{
-webkit-box-shadow: 0 0 0 0 #cccccc;
box-shadow: 0 0 0 0 #cccccc;  
}

#start_grid_news .trans_helper:hover, #start_grid_fakten .trans_helper:hover, #start_grid_weiterbildung:hover .trans_helper, #start_grid_praktika:hover .trans_helper{
-webkit-box-shadow: 0 0 0 0 #cccccc;
box-shadow: 0 0 0 0 #cccccc;
}

#start_grid_unternehmen_text, #start_grid_werkzeugbau_text, #start_grid_sondermaschinenbau_text, #start_grid_jobs_text, #start_grid_bachelor_text, #start_grid_ausbildung_text{
left: 0%;
width: 90%;
padding:5%;
bottom: 0px;
}

#start_grid_jobs_text, #start_grid_bachelor_text, #start_grid_ausbildung_text{
background-color: #204060;
}

#start_grid_news_wrapper, #start_grid_fakten_wrapper, #start_grid_weiterbildung_wrapper, #start_grid_praktika_wrapper{
padding: 5%;
}

.start_uber_text, .produkt_text_wrapper {
width: 100%;
}

.start_uber .center, .produkt_text_wrapper .center{
text-align: left;
}

.tabs_menu li {
display: block;
text-align: center;
margin: 10px 10px 0px;
}

.adresse_content .pt30, .tabs_content_col .pt30{
padding-top: 15px;
}

.map_text{
display: none;
}

}

/* ################################################### HEIGHT 600px ################################################### */
@media only screen and (max-height: 600px) {
    
#nav_main .fs36, #nav_lang_wrapper .fs36 {
font-size: 20px;
}

#nav_wrapper .center_content {
padding-top:80px;
}

#nav_search_wrapper {
height: 40px;
}

#nav_search_wrapper input[type="text"] {
font-size: 14px;
}

}

/* ################################################### WIDTH 500px ################################################### */
@media only screen and (max-width: 500px) {
    
.start_uber_text .fs36, .produkt_text .fs36, .fs17, .news_list_content{
font-size: 15px;
}

.start_uber_text .lh130, .produkt_text .lh130, .produkt_text .lh130{
line-height: 150%;
}

.back_link{
margin-top: 45px;
}

header{
height:60px;
}

#header_wrapper {
padding-top: 0px;
}

#nav_wrapper .center_content{
width: 98%;
}

#menu_button {
width: 20px;
}

.menu_stroke {
height: 1px;
}

#logo, #logo_weiss{
height: 40px;
width: 69px;
background-size: 100% auto !important;
margin-top: 10px;
}

.nav_sub {
top: 60px;
}

#start_grid, .intro, .news, .intro_unternehmen {
  padding-top: 135px;
}

.produkt_kontakt_text_col, .produkt_kontakt_text_col_space{
width:100%;
}

.produkt_kontakt_text_col_space{
height: 30px;
}

.intro_slider, .produkt_text, .produkt_kontakt, .formular, .col3, .produkt_text_wrapper img{
padding-top: 30px;
}

.produkt_tabs {
margin-top: 40px;
}

#footer_nav {
margin-top: 30px;
}

#footer_nav_wrapper {
margin-right: 0%;
width: 100%;
}

#footer_nav div:nth-child(2){
margin-top: 30px;
}

.camera_prev, .camera_next {
display:none;
}

.referenzen_slider .camera_prev, .referenzen_slider .camera_next {
display:block;
}

.news_list_headline {
font-size: 15px;
}

.download_wrapper .fs20{
font-size: 16px;    
}

.news_list_content {
padding: 10px 0% 15px 0;
}

.jobs_wrapper .news_list_content, .news_wrapper .news_list_content{
padding: 30px 5% 30px 12px;
}

#map{
height: 400px;
}

.formular_content form textarea {
  height: 150px;
}

.formular_content .captcha {
width: calc(100% - 180px) !important;
}

.formular_content form input[type="submit"] {
float: none;
font-size: 17px;
padding: 11px 0px;
width: 100%;
text-align: center;
margin-top: 40px;
}

.col3_text_col tr{
display: block;
padding-bottom: 5px;
}

.col3_text_col td:first-child {
width: auto;
}

.col3_text_col td{
display: block;
}

.download_wrapper li{
padding: 9px 12px;
}

}

/* ################################################### HEIGHT 500px ################################################### */
@media only screen and (max-height: 500px) {

#map{
height: 250px;
}

}

/* ################################################### HEIGHT 470px ################################################### */
@media only screen and (max-height: 470px) and (max-width: 480px)  {

#nav_lang {
display: none;
}

#nav_artikel .fs16{
display: none;
}

#nav_main{
padding-top: 0px;
}

#content section:first-child {
padding-top: 135px;
}
    
}

/* ################################################### WIDTH 450px ################################################### */
@media only screen and (max-width: 450px) {

.fs36, #start_grid .fs24{
font-size: 18px;
}

#start_grid .fs16{
font-size: 14px;
}

#start_grid .fs15 {
display: none;
}

#start_grid .pt30 {
padding-top: 10px;
}

#start_grid .pt10 {
padding-top: 0px;
}

#content section:first-child {
padding-top: 135px;
}

}

/* ################################################### WIDTH 400px ################################################### */
@media only screen and (max-width: 400px) {
    
.formular_content form input, .formular_content form textarea {
margin-bottom: 15px;
padding: 5px 2%;
}

.formular_content form input::-webkit-input-placeholder, .formular_content form textarea::-webkit-input-placeholder{
font-size: 15px;
}

.formular_content form input:-moz-placeholder, .formular_content form textarea:-moz-placeholder{ 
font-size: 15px;
}

.formular_content form input::-moz-placeholder, .formular_content form textarea::-moz-placeholder{  
font-size: 15px;
}

.formular_content form input:-ms-input-placeholder, .formular_content form textarea:-ms-input-placeholder{  
font-size: 15px;
}

#content section:first-child {
padding-top: 135px;
}

}

/* ################################################### WIDTH 350 ################################################### */
@media only screen and (max-width: 350px){

#map{
height: 320px;
}

#content section:first-child {
padding-top: 135px;
}

}