/* Webfonts */

.hide {
    display: none !important;
}

.pointer {
    cursor: pointer;
}

.ui-helper-hidden-accessible {
    position: absolute;
    left: -9999px;
}

a, a:link, a:active, a:visited {
    color: inherit;
}

    a.has-tip:hover {
        color: #C90130;
        cursor: pointer;
    }

    a:hover {
        color: #C90130;
    }

    a.shadow img {
        box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.3);
    }

    a.shadow:hover img {
        box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.5);
    }

.text a {
    border-bottom: 1px dotted;
}

    .text a:hover {
        border-bottom: none;
    }

body {
    background-color: white;
    font-size: medium;
    font-family: 'Source Sans 3', Source Sans 3;
    margin-left: 2em;
}

strong, b {
    font-family: 'Source Sans 3'!important;
}

.no-padding-left {
    padding-left: 0;
}

hr {
    border: none;
    border-bottom: 2px dotted gray;
    margin: 0.7em 0;
}

h1, h2, h3, h4, h5 {
    font-family: 'Source Sans 3';
    font-weight:600;
}

h1 {
    color: #000000;
    font-size: 1.5em;
    padding: 0.66em 0 0.33em;
}

    h1.xlarge {
    }

h2 {
    font-size: 1.2em;
    color: #000000;
    padding: 0.66em 0 0.33em;
}

h3 {
    font-size: 1em;
    color: #000000;
    padding: 0.66em 0 0.33em;
}

h4 {
    font-size: 0.9em;
    color: #000000;
    padding: 1em 0 0;
}

h5 {
    font-size: 0.9em;
    color: #666666;
    padding: 1em 0 0;
}



.subheader {
    font-weight: bold;
    color: #666666;
}

.uppercase {
    text-transform: uppercase;
}

.bold {
    font-weight: bold;
}

.center {
    text-align: center;
    margin: 0 auto;
}

.fright {
    float: right;
}

.vtext-bottom {
    vertical-align: text-bottom;
}

.table-header {
    text-transform: uppercase;
    color: grey;
    font-size: 0.8em;
}

.boxshadow {
    -webkit-box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.1); /* WebKit */
    -moz-box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.1); /* Firefox */
    box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.1); /* Standard */
}

.alert-box {
    border: none;
}

textarea {
    resize: none;
    min-height: initial;
    min-height: 32px;
    overflow: hidden;
}

    textarea + a.add {
        background-color: #808080;
        border: 1px solid #000000;
        color: #FFFFFF;
        display: block;
        height: 1em;
        line-height: 0.8;
        margin-left: 258px;
        margin-top: -34px;
        padding: 0;
        position: absolute;
        text-align: center;
        width: 1em;
    }

    textarea + a.addreview {
        background-color: #808080;
        border: 1px solid #000000;
        color: #FFFFFF;
        display: block;
        height: 1em;
        line-height: 0.8;
        margin-left: 258px;
        margin-top: -34px;
        padding: 0;
        position: absolute;
        text-align: center;
        right: 12px;
        width: 1em;
    }

    textarea + a.adddigital {
        background-color: #808080;
        border: 1px solid #000000;
        color: #FFFFFF;
        display: block;
        height: 1em;
        line-height: 0.8;
        margin-left: 258px;
        margin-top: -34px;
        padding: 0;
        position: absolute;
        text-align: center;
        right: 12px;
        width: 1em;
    }

/* Logo leicht links außerhalb der Rows plazieren */
.logo_etk {
    position: relative;
    right: 82px;
}

.menu_top_links {
    margin-top: 0.2em;
    margin-bottom: 2em;
}

    .menu_top_links a {
        color: #666666; /* grau */
        font-size: 0.9em;
    }

        .menu_top_links a:hover {
            color: #C90130;
        }

        .menu_top_links a:not(:last-child):after {
            color: #666666;
            content: " •";
            display: inline-block;
            font-size: 0.7em;
            padding: 0.2em 0.2em 0.2em 0.8em;
            vertical-align: 2px;
        }

.basketbuttonview li:not(:first-child) {
    margin-left: 0.5em;
}

.basketbuttonview li.price {
    font-weight: bold;
}

.basketbuttonview li:not(:last-child):after {
    color: #666666;
    content: " •";
    display: inline;
    font-size: 0.7em;
}


/* Search-Elemente ausblenden */
.search_button {
    background: transparent url("../images/magnifier.png") no-repeat center center;
    text-indent: -900px;
    border: none;
    padding: 0;
    width: 37px;
    cursor: pointer !important;
}

    .search_button:hover {
        background-image: url("../images/magnifier_red.png");
        border: none;
        padding: 0;
        cursor: pointer !important;
    }

.search_button_author {
    background: transparent url("../images/magnifier.png") no-repeat center center;
    text-indent: -900px;
    border: none;
    padding: 0;
    width: 37px;
    cursor: default !important;
}

.search_advanced_search {
    display: none;
}


/*Search-Elemente im Submenu zur Suche zu Author ausblenden */

/* Lupe im Suchfeld */
.search-author-from-menu .search_textbox {
    width: 192px;
    height: 32px;
    margin: auto;
    padding-right: 0px !important;
    background-position: 165px;
    background-repeat: no-repeat;
    background-color: #fff;
}

.search-author-from-menu {
    background-color: #ccc !important;
    height: 3em !important;
    vertical-align: middle;
}


/* Loginmenu */
.f-dropdown.content.login-control {
    background: none repeat scroll 0 0 #FFFFFF !important;
    box-shadow: 0 10px 10px 5px rgba(0, 0, 0, 0.1);
    margin-top: 0 !important;
    position: absolute;
    width: 236px !important;
    z-index: 2000 !important;
}

    .f-dropdown.content.login-control.open {
        top: auto !important;
    }

