@media (min-width: 800px) and (max-width: 1200px) { //html {min-width:800px;height:auto;background: linear-gradient(to bottom, rgba(255,255,0,0.1),rgba(255,255,0,1)), url(http://www.cafe-1900-goerlitz.de/images/h1.png) repeat scroll left 50px;} html {min-width:800px;height:auto;background: #514240;} body {min-width:800px;overflow:hidden;} body.cafe { font-family:'Conv_MEDUSA__',Sans-Serif; font-size: 11px; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; height:100%; overflow:hidden; background-color:transparent; } .header-wrapper { display:none; } #header { display:none; } #wrapper { display:none; } #Q1 { display:none; } #Q2 { display:none; } #Q3 { display:none; } #pie { position:fixed;bottom:0px;width:100%;height:50px;background-color: #514240; //#514240;;padding-left:20px;display: block;} #wrapper_m { display:initial;height:auto; } #Q1m { display:initial; } #Q2m { display:block; } #QFm {float:top;width:100%;height:50px;font-family:Dosis;background:#514240;;display:block;} #QC1m {float:top;width:100%;height:50px;font-family:Dosis;background:#008080;display:block;} } #warenkorb { float:right; width: auto; height: 100px; background-image: url(warenkorb.png); // background-image: url(800.png); background-size: 100%; background-repeat: no-repeat; background-position: center right; padding:5px; margin-right: 20px; color: #514240; } #warenkorb2 { float:left; width: auto; height: 100px; background-image: url(warenkorb.png); // background-image: url(800.png); background-size: 100%; background-repeat: no-repeat; background-position: center right; padding:5px; margin-right: 20px; color: #514240; } #panohint { float: top; width: 100%; height: 800px; background: transparent; color: #008080; background-image: url(head_bg.png); background-size: 100%; background-position: center right; background-position: auto; -webkit-transition: background-image 0.2s ease-in-out; transition: background-image 0.2s ease-in-out; } #cielo { float: top; width: 100%; height: 50px; background: #514240;; color: #008080; z-index: 999; top: 0px; display: block; left: 0px; padding: 0px; margin: 0px auto; } .header-wrapper { float: top; width: 100%; height: 50px; background: #514240;; //#514240;; color: #008080; position: fixed; z-index: 999; top: 0px; display: block; left: 0px; padding-left:10px; margin: 0px auto; } .header_logo { float: left; width: 800px; height: 40px; background-color: transparent; background-image: url(http://www.cafe-1900-goerlitz.de/images/cafelogo3.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: center right; margin-top:5px; margin-left:20; } #header_linie { position:absolute; width:100%; padding-top:40px; display:block; } #header_menu { width: auto; height:100%; float: right; background-color: transparent; margin:0 auto; padding-top:35px; padding-right:15px; } #header_menu a {font-size:12pt;color: rgba(175,238,238,0.8); } #header_menu2 { width: auto; float: right; height: 50px; // padding-top:20px; margin-right: 20px; color: #514240; cursor:pointer; } #header_menu2 a { color:#008080; } #header_menu2_img { display: block;} #header_menu3_img { display: none;} #body-menu { width:100%; background-color:transparent; float:top; height:1px; color:#008080; position:fixed; z-index:999; top:48; display:none; left:0; margin:0 auto; border-bottom:1px; } #vertrieb { width: auto; height:100%; float: right; background-color: transparent; margin:0 auto; padding-top:35px; padding-right:15px; } .band_A { float: top; //width: 100%; background-color: transparent; background-image: url(Category-Neutral..svg); background-size: 100%; background-repeat: no-repeat; background-position: center right; padding-top: 10px; padding-bottom: 10px; } .band_innern_titel { width:95%; height:50px; padding-top:30px; background:transparent; font-size:14pt; margin:0 auto; } .band_innern_A { float:top; width:90%; margin:0 auto; background-color:transparent; //padding-left: 5%; //padding-right: 5%; } .band_innern_Aa { float:top; width:90%; padding:20px; font-size:12pt; margin:0 auto; } .band_Fuss { float: top; width: 100%; background-color: transparent; padding-top: 30px; padding-bottom: 30px; color: #008080; } .band_Fuss_titel { width:100%; height:50px; background:red; margin:0 auto; color: #008080; } .band_Fuss_U { float:top; width:90%; background-color: transparent; margin: 0 auto; padding-left: 5%; padding-right: 5%; color: #008080; } .band_Fuss_U_i { float:left; width:95%; font-size:12pt; margin: 0 auto; padding-left:10px; padding-right:10px; color: #008080; } a { font-size: 10pt; color: #ffffff; } a : hover { } #body_menu { display:none; } #header_menu { display:none; } #header_menu2 { display:block; } #titel { display:none; } #warenkorb { display:none; } } h1 { font-size: 14pt; } .accordion { font-family:Dosis; margin:0 auto; font-size:14px; border:1px transparent #542437; border-radius:10px; width:90%; padding:10px; background:#ffffff; z-index:-1; } .accordion ul { list-style:none; margin:0; padding:0; } .accordion li { margin:0; padding:0; } .accordion [type=radio], .accordion [type=checkbox] { display:none; } .accordion label { display:block; font-size:16px; line-height:16px; background:#ffffff; //D95B43; border:1px transparent #542437; color:#542437; text-shadow:1px 1px 1px rgba(255,255,255,0.3); font-weight:700; cursor:pointer; //text-transform:uppercase; } .accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label { background:#ffffff; //C02942; color:red; text-shadow:1px 1px 1px rgba(0,0,0,0.5) } .accordion .content { padding:0 10px; overflow:hidden; border:1px transparent #fff; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; } .accordion p { color:#333; margin:0 0 10px; } .accordion h3 { color:#542437; padding:0; margin:10px 0; } .vertical ul li { overflow:hidden; margin:0 0 1px; } .vertical ul li label { padding:10px; } .vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label { border-bottom:0; } .vertical ul li label:hover { border:1px transparent #542437; } .vertical ul li .content { height:0px; border-top:0; transition: all .5s ease-out; } .vertical [type=checkbox]:checked ~ label ~ .content { height:auto; border:1px transparent #542437; }