@media screen{
body {-ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%;}
}

@media screen and (min-width: 998px) {
body {overflow: auto !important;}
#hide_form {display: none !important;}
#col-1 {display: block !important; left: 0px !important;}
}
@media screen and (max-width: 997px) {
img {max-width: 100% !important; height: auto !important; box-sizing: border-box;}
iframe, textarea, input, button, submit, select, video, object, embed {max-width: 100% !important; box-sizing: border-box;}
table, span, div, ins {max-width: 100% !important;}
#top {background: #5f8aba url(/images/top.png) no-repeat 50% 50%;}

body, input, textarea, select, li, #col-2 p, #col-3 .section ul li, #footerWrap p, #col-2 li, #col-3 .section h3, #col-2 .linner input[type="text"], #col-1 .section b, #col-1 .section ul li, table td, table th, label, p, .linner, #col-2 .linner, #col-2 .linner label {font-size: 19px !important; line-height: normal !important; font-family: Tahoma,Verdana,Helvetica,sans-serif !important; font-weight: normal;}
#col-2 h3, #col-2 h2, #col-2 h1 {text-decoration:underline; font-size: 22px !important; line-height: normal !important; font-family: Tahoma,Verdana,Helvetica,sans-serif !important; font-weight: normal;}
#col-2 .produkte h3 {text-decoration:none !important;}
#col-2 .linner label small, small {font-size: 19px !important; line-height: normal !important; font-family: Tahoma,Verdana,Helvetica,sans-serif !important;}
.buy2, .send {font-size: 19px !important;  line-height: normal !important; font-family: Tahoma,Verdana,Helvetica,sans-serif !important; background-size: 100% 100%; height: auto; padding-bottom: 10px; padding-top:5px; margin: auto;}
a.buy2 {font-size: 15px !important; line-height: normal !important; font-family: Tahoma,Verdana,Helvetica,sans-serif !important; margin: 2px auto !important; margin-right:5px !important;}
#col-2 .orderde, #col-2 #produkte5, #col-2 .cart strong, #col-2 #produktetable strong, .lbl-fields-mandatory, #col-2 .cart, #col-2 #produktetable {font-size: 19px !important; line-height: normal !important; font-family: Tahoma,Verdana,Helvetica,sans-serif !important;}
#col-2 .cart tbody td b, #col-2 tbody td b, #col-2 .products, #col-2 .title, #col-2 .pr0, #col-2 .pr1, #pcvv, #col-2 span.formButton2 input, #pcc {font-size: 19px !important; line-height: normal !important; font-weight: normal !important; font-family: Tahoma,Verdana,Helvetica,sans-serif !important;}
.cart .orderPrice .submit, .cart .orderExtra .submit, .zurkasse {font-size: 19px !important; line-height: normal !important; font-family: Tahoma,Verdana,Helvetica,sans-serif !important; background-size: 100% 100%; height: auto; width: auto; padding: 5px; margin-top: 0px;}
#footerWrap p, table.orderde td {line-height: normal !important;}
#col-2 #orderform #login_info .line label, #col-2 #contact .line label, #col-2 #orderform #shipping_info .line label, #col-2 #orderform #billing_info .line label, #col-2 #identifyingDetails .line label {font-size: 19px !important; line-height: normal !important; font-family: Tahoma,Verdana,Helvetica,sans-serif !important;}
#col-2 #orderform #login_info .line input, #col-2 #contact .line input, #col-2 #orderform #shipping_info .line input, #col-2 #orderform #billing_info .line input, #col-2 #identifyingDetails .line input {font-size: 19px !important; line-height: normal !important; height: auto; font-family: Tahoma,Verdana,Helvetica,sans-serif !important;}
#col-2 .cart th, #col-2 #produktetable th, #col-2 .orderde th, #col-2 #produkte5 th, .products th, .productTable th, table th {font-size: 19px !important; line-height: normal !important; font-family: Tahoma,Verdana,Helvetica,sans-serif !important; font-weight: normal !important;}


#top {right: 10px; bottom: 10px;}
#col-1 {background: #ffffff !important; display: none; opacity: 1 !important; margin: 0px !important; overflow: auto !important; top: 51px !important; left: -100%; right: 0px; position: fixed !important; width: 100% !important; box-sizing: border-box; height: 87% !important; max-height: calc(100% - 51px) !important; height: calc(100% - 51px) !important; padding: 15px !important; z-index: 9999 !important; -webkit-transition: left 1s; -moz-transition: left 1s; -o-transition: left 1s; transition: left 1s;}
.hidepr {overflow: hidden !important;}
.mobile {display: block !important;}

#mob_menu {z-index: 200; display: block !important; position: fixed; top: 0px; left: 0px; right: 0px; width: 100%; overflow: hidden; height: 50px; background-color: #5f8aba; border-bottom: 1px solid #c1c1c1;}
#mob_menu div, #mob_menu a {float: left; display: block; height: 50px; width: 25%; box-sizing: border-box; border-right: 1px solid #c1c1c1; cursor: pointer;}
#home {background: url(/images/hause.png) center no-repeat;}
#kundene {background: url(/images/kunden.png) center no-repeat;}
#kontakt {background: url(/images/kontakt.png) center no-repeat;}
#cart2 {background: url(/images/warenkorb.png) center no-repeat; border-right: none; position: relative; text-align: center; color: #fff; text-decoration: none;}
#cart2 span {font-size: 14px; font-family: Tahoma,Verdana,Helvetica,sans-serif !important; text-decoration: none; font-weight: bold; position: relative; top: -5px; left: 3px;}
#hide_form {z-index: 99999990 !important; cursor: pointer; color: #a2a2a2; position: fixed; right: 5px; top: 56px; padding: 0; font-size: 25px; line-height: 25px; width: 25px; text-align: center;}

#col-1 .section ul li a:hover{ background:#E0E4E0 !important; }
#col-1 > .section, #col-1 > br, #col-1 > img, #col-1 > div > img {display: none;}
#col-1 > .section + .section {display: block;}
#col-1 .section b {background: none; color: #4a4a4a; font-style:italic; text-decoration:underline;}
#col-1 .section b.mobile a {color: #4a4a4a; display: block;}
#col-1 .section ul {width: auto;}
#col-1 .section ul li {float: none; width: auto; display: block;}
#col-1 .section ul li a, #col-1 .section ul li a.potenzpille {font-weight: normal; float: none; width: auto; display: block;}
#col-1 .section b {font-weight: normal;}

#col-1.pillen .section b {display: none !important;}
#col-1.pillen  .section {padding-bottom: 0px;}
#col-1.pillen  .section ul {border-bottom: 0px;}
#col-1.pillen  .section:last-child ul {border: 1px #c1c1c1 solid;}
#col-1.pillen > .section + .section {display: none;}
#col-1 .section ul, #col-1 .section ul li {border: none !important;}
#pillen {opacity: 0.9; display: block !important; z-index: 99; cursor: pointer; position: fixed; right: 50%; margin-right: -72px; bottom: 10px; justify-content: center; padding: 10px; box-sizing: border-box; width: 165px; border-radius: 50px; background: #5f8aba; font-weight: bold; text-align: center; color:#FFFFFF;}
#pillen:hover {opacity: 1;}

#headerWrap {display: none; width:auto;}
#mainWrap, #footer, #footer h6 { width:auto;}

#mainWrap {margin-top: 51px; padding: 15px 15px 0px;}
#col-2 {width: auto; float: none;}
#col-3 {float: none; width: auto; margin-top: 15px;}
#col-3 .section, #col-3 .section > br, #col-3 > br, #col-3 > img, #col-3 > div > img {display: none;}
#col-3 .section.kunderf {display: block;}
#col-3 .section .kunde li {display: none; width: 100%; box-sizing: border-box; line-height: normal;}
#col-3 .section .kunde li strong, #col-3 .section .kunde li b {font-weight: normal !important;}
#col-3 .section .kunde li:first-child, #col-3 .section .kunde li:nth-child(2), #col-3 .section .kunde li:nth-child(3), #col-3 .section .kunde li:nth-child(4), #col-3 .section .kunde li:nth-child(5) {display: block;}
#col-3 .section .kunde li:last-child {display: block; padding: 0px; border: none;}
#col-3 .section h3 {background: #ddd; background-size: 100% 100%; color: #000;}
#col-3 .section ul {width: auto;}
#col-3 .section ul li a.erfahrun, .erfahrun {text-align: center; width: auto; background: #ddd; background-size: 100% 100%; line-height: 19px; padding: 7px 0px 6px 14px; font-family: Tahoma,Verdana,Helvetica,sans-serif !important; position: relative; display: block !important; float: none; color: #000; text-decoration: none; font-weight:normal !important;}

#topProducts {text-align: center; width:auto !important;}
#col-2 #topProducts .product { width:40% !important; border-bottom:none !important;}
#col-2 #topProducts .product h1 {font-weight: normal; box-sizing: border-box;}

.products, #col-2 .cart, #col-2 #produktetable, #col-2 .orderde, #col-2 #produkte5 {width: 100%; box-sizing: border-box;}
.buy2:hover, .send:hover {font-weight: normal;}
#contacts-form .send {margin: 0px;}
table.orderde tr > td:first-child {width: 200px !important;}
.products {width:100% !important;}

#col-2 .linner {padding: 5px 10px; line-height: normal;}
#col-2 .linner label {display: block; width: auto; text-indent: 0px;}
#col-2 .linner input[type="text"], #col-2 .linner select {width: 100%; box-sizing: border-box;}

.cart .supersize {text-align: center; padding: 10px;}
.cart .orderExtra {background-size: 100% 100%; height: auto; padding: 0px;}
#col-2 h5 {height: auto; line-height: normal; font-weight: normal; float: none; display: inline-block; vertical-align: middle;}
.cart .orderExtra h5 {width: auto; margin-bottom: 7px; padding-top: 0px;}
.cart .orderPrice .submit:hover, .cart .orderExtra .submit:hover {font-weight: normal; margin-top: 0px;}

.zurkasse {background-size: 100% 200%; padding: 7px; height: auto; width: auto; max-width: 204px !important; font-weight:normal;}
.zurkasse:hover {background-position: 0px 100%;}

select#CheckoutForm_card_month, #CheckoutForm_card_year {width: 100px !important; text-align:center !important;}
#col-2 > img[align="right"] {width: 35%; cursor: pointer;}
#col-2 > img.all[align="right"] {width: 90%;}

#col-2 span.formButton2 input {width: auto; background-size: 100% 200%; height: auto; padding: 12px 16px; white-space: normal; min-width: 220px !important;}
#col-2 span.formButton2 input:hover {background-size: 100% 200%; background-position: 0% 100%;} 
#footerWrap {height: auto; padding: 0px 15px 15px 15px;}
#footerWrap .pay_mob {display:block; text-align:center; padding-top:20px;}
.kunden_mobile {display:block; width:100%; height:100%; padding-top:23px; text-align:center;}
table th { padding-top:6px !important; padding-bottom:7px !important;}
}
@media screen and (max-width: 650px) {
.products, .cart, .orderde {overflow: auto; display: block;}
.products  > tbody, .cart > tbody, .orderde > tbody {display: table; width: 100%; box-sizing: border-box;}
.products th:nth-child(2), .products td:nth-child(2) {display: none;}
.buy2, .send {width: auto; max-width: 95px !important;}
}
@media screen and (max-width: 570px) {
table.orderde th, table.orderde td {display: block; width: auto !important; height: auto !important; padding: 5px 10px !important;}
div#bankdet table.orderde td {text-align: center;}
table.orderde tr > td:first-child {width: auto !important;}
#pcc {width: 100% !important; box-sizing: border-box;}
tr#bankdet4 + tr > td:first-child {display: none;}
#col-2 .linner {padding: 5px 0px;}
.cart .title15 {padding-left: 1px;}
#col-2 input {margin-left: 0px;}
#col-3 .section .kunde li {padding-left: 5px;}
#col-3 .section h3 {padding: 5px 5px 5px 7px;}
.hide570 {display: none !important;}
}
@media screen and (max-width: 600px) {
.products th:nth-child(1), .products td:nth-child(1) {display: none;}
}
@media screen and (max-width: 550px) {
#contacts-form .send {margin: auto;}
#col-2 #orderform #login_info .line label, #col-2 #contact .line label, #col-2 #orderform #shipping_info .line label, #col-2 #orderform #billing_info .line label, #col-2 #identifyingDetails .line label {width: auto; float: none; display: block;}
#col-2 #orderform #login_info .line input, #col-2 #contact .line input, #col-2 #orderform #shipping_info .line input, #col-2 #orderform #billing_info .line input, #col-2 #identifyingDetails .line input, #col-2 #contact textarea, #col-2 #identifyingDetails textarea {float: none; width: 100%; min-height: 20px !important; box-sizing: border-box;}
}
@media screen and (max-width: 460px) {
table th, table td {padding: 5px !important;}
.cart .title15 {padding-left: 0px !important; text-indent: -5px;}
}