.login-control .button {
    width: 100%;
}

.control_login tbody tr td {
    /* display: none ; */
}

.login-control table {
    border: none;
    margin: 0;
}

.login-btn {
    color: #ffffff !important;
    display: block;
    font-family: 'Source Sans 3';
    font-weight: bold;
    font-size: 0.7em;
    width: 100%;
    padding: 0.5em;
    border: 1px solid #999999;
    background: rgb(198,198,198);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2YzZjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MTgxODEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(198,198,198,1) 0%, rgba(129,129,129,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(198,198,198,1)), color-stop(100%,rgba(129,129,129,1)));
    background: -webkit-linear-gradient(top, rgba(198,198,198,1) 0%,rgba(129,129,129,1) 100%);
    background: -o-linear-gradient(top, rgba(198,198,198,1) 0%,rgba(129,129,129,1) 100%);
    background: -ms-linear-gradient(top, rgba(198,198,198,1) 0%,rgba(129,129,129,1) 100%);
    background: linear-gradient(to bottom, rgba(198,198,198,1) 0%,rgba(129,129,129,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#818181',GradientType=0 );
    background: rgb(198,198,198)\9;
}

    .login-btn.logged-in {
        background: #CA0230;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0MDMzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, rgba(244,3,58,1) 0%, rgba(176,0,0,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,3,58,1)), color-stop(100%,rgba(176,0,0,1)));
        background: -webkit-linear-gradient(top, rgba(244,3,58,1) 0%,rgba(176,0,0,1) 100%);
        background: -o-linear-gradient(top, rgba(244,3,58,1) 0%,rgba(176,0,0,1) 100%);
        background: -ms-linear-gradient(top, rgba(244,3,58,1) 0%,rgba(176,0,0,1) 100%);
        background: linear-gradient(to bottom, rgba(244,3,58,1) 0%,rgba(176,0,0,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4033a', endColorstr='#b00000',GradientType=0 );
        border: 1px solid #CA0230;
        background: #CA0230\9;
    }


.f-dropdown {
    max-width: initial !important;
    z-index: 2000 !important;
}

    .f-dropdown:before, .f-dropdown:after {
        display: none;
    }

    .f-dropdown.content.login-control {
        padding: 1em !important;
    }


.middle_dot {
    vertical-align: bottom;
}

.totalisator {
    margin-top: 1em !important;
}

.basketLink {
    color: #666666;
    font-weight: bold;
    font-size: 0.8em;
}

    .basketLink:hover {
        color: #C90130;
    }


/* Breadcrumzeile  AM Nicht default-Klasse von Foundation verwendet, da die Breadcrumbzeile keine eigentliche Breadcrumbzeile ist */
.etk-breadcrumbs {
    /* display:none; */
    border-bottom: 2px dotted gray;
    border-top: 2px dotted gray;
    border-left: none;
    border-right: none;
    padding-top: 0.3em !important;
    padding-bottom: 0.3em !important;
    margin-bottom: 0.7em !important;
    background-color: white;
}

    .etk-breadcrumbs ul.inline-list {
        margin: 0;
        padding: 0;
    }

        .etk-breadcrumbs ul.inline-list li {
            margin-left: 0 !important;
            padding-right: 0.5em;
        }

            .etk-breadcrumbs ul.inline-list li * {
                display: inline;
            }

            .etk-breadcrumbs ul.inline-list li:not(:last-child):after {
                color: #666666;
                content: "•";
                display: inline-block;
                font-size: 0.5em;
                margin-left: 1em;
                vertical-align: middle;
            }

            .etk-breadcrumbs ul.inline-list li.fright {
                float: right;
            }

.etk-breadcrumbs-first {
    /* display:none; */
    border-bottom: 2px dotted gray;
    border-top: 2px dotted gray;
    border-left: none;
    border-right: none;
    padding-top: 1.0em !important;
    padding-bottom: 1.0em !important;
    background-color: white;
}

.etk-breadcrumbs-second {
    border-bottom: 2px dotted gray;
    background-color: #CCC;
    padding-top: 1.2em !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    /* margin-bottom:3em !important; hier nicht */
}

    .etk-breadcrumbs-second .pagination {
        height: 0.6em !important;
    }

.etk-breadcrumbs table {
    border: none;
}

.etk-breadcrumbs a {
    color: black;
}

    .etk-breadcrumbs a.letter:hover, .etk-breadcrumbs a.letter.active {
        color: #C90130;
    }

.etk-breadcrumbs span.letter {
    color: #999999;
}

.etk-breadcrumbs .gray {
    background-color: #CCC;
}

.etk-breadcrumbs, etk-breadcrumbs * {
    line-height: 2em;
    font-size: 0.8em;
}

    .etk-breadcrumbs a:visited {
        color: black;
    }

.letter-spacing-big {
    letter-spacing: 0.6em;
}

.control_login {
    /* display: none; */
}

.top-bar {
    background-color: white !important;
    margin-bottom: 0;
    overflow: visible;
}

    .top-bar .title-area {
        display: none;
    }

.top-bar-section ul li > a {
    background-color: white !important;
}



/* Facebook, Twitter und google+ in Seitenleiste packen */
.social_networks {
    position: fixed;
    left: 0;
    top: 170px;
    width: 35px;
    height: 163px;
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.3);
    background-color: #ffffff;
    z-index: 98;
}

    .social_networks a {
        margin-top: 15px;
    }

.social_twitter {
    display: block;
    width: 32px;
    height: 32px;
    background: url('/images/social_twitter.png') bottom;
    text-indent: -99999px;
}

    .social_twitter:hover {
        background-position: 0 0;
    }

.social_googleplus {
    display: block;
    width: 32px;
    height: 32px;
    background: url('/images/social_googleplus.png') bottom;
    text-indent: -99999px;
}

    .social_googleplus:hover {
        background-position: 0 0;
    }

.social_facebook {
    display: block;
    width: 32px;
    height: 32px;
    background: url('/images/social_facebook.png') bottom;
    text-indent: -99999px;
}

    .social_facebook:hover {
        background-position: 0 0;
    }


/* Hauptmenue */

.top-bar .top-bar-section ul li a {
    text-transform: uppercase;
    font-size: 1.3em;
    color: #666666; /* grau */
    font-weight: normal;
}


    .top-bar .top-bar-section ul li a:hover, .top-bar .top-bar-section ul li.hover a {
        color: #C90130;
    }

.top-bar .top-bar-section ul li.hasdropdown {
    border-left: 1px solid transparent !important;
    border-right: 1px solid transparent !important;
    background: url("/images/bullet.png") no-repeat right center;
}

    .top-bar .top-bar-section ul li.hasdropdown.rolledout {
        border-left: 1px solid #E7E7E7 !important;
        border-right: 1px solid #E7E7E7 !important;
        background: none;
    }

.top-bar .top-bar-section ul li.active a {
    color: #C90130;
}

.top-bar .top-bar-section ul li.rolledout a {
}

.top-bar-section .left {
    background-color: white;
    margin-left: -5px;
}

.top-bar-section ul li a:not(.button) {
    background-color: transparent;
}

.top-bar-section .hasdropdown > a {
    padding-right: 32px !important;
}


ul.rollout {
    position: absolute;
    z-index: 220;
}

    ul.rollout li {
        float: none !important;
        display: block;
    }

ul.mainmenu {
    box-shadow: 0 6px 4px -3px rgba(0, 0, 0, 0.3); /* Standard */
    border: 1px solid #e7e7e7;
    border-top: none;
    padding: 0 0.5em;
    margin-left: -1px;
    min-width: 10em;
}

    ul.mainmenu li a {
        font-size: 0.9em !important;
        padding: 0 !important;
        color: #666666 !important;
    }

        ul.mainmenu li a:hover {
            color: #c90130 !important;
        }

.marginal img {
    /* margin: 16px; */
    margin-top: 20px;
}

.float-right {
    float: right;
}

img.gallerycover {
    max-height: 200px;
}

/* Buchbeschreibungen im Contentbereich Fließtext um Bild */
.book_cover {
    float: left;
    margin: 16px;
    box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.2); /* Standard */
    max-width: 9em;
}

.book_new {
    float: right;
}

h2.book_description_titel {
    padding-top: 0px;
    font-size: 1em;
}

    h2.book_description_titel a {
        color: #202020 !important;
    }

.book_description_content {
    padding: 1.1em;
    font-size: 0.9em;
    font-family: 'Source Serif 4';
    color: #666666;
    line-height: 140%;
}

.book_description_author {
    font-weight: bold;
    font-family: 'Source Sans 3';
    font-size: 0.8em;
    color: #222222;
    padding-top: 16px;
}

.book_in_content li {
    padding: 0px;
}

.book_inner_content {
    margin: 10px;
    min-height: 410px;
    background: rgb(236,236,236);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(236,236,236,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 );
    display: block;
    border: none !important;
    max-width: 328px\9;
    background: rgb(236,236,236)\9;
}

    .book_inner_content:before {
        content: "Neu";
        position: relative;
        display: block;
        height: 66px;
        width: 66px;
        background: url(../images/new_triangle_gray.png) no-repeat;
        float: right;
        text-indent: -1000px;
        overflow: hidden;
        margin-right: -1px;
    }

    .book_inner_content:hover {
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7);
    }

        .book_inner_content:hover:before {
            content: "Neu";
            position: relative;
            display: block;
            height: 66px;
            width: 66px;
            background: url(../images/new_triangle_red.png) no-repeat;
            float: right;
            text-indent: -1000px;
            overflow: hidden;
        }

