@media (max-width: 1690px) { main, nav, footer, .contentfooter{ width: auto; } .cb .bildstoerer { width: auto; padding-left: 30px; padding-right: 20px; font-size: 15pt; } .cb { width: 28%; padding-left: 3%; padding-right: 2%; } .cb.centerer { width: 28%; padding-left: 3%; padding-right: 2%; } .cb.center { width: 28%; padding-left: 3%; padding-right: 2%; } .cb.double { width: 61%; padding-left: 3%; padding-right: 2%; } .cb.double.nopadding { width: 70%; } .cb.nopadding { width: 30%; } .cb.marginleft { margin-left: 0px; } .cb.marginright { margin-right: 0px; } .cb.nopadding .cb { width: 90%; padding: 5%; } .cb.nofull { display: inline-block; } .cb img, .double.nopadding img { width: 100%; height: auto; display: block; } .stoerer_rot { font-size: 21pt; } .stoerer_gruen { width: 40%; background-size: contain; font-size: 15pt; bottom: 150px; } main, nav, footer, .salat_thumb, .cb, .logo, header, .titleimg img, .stoerer_gruen, .stoerer_rot_box, .arrow, .contentfooter { -webkit-transition: all 0.7s; /* Safari */
transition: all 0.7s; } a.arrow { -webkit-transition: color 0s; transition: color 0s; } } @media(max-width:1490px) { .stoerer_gruen { font-size: 14pt; bottom: 15%; } .stoerer_rot { font-size: 19pt; } } @media (max-width: 1400px) { body { text-align: center; } .fullonly { display: none; } .hidefull { display: block; } .cb.nopadding .cb { width: 40%; padding: 5%; } .cb, .cb.double { width: 40%; padding-left: 5%; padding-right: 5%; margin-bottom: 30px; } .cb.centerer { width: 25%; padding-left: 0px; padding-right: 0px; } .cb.center { width: 40%; padding-left: 5%; padding-right: 5%; } .cb.orfull { width: 100%; } .cb.nopadding.orfull { width: 100%; padding: 0px; } .cb.double.nopadding.orfull { width: 100%; } .salat_thumb { width: 33%; } .salat_thumb img { height: auto; width: 100%; } .stoerer_gruen { bottom: 15%; } .cb.centertablet { margin: 0px auto; float: none; position: relative; display: inline-block; } .cb.textalign { margin: 0px; } } @media (max-width: 1200px) { .stoerer_gruen { bottom: 10%; font-size: 13pt;
} .stoerer_gruen a.arrow { font-size: 13pt; } } @media (max-width: 1124px) { main { padding-left: 20px; padding-right: 20px; } nav { padding-left: 20px; padding-right: 20px; } .stoerer_gruen { width: 60%; background-size: contain; bottom: 15%; margin-right: -20px; } a.arrow { font-size: 16pt; padding-top: 4px; } .cb.double { width: 90%; padding-right: 5%; padding-left: 5%; } .salat_thumb { width: 20%; } .stoerer_rot_box { margin-right: -20px; } footer nav { height: 50px; padding: 0px; overflow: hidden; } footer nav a { display: none; } .mobilefooter, .mobilefooter a { display: block; } .dotsleft { margin-left: -20px; } } @media(max-width: 980px) { .undertitle { padding: 0px; } .titleimg img { display: block; } .stoerer_rot_box { bottom: -50px; width: 60%; } .stoerer_gruen { bottom: -250px; display: block; width: 60%; margin-right: 20%; } .titleimg { margin-bottom: 60px; } .titleimg.hasgreen { margin-bottom: 350px; } main { padding: 0px; overflow: hidden; } .contentfooter { padding-left: 0px;
padding-right: 0px; } .titleimg { background-image: none; height: auto; } nav { height: 50px; padding: 0px; overflow: hidden; } nav a { display: none; } /* MM UPDATE */ #mobilemenubutton { display: block; } header{height:90px;} header .logo img {margin-top:0px;} /*-----------------------*/ .titleimg img { width: 130%; max-width: 130%; } } @media (max-width: 940px) { } @media (max-width: 750px) { .cb.nomobiletop { margin-top: 0px !important; padding-top: 0px !important; } .cb.nomobilebottom { margin-bottom: 0px !important; padding-bottom: 0px !important; } .stoerer_gruen { width: 70%; margin-right: 8%; bottom: -280px; } .stoerer_rot_box { bottom: -50px; width: 70%; } .cb { width: 90%; padding: 5%; } .cb.centerer { display: none; } .cb.center { width: 90%; padding-left: 5%; padding-right: 5%; } .cb .bildstoerer { font-size: 18pt; width: 230px; } .stoerer_rot { padding: 10px; padding-left: 20px; padding-right: 25px; } .nomobile { display: none; } .mobileonly { display: block; } .cb.nopadding .cb { width: 90%;
padding: 5%; } .salat_thumb { width: 25%; } .whiterow { margin: 0px; padding-left: 20px; padding-right: 20px; background-color: transparent; } .whiterow .cb.white { background-color: #fff; } .whiterow .cb.white h2 { padding-top: 0px; margin-top: 0px; } } @media (max-width: 700px) { .salat_thumb { width: 33%; } } @media (max-width:620px) { footer { padding-left: 20px; padding-right: 20px; } } @media (max-width: 515px) { nav { height: 35px; } /* header .logo img { margin-top: 7px; } */ header { height: 83px; } header .logo { width: 80%; } header .logo img { width: 100%; } .salat_thumb { width: 50%; } #mobilemenubutton { top: 90px; } #mobilemenu { top: 115px; } } @media (max-width: 485px) { .cb { width: 95%; padding: 2.5%; } .stoerer_rot { padding: 4px; padding-left: 6px; font-size: 12pt; } .cb .bildstoerer { width: auto; padding-left: 30px; padding-right: 20px; font-size: 15pt; } } @media (max-width: 360px) { .stoerer_gruen { font-size: 11pt; bottom: -280px; } .stoerer_gruen a.arrow { font-size: 11pt; }
.stoerer_rot_box { width: 80%; } a.arrow { font-size: 13pt; } nav { height: 20px; }   /* .salat_thumb { width: 100%; height: auto; margin-bottom: 20px; }     */ #mobilemenubutton { top: 55px; } #mobilemenu { top: 95px; } } @media (max-width: 330px) { /*header .logo img { margin-top: 10px; } '*/' header { height: 80px; } } @media (max-width: 310px) { /* header .logo img { margin-top: 14px; } */ header { height: 76px; } }