@font-face {
  font-family: 'kts';
  src: url('bilder/fonts/AeroviasBrasilNF.otf') format('opentype'),
       url('bilder/fonts/AeroviasBrasilNF.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


/* Formatierungen für beide Shops */
h2 {padding:10px 0px;}
h3 {padding:10px 0px;}
h4 {padding:10px 0px;}
.hundert {width: 100%;}

/* Startseite Coffeemakers */
.liste-klein {list-style: none; margin: 0; padding: 0; display: flex; gap: 1rem; flex-wrap: wrap;}
.liste-klein li {border: 1px dotted #5c3208; padding: 0.5rem 1rem; font-size: smaller;}



/* Startseite KaffeeTechnik Shop */
.kasten {border: solid 3px rgb(89, 71, 67); padding: 10px; background-color:rgb(235, 235, 235);}
.kasten-leer {border: solid 3px rgb(89, 71, 67); padding: 10px;}




/* Explosionszeichungen */
.table-exp {font-size:14px;}
.table-exp th {border: 1px solid #000; padding: 5px; background-color: #000; color: #fff; font-size: 12px;}
.table-exp td {border: 1px solid #000; padding: 5px; background-color: #f0f0f0;}
.exp-grey {color: gray !important;}
.exp-teaser {display: flex; flex-direction: column; align-items: center; text-align: center;margin-bottom: 50px;}
.start-hauptkat {display: flex; flex-direction: column; align-items: center; text-align: center; margin-top:10px; border: 4px; border-style:solid; border-color:rgb(89, 71, 67);}
.start-hauptkat-txt {display: flex; flex-direction: column; align-items: center; text-align: center; padding:10px; background-color: rgb(89, 71, 67);}
.start-hauptkat-txt a {color:#fff; font-weight: bold; font-size: 20px;}
.table-responsive {width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; /* für flüssiges Scrollen auf iOS */ }
.img-zoom {width: 100%;   height: auto;   transition: all 0.3s ease;  max-width: 100%;   cursor: zoom-in;  object-fit: contain;}
.img-zoom:hover {   width: auto;  max-width: none;  position: relative;  z-index: 10;}

.img-responsive { height: auto; max-width: 100%;}

/* Atikelbeschreibung */
  .siebverti {display:table; height:445px; padding: 40px 0px;}
  .siebverti_kaffee {display:table; height:400px; padding: 0px;}
  .siebback {display: table-cell; vertical-align: middle; padding-left:20px;}
  .siebtext_back_kaffee h2 {font-weight: bold;text-align: left;line-height: 28px;padding-bottom: 10px;margin-top: 10px !important;letter-spacing: 0.05em;}
  .siebtext {text-align: justify; line-height: 24px;margin-bottom: 10px !important;letter-spacing: 0.05em;}
  .siebtext ul {text-align:left;}
  .siebtext h2 {font-weight: bold;text-align: left;line-height: 28px;padding: 10px;margin-top: 10px !important;letter-spacing: 0.05em;}
  .siebback {background-color: #f5f5f5;border: 2px dotted #f5f5f5;padding-bottom: 10px;margin-top: 30px;margin-right: 30px;margin-left: -30px;}
  .siebtext img {margin-bottom:10px;}
  .siebtext_back h2 {font-weight: bold;text-align: left;line-height: 28px;padding-bottom: 10px;margin-top: 10px !important;letter-spacing: 0.05em;}
  .siebtext_back h3 {text-align: left;line-height: 28px;padding-bottom: 10px;margin-top: 10px !important;letter-spacing: 0.05em;}
  .siebtext_back {text-align: left; line-height: 24px; margin-bottom: 10px !important;letter-spacing: 0.05em;}
  .siebtext_back_kaffee { text-align: left; line-height: 24px; margin-bottom: 10px !important;letter-spacing: 0.05em;padding-right:10px;}
  .siebrow {padding-top:40px; clear:both;  display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
  .siebrow > [class*="col-"] {padding-left: 15px;padding-right: 15px;}
  .siebtext_back img {height: 30px;margin-bottom: 12px; padding-right:3px;}
  .siebtext_back ul {margin-bottom:20px;}
  .properties-label {width: 33%;}
  .cms-block-gallery-buybox {overflow: unset !important;}
  .product-detail-buy .product-detail-delivery-information .delivery-information.delivery-available {background-color: #dbf8e4; color: #00a046;}

  .kb {display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; max-width: 500px;}
  .kb_text {margin-right: 10px;}
  .kb_tassen {text-align: right; white-space: nowrap;}
  .kb_tassen .fa-coffee {margin-left: 2px;}

.product-detail-tabs .nav-item {border: #594743 1px solid;}

  /* Konfigurator */
  .dvsn-set-configurator div.stream.is--template-slider div.product-slider div.base-slider-controls .product-slider-controls-next {opacity: 1 !important; background: #4a0700;}
  .dvsn-set-configurator div.stream.is--template-slider div.product-slider div.base-slider-controls .product-slider-controls-prev {opacity: 1 !important; background: #4a0700;}

/* Kategorie beide Shops */
 .product-name {min-height: 50px !important;}
 .btn-buy {margin-top:15px !important;}
 .product-price {color: #2b3136; min-height: 20px; margin-top: 10px; margin-bottom: 0; font-size: 20px; font-weight: 600; line-height: 1;}

/* Kategorie Coffeemakers */
.mehrlinks {border:rgb(89, 71, 67) dotted 1px; padding:8px;border-radius: 5px;}

/* Kategorie KaffeeTechnik Shop */
h2.mehrinfos {font-size: 16px; font-weight: 700; margin-bottom: 5px;}
.mehrinfos {list-style: none; margin: 0; padding: 0; display: flex; gap: 1rem; flex-wrap: wrap;}
.mehrinfos li {border: 1px dotted #4a0700; padding: 0.5rem 1rem; font-size: 12px;}

 /* Ersatzteilsuche */
 .category-selector-wrapper {margin-top: -25px !important;}
 .category-selector-wrapper .custom-select  {border: solid black 1px;}

 /* Formular */
 .form-select {border: 1px solid #ECECE7;}

  @media screen and (max-width: 764px) {
    .img-zoom {transition: none; transform: none !important; cursor: default;  }
    .img-zoom:hover { transform: none !important;}
  }

  /* Warenkorb */
  .line-item-delivery-date {font-size: 1.2rem !important;}
  .form-check-input {border:1px solid #000000;}

  .typenliste ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.typenliste li {
border: 1px dotted #666;
  padding: 8px 14px;
  border-radius: 6px;
  background-color: #fafafa; /* leichter Kontrast */
  font-size: small;
}


.js-magnifier-zoom-image-container {height: 515px;}


/* Änderungen nach Update am 10.12.2025 */
.header-info-col-inner {display: none !important;}
.dropdown-menu {background-color: #fff;}
.navigation-flyout-category-link {display: none !important;}
.main-navigation-link.active {background-color: #fff !important;}
.main-navigation-link:hover {background-color: #fff !important;}
.product-image {max-height:440px;}
.ssik-product-card-liberty .ssik-listing .product-box .product-badges .badge {padding: 1px 3px 1px 3px;}

@media (min-width: 768px) {
    .main-navigation-menu .nav-item:not(:last-child) {
        padding-right: 5rem;
    }
}



/***************** NEU ****************/

/** Header **/
.header-row {min-height: 120px;border-bottom: solid 3px #C69129;}
.h1-header {position: absolute; left:25%; top:30%; font-family: 'kts'; font-size: 45px;}
.main-navigation {border-bottom: solid 3px #C69129;}
.top-bar {height: 10px;}
.header-logo-main-img {margin: 5px 0px 0px 20px;}
.breadcrumb {margin-left: 20px; margin-top: -50px;}
.main-navigation-menu-list {background-color: #594743;}
.navbar {margin-top: -10px;}
.nav-main .main-navigation-menu-list {margin-top: 10px;}
.main-navigation-menu-list 
.main-navigation-link-name {color: #ffffff;background-color: #594743;}
.main-navigation-menu-list .main-navigation-link {color: #ffffff;background-color: #594743; font-weight: 600;}
.main-navigation-menu-list 
.main-navigation-link:hover,
.main-navigation-menu-list 
.main-navigation-link:focus,
.main-navigation-menu-list 
.main-navigation-link.active,
.main-navigation-menu-list 
.main-navigation-link.is-active {
    color: #ffffff; background-color: #594743 !important;
}


.main-navigation-menu-list 
.main-navigation-link.active 
.main-navigation-link-name {
color: #ffffff; background-color: #594743; font-weight: 800; padding:0px; margin:0px;
}

/** Startseite **/
/* Slider */
.cms-element-zen-image-slider {margin-top: -25px;}
.exp-start-text {font-size: 10px;}

/* 2. Navi-Ebene */

.kts_grid {
  max-width: 100%;
  margin: 0 auto;
  display: grid;
  gap: var(--gap);
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas:
    "a1 a1 a2 a3"
    "a4 a5 a5 a6";
}

/* Basis für alle Bereiche */
.kts_tile {
  width: 100%;
  border-radius: var(--radius);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.25s ease;
  border: #ffffff 2px solid;
}

/* Formate */
.kts_square {
  aspect-ratio: 1 / 1;
}

.kts_rect {
  aspect-ratio: 2 / 1;
}

/* Zuordnung der Bereiche + Hintergrundbilder */
.kts_area-1 { 
  grid-area: a1; 
  background-image: url("/bilder/layout/start-kts-siebtraeger.jpg");
  text-decoration: none;
}

.kts_area-2 { 
  grid-area: a2; 
  background-image: url("/bilder/layout/start-kts-espressomuehlen.jpg");
  text-decoration: none;
}

.kts_area-3 { 
  grid-area: a3; 
  background-image: url("/bilder/layout/start-kts-vollautomaten.jpg");
  text-decoration: none;
}

.kts_area-4 { 
  grid-area: a4; 
  background-image: url("/bilder/layout/start-kts-espressozubehoer.jpg");
  text-decoration: none;
}

.kts_area-5 { 
  grid-area: a5; 
  background-image: url("/bilder/layout/start-kts-ersatzteile.jpg");
  text-decoration: none;
}

.kts_area-6 { 
  grid-area: a6; 
  background-image: url("/bilder/layout/start-kts-sales.jpg");
  text-decoration: none;
}


.kts_area-1:hover, .kts_area-2:hover, .kts_area-3:hover, .kts_area-4:hover, .kts_area-5:hover, .kts_area-6:hover {text-decoration: none;}

/* Textposition */
.h2_2NavEbene {
  position: relative;
  color:#ffffff;
  left: 5%;
  bottom: -85%;
  font-size: 35px;
  font-style: oblique;
  font-weight: 600;
}

/* Tablet */
@media (max-width: 1180px) {
  .cms-element-zen-image-slider {margin-top: -15px;}
  .h1-header {position: absolute; left:20%; top:35%; font-size: 25px;}
  .h2_2NavEbene {
    top: 80%;
  }
    .kts_grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas:
      "a1 a2"
      "a3 a4"
      "a5 a6";
  }

    /* Alle Container auf Mobile quadratisch */
  .kts_tile {
    aspect-ratio: 1 / 1;
  }
}


/* Mobile Layout */
@media (max-width: 640px) {

  .h1-header {position: absolute; left:25%; top:50%; font-size: 16px;}

  .h2_2NavEbene {
    top: 75%;
    font-size: 16px;
  }


}

/* Hover-Effekt */
@media (hover: hover) {
  .kts_tile:hover {
    transform: scale(1.02);
  }
}


/** Footer **/
/* Footer KTShop */
.footer-main {border-top: solid 3px #C69129 !important;}
.footer-newsletter-column {display: none;}
.footer-columns {margin-left:20px;}

/* Produktseite */
.product-detail-name {padding: 16px 0px 0px 16px;}
.product-detail-form-container .product-detail-quantity-group {padding-top: 16px;}
.gallery-slider .tns-item {border: #000 2px solid;}
.product-box .product-image-wrapper {background-color: #ffffff;}
.has--validation-icons {margin-bottom: 50px; margin-top: 50px;}
.product-slider:not(.has-border) {margin: 0px;margin-top: -40px;}

/* Kategorieseite */
.cms-block-container-row.has--sidebar {background-color:#eaeaea;}
.cms-block-sidebar-filter {background-color:#eaeaea;}
.category-navigation-link {background-color:#eaeaea;}
.category-navigation-link.is-active {background-color:#eaeaea; font-weight: 800;}
.product-box.card .card-body {border: 2px solid #594343;}
.h1-kategorie {margin: -10px 5px;}
.cms-element-product-listing-wrapper {padding-left: 20px;}
.product-box .product-description {display: none;}
.category-navigation-link:hover {text-decoration: none !important; font-weight: 800;}

/* Kategorieseite: Unterkategorien */
.kts-unterkat-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 40px;
  align-items: stretch;
}
.kts-unterkat-tile{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  text-decoration: none;
}
.kts-unterkat-tile:hover{
  filter: brightness(1.05);
}
.kts-unterkat-img{
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
} 

.product-box .product-action {border-right: #594743 solid 2px;border-left: #594743 solid 2px;border-bottom: #594743 solid 2px;}

/* Checkout, Kundenkonto usw. */
.checkout-container {padding-left: 30px; padding-right: 30px;}

/* Mobile: 2 nebeneinander */
@media (max-width: 768px){
  .kts-unterkat-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}

@media (max-width: 1024px) {
    .breadcrumb {display: none;}
}

@media (max-width: 768px) {
    .breadcrumb {display: none;}
}




.cms-block {margin-left:5px; margin-right:5px;}