/* im Suchfeld */
.search-top-bar .search_textbox {
}

small.quicksearch {
    font-size: 0.7em;
}

img.quicksearch {
    border: 1px solid #eee;
}


/* Search-Result */
.search_result_overlay {
    background-color: white;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.7);
    margin-right: 15px;
    margin-top: -14px;
    position: absolute;
    right: 0;
    width: 366px;
    z-index: 1000;
    padding: 1em;
}

.overlay {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    filter: alpha(opacity = 50); /* IE 6, 7, 8 */
    -ms-filter: "alpha(opacity = 50)"; /* ab IE 8 zusätzlich möglich */
    opacity: .5; /* alle anderen Browser einschließlich IE 9 */
    z-index: 900;
    display: none;
}

.search_result_overlay ul {
    list-style-type: none;
    margin-bottom: 0;
}

    .search_result_overlay ul li {
        border-top: 2px dotted grey;
    }

    .search_result_overlay ul li {
        border-top: 2px dotted grey;
    }

.search_result_item {
    padding: 0.5em 0 !important;
}

.search_result_item_text {
    font-weight: bold;
    font-size: 0.7em;
    padding: 0.5em !important;
    min-height: 100px;
}

.search_result_overlay a.showAllHits {
    display: block;
    color: #666666;
    font-weight: bold;
    font-size: 0.7em;
    text-align: center;
    padding-top: 1em;
}

/*.search_result_item .row:first-child{
    border-top: 1px dashed #808080;
} */

.search_result_item .row {
    border-bottom: 2px dotted #808080;
}

