/* Theme Name: BIQ Theme
Theme Description: BIQ Theme for Wordpress
Theme URI: secret;
Version: 1.2
License: GNU General Public License v2 or later
License URI: all rights to 2code UG
Author: 2code;
Author URI: https://2-code.de
Tags: theme,responsive;
*/

@import url("bootstrap/css/bootstrap.min.css");
@import url("css/styles.css");
@import url("css/bugfixes.css");
/*@import url("css/responsive.css");*/
.single-katalog {
    padding-bottom: 50px;
}

.single-product .woocommerce-breadcrumb
{
    display:none;
}

.single-product .site-main
{
    padding-top:30px;
}
/*
#product-search-filter-price-slider-0
{
    display:none;
}
*/

#product-search-filter-category-0
{
    padding-top:30px;
}
.woocommerce-result-count
{
    padding-top:0;
}

.wc-product-sidebar
{
    padding-bottom:30px;
}

.wc-product-sidebar svg
{
    display:none;
}

@media(max-width:991px)
{
    .wapp-noti-bubble
    {
        display:none;
    }

    .back-to-top {
       
        bottom: 10px;
        left: 10px;
      
        padding-left: 10px;
        padding-right: 10px;
       
        line-height: 1;
    }

}



.cart-contents {
    position: relative;
    display: flex !important;
    flex-flow: column nowrap;
    justify-content: center;
    height:60px;
    width:60px;
    background-image:url('img/cart-icon.png');
    background-repeat:no-repeat;
    background-size:contain;
}
/*
.cart-contents:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;	
    content: "\f290" !important;
    font-size: 50px;
    color: #026A85;
}
*/

.cart-contents:hover {
    text-decoration: none;
}

.cart-contents-count {
	position: absolute;
    	top: 15px;
   	right: 1px;
   	transform: translateY(-105%) translateX(25%);
	
	font-weight: normal;
	font-size: 12px;
	line-height: 22px;
	height: 22px;
   	width: 22px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
    	background: #000;
    	border-radius: 50%;
    	padding: 1px;  
}

.cart-icon
{
    float:right;
    width:100%;
    text-align:right;
}

.cart-icon li
{
    list-style-type:none;
    float:right;
}

.cart-icon li a
{
    float:right;
    margin-right:22px;
    
}

.cart-icon span
{
    float:left;
    width:100%;
}

.cart-contents-count
{
    bottom:4px;
    background:none;
    top:auto;
    right:10px;
    font-size:15px;
}

#order_review .legal label
{
    float:left;
    width:100%;
    margin-top:30px;
}

.woocommerce form .form-row .input-checkbox
{
    /*margin: -15px 8px 0 0;*/
    position: static;
    vertical-align:basement;
}

#max_price,#min_price
{
    display:inline-block !important;
}
.woocommerce-product-search button,.price_slider_amount button
{
    background-color: #026A85 !important;
    border:none;
    color:white !important;

    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 700;
    border-radius: 3px;
    left: auto;
  
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
}

table.price-rules-table td
{
	padding: 9px 12px !important;
}

table.price-rules-table .woocommerce-Price-amount
{
	font-size:18px !important;
}

.wp-block-group { padding-top:40px; padding-bottom:40px; background-color:#f0f2f4;
    .wp-block-columns { padding-left:20px; padding-right:20px; }
}

.single_gutenberg_wrap {
	& > .inner { max-width:1170px; margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px; }
	h1 { margin-bottom:2rem; }
	ul, ol { margin-left:1rem; }
}

.page-template-gutenberg-template {
    --color_main: #8a8a8a;
    --color_orange: #fe6333;
    .section { margin-top:0; }
    .wp-block-group.alignwide > * { max-width:1170px; margin-left:auto; margin-right:auto; }
    h1, h2 { color:var(--color_main); font-weight:bold; text-transform:none; }
    ul, ol,
    p { color:var(--color_main); }
    ul { list-style:none; padding-left:0;
        li { padding-left:30px; position:relative; }
        li:before { content:' ... '; position:absolute; left:5px; top:0; }
    }
    .wp-block-column { display:flex; flex-direction:column; }
    footer { margin-top:0; }
    .wp-block-columns {
        &:last-child { margin-bottom:0; }
    }
    :where(.wp-block-columns.is-layout-flex) { gap:16px; }
    .wp-block-columns.are-vertically-aligned-center { height:100%;  }
    .wp-block-column.has-layout-1 { background-color:white; border-radius:10px; padding:0 0 20px 0; display:flex; align-items:stretch;
        & > .wp-block-image { align-self:center; width:100%; }
        strong { color:var(--color_orange); }
    }
    p:last-child { margin-bottom:0; }
    :where(.wp-block-columns) { margin-bottom:20px; }
    img { max-width:100%; height:auto; }
}

