/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Author:       Michael Brütsch
 Author URI:   https://8020webdesign.ch
 Description:  Child Theme für GeneratePress vom WordPress Online Kurs (https://8020webdesign.ch/wordpress-online-kurs/). Grundsätzlich musst Du keine Änderungen in diesem Child Theme machen. PHP kannst Du via "Code Snippets" Plugin hinzufügen, CSS über das "Simple CSS" Plugin. Dieses Child Theme brauchst Du nur, wenn Du Änderungen an Template Dateien selbst vornehmen musst. Hinweis: Das ist typischerweise nur bei sehr speziellen Anforderungen nötig (und nur empfohlen, wenn Du genau weisst, was Du machst). Z.B. um E-Mail Templates/Vorlagen von Plugins wie "WooCommerce" oder "The Events Calendar" komplett neu zu machen. Kurz gesagt: Höchstwahrscheinlich brauchst Du es nicht, aber für den Fall der Fälle habe ich es bereits für Dich eingerichtet :-)
 Template:     generatepress
 Version:      1.0
*/

/* Farbverlauf über alle 11 Farben */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d16c50+0,b54b2d+10,f3c507+20,f5a90a+30,f18711+40,bc7524+50,579770+60,437756+70,275a3a+80,476289+90,2c407b+100 */
/*
background: #d16c50;
background: -moz-linear-gradient(left,  #d16c50 0%, #b54b2d 10%, #f3c507 20%, #f5a90a 30%, #f18711 40%, #bc7524 50%, #579770 60%, #437756 70%, #275a3a 80%, #476289 90%, #2c407b 100%);
background: -webkit-linear-gradient(left,  #d16c50 0%,#b54b2d 10%,#f3c507 20%,#f5a90a 30%,#f18711 40%,#bc7524 50%,#579770 60%,#437756 70%,#275a3a 80%,#476289 90%,#2c407b 100%);
background: linear-gradient(to right,  #d16c50 0%,#b54b2d 10%,#f3c507 20%,#f5a90a 30%,#f18711 40%,#bc7524 50%,#579770 60%,#437756 70%,#275a3a 80%,#476289 90%,#2c407b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d16c50', endColorstr='#2c407b',GradientType=1 );

background: #fff;
background: -moz-linear-gradient(left, #d16c50 8%,#b54b2d 8%,#b54b2d 16%,#f3c507 16%,#f3c507 24%,#f5a90a 24%,#f5a90a 32%,#f18711 32%,#f18711 40%,#bc7524 40%,#bc7524 48%,#579770 48%,#579770 56%,#437756 56%,#437756 64%,#275a3a 64%,#275a3a 72%,#476289 72%,#476289 80%,#2c407b 80%,#2c407b 88%,#ffffff 88%,#ffffff 94%,#bdbcb6 94%);
background: -webkit-linear-gradient(left, #d16c50 8%,#b54b2d 8%,#b54b2d 16%,#f3c507 16%,#f3c507 24%,#f5a90a 24%,#f5a90a 32%,#f18711 32%,#f18711 40%,#bc7524 40%,#bc7524 48%,#579770 48%,#579770 56%,#437756 56%,#437756 64%,#275a3a 64%,#275a3a 72%,#476289 72%,#476289 80%,#2c407b 80%,#2c407b 88%,#ffffff 88%,#ffffff 94%,#bdbcb6 94%);
background: linear-gradient(to right, #d16c50 8%,#b54b2d 8%,#b54b2d 16%,#f3c507 16%,#f3c507 24%,#f5a90a 24%,#f5a90a 32%,#f18711 32%,#f18711 40%,#bc7524 40%,#bc7524 48%,#579770 48%,#579770 56%,#437756 56%,#437756 64%,#275a3a 64%,#275a3a 72%,#476289 72%,#476289 80%,#2c407b 80%,#2c407b 88%,#ffffff 88%,#ffffff 94%,#bdbcb6 94%);
*/


/* red-hat-display-300 - 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: 'Red Hat Display';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/themes/generatepress-child/fonts/red-hat-display-v21-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/themes/generatepress-child/fonts/red-hat-display-v21-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* red-hat-display-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: 'Red Hat Display';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/generatepress-child/fonts/red-hat-display-v21-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/themes/generatepress-child/fonts/red-hat-display-v21-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* red-hat-display-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: 'Red Hat Display';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/themes/generatepress-child/fonts/red-hat-display-v21-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/themes/generatepress-child/fonts/red-hat-display-v21-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* red-hat-text-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: 'Red Hat Text';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/themes/generatepress-child/fonts/red-hat-text-v19-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/themes/generatepress-child/fonts/red-hat-text-v19-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* red-hat-text-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: 'Red Hat Text';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/generatepress-child/fonts/red-hat-text-v19-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/themes/generatepress-child/fonts/red-hat-text-v19-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* red-hat-text-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: 'Red Hat Text';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/themes/generatepress-child/fonts/red-hat-text-v19-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/themes/generatepress-child/fonts/red-hat-text-v19-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* red-hat-text-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: 'Red Hat Text';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/generatepress-child/fonts/red-hat-text-v19-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/themes/generatepress-child/fonts/red-hat-text-v19-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


/* HEADER */
body .site-header .grid-container, body .top-bar .grid-container {
    max-width: 1400px;
}
.my-header {
	margin-top: 80px;
}

/* Logo ausblenden */
.site-logo, .site-logo.mobile-header-logo a {
	display: none;
}

/* TOP BAR */

.inside-top-bar {
	padding-left: 30px;
	padding-right: 30px;
}

.top-bar .inside-top-bar .widget_text p:last-child {
	margin-bottom: 0px;
}

/* Top Bar Mobile optimieren */
@media (max-width: 1000px) {
	.top-bar .inside-top-bar .widget {
		display: block;
		float: none !important;
	}
	.top-bar.top-bar-align-right {
		text-align: center;
	  }
}

/* WPML Sprachumschalter */
#block-12 > p {
	display: none;
}
.top-bar-align-right .inside-top-bar > .widget:nth-child(2n+1) {
	margin-left: 30px;
}