.orbit-container {
    background: url(../images/gallery_background_1px_width.png) center bottom;
}

/* Orbit-Gallery-Laufband */
.gallery {
    padding: 1em 3em;
    background-repeat: repeat-x;
}

img.reflection {
    max-height: 190px;
}

.orbit-next {
    width: 48px;
    height: 48px;
    background-color: transparent !important;
    background-image: url(../images/arrow_right.png);
    background-repeat: no-repeat;
}

    .orbit-next:hover {
        background-image: url(../images/arrow_right_toggle.png);
    }

.orbit-prev {
    width: 48px;
    height: 48px;
    background-color: transparent !important;
    background-image: url(../images/arrow_left.png);
    background-repeat: no-repeat;
    background-position: center right;
}

    .orbit-prev:hover {
        background-image: url(../images/arrow_left_toggle.png);
    }

.orbit-timer {
    visibility: hidden;
}

.orbit-slide-number {
    visibility: hidden;
}






/* Verbesserungswürdig, dient nur dazu Pfeile des Standard orbit auszublenden */
.orbit-prev > span,
.orbit-next > span {
    display: none !important;
    position: fixed !important;
}

/* Tiny Carousel */
.tinyslider {
    width: 100%;
    overflow: hidden;
    padding: 20px 0 10px;
    background: url(../images/gallery_background_1px_width.png) center bottom;
}
    /*.tinyslider .viewport { float: left; width: 100%; height: 200px; overflow: hidden; position: relative; } */
    .tinyslider button.slick-prev, .tinyslider button.slick-next {
        background: url("../images/arrow_left.png") no-repeat scroll center center transparent;
        display: block;
        float: left;
        left: 0;
        margin: 60px 10px 0 0;
        position: absolute;
        text-indent: -999em;
        top: 10px;
        width: 48px;
        z-index: 20;
    }

button.slick-prev:before {
    display: none;
}

button.slick-next:before {
    display: none;
}

.tinyslider button.slick-prev {
    height: 48px;
    overflow: hidden;
    position: absolute;
}

.tinyslider button.slick-next {
    background-image: url(../images/arrow_right.png);
    margin: 60px 0 0 10px;
    right: 0;
    left: unset;
    height: 48px;
}

    .tinyslider button.slick-next:hover {
        background-image: url(../images/arrow_right_toggle.png);
    }

.tinyslider button.slick-prev:hover {
    background-image: url(../images/arrow_left_toggle.png);
}

.tinyslider button.disabled {
    visibility: hidden;
}
/*
.tinyslider .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0; top: 0; }
.tinyslider .overview li { float: left; margin: 0; height: 200px; width: 246px; text-align:center;}*/

/* Tiny Carousel */
.tinyslider_small {
    width: 100%;
    overflow: hidden;
    padding: 20px 0 10px;
    background: url(../images/gallery_background_1px_width.png) center bottom;
}

    .tinyslider_small .viewport {
        float: left;
        width: 100%;
        height: 220px;
        overflow: hidden;
        position: relative;
    }

    .tinyslider_small .buttons {
        z-index: 20;
        background: url("../images/arrow_left.png") no-repeat scroll center center transparent;
        display: block;
        margin: 60px 10px 0 0;
        text-indent: -999em;
        float: left;
        width: 48px;
        height: 48px;
        overflow: hidden;
        position: absolute;
    }

    .tinyslider_small .next {
        background-image: url(../images/arrow_right.png);
        margin: 60px 0 0 10px;
        right: 10px;
    }

        .tinyslider_small .next:hover {
            background-image: url(../images/arrow_right_toggle.png);
        }

    .tinyslider_small .prev:hover {
        background-image: url(../images/arrow_left_toggle.png);
    }

    .tinyslider_small .disabled {
        visibility: hidden;
    }

    .tinyslider_small .overview {
        list-style: none;
        position: absolute;
        padding-top: 10px;
        margin: 0;
        width: 240px;
        left: 0;
        top: 0;
    }

        .tinyslider_small .overview li {
            float: left;
            margin: 0;
            height: 200px;
            width: 246px;
            text-align: center;
        }


/* Designvorlage 1c LoginButton-overlay */
.login-area {
    background-color: white;
    border: 1px solid #808080;
    height: 20px;
    width: 120px;
}

    .login-area ul {
        margin-bottom: 0.25em;
    }

        .login-area ul li {
            list-style-type: none;
            line-height: 2.5em;
            padding-left: 1em;
        }

        .login-area ul .divider {
            border-bottom: 2px dotted #808080;
        }

        .login-area ul li a {
            color: #808080;
        }

.basket-area {
    position: absolute;
    right: 0px;
    top: 32px;
}

/* Untermenupunkte des Hauptmenues */
.top-bar .top-bar-section ul li a {
    margin: 0;
    padding: 0;
    padding-left: 5px;
}

/*
.top-bar .top-bar-section ul li.has-dropdown:not(:last-child) a:after {
    color: #666666;
    content: "•";
    display: block;
    font-size: 0.7em;
    line-height: 0;
    margin: -0.2em 0.5em 0 0;
    vertical-align: 19px;
}
*/

.top-bar .top-bar-section .rollout a:after {
    content: "" !important;
}

/* Untermenupunkte des Hauptmenues */
.top-bar .top-bar-section ul li:first-child a {
    /*
    padding-left: 0!important;
    margin-left: 0!important;
    */
}

.top-bar .top-bar-section ul li ul {
    background-color: white;
    list-style-type: none;
}

    .top-bar .top-bar-section ul li ul li:not(:last-child) {
        background-color: white;
        border-bottom: 2px dotted gray;
    }

    .top-bar .top-bar-section ul li ul li a {
        display: inline;
        background-color: white;
        line-height: 2.5em;
        text-transform: none;
        vertical-align: middle;
    }

