body {
background-image: url('images/header_bg.png');
background-position: top;
background-repeat: repeat-x;
border-top: 4px solid #bd262d;
margin: 0;
font-family: 'Droid Sans', sans-serif;
font-size: 16px;
}

#fixcenter {
width: 960px;
margin: 0 auto;
padding: 30px 0 0 0;
background-image: url('images/sidebar_bg.jpg');
background-repeat: repeat-y;
background-position: left;
}

/* header
--------------------------------------------------------------------*/

#header {
width: 960px;
height: 183px;
margin: 0 auto 0 auto;
}

#logo a {
display: block;
width: 240px;
height: 75px;
background-image: url('images/mvv-logo.jpg');
background-repeat: no-repeat;
background-size: contain;
margin: 40px 0 0 20px;
}

#quicksearch {
background-color: #bd262d;
float: right;
width: 240px;
height: 50px;
}

#quicksearch form {
margin: 10px;
}

#quicksearch input {
font-size: 11px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}

#quicksearch input[type="submit"] {
display: none;
}

#quicksearch input[type="search"] {
width: 210px;
color: #8a8a8a;
}

.quicknav {
float: right;
margin: 7px 0 0 0;
}

.quicknav a {
font-size: 18px;
font-weight: 400;
margin: 0 0 0 25px;
padding: 0;
}

img.round-border {
border-radius: 100px;
}

/* login
--------------------------------------------------------------------*/

#new_customer {
float: left;
width: 340px;
margin: 20px 0 0 0;
}

#returning_customer {
float: right;
width: 250px;
border-left: 1px solid #D9D9D9;
padding-left: 40px;
margin: 20px 0 0 0;
}

/* content
--------------------------------------------------------------------*/

#navigation {
font-family: 'Droid Sans', sans-serif;
float: left;
width: 250px;
margin: 0 0 20px 0;
}

#content {
width: 670px;
float:right;
margin-bottom:20px;
color: #545454;
font-size: 15px;
line-height: 25px;
}

.categorie_navi_buttons a {
width: 305px;
margin: 0 0 10px 0;
float: left;
display: block;
background-color: #fef3e3;
padding: 6px 10px 7px 10px;
color: #d46d2a;
font-size: 16px;
font-weight: 400px;
font-style: italic;
border-top: 2px solid #fbf7f0;
border-bottom: 2px solid #fdecd3;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

a.nested_category_last_column {
margin-left: 20px;
}

.categorie_navi_buttons a:hover {
cursor: pointer;
background-color: #fff6e9;
border-top: 2px solid #fbf7f0;
border-bottom: 2px solid #fdecd3;
text-decoration: none;
}

.categorie_navi_buttons a:active {
background-color: #ffefd7;
border-top: 2px solid #fdecd3;
border-bottom: 2px solid #fbf7f0;
}

#footer {
clear:both;
color: #fff;
background-color: #882327;
font-size: 13px;
line-height: 22px;
text-align: left;
padding: 10px 0 40px 0;
}

#footer a {
color: #fff;
text-decoration: underline;
}

#footer .footerboxwrapper {
width: 960px;
margin: 0 auto;
font-size: 11px;
}

#footer .footerboxwrapper .footerbox1 {
    padding: 0 25px 25px 0;
    width: 260px;
    float: left;
}

#footer .footerboxwrapper .footerbox2 {
    float: left;
}

h1, h2, h3 {
font-family: 'Droid Sans', sans-serif;
}

h1 {
color: #882327;
font-size: 33px;
line-height: 42px;
font-weight: 400;
margin: 25px 0 35px 0;
}

h2 {
color: #524b45;
font-size: 20px;
font-weight: 700;
letter-spacing:.03em;
text-align: left;
margin: 25px 0 15px 0;
}

h3 {
font-size: 18px;
line-height: 20px;
font-weight: bold;
color: #545454;
margin: 0 0 10px 0;
}

h3 span.date {
font-style:italic;
font-weight:400;
}

h4 {
color: #882327;
font-size: 18px;
font-weight: normal;
border-bottom: 1px solid #D9D9D9;
padding: 0 0 5px 0;
margin: 20px 0 20px 0;
}