/* NAVIGATION */

/* Menü weiter unten für Desktop Version */
@media (min-width: 769px) {
	#site-navigation {
		padding-top: 20px;
	}
}

/* Menü auf Tablet auch rechts */
@media (max-width: 1400px) and (min-width: 991px) {
	.inside-header {
		align-items: end !important;
	}
	#site-navigation {
		margin: inherit;
	}
}

/* Suche Feld */
.navigation-search input[type="search"], .navigation-search input[type="search"]:focus {
	background-color: rgba(255, 255, 255, 0.8);
	color: var(--contrast);
	top: 60px;
	position: relative;
}

/* Mobile Menü grösser/höher */
@media (max-width: 990px) {
    .mobile-header-navigation .site-logo.mobile-header-logo img {
        height: 60px;
    }
    .menu-toggle, .main-navigation .mobile-bar-items a {
        line-height: 100px;
    }
}

/* Mobile Menü Hintergrund Farbe */
#mobile-header.toggled {
	background-color: rgb(36,36,36);
}
#mobile-menu ul {
	padding: 20px 0;
}

/* Icons */
/*.gp-icon {
	top: 4px;
	position: relative;
}*/
a.shopping-cart, .search-item a {
	font-size: 20px;
}
/* Icon Pfeil deaktivieren auf Desktop */
#primary-menu .dropdown-menu-toggle .icon-arrow {
	display: none;
}

/* Sticky Navigation */
#sticky-navigation {
	background-color: #242424;
}
#sticky-navigation .inside-navigation  {
	max-width: 100%;
}
.sticky-navigation-logo {
	display: none !important;
}


/* MEGA MENU */
/*
@media (min-width: 769px) {
    nav .main-nav .mega-menu {
        position: static;
    }
    nav .main-nav .mega-menu > ul {
        position: absolute;
        width: 100%;
        left: 0 !important;
    }
    nav .main-nav .mega-menu>ul>li {
        display: inline-block;
        width: 25%;
        vertical-align: top;
    }
    nav .main-nav .mega-menu.mega-menu-col-2>ul>li {
        width: 50%;
    }
    nav .main-nav .mega-menu.mega-menu-col-3>ul>li {
        width: 33.3333%;
    }
    nav .main-nav .mega-menu.mega-menu-col-5>ul>li {
        width: 20%;
    }
	.main-navigation .main-nav ul ul li[class*="current-menu-"] > a {
		background-color: #437756;
	}*/
	/* Child Hover */
	/*nav .main-nav ul ul > li > a:hover,
	nav .main-nav ul ul > li > a:focus,
	nav .main-nav ul ul > li.current-menu-item > a,
	nav .main-nav .mega-menu > ul > li.current-menu-item > a,
	nav .main-nav .mega-menu > ul > li > a:hover,
    nav .main-nav .mega-menu > ul > li > a:focus {
        background-color: #275a3a !important;
    }
	/* Grand Child Hover */
	/*nav .main-nav .mega-menu > ul ul li.current-menu-item > a,
	.main-navigation .main-nav ul ul ul li:hover > a,
	.main-navigation .main-nav ul ul ul li:focus > a {
		background-color: #275a3a !important;
	}
    
    nav .main-nav .mega-menu ul ul {
        background-color: #437756 !important;
        color: #fff;
    }
    nav .main-nav .mega-menu ul .sub-menu {
        position: static;
        display: block;
        opacity: 1;
        visibility: visible;
        width: 100%;
        box-shadow: 0 0 0;
        left: 0;
        height: auto;
    }
    nav .main-nav .mega-menu ul.toggled-on .sub-menu {
        pointer-events: auto;
    }
    nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
        display: none;
    }
}*/


/* BASIC STYLING */

