﻿/* home_styles.css */

/* ReSharper disable DeclarationIsEmpty */

ul {
    list-style-type: square;
    padding-left: 1.5em;
    margin: 0;
}

ol {
    padding-left: 1.5em;
    margin: 0;
}

td {
    vertical-align: top;
}

/* Bild-Verhalten */

div.image-preview.fl, div.image-column.fl {
    margin: 0 10px 10px 0;
}

div.image-preview.fr, div.image-column.fr {
    margin: 0 0 10px 10px;
}

div.image-full {
    width: 100%;
}

/* Diese Box wird für die Positionierung der Lupe benötigt*/
div.image-wrapper {
    position: relative;
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
}

    div.image-wrapper > img, div.image-wrapper > a.image-link > img {
        width: 100%; /*max-width: 100%;*/
        vertical-align: middle;
    }

    div.image-wrapper > a.image-link {
        display: block;
        max-width: 100%;
    }

div.image-preview .home-caption, div.image-column .home-caption, div.image-full .home-caption {
    padding-top: 10px;
}

div.image-preview .home-caption {
    display: none;
}

a.lupe {
    position: absolute;
    bottom: 0;
    right: 0;
}

    a.lupe > img {
        display: block;
    }

/* Fotogalerie-Module */

.photogallery-wrapper .total-images {
}

.photogallery-wrapper .show-all-link {
    padding: 0 0 1em;
    display: block;
}

.photogallery-box {
    overflow: hidden;
}

    .photogallery-box.show-only-first-row {
        /* Höhe wird auf Control definiert */
        overflow: hidden;
    }

    /* Gutter frisst Paddings */
    .photogallery-box.horizontal > .gutter {
        margin: 0 -5px -5px;
    }

    .photogallery-box.vertical > .gutter {
        margin: 0 -5px -5px 0;
    }

    .photogallery-box.horizontal .photogallery-photo {
        padding: 0 5px 5px;
        border-left: 1px solid #CCCCCC;
    }

    .photogallery-box.vertical .photogallery-photo {
        padding: 0 5px 5px 0;
    }