.content_breite, .content_breite p {
width:690px;
float:right;
font-size:14px;
}

span.detail_description, span.detail_description p {
font-size:14px;
float: left;
}

a {
border: none;
color:#882327;
text-decoration:none;
}

a:hover {
border: none;
text-decoration:underline;
}

li {
list-style-position:inside;
}

#logo {
float:left;
width:470px;
}

#logo img {
border:0;
margin-left:60px;
margin-top:20px;
}

#logo_subtitle {
font-size: 18px;
margin: 10px 0 0 20px;
float:left;
color: #fff;
font-style: italic;
}

#logo_subtitle span.contact {
    font-style: normal;
    font-size: 14px;
    line-height: 1.2;
    display: inline-block;
    padding-top: 10px;
}

#breadcrumb {
font-size: 12px;
font-style: italic;
color: #666;
border-bottom: 1px solid #d9d9d9;
padding: 0 0 8px 0;
}

#breadcrumb a {
color: #f2911f;
}

#breadcrumb a.arrow {
color: #7f7f7f;
}

#navigation a {
color:#666;
display:block;
padding: 5px 15px 6px 20px;
}

#navigation a:hover {
background-color: #d67332;
background-image: url('images/navi_hover_bg.jpg');
background-position: right;
background-repeat: repeat-y;
color: #FFF;
text-decoration: none;
-moz-border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
}

#navigation a.selected {
font-style: italic;
color: #d67332;
}

#navigation a.selected:hover {
color: #FFF;
}

#navigation a.alternate {
color:#777;
}

#navigation a.level0 {
font-size: 16px;
}

#navigation a.level1 {
font-size: 14px;
padding: 5px 0 7px 20px;
margin: 0 0 0 20px;
}

#navigation .space {
height:.8em;
}

#navigation a#fb-box {
padding: 0;
}

#navigation a#fb-box:hover {
    background: none;
    background-image: none;
    background-color: none;
}


.clear {
clear: both;
}

#content .product {
float:left;
margin-bottom: 20px;
padding: 10px;
width: 305px;
height: 210px;
background-color: #F4F4F4;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
line-height: 15px;
}

.image_listing {
float:left;
height: 210px;
text-align:center;
width:120px;
margin: 0 10px 0 0;
}

.image_listing img {
float: left;
-moz-box-shadow: 0 0 8px #dbdbdb;
-webkit-box-shadow: 0 0 8px #dbdbdb;
box-shadow: 0 0 8px #dbdbdb;
}

.autor {
color: #d46d2a;
font-size: 11px;
font-style: italic;
}

.listing_title {
display:block;
font-size:.8em;
line-height:1.3em;
margin-bottom:6px;
}

.product_new {
width: 190px;
padding: 10px;
float:left;
text-align:center;
background-color: #f4f4f4;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 0 20px 20px 0;
}

.product_new.last_column {
margin: 0 0 20px 0;
}

.product_new_title {
display: block;
font-size: 14px;
line-height: 22px;
height: 70px;
overflow: hidden;
}

.product_new_content {
height:145px;
text-align:center;
}

.product_new_content img {
margin:auto auto 5px;
-moz-box-shadow: 0 0 8px #dbdbdb;
-webkit-box-shadow: 0 0 8px #dbdbdb;
box-shadow: 0 0 8px #dbdbdb;
}

.description {
font-size: 11px;
}

.autor,.title,.description {
margin-right:10px;
}

.additional_image {
float:left;
margin: 10px 10px 0 0;
}

.small {
font-size:.65em;
    margin-top: 0;
}

.autor_beschreibung {
font-size:.8em;
}

img.heading {
float:right;
margin-bottom:10px;
margin-left:10px;
}

#content .right {
margin-left: 20px;
}

.spiffy,.spiffy_gr {
display:block;
}

.infoBoxNotice {
background:#FF8E90;
}

.infoBoxNoticeContents {
background:#FFE6E6;
}

.float_left {
float: left;
}