/* Elemente ohne Bottom Spacing */
.my-nbs {
	margin-bottom: 0;
	padding-bottom: 0;
}
.my-subhead {
	margin-bottom: 10px;
}

/* Small/kleiner Text */
.has-small-font-size {
	font-size: 15px !important;
}

/* Bilder mit Link beim Hover Schwarz-Weiss */
a > img {
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
a:hover > img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

/* Texte und Titel zentrieren auf Seiten (exkl. Blog/Shop) ... */
.page .inside-article .entry-content {
	text-align: center;
}
/* ... ausser Auflistungen */
.page .inside-article .entry-content ul, .page .inside-article .entry-content ol {
	text-align: left;
}

/* Text Inhalte (Titel, Listen, Blog Meta, etc.) schmaler */
/*
.entry-content > p, .entry-content > h1, .entry-content > h2, .entry-content > h3, .entry-content > h4, .entry-content > h5, .entry-content > h6,
.entry-content > ul, .entry-content > ol, article figure.wp-block-image, .entry-content > .wp-block-button, .nf-form-layout, .wp-block-embed-youtube,
.wp-block-separator.is-style-default, .wp-block-quote, .wp-block-pullquote, .wp-block-gallery, .wp-block-table, .search-form, .wp-block-coblocks-accordion,
.entry-header, .entry-summary, .entry-meta, .author-box, .inside-article div.gp-social-share, .post-image, .custom-newsletter-cta-inner.grid-container {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}
.entry-content > ul, .entry-content > ol {
    padding-left: 3em;
}
.entry-content > ul.wp-block-gallery {
    padding-left: 0;
}*/
/* ... auch für CoBlocks Elemente */
/*.wp-block-coblocks-row[data-columns="1"] .wp-block-coblocks-column__inner > :not([class*="wp-block-"]) {
    max-width: 700px;
}*/
/* ... und auch Produktkategorie Texte */
/*.term-description > p, .term-description > h2, .term-description > h3, .term-description > blockquote, .product-top-description > h2, .product-top-description > p {
	max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}*/
/* ... ausser auf WooCommerce Produkt Seite */
/*.entry-content.wc-tab > p, .entry-content.wc-tab > h2, .entry-content.wc-tab > h3, .entry-content.wc-tab > h4, .entry-content.wc-tab > h5 {
    max-width: inherit;
}*/

/* Trennlinie HR mit Icon */
hr.mykoplan { 
    background: url('/wp-content/uploads/2025/11/mykoplan_sk-m.png') no-repeat top center;
    background-size: contain;
    display: block;
    height: 30px;
    border: 0;
    position: relative;
	margin-bottom: 18px;
	margin-top: 20px;
}
hr.mykoplan:before, hr.mykoplan:after {
    content: '';
    display: block;
    position: absolute;
    background: #b3b3b3;
    height: 1px;
    top: 15px;
	width: 133px;
}
hr.mykoplan:before {
    right: 50%;
    margin-right: 24px;
}
hr.mykoplan:after {
    left: 50%;
    margin-left: 24px;
}

/* Grosser "Mykoplan Vitalpilze Onlineshop" Button */
.mykoplan .second {
	font-weight: 800;
	font-size: 28px;
	letter-spacing: 1px;
}

/* "Button" mit [ ] Hover Effekt */
.is-style-link a {
    color: var(--contrast);
	font-size: 24px;
	font-family: "Red Hat Display";
    font-weight: 300;
	letter-spacing: 1px;
}
.is-style-link a:hover {
    color: var(--global-color-8);
}
.is-style-link a::before, .is-style-link a::after {
    display: inline-block;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity .2s;
    -moz-transition: -moz-transform 0.3s, opacity .2s;
    transition: transform 0.3s, opacity .2s;
}
.is-style-link a::before {
    margin-right: 10px;
    content: '[';
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    transform: translateX(20px);
}
.is-style-link a::after {
    margin-left: 10px;
    content: ']';
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    transform: translateX(-20px);
}
.is-style-link a:hover::before, .is-style-link a:hover::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}


/* "Mykoplan Schweiz" Subhead */
.mykoplan-subheading {
	font-size: 13px;
    letter-spacing: 4px;
    text-transform: uppercase;
}

/* Aufzählungen/Bullet Lists Abstände */
.entry-content ul li, .entry-content ol li {
    margin-bottom: 0.3em;
}

/* Cover Element Inhalte (Text, Überschriften und Buttons) über Seitenbreite */
.wp-block-cover__inner-container p, .wp-block-cover__inner-container .wp-block-button, .wp-block-cover__inner-container h1,
.wp-block-cover__inner-container h2, .wp-block-cover__inner-container h3, .wp-block-cover__inner-container h4 {
    max-width: 1020px !important;
    margin-left: auto;
    margin-right: auto;
}
/* Cover Element */
.wp-block-cover__inner-container {
    padding: 50px 0;
}

/* Gutenberg "Full width" blocks / alignfull CSS class fix */
body {
    overflow-x: hidden;
}

