/* tpl_plugins.min.css | https://modified.sindhuber.at/templates/i24-sindhuber/css/tpl_plugins.min.css?v=1751118394 */

@media only screen and (max-width: 1224px) {
  .banner_item_content {

    bottom: 35px;
  }
}


/* tpl_plugins.min.css | https://modified.sindhuber.at/templates/i24-sindhuber/css/tpl_plugins.min.css?v=1751118394 */

@media only screen and (max-width: 410px) {
  .search-expanded-wrapper {
    top: 85px;
  }
}


/* tpl_plugins.min.css | https://modified.sindhuber.at/templates/i24-sindhuber/css/tpl_plugins.min.css?v=1751118394 */

.close-button {
  /* font-size: 2; */
  /* font-size: 2e; */
  font-size: 2em;
}



/* 
Kategorie vorschaubild als  spotter - etwas schmaler -damit die Seite kompakter wird

stylesheet.min.css | https://modified.sindhuber.at/templates/i24-sindhuber/stylesheet.min.css?v=1750673062 */

.cat_description_image {
  /* height: 300px; */
  height: 95px;
}


@media only screen and (max-width: 600px) {
  .cat_description_image {
    /* height: 300px; */
    height: 50px;
  }
}



/* user.css | https://modified.sindhuber.at/templates/i24-sindhuber/css/user.css?v=1751310997 
Bildbeschreibung

*/

.splide__slide .bildbeschreibung {
  left: 22px;
  font-size: 1.5vh;
}



/*

product bild - js bereits geändert...
*/

/* 1) Dem Splide-Slider eine echte Höhe geben
      – entweder per CSS-Variable, per %-Kette oder per reinem CSS */
#splide01 {
  height: 100%;          /* oder z.B. 550px, 60vh, … */
}

/* 2) Track & Slide strecken, damit 100 % wirklich unten ankommen */
#splide01 .splide__track,
#splide01 .splide__slide {
  height: 100%;
}

/* 3) Das Bild selbst voll in den Slide einpassen, ohne Verzerrung */
#splide01 .splide__slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;   /* = ganzes Bild sichtbar, Black-Bars vermeiden */
}


/* bildbeschreibung nochmal angepasst*/
.bildbeschreibung {
  color: white;
  background: #424242ab;
  padding-left: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
}

/*
checkout logo
IN: /modified_shop/templates/i24-sindhuber/index.html

  {else}
  
    <div class="layout_header_checkout">
      <div class="layout_header_checkout_inner">

          <div class="col_logo_checkout"><img src="{$tpl_path}img/Sindhuber_Logo_mobileDevices.svg" alt="{$store_name}" />
          <div class="col_logo_back">
            {if strpos($smarty.server.PHP_SELF, $smarty.const.FILENAME_CHECKOUT_SUCCESS) !== false}
              <a href="{$index}" title="{#link_index#} &bull; {$store_name}">{#header_back_to_shop#}</a>
            {else}
              <a href="{$smarty.const.FILENAME_SHOPPING_CART|xtc_href_link}" title="{#link_index#} &bull; {$store_name}">{#header_back_to_cart#}</a>
            {/if} 
          </div>
        </div>
      </div>
    </div>  
  
  {/if}

*/

.col_logo_back {
  padding: 0 0 0 20px;
  position: absolute;
  right: 10px;
  top: 10px;
}

.col_logo_checkout {
  height: 80px;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: stretch;
}

.col_logo_checkout img {
  vertical-align: top !important;
  height: 100%;
  width: auto;
  max-width: none;
  display: block;
  object-fit: unset;
}

@media only screen and (min-width: 985px) {
  .layout_header_checkout_inner {
    padding: 0px;
    padding-bottom: 0px;
  }
}


/* stylesheet.min.css | https://modified.sindhuber.at/templates/i24-sindhuber/stylesheet.min.css?v=1750673062 */

.layout_header_checkout_inner {
    padding: inherit;
}


/* stylesheet.min.css | https://modified.sindhuber.at/templates/i24-sindhuber/stylesheet.min.css?v=1750673062 */



.col_logo_back a::before {
  top: 0px;
}



/*

ICONS immer noch nicht fertig gefixt - in der mobilen version Anzahl artikel im warenkorb sonst nicht sichtbar.

*/

#cart_short > a, #wishlist_short > a, #account_short > a, #settings_short > div, #menu_short > div, #search_short > div {
  background: transparent;
  border: 0px;
}

.fa-solid.fa-globe {
  font-size: 10px;
}

/* stylesheet.min.css | https://modified.sindhuber.at/templates/i24-sindhuber/stylesheet.min.css?v=1750673062 */

#cart_short .fa-solid, #cart_short .fa-regular, #wishlist_short .fa-solid, #wishlist_short .fa-regular, #settings_short .fa-solid, #settings_short .fa-regular, #account_short .fa-solid, #account_short .fa-regular, #menu_short .fa-solid, #menu_short .fa-regular {
  /* font-size: 20px; */
  font-size: 30px;
}

#account_short .fa-solid, #account_short .fa-regular {
  /* font-size: 18px; */
  font-size: 30px;
}



/* tpl_plugins.min.css | https://modified.sindhuber.at/templates/i24-sindhuber/css/tpl_plugins.min.css?v=1750788407 */

@media only screen and (max-width: 985px) {
  .col_cart, .col_wishlist, .col_account, .col_settings, .col_menu {
    /* margin-top: -52px; */
    margin-top: -34px;
  }
}



/* user.css | https://modified.sindhuber.at/templates/i24-sindhuber/css/user.css?v=1750970543 */

#cart_short .fa-solid, #cart_short .fa-regular, #wishlist_short .fa-solid, #wishlist_short .fa-regular, #settings_short .fa-solid, #settings_short .fa-regular, #account_short .fa-solid, #account_short .fa-regular, #menu_short .fa-solid, #menu_short .fa-regular {
  /* font-size: 30px; */
  font-size: 23px;
  font-weight: bolder;
}

#account_short .fa-solid, #account_short .fa-regular {
  /* font-size: 30px; */
  font-size: 25px;
  margin-top: 1.1px;
}


/* user.css | https://modified.sindhuber.at/templates/i24-sindhuber/css/user.css?v=1750971760 

Anzahl Produkte im Warenkorb im mobilen Bereich etwas runter
*/

@media only screen and (max-width: 985px) {
  #cart_short .count, #wishlist_short .count {
    /* top: -1px; */
    top: -2px;
    border: 2px solid #fff;
    letter-spacing: 1px;
    right: -8px;
  }
}


/* stylesheet.min.css | https://modified.sindhuber.at/templates/i24-sindhuber/stylesheet.min.css?v=1750673062 

Anzahl Produkte im Warenkorb im mobilen Bereich  - weiter auseinander
*/

#cart_short .count, #wishlist_short .count {
  /* background: var(--count_cart_wishlist_bg, #333); */
  background: #555;
  letter-spacing: 1px;
  
    padding-left: 4px;
    padding-right: 4px;  
}


/* Wenn kein nennenswerter Rabatt (>2 %) vorliegt */
.pd_price .special_price.no_padding {
  padding: 0;
}


.ordertotal_row {
  display: flex;
  flex-wrap: wrap; /* <--- DAS FEHLT */
  padding: 12px 10px;
  border-bottom: 1px solid #e1e1e1;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
}