/* "." aus erster Menuebene nicht in den Submenues */
.top-bar .top-bar-section .left li ul li:not(:first-child):after {
    content: "";
}

/* Hiermit kann man große Punkte im Menu einbauen */
.top-bar .top-bar-section ul li:not(:first-child) {
    list-style: none outside none;
}

.top-bar .top-bar-section ul li:last-child {
    background: none !important;
}

/* Hiermit kann man große Punkte im Menu einbauen */
.top-bar .top-bar-section ul li ul li:not(:first-child) {
    list-style: none outside none;
}


/* Gemeinsamkeiten aller Subseiten zu ETK-Master */
/*.edition, .arrival, .programm, .etk-m, .contact, .review_order {
    font-size: medium;
}

    .edition h1, .arrival h1, .programm h1, .etk-m h1, .contact h1, .review_order h1 {
        font-size: x-large;
    }

     .edition h2, .arrival h2, .programm h2, .etk-m h2, .contact h2, .review_order h2 {
        font-size: large;
    }

    .etk-m h3 {
        font-size: medium;
    }
*/

.edition-marginal ul li, .arrival-marginal ul li, .programm-marginal ul li, .etk-m ul li {
    list-style-type: none;
    line-height: 2.2em;
    vertical-align: middle;
    border-bottom: 2px dotted gray;
}
    /* Funktioniert so noch nicht, rechtes Randmenu Links bei hover/click einfärben */

    .edition-marginal ul li a, .arrival-marginal ul li a, .programm-marginal ul li a, .etk-m ul li a {
        color: black;
        font-weight: bold;
        font-size: 0.9em;
    }

    .etk-m ul li a, a.arrowbefore {
        background: url("../images/arrow_small_right.png") no-repeat;
        padding-left: 1em;
    }

        .etk-m ul li a:hover, a.arrowbefore:hover {
            background: url("../images/arrow_small_right_toggle.png") no-repeat;
        }

        .edition-marginal ul li a:hover, .arrival-marginal ul li a:hover, .programm-marginal ul li a:hover, .etk-m ul li a:hover {
            color: #c90130;
        }

    .edition-marginal ul li:first-child, .arrival-marginal ul li:first-child, .programm-marginal ul li:first-child, .etk-m ul li:first-child {
        border-top: 2px dotted gray;
    }

    .edition-marginal ul li a, .arrival-marginal ul li a, .programm-marginal ul li a, .etk-m-marginal ul li a {
        color: black;
    }


.edition-marginal, .arrival-marginal, .programm-marginal {
}

.etk-m-text-gray {
    color: gray;
}

.etk-m-text-red {
    color: #c90130;
}

.etk-m-text-padding {
    margin-right: 3em;
}

/* Page verlag\edition | 1_01 */

/* Page verlag\programm | 1_02 */


/* Page verlag\chronologie | 1_03 */
.chrono-box {
}

ul.chrono-box li {
    border-bottom: none;
    border-top: none;
}

    ul.chrono-box li a.chronoTile {
        /* Box als Quadrat! */
        display: block;
        height: 0;
        padding-bottom: 100%;
        text-align: center;
        border: 1px solid lightgrey;
        box-shadow: 0 0 5px 0px #808080;
        background-position: -5000px 0;
        background-repeat: no-repeat;
        background-size: cover;
        text-align: center;
    }

        ul.chrono-box li a.chronoTile.active {
            background-color: #e6e6e6;
            box-shadow: inset 0 0 2px 1px #808080;
        }

            ul.chrono-box li a.chronoTile.active p {
                color: #C90130;
            }

        ul.chrono-box li a.chronoTile:hover {
            background-position: center center;
            background-color: lightgray;
        }

        ul.chrono-box li a.chronoTile p {
            margin-top: 35%;
            font-size: 1.7em;
            color: #656565;
            font-weight: bold;
        }

        ul.chrono-box li a.chronoTile:hover p {
            color: #ab0a30;
        }


            ul.chrono-box li a.chronoTile:hover p.hideYear {
                display: none;
            }

    ul.chrono-box li.active div {
        background-color: lightgray;
        color: #C90130;
    }


.chrono-list {
    margin-top: 3em;
    list-style: none;
}

    .chrono-list li {
        border-top: 2px dotted;
        clear: both;
        padding-bottom: 0.5em;
    }

    .chrono-list .entry {
        margin: 0.5em 0;
        font-family: 'Source Serif 4';
        width: 100%;
        padding-right: 3em;
        font-size: 0.9em;
    }

        .chrono-list .entry a {
            color: inherit;
            border-bottom: 1px dotted black;
        }

        .chrono-list .entry p {
            margin-bottom: 0;
        }

        .chrono-list .entry a:hover {
            color: #C90130;
            border: none;
        }

    .chrono-list a.toplink {
        float: right;
        border: none;
        margin-top: -30px;
    }

    .chrono-list li h3 {
        margin-top: 1em;
    }

ul.chrono-list li h3.active {
    color: #C90130;
}


/* Page Autor/Autor 02_01b */

.author a {
    color: black;
    line-height: 3em;
}

.author img a {
    display: block;
    width: 8px;
    height: 14px;
    background: url('/images/arrow_left_small_toggle.png') bottom;
    text-indent: -99999px;
}

.author a img:hover {
    background-position: 0 0;
}


/* Page Autor/Autor 02_01b_Liste */

.publisher a {
    color: black;
    /* padding-top: 10em;  machte er nur für rechtes a-Element */
}

.publisher.under-gallery {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}


/* Neuerscheinungen 3_01 */



