/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v47-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v47-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* roboto-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/roboto-v47-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v47-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v30-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-condensed-v30-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

html, body {height:100%; width:100%; margin:0; padding:0; font-family:'Roboto',Helvetica, sans-serif; font-size:15px; color:#303639;/*#353e46;#3f4c58;#5f7285*/ background:#fff;}
section, header, footer, article {position:relative; display:block; width:auto; max-width:100%;}
div,* {box-sizing:border-box;}
#all {position:relative; width:100%; overflow:hidden;}
section:before, section:after {content:""; display:table; clear:both;}
.sectionMarker {position:absolute; top:-120px; left:0; height:1px; width:1px;}

img {height:auto; width:auto; max-width:100%; border:none;}
a {color:#303639; text-decoration:none;}
a.underlined, span.underlined {text-decoration:underline;}
.clearfix:after {content:""; display:table; clear:both;}
.noWrap {white-space:nowrap;}
a.editorLink {position:absolute; top:0; right:0; z-index:10;}
a.editorLink:before {content:"\f044"; font-family:'icomoon' !important; font-size:50px; line-height:50px; color:#000;}
.larger {font-size:1.4em;}
p.margin-top-0, ul.margin-top-0, li.margin-top-0, h2.margin-top-0, h3.margin-top-0, h4.margin-top-0 {margin-top:0;}
img.cover-image-background {/*position:absolute; top:0; right:0; bottom:0; left:0;*/ height:100%; width:100%; margin:0; padding:0; object-fit:cover;}
.printOnly {display:none;}
.srOnly {position:absolute; height:1px; width:1px; overflow:hidden; opacity:0;}
.red {color:#c00;}
input, select {color:#000;}
hr {height:1px; background-color:transparent; border:none; border-top:1px #999 solid;}

div:focus {outline:none;}
a:focus-visible {outline-offset:-2px;}
button:focus-visible, .button:focus-visible, .buttonLight:focus-visible, #searchButton:focus-visible, #openCC:focus-visible::before, .toWatchList:focus-visible {color:#000; background-color:#fc0; border:2px #000 solid;}
.checkHolder input:focus-visible+label, .checkHolder input:focus-visible label, .radioHolder input:focus-visible+label, .radioHolder input:focus-visible label {background-color:#fc0;}
#cartClose:focus-visible, .itemDel:focus-visible {color:#000; background-color:#fc0}

.coverBlock {position:relative; display:block; overflow:hidden;}
.coverBlock.hasLink a {display:flex; position:absolute; top:0; height:100%; width:100%; justify-content: center; align-items:center; font-weight:bold; text-decoration:none; color:#fff;}
.coverBlock img {height:100%; width:100%; object-fit:cover; object-position:49% 51%;}
.h200 {height:200px;}
.h250 {height:250px;}
.h300 {height:300px;}
.h400 {height:400px;}
.h500 {height:500px;}
.left-float {margin:0; width:48.5%; float:left;}
.right-float {margin:0; width:48.5%; float:right;}
.coverBlock .left-float, .coverBlock .right-float {position:relative; height:100%;}
.imageContainer .left-float, .imageContainer .right-float {width:49%;}

/* Header */
#headerMain {position:absolute; width:100%; height:auto; min-height:50px; z-index:90; background-color:#fff; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);}
.scrolled #headerMain {position:fixed;}
#headerMain .navContainer {width:auto; z-index:10;}
#headerMain a.logo {position:relative; display:block; width:75px; height:auto; min-height:2.7em; margin:0 auto 0 60px; z-index:10; transition:0.2s;}
#headerMain .logo img {display:block; width:100%; height:auto;}
.testmode #headerMain a.logo:before {content:"Testmode"; display:block; position:absolute; top:0; height:100%; width:100%; padding:0; font-size:1em; text-align:center; color:#fff; background-color:#019fd5; opacity:0.5;}
.preview #headerMain a.logo:after {content:"Vorschau"; display:block; position:absolute; bottom:0; width:100%; padding:0; font-size:0.5em; text-align:center; color:#fff; background-color:#c33;}
.menuBar {position:absolute; right:2px; bottom:-2px; width:auto;}
.menuBar a {display:block; position:relative; float:left; height:2em; width:55px; padding:0.4em 0 0; font-size:1.6em; text-align:center;}
#accountIcon .badge, #cartOpen .badge, #watchIcon .badge {display:block; position:absolute; top:0; right:0; height:1.6em; width:auto; min-width:1.6em; padding:0 0.2em 0 0.2em; font-family:'Roboto Condensed', sans-serif; font-weight:bold; text-align:center; font-size:0.55em; line-height:1.6em; color:#fff; background:#007fab; border-radius:50%;}
#accountIcon .badge {color:#333; background-color:#d0dade;}
#headerBg {position:relative; display:none;}
#headerMain h1 {margin:0; padding:0; font-size:1em;}
#skipLink:focus {opacity:1; height:auto; width:auto; top:5px; background-color:#fff; padding:5px; z-index:99; outline-style:auto;}

#headerNav {position:fixed; top:0; left:-100%; height:100%; width:100%; overflow:auto; background:#fff; z-index:95; transition:0.4s;}
#headerNav ul.mainNav {height:100%; width:100%; margin:0; padding:30px 0; overflow:auto; background-color:#fff;}
#headerNav .subNav {visibility:hidden; margin:0; padding:0; height:auto; max-height:1px; overflow:hidden; transition:max-height 0.3s, visibility 0s linear 0.3s;}
.mainNav li {list-style-type:none; margin:0; padding:0; text-align:center;}
.mainNav .liMain { border-bottom:1px #666 solid;}
.mainNav a {position:relative; display:inline-block; padding:0.6em 0; text-decoration:none; color:#303639;}
.mainNav .liAct .aMain {color:#000; background:#eee;}
.mainNav .aMain {width:auto; min-width:20em; padding:0.6em 1em; font-weight:bold;}
.mainNav .hasSubs .aMain:after {content:"\f105"; position:absolute; right:0; font-family:'Icomoon' !important;}
.mainNav .hasSubs.opened .aMain:after {transform:rotate(90deg);}
.subNav ul {padding:0; margin:0 0 15px;}
/*#headerNav .opened .subNav {max-height:800px;}*/
#navOpen {position:absolute; left:0; bottom:0; height:2em; width:2em; max-width:60px; font-size:1.6em; line-height:2em; text-align:center; cursor:pointer;}
#navClose {position:absolute; left:0; top:0; height:2em; width:2em; font-size:1.6em; line-height:2em; text-align:center; cursor:pointer;}
#navOpen:before {content:"\f0c9"; font-family:'Icomoon' !important; font-size:1.2em;}
#navClose:before {content:"\f00d"; font-family:'Icomoon' !important; font-size:1.2em;}
body.navOpened, body.cartOpened {overflow:hidden;}
.navOpened #headerNav {left:0;}

#searchLayer {display:none; position:absolute; top:100.5%; right:0; width:100%; padding:1em; opacity:0; transition:opacity 3s; background-color:#fff; border-top:3px #333 solid; z-index:96;}
#searchLayer form {position:relative;}
#searchLayer input.text {width:100%; padding:0.3em 1.8em 0.3em 0.5em; font-size:1.1em; border:none; background-color:#eee; border-bottom:1px #000 solid;}
#searchLayer input:focus {outline:none;}
#searchLayer .checkHolder {padding-bottom:0;}
#searchButton {position:absolute; display:block; top:0.2em; right:0.2em; font-size:1.4em; cursor:pointer;}
.searchOpened #searchLayer {display:block; opacity:1;}
.navOpened #navOpen:before {content:"\f00d";}
#searchSuggest {position:relative; top:15px;}
#searchSuggest p {margin:0; padding:0.5em 0; border-top:1px #ccc solid;}
#searchSuggest .allResults {font-weight:bold; color:#343435; cursor:pointer;}
#searchSuggest .allResults span {display:inline-block; float:right;}

#accountLayer {display:none; position:absolute; top:100.5%; right:0; width:100%; padding:0.5em; text-align:center; opacity:0; transition:opacity 3s; background-color:#fff; border-top:3px #333 solid; z-index:96;}
#accountLayer .button {width:100%; margin-bottom:0.6em;}
.accountOpened #accountLayer {display:block; opacity:1;}
.logInOut {padding:1em 0.5em 0; border-top:1px #ccc solid;}
#accountLayer ul {margin:0; padding:0;}
#accountLayer li {list-style-type:none; margin:0; padding:0;}
#accountLayer li a {display:block; padding:0.8em 0; border-top:1px #ccc solid;}
a.logOut{position:relative;}
a.logOut:before {content:"\f08b"; font-family:'Icomoon' !important; display:block; position:absolute; left:110%; top:-0.15em; font-size:1.6em;}
#searchLayer, #accountLayer {box-shadow:0 2px 6px 0 rgba(0,0,0,0.2);}

.notificationbar {height:95px; color:#fff; background-color:#019fd5; padding:2px 0;}
.scrolled .notificationbar {position:absolute; top:-300px;}
.notificationbar .col {padding:3px 15px;}
.notificationbar a.button {height:auto; color:#fff; background-color:transparent; border-color:#fff; padding:0.55em 2.2em;}
.notifications {text-align:center;}
.notifications.noBtn {height:38px; overflow:hidden;}
.notifications.noBtn .slick-slide {height:38px; overflow:hidden; display:flex; align-items:center;}
.notifications div span {display:block; width:100%; height:auto; max-height:38px;}
.notifications a.button {white-space:nowrap; margin-top:6px;}


/* Ajax-Cart */
#cartLayer {position:fixed; top:0; right:-440px; height:100%; width:428px; max-width:100%; visibility:hidden; overflow:hidden; font-size:1em; background:#fff; z-index:99; transition:right 0.3s, visibility 0s linear 0.3s;}
.cartOpened #cartLayer {visibility:visible; right:0; transition-delay:0s;}
.cartOpened #bgLayer {position:fixed; top:0; left:0; height:100%; width:100%; background:rgba(0,0,0,0.5); z-index:98;}
#cartClose {position:absolute; width:100%; padding:1.4em 1em 1.3em; text-align:right; color:#fff; background-color:#28a6ed; cursor:pointer; z-index:2;}
#cartClose:before {position:absolute; left:0.9em; top:0.92em; content:"\f00d"; font-family:'Icomoon' !important; font-size:1.2em;}
#cartLayerContent {height:100%; padding-top:3.8em; padding-bottom:35px; overflow:auto;}
.alert {position:relative; padding:10px 10px 10px 80px; height:auto; min-height:3em; border-bottom:1px #ccc solid;}
.alert:before {content:""; display:block; height:100%; width:50px; position:absolute; top:0; left:0; text-align:center; font-size:1.6em; line-height:2em; color:#fff; background:#ccc;}
.alert.info:before {content:"\ea0c"; font-family:'Icomoon' !important; color:#fff; background-color:#fb0;}
.alert.success:before {content:"\e901"; font-family:'Icomoon' !important; color:#fff; background-color:#0fd300;}
.alert.err:before {content:"!"; font-weight:bold; color:#fff; background-color:#c00;}
.cartItem {padding:10px; border-bottom:1px #ccc solid;}
.cartItem:before, .cartItem:after {content:""; display:table; clear:both;}
.cartItem a.notavailable {color:#c00;}
.cartItem a.notavailable:before {content:"!"; display:inline-block; height:1.1em; width:1.1em; margin-right:0.2em; font-weight:bold; text-align:center; color:#fff; background-color:#c00; border-radius:50%;}
.itemNum {font-weight:bold;}
.itemPrice {position:absolute; right:0; bottom:0; display:block; font-weight:bold; text-align:right;}
.itemPic {float:left; height:60px; width:60px; display:flex; align-items:center; justify-content:center; border:1px #e8e8e8 solid;}
.itemPic img {display:block; height:auto; width:auto; max-height:100%; max-width:100%; margin:0 auto;}
.itemContent {position:relative; margin-left:70px; height:auto; min-height:60px;}
.itemContent.margin-0 {margin-left:0;}
.noPic .itemContent {min-height:40px;}
.itemInput input {margin:0.1em 0;}
.itemDel {display:block; position:absolute; top:0; right:0; height:25px; width:25px; overflow:hidden; line-height:26px; text-align:center; border:1px #ccc solid; cursor:pointer;}
.itemNo {display:none;}
#cartSum {padding:10px; margin-top:2px; line-height:1.4em; border-top:1px #ccc solid;}
#cartSum .total {position:absolute; right:0; font-weight:bold; text-align:right;}
#cartSum .taxInfo {padding:5px 0; font-size:0.85em;}
#cartLayer .itemContent {padding:0 30px 20px 0;}
#cartLayer .button, #cartLayer .buttonLight {width:90%;}
.shippingContent .opener {cursor:pointer;}
.shippingContent .opener:after {content:"\f105"; font-family:'Icomoon' !important; display:inline-block; width:1.2em; font-size:1.2em; text-align:center; transform:translateY(0.15em); transition:0.2s;}
.shippingContent .opener:focus-visible {outline-style:auto;}
.shippingDetails {height:auto; max-height:1px; overflow:hidden; padding:0em 10px; margin:0.5em -10px; background:#eee; transition:0.3s;}
.shippingDetails .fieldRow {padding:0.2em 0;}
.shippingDetails .infoText {font-size:0.9em; padding:0.5em 0;}
.opened .shippingDetails, .cartPage .opened .shippingDetails {visibility:visible; max-height:400px; padding:0.5em 10px; transition-delay:0s;}
.shippingContent.opened  .opener:after {transform:translateY(0.2em) rotate(90deg);}
.sumContent {position:relative; padding:0.2em 0;}
.sumContent .price {display:inline-block; position:absolute; right:8px;}
.sumContent.voucher .price {font-weight:bold; right:1.1em;}
#cartLayer select, #cartLayer input {width:100%; padding:0.6em 3px; background-color:#fff; border:1px #666 solid;}
.lineItem {position:relative; padding:0.3em 100px 0.3em 0.1em; font-size:0.9em; border-bottom:1px #ccc solid;}
.lineItem .price {display:inline-block; position:absolute; right:8px;}

.cartPage .breadCrumbs .mainContainer {border-bottom:2px #b5b5b5 solid;}
.cartPage #cartOpen {display:none;}
.cartList .row {padding:10px 0;}
.cartList .col {position:relative; padding:0 10px;}
.cartList .button {width:100%;}
.cartList .cartItem {padding:15px 0; border-top:1px #ccc solid; border-bottom:none;}
.cartList .cartItem .col {padding:5px 10px;}
.cartList .cartItem .col .col {padding:5px 0;}
.cartList .cartItem p {line-height:1.2em; margin:0 0 0.4em;}
.cartList .cartItem .itemPic {margin-top:0.4em;}
.cartList .noPic .itemPic {height:auto; border:none; margin:0;}
.cartList .cartItem .itemDel {height:40px; width:40px; right:5px; line-height:40px;}
.cartList .itemName, .cartList .itemSum {font-weight:bold;}
.cartList .unit, .cartList .dateTime {font-size:0.85em;}
.cartList .sQuantity {padding:0.5em; font-size:1.2em; width:auto; min-width:4em; background:#fff; border:1px #ccc solid;}
.cartList input.text {padding:0.5em; font-size:1.2em; width:100%; border:1px #ccc solid;}
.cartItem .button, .cartItem .buttonLight {padding:0.8em 2em; height:auto;}
.cartPage #mainContent {background-color:#e8e8e8;}
.cartPage .alert {padding:20px 10px 20px 80px;  margin:0  -10px 10px; background-color:#fff; border:none;}
.cartPage .cartList .mainContainer {padding:0.5em 0; margin-bottom:3em;}
.fieldRow {position:relative;}
.cartPage .fieldRow select, .cartPage .fieldRow input {width:100%; padding:0.8em 3px; background-color:#fff; border:2px #ccc solid;}
.cartPage .fieldRow select:focus, .cartPage .fieldRow input:focus {outline:none !important; border-color:#333;}
#voucherCode {font-size:1.1em; height:3.4rem; width:100%;}
#voucherSubmit {position:absolute; right:0; font-size:1.1em; height:3.4rem; width:3.4rem;}
.cartPage .sumDetails {padding:0.5em 10px;}
.cartPage .sumContent {margin:0.3em 0;}
.cartPage .sumContent.total {font-weight:bold; font-size:1.3em;}
.cartPage .taxinfo {font-size:0.9em; padding:0.2em 0;}
.cartPage .shippingContent .opener {margin-top:-1em; padding:0.5em 2px; font-weight:bold;}
.cartPage .shippingDetails  {visibility:hidden; margin:0; transition:max-height 0.3s, visibility 0s linear 0.3s;}
.taxinfo .price {float:right; display:inline-block; padding-right:1.25em;}
.cartList.working .button {opacity:0.3;}
.cartList.working .alert {opacity:0;}
.border-bottom {border-bottom:1px #999 solid;}

.finalPage .cartItem {padding:10px 0;}

/* Content */
#mainContent {padding-top:50px;}
.hasNotifications #mainContent {padding-top:145px;}
.mainContainer {padding-top:3rem; padding-bottom:3rem;}
.top-0 .mainContainer, .top-bottom-0 .mainContainer {padding-top:0;}
.bottom-0 .mainContainer, .top-bottom-0 .mainContainer {padding-bottom:0;}
.bottom-half .mainContainer {padding-bottom:1.5rem;}
h1, h2, h3, h4, .h1, .h2, .h3, .h4 {font-family:'Roboto Condensed'; font-weight:700; text-transform:uppercase; letter-spacing:0.05em;}
h1, h2 {font-size:1.3em; line-height:1.45em; padding:0.4em 0; margin:0 0 1.5rem;}
h3 {font-size:1.2em; line-height:1.5em;}
h4 {font-size:1.1em; line-height:1.3em; padding:0.4em 0;}
h5 {font-size:1.1em; line-height:1.3em;}
.rowHeadline h1, .rowHeadline h2 {position:relative; margin:0 0 1.5rem; text-align:center;}
.rowHeadline.headOnly h1, .rowHeadline.headOnly h2 {margin-bottom:0;}
p {margin:0.45em 0 0.9em; padding:0; line-height:1.7em;}
ul {margin:0 0 0.45em; padding:0 0 0 15px; line-height:1.7em;}
ul li {margin:0.45em 0 0.9em;}
ul.typeNone {padding:0;}
ul.typeNone li {list-style-type:none;}
ul.margin-0 li {margin:0.25em 0;}
.fontL {font-size:1.1em;}
.fontS {font-size:0.85em;}
p.fontL {line-height:1.6em;}
.picL {display:none;}
.picS {display:block;}
.margin-0 {margin:0;}
.margin-top-0 {margin-top:0;}
.margin-bottom-0 {margin-bottom:0;}
table {width:auto; max-width:100%;}
td {padding:0.3em 0.05em;}

.hasTeaserLink {cursor:pointer; transition:0.1s;}
.buttonHolder {position:absolute; bottom:15px; left:0; width:100%; text-align:center;}

#mainContent .overlay {position:absolute; top:0; left:0; height:100%; width:100%; display:flex; align-items:center; justify-content:center;}
#mainContent .overlay p {line-height:2.6em;}
#mainContent .overlay span.bgColored {background-color:rgba(255,255,255,0.8); padding:0.3em 0.5em; box-decoration-break:clone;}

/* Modal */
.jquery-modal.blocker {z-index:99; padding:20px 5px; background-color: rgba(130,156,165,0.75);}
.modal {width:96%; padding:15px 10px;}
.modal .breadCrumbs {display:none;}
.modal #mainContent {margin:0 !important; padding:0 !important; background-color:#fff !important;}
#adultLayer {max-width:800px; padding:30px 10px; text-align:center;}

/* Slideshow */
.slick-slide {display:none; float:left; height:auto; min-height:1px;}
.slick-dots {position:absolute; bottom:1em; right:0; display:block; width:100%; padding:0; margin:0; list-style:none; text-align:center;}
.slick-arrow {top:100%; width:50px; height:50px; transform:none; cursor:pointer; background-color:#000; opacity:0.6; z-index:10;}
.slick-arrow:focus {top:100%; opacity:0.8;}
.slick-arrow.slick-disabled {background:#ccc;}
.slick-prev {left:0;}
.slick-next {right:0;}
.slick-prev .slick-prev-icon::before {content:"\f104"; font-family:'Icomoon' !important; font-size:40px; line-height:28px; color:#fff;}
.slick-next .slick-next-icon::before {content:"\f105"; font-family:'Icomoon' !important; font-size:40px; line-height:28px; color:#fff;}

/*Kommission-Slider */
.tCommission {width:auto; max-width:500px; border:2px #ccc solid; margin-bottom:30px;}
.tCommission .content {padding:0.5em 1em;}
.tCommission .slider, .tCommission .slick-slide div {height:400px !important;}
.tCommission .slick-prev, .tCommission .slick-next {top:50%; margin-top:-25px;}
.tCommission .slick-slider {margin-bottom:0;}
.tCommission .slider img {height:100%; width:100%; object-fit:cover; object-position:49% 51%;}


/* Galerie-Slider */
.gallery.top-bottom-0 .rowHeadline {position:absolute; top:15px; left:0; width:100%; z-index:8;}
.gallery.top-bottom-0 h2 {margin:0 15px; background-color:rgba(255,255,255,0.8);}
.gallery .slick-slider,.galleryHalf .slick-slider {margin-bottom:0;}
.gallery .slick-arrow,.galleryHalf .slick-arrow {top:50%; margin-top:-25px;}
.gallery .slick-autoplay-toggle-button, .galleryHalf .slick-autoplay-toggle-button {padding:0.3em; background-color:#fff; bottom:10px;}
.galleryHalf .colSlider h3 {padding:0.25em 0; margin:0; text-align:center; color:#fff; background-color:#303639;}
.galleryHalf .slider {background-color:#e8e8e8; display:none;}
.galleryHalf .slider.first, .galleryHalf .slick-slide .slider {display:inline-block;}
.galleryHalf .slider img {margin:0 auto;}

/* Breadcrumbs */
.breadCrumbs {background-color:#e8e8e8; font-size:0.9em;}
.breadCrumbs .mainContainer {padding:2em 0;}
.breadCrumbs a {display:inline-block; padding:0.2em 0; max-width:100%; overflow:hidden; text-decoration:none;}
.breadCrumbs a:before {content:"\f105"; font-family:'Icomoon' !important; display:inline-block; padding:0 0.6em 0 0.4em; color:#aaa;}
.breadCrumbs a.first:before {content:""; display:none;}
.startPage .breadCrumbs {display:none;}

/* Absatz */
.standard h3, .standard h4, .standard h5 {margin-top:0; margin-bottom:1em;}
.standard a, .imageContainer a {text-decoration:underline;}

/* HK: Bilder */
.imageContainer .row {padding: 0 8px;}
.imageContainer .col {padding:7px;}
.imageContainer img {display:block;}
.imageContainer .picL {display:none;}
.imageContainer .picS {display:block; width:100%;}
.imageContainer .hidden-sm-up img {width:100%;}

/* Produkt-Teaser */
.productTeasers .row {padding:0 8px;}
.productTeasers .col {padding:7px;}
.productSlider .rowContent {padding-bottom:55px;}
/*.productSlider .slider {overflow:hidden;}*/
.teaser {position:relative; background:#fff;}
.bgWhite .teaser {border:1px #ccc solid;}
.teaser .pic {display:flex; align-items:center; justify-content:center;}
.teaser .pic img {max-height:200px; max-width:200px;}
.t2 .teaser .pic img, .t3 .teaser .pic img {max-height:240px; max-width:240px;}
.teaser .content {font-size:0.9em; padding:10px 15px 40px;}
.teaser .content p {line-height:1.2em;}
.teaser h3 {font-size:1em; margin:0; height:auto; max-height:3em; overflow:hidden;}
.teaser p.unit, .teaser p.dateTime {margin:0.3em 0;}
.teaser p.price {position:absolute; bottom:10px; font-size:1.6em; margin:0;}
.offer .price {color:#c00;}
.rrp {font-size:0.7em; display:inline-block; margin-left:0.5em; color:#666; text-decoration:line-through;}
.productSlider .slideBox, .recommend .slideBox {padding:15px;}
.t2 .teaser, .t3 .teaser, .t4 .teaser {display:block; width:100%; min-width:245px; max-width:550px; overflow:hidden;}
.t4 .teaser .pic {height:255px; width:auto; /*background:#eee;*/}
.t2 .teaser .pic, .t3 .teaser .pic {height:285px; width:auto; /*background:#eee;*/}
.t2 .teaser .content, .t3 .teaser .content, .t4 .teaser .content {min-width:245px; max-width:320px; margin:0 auto;}
/*.t2 .teaser .description {display:none;}*/
.teaser.soldOut .pic:before {content:"sold out"; display:block; position:absolute; position:absolute; top:3em; left:-3.5em; padding: 0.7em 5em; transform: rotate(-45deg); color:#fff; background-color: #c00;}
.categoryCols .rowHeadline .col {height:5.5em; display:flex; align-items:center; justify-content:center;}
.categoryCols h2 {font-size:1.2em; margin:0;}

.catTeasers .col {padding-bottom:15px;}

/* Akkordeon */
.accordeon .mainContainer {padding-top:0; padding-bottom:2px;}
.accordeon.hasPadding {padding-bottom:3em;}
.accordeon .rowHeadline {border-top:1px #ddd solid; margin-bottom:2px;}
.accordeon .rowHeadline:focus-visible {outline-style:auto;}
.accordeon .rowHeadline h2 {position:relative; padding:0.8em 0.8em 0.8em 0; margin:0; font-size:1.1em; text-align:left; cursor:pointer;}
.accordeon .rowHeadline h2:before {content:"\f107"; font-family:'Icomoon' !important; display:block; position:absolute; top:0.7em; right:0; height:auto; font-size:1.2em;  transition:0.1s;}
.accordeon .boxOpened .rowHeadline, .accordeon .clicked .rowHeadline {}
.accordeon .boxOpened .rowHeadline h2:before {transform:rotate(-180deg);}
.accordeon .rowContent {display: none;}
.accordeon .boxOpened .rowContent, .accordeon.defaultOpened .rowContent {display:block;}

/* Formulare */
input, select, textarea {font-family:'Roboto',Helvetica, sans-serif; font-size:1em; padding:0.6rem 3px; background-color:#fff; border:1px #666 solid; transition:border-color 0.3s;}
.formRow {position:relative; padding:0.5em 0;}
.formRow.last {padding-bottom:1.5em; text-align:center;}
.formRow:after {content:""; display:table; clear:both;}
.formRow .button, .formRow .buttonLight {height:3.4rem; width:100%;}
.textHolder label, .selectHolder label {display:block; position:absolute; top:-0.3em; width:100%;  padding:0.1em 3px; font-size:0.9em; color:#fff; opacity:0;}
.formRow.showLabel {padding-top:0.8em;}
.textHolder.showLabel label {opacity:1; color:#333;}
.textHolderTop {position:absolute !important; top:-5000px;}
.formPage .text, .formPage .select {height:3.4rem; font-size:1.1em; padding:0.8em 3px; width:100%; background-color:#f3f3f3; border:2px #ccc solid;}
.formPage textarea.text {height:auto;}
.formPage .text.iHalf, .formPage .select.iHalf {width:50%;}
.formPage .iSmall {width:30%; float:left;}
.formPage .iMedium {width:68%; float:right;}
.formPage .text:focus, .formPage .select:focus {outline: none !important; background-color:#fff; border-color:#333;}
.registerAccount {background:#d1cbb7; padding:0.5em; margin-top:1em;}

.marked .text, .marked .select, .checkHolder.marked label:before {background-color:#e9a; border-color:#c00;}
.textHolder.marked label, .selectHolder.marked label {opacity:1; background-color:#c00;}
.hiddenHeight {height:auto; max-height:1px; overflow:hidden;}
.bold {font-weight:bold;}
.asterisk {font-weight:700; color:#c00;}
.formSet.marked {background-color:#fcc;}
.formMessage {position:relative; max-width:660px; padding:20px 10px; box-sizing:border-box; margin:40px auto 0; font-size:18px; font-weight:bold; background:#ffc; border:3px #fc6 solid; display:none;}

.fieldHolder {height:auto; min-height:3.6em; display:flex; align-items:center; background-color:#fff; border:1px #ccc solid;}
.fieldHolder select {width:100%; font-size:1.1em; padding:0.6em 4px; background-color:#fff; border:none;}
.checkHolder {display:flex;}
.checkHolder, .radioHolder {padding:10px 0;}
.checkHolder input, .radioHolder input {opacity:0;}
.checkHolder label, .radioHolder label {position:relative; width:100%; padding-left:0.9em; line-height:1.2em;}
.checkHolder label:before, .radioHolder label:before {content:""; display:block; position:absolute; top:-0.1em; left:-0.85em; height:1.4rem; width:1.4rem; font-family:'Icomoon' !important; font-size:1.2em; text-align:center; color:#0cb300; background:#eee; border:2px #ccc solid;}
.checkHolder input:checked+label:before, .checkHolder.checked label:before {content:"\f00c";}
.radioHolder input:checked+label:before, .radioHolder.checked label:before {content:"\f00c";}
button {outline:none;}
button.btnIcon {padding:0.15em; font-family:'Open Sans',Helvetica, sans-serif; font-size:1em; border:none; color:#000; background-color:transparent; cursor:pointer;}
.button, .buttonLight {height:3.6em; border:2px #000 solid; padding:0 1em; font-family:'Roboto Condensed'; font-size:1em; font-weight:700; text-transform:uppercase; letter-spacing:0.05em; cursor:pointer; transition:0.1s;}
.button {color:#fff; background-color:#000;}
.button:disabled {opacity:0.5; cursor:auto;}
.buttonLight {color:#000; background-color:#fff; border:2px #ccc solid;}
.button.fullWidth {width:100%;}
.button.next:after {content:"\f105"; font-family:'Icomoon' !important; display:inline-block; float:right;}
a.button, a.buttonLight {position:relative; display:inline-block; padding:1.1em 2.2em 1em; width:auto; min-width:12em; font-weight:bold; line-height:1em; text-align:center; text-decoration:none;}

fieldset {border:none; padding:0;}
legend.h3 {width:100%; font-size:1.2em;}
legend.h4 {width:100%; font-size:1.1em; padding:0.4em 0 0.6em;}

/* Watchlist */
#watchList .row {padding:1em 0; border-top:1px #ccc solid;}
#watchList .col-12 {float:left;}
#watchList p {line-height:1.2em; margin:0 0 0.5em;}
#watchList .itemDel {position:relative; display:inline-block;}
#watchList .itemPic {max-width:100%;}
#watchList .itemName {font-weight:bold;}
#watchList .listPrice {font-size:1.4em;}

/* Kontaktformular */
.contactPage #mainContent {background-color:#e8e8e8;}
.contactPage .breadCrumbs .mainContainer {border-bottom:2px #b5b5b5 solid;}
.contactPage .linkBack {display:block; position:absolute; top:-2.1em; padding:0.3em 0; cursor:pointer;}
.contactPage .button {max-width:24em;}

/* Checkout */
.checkoutPage #mainContent {height:auto; min-height:800px;}
.checkoutPage #headerMain .container {position:relative;}
.checkoutPage #headerMain a.logo {margin:0 auto;}
#backToShop {display:block; position:absolute; bottom:50%; height:1.3em; margin-bottom:-0.65em;}
#backToShop:before {content:"\f104"; font-family:'Icomoon' !important; display:inline-block; padding:0 0.4em 0 0.2em; transform:translateY(0.1em);}
.checkoutSteps .mainContainer {padding:2em 0;}
ul.steps {display:flex; justify-content:space-between; margin:0; padding:0; list-style-type:none;}
.steps li {margin:0; position:relative; padding-left:40px; width:auto;}
.steps li .txt {display:none; padding-left:5px;}
.steps .stepCur {min-width:250px}
.steps .stepCur .txt {display:block;}
.steps li .num {display:block; position:absolute; top:-10px; left:0; height:40px; width:40px; color:#fff; font-size:24px; font-weight:bold; line-height:40px; text-align:center; background:#ccc; border-radius:50%;}
.steps li.stepAct {display:none;}
.steps li.stepCur {display:block;}
.steps .stepAct .num {background-color:#333;}
#messageBox .alert, .messageBox .alert {margin-bottom:1em; background-color:#f3f3f3; border:none;}
.checkout .colMain {padding:0;}
.checkout h3, .checkout legend.h3 {padding:0.1em 0.3em; margin:2em 0 1em; background-color:#e8e8e8;}
.checkout .colEditable {padding-bottom:4em;}
.checkout .colEditable .buttonLight {position:absolute; bottom:1em; left:15px; height:auto; padding:0.5em;}
.checkoutPage .radioHolder, .checkoutPage .checkHolder {border-left:none; border-right:none;}
.checkoutPage .radioHolder.checked {background-color:#ebf9eb;}
.infoText {display:block; font-size:0.9em; line-height:1.4em; padding:0.5em 0;}
.payment label {display:flex; align-items:center;}
.payment label:before {top:auto;}
.payment .img {display:block; height:2.5em; text-align:center; margin-right:10px;}
.payment .img img {max-height:100%;}
.checkout .cartList .buttonLight {height:auto; padding:0.5em 2em;}
.checkout .sumContent {margin:0.3em 0;}
.checkout .sumContent.total {font-weight:bold; font-size:1.3em;}
.checkout .taxinfo {font-size:0.9em; padding:0.2em 0;}
.rowConfirm a {text-decoration:underline;}
#voucherContent .itemDel {display:inline-block; position:relative; margin:-0.2em 0 -0.4em;}
.checkoutPage .footerNav {border-top:3px #ccc solid;}

/* Masonry Grid */
.grid {padding:0;}
.grid-item {width:33.3%; float:left;}
.grid-item img {display:block; width:94%; margin:3%; height:auto; border-radius:2em;}
.grid-item:after {content:"\f002"; font-family:'Icomoon' !important; position:absolute; bottom:1.4em; right:1.4em; color:#fff; opacity:0.8;}
.mfp-gallery img {border-radius:3em;}
.mfp-title {font-size:0.9em; padding-right:66px;}
.mfp-content {padding:40px 0 50px;}
img.mfp-img {padding:0; min-width:366px;}
.mfp-figure:after {background:transparent; box-shadow:none;}

/* Produktseite */
/*.product {background-color:#e8e8e8;}
.productPage .breadCrumbs .mainContainer {border-bottom:2px #b5b5b5 solid;}*/
.product h1, .product h2 {text-align:left;}
.product h1 .date, .product h2 .date {position:absolute; display:block; top:-1.7em; font-size:0.65em;}
.product .linkBack {display:block; position:absolute; top:-2.1em; padding:0.3em 0; cursor:pointer;}
.linkBack:before {content:"\f104"; font-family:'Icomoon' !important; display:inline-block; padding:0 0.6em 0 0; transform:translateY(0.1em);}
.product .sLogo {display:block; position:absolute; top:-2.2em; right:15px; height:35px;}
.sLogo img {max-height:100%;}
.product .slider {width:100%;}
.product .slider-for {height:460px;}
.product .slider-for.noSlick, .product .slider-for.noSlick .slideBox {height:auto;}
.product .slider .slideBox {margin:5px 0; background:#fff;}
.product .slider-for .slideBox, .product .slider-for .slick-slide {height:450px;}
.product .slider-for .pic {max-height:430px; max-width:96%;}
.product .slider-for .pic img {max-height:430px;}
.slider-nav {height:auto; max-height:1px; overflow:hidden;}
.slider-nav.visible {height:100px; max-height:160px;}
.fixPosition .slick-track {transform:none !important; margin:0 auto; -webkit-transform:none !important; -moz-transform:none !important; -ms-transform:none !important; -o-transform:none !important;}
.slider-nav .slideBox {height:90px; padding:4px; background:#fff; border:1px #ccc solid;}
.slider-nav .slick-slide {margin:5px; opacity:0.6;}
.slider-nav .pic, .slider-nav .pic img {max-height:80px; max-width:80px;}
.slider-nav .slick-slide.slick-current {opacity:1;}
.slideBox, .slick-initialized .slideBox.slick-slide {display:flex !important; align-items:center; justify-content:center;}
.slideBox img {max-height:100%;}
.zoomHolder {position:absolute; top:-2000px; height:550px; width:560px; background:#fff; opacity:0; z-index:5; transition:opacity 0.5s;}
.zoomAct .zoomHolder {top:5px; opacity:1;}
.jquery-modal {z-index:99;}
#slickModal {width:100%; max-width:100%; padding:15px;}
#slickModal a.close-modal {top:-3.5px; right:-3.5px;}
.slider-full {width:auto; max-width:100%; height:auto; margin:0;}
.slider-full .slick-track {display: flex !important;}
.slider-full .slick-slide {height: inherit !important;}
.slider-full .slick-slide div {height: 100%;}
.slider-full .slideBox img {height:auto; max-height:88vh;}
.slider-for .slick-arrow, .slider-full .slick-arrow {top:50%; margin-top:-25px;}
.buyBox {position:relative;}
.buyBox .container {margin-top:5px; padding:45px 15px 30px; background:#eee;}
.buyBox .price {font-size:1.8em; margin:0 0 -0.2em;}
.buyBox .selectHolder {width:20%; float:left;}
.buyBox button {width:75%; float:right;}
#addToCart {background-color:#D93D0A; background-image:linear-gradient(rgb(250, 93, 39) 0%, rgb(217, 61, 10) 80%); border-color:#D93D0A; border-width:1px;}
.buyBox .unit {margin:0;}
.buyBox .taxInfo {font-size:0.85em; margin-top:0;}
.buyBox .articleNo {margin-top:2em;}
.buyBox .title {font-weight:bold;}
.avState:before {content:""; display:inline-block; margin-right:1em; height:1.1em; width:1.1em; background:#999; border-radius:50%; transform:translateY(0.2em);}
/*.avState.available, .avState.green, .finalPage .avState.yellow {color:#0cb300;}*/
.avState.available:before, .avState.green:before, .finalPage .avState.yellow:before {background-color:#0fd300;}
.avState.availablesoon:before {background-color:#fc0;}
/*avState.notavailable, .avState.red {color:#c00;}*/
.avState.notavailable:before, .avState.red:before {background-color:#c00;}
.buyBox .selector {padding:0 0 30px; margin:-15px 0 45px; border-bottom:2px #999 solid;}
.buyBox .selector .selectHolder {float:none; width:100%;}
.selector .notavailable {color:#c00;}
.buyBox .selectorList {padding-bottom:15px; border-bottom:2px #999 solid; }
.buyBox .selectorItem {padding:15px 0; border-width:1px 0 0;}
.buyBox .selectorItem .vPrice {position:absolute; right:25px;}
.toWatchList {position:relative; float:left; padding:0.8em 0.5em 0.8em 3em; margin:15px 0 0; cursor:pointer;}
.toWatchList.inact {color:#999; cursor:auto; display:none;}
.toWatchList:before {content:"\f004"; font-family:'Icomoon' !important; position:absolute; top:0.1em; left:0; font-size:1.8em;}
.toWatchList.success:before {content:"\f00c";}
.toWatchList.err:before {content:"\f12a";}
p.gtin {font-size:0.9em; text-align:right; color:#777;}
/* Kategorie */
.categoryPage .sLogo {display:block; position:absolute; top:-2.2em; right:15px; height:35px;}
.categoryTeasers .mainContainer {border-top:2px #aaa solid; border-bottom:2px #aaa solid;}
.categoryTeasers .rowHeadline h2 {margin:0.5rem 0; padding:0.4em 0; font-size:1.3em; text-align:center; cursor:pointer;}
.categoryTeasers .rowHeadline h2:before {content:"\f107"; font-family:'Icomoon' !important; display:block; position:absolute; top:0.3em; right:0; height:auto; font-size:1.2em;  transition:0.1s;}
.categoryTeasers .boxOpened .rowHeadline h2:before {transform:rotate(-180deg);}
.categoryTeasers .rowContent .col {padding-bottom:15px;}
.noProducts .categoryTeasers .mainContainer {border-bottom:none;}
.noProducts  .rowHeadline h2:before {content:""; display:none;}
.t4 .teaser.tSmall {min-width:215px;}
.t4 .teaser.tSmall .pic {height:215px;}
.tSmall .title {display:block; padding:10px 15px; font-weight:bold; text-align:center; transition:0.2s;}
.tSmall img {transform:none; transition:0.2s;}
.productList .mainContainer {padding-top:0;}
.productList form {padding:15px 0; background-color:#e8e8e8;}
.productList button {width:100%;}
.filterRow {height:auto; max-height:1px; overflow:hidden; transition:0.3s;}
.filterRow .col {padding-top:1px;}
.filterOpened .filterRow {max-height:300px;}
.filterRow .fieldHolder {padding:5px 0;}
.confirmHolder {background-color:#cfdee4; padding:0.5em 2px; text-align:center;}
.confirmHolder .d-flex {justify-content:center;}
.confirmHolder p {margin:0.2em 0;}
.productList.t3 .teaser img {max-width:250px; max-height:230px;}
.productList.t2 .teaser, .productList.t2 .teaser .content {max-width:100%;}
.teaser.offer:after {content:"%"; display:block; position:absolute; top:1em; left:0; padding:0.3em 1em; font-weight:bold; color:#fff; background:#c00;}
.teaser.adult:after {content:""; display:block; position:absolute; top:0; left:0; height:100%; width:100%; background-color:rgba(196,217,225,0.9);}

.pagination {text-align:center; background-color:#e8e8e8;}
.pagContent {display:inline-block; margin:0 auto;}
.pagination a {display:block; float:left; font-size:1.2em; height:2.3em; width:2.3em; margin:2px; padding-top:0.55em; text-align:center; color:#000; background-color:#fff; border:1px #333 solid;}
.pagination a.inactive {color:#999;}
.pagination a.num.active {color:#fff; background-color:#000;}

/* Suche */
/*.searchPage #mainContent {background-color:#e8e8e8;}
.searchPage .breadCrumbs .mainContainer {border-bottom:2px  #b5b5b5 solid;}*/
.searchPage .productList .mainContainer {padding:0.6em 0 0; margin-bottom:3em;}

/* Preis-Slider */
.min-max-slider {position:relative; top:3px; width:200px; max-width:100%; height:auto; min-height:2.8em; text-align:center; margin:0 auto;}
.min-max-slider > label {position:absolute; display:block; width:1px; overflow:hidden;}
span.value {height:1em; font-weight:bold; display:inline-block;}
span.value.lower::before {content:"€"; display:inline-block; margin-right:0.2em}
span.value.upper::before {content:"- €"; display:inline-block; margin-left:0.4em;  margin-right:0.2em}
.min-max-slider > .legend {display:flex; justify-content:space-between;}
.min-max-slider > .legend > * {font-size:0.9em;}
.min-max-slider > input {cursor:pointer; position:absolute;}
.min-max-slider > input {-webkit-appearance:none; outline:none!important; background:transparent; background-image:url('../img/bg_priceslider.png'); background-position:center;}
.min-max-slider > input::-webkit-slider-thumb {-webkit-appearance:none; appearance:none; box-sizing:content-box; width:14px; height:14px; background:#019fd5; border:3px #019fd5 solid; border-radius:50%; cursor:pointer;}
.min-max-slider > input::-webkit-slider-runnable-track {cursor:pointer;}
input[type=range]::-moz-range-thumb {height:14px; width:14px; background:#019fd5; border:3px #019fd5 solid; border-radius: 50%;}
input[type=range]{border:1px solid white; width:300px; padding:2px 0;}
input[type=range]:-moz-focusring{outline:1px solid white; outline-offset:-1px;}
#min {border-right-width:0;}
#max {border-left-width:0;}
.fieldLabel {padding-left:5px;}
.fieldContent {padding-left:0.3em;}

/* Tabs */
.tabLink {display:inline-block; padding:1em 15px; font-family:'Roboto Condensed', sans-serif; font-size:0.85em; font-weight:700; text-transform:uppercase; letter-spacing:0.15em; border:none; background-color:transparent; cursor:pointer;}
/*.tabLink.act {background-color:#fff; border:2px #ccc solid; border-bottom-color:#fff;}*/
.tabLink.act {background-color:#eee;}
.tab {margin-bottom:1px;}
.tabHead {display:block; width:100%; padding:1em 15px; font-family:inherit; font-size:1em; font-weight:bold; line-height:1.5em; text-align:left; border:none; background:#eee; cursor:pointer;}
.tabHead:after {content:"+"; position:absolute; right:15px; font-size:2em; color:#999; font-weight:bold;}
.tab.act .tabHead:after {content:"-";}
.tabContent {display:none; padding:0; background-color:#eee;}
.tabContent .colMore h4 {margin-top:0em;}
.tabContent .props .row {background:#fff;}
.tabContent .props .col {padding:15px; border:1px #fff solid; line-height:1.3em;}
.tabContent .props .title {display:block;}
.recommend .tabLink.act, .recommend .tabHead {background-color:#d1cbb7; border:none;}
.recommend .tab.act .tabContent {padding-bottom:65px;}

/* Account */
.accountPage #mainContent {height:auto; min-height:600px;}
#account .colMain {padding:0;}
#account h3, #account legend.h3, #registerForm legend.h3 {padding:0.1em 0.3em; margin:1em 0 1em; background-color:#e8e8e8;}
.addressBox {position:relative; height:100%; border:2px #ccc solid; padding:0 0.5em 4em;}
.accountPage .colEditable .buttonLight {position:absolute; bottom:1em; left:15px; height:auto; padding:0.5em;}
.accountPage .pagination {margin-top:-0.6em; background-color:transparent;}
.orderBox {border:1px #ccc solid; margin-bottom:15px; padding:5px 0;}
.colMain .orderBox {margin:1.5em 15px 15px;}
.orderBox .fontL {font-weight:bold;}
.orderBox .linkBack {position:absolute; top:-2.4em; left:0;}
a.details {display:block; position:absolute; top:10px; right:15px; padding:0.3em; border:1px #ccc solid;}
a.details span {display:none;}
a.details:after {content:"\f105"; font-family:'Icomoon' !important; display:inline-block; font-size:1.2em; height:1.2em; width:1.2em; text-align:center;}
.state {font-size:0.9em; display:inline-block; padding:0.3em; background-color:#e8e8e8;}
.state.green {background-color:#dfd;}
.state.yellow {background-color:#ffc;}
.state.red {background-color:#fdd;}
#account .cartItem img {max-height:100px;}

/* News */
.newsList .container {padding-top:1.5em; padding-bottom:1.5em;}
.newsList h3 {margin:0;}
.newsList img {max-height:300px;}
.newsDetails .rowHeadline h1, .newsDetails .rowHeadline h2 {text-align:left; margin-bottom:0;}
.newsDetails .rowContent {margin-top:0.55em; padding-top:1em; border-top:2px #ccc solid;}
.newsDetails .slider-for {border:1px #ccc solid;}
.newsDetails .slider-for .slideBox {height:420px; padding:10px; cursor:pointer;}

/* Footer */
footer {background-color:#e8e8e8;}
.nlSection {background-color:#f6f4e5;}
.nlSection h2 {text-align:inherit;}
.footerNav .row {display:block;}
.footerNav .col {border-top:1px #ccc solid;}
.footerNav .col .col {padding:0; border-top:none;}
.footerNav h3 {font-family:'Roboto',sans-serif; font-weight:bold; text-transform:none; letter-spacing:0;}
.footerNav ul {padding:0;}
.footerNav li {list-style-type:none; margin:0; padding:0;}
.footerNav li a {display:block; padding:0.3em 0;}
.footerNav address {display:block; margin:0.5em 0 1.5em; font-style:normal; line-height: 1.5em;}
.footerNav .fontL {font-size:1.6em;}
/*.footerNav, .footerNav h3, .footerNav li a {color:#333;}*/
.footerNav a.socialLink {display:inline-block; color:#e8e8e8; background:#333; font-size:1.5em; padding:0.2em 0 0.05em; width:1.5em; text-align:center; border-radius:0.3em; margin-right:0.15em;}

.footerBottom {background-color:#e8e8e8; font-size:0.85em;}
.footerBottom .container {border-top:2px /*#d0cebf*/ #b5b5b5 solid;}
#toTop {position:fixed; top:-10em; right:0.8em; height:4em; width:4em; opacity:0.2; transition:opacity 1s; z-index:15;}
#toTop:before {content:"\f106"; font-family:'Icomoon' !important; display:block; height:2em; width:2em; font-size:2em; text-align:center; line-height:1.8em; color:#fff; background:#019fd5; /*019fd5;*/ border-radius:50%; cursor:pointer;}
.scrolled #toTop {top:auto; bottom:0.8em; opacity:1;}

/* Newsletter */
#rmOrganism a:focus-visible, #rmOrganism input:focus-visible {outline-style:auto !important;}
#rmOrganism .rmPopup__close:focus-visible, #rmOrganism button:focus-visible {color:#000 !important; background:#fc0 !important; border:1px #000 solid;}
#rmOrganism .rmSubscription {color:#333 !important;}

/* Special */
.col.video a:before {content:""; display:block; position:absolute; top:50%; left:50%; margin-top:-0.5em; margin-left:-1em; height:2em; width:2em; background-color:#fff;}
.col.video a:after {content:"\f16a"; font-family:'Icomoon' !important; display:block; position:absolute; top:50%; left:50%; font-size:4.5em; margin-top:-0.5em; margin-left:-0.5em; color:#c00;}

/* Farben */
.bgWhite {background-color:#fff;}
.bgLightGray {background-color:#e8e8e8;}
.bgGray {background-color:#ccc;}
.bgLightBeige {background-color:#f6f1e5;}
.bgDarkBeige {background-color:#d1cbb7;}
.bgLightBlue {background-color:#79c0d0;}
.borderTop {border-top:3px #ccc solid;}

/* Media Queries */
@media screen and (min-width:575px){
  #searchLayer, #accountLayer {width:400px; max-width:50%;}
  .footerNav .row {display:flex; flex-wrap:wrap;}
  .footerNav .col .row {display:block;}
  .picL {display:block;}
  .picS {display:none;}
  .bgPic .picL {display:block; position:absolute; top:0; left:0%; height:100%; width:100%; background-position:center; background-size:cover;}
  .bgPic .picS {display:none;}
  .imageContainer .picL {display:block;}
  .imageContainer .picS {display:none;}
  .productTeasers .teaserBox {display:flex; flex-wrap:wrap;}
  .productTeasers .teaser {height:100%;}
  .productList .teaserBox.t2 {display:block;}
  .steps li.stepAct {display:block;}
  .t2 .teaser .pic {width:33%; float:left;}
  .t2 .teaser .pic img {display:block; max-width:90%; margin:0 auto;}
  .t2 .teaser .content {float:right; width:66.6%; max-width:366px;}
  /*.t2 .teaser .description {display:block;}*/
  .tCommission {max-width:100%;}
  .tCommission .imageSlider {float:left; width:50%;}
  .tCommission .content {float:right; width:48%}
  .tCommission:after {content:""; display:table; clear:both;}
}

@media screen and (min-width:768px){
  #headerMain {min-height:92px;}
  #headerMain a.logo {width:128px; margin:0 auto;}
  #mainContent {padding-top:92px;}
  .hasNotifications #mainContent {padding-top:142px;}
  @keyframes headerScale {
	0% {transform: scale(1.2); -webkit-transform: scale(1.2);}
	100% {transform: scale(1.0); -webkit-transform: scale(1.0);}
  }
  @-webkit-keyframes headerScale {
	0% {transform: scale(1.2); -webkit-transform: scale(1.2);}
	100% {transform: scale(1.0); -webkit-transform: scale(1.0);}
  }
  .notificationbar {height:50px;}
  .notifications {text-align:left;}
  .notifications .slick-slide {height:38px; overflow:hidden; display:flex; align-items:center;}
  .notifications a.button {margin-top:0;}
  h1, h2 {font-size:1.6em;}
  h3, legend.h3 {font-size:1.4em;}
  h4, legend.h4 {font-size:1.2em;}
  .fontL {font-size:1.25em;}
  .tab {margin:0;}
  .tabNav {margin-bottom:-2px;}
  /*.tabContents {border:2px #ccc solid;}*/
  .tabContent {padding:2em 0;}
  .tabContent.act {display:block;}
  .tabContent .props .title {display:inline-block; width:auto; min-width:20em;}
  .categoryPage .productTeasers .teaserBox.t2 {display:flex; flex-wrap:wrap;}
  .cartList .alert, .cartList .shippingDetails {margin-left:0; margin-right:0;}
  .cartList .shippingContent .opener {display:none;}
  .cartList .shippingDetails {visibility:visible; max-height:400px; padding:0.5em 10px;}
  #account .cartItem a.buttonLight {margin-top:0.8em;}
  #watchList .itemPic {height:120px; width:120px;}
  #watchList .itemContent {margin-left:135px;}
  .accordeon.mdOpened .rowContent {display:block;}
}

@media screen and (min-width:991px){
  .product h1, .product h2 {margin-right:200px;}
  .product .sLogo {height:70px; max-width:200px; top:-0.8em; display:flex; align-items:center;}
  .product .slider-for, .slider-nav {display:block; margin-left:-15px;}
  .buyBox {padding-right:0;}
  .footerNav .row {display:block;}
  .footerNav .col {border-top:none;}
  .categoryPage .sLogo {height:70px; max-width:200px;}
  .categoryPage h2 {margin-left:200px; margin-right:200px;}
  .categoryCols .teaser .content {height:auto; min-height:8.6em;}
  .t2 .teaser .pic {width:33%; float:left;}
  .t2 .teaser .pic img {display:block; max-width:90%; margin:0 auto;}
  .t2 .teaser .content {float:right; width:66.6%; max-width:366px;}
  .t4 .teaser.tSmall .pic {width:215px; margin:0 auto;}
  .steps li .txt {display:block; padding-left:10px;}
  .steps .stepCur .txt {font-weight:bold;}
  .accountNav {margin-top:1.4em;}
  .accountNav ul {list-style-type:none; margin:0 -5px 0 -15px; padding:5px 10px; background-color:#e8e8e8;}
  .accountNav li {margin:0; padding:0; border-top:1px #ccc solid;}
  .accountNav li.first {border:none;}
  .accountNav li a {position:relative; display:block; padding:1em; font-family:'Roboto Condensed'; font-weight:700; font-size:0.9em; text-transform:uppercase; letter-spacing:0.05em;}
  .accountNav li.act a {padding-left:2.5em; /*background-color:#cfdee4;*/}
  .accountNav li.act a:before {content:"\f105"; font-family:'Icomoon' !important; position:absolute; top:0.95em; left:1em;}
  .newsDetails .slider-for .slideBox {height:auto; aspect-ratio:1;}
}

@media screen and (min-width:1200px){
  .mainContainer {width:1140px;}
  body {font-size:16px;}
  .galleryHalf .colSlider h3 {padding:0.35em 0;}
  .gallery .slick-prev, .galleryHalf .slick-prev {left:-10px;}
  .gallery .slick-next, .galleryHalf .slick-next {right:-10px;}
  .categoryCols .fontL {font-size:1.1em;}
}

@media screen and (min-width:1280px){
  #headerMain {position:relative;}
  main {padding:40px 0; background-image:url('../img/bg_papier.jpg'); background-position:center center; background-size:cover; background-attachment:fixed;}
  #mainContent, .hasNotifications #mainContent {padding:30px; min-height:600px; width:1200px; max-width:100%; margin:0 auto; background-color:#fff;}
  .scrolled #headerBg {display:block;}
  .scrolled.hasNotifications #mainContent {margin-top:50px;}
  /*.productPage #mainContent {background-color:#e8e8e8; padding:10px 20px; border:10px #fff solid;}*/
  .cartPage #mainContent, .contactPage #mainContent {padding:10px 20px; border:10px #fff solid;}
  /*.contentPage #mainContent .mainContainer, .notificationbar .container {width:1040px;}
  #mainContent .mainContainer, .notificationbar .container {width:1130px;}*/
  .itemDel:hover {border-color:#000;}
  .productList .rowHeadline, .productList .rowContent {margin:0 -15px;}
  .t3 .teaser .pic img {max-width:280px;}
  .product .slider-for {height:565px;}
  .product .slider-for .slideBox, .product .slider-for .slick-slide {height:555px;}
  .product .slider-for .pic, .product .slider-for .pic img {max-height:530px; max-width:520px;}
  .product .slider-nav.visible {height:152px;}
  .product .slider-nav .slideBox {height:142px;}
  .product .slider-nav .pic, .product .slider-nav .pic img {max-height:120px; max-width:120px;}
  .imgFull {margin-left:-15px; margin-right:-15px;}
  .coverBlock img {transition:0.3s;}
  .coverBlock.hasLink:hover img {transform:scale(1.05);}
  .startPage #mainContent section:nth-child(2) .mainContainer {padding-top:0;}
  .tabLink {padding:1em 30px;}
  .tabContent {padding:2em 15px;}
  .productSlider .t4 .teaser .content {padding-left:10px; padding-right:10px;}
  .commission .rowContent {margin:0 -15px;}
  
  a.button:hover:after, a.buttonLight:hover:after, .hasTeaserLink:hover a.button:after {content:"\f105"; font-family:'Icomoon' !important; position:absolute; right:1em;}
  a.button:hover, .button:hover, .buttonLight:hover {text-decoration:none; color:#000; background-color:transparent; border:2px #000 solid;}
  /*.button:disabled {color:#fff !important; background-color:#000 !important;}*/
  a.noDeco:hover {text-decoration:underline;}
  #addToCart:hover {color:#fff; background-image:none !important;}
  .footerNav li a:hover {text-decoration:underline;}
  .hasTeaserLink:hover {transform:scale(105%); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5); transition:0.1s;}
  .hasTeaserLink:hover .button {transform:none; box-shadow:none;}
  .newsList .hasTeaserLink:hover {transform:none; box-shadow:none;}
  a.details span {display:block; float:left; padding:0.2em;}
}

@media screen and (min-width:1280px){
  #headerMain .navContainer {width:auto; max-width:85em; padding:0 235px 0 15px;}
  #headerMain a.logo {transform:translateX(110px); z-index:99; transition:none;}
  #headerBg {height:144px;}
  #headerNav {position:relative; left:0; max-height:150px; overflow:visible; background:#fff;}
  #headerNav ul.mainNav {padding:0; z-index:95; font-size:0.95em;}
  .mainNav li {float:left;}
  .mainNav .liMain {border:none;}
  .mainNav .aMain {position:relative; padding:1em 10px; min-width:1px;}
  .mainNav .hasSubs .aMain:after {content:""; display:none;}
  .subNav a {padding:0.7em 10px; width:auto; min-width:234px; text-align:left;}
  .subNav .first {float:none; text-align:left; margin-bottom:10px;}
  .subNav .first a {display:block; font-weight:bold; color:#fff; background:#303639;}
  #headerNav .subNav {position:absolute; left:0; padding-top:0.2em; margin-top:-0.2em; width:100%; max-height:800px; overflow:visible; text-align:left; background:transparent; transition:none;}
  #headerNav li:hover .subNav, #headerNav .clickOpened .subNav {visibility:visible;}
  #headerNav li:hover .subNav {z-index:5;}
  .subNav ul {padding-bottom:1em; margin:0; background-color:#fff; box-shadow:0 2px 6px 0 rgba(0,0,0,0.2);}
  .mainNav li:hover .aMain, .mainNav .clickOpened .aMain {color:#fff; background:#303639;}
  .menuBar {right:15px; z-index:96;}
  #navOpen, #navClose {display:none;}
  #searchLayer, #accountLayer {width:400px; top:100%;}
  .scrolled #headerMain {position:fixed; top:0; left:0; width:100%; min-height:0;}
  .scrolled #headerMain a.logo {position:absolute; top:-200px; left:50%; margin-left:-64px; transform:none;}
  .scrolled #headerMain a.logo:focus {top:50px; background-color:#fff;}
  .checkoutPage.scrolled #headerMain {position:relative; min-height:92px;}
  .checkoutPage.scrolled #headerMain a.logo {display:block;}
  .checkoutPage.scrolled #headerBg {display:none;}
}

@media screen and (max-width:1279px){
  #headerNav .opened .subNav {visibility:visible; display:block; max-height:1200px; transition-delay:0s;}
}
@media screen and (max-width:990px){
  .footerNav .mainContainer {padding-top:0;}
  .md-accordeon {border-bottom:1px #333 solid;}
  .md-accordeon .content {height:auto; max-height:1px; overflow:hidden; visibility:hidden; transition:max-height 0.5s, visibility 0s linear 0.5s;}
  .md-accordeon.opened .content {visibility:visible; max-height:3000px; transition-delay:0s;}
  .md-accordeon .opener {margin:0.5em 0; cursor:pointer;}
  .md-accordeon .opener:after {content:"\f105"; font-family:'Icomoon' !important; display:inline-block; float:right;}
  .md-accordeon.opened .opener:after {transform:rotate(90deg);}
}


@media screen and (max-width:766px){
  .tabContent {display:block; height:auto; max-height:1px; visibility:hidden; overflow:hidden; transition:max-height 0.3s, padding-bottom 0.3s, visibility 0s linear 0.3s;}
  .tab.act .tabContent {visibility:visible; max-height:3000px; padding-bottom:2em; transition-delay:0s;}
  .tabs .mainContainer, .recommend .mainContainer {padding:0;}
  .sm-accordeon {border-bottom:1px #333 solid;}
  .sm-accordeon .content {height:auto; max-height:1px; overflow:hidden; visibility:hidden; transition:max-height 0.5s, visibility 0s linear 0.5s;}
  .sm-accordeon.opened .content {visibility:visible; max-height:3000px; transition-delay: 0s;}
  .sm-accordeon .opener {margin:0.5em 0; cursor:pointer;}
  .sm-accordeon .opener:after {content:"\f105"; font-family:'Icomoon' !important; display:inline-block; float:right;}
  .sm-accordeon.opened .opener:after {transform:rotate(90deg);}
}
@media screen and (max-width:575px){
  .productList form, .productList .pagination {margin:0 -15px;}
  .contentPage #mainContent .mainContainer {width:540px;}
  .checkoutPage .text.iHalf, .checkoutPage .select.iHalf {width:100%;}
}
@media screen and (max-width:400px) {
  #cartLayer, #backToShop {font-size:0.9em;}
}
@media screen and (max-width:350px) {
  /*.menuBar {max-width:180px;}*/
  .menuBar a {width:45px;}
}
@media screen and (max-height:575px){
  .slider-full .slideBox, .slider-full .slick-initialized .slideBox.slick-slide {max-height:calc(100vh - 70px);}
}

@media print {
  html, body {margin:0; padding:0; background-color:#fff;}
  .bgLightGray {background-color:#fff;}
  #headerMain {position:absolute;}
  .container {width:auto;}
  .footerNav {display:none;}
  .printOnly {display:block;}
  .hidden-xs, .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .nlSection, .notificationbar {display:none !important;}
  address {font-style:normal;}
  .tabContent {display:block;}
}