.float_right {
float: right;
margin: 0;
}

.float_center {
float: center;
margin: 0;
}

.cover {
float: left;
width: 130px;
margin-right: 20px;
}

.cover img {
border: none;
-moz-box-shadow: 0 0 8px #dbdbdb;
-webkit-box-shadow: 0 0 8px #dbdbdb;
box-shadow: 0 0 8px #dbdbdb;
}

.product_cover {
float: left;
margin: 0 20px 20px 0;
}

.text_enlarge a {
font-size: 11px;
font-style: italic;
line-height: 18px;
color: #a0a0a0;
display: block;
padding: 0 0 0 30px;
background-image: url('images/lupe_bg.jpg');
background-repeat: no-repeat;
background-position: 0 5px;
}

.text_enlarge a:hover {
text-decoration: none;
}

.product_cover img {
-moz-box-shadow: 0 0 8px #e6e6e6;
-webkit-box-shadow: 0 0 8px #e6e6e6;
box-shadow: 0 0 8px #e6e6e6;
}

.product_cover a {
color: #a0a0a0;
}

#infobox_files,
#infobox_autor,
#infobox_videos {
background-color: #F4F4F4;
padding: 15px 20px 18px 20px;
margin: 20px 0 0 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#infobox_autor img {
border: 2px solid #e4e4e4;
margin: 0 0 0 20px;
}

.price {
color: #d46d2a;
font-weight: bold;
float: left;
margin: 4px 10px 0 0;
}

.hproduct {
margin: 0 0 40px 0;
}

#facebook {
margin: 15px 0 0 10px;
}

.verlag {
float: left;
width: 303px;
margin-bottom: 20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 10px;
border: 1px solid #d7d7d7;
text-align: center;
}

.verlag.last_column {
margin-right: 20px;
}

#bottom_buttons {
margin: 20px 0 0 0;
}

ul {
margin: 5px 0 20px 15px;
padding: 0 0 0 0;
}

.schluckauf {
font-size: 13px;
color: #808080;
margin: 20px 0 0 0;
font-style: italic;
}

a.feindaten_download {
color: #a0a0a0;
font-size: 11px;
font-style: italic;
line-height: 18px;
display: block;
padding: 7px 0 0 30px;
margin: 7px 0 0 0;
background-image: url('images/feindaten.jpg');
background-repeat: no-repeat;
background-position: 0 6px;
border-top: 1px solid #e2e2e2;
width: 210px;
float: left;
}

a.feindaten_download:hover {
text-decoration: none;
}

/* warenkorb
--------------------------------------------------------------------*/

table.productListing {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

td.productListing-heading {
background-color: #d8d8d8;
padding: 4px 10px 4px 10px;
}

td.productListing-data {
padding: 4px 5px 4px 5px;
}

tr.productListing-even {
background-color: #eeeeee;
}

tr.productListing-odd {
background-color: #F4F4F4;
}

tr.sub_total {
background-color: #F4F4F4;
text-align: right;
}

/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------*/


/* header
--------------------------------------------------------------------*/

a.cart_count {
font-size: 10px;
margin: -5px 0 0 8px;
padding: 3px 6px 3px 4px;
background-color: #D67332;
color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border-bottom: 1px solid #e5d7c4;
vertical-align: 100%;
}

a.cart_count:hover {
text-decoration: none;
background-color: #a0511d;
}


/* forms, labels, input, textarea
--------------------------------------------------------------------*/

label {
display: block;
float: left;
width: 170px;
padding: 3px 0 0 0;
}

label.account_edit {
width: 180px;
}

input {
font-size: 15px;
color: #545454;
border: 1px solid #c8c8c8;
padding: 3px 4px 5px 3px;
margin: 0 0 5px 0;
}

fieldset.standart,
#adress_list,
#adress_book_process {
border: 0;
margin: 0 0 20px 0;
padding: 20px;
background-color: #F4F4F4;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

textarea#checkout_comments {
border: 1px solid #D9D9D9;
width: 660px;
height: 100px;
resize: none;
font-size: 15px;
color: #545454;
padding: 3px 4px 5px 4px;
}