/* Page Veranstaltungen 4_01 */

.event .row {
    border-top: 2px dotted gray;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-top: 0.5em !important;
}

.event li {
    list-style-type: none;
}


div.title h2 {
    margin-top: 0;
    padding-top: 0;
}

div.date-range h3 {
    margin: 0;
    padding: 0;
}

div.title h2.active {
    color: #C90130;
}

.event-description {
    font-family: 'Source Serif 4';
    line-height: 120%;
    padding-right: 20px;
}

    .event-description.min {
        overflow: hidden;
        height: 78px;
    }

a.toggle {
    display: block;
    background: url(/images/arrow_down_small.png) center center no-repeat;
    height: 20px;
    width: 20px;
    margin-top: -40px;
}

    a.toggle.up {
        background-image: url(/images/arrow_up_small_toggle.png);
    }

.event-description strong, .event-description b {
    font-family: 'Source Sans 3'!important;
    font-weight: bold;
    font-size: 13px;
}

/* Page Ansprechpartner 5_02 */


.contact p {
    margin-bottom: 0.1em;
}

.contact h1 {
}

.contact .name {
    font-weight: bold;
}


/* Page Rezesionsexemplare 5_03 */

.review_order fieldset, .digital-review fieldset {
    background-color: lightgray;
}

.review_order input[type=checkbox] {
    transform: scale(2.5);
    margin: 0.8em 0em 0em 3em;
}

.digital-review input[type=checkbox] {
    transform: scale(2.5);
    margin: 0.3em 0em 0em 3em;
}

/* Page Anfahrt 5_04 */
/* TODO Per Javascript: Überschriften unter Map sollen auch rot werden wenn sie rechts neben der Map ausgewählt werden */

.arrival h1 {
    margin-bottom: 2em;
}

.arrival-detail {
    font-family: 'Source Serif 4';
    padding-right: 3em !important;
    line-height: 120%;
}

    .arrival-detail h2 {
        margin-top: 3em;
        margin-bottom: 1em;
    }

.arrival img {
    width: 100%;
}

.arrival-detail ul li:focus, .arrival-detail ul li:hover, .arrival-detail ul li:active {
    color: #C90130;
}

.arrival strong, .arrival b {
    font-family: 'Source Sans 3' !important;
    font-weight: bold;
    font-size: 13px;
}

/* Digitale Titelvorschau 07_01c */
.preview-whitespace {
    min-height: 600px;
    /* min-width:700px; */
    margin-bottom: 2em;
}

.margin-reveal-digital-preview {
    margin-top: 2em;
    margin-bottom: 2em;
}

.margin-reveal-digital-preview-cancel {
    margin-top: 1.25em;
    margin-bottom: 3em;
    margin-left: -7em;
}

.reveal-modal form {
    margin: 0;
}

.reveal-modal.digital-review {
    background-color: #D3D3D3;
}

    .reveal-modal.digital-review fieldset {
        border: none;
    }

    .reveal-modal.digital-review .white {
        background-color: white;
        padding: 1em;
    }

.reveal-modal.contributor {
    padding: 0;
    background-color: #cccccc;
    width: 764px !important;
    margin-left: -332px;
    position: fixed;
}



    .reveal-modal.contributor .autoreninfo {
        padding: 1em;
    }

        .reveal-modal.contributor .autoreninfo h1 {
            color: #676767;
            font-size: 1.1em;
            margin-bottom: 1em;
            margin-top: -0.2em;
            padding-top: 0;
        }

        .reveal-modal.contributor .autoreninfo .close-reveal-modal {
            color: #676767;
            font-size: 2em;
            line-height: 0.3em;
            margin-right: -0.3em;
        }

        .reveal-modal.contributor .autoreninfo .biografie {
            background-color: #fff;
            padding: 1em;
            font-family: 'Source Serif 4';
            font-size: 0.9em;
            line-height: 150%;
            color: #666666;
        }

            .reveal-modal.contributor .autoreninfo .biografie p {
                margin: 0;
            }

    .reveal-modal.contributor .titel {
        background-color: #fff;
        padding: 1em;
    }

        .reveal-modal.contributor .titel h2 {
            margin-bottom: 0.2em;
            color: #676767;
            font-size: 19.2px;
        }

        .reveal-modal.contributor .titel .orbit-container {
            background: none;
        }


.reveal-modal .close-reveal-modal.button {
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    position: relative;
    right: auto;
    top: auto;
    font-size: 14.4px;
}

/* Suchergebnisse Result */

div.servicelinks {
}

a.servicelink {
    color: #666666;
    font-size: 0.7em;
    padding-left: 1em;
    padding-right: 2em;
    background: url("../images/arrow_small_right_toggle.png") no-repeat;
}

    a.servicelink:hover {
        color: #C90130;
    }

a.notepadlink {
    color: #666666;
    font-size: 0.7em;
    padding-left: 1em;
    padding-right: 0;
    background: url("../images/arrow_small_right_toggle.png") no-repeat;
}

    a.notepadlink:hover {
        color: #C90130;
    }

.productTypes ul li:first-child {
    border-top: 2px dotted gray;
}

.productTypes ul li {
    border-bottom: 2px dotted gray;
    list-style-type: none;
    vertical-align: middle;
    padding: 0.2em 0;
}

    .productTypes ul li .title {
        font-weight: bold;
        font-size: 0.8em;
    }

    .productTypes ul li .EAN {
        font-size: 0.8em;
    }

    .productTypes ul li .price {
        font-weight: bold;
        font-size: 1.1em;
    }

/* Detailseite */
a.contributor {
    color: #666666;
}