.photogallery-photo {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .photogallery-photo.preview {
        border: 1px solid #AAAAAA;
    }

    .photogallery-photo img {
        max-width: 100%;
        max-height: 100%;
    }

/* Spezielle Darstellung für Slider */

.photogallery-wrapper.slider {
    height: 500px;
    position: relative;
}

    .photogallery-wrapper.slider .photogallery-box {
        position: absolute;
        width: 100%;
        height: 100%;
    }

/* Shop */

.shop-module > .breadcrumbs, .shop-module > .shop-cart-link {
    width: 50%;
    float: left;
    padding-bottom: 1em;
}

.shop-module > .shop-cart-link {
    white-space: nowrap;
    text-align: right;
}

.image-shop-product-image-box {
    margin-right: 5px;
}

.shop_standardButton {
    height: 14px;
    width: 14px;
    border: 1px solid #000000;
    text-align: center;
    font-size: 10px;
}

.shop_detailField {
    height: 14px;
    width: 14px;
    border: 1px solid #000000;
    text-align: left;
    font-size: 10px;
    padding-left: 2px;
}

    .shop_standardButton a, .shop_EditField a, .shop_detailField a {
        text-decoration: none;
        color: #000000;
        font-size: 10px;
        font-weight: normal;
    }

.standardButton:hover {
    background-color: #dddddd;
    color: #000;
}

.shop_EditField {
    background-color: #dddddd;
    font-size: 10px;
}


.product-title {
    display: inline-block;
    font-weight: bold;
}

.product-title-and-number .product-number {
    display: inline-block;
    float: right;
}

.product-attributes {
}

.show-product .product-title {
    display: inline-block;
    font-weight: bold;
    padding-right: 1em;
    padding-bottom: 1em;
}

.show-product .only-pickup {
    display: inline-block;
}

.show-product .product-number > div, .show-product ul.product-attributes > li > div {
    width: 50%;
    float: left;
}

.show-product ul.product-attributes {
    padding: 0;
    list-style-type: none;
}

    .show-product ul.product-attributes > li {
        list-style-type: none;
    }

.show-product .product-abstract {
    padding-bottom: 1em;
}

.show-product .product-brand {
    padding-bottom: 1em;
}

.show-product .product-price {
    display: inline-block;
    padding-right: 2em;
}

.show-product .add-to-cart {
    display: inline-block;
}

.show-product ul.discounts {
    padding-top: 1em;
    padding-left: 0;
    list-style-type: none;
}

    .show-product ul.discounts > li {
        list-style-type: none;
    }

.show-product .discounts .label {
    font-weight: bold;
}

.show-product .back-to-productlist {
    display: block;
    padding-top: 2em;
}

/* Warenkorb */

.shopping-cart-change-amount {
    white-space: nowrap;
}

.plus-button, .minus-button, .cross-button {
    text-decoration: none;
    font-family: Arial, sans-serif;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    width: 1.2rem;
    height: 1.2rem;
}

table.shopping-cart-table {
    border-bottom: 1px solid #000000;
}

    table.shopping-cart-table tr {
        text-align: left;
    }

    table.shopping-cart-table th {
        padding: 0;
        border-bottom: 1px solid #000000;
    }

    table.shopping-cart-table td {
        vertical-align: bottom;
    }

.shopping-cart-row {
    border-bottom: 1px solid #000000;
}

input.shopping-cart-checkout-button {
    float: right;
}

/* Shop Kategorienbaum */
ul.shop-category-navigation, 
ul.shop-category-navigation ul {
    padding: 0;
}
ul.shop-category-navigation ul {
    display: none;
}

ul.shop-category-navigation, 
ul.shop-category-navigation ul,
ul.shop-category-navigation li {
    list-style-type: none;
}

ul.shop-category-navigation .box-clicked > ul, ul.shop-category-navigation .parent-box-clicked > ul {
    display: block;
}

/* Anderes */
 
.sitemap-box > ul.sitemap {
    padding-bottom: 10px;
}

.anchor-toplink {
    display: block;
}

.anchor-link {
    display: block;
}
/* Inline-Navigation */

.inline-nav-content {
    display: none;
}

.inline-nav-handle {
    background-color: #000000;
    color: #ffffff;
}

.inline-nav-container-disabled {
    display: none;
}

/* Formulare forms.ascx, guestbook.ascx, newsletter.ascx, shop_adress_form.ascx */

.form * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.form > ul > li {
    padding-bottom: 2px;
}

    .form > ul > li > .form-sub-caption, .form > ul > li > .home-formfield, .form > ul > li > ul {
        float: left;
        display: block;
    }

    .form > ul > li > .form-sub-caption {
        width: 40%;
    }

    .form > ul > li > .home-formfield, .form > ul > li > ul, .form > ul > li > div#responsive_recaptcha {
        width: 60%;
    }

    .form > ul > li:after {
        clear: both;
    }

.form .element-type-textarea textarea {
    font-size: inherit;
}

.recaptcha-help-in-template {
    display: none; /*Standardmässig in Bezeichnung anzeigen*/
}

.newsletterSubscribe.form .home-subtitle, .newsletterUnsubscribe.form .home-subtitle {
    font-weight: bold;
    padding-bottom: 5px;
}

.shop-address-form.form > ul > li > .home-formfield > input[name='zipcode'] {
    width: 21.6%;
    margin-right: 1%;
    float: left;
}

.shop-address-form.form > ul > li > .home-formfield > input[name='city'] {
    width: 77.4%;
    float: left;
}

.delivery.form .form-sub-caption {
    font-weight: bold;
}

.inline-nav-container {
}

.inline-nav-page {
}

.inline-nav-selected {
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/* ReSharper restore DeclarationIsEmpty */
