/*Breiten*/
@media(max-width: 1600px){
    .image-startseite.birnenmaedel {display: none;}    
}
@media(max-width: 1360px){
    #main {margin-left: 274px;position: relative;}
    nav#desktop {margin-left: -6px;}
}
@media(max-width: 1310px){
    #aktuelles {right: 1.5em;}    
}
@media(max-width: 1270px){
    .image-startseite.natuerlich-gesund {display: none;}
    .image-startseite.birnenmaedel {display: block;position: absolute;bottom: 10px;top:unset;}
    .image-startseite.birnenmaedel img {transform: none;}
    #wrapper.wrapper-fixed {padding-bottom: 0;}
    #main {padding-bottom: 7em;margin-right: 2em;}
    .start #main {padding-bottom: 37em;}    
    .birnenmaedel {top: 674px;left: 335px;position: absolute;}
    .content-slider-container.floatRight {float: none;margin-left: 0;margin-right: 2em;}
    .slides > li {max-width: 100%;width: auto !important;}
    .article .flexslider .slides img {width: auto;max-width: 100%;}
}
@media(max-width: 1250px){
    aside {display: none;}
}
@media(max-width: 1150px){
    .yform form label {width: 100%;margin-bottom: 0;}
    .yform form input, .yform form textarea, .yform form select {width: 80%;}
    .yform form .checkbox p {width: 88%;}
    .yform form button {margin-left: 0;}
    .yform form .checkbox input {margin-left: 0;}
}
@media(max-width: 1100px){
    .header-fixed .logo { transform: translate(0px,-38px) scale(0.44,0.44);}    
}
@media(max-width: 1035px){
    .image-startseite.birnenmaedel {left: 20px;}
    .start #main {margin-left: 36%;}
    .content-slider-container.floatLeft {float: none;clear: both;margin-left: 0;margin-right: 0;}
    .floatRight .caption {text-align: left;}
    #aktuelles {left: 20px;top: -83px;}
    #pfeil {right: 1px;}
}
@media(max-width: 970px){
    .accordion {width: 417px;}
    .box-unterseite img {margin-left: 0 !important; margin-right: 0 !important;margin-top: 29px !important;width: 30%;}
    .article .spalte-1, .article .spalte-2 {float: none; width: 100%;}
    .article .spalte-1 {margin-bottom: 2em;}
}
@media(max-width: 940px){
    .guetezeichen {display: none;}
    .logo img {margin: 0 0 0 290px;}
    .header-fixed .logo img {margin: 0 0 0 290px;}
    fieldset.form form input, fieldset.form form textarea {width: 94%;}
    fieldset.form form th, fieldset.form form td {width: auto;}
    fieldset.form form td:first-child {width: 100px;} 
    .article .flexslider {margin-bottom: 20px;}
    .floatRight, floatLeft {float: none;margin-left: 0;margin-right: 0;} 
}
@media(max-width: 800px){
    .start #main, #main {margin-left: 2em;max-width: 100%;width: auto;}
    #mobile-button {display: block;}
    nav#desktop {display: none;}
    .accordion {width: 100%;margin-left: 0;}
    .box-unterseite img {width: auto;}
    #main .small-content, .alert-danger, .alert-success, .yform {margin-left: 0 !important;}
    .start #main {display: flex;flex-wrap: wrap;justify-content: space-evenly;max-width: 100%;}
    .floatRight {float: right;margin: 0.5em 0 2em 2em;}
    .floatLeft {float: left;margin: 0.5em 2em 2em 0;}    
    .floatRight .caption {text-align: right;}
    .article .spalte-1 {float: left; width: 48%;margin-bottom: 0;}
    .article .spalte-2 {float: right; width: 48%;}
}
@media(max-width: 710px){ 
    .header {text-align: right;}
    .header-fixed .logo img, .logo img {margin: 0;}
    .header-fixed .logo, .logo {display: inline-block;margin-right: 50px;width: 230px;padding-top: 60px;}
    .header-fixed .logo { transform: translate(0px,-57px) scale(0.7,0.7);}
}
@media(max-width: 630px){
    .accordion {margin-left: 0;}
    .box-unterseite img {width: 30%;}
    .form td, .form th {display:block; float:none; clear:both; max-width:100%;}
    #map_canvas {width:100% !important;}
    .article .spalte-1, .article .spalte-2 {float: none; width: 100%;}
    .article .spalte-1 {margin-bottom: 2em;}
}
@media(max-width: 600px){    
    #aktuelles {left: 10px;}    
    .yform form input, .yform form textarea, .yform form select {width: 96%;}
}
@media(max-width: 550px){    
    .header {text-align: left;}    
    .header-fixed .logo, .logo {padding-top: 77px;transform: none;width: 221px;margin-left: 10px;}
    .header-fixed {height: 165px;}
    .header-fixed .header-bg {height: 158px}
    .header-fixed .guetezeichen {transform: none;}
    .floatRight, .floatLeft {float: none;margin-left: 0;margin-right: 0;}
    .floatRight .caption {text-align: left;}
    .box-startseite {float: none;max-width: 100%;height: 100% !important;margin-right: 0;}
    .rezepte .box-startseite h2.headline-box-startseite {padding: 0.5em;}
    .box-startseite .weiterlesen {position: relative;}
    .bild-box-startseite-ueber .copyright, .bild-box-startseite-unter .copyright {right: unset;left: 1em;}
    .image-startseite.natuerlich-gesund {height: 6rem !important;display: block;}
}
@media(max-width: 500px){       
    .article .tabelecontainer {width: 90%;overflow: auto;}
    .article .tabelecontainer .table {width: 20em !important;}
}
@media(max-width: 440px){
    .box-unterseite.right, .box-unterseite.left {background-size: 100%;background-position: right 23%;}
    .box-unterseite-ct {clear: both;float: none !important;}    
}
@media(max-width: 380px){ 
    nav#impressum ul { float: none; padding: 8px 0 0 0;}
    .image-startseite.birnenmaedel {left: 0;}
    #rp .start {width: 90%;}    
}
@media(max-width: 320px){   
   #mobile-button {padding-right: 10px;}
   .bild-box-startseite-unter {width: 90%;}
}
/*Höhen*/
@media(max-height: 1000px){    
    .page-footer #pflaumenmaedel {display: none;}
    nav#desktop ul {margin-bottom: 0 !important;}
}
@media(max-height: 740px){    
    #mobile-button {display: block;}
    nav#desktop, .guetezeichen {display: none;}
    .start #main, #main {margin-left: 3%; padding-top: 20px;}
    #main .small-content, .yform {margin-left: 0;}
}
@media(max-height: 620px){  
    .page-header, #aktuelles {position: absolute;}
    .page-header, .header-fixed .logo, .header-bg {transform: none;}
    .header-fixed {height: 165px;}
    .header-fixed .header-bg {height: 158px}
    #wrapper.wrapper-fixed {padding-top: 165px;}
    .logo img, .header-fixed .logo img {margin: 0 50px 0 0 !important;}
    .header-fixed .logo, .logo {text-align: right;} 
    .logo img, .header-fixed .logo img {display: inline;}    
}