a.series {
    color: #666666;
    font-weight: bold;
}

    a.contributor:hover, a.series:hover {
        color: #C90130;
    }

.result-img {
    /* Folgende 3 Zeilen später wieder heraus nehmen*/
    width: 60%;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.4); /* Standard */
    margin: 0;
}

    .result-img.detail {
        width: 100%;
    }

.resultrow {
    line-height: 120%;
}

    .resultrow .contributors {
        font-size: 0.9em;
        max-width: 530px;
    }

    .resultrow .data {
        font-size: 0.8em;
        line-height: 50%;
    }

    .resultrow .seriestitle {
        font-size: 1em;
        font-weight: bold;
        font-family: 'Source Sans 3';
    }

    .resultrow .seriesnumber {
        font-size: 0.9em;
        font-weight: bold;
        line-height: 150%;
        font-family: 'Source Sans 3';
    }

    .resultrow .subtitle_black {
        color: black;
    }


    .resultrow .title {
        font-size: 1.2em;
        color: black;
        font-weight: bold;
        font-family: 'Source Sans 3';
        white-space: normal;
    }

    .resultrow .subtitle {
        font-weight: bold;
    }

    .resultrow .biblio {
        font-size: 0.8em;
        font-weight: normal;
        line-height: 140%;
        font-family: 'Source Sans 3';
    }

    .resultrow .ebook {
        font-size: 0.8em;
        font-weight: normal;
        line-height: 120%;
    }

/* überladungen */

.has-tip, .has-tip:hover {
    border: none;
    cursor: inherit;
    font-weight: normal;
}

.tooltip {
    background: none repeat scroll 0 0 white;
    border-radius: 0;
    color: black;
    font-size: 0.7em;
    font-weight: normal;
    font-style: italic;
    line-height: 1.3;
    max-width: 85%;
    padding: 0.5em;
    position: absolute;
    z-index: 999;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.8); /* Standard */
}

    .tooltip .nub {
        display: none;
    }

.section-container.auto > section > .title, .section-container.auto > .section > .title {
    background-color: transparent;
    cursor: pointer;
    margin-bottom: 0;
    border: none;
}

    .section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover {
        background-color: transparent !important;
        color: #C90130 !important;
    }

    .section-container.auto > section > .title a:hover, .section-container.auto > .section > .title a:hover {
        background-color: transparent !important;
        color: #C90130 !important;
    }

.section-container.auto > section.active > .title, .section-container.auto > .section.active > .title {
    background-color: white !important;
    cursor: pointer;
    margin-bottom: 0;
    margin-top: 1px;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC !important;
    border-bottom: none !important;
    box-shadow: 0 6px 3px -4px rgba(0, 0, 0, 0.4) inset;
}


    .section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a {
        color: #C90130;
    }

    .section-container.auto > section.active > .title a {
        display: block;
        background-color: white !important;
        margin-bottom: -5px;
        padding-top: 9px;
        font-weight: bold;
        border: none;
    }

.section-container.auto > section > .title a {
    display: block;
    background-color: transparent !important;
    margin-bottom: -5px;
    padding-top: 9px;
    font-weight: bold;
    border: none;
}

.section-container.auto > section.active > .title a {
    box-shadow: 0 6px 3px -4px rgba(0, 0, 0, 0.4) inset;
}

.section-container.auto > section:last-child .title, .section-container.auto > .section:last-child .title {
    border-right: none;
}

.section-container.auto > section .content p, .section-container.auto > .section .content p, .section-container.auto > .section .content * {
    font-family: 'Source Serif 4' !important;
    font-size: 0.9em;
    line-height: 140%;
}

.section-container.auto > section.active > .content, .section-container.auto > .section.active > .content {
    box-shadow: 0 6px 3px -4px rgba(0, 0, 0, 0.4) inset;
    font-family: 'Source Serif 4' !important;
    font-size: 0.9em;
    line-height: 140%;
    padding: 2em 1em;
    z-index: auto;
}


