﻿
html, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    /*content:none;*/
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    text-decoration:none;
}

mark {
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

.contCompleteWidth.watchlist	.changeMsg {
		font-size:0.7em;
		float:right;
		color:#757575;
	}
.contCompleteWidth.watchlist	.btn.rightAlign {
		float:right;
	}
.contCompleteWidth.watchlist	.showOnAmountChange {
		display:none;
	}
.contCompleteWidth.watchlist		.showOnAmountChange.show {
			display:block;
		}

.shoppingCartOverlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    background-color: rgba(75,75,75,0.6);
    flex-direction: row;
    align-items:stretch;
    z-index:99995;
}
.shoppingCartOverlay.shown {
    display: flex;
    /*display:block;*/
}
/*.shoppingCartOverlayInner {
    position: absolute;
    display: flex;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width:100%;
    height:100%;
    flex-direction: row;
    align-items: stretch;
}*/
.shoppingCartOverlay .scOverlayBack {
    flex-grow: 2;
    background-color: transparent;
    z-index: 99996;
}
.shoppingCartOverlay .scOverlayContent {
    flex-grow: 0;
    width: 30%;
    min-width:400px;
    background-color: white;
    z-index: 99997; 
    position:relative;
}
.shoppingCartOverlay .scOverlayContent.loading {
    background-image: url('/images/loading.gif');
    background-position: left top;
    background-repeat:no-repeat;
}

    .shoppingCartOverlay .scOverlayContent > .scQuickviewMain {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        background-color:transparent;
    }

        .shoppingCartOverlay .scOverlayContent > .scQuickviewMain > .scQuickControls {
            flex-shrink: 0;
            /*flex-basis:0;*/
            flex-grow: 0;
            display: flex;
            flex-direction: row;
            align-items: stretch;
            justify-content: space-evenly;
            padding-bottom:10px;
            padding-top:10px;
        }

.shoppingCartOverlay .scOverlayContent > .scQuickviewMain > .scQuickDetails {
    flex-grow: 1;
    padding:2px;
}

        .shoppingCartOverlay .scOverlayContent > .scQuickviewMain > .scQuickControls > .btn {
            /*color:#000000;
            background-color:gainsboro;*/
            text-align:center;
            flex-grow:1;
            margin:0 10px;
        }