textarea {
resize: none;
box-sizing: border-box;
}


textarea[name="review"] {
    border: 1px solid #e8e8e8;
    width: 98%;
}

/* feedback formular */

#feedback_formular span.checkbox_label_right {
float:right;
width:475px;
}

#feedback_formular p {
margin-bottom:5px;
}

#feedback_formular label {
width:120px;
}


/* buttons
--------------------------------------------------------------------*/

#bottom_buttons .float_right {
margin: 0 0 0 20px;
}

button#continueButton {
    background-color: #d87635;
    color: #fff;
    font-size: 13px;
    padding: 4px 11px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

button#continueButton:hover {
    cursor: pointer;
}



/* messagestack
--------------------------------------------------------------------*/

td.messageStackError {
border-spacing: 0;
background-color: #fef3e3;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 4px 8px 3px 8px;
border: 1px solid #e5d7c4;
}

td.messageStackSuccess {
border-spacing: 0;
background-color: #e6f9e7;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 4px 8px 3px 8px;
border: 1px solid #c0e0c2;
}


/* account
--------------------------------------------------------------------*/

a.account {
display: block;
width: 400px;
margin: 0 0 10px 0;
float: left;
display: block;
background-color: #fef3e3;
padding: 6px 10px 7px 10px;
color: #d46d2a;
font-size: 16px;
font-weight: 400px;
border-top: 2px solid #fbf7f0;
border-bottom: 2px solid #fdecd3;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

a.account:hover {
cursor: pointer;
background-color: #fff6e9;
}

a.account:active {
background-color: #ffefd7;
border-top: 2px solid #fdecd3;
border-bottom: 2px solid #fbf7f0;
}


/* adress book
--------------------------------------------------------------------*/

#adress_list.standart_address {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #F4F4F4;
background-color: #fef3e3;
padding: 20px;
margin: 0 0 20px 0;
color: #d46d2a;
border-top: 2px solid #fbf7f0;
border-bottom: 2px solid #fdecd3;
}

/* shopping_cart
--------------------------------------------------------------------*/

.sub_total {
float: right;
margin: 5px 0 0 0;
}


/* table
--------------------------------------------------------------------*/

table.confirmation_products {
float: right;
width: 600px;
}


/* checkout
--------------------------------------------------------------------*/

.checkout_shipping_shipping_address,
.checkout_payment_payment_address,
.checkout_confirmation_shipping_address,
.checkout_confirmation_billing_adress {
float: left;
}

.checkout_confirmation_shipping_method,
.checkout_confirmation_payment_method {
float: right;
}

#frontpage_article {
color: #444;
font-size: 14px;
}

a.blickinsbuch {
border: none;
display: block;
margin: 10px 0 0 13px;
}

img.eBookButton {
border: none;
margin: 0 0 -2px 0;
}

.checkout_shipping_shipping_address,
.checkout_payment_payment_address,
.checkout_confirmation_shipping_address,
.checkout_confirmation_shipping_method,
.checkout_confirmation_billing_adress,
.checkout_confirmation_payment_method {
width: 315px;
}

.ckeckout_shipping_table {
background-color: #F4F4F4;
margin: 10px 0 0 0;
padding: 5px 10px 8px 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.ckeckout_shipping_table table td.head {
padding: 0 0 3px 0;
}

.ckeckout_shipping_table table td.main {
padding: 5px 10px;
font-size: 13px;
}

.ckeckout_shipping_table tr.moduleRow {
background-color: #fbfbfb;
}

.ckeckout_shipping_table tr.moduleRowSelected,
.ckeckout_shipping_table tr.moduleRow:hover {
background-color: #FEF3E3;
}

#checkout_bar {
margin: 0 0 40px 0;
}