/* Alle reinen Text Links im Inhalt */
/*
.site-content p > a, .site-content .entry-content > ul > li > a, .site-content .wp-block-column > ul > li > a, .site-content cite > a, a.read-more, .term-description a {
    border-bottom: 1px solid #008D36;
}
.site-content p > a:hover,  .site-content .entry-content > ul > li > a:hover, .site-content .wp-block-column > ul > li > a:hover, .site-content cite > a:hover, a.read-more:hover, .term-description a:hover {
    border-bottom: 1px solid #275a3a;
}*/
/* Sidebar Links */
.sidebar a {
    border-bottom: 1px solid #008D36;
}
.sidebar a:hover {
    border-bottom: 1px solid #275a3a;
}

/* Globaler "Call To Action" - Newsletter */
.custom-newsletter-cta {
    background-color: #2c407b;
    color: #ffffff;
    padding-top: 70px;
    padding-bottom: 50px;
    text-align: center;
}
.custom-newsletter-cta-inner {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	border-radius: 50px;
    background-color: #2c407b;
    color: #ffffff;
    padding: 40px;
}


/* Texte manuell kurzfristig verstecken, z.B. für Aktionen */
.my-versteckt-ja {
	display: none;
}

/* Resized Bilder Fix */
.my-resized-left {
	display: block !important;
}

/* Button align center Fix */
.aligncenter {
    text-align: center;
}


/* STARTSEITE */

/* Abstand zum Footer entfernen */
.home .inside-article {
	padding-bottom: 0;
}
.home .site-main {
	margin-bottom: 0;
}

/* Startseite Hero Section (Cover) Styling */
/*.home .wp-block-cover__inner-container {
    padding: 100px 0;
}*/
/* Startseite Titel Schriftgrösse */
/*.home h1 {
	font-size: 80px;
}
@media (max-width: 768px) {
    .home h1 {
        font-size: 40px;
    }
}*/

/* Startseite Hero Section Abstand zum Menü verkleinern */
/*
.home.separate-containers .site-main {
    margin-top: 0;
}
.home.separate-containers .inside-article {
    padding-top: 0;
}*/

/* Bio Inspecta Logo Startseite */
/*
.inspecta-logo-home img {
	top: 30px;
	position: relative;
}*/


/* MYKOPLAN WELT STICKY NAVIGATION */
.mykoplan-welt-nav {
	display: none;
}
@media only screen and (max-width: 768px) {
	.mykoplan-welt-nav {
		display: inline-block;
	}
}
@media only screen and (min-width: 1024px) {
	#right-sidebar {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		padding-top: 30px;
	}
}


/* GUTENBERG ELEMENTE */

/* Bilder Abstand unten */
.wp-block-image img {
	margin-bottom: 1.5em;
}

/* Standard Button Styling */
button, html input[type="button"], input[type="reset"], input[type="submit"], a.wp-block-button__link:not(.has-background), .wp-block-button a.wp-block-button__link, .woocommerce ul.products li.product .button, .woocommerce button.button.alt {
	border-radius: 5px;
	/*padding: 12px 40px !important;*/
	padding: 10px 20px;
}

/* Rechts ausgerichtetes Bild */
.wp-block-image .alignright {
    margin-left: 2em;
    margin-bottom: 1em;
}

/* Standard Zitate Block (für Kundenfeedback / Testimonial) */
blockquote {
    font-size: 18px;
}
cite {
	font-style: normal;
}
.wp-block-pullquote p, .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {
    font-size: 1.1em;
}
blockquote  {
    border-left: none;
}
blockquote > p:first-child::before {
	content: "„";
	color: #008D36;
	font-family: Red Hat Display;
	font-size: 100px;
	font-weight: 700;
	font-style: normal;
	line-height: 36px;
	display: block;
	position: relative;
	top: -26px;
	left: -60px;
}
blockquote cite {
    display: inline-block;
}

/* Fix damit Text bei kurzen Testimonials rechts ist (also nicht unter Bild fliesst) */
@media (min-width: 1024px) {
	blockquote.my-testimonial-fix img {
		margin-bottom: 130px;
	}
}

blockquote[style*="text-align:center"] img {
	float: none;
	margin: 0px auto 30px auto;
}
blockquote[style*="text-align:right"] img {
	float: right;
	margin: 0px 0px 30px 30px;
}
@media (max-width: 940px) {
    blockquote img, blockquote[style*="text-align:right"] img {
        float: none;
        margin: 0px auto 30px auto;
    }
	blockquote > p, blockquote cite {
		margin-left: 80px;
	}
	blockquote > p::before {
		top: 160px;
		left: -80px;
	}
}