.shoppingCartOverlay .scOverlayContent > .scQuickviewMain > .scQuickDetails > h3{
    text-align:center;
    height:35px;
    line-height:35px;
    margin-bottom:2px;
}

        .shoppingCartOverlay .scOverlayContent > .scQuickviewMain > .scQuickDetails > .scContent {
            display:table;
            width:100%;
        }

        .shoppingCartOverlay .scOverlayContent > .scQuickviewMain > .scQuickDetails > .scContent > .scQuickItem {
            display: table-row;
        }
        .shoppingCartOverlay .scOverlayContent > .scQuickviewMain > .scQuickDetails > .scContent > .scQuickItem > * {
            display: table-cell;
            vertical-align:middle;
            margin-bottom:3px;
        }
            .shoppingCartOverlay .scOverlayContent > .scQuickviewMain > .scQuickDetails > .scContent > .scQuickItem > .prodImgSc {
                margin-right:2px;
            }
            .shoppingCartOverlay .scOverlayContent > .scQuickviewMain > .scQuickDetails > .scContent > .scQuickItem > .amount {
                padding:4px;
                text-align:center;
            }
            .shoppingCartOverlay .scOverlayContent > .scQuickviewMain > .scQuickDetails > .scContent > .scQuickItem > .posPrice {
                text-align:right;
                white-space:nowrap;
            }

            .shoppingCartOverlay .scOverlayContent > .scQuickviewMain > .scQuickDetails > .scContent > .summary {
                display: table-row;
            }
            .shoppingCartOverlay .scOverlayContent > .scQuickviewMain > .scQuickDetails > .scContent > .summary > * {
                display: table-cell;
                text-align: right;
                font-weight: bold;
            }
            .shoppingCartOverlay .scOverlayContent > .scQuickviewMain > .scQuickDetails > .scContent > .scQuickItem > .txtArea > .title {
                display:block;
            }
                .shoppingCartOverlay .scOverlayContent > .scQuickviewMain > .scQuickDetails > .scContent > .scQuickItem > .txtArea > .title > .proddetail.prodtitle {
                    display:inline; font-size:unset;color:unset;
                }
                .shoppingCartOverlay .scOverlayContent > .scQuickviewMain > .scQuickDetails > .scContent > .scQuickItem > .txtArea > .title > .proddetail.prodtitle::after {
                    content: ' ';
                }
                    .shoppingCartOverlay .scOverlayContent > .scQuickviewMain > .scQuickDetails > .scContent > .scQuickItem > .txtArea > .attr {
                        font-size:0.8em;
                    }





    .cookieAcceptanceOverlay {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0;
        padding: 0;
        background-color: rgba(75,75,75,0.6);
        display:flex;
        justify-content: center;
        align-items: center;
        z-index: 99996;
    }
    .cookieAcceptanceOverlay > .cookiePanel {
        background-color:white;
        flex-shrink:0;
        padding:4px;
        border-radius:4px;
        border:1px white solid;
        max-width:400px;
    }
    .cookieAcceptanceOverlay > .hidden {
        display:none;
    }
    .cookieAcceptanceOverlay > .cookiePanel h3 { /*Überschrift*/
        text-align: center;
        margin-top: 2px;
        margin-bottom: 4px;
        font-size: 1.56rem;
    }
    .cookieAcceptanceOverlay > .cookiePanel p { /*Texterklärung*/
        margin: 2px 0 2px 0;
        padding: 5px;
        /*font-size: 0.8em;*/
        font-size: 1.07rem;
    }
    .cookieAcceptanceOverlay > .cookiePanel div.cbCont { /*Häkchen-Container*/
        display: flex;
        flex-direction: row;
        flex-wrap:wrap;
        justify-content: center;
        align-items: center;
        font-size: 1.333rem;
    }
    .cookieAcceptanceOverlay > .cookiePanel div.cbCont > label {
        flex-shrink: 0;
        margin-right: 5px;
    }
    .cookieAcceptanceOverlay > .cookiePanel  div.cbCont > label > input {
        vertical-align: middle
    }
    .cookieAcceptanceOverlay > .cookiePanel  div.cbCont > label > span {
        vertical-align:middle;
        white-space:nowrap;
    }
    .cookieAcceptanceOverlay > .cookiePanel  div.cbCont > label > span::before {
        content:' ';
    }
    .cookieAcceptanceOverlay > .cookiePanel  div.btnCont {
        margin-top:5px; 
        padding:3px;
    }
        /*.cookieAcceptanceOverlay > .cookiePanel  div.btnCont >.btn:first-child {
    margin-bottom: 5px;
}*/
        .cookieAcceptanceOverlay > .cookiePanel div.btnCont > .btn {
            display: block;
            text-align: center;
            margin-bottom: 5px;
        }

            .cookieAcceptanceOverlay > .cookiePanel div.btnCont > .btn:last-child {
                margin-bottom: 0;
            }
    .cookieAcceptanceOverlay > .cookiePanel .detailsLink {
        text-align: center;
        /*font-size:0.8em;*/
        font-size: 1.07rem;
        margin-top: 5px;

    }

        .cookieAcceptanceOverlay > .cookiePanel .detailsLink > span {
            color: #757575;
            cursor: pointer;
        }
        .cookieAcceptanceOverlay > .cookiePanel .detailsLink > span > a {
            color: #757575;
        }
        .cookieAcceptanceOverlay > .cookiePanel .detailsLink > .detailsLinkspan {
           text-decoration:underline;
        }
        .cookieAcceptanceOverlay > .cookiePanel .detailsLink > .txtspacer::before {
            content: '  |  ';
            /*white-space: nowrap;
            text-wrap: avoid;*/
        }
        .cookieAcceptanceOverlay > .cookiePanel .detailsLink > .detailsLinkspan {
            text-decoration: underline;
        }

    .cookieAcceptanceOverlay > .cookieDetailsPanel {
        background-color: white;
        flex-shrink: 0;
        border-radius: 4px;
        border: 1px white solid;
        width: 700px;
        height:400px;
        overflow:hidden;
    }
    .cookieAcceptanceOverlay > .cookieDetailsPanel.hidden {
        display:none;
    }
    .cookieAcceptanceOverlay > .cookieDetailsPanel .navArea {
        margin-left: 5px;
        margin-right: 7px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        font-size: 1.5rem;
    }
    .cookieAcceptanceOverlay > .cookieDetailsPanel .navArea > div.btnCont {

    }
    .cookieAcceptanceOverlay > .cookieDetailsPanel .navArea > div.backbtn {
        flex-shrink: 0;
        flex-grow: 0;
        /*font-size:0.8em;*/
        cursor: pointer;
        font-size: 1.07rem;
    }

    .cookieAcceptanceOverlay > .cookieDetailsPanel .blockArea {
        padding:6px;
        overflow:auto;
        max-height:220px;
    }
    .cookieAcceptanceOverlay > .cookieDetailsPanel .blockArea  .blockDetailsArea {
        display:none;
    }
    .cookieAcceptanceOverlay > .cookieDetailsPanel .blockArea  .blockDetailsArea.opened {
        display: block;
    }
    .cookieAcceptanceOverlay > .cookieDetailsPanel .blockArea .blockDetailsSwitch {
        margin-top: 4px;
        cursor: pointer;
        text-align: center;
        margin-bottom: 5px;
        /*font-size:0.7em;*/
        font-size: 0.93rem;
        font-style: italic;
    }
    .cookieAcceptanceOverlay > .cookieDetailsPanel .blockArea  .blockDetailsSwitch.closed::after {
        content: ' anzeigen';
    }

    .cookieAcceptanceOverlay > .cookieDetailsPanel .blockArea  .blockDetailsSwitch.opened::after {
        content: ' ausblenden';
    }

    .cookieAcceptanceOverlay > .cookieDetailsPanel .blockArea  .blockDetailsArea {
        display: none;
    }
    .cookieAcceptanceOverlay > .cookieDetailsPanel .blockArea .blockDetail {
        margin-bottom: 5px;
        background-color: white;
        display: table;
        width: 100%;
        padding: 2px;
        /*font-size: 0.8em;*/
        font-size: 1.07rem;
    }
    .cookieAcceptanceOverlay > .cookieDetailsPanel .blockArea .blockDetail > .blocDetailsRow {
        display: table-row;
    }
    .cookieAcceptanceOverlay > .cookieDetailsPanel .blockArea .blockDetail > .blocDetailsRow .blockDetailsCol {
        display: table-cell;
        padding: 3px;
        border-bottom: 1px solid lightgray;
    }
    .cookieAcceptanceOverlay > .cookieDetailsPanel .blockArea .blockDetail > .blocDetailsRow:last-child .blockDetailsCol {
        border-bottom: none;
    }
    .cookieAcceptanceOverlay > .cookieDetailsPanel .blockArea .blockDetail > .blocDetailsRow .blockDetailsCol:first-child {
        width:170px;
        font-weight:bold;
    }

    .cookieAcceptanceOverlay > .cookieDetailsPanel .blockArea .block {
        margin-bottom:5px;
        background-color:lightgray;
        padding:6px;
    }
    .cookieAcceptanceOverlay > .cookieDetailsPanel .blockArea .block .blockHeader {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-content: center;
        font-size: 1.333rem;
    }
    .cookieAcceptanceOverlay > .cookieDetailsPanel .blockArea .block .blockHeader > span {
        flex-shrink:0;
        flex-grow:0;
    }
    .cookieAcceptanceOverlay > .cookieDetailsPanel .blockArea .block .blockHeader > span > label{
        font-size:0.9em;
        vertical-align:middle;
    }
    .cookieAcceptanceOverlay > .cookieDetailsPanel .blockArea .block .blockHeader > span > label > input {
        vertical-align: middle;
    }
    .cookieAcceptanceOverlay > .cookieDetailsPanel .blockArea .block .blockHeader > span > label > span {
        vertical-align: middle;
    }
    .cookieAcceptanceOverlay > .cookieDetailsPanel .blockArea .blockText {
        /*font-size: 0.8em;*/
        font-size: 1.07rem;
        margin-top: 3px;
    }
    .cookieAcceptanceOverlay > .cookieDetailsPanel > form > h3 {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        font-size: 1.56rem;
    }
    .cookieAcceptanceOverlay > .cookieDetailsPanel > form > p {
        padding: 5px;
        /*font-size:0.8em;*/
        font-size: 1.07rem;
    }