p.checkout_bar_current,
p.checkout_bar_to {
display: block;
float: left;
padding: 6px 15px 7px 15px;
margin: 0 0 0 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

p.checkout_bar_current {
font-style: italic;
color: #D46D2A;
background-color: #fef3e3;
border: 1px solid #e5d7c4;
}

p.checkout_bar_to {
color: #9e9e9e;
background-color: #f0f0f0;
border: 1px solid #e0e0e0;
}

p.checkout_bar_to a {
color: #9e9e9e;
}

.checkout_bar_line {
margin: 18px 0 0 0;
width: 45px;
height: 1px;
background-color: #e0e0e0;
float: left;
}

.checkout_shipping_address,
.checkout_payment_address {
border: 0;
margin: 0;
padding: 20px;
background-color: #F4F4F4;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
float: left;
}


/*--- Account history ---*/

.order_summary {
width:680px;
margin-bottom:20px;
}

.order_history_left {
width:500px;
float:left;
}

.order_history_right {
max-width:185px;
float:left;
text-align:right;
}

.order_date,
.order_type {
float:left;
width:60%
}

.order_products,
.order_cost {
float:right;
width:40%;
}

.number_of_orders {
margin-bottom:20px;
}

.left {
float:left;
}

.right {
float:right;
}

/* SEPA Form */


.row-inp {
	margin: 0 0 5px 0;
}

.row-inp:after {
	content: '';
	display: table; 
	clear: both;
}

form[name="account_edit"] input {
	padding: 4px 10px 5px;
}

form[name="account_edit"] label {
	width: 150px;
	padding: 4px 10px 5px 0;
}

.sepa-buttons button {
	padding: 5px 10px 7px;
	font-weight: bold;
	background-color: gray;
	border: none;
	color: #fff;
}

.sepa-buttons button:hover {
	cursor: pointer;
}

.sepa-buttons .float-right {
	float: right;
}

.sepa-buttons .float-left {
	float: left;
}

.ae-bankverbindung {
	margin-top: 20px;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

span.info {
	display: block;
}


.hr {
border-top:1px solid #DDD;
height:2px;
clear:both;
margin:10px 0;
}


/* Div
----------------------------------------------- */

.hinweis-box {
    border: 2px solid #b72762;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0 20px 10px 20px;
    margin-bottom: 40px;
}

.hinweis-box h2 {
    color: #b72762;
}


/* Responsive Anpassungen 
----------------------------------------------- */

.hide_desktop {
    display: none !important;
}


@media screen and (max-width: 960px) /* Tablet Landscape */ {
    #shadow_left, #shadow_right {
        display: none;
    }
    
    #fixcenter {
        margin: 0;
    }
    
    img {
        max-width: 100% !important;
        height: auto;
    }
        
}