/* Pullquote Element */
#main > article .wp-block-pullquote p {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}
.wp-block-pullquote {
    padding: 2em 0;
}
.wp-block-pullquote blockquote {
    margin: 0 10px;
}
.wp-block-pullquote.alignfull blockquote {
    margin-left: 20px;
}
.wp-block-pullquote.alignleft {
    margin-right: 1.5em;
}
.wp-block-pullquote.alignright {
    margin-left: 1.5em;
}
@media (max-width: 768px) {
    .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
        max-width: 100%;
		margin-left: 0;
        margin-right: 0;
    }
    .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {
        font-size: 22px;
    }
}

/* Links/rechts ausgerichtete Bilder auf Smartphones */
@media (max-width: 768px) {
    .wp-block-image .alignleft, .wp-block-image .alignright {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 1.5em;
        text-align: center;
        width: 100%;
    }
}

/* Produkte Aktionen Block */
.entry-content ul li.wc-block-grid__product {
	margin-bottom: 30px;
}
.wc-block-grid__product-price.price, .wc-block-components-product-price {
	font-size: 1.2em;
	font-weight: 700;
}
/* inkl. MWST Hinweis neue Zeile */
.archive .woocommerce-price-suffix, .page .woocommerce-price-suffix {
	display: inline-block;
	width: 100%;
}
.wc-block-grid__product a .wc-block-grid__product-title {
	font-family: Red Hat Display;
	font-weight: 300;
	font-size: 22px;
	color: var(--global-color-8) !important;
	letter-spacing: 1px;
}
.wc-block-grid__product a:hover .wc-block-grid__product-title {
	color: var(--global-color-10) !important;
}

/* Produkte Block Fix */
.wc-block-grid__product {
    padding: 0 0 0 0;
	border-bottom: 0px;
}
@media (max-width: 768px) {
    .wc-block-grid.has-3-columns .wc-block-grid__product {
        flex: 1 1 100%;
        max-width: 100%;
    }
}

/* Produkte Block Fix: Zusätzlicher <p> Block unter Titel... */
.woocommerce-page  .wc-block-grid__product > p {
	display: none;
}

/* Produkte Block Produkt Name Farbe */
.wc-block-grid__product a .wc-block-grid__product-title {
	color: #333;
}
.wc-block-grid__product a:hover .wc-block-grid__product-title {
	color: #008D36;
}

/* Button Styling Produkte & Aktionen Block */
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
	background-color: var(--global-color-10);
	padding: 10px 20px;
	border-radius: 5px;
	font-size: 16px !important;
}
.wp-block-button.wc-block-components-product-button:hover .wc-block-components-product-button__button:hover {
	background-color: rgba(145,189,153,0.8);
}


/* TABS SHORTCODE */
.su-tabs {
	padding: 0 !important;
	background: transparent !important;
}
.su-tabs-nav span {
	border-radius: 0px !important;
	color: inherit !important;
	font-size: 22px !important;
	line-height: inherit !important;
}
.su-tabs-nav span.su-tabs-current, .su-tabs-nav span.su-tabs-current:hover {
	background: rgba(198, 221, 203, 0.5) !important;
}
.su-tabs-nav span:hover {
	background: transparent !important;
	color: #458f50 !important;
}
.su-tabs-pane {
	font-size: inherit !important;
	padding-top: 0 !important;
}

/* Horizontal */
.su-tabs-horizontal .su-tabs-nav {
	display: flex;
}
.su-tabs-horizontal .su-tabs-nav span {
	flex: 1 1 auto;
	text-align: center;
}


/* STACKABLE BLOCKS */

/* Standard Stackable Trennlinie */
hr.stk-block-divider__hr {
	background: var(--contrast) !important;
}

/* FAQ / Akkordeon */
.wp-block-stackable-accordion summary h4 {
	color: var(--global-color-8);
	padding-bottom: 12px;
}
.wp-block-stackable-accordion summary h4:hover {
	color: var(--global-color-10);
}


/* COBLOCKS ELEMENTE */

/* CoBlocks Hero */
@media (max-width: 768px) {
	.wp-block-coblocks-buttons__inner {
		display: block;
	}
	.wp-block-coblocks-buttons .wp-block-button + .wp-block-button {
		margin-left: 0;
		margin-top: 10px;
	}
}

.wp-block-columns.my-max-width {
	max-width: 800px !important;
}

/* Inhalte nicht zusammenquetschen... */
/*.wp-block-coblocks-row[data-columns="1"] .wp-block-coblocks-column__inner > [class*="wp-block-"] {
    max-width: none;
}*/

/* Listen in CoBlocks Row */
.wp-block-coblocks-column ul, .wp-block-coblocks-column ol {
	padding-left: 2.5em;
}


/* NINJA FORMS */

.nf-form-content button, .nf-form-content input[type="button"], .nf-form-content input[type="submit"] {
    background: #008D36 !important;
    color: #ffffff !important;
}
.nf-form-content button:hover, .nf-form-content input[type="button"]:hover, .nf-form-content input[type="submit"]:hover {
    background: #275a3a !important;
    color: #ffffff !important;
}
.nf-form-content .list-select-wrap .nf-field-element > div:focus, .nf-form-content input:not([type="button"]):focus, .nf-form-content textarea:focus {
    border-color: #008D36 !important;
}