@media screen and (max-width:781px) {

    .page-template-gutenberg-template {
        .wp-block-column.has-padding-xs-1 { padding:20px; }
    }

}

@media screen and (min-width:782px) {

    .page-template-gutenberg-template {
        .wp-block-column.has-layout-1 { padding:0; }
        .wp-block-column.has-padding-md-1 { padding:20px; }
    }

}

@media screen and (min-width: 1600px) {

    .page-template-gutenberg-template .wp-block-group.alignwide > * {
        max-width: 1570px;
    }

}

/* Daschmi: Postslider BEGIN */

.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}

.biq_postslider { background-color:#FFFFFF; display:flex; align-items:stretch; justify-content:flex-start; min-height:300px; border-radius:10px; overflow:hidden;
    box-shadow:0px 5px 15px rgba(125, 125, 125, 0.5);
    & > .side { width:40px; background-color:#fe6333; flex-shrink:0; position:relative;
        & > a:first-child { position:absolute; left:0; top:5px; width:40px; height:40px; transform:rotate(180deg);
            color:white; background-image:url('/wp-content/themes/biq/gfx/arrow.svg'); background-repeat:no-repeat; background-position:50% 50%; background-size:20px 20px;
        }
        & > .title { text-transform:uppercase; padding-left:40px; padding-right:40px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-90deg); text-align:center; white-space:nowrap; font-weight:bold; color:white; }
        & > a:last-child { position:absolute; right:0; bottom:5px; width:40px; height:40px;
            color:white; background-image:url('/wp-content/themes/biq/gfx/arrow.svg'); background-repeat:no-repeat; background-position:50% 50%; background-size:20px 20px;
        }
    }
    & .slider_wrap_outer { width:calc(100% - 40px);
        .slide_inner { display:flex; gap:10px; padding:15px; justify-content:space-between; flex-direction:column-reverse;
            .left { display:flex; flex-direction:column; justify-content:space-between; justify-self:stretch;
                h2 { color:var(--color_main); margin-top:0; margin-bottom:8px; text-transform:none; font-size:22px; font-weight:bold; }
                p { color: var(--color_main); }
            }
            .right { align-self:stretch; flex-shrink:0; width:100%;
                img {  height:auto; width:100%; }
            }
        }
    }
    .content { color:var(--color_main); }
    strong { color:#fe6333; }
 }

@media screen and (min-width:768px) {

    .biq_postslider {
        & .slider_wrap_outer {
			.slide_inner { flex-direction:row;
				.right { width:40%; }
			}
        }
    }

}

.wp-block-column.is-vertically-aligned-stretch > .biq_postslider { height:100%; }

/* Daschmi: Postslider ENDE */

body.term-aesculap .catalog_pdf:first-of-type {
    position: relative; /* Wichtig für die absolute Positionierung der Sprechblase */
}

body.term-aesculap .catalog_pdf:first-of-type::before {
    /* Sprechblasen-Inhalt */
    content: "Für uns immer schon die Mutter aller Instrumentenkataloge, quasi unsere: „Aesculap-BIBEL“ \A \A NEU - im top-aktuellen Design";
    white-space: pre-wrap; /* Zeilenumbrüche mit \A erlauben */
    text-align: center; /* Text zentrieren */
    
    /* Positionierung */
    position: absolute;
    bottom: calc(100% + 10px); /* 10px Abstand nach unten */
    left: 50%; /* Horizontal zentrieren */
    transform: translateX(-50%); /* Genau mittig ausrichten */
    width: 250px; /* Feste Breite für die Sprechblase */
    
    /* Design der Sprechblase */
    background: white;
    border: 2px solid yellow;
    border-radius: 8px;
    padding: 12px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    font-family: Arial, sans-serif;
    font-size: 14px;
    z-index: 1000;
}

/* Dreieck-Pfeil unten an der Sprechblase (mittig) */
body.term-aesculap .catalog_pdf:first-of-type::after {
    content: "";
    position: absolute;
    bottom: 100%; /* Direkt unter der Sprechblase */
    left: 50%; /* Horizontal zentrieren */
    transform: translateX(-50%); /* Genau mittig ausrichten */
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid yellow; /* Farbe wie die Sprechblasen-Border */
    z-index: 1000;
}



.tax-katalogkategorie .col > .catalog:nth-of-type(2) {
  max-height: 280px;
}

.tax-katalogkategorie .category .wrap > .col > .catalog {
    flex: 1; /* Nimmt den verfügbaren Platz ein */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Inhalt sauber verteilen */
    height: 100%; /* Wichtig für Gleichheit */
}

.tax-katalogkategorie .category .wrap > .col > .catalog {
    justify-content: flex-start;
}

.catalog .description ul, .catalog .description p {
	text-align: left;
	color:#19262C;
	list-style-type: none;
	padding-left: 0;
}