@media screen and (max-width: 768px) /* Tablet Portrait */ {
    
    /* Allgemein */
    
    .show_mobile {
        display: block !important;
    }
    
    .hide_mobile {
        display: none;
    }
    
    .hide_desktop {
        display: block !important;
    }
    
    #inner_column {
        max-width: 768px;
    }
    
    .clearfix_responsive {
        clear: both;
    }
    
    
    
    /* Header */
    
    #inner_column {
        background-image: none !important;
    }
    
    #header {
        width: 100%;
        height: 165px;
        background-color: #f2911e;
        border-bottom: 1px solid #c0761d;
    }
    
    #header #quicksearch {
        display: none;
    }
    
    #header #logo {
        float: none;
        width: 100%;
    }
    
    #header #logo a {
        margin: 0 auto;
    }
    
    #header #logo_subtitle {
        margin: 10px 0 0 40px;
        float: none;
    }
    
    .quicknav_mobile {
        margin: 15px 0 15px 0;
        display: block;
    }
    
    .quicknav_mobile a {
        float: right;
        font-size: 18px;
        font-style: italic;
        font-weight: 400;
        margin: 0 25px 0 0;
        padding: 0;
        color: #d46d2a;
    }
    
    /* Content  */
    
    #navigation {
        display: none;
    }
    
    #fixcenter {
        width: 100%;
        background-image: none;
        background-repeat: no-repeat;
        margin: 0;
        padding: 0;
    }
    
    #content {
        width: 100%;
        float: none;
        padding: 20px 20px 0 20px;
        box-sizing: border-box;
    }
    
    #breadcrumb {
        display: none;
    }
    
    h1 {
        margin: 0 0 30px 0;
        font-size: 28px;
    }
    
    
    /* mobile Suche */
    
    #mobile_search {
        text-align: center;
        padding: 14px 0 8px 0;
        margin-top: 4px;
        background-color: #FFF7EC;
    }
    
    #mobile_search input {
        width: 70%;
        padding: 8px 8px;
        font-size: 1.1em;
        color: #808080;
    }
    
    /* Advanced search */
    
    fieldset#advanced_search {
        border: none;
    }
    
    fieldset#advanced_search label {
        float: none;
    }
    
    fieldset#advanced_search input[type="checkbox"] {
        height: 20px;
    }
    
    
    
    /* Startseite */
    
    .product_new, .product_new.last_column {
        width: 45%;
        float: left;
        margin: 5px 10px 5px 0;
        box-sizing: border-box;
    }
    
    .product_new:nth-child(2) {
        margin: 5px 0 5px 0; 
    }
    
    
    /* Kategorie Ansicht */
    
    #content .product,
    #content .product.right {
        width: 100%;
        display: block;
        float: none;
        margin-left: 0;
        box-sizing: border-box;
        height: 250px;
    }
    
    .image_listing {
        height: 175px;
    }
    
    
    .categorie_navi_buttons a {
        width: 100%;
        float: none;
        box-sizing: border-box;
    }
    
    .categorie_navi_buttons a.nested_category_last_column {
        margin-left: 0;
    }
    
    
    /* Login / Kundenbereich */
    
    #new_customer {
        width: 100%;
        box-sizing: border-box;
        border-right: none;
        padding: 0;
        margin-bottom: 40px;
    }
    
    #returning_customer {
        width: 100%;
        box-sizing: border-box;
        padding: 0;
        margin-left: 0;
        border-left: none;
    }
    
    table#account_history tr td {
        display: block;
        text-align: left;
        padding: 3px;
        width: 100%;
    }
    
    #adress_list {
        width: 100%;
    }
    
    table.last_orders {
        font-size: 70%;
    }
    
    
    a.account {
        width: auto;
        float: none;
        font-size: 14px;
    }
    
    #adress_list {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
    }
    
    #adress_list p.float_right {
        float: none;
    }
    
    
    fieldset.standart select {
        max-width: 200px;
    }
    
    
    /* Warenkorb */
    
    table.productListing {
        font-size: 90%;
    }
    
    td.productListing-heading {
        padding: 2px 6px;
    }
    
    td.productListing-data img {
        display: none;
    }
    
    table.infoBoxContents td {
        display: none;
    }
    
    table.infoBoxContents td.boxText {
        display: block;
    }
    
    
    /* categories_top */
    
    .shop_cat {
        margin-bottom: 12px;
        font-size: 1.5em;
    }
    
    
    
    /* Produktansicht */
    
    .product_cover {
        float: none;
        display: block;
        margin: 0 0 25px 0;
    }
    
    #fb-root {
        width: 100% !important;
        overflow: hidden;
    }
    
    #infobox_autor img {
        float: none !important;
        display: block;
        margin: 0 0 20px 0;
    }
    
    
    /* Bestellprozess */
    
    #checkout_bar {
        display: none;
    }
    
    textarea#checkout_comments {
        width: 100%;
        box-sizing: border-box;
    }
    
    table#checkout {
        width: 100%;
        font-size: 85%;
    }
    
    table#checkout table.sepa_section tr td {
        display: block;
    }
    
    table#checkout table.sepa_section label,
    table#checkout table.sepa_section input,
    table#checkout table.sepa_section select {
        width: 250px;
    }
    
    .checkout_confirmation_shipping_address,
    .checkout_confirmation_shipping_method,
    .checkout_confirmation_billing_adress,
    .checkout_confirmation_payment_method {
        float: none;
        width: 100%;
    }
    
    table.confirmation_products {
        width: 100%;
        float: none;
    }
    
    table.confirmation_products.bottom {
        margin-bottom: 30px;
    }
    
    
    /* Footer */
    
    #footer, #footer .footerboxwrapper {
        width: 100%;
    }
    
    #footer .footerboxwrapper .footerbox1 {
        padding: 0 20px 20px 20px;
    }
    
    #footer .footerboxwrapper .footerbox2 {
        padding: 0 20px 0 20px;
    }
    
    
}