/* BLOG */

/* Blog Post Hero "Featured Image" Styling */
.my-header {
	margin-bottom: 30px;
}

.inside-page-hero .featured-image-wrap {
	max-width: 800px;
	margin: 0 auto;
}

/*
.inside-page-hero .hero-title {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 50px;
    width: calc(100% - 70px);
}
.inside-page-hero .featured-image-wrap, .inside-page-hero .featured-image img {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.inside-page-hero .featured-image-wrap::before {
	content: '';
	display: block;
	position: absolute;
    top: 50%;
    bottom: 0;
    width: 100%;
    background-color: #fff;
}
.inside-page-hero .featured-image {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
@media (min-width: 1140px) {
    .inside-page-hero .featured-image::before {
        content: '';
        display: block;
        position: absolute;
        top: -20px;
        left: -20px;
        bottom: 20px;
        right: -20px;
        background-color: #437756;
    }
}*/

/* Blog Post Hero Farbe für "Vitalpilz Rezepte" Kategorie ändern */
/*.category-vitalpilz-rezepte .page-hero {
    background-color: #f18711;
}
.category-vitalpilz-rezepte .inside-page-hero .featured-image::before {
	background-color: #f5a90a;
}*/

/* Blog Post Hero Autoren Bild und Meta Styling */
.inside-page-hero .gravatar, .inside-page-hero .author-meta {
	display: inline-block;
}
.inside-page-hero .gravatar {
        padding-bottom: 10px;
    }
@media (max-width: 768px) {
    .inside-page-hero .author-meta {
        width: 100%;
        font-size: 0.9em;
    }
    .inside-page-hero .author-meta .post-author, .inside-page-hero .author-meta .date, .inside-page-hero .author-meta .comment {
        display: block;
    }
    .inside-page-hero .author-meta .bullet {
        display: none;
    }
}

/* Shared Counts: Social Share / Teilen Buttons */
div.gp-social-share {
    font-size: 0.8em;
    padding-left: 0;
    padding-top: 50px;
}
div.gp-social-share .shared-counts-wrap {
    margin: 20px 0 20px 0;
}
div.gp-social-share .shared-counts-wrap.style-icon .shared-counts-button .shared-counts-icon svg {
    width: 20px;
    height: 20px;
}

/* Link zum nächsten bzw. vorherigen Blog Post */
footer.entry-meta {
    margin-top: 4em;
}
.nav-previous, .nav-next {
    display: inline-block;
    width: 49%;
}
.nav-previous {
    padding-right: 1%;
}
.nav-next {
    padding-left: 1%;
    float: right;
    text-align: right;
}

/* Autoren Box Styling */
.author-box {
    padding-top: 50px;
}
.author-box .author-img {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.author-box .author-title {
    margin-bottom: 0;
}
.author-box .author-summary {
    font-size: 0.8em;
}

/* Kommentar von Autor hervorheben */
.bypostauthor .comment-content {
    border-color: #222222;
}

/* Gravatar */
.page-hero img.avatar, .page-hero-gravatar img, .author-box img.avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: relative;
    vertical-align: middle;
    margin: 0 10px 0 0;
}
.page-hero-gravatar {
    display: inline-block;
}
.author-box img.avatar {
    width: 96px;
    height: 96px;
}


/* SUCHE/SEARCH */

/* Titel etwas kleiner, damit es 3-spaltig passt */
.search-results .inside-article h2.entry-title {
	font-size: 32px;
}


/* WOOCOMMERCE */

/* SHORTCODES / BLOCKS */
/*
body.home .entry-content ul li.wc-block-grid__product {
	margin-bottom: 0;
}*/

.woocommerce ul.products li.product a {
	border-bottom: none;
}

ul.wc-block-product-template {
	margin: 0;
}


/* ADVENTSKALENDER */

/* Adventskalender Discount Meldung ausblenden im Warenkorb */
/*.woocommerce-cart-form .variation-Discount {
	display: none !important;
}

.advent-calendar-render .adventcalendar {
    line-height: 1.2 !important;
}*/


/* SAVED ADDRESSES FOR WOOCOMMERCE */

/* Adressen Styling */
p.single_address {
    height: auto;
}
.options_container {
    width: auto;
}
#address_container_content {
	color: #ffffff;
	background-color: #008d36;
	padding: 12px 20px !important;
	font-size: 0.8em;
	display: inline-block;
	margin: 2em 0.8em;
}
.address_container_billing, .address_container_shipping {
    border: 1px solid #ccc;
	width: 45%;
}
.address_container_shipping {
	width: 13.6em;
}
#customer_details input.button {
    text-transform: none;
    padding: 12px 20px !important;
}

.billing_address_selected, .shipping_address_selected, #bill_here_button, #ship_here_button {
	padding: 0;
	font-weight: bold;
}