.catalog .description li {
  position: relative;
  padding-left: 2em; /* Schafft Platz für den Haken */
}

.catalog .description strong{
	color: darkgreen;
}

.catalog .description p{
	color: cornflowerblue;
	font-weight: bold;
}

.catalog .description li:before {
  content: '✓'; /* Fügt das Unicode-Haken-Zeichen ein */
  position: absolute;
  left: 0;
  color: green; /* Optional: Haken grün einfärben */
  font-weight: bold; /* Optional: Macht den Haken dicker */
}

.banner {
  display: flex;
  gap: 1rem; /* Abstand zwischen den Texten */
  white-space: nowrap; /* Verhindert Zeilenumbruch */
}

.banner .black {
  color: black;
}

.banner .red {
  color: red;
}

.banner .yellow {
  color: #FFD700; /* kräftiges Gelb, besser sichtbar */
}



.archive h2 > ul {
	display: none;
}


@media screen and (max-width: 767px) {
  /* .wrap enthält jetzt alle .catalog direkt */
  .tax-katalogkategorie .category .wrap {
    display: flex !important;
    flex-direction: column;
    gap: 2rem;
  }

  /* Einzelne catalogs, da jetzt keine Spalten mehr */
  .tax-katalogkategorie .category .wrap > .catalog {
    border-radius: 1rem;
    padding: 2rem 4rem;
    background-color: #d8e4e6;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-items: center;
    text-align: center;
  }

  /* Beschreibung */
  .tax-katalogkategorie .category .wrap > .catalog > .description {
    line-height: 20px;
    font-size: 16px;
  }

  /* Link */
  .tax-katalogkategorie .category .wrap > .catalog > a {
    border-radius: 10px;
    background-color: #fe6333;
    color: white;
    display: inline-block;
    padding: 1rem 3rem;
    font-size: 16px;
    box-shadow: 0px 5px 15px rgba(125, 125, 125, 0.5);
    text-decoration: none;
  }

  /* Entferne bisherige Spalten-Styles */
  .tax-katalogkategorie .category .wrap > .col {
    display: none !important;
  }
	
	
}


li.cmdSave{
	display: none;
}


.click-to-action img{
	border-radius: 10px;
}
.click-to-action {
		display: grid;
		grid-template-columns: 1fr;
		gap: 2rem;
		max-width: 50%;
		margin: 0 auto;
		padding: 1rem 3rem;
   		background-color: #fe6333;
    	border-radius: 10px;
	    box-shadow: 0px 5px 15px rgba(125, 125, 125, 0.5);
		align-items: center;
		margin: 0 auto 3rem auto;

	}


@media screen and (min-width:781px) {
.click-to-action {
		display: grid;
		grid-template-columns: 70% 30%;
		gap: 2rem;
		max-width: 50%;
		
	}
}
	
/* homepage/wp-content/themes/biq/blocks/box/block.css */
.biq_box { display:flex; gap:15px; align-items:center; border-radius:10px; margin-bottom:16px;
    --color_main: #FFFFFF;
    --color_orange: #fe6333;
    & > *:nth-child(1) { flex-grow:1;
        h2 { color:var(--color_main); margin-top:0; margin-bottom:8px; text-transform:none; font-size:22px; font-weight:bold; }
        p { color:var(--color_main); }
        svg { fill:var(--color_orange); }
        a { fill:var(--color_orange); }
    }
    & > *:nth-child(2) { display:flex; flex-direction:column; align-items:center;
        .subtitle { font-size:16px; text-transform:uppercase; margin-top:8px; color:var(--color_main); white-space:nowrap; }
    }
    &:last-child { margin-bottom:0;  }
    &.layout_0 { background-color:var(--color_orange); color:#FFFFFF; padding:20px 15px; flex-grow:1;
        & > *:nth-child(2) img { max-height:50px; object-fit:contain; }
        strong { color:var(--color_main); font-weight:bold; }
        a { color:inherit;  }
    }
    &.layout_1 { align-items:stretch; padding:0; flex-direction:column-reverse;
        --color_main: #8a8a8a;
        & > *:nth-child(1) { width:100%; display:flex; flex-direction:column; padding:0 20px 20px 20px;
            a.more { display:flex; gap:1rem; align-items:center; justify-content:flex-start; margin-top:auto;
                svg { height:20px; width:auto; }
            }
        }
        & > *:nth-child(2) { width:100%;
            .subtitle {  }
        }
        strong { color:var(--color_orange); font-weight:bold; }
    }
}
a.biq_box { text-decoration:none !important; color:#FFFFFF !important; box-shadow: 0px 5px 15px rgba(125, 125, 125, 0.5);}

@media screen and (min-width:782px) {

    .biq_box.layout_1 { flex-direction:row;
        & > *:nth-child(1) { width:66%; padding:0; }
        & > *:nth-child(2) { width:34%; }
    }

}