.prodDetailCont > .prodcontinnerdetail .prodboximgsfeatures > .features .priceval::before {
    content: 'UVP ';
    font-size: 0.7em;
    color: #757575;
}

.prodDetailCont > .prodcontinnerdetail .prodboximgsfeatures > .features .priceview {
    max-width: 330px;
    display: flex;
    flex-flow: row wrap;
    align-items: baseline;
    column-gap: 0.25em;
    /*justify-content:space-between;*/
}

    .prodDetailCont > .prodcontinnerdetail .prodboximgsfeatures > .features .priceview > .priceaddition {
        padding-left: 0;
    }

.showImageLineCont > p {
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 1.3rem;
  line-height: 1.7rem;
  color: #757575;
  padding-right: 30px;
}

/*cookiebanner*/
/*tablet portrait, desktop small*/
@media screen and (max-width: 1000px) and (resolution: 96dpi), /*~desktop*/
(-webkit-min-device-pixel-ratio: 2) and (orientation:portrait) /*new mobiles*/
{
    html {
        font-size: 12px; /*basis für rem-Angabe.*/
    }
    .cookieAcceptanceOverlay > .cookiePanel h3 {
        /*font-size: 2.5rem;*/
        font-size: 7vw;
        overflow: hidden;
    }

    .cookieAcceptanceOverlay > .cookiePanel p {
        /*font-size: 2.33rem;*/
        text-align: center;
        font-size: 6vw;
    }

    .cookieAcceptanceOverlay > .cookiePanel div.cbCont {
        /*font-size: 2.5rem;*/
        font-size: 7vw;
        /*flex-direction:column;*/
        justify-content: space-evenly;
    }
    .cookieAcceptanceOverlay > .cookiePanel div.cbCont > label{
       margin:5px;
    }
    .cookieAcceptanceOverlay > .cookiePanel .detailsLink {
        margin-top: 3rem;
        /*font-size: 2.2rem;*/
        font-size: 7vw;
        margin-bottom: 3rem;
    }

    .cookieAcceptanceOverlay > .cookiePanel {
        /*max-width:none;*/
        box-sizing:border-box;
        max-width:99%;
    }

        .cookieAcceptanceOverlay > .cookiePanel .btn {
            /*font-size: 2.4rem;*/
            font-size: 3.9vh;
            /*line-height: 1.2em;*/
            line-height: normal;
            min-height: 1.5em;
            box-sizing: border-box;
            padding-top: 0.2em;
        }

        .cookieAcceptanceOverlay > .cookiePanel div.btnCont {
            margin-top: 10px;
        }

        .cookieAcceptanceOverlay > .cookiePanel .detailsLink > span {
            display: block;
            margin-top: 15px;
            margin-bottom: 15px;
        }

            .cookieAcceptanceOverlay > .cookiePanel .detailsLink > span > a {
            }

        .cookieAcceptanceOverlay > .cookiePanel .detailsLink > .txtspacer::before {
            display: none;
        }

    .cookieAcceptanceOverlay > .cookieDetailsPanel {
        box-sizing: border-box;
        width:auto;
        height:auto;
        max-width:99%;
        overflow:auto;
        max-height:99%;
    }
        .cookieAcceptanceOverlay > .cookieDetailsPanel > form > p {
            /*font-size: 2.3rem;*/
            font-size: 6vw;
            margin-top: 2px;
            margin-bottom: 2px;
        }

        .cookieAcceptanceOverlay > .cookieDetailsPanel > form > h3 {
            /*font-size: 2.4rem;*/
            font-size: 7vw;
            margin-top: 2px;
            margin-bottom: 4px;
        }

    /*.cookieAcceptanceOverlay > .cookieDetailsPanel {
        height: 750px;
        width: 750px;
    }*/

        .cookieAcceptanceOverlay > .cookieDetailsPanel .navArea {
            flex-direction:column;
        }

        .cookieAcceptanceOverlay > .cookieDetailsPanel .btn {
            /*font-size: 2.3rem;*/
            font-size: 6vw;
            margin-top: 3px;
            text-align: center;
            line-height: normal;
            min-height: 1.5em;
            box-sizing: border-box;
            padding-top: 0.2em;
            padding-left: 1.8em;
            padding-right: 1.8em;
        }

        .cookieAcceptanceOverlay > .cookieDetailsPanel .blockArea .block .blockHeader {
            /*font-size: 2.666rem;*/
            font-size: 7.1vw;
            flex-wrap: wrap;
        }

        .cookieAcceptanceOverlay > .cookieDetailsPanel .blockArea .blockText {
            /*font-size: 2.14rem;*/
            font-size: 5.5vw;
        }

        .cookieAcceptanceOverlay > .cookieDetailsPanel .blockArea .blockDetail {
            /*font-size: 2.14rem;*/
            font-size: 5.5vw;
            display: flex;
            flex-direction: column;
        }
            .cookieAcceptanceOverlay > .cookieDetailsPanel .blockArea .blockDetail > .blocDetailsRow {
                display: flex;
                flex-direction: column;
                margin-bottom: 5px;
                border-bottom: 1px solid #d3d3d3;
            }
                .cookieAcceptanceOverlay > .cookieDetailsPanel .blockArea .blockDetail > .blocDetailsRow .blockDetailsCol {
                    border-bottom: none;
                    overflow-wrap:break-word;
                }
            .cookieAcceptanceOverlay > .cookieDetailsPanel .blockArea .blockDetail > .blocDetailsRow .blockDetailsCol:first-child {
                width:auto;
                
            }
                    .cookieAcceptanceOverlay > .cookieDetailsPanel .blockArea .blockDetail > .blocDetailsRow .blockDetailsCol:first-child::after {
                        content:':';
                    }
        .cookieAcceptanceOverlay > .cookieDetailsPanel .blockArea .blockDetailsSwitch {
            /*font-size: 1.7rem;*/
            font-size: 4.5vw;
        }

        .cookieAcceptanceOverlay > .cookieDetailsPanel .blockArea {
            max-height: 390px;
            margin-top: 2px;
        }

        .cookieAcceptanceOverlay > .cookieDetailsPanel .navArea > div.backbtn {
            /*font-size: 2.2rem;*/
            font-size: 7vw;
            margin-top: 15px;
            margin-bottom: 10px;
        }

        .cookieAcceptanceOverlay > .cookieDetailsPanel .navArea > .btnCont > .btn {
            display: block;
            margin-top: 5px;
        }


 

    

}