/* "An diese Adresse liefern" Button anpassen */
.bill_to_this_address_button, .ship_to_this_address_button, .billing_to_this_address, .shipping_to_this_address {
	display: inline-block;
	margin: 0;
	height: auto;
}
#ship_here_button, #bill_here_button {
	color: #008d36;
	background-color: #fff;
	padding: 0px 0px !important;
	white-space: normal;
}


/* SHOP SEITE */

/* Sticky Add to Cart Bar auf Mobile ausblenden */
@media (max-width: 768px) {
	#wc-sticky-cart-panel {
		display: none;
	}
}

/* Kategorie hover Effekt */
.woocommerce-shop a:hover .wc-product-image img {
	opacity: 0.7;
}

/* Kategorietitel auf Shop-Seite entfernen */
body.post-type-archive-product .woocommerce-loop-category__title {
	display: none;
}

/* Breadcrumbs */
.woocommerce-breadcrumb a:hover {
	color: #008D36;
}

/* Kategorie Text Farbe */
a .woocommerce-loop-category__title {
	color: #333;
}
a:hover .woocommerce-loop-category__title {
	color: #008D36;
}

/* Produkt Titel/Link Farbe */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link h2 {
	line-height: 1.2em;
}
.woocommerce ul.products li.product:hover .woocommerce-LoopProduct-link h2 {
	color: var(--global-color-10);
}

/* "Sale/Aktion" Text Hintergrund */
.wc-block-grid__product-onsale {
	background-color: #b54b2d;
	color: #ffffff;
}

/* PRODUKT KATEGORIE SEITEN */

/* Produktkategorie Text Abstand oben zu Produkten */
.product-top-description {
	margin-top: 2em;
	margin-bottom: 4em;
}
.term-description {
	margin-top: 5em;
}
.term-description img, .term-description h3 {
	margin-top: 1.5em;
}
.term-description img {
	margin-bottom: 1.5em;
}


/* PRODUKT SEITE */

/* ImmuneSupport "Verbesserte Formulierung" Button/Tag */
mark.immunesupport {
	padding: 6px 14px;
	border-radius: 50px;
	background-color: #87af1b;
	color: #fff;
	font-weight: bold;
}

/* Produkt Meta (Artikelnummer & Kategorien) ausblenden */
.single-product .product_meta {
	display: none;
}

/* Produkt Titel Grösse */
h1.product_title {
	font-size: 46px;
}
@media (max-width: 768px) {
	h1.product_title {
		font-size: 28px;
	}
}

/* Produkt Mengen Buttons */
.quantity.buttons-added .minus {
	border-radius: 50px 0 0 50px !important;
}
.quantity.buttons-added .plus {
	border-radius: 0 50px 50px 0 !important;
}

/* Tabs Styling */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    margin-bottom: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	font-size: 18px;
	font-weight: 300;
}
/* Kein Rahmen, dafür Hintergrundfarbe */
.woocommerce div.product .woocommerce-tabs .panel, .woocommerce div.product .woocommerce-tabs ul.tabs li {
	border: none !important;
	background-color: transparent !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background: rgba(198, 221, 203, 0.5) !important;
}
 #tab-title-description {
	border-top-left-radius: 0px !important;
}
 #tab-title-reviews {
	border-top-right-radius: 0px !important;
}

.woocommerce div.product .woocommerce-tabs .panel {
	border: 1px solid rgba(0,0,0,.08);
	padding: 10px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
	top: 1px;
}
@media (min-width: 769px) {
	.woocommerce div.product .woocommerce-tabs .panel {
		border-radius: 0px 50px 50px 50px;
		padding: 30px;
	}
	#tab-title-description {
		border-top-left-radius: 20px;
	}
	#tab-title-reviews {
		border-top-right-radius: 20px;
	}
}
/* Tabs Styling Mobile */
@media (max-width: 768px) {
	.woocommerce div.product .woocommerce-tabs .panel {
		margin-top: 0 !important;
	}
	.woocommerce div.product .woocommerce-tabs .panel {
		width: auto !important;
	}
}

/* Breite von Listen in Tabs */
.woocommerce-tabs .entry-content > ul, .woocommerce-tabs .entry-content > ol {
    max-width: none;
}
/* Tabellen */
.wp-block-table tr:first-child {
	background-color:#008d36 !important;
	color: #FFF;
}
.wp-block-table tr:hover td {
	background-color:#d8e6dd;
}
.wp-block-table tr:first-child:hover td {
	background-color:#008d36;
}

.tabelle-inhaltsstoffe {
	margin-top: 30px;
}
@media (max-width: 768px) {
	.tabelle-inhaltsstoffe {
		font-size: 0.8em;
	}
}
.tabelle-inhaltsstoffe tr td {
	padding: 5px;
	border-left: none;
	border-right: none;
}
.tabelle-inhaltsstoffe tr:first-child {
	background-color:#008d36;
	color: #FFF;
}
.tabelle-inhaltsstoffe tr:nth-child(even) {
	background-color:#f9f9f9;
}
.tabelle-inhaltsstoffe tr:hover td {
	background-color:#d8e6dd;
}
.tabelle-inhaltsstoffe tr:first-child:hover td {
	background-color:#008d36;
}