button, .button {
    color: white !important;
    cursor: pointer;
    font-family: 'Source Sans 3';
    font-size: 0.9em;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    box-shadow: none;
    padding: 0.5em;
    border: 1px solid #ca0230;
    background: #C90130;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0MDMzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(244,3,58,1) 0%, rgba(176,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,3,58,1)), color-stop(100%,rgba(176,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(244,3,58,1) 0%,rgba(176,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(244,3,58,1) 0%,rgba(176,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(244,3,58,1) 0%,rgba(176,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(244,3,58,1) 0%,rgba(176,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4033a', endColorstr='#b00000',GradientType=0 );
    background: #C90130\9;
}

    button:hover, .button:hover {
        background: #b00000; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNDAzM2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #b00000 0%, #f4033a 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b00000), color-stop(100%,#f4033a)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #b00000 0%,#f4033a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #b00000 0%,#f4033a 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #b00000 0%,#f4033a 100%); /* IE10+ */
        background: linear-gradient(to bottom, #b00000 0%,#f4033a 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b00000', endColorstr='#f4033a',GradientType=0 ); /* IE6-8 */
        background: #b00000\9;
    }

    button.wide, .button.wide {
        width: 100%;
    }

a.checkoutbutton {
    color: #ffffff;
    font-family: 'Source Sans 3';  
    width: 100%,;
}

.darker {
    border: 1px solid #7A011F;
    background: #770120;
    background: -moz-linear-gradient(top, rgba(163,3,43,1) 0%, rgba(99,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(163,3,43,1)), color-stop(100%,rgba(99,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(163,3,43,1) 0%,rgba(99,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(163,3,43,1) 0%,rgba(99,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(163,3,43,1) 0%,rgba(99,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(163,3,43,1) 0%,rgba(99,0,0,1) 100%);
    background: #770120\9;
}

div.pager {
    background-color: #e6e6e6;
    color: #666666;
    padding: 0.1em 0;
}

    div.pager select {
        display: none;
    }

div.padding {
    padding: 0.8em;
}

div.pager div.padding {
    padding: 0.4em 0;
}


ul.pagination {
    height: auto;
    margin-bottom: 0;
}

    ul.pagination li a {
        color: #000;
        font-weight: bold;
        cursor: pointer;
        font-size: 1em;
    }

    ul.pagination li a {
        color: #000;
        font-weight: bold;
        padding: 0.2em;
    }

        ul.pagination li a:hover {
            color: #C90130;
        }


    ul.pagination li.current a, ul.pagination li.current a:hover {
        background: #FFF;
        color: #000;
        cursor: default;
    }

span.pagination-centered ul.pagination li {
    float: none;
    vertical-align: top;
    margin-bottom: 0.5em;
}

form.custom div.pager .custom.dropdown {
    background: transparent;
    box-shadow: none;
    display: inline-block;
    font-size: 1em;
    height: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    position: relative;
    top: -19px;
    vertical-align: top;
    width: auto;
    border: none;
    vertical-align: middle;
    font-weight: bold;
}

    form.custom div.pager .custom.dropdown a.current {
        color: #C90130 !important;
        cursor: pointer;
    }

form.custom .custom.dropdown .selector:after {
    background: url("../images/arrow_down_small.png") no-repeat scroll 0 0 transparent !important;
    border: none !important;
    content: " " !important;
    height: 9px !important;
    width: 18px !important;
    cursor: pointer;
    left: 9px;
}

form.custom .custom.dropdown:hover .selector:after {
    background-image: url("../images/arrow_down_small_toggle.png") !important;
    cursor: pointer;
}

li.arrow a {
    text-indent: -999px;
    display: block;
    height: 100%;
    overflow: hidden;
}

li.arrow.prev a {
    background: url("../images/arrow_small_left.png") no-repeat scroll bottom center transparent !important;
}

    li.arrow.prev a:hover {
        background-image: url("../images/arrow_small_left_toggle.png") !important;
    }

li.arrow.next a {
    background: url("../images/arrow_small_right.png") no-repeat scroll bottom center transparent !important;
}

    li.arrow.next a:hover {
        background-image: url("../images/arrow_small_right_toggle.png") !important;
    }

.slideTrigger {
    cursor: pointer;
}

    .slideTrigger img {
        vertical-align: super;
        cursor: pointer;
    }

.slideContent {
    display: none;
}



.typePicker {
    background: white;
    position: absolute;
    border: 1px solid black;
    width: 400px;
    padding: 0;
    border: 1px solid #AFAFAF;
    z-index: 1000;
    display: none;
}

    .typePicker .resultrow {
        padding: 16px;
        cursor: pointer;
        padding: 16px;
    }

        .typePicker .resultrow:nth-child(odd) {
            background: #E6E6E6;
        }

        .typePicker .resultrow:nth-child(even) {
        }

.chianti {
    font-family: 'Source Sans 3';
}

label {
    font-family: 'Source Sans 3';
    font-size: 0.9em;
    font-weight: normal;
    padding: 0.1em;
    cursor: default;
}

    label.required {
        font-weight: bold;
    }

        label.required:after {
            content: "*";
            color: #C90130;
            margin-top: -0.5em;
            font-size: 1.2em;
            font-family: inherit;
            padding-left: 0.1em;
            line-height: 0;
        }

.panel {
    border: none;
    background-color: #e6e6e6;
}

div.inline input {
    /* margin-bottom:0;*/
}

.ValidationSummary {
    font-family: 'Source Sans 3';
}

    .ValidationSummary:before {
        content: "Bitte überprüfen Sie den Inhnalt der folgenden Felder: ";
    }

div.checkout_title {
    padding: 0.8em;
    margin-top: -40px;
    display: inline-block !important;
    width: 320px;
    float: none !important;
}

    div.checkout_title * {
        display: inline !important;
    }

    div.checkout_title.active {
        color: #C90130;
        background-color: #ffffff;
        border: 1px solid #CCCCCC;
        border-bottom: 4px solid #ffffff;
        box-shadow: 0 6px 3px -4px rgba(0, 0, 0, 0.4) inset;
    }


.error small, small.error {
    font-family: Arial, Helvetica,'Source Sans 3';
}

form.custom .custom.checkbox {
    vertical-align: -2px;
}

    form.custom .custom.checkbox.checked:before {
        font-family: Arial,Helvetica,'Source Sans 3';
        font-size: 120%;
    }

.reveal-modal-bg {
    z-index: 200;
    filter: alpha(opacity = 50); /* IE 6, 7, 8 */
    -ms-filter: "alpha(opacity = 50)"; /* ab IE 8 zusätzlich möglich */
    opacity: .5; /* alle anderen Browser einschließlich IE 9 */
}

.reveal-modal {
    z-index: 210;
    position: absolute;
    width: 700px !important;
    margin-left: -350px !important;
    top: 10% !important;
    padding-top: 0.7em;
}

    .reveal-modal.small {
        z-index: 210;
        position: absolute;
        width: 400px !important;
        margin-left: -200px !important;
        top: 10% !important;
    }

.utopia, .utopia * {
    font-family: 'Source Serif 4';
    font-size: 14.4px;
    line-height: 140%;
}

/* AGB Seite */
.agb strong, .agb b {
    font-size: 16px;
}

/*Impressum Seite*/
h3 {
    font-family: 'Source Sans 3' !important;
    font-size: 16px !important;
    line-height: 22.4px !important;
    font-weight:600;
}