/* CSS Storeseiten */
.nlimgtest {background: url("/v30/cms/Image/2024/kw49kollektion/nl-teaser.webp") no-repeat center;background-color:var(--kdg_trendcolour_primary)!important;width:100%;height:444px;float:right;}
.background-image.damen{background-image:url(/v30/localpictures/theme/laden/staedte/damen-kollektionen.webp)}
.background-image.herren{background-image:url(/v30/localpictures/theme/laden/staedte/herren-kollektionen.webp)}
.background-image.wohnen{background-image:url(/v30/localpictures/theme/laden/staedte/home-kollektionen.webp)}
.background-image.kinder{background-image:url(/v30/localpictures/theme/laden/staedte/kinder-kollektionen.webp)}
.background-image.cafe{background-image:url(/v30/localpictures/theme/laden/staedte/cafe-kollektionen.webp)}

/* Newsletter*/
.teaser.newsletter {background: var(--kdg_trendcolour_primary);height: 444px;display: flex;justify-content: center;align-items: center;margin-top: 20px;}
.teaser .element {vertical-align: top;width: 100%;display: flex;}
.teaser .inner_newsletter_content{display: flex;flex-direction: column;padding: 0 20px;}
.teaser.newsletter .newsletter_content, .teaser.newsletter .newsletter_image {display: flex;float: left;align-content: center;flex-wrap: wrap;}
.teaser .container .checkmark::after {background:var(--nl-check-colour);top: 6px;left: 6px;width: 8px;height: 8px;}
.teaser .container .checkmark {background: var(--kdg_trendcolour_primary);border: 2px solid var(--nl-font-colour);}
.teaser .container input:checked ~ .checkmark {background-color: var(--kdg_trendcolour_primary);border: 2px solid var(--nl-font-colour);}
.teaser .container:hover input ~ .checkmark {background-color:var(--kdg_trendcolour_primary);border: 2px solid var(--nl-font-colour);}
.teaser .checkmark {border: 2px solid var(--nl-font-colour);height: 24px;width: 24px;}
.teaser .font_32px {font-size: 32px;}
.teaser .newsletterbutton:hover {box-shadow: -6px -6px 0px var(--nl-font-colour);}
.teaser .newsletterbutton {background:var(--nl-check-colour);color:var(--nl-font-colour);}
.nl-img-container {width: 60%;overflow: hidden;display: block;float: right;}
@media only screen and (min-width: 100px) and (max-width: 900px) {
.nlimgtest {background:none;display:none !important;}
.teaser .element {display: block;}
}
/* Newsletter*/

.staedte_link_2 a {border: none;padding: 5px;text-decoration: none;}
h1.storeseite{text-align: center;font-size: 34px;font-family: var(--kdg_trendfont);margin: 10px 0;color: var(--kdg_trendcolour_primary);}
#InnerContentContainer h5.nosto-heading {font-size: 32px !important;font-family: var(--kdg_font_medium) !important;margin: 30px 0 20px !important;}
.inner_newsletter_content h2{font-size: 32px !important;font-family: var(--kdg_font_medium) !important;}
.detail_laden_container li {margin: 0;width: 47%;box-sizing: border-box;}
.storeseite_text {font-size: 16px;margin: 0 0 20px;text-align: center;padding: 0 10px;}
.storeseite_info {font-size: 16px;margin-bottom: 20px;text-align: center;padding: 0 10px;justify-items: center;}
.btn {border: none;background-color: var(--kdg_trendcolour_secondary);color: #101010;padding: 4px 12px;font-size: 16px;cursor: pointer;display: inline-block;width: 135px;text-align: center;letter-spacing: .5px;}
.btn.jobs {margin-right: 6px;}
.storeseite_info .text {margin-bottom:20px;}
.storeseite_info .text a{font-size: 16px;}
.storeseite_info .text a:hover {color: var(--kdg_trendcolour_primary);}
.storeseite_text h4{font-size: 18px;margin: 10px 0;}

.storeseite_bilder {display: grid;grid-auto-flow: column;width: 100%;gap: 10px;margin-bottom: 20px;}
.storeseite_bilder img {width: 100%;}

.storeseite_kollektionen .kollektionen_auswahl .background-image{width:100%;padding-top:100%;background-size:cover;background-position:center;background-repeat:no-repeat}
.storeseite_kollektionen.vier .kollektionen_auswahl{display:grid;grid-auto-flow:column;width:100%;gap:10px;margin-bottom:20px;grid-template-columns:1fr 1fr 1fr 1fr}
.storeseite_kollektionen h2{font-family:var(--kdg_font_medium);font-size:32px;text-align:center}
.storeseite_kollektionen a div{font-size:17px;position:relative;font-family:var(--kdg_font_medium);text-align:center;padding-top:5px}
.stores{display:flex;margin:20px 0;flex-direction:column;align-items:center}
.stores .storeseite_text{margin:0 0 15px}
.stores a{font-size:16px;text-align:center;padding:4px 10px;width:135px;background:var(--kdg_trendcolour_secondary);letter-spacing:.5px}
.address_wrapper {display: grid;grid-template-columns: 250px 250px;column-gap: 90px;row-gap: 10px;margin: 10px 0;justify-content: center;}
.filter-buttons {margin-bottom: 15px;text-align: center;}
.filter-buttons button {padding: 5px 15px;margin-right: 10px;border: 1px solid var(--kdg_trendcolour_primary);cursor: pointer;font-size: 16px;background-color: #ffffff;transition: background-color 0.3s ease;color:#000;}
.filter-buttons button.active {background-color: var(--kdg_trendcolour_primary);color: #fff;}
.kollektionen_auswahl .hidden {display: none !important;}

.store_drawing svg {width: 100%;height: 31vw;max-height: 350px;color: var(--kdg_trendcolour_primary);}

@media only screen and (min-width: 100px) and (max-width: 719px){
   .detail_laden_container li {width: 100%;box-sizing: border-box;}
   h1.storeseite{font-size: 28px;}
   #InnerContentContainer h5.nosto-heading {font-size: 28px !important;margin: 0 0 20px !important;}
   .storeseite_text {font-size: 14px;}
   .storeseite_info .text a {font-size: 13px;}
   .storeseite_info {font-size: 14px;}
   .btn{font-size: 14px;}
   .inner_newsletter_content h2 {font-size: 28px !important;}
   .teaser .font_20px, .teaser .container, .teaser .newsletterbutton {font-size: 18px;}
   .storeseite_bilder {grid-auto-flow: row;}
   .storeseite_kollektionen.vier .kollektionen_auswahl{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-auto-flow:row}
   .storeseite_kollektionen h2{font-size:28px}
   .stores a{font-size:14px;width:122px}
   .storeseite_info .address_wrapper .text a {font-size: 13px;}
   .address_wrapper {column-gap: 20px;row-gap: 10px;grid-template-columns: 200px 200px;}
   .filter-buttons button {font-size: 14px;}
   .storeseite_text h4{font-size: 16px;}
}

@media only screen and (min-width: 100px) and (max-width: 500px){
	.address_wrapper {grid-template-columns: 240px;row-gap:0;}
   .storeseite_info .address_wrapper .text {margin-bottom: 0px;border-bottom: 1px solid;padding-bottom: 1em;}
    .storeseite_info .address_wrapper .text:last-child {border: none;}
}

:root{
   --nl-check-colour: #000000;
   --nl-font-colour: #fff;
}