/* Linker Balken (bei allen Meldungen) raus */
.woocommerce-error, .woocommerce-info, .woocommerce-message {
	border-left: 0px !important;
}
.woocommerce-error a, .woocommerce-info a, .woocommerce-message a {
	color: #fff;
	font-weight: 300 !important;
}


/* WARENKORB SEITE */

/* Ähnliche Produkte & Zielland Auswahl ausblenden */
.woocommerce-cart .woocommerce-related-products, .woocommerce-cart .woocommerce-shipping-destination {
	display: none;
}

/* Warenkorb-Summe ganze Breite */
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
	width: 100% !important;
}


/* KASSE SEITE */

/* Texte linksbündig auf Kasse Seite */
.woocommerce-checkout .inside-article .entry-content {
	text-align: left;
}

/* Spalten Breite anpassen */
.woocommerce-checkout #customer_details {
	width: 42.9411764706% !important;
}
.woocommerce-checkout #order_review {
	width: 51.1764705882% !important;
}

/* Checkboxen Abstände */
.mc4wp-checkbox-woocommerce input, #ship-to-different-address-checkbox {
	margin: -2px 8px 0 0;
}

/* Schriftstärken */
.woocommerce-shipping-methods label {
	font-weight: 300;
}
.woocommerce-checkout #payment div.payment_box {
	font-size: inherit !important;
}
#ship-to-different-address {
	font-weight: 400;
}

/* Fix für Custom Field "Ihre Fachperson" */
#fuer-endverbraucher_field .optional {
	display: none;
}

/* B2B Feld Kundengruppen "(optional)" entfernen */
#b2b_role_field .optional {
	display: none;
}

/* Payrexx Zahlungsicons */
.payment_method_payrexx .icon-wrapper {
	display: inline-block;
	padding-top: 10px;
	width: 100%;
}
label[for=payment_method_payrexx] {
	line-height: 1.3;
}
.payment_method_payrexx .icon-wrapper img {
	width: 64px;
}


/* FOOTER */

/* Footer Widgets Design */
/*
.inside-footer-widgets .footer-widget-1 aside {
	background-color: #b54b2d;
}
.inside-footer-widgets .footer-widget-2 aside {
	background-color: #f18711;
}
.inside-footer-widgets .footer-widget-3 aside {
	background-color: #437756;
}
.inside-footer-widgets .footer-widget-4 aside {
	background-color: #476289;
}
.inside-footer-widgets .footer-widget-5 aside {
	background-color: #2c407b;
}

.inside-footer-widgets aside {
	background-color: #fff;
	border-radius: 30px;
	padding: 30px !important;
}
@media (min-width: 768px) {
	.inside-footer-widgets aside {
		margin-left: 30px;
	}
}*/

/* Footer nicht über ganze Breite */
footer .inside-site-info {
	max-width: 1400px;
	margin: 0 auto;
}

.separate-containers .widget {
	margin-bottom: 0px;
}

/* FAQ / Akkordeon */
.site-footer .wp-block-stackable-accordion summary:hover, .site-footer .wp-block-stackable-accordion summary:hover .stk--inner-svg svg:last-child:not(.ugb-custom-icon):not(.stk-custom-icon) :is(g, path, rect, polygon, ellipse),
.site-footer .wp-block-stackable-accordion.stk--is-open, .site-footer .wp-block-stackable-accordion.stk--is-open .stk--inner-svg svg:last-child:not(.ugb-custom-icon):not(.stk-custom-icon) :is(g, path, rect, polygon, ellipse) {
	color: #90bc98 !important;
	fill: #90bc98 !important;
}
.site-footer .wp-block-stackable-accordion .stk-block-accordion__content {
	color: #ccc !important;
}
.site-footer ul.my-list li {
	list-style-type: disc;
	margin-left: 30px;
}

/* Links im Footer Widget Bereich unterstrichen... */
/*.site-footer a {
    border-bottom: 1px solid #008D36;
    transition: color .1s ease-in-out,background-color .1s ease-in-out,border-bottom-color .1s ease-in-out;
}
.site-footer a:hover {
    border-bottom: 1px solid #275a3a;
}

/* Links im Footer Bereich unterstrichen... */
/*.site-footer .site-info a {
    border-bottom: 1px solid #fff;
    transition: color .1s ease-in-out,background-color .1s ease-in-out,border-bottom-color .1s ease-in-out;
}
.site-footer .site-info a:hover {
    border-bottom: 1px solid #999;
}

/* Ausser Social Media Icons */
/*.site-footer .lsi-social-icons a {
    border-bottom: none;
}
/* Social Media Icons */
/*.widget ul li.wp-social-link {
	padding-bottom: 0px;
	background-color: #275a3a !important;
}*/