@media screen and (max-width: 690px) /* Nexus 6 Landscape */ {
    #inner_column {
        max-width: 690px;
    }
}

@media screen and (max-width: 667px) /* iPhone 6 Landscape */ {
    #inner_column {
        max-width: 667px;
    }
}

@media screen and (max-width: 659px) /* Android Landscape */ {
    #inner_column {
        max-width: 659px;
    }  
}

@media screen and (max-width: 640px) /* Android Landscape */ {
    #inner_column {
        max-width: 640px;
    }  
}

@media screen and (max-width: 593px) /* Android Landscape */ {
    #inner_column {
        max-width: 593px;
    }  
}

@media screen and (max-width: 568px) /* iPhone 5 Landscape */ {
    #inner_column {
        max-width: 568px;
    }  
}

@media screen and (max-width: 481px) /* Android Portrait */ {
    #inner_column {
        max-width: 481px;
    }  
}

@media screen and (max-width: 480px) /* Others Landscape */ {
    #inner_column {
        max-width: 480px;
    }  
}

@media screen and (max-width: 412px) /* Nexus 6 Portrait */ {
    #inner_column {
        max-width: 412px;
    }  
}

@media screen and (max-width: 384px) /* Android Portrait */ {
    #inner_column {
        max-width: 384px;
    }  
}


@media screen and (max-width: 375px) /* iPhone 6 Portrait */ {
    #inner_column {
        max-width: 375px;
    }  
}

@media screen and (max-width: 360px) /* Android Portrait */ {
    #inner_column {
        max-width: 360px;
    }   
}

@media screen and (max-width: 350px) /* Android Portrait */ {
    #inner_column {
        max-width: 350px;
    }   
}

@media screen and (max-width: 320px) /* Others Portrait */ {
    #inner_column {
        max-width: 320px;
    }
}



/* Mobile Navigation 
----------------------------------------------- */


#nav .bolder {
    font-weight: bold;
    color: #fff;
}

nav#nav a {
    text-align: center;
    padding: 12px 0;
    text-decoration: none;
    font-size: 1.5em;
    z-index: 9999;
}

nav#nav a[title="Hide navigation"] {
    position: absolute;
    left: 15px;
    top: 15px;
    padding: 0;
    text-decoration: none;
    font-size: 1.5em;
    z-index: 9999;
    background-color: #fff;
    color: #278db7;
}

#nav > ul {
    height: 3.75em;
    background: #fff;
    padding-bottom: 40px;
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.36);
    -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.36);
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.36);
}

    

@media only screen and ( min-width: 768px ) {
    #nav {
       display: none; /* container */
    }
}

#nav > a {
    display: none;
}

#nav li {
    position: relative;
}
 
/* first level */
 
#nav > ul {
    height: 3.75em;
}

#nav > ul > li {
    width: 25%;
    height: 100%;
    float: left;
}
 
/* second level */
 
#nav li ul {
    display: none;
    position: absolute;
    top: 100%;
}

#nav li:hover ul {
    display: block;
}

@media only screen and ( max-width: 768px ) {
    #nav {
        position: relative;
        display: block !important;
        background: #bd262d;
    }
    
    #nav > a {
    }
    
    #nav:not( :target ) > a:first-of-type,
    #nav:target > a:last-of-type {
        display: block;
    }
 
    /* first level */
 
    #nav > ul {
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: -25px;
        padding-bottom: 15px;
        padding-top: 16px;
        padding-left: 40px;
        margin: 0;
    }
    
    #nav:target > ul {
        display: block;
    }
    
    #nav > ul > li {
        width: 100%;
        float: none;
        margin-top: 25px;
        list-style: none;
        display: inline-block;
    }
 
    /* second level */
 
    #nav li ul {
        position: static;
    }
}