@charset "UTF-8";

/*
Theme Name: Impulsana Theme
Theme URI: https://www.fahrenheit.ch
Author: Webagentur fahrenheit
Author URI: https://www.fahrenheit.ch/
Description: Custom theme based on WP Core Theme
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 8.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fahrenheittheme
Tags: accessibility-ready, block-patterns, translation-ready 
*/


:root {
    
  
  --cols-gap: 2rem;
  
  --nav-text-color:#000;
  --nav-text-color-hov: #000; 
  --nav-text-color-on: #000;
  --nav-text-color-sub: #000;

  --site-bg-color-body: #f9f5f1;
  --site-bg-color-a: #1b2c1c;
  --site-bg-color-b: #324532;
  --site-bg-color-c: #29382b; /*  #1a241b; */

  --site-btn-color: #131f13;
  --site-btn-color-h: #131f13;
  --site-btn-text: #fff;

  --site-text-color: #000000;
  --site-text-muted: #606060;

  --site-extra-color-1: #cce3f4;

  --c-arrow-color: #3a3a3a;

  --border-radius-img:15px;

  --font-size-default: 1.00rem;
  --font-size-h1: clamp(1.9rem, 1.6rem + 2.9vw, 88px);
  --font-size-h2: clamp(1.55rem, 1.3rem + 2.3vw, 72px);
  --font-size-h3: clamp(1.2rem, 1.1rem + 1.8vw, 48px);
  --font-size-h4: clamp(1.07rem, 1rem + 1.3vw, 36px);
  
  /* wp block settings */
  --wp--preset--spacing--20: 25px !important;
  --wp--preset--spacing--30: 25px !important;
  --wp--preset--spacing--40: 35px !important;
  --wp--preset--spacing--50: 50px !important;
  --wp--preset--spacing--60: 75px !important;
  --wp--preset--spacing--70: 100px !important;

  --flex-grid-gap: 40px;  /* ab 992px */
  --flex-cols-gap: 40px;

  --card-blog-inner-padding:15px;

  --card-min-height:280px;

}

::selection {
	background: var(--site-bg-color-b);
	color:white 
}
::-moz-selection {
	background: var(--site-bg-color-b); 
	color:white
}


/* Hauptlayout mit den Box-Elementen, ALLE Layout row-Blöcke unterliegen dieser Grundordnung - blueprint */
:root {
    --max-w-site:2048px;    /* site-max, Bilder, Farbige Balken */
    --max-w-content: 92%;   /* maximale Breite für den effektiven Inhalt 92% = links/rechts padding von ca. 15px) */

    --site-padding-size-0-content: calc( (100% - var(--max-w-content)) / 2); /* --max-w-content */
    --site-padding-size-2:0px;  /* Indent space für Content mit reduzierter Breite */

    --site-padding-size-0-content-left-factor: 0.97;
    --site-padding-size-0-content-right-factor: 0.97;

    --group-padding-t:30px;   /* farbige Balken padding oben/unten */
    --group-padding-b:30px;   /* ca. 1/2, da letztes Element immer auch padding/margin hat! */

    --site-footer-before-space:30px;

    --group-size2-after-cover-t:30px;
    --group-padding-white-tb:40px;

    --grp-size-0-padding-t: 30px;
    --grp-size-0-padding-b: 0px;

    --grp-size-2-extra-padding-factor: 0; /* factor */
}

/* .is-style-cs-size-0 > .wp-block-group__inner-container { nichts, da immer ganze Breite }  */
.site-header__inner-container,
.site-footer__inner-container,
.is-style-cs-size-1 > .wp-block-group__inner-container,
.is-style-cs-size-2 > .wp-block-group__inner-container,
.is-style-cs-size-2 > .wp-block-cover__inner-container {
  position: relative;
  width: 100%;
  max-width: var(--max-w-content);
  margin-right: auto;
  margin-left: auto;
}

.is-style-cs-size-0 .is-style-cs-enlarged-text-col {
  padding-left:var(--site-padding-size-0-content);
  padding-right:var(--site-padding-size-0-content);
  padding-top:var(--grp-size-0-padding-t);
}

.is-style-cs-size-2 > .wp-block-group__inner-container,
.is-style-cs-size-2 > .wp-block-cover__inner-container {
  padding-left:var(--site-padding-size-2);
  padding-right:var(--site-padding-size-2);
}

.page-template-additional-text-pages .is-style-cs-size-2 > .wp-block-group__inner-container,
.page-template-additional-text-pages .is-style-cs-size-2 > .wp-block-cover__inner-container {
  padding-left:calc(var(--site-padding-size-2) * var(--grp-size-2-extra-padding-factor));
  padding-right:calc(var(--site-padding-size-2) * var(--grp-size-2-extra-padding-factor));
}



/* section.is-style-cs-size-2 > .wp-block-group__inner-container */
.is-style-cs-size-0 > .wp-block-group__inner-container,
.is-style-cs-size-1 > .wp-block-group__inner-container,
.is-style-cs-size-2 > .wp-block-group__inner-container {
  padding-top:var(--group-padding-white-tb);
  padding-bottom:var(--group-padding-white-tb);
}

/* erster Block - reduziert */
.is-style-cs-size-1:first-of-type > .wp-block-group__inner-container {
  padding-top: calc(var(--group-padding-white-tb) / 2);
  padding-bottom: calc(var(--group-padding-white-tb) / 2);
}
/*
.is-style-cs-size-0 > .wp-block-group__inner-container,
.wp-block-cover .is-style-cs-size-2 > .wp-block-group__inner-container {
  padding-bottom:0;
} */

/* kein padding, wenn nur grosses Bild enthalten ist */
.wp-block-group.is-style-cs-size-0 > .wp-block-group__inner-container:has( > .wp-block-image:only-child ) {
  padding-top:0;
  padding-bottom:0;
  overflow: hidden;
}

/*erster Block nach cover mit size-2 weiss */
.wp-block-cover + [class*="is-style-cs-size-"] > .wp-block-group__inner-container {
  padding-top: clamp(var(--group-size2-after-cover-t), var(--group-padding-white-tb), 999px);
}

/* footer bereich */
/* .site-content {padding-bottom: var(--site-footer-before-space)}  */
.site-footer__inner-container {
  padding-top: clamp(30px, 4vw, 60px);
  padding-bottom: 0px;  /* clamp(15px, 1.5vw, 20px); */
}
/*
.is-style-cs-size-1.has-background,
.is-style-cs-size-2.has-background {
  padding-top:var(--group-padding-t);
  padding-bottom:var(--group-padding-b);
} */

.cs-flip-order-xs > .wp-block-column:last-child {order:-1}

@media (min-width:768px) {
    :root {
        --max-w-content: 84%;
        --group-size2-after-cover-t:45px;
    }
}


@media (min-width:992px) {
    :root {
        --max-w-content: 88%;
        --site-padding-size-2:3.8%;
        --group-padding-white-tb:65px;
        
    }
    /* at breakpoint mobile/desktop navi */
    .site-header__inner-container {
        max-width: var(--max-w-content);
    }

    
    /* Siez-0, cols-expanded, ohne weitere Klassen */
    .is-style-cs-size-0 > .wp-block-group__inner-container > .is-style-cs-cols-content-50-50 {
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
    .is-style-cs-size-0 > .wp-block-group__inner-container > .is-style-cs-cols-content-50-50 > .wp-block-column.is-style-cs-enlarged-text-col:first-child {
      padding-left:calc((100% - var(--max-w-content)) / var(--site-padding-size-0-content-left-factor)); 
      padding-right:0; 
    }
    .is-style-cs-size-0 > .wp-block-group__inner-container > .is-style-cs-cols-content-50-50 > .wp-block-column:last-child.is-style-cs-enlarged-text-col {
      padding-right:calc((100% - var(--max-w-content)) / var(--site-padding-size-0-content-right-factor));  
      padding-left:0;
    }

    .is-style-cs-size-0 .is-style-cs-enlarged-text-col {
      padding-top:var(--grp-size-0-padding-t);
      padding-bottom:var(--grp-size-0-padding-b);
    }

    .cs-flip-order-xs > .wp-block-column:last-child {order:unset}

}

@media (min-width:1200px) {
    :root {
        --max-w-content: 86%;
        --site-padding-size-2:4.8%;

        --site-padding-size-0-content-left-factor: 1.5;
        --site-padding-size-0-content-right-factor: 1.35; /* reine Optik, links/rechts padding */
    }
}

@media (min-width:1400px) {
    :root {
      --group-padding-white-tb:80px;
    }
}

@media (min-width:1600px) {
    :root {
        --max-w-content: 1386px;
        --group-size2-after-cover-t:155px;

        --site-footer-before-space:55px;

        --grp-size-0-padding-t: 55px;
        --grp-size-0-padding-b: calc(55px - 30px);  /* wegen 30px default p-tag margin */

        --grp-size-2-extra-padding-factor: 2;
    }

    
}

@media (min-width:1900px) {
    :root {
        --max-w-content: 1486px;
        --group-padding-white-tb:120px;
    }
}


.container {display:block;margin:0 auto;max-width:var(--max-w-site)}

/* für nav überlagern = grid grid-area: 1 / 1; */
/* orig, fehler splide
.site {position:relative;display: grid;}  
.header-wrapper {grid-area: 1 / 1; z-index: 5; height: fit-content;} */
.site {position: relative;}
.header-wrapper {
  position: absolute;
  top: 0;             
  left: 0;            
  width: 100%;        
  z-index: 5;         
  height: fit-content;
}


/* fix footer for short content */
#site-wrapper {min-height: 100vh;/* grid-area: 1 / 1; */ display: flex;flex-direction: column}
#site-footer {margin-top: auto;background-color:#131f13;color:#fff}




/* Hauptlayout mit den Box-Elementen ohne Inhalte! */


/* some WP default overrides und generelle Layout-Werte */

:where(.wp-block-group.has-background) { padding:0} /* override wp default */

.img-fluid, .wp-post-image, .wp-block-image > img, svg {max-width: 100%;height: auto;}
.is-style-cs-size-0 img, .is-style-cs-size-0 embed {object-fit: cover;max-height: 740px}

.is-style-cs-image-cover, .is-style-cs-image-cover-right, .is-style-cs-image-cover-left {height:100%;margin-bottom: 0;}
.img-cover, 
.is-style-cs-image-cover img,
.is-style-cs-image-cover-right img,
.is-style-cs-image-cover-left img {
  object-fit: cover;
  object-position: 50% 50%;
  height: 100%
}
.is-style-cs-image-cover-right img {object-position: right 50%}
.is-style-cs-image-cover-left img {object-position: left 50%}

.wp-block-image figcaption { text-align: left;color:var(--site-text-muted)}

.is-content-justification-center {display:flex;justify-content: center;}
.hyphens-auto {hyphens: auto;}
.hyphens-off {hyphens: none !important;}
.wsnw {white-space: nowrap;}

.p-relative, .p-rel {position:relative}
.d-block {display:block}
.d-flex {display:flex;flex-wrap: wrap;}
.d-flex-cols-rows {flex-direction: column}
.d-grid {display: grid;}
.screen-reader-text, .d-none {display:none !important}
.h-100 {height: 100% !important}
.w-100 {width:100%}
.w-33 {width:33.33%}
.w-66 {width:66.66%}
.w-90 {width: 90%;}
.img-size-50 {max-width: 50%}
.img-size-60 {max-width: 60%}
.img-size-70 {max-width: 70%}
.img-size-80 {max-width: 80%}
.img-size-90 {max-width: 90%}

.clearfix:after {display: block;clear: both;content: "";}
.ml-a {margin-left: auto}

.wp-block-cover {padding:0}
:root :where(.wp-block-image.is-style-rounded img, .wp-block-image .is-style-rounded img) {border-radius: var(--border-radius-img)}


/* end some WP default overrides */




/* SITE Inhalte */
body {
	font-family: "Manrope", system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji", sans-serif;
	font-size:var(--font-size-default);
	font-weight: 400;
	color:#000;
  background-color: var(--site-bg-color-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
body.lock-scrolling {overflow: hidden;}

.screen-reader-text, .d-none {display: none !important} 
.skip-link {left: 0;position: absolute;transform: translateY(-100%)}
.skip-link:focus {transform: translateY(0%)}

b, strong { font-weight:700}
.small, .has-small-font-size, .is-style-cs-paragraph-small {font-size: .95rem}

/*
.has-textcol-a-color {color:var(--site-text-muted)}
.has-textcol-b-color {color:var(--site-extra-color-1)}
.has-keycol-a-color {color:var(--site-bg-color-a)}
.has-keycol-a-background-color {background-color: var(--site-bg-color-a);color:#fff}
.has-keycol-b-background-color {background-color: var(--site-bg-color-b);color:#fff}
*/
.has-keycol-a-background-color {color:#fff}
.has-keycol-a-background-color a:not(.wp-block-button__link) {color:#fff !important}
.has-keycol-b-background-color {color:#fff}
.has-white-color {color:#fff !important}

.wp-block-column {position: relative;}






/* Spezialsachen, Content */
/*
h1, h2, h3, h4, h5, h6, 
.is-style-cs-h1, .is-style-cs-h2, .is-style-cs-h3, .is-style-cs-h4, .is-style-cs-h5 */
.wp-block-heading,
.is-style-cs-heading-h1,
.is-style-cs-heading-h2 {
  font-family: "Hedvig Letters Serif", serif;
  font-weight: 400;
  line-height: 1.2 !important;
  color:inherit;
  margin-bottom:0.45em;
}

h1.wp-block-heading:not(.is-style-cs-pre-heading), .is-style-cs-h1, .is-style-cs-heading-h1 {font-size:var(--font-size-h1)}
h2.wp-block-heading, .is-style-cs-h2, .is-style-cs-heading-h2 {font-size:var(--font-size-h2)}
h3.wp-block-heading:not(.is-style-cs-pre-heading), h2.is-style-cs-h3, .is-style-cs-h3 {font-size:var(--font-size-h3)}
h4.wp-block-heading:not(.is-style-cs-pre-heading), .is-style-cs-h4 {font-size:var(--font-size-h4)}
h5.wp-block-heading:not(.is-style-cs-pre-heading), .is-style-cs-h5 {font-size:1.2rem}
h6.wp-block-heading:not(.is-style-cs-pre-heading), .is-style-cs-h6 {font-size:1.12rem}

#site-footer h2.wp-block-heading {color:#fff;}


.is-style-cs-pre-heading, 
.is-style-cs-paragraph-pre-headline {
  text-transform: uppercase;
  margin:0;
  font-family: "Manrope", system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji", sans-serif;
  font-size:.9rem !important;
  letter-spacing: 2px;
  line-height: 1.4 !important;
}

.is-style-cs-pre-heading + .is-style-cs-heading-h1 {margin-top:22px}
.is-style-cs-pre-heading + .is-style-cs-heading-h2 {margin-top:18px}


/* default margins */
.site-main p {margin-bottom:40px}
.site-main p:has(+ p), .site-main p:has(+ ul) { margin-bottom:25px}



.site-main figure:not([class*="-cover"]):not(.is-style-cs-gallery-grid-3):not(.is-style-cs-gallery-grid-6):not(.wp-block-gallery.is-style-default) {margin-bottom:30px}
.site-main .is-style-cs-size-0 figure {margin:0 !important}



/* end site Inhalte */


/*site spezifisch, z.B. overlayed menu */
.cover-no .site-wrapper {padding-top:90px}


.site-logo {max-width: 168px;height:auto}



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

	.menu-button-container {display: flex}
	
	.primary-navigation-open #login-langs-nav {display: block;margin-top: 0;width:100%}
	.header-wrapper.sticked .login-langs-nav-wrapper {display: block}
	
	.primary-navigation-open #site-header {overflow:scroll;padding-bottom:50px}
	#header-nav { 	display:none;	}
	.primary-navigation-open #header-nav { display: block; padding-top:1rem;	}
	
	.primary-navigation-open .header-wrapper {height:100vh; transition: flex 0.3s ease-out;	}

	
}

/*
.site-main .wp-block-columns {
  margin-top: 2.4rem;
  margin-bottom: 0;
}
  */


.site-main a:not(.wp-block-button__link):not(.post-edit-link):not(.h2-a):not(.page-numbers):not(.resp-sharing-button__link):not(.wp-block-file__button) {
  color:#000;
  text-decoration: underline;
}
.site-main a:hover:not(.wp-block-button__link):not(.post-edit-link):not(.h2-a):not(.page-numbers):not(.resp-sharing-button__link):not(.wp-block-file__button) {
  color:#000;
  text-decoration: none;
}
.site-footer a:not(.post-edit-link):not(.h2-a) {
  color:#fff;
  text-decoration: none;
  white-space: nowrap;
}
.site-footer a:hover:not(.post-edit-link):not(.h2-a):not(.wp-block-button__link) {
  color:#fff;
  text-decoration: underline;
}
.site-main .wp-block-heading > a {
  text-decoration: none !important;
}
.has-keycol-a-background-color .wp-block-heading > a {
  color:#fff !important;
}

/*
.site-main .wp-block-button:not(:last-child) {margin-right:30px;} */

.wp-block-cover, .wp-block-cover-image {min-height: 390px}


.zoom-in img {
  animation: zoomIn 1s ease-out forwards;
}

@keyframes zoomIn {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.04);
  }
}




.site-content .btn,
.wp-block-button__link.wp-element-button {
  background-color: var(--site-btn-color);
  text-decoration: none;
  color: var(--site-btn-text);
  font-size: 93% !important;
  padding-top: calc(0.667em + 1px);
  padding-right: calc(1.2em + 1px);
  padding-bottom: calc(0.667em + 1px);
  padding-left: calc(1.2em + 1px);
  white-space: nowrap;
  line-height: 1;
  border:none;
  border-radius: 0px;
  box-shadow: none;
  transition: all .5s ease;
}
/* .wp-block-button .wp-block-button__link {margin-bottom:8px}
.wp-block-button:last-child > .wp-block-button__link {margin-right: 0;} */
.wp-block-buttons + p {margin-top:25px}


.btn-xs {
  font-size: 82% !important;
  line-height: .8;
  padding: calc(.267em + 1px) calc(0.72em + 1px);
  padding-top: calc(.167em + 1px);
}


.wp-block-button__link.wp-element-button:hover {
  color: var(--site-btn-text);
  background-color:var(--site-btn-color-h);
  text-decoration: none;
}


.is-style-cs-arrow .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  overflow: hidden; /* wichtig für den Icon-Wrap */
}

.is-style-cs-arrow .btn-icon-wrap {
  position: relative;
  width: 18px;
  height: 18px;
  overflow: hidden;
  flex-shrink: 0;
}

.is-style-cs-arrow .btn-icon-wrap svg {
  position: absolute;
  top:0;
  left:0;
  width: 18px;
  height: 18px;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
              opacity   0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.is-style-cs-arrow .arrow-out { transform: translate(0, 0);        opacity: 1; }
.is-style-cs-arrow .arrow-in  { transform: translate(-100%, 100%); opacity: 0; }

.is-style-cs-arrow .wp-block-button__link:hover .arrow-out { transform: translate(100%, -100%); opacity: 0; }
.is-style-cs-arrow .wp-block-button__link:hover .arrow-in  { transform: translate(0, 0);        opacity: 1; }


.wp-block-button__link.has-textcol-b-background-color.wp-element-button {
  color: #000;
}


.wp-block-button em {font-style: normal}


.cl-a:hover {text-decoration: none;}


.wp-block-gallery {
    margin-top:2rem;
    margin-bottom:3.5rem;
}


.wp-block-embed.is-type-video {
    max-width:100%;
    margin:0 auto;
    margin-top:2rem;
    margin-bottom:2rem;
    
}



.site-main p,
.site-footer p,
.site-main ul:not(.splide__list) li {
    line-height:1.5;
}



.site-main dl:not(.faq-list-single),
.site-main ol,
.site-main ul:not(.splide__list) {
    margin-top:1.5rem;
    margin-bottom: 2.5rem;
}
.site-main ul:not(.splide__list) li ul {margin-top:1rem}

nav ul {list-style-type: none;margin:0;padding:0}




.site-main ul:not(.page-numbers):not(.list-inline):not(.is-style-cs-list-lined):not(.splide__list):not(.splide__pagination):not(.is-style-cs-list-checks),
.site-main ul:not(.page-numbers):not(.list-inline):not(.is-style-cs-list-lined):not(.splide__list):not(.splide__pagination):not(.is-style-cs-list-checks) ul {
    list-style: circle;
    padding-left:30px;
    display:grid;
}



.list-inline {
    padding-left: 0;
    list-style: none;
}
.list-inline-item {
    display: inline-block;
    margin-bottom:.5rem !important;
    background-image: none !important;
    padding-left:0 !important;
}
.list-inline-item:not(:last-child) {
    margin-right: 1rem;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}





/* Check OK List-Style */
.is-style-cs-list-checks {
  padding-left: 0 !important;
  list-style: none;
  position: relative;
}
.is-style-cs-list-checks li, 
.is-style-cs-list-checks li li {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23295da6' viewBox='0 0 24 24' width='24' height='24'><path fill='none' d='M0 0h24v24H0z'></path><path d='M10 15.172l9.192-9.193 1.415 1.414L10 18l-6.364-6.364 1.414-1.414z'></path></svg>") !important;
  background-repeat: no-repeat;
  background-position: left 3px;
  background-size: 23px 23px;
  padding-left: 30px;
} /*
.is-style-cs-card-features .is-style-cs-list-checks li {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 24 24' width='24' height='24'><path fill='none' d='M0 0h24v24H0z'></path><path d='M10 15.172l9.192-9.193 1.415 1.414L10 18l-6.364-6.364 1.414-1.414z'></path></svg>") !important;
  margin-bottom: 4px;
} */
.is-style-cs-list-checks.is-last {margin-bottom:1.5rem !important}


.wp-block-columns.is-style-cs-cols-list {border-bottom:1px solid #c6deee}
.wp-block-columns.is-style-cs-cols-list .wp-block-buttons {
  height: 100%;
  align-items: center;
}
.wp-block-buttons.wp-block-buttons-is-layout-flex {display: flex;gap:24px;margin-bottom:30px}
.wp-block-button.is-style-cs-button-arrow {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50px;
  border: 1px solid #c6deee;
  margin-bottom: 20px;
  transition: all 0.3s ease;
}
.wp-block-button.is-style-cs-button-arrow .wp-block-button__link {
  position: relative;
  display: inline-block;
  color: transparent;       /* Text unsichtbar */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='34' height='12' viewBox='0 0 34.356 23.642'><path d='M33.888,52.608,23.664,42.384A1.6,1.6,0,1,0,21.4,44.643l7.5,7.5H1.6a1.6,1.6,0,0,0,0,3.195H28.9l-7.5,7.5a1.6,1.6,0,0,0,2.259,2.259L33.888,54.867A1.6,1.6,0,0,0,33.888,52.608Z' transform='translate(0 -41.916)' fill='%23000'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 40px;              /* Breite des Buttons */
  height: 40px;             /* Höhe des Buttons */
  text-indent: -9999px;     /* Text visuell ausblenden */
  overflow: hidden;
  margin-bottom: 0px !important;
}
.wp-block-button.is-style-cs-button-arrow:hover {
  border-color: var(--site-bg-color-b);
}




.posted-on {margin-bottom: 25px}
    


.header-items {
  align-items: center;
  justify-content: space-between;
  padding: 4px 0px 6px 0px;
  margin-top:8px;
}
.outer-wrapper-primary-nav {
    align-items: center;
}
  
.footer-items {
    justify-content: space-between;
    flex-direction: column;
}
.footer-items-last {justify-content: space-between}

.footer-nav li {margin-bottom:10px}
.footer-block, .fb-row-copy, .fb-row-menu {margin-bottom:20px}
.fi-line {border-top:1px solid #b7b7b7;padding-top:15px}


.copy-fahrenheit {font-size: 83%;opacity: .5;}


.footer-nav.fn_horizontal {display: flex;gap:0px 16px; flex-wrap: wrap}
.footer-navigation:not(.additional) {margin-bottom:20px}  


.is-style-cs-footer-logo-adr .wp-block-column:nth-of-type(2) {flex-basis: fit-content !important;}


.footer-logos > .wp-block-group__inner-container {
  display: flex;
  gap:45px;
  row-gap: 30px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.footer-logos figure {margin-bottom:0}

.sujet-blatt {
  display: flex;
  justify-content: flex-end;
}
.wp-block-image.sujet-blatt img {max-width: 66% !important}




.menu-button-container #primary-mobile-menu {
	background-color: transparent;
	border: none;
  padding:0;
  margin-right: -4px;
}
.menu-button-container #primary-mobile-menu:focus {
   outline:none;
}

.menu-button-container #primary-mobile-menu .dropdown-icon {
	display: flex;
	align-items: center;
}

.menu-button-container #primary-mobile-menu .dropdown-icon .svg-icon {
	width:32px;
	height:32px;
}


.menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon {
	position: relative;
}


.menu-button-container #primary-mobile-menu .dropdown-icon.close {
	display: none;
}

.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.open {
	display: none;
}

.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close {
	display: flex;
}

.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close {
	animation-name: cay-close-button-transition;
	animation-duration: 0.3s;
}

.primary-navigation-open .menu-button-container #primary-mobile-menu {
	position: static;
}



/* smartmenus */

.sm{box-sizing:border-box;position:relative;z-index:9999;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:default;}
.sm::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.sm *,.sm *::before,.sm *::after{box-sizing:inherit;}


.sm-clean {
  background: #fff;
  border-radius: 3px;
}

.sm-clean a {
  
  padding: 13px 58px 13px 5px;
  
  color: var(--nav-text-color);
  font-size: 18px;
  font-weight: 400;	
  
  line-height: 21px;
  text-decoration: none;
  
}

.sm-clean a:hover {color: var(--nav-text-color-hov)}

.sm-clean a.current, 
.sm-clean li.current-menu-item > a, 
.sm-clean li.current-menu-ancestor > a,
.sm-clean li.current_page_item > a,
.sm-clean li.current-page-ancestor > a,
.sm-clean li.current-post-ancestor > a,
.sm-clean li.current-post-parent > a,
.sm-clean li.current-menu-parent > a,
.sm-clean.langNav li.current-menu-item > a,
.sm-clean a.current-page-item {
  color: var(--nav-text-color);
}
.sm-clean a.current .sub-arrow, 
.sm-clean li.current_page_item > a .sub-arrow,
.sm-clean a.current-page-item .sub-arrow {
  color:var(--nav-text-color);
}  
 
.sm-clean a.disabled {
  color: #bbb;
}

.sm-clean a .sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -19px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 16px/34px monospace !important;
  color:#000 !important;
  text-align: center;
  text-shadow: none;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}
.sm-clean a .sub-arrow::before {
  content: '+';
  font-size: 22px;
  font-weight: normal;
}
.sm-clean a.highlighted .sub-arrow::before {
  content: '-';
}
.sm-clean > li:first-child > a, .sm-clean > li:first-child > :not(ul) a {
  border-radius: 5px 5px 0 0;
}
.sm-clean > li:last-child > a, .sm-clean > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
  border-radius: 0 0 5px 5px;
}
.sm-clean > li:last-child > a.highlighted, .sm-clean > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
  border-radius: 0;
}
.sm-clean li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.sm-clean > li:first-child {
  border-top: 0;
}

.sm-clean ul a {
  font-size: 16px;
  border-left: 12px solid transparent;
  text-transform:none;
}

.sm-clean ul ul a {
  border-left: 24px solid transparent;
}
.sm-clean ul ul ul a {
  border-left: 36px solid transparent;
}
.sm-clean ul ul ul ul a {
  border-left: 48px solid transparent;
}
.sm-clean ul ul ul ul ul a {
  border-left: 60px solid transparent;
}

.sm-clean ul a:hover {
	color:#555555;
}

@media (min-width: 992px) {
  
  /* Switch to desktop layout */
  
    
	.sm {
		display:inline-block;
	}

  .sm-clean ul {
    position: absolute;
    width: 12em;
  }

  .sm-clean li {
    float: left;
  }

  .sm-clean.sm-rtl li {
    float: right;
  }

  .sm-clean ul li, .sm-clean.sm-rtl ul li, .sm-clean.sm-vertical li {
    float: none;
  }

  .sm-clean a {
    white-space: nowrap;
  }

  .sm-clean ul a {
    border-left:none;
  }

  .sm-clean ul a, .sm-clean.sm-vertical a {
    white-space: normal;
  }

  .sm-clean .sm-nowrap > li > a, .sm-clean .sm-nowrap > li > :not(ul) a {
    white-space: nowrap;
  }

  
  .sm-clean {
    padding: 0;
    background: transparent;
    border-radius: 0;
  }
  	
	.sm-clean a {
		font-size:14px;
	}

  .sm-clean a, .sm-clean a.highlighted {
    padding: 7px 12px;	
    color: var(--nav-text-color);
    border-radius: 0 !important;
  }

  .sm-clean > li > a {
	  color:var(--nav-text-color);
  }
  
  #main-nav {
  	  display:flex;
  	  justify-content: space-between;
  }
    
  .sm-clean {
  	  display: flex;
      align-items: center;
  }
  .primary-menu-container {
  	  display: flex;
  }
  .sm-clean > a {
  	  padding:9px 12px
  }
  
  
  .sm-clean > li a,
  .sm-clean > li a.highlighted { 
  	font-weight: 500;
  	padding: 7px 24px 11px 24px;
  	margin:0; 
    font-size:16px; 
  }
  
  .sm-clean.lang-nav > li a {padding: 10px 10px 12px 10px}
  .sm-clean.lang-nav .lang-menu > a {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50px !important;
    padding: 0px 8px 1px 8px;
  }
  
  .sm-clean.lang-nav li ul {min-width:fit-content !important}


  .sm-clean li li a,
  .sm-clean li li a.highlighted { 
  	/* padding-right: 5px; */
    font-size:15px;
  }

  /*
  .sm-clean > li:first-child > a {margin-left:0}
  */
  	
  	
  .header-wrapper {background-color:transparent}
  .primary-navigation-open .header-wrapper {background-color:white}
  
  /*
  .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
    color: var(--col-nav-link-on) !important; 
  } */
  
  .sm-clean a.current, 
  .sm-clean li.current_page_item > a,
  .sm-clean li.current-page-ancestor + a,
  .sm-clean.langNav li.current-menu-item > a,
  .sm-clean a.current-page-item {
    color: var(--site-bg-color-b);
  }
  /* nicht Unterstufe */
  
  .sm-clean ul ul a,
  .sm-clean ul ul ul a,
  .sm-clean ul ul ul ul a,
  .sm-clean ul ul ul ul ul a {
    border-left: 13px solid transparent;
  }


  /* only Top-Level */ 
  .sm-clean.main > a.current, 
  .sm-clean.main > li.current-menu-item > a, 
  .sm-clean.main > li.current-menu-ancestor > a,
  .sm-clean.main > li.current-menu-parent > a, 
  .sm-clean.main > li.current_page_item > a,
  .sm-clean.main > li.current-page-ancestor > a,
  .sm-clean.main > a.current-page-item {
    color:inherit;
    line-height:inherit;
    text-decoration: underline;
  }
  
  .sm-clean.main li li.current-menu-item > a,
  .sm-clean.main li li.current-page-parent > a {
  	color: #fff;	
  } 
  
  .sm-clean a.disabled {
    color: #bbb;
  }
	

  .sm-clean a .sub-arrow {
    position: relative;
    top: -5px;
    margin-top: -2px;
    right: -8px;
    background-color:transparent;
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-right: 1.5px solid #fff;
    border-top: 1.5px solid #fff;
    transform: rotate(135deg);
    border-radius:0;

    display: none;
  }
  /* fix sublevel chevron/arrows */
  .sm-clean > li li a .sub-arrow {
    position:absolute;
    border-right-color: #000;
    border-top-color: #000;
  }
	
  
  .sm-clean li {
    border-top: 0;
  }
  .sm-clean > li > ul::before,
  .sm-clean > li > ul::after {
    content: '';
    position: absolute;
    top: -18px;
    left: 30px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 9px;
  }
  .sm-clean > li > ul::after {
    top: -16px;
    left: 31px;
    border-width: 8px;
    border-color: transparent transparent #fff transparent;
  }
  .sm-clean ul {
    border: 1px solid #000;
    padding: 5px 0;
    background: #000;
    color:#fff;
    border-radius: 4px !important;
	  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.12);
  }
  .sm-clean ul a {
    color:#fff;
  }
  
  
  
  /* fake menu groups */
  /*
  .sm-clean ul a[href="#group"], .sm-clean ul a[href="#group"].highlighted {
    cursor:default;
  }
  .sm-clean ul a[href="#group"]:hover, .sm-clean ul a[href="#group"]:focus, .sm-clean ul a[href="#group"]:active, .sm-clean ul a[href="#group"].highlighted {
    color: #555555 !important;
  }
  */
    
   
  .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {
    background: transparent;
    color: #fff;
  }
  .sm-clean ul a.current {
    color: var(--nav-text-color-on);
  }
  .sm-clean ul a.disabled {
    background: #fff;
    color: #ccc;
  }
  .sm-clean ul a.has-submenu {
    padding-right: 20px;
  }
  
  /* chevron-right Unterstufen */
  .sm-clean ul a.has-submenu {
    padding-right: 30px !important;
  }
  .sm-clean ul a .sub-arrow {
    margin-top:-3px;
    top: 50%;
    right: 10px;
    display: inline-block;
    border-color:#555555;
    border-style: solid;
	  border-width: 1px 1px 0 0;
	  content: '';
	  transform: rotate(45deg);
	  width: 6px;
	  height: 6px;
	  border-radius: 0;
  }

  .bm-xs {display: none}
  .bm-lg {display: inline-block}

  
}

/* NUR smartmenus Zusatzanimationen */    
@media (min-width:992px) {
      .sm-clean {-webkit-font-smoothing: subpixel-antialiased}
      
      .sm-clean ul.show-animation {
        -webkit-animation: show-animation 0.35s;
        animation: show-animation 0.35s;
      }

      @keyframes show-animation {
        0% {
          transform: translate3d(0,15px,0);
          opacity: 0;
        }
        100% {
          transform: translate3d(0,0,0);
          opacity: 1;
        }
      }
      
      .sm-clean ul.hide-animation{
        -webkit-animation: hide-animation 0.2s;
        animation: hide-animation 0.2s;
      }

      @keyframes hide-animation {
        0% {
          transform: translate3d(0,0,0);
          opacity: 1;
        }
        100% {
          transform: translate3d(0,15px,0);
          opacity: 0;
        }
      }
}


.is-style-cs-stacked-images {
  display: flex;
  gap:15px;
}
.is-style-cs-stacked-images .wp-block-image:nth-of-type(2) {
  order:-1;
}


.is-style-cs-stacked-images .wp-block-image img {
  object-fit: cover;
  aspect-ratio: 3/4.2;
  height:100%;
}




.filter-style-1 img {
  filter: grayscale(0.3)sepia(.1);
}


.is-style-cs-flex-stacked-style-1 {
  gap:0;
}
.is-style-cs-flex-stacked-style-1 figure {
  margin-bottom: 0 !important;
}



.is-style-cs-card {height:100%}
.is-style-cs-card > .wp-block-group__inner-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}


.is-style-cs-card figure {margin-bottom: 0 !important}
.is-style-cs-card figure:first-child img {
  object-fit: cover;
  aspect-ratio: 4/3;
  filter: grayscale(0.3)sepia(.1);
}

.is-style-cs-card-content {
  height:100%;
  background-color:var(--site-bg-color-b)
}

.is-style-cs-card-content > .wp-block-group__inner-container {
  padding: var(--card-blog-inner-padding);
  padding-bottom:0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.is-style-cs-card .wp-block-buttons {
  margin-top: auto;
}


.is-style-cs-card .is-style-cs-arrow .wp-block-button__link {
  padding-left:0;
  background:transparent
}

.is-style-cs-grid-3-1 .is-style-cs-card .wp-block-heading {
  font-size: 1.5rem;
  margin-bottom: .8em;
  margin-top: .4em;
}
.is-style-cs-grid-3-1 .is-style-cs-card .wp-block-paragraph {
  font-size:93%;
}





.acc-title {
  position:relative;
  font-weight:400;
  transition: 0.3s;
  padding-top: 12px;
  padding-right:30px;	
}
.acc-title:hover {
  cursor: pointer;
} 
.faq-list .acc-title.open {font-weight: 700;color: var(--site-bg-color-a)}  
.faq-list p {margin-bottom: 10px}  

.acc-desc {
  font-size: 93%;
  max-height: 0;
  margin-bottom: 12px;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.acc-desc p:last-child {margin-bottom: 0;}    
.acc-title.open + .acc-desc {padding-top:5px}

  
.fa-cs-accordion dt {
  display:flex;
  align-items: start;
  flex-wrap:wrap;
}
.fa-cs-accordion dt:not(:first-child) {border-top: 1px solid var(--site-bg-color-a)}
.fa-cs-accordion dt:after {
  position: absolute;
  right:0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" fill="none"><path stroke="%23295da6" stroke-width="2" d="M10.47 0v19.584M.453 9.462h19.584"/></svg>');
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}
.fa-cs-accordion dt.open:after {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" fill="none"><path stroke="%23295da6" stroke-width="2" d="M.453 9.462h19.584"/></svg>');}


.fa-cs-accordion.is-style-cs-bg dt {
  background-color: var(--site-btn-color);
  color:#fff;
  border-radius: 4px;
  padding:12px 40px 14px 12px;
}
.fa-cs-accordion.is-style-cs-bg dt:after {
  right:12px;
  margin-top:2px; /* optik */
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" fill="none"><path stroke="%23ffffff" stroke-width="2" d="M10.47 0v19.584M.453 9.462h19.584"/></svg>');
}
.fa-cs-accordion.is-style-cs-bg dt.open:after {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" fill="none"><path stroke="%23ffffff" stroke-width="2" d="M.453 9.462h19.584"/></svg>');}



.fa-cs-accordion.is-style-cs-bg dt:hover {background-color: var(--site-btn-color-h);}
.fa-cs-accordion.is-style-cs-bg dt:not(:first-child) {border-top: none;}
.fa-cs-accordion.is-style-cs-bg .acc-desc {
  background-color: #fff;
  padding: 0px;
  margin-bottom:6px
}
.fa-cs-accordion.is-style-cs-bg .acc-desc.open {padding-top:6px}
.fa-cs-accordion.is-style-cs-bg .acc-desc.open > .map-cartype-btns-wrp {padding-top:10px}

.faq-list-single {margin-bottom: 30px;}

    


/* Tables */
.wp-block-table {
margin-bottom:2rem;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.wp-block-table td, 
.wp-block-table th {
    padding: .4em .7em;
    border: none;
    word-break: normal;
}
.wp-block-table td:first-child, 
.wp-block-table th:first-child {
    padding-left:0;
}

.wp-block-table tbody td {border-top:1px solid var(--site-extra-color-1)}
.wp-block-table tr:last-child td {border-bottom:1px solid var(--site-extra-color-1)}

.wp-block-table.size-auto table {width:auto}




.gm-ui-hover-effect {width: 28px !important;height: 28px !important;}
.gm-ui-hover-effect > span {margin:6px !important}
.map-popup {padding: 10px;padding-right: 20px;font-size: 14px;}



.search-field {
  width: 100%;
  padding: 0.57em 0;
  margin-bottom:60px;
  border-color: transparent;
  border-radius:0;
  background-color: transparent !important;
  border-bottom: 1px solid var(--site-btn-color);
  outline:none;
}
.search-field::placeholder {
  color:var(--site-bg-color-b)
}


.is-style-cs-image-circle {
  width: 100%;
  max-width: 460px;
  height: auto;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  aspect-ratio: 1/1;
}
.is-style-cs-image-circle img {
  object-fit: cover;
  object-position: 50% 50%;
  height: 100%;
}


.ar-4-3 {aspect-ratio: 4 / 2.2}



.wp-block-quote {border-left: 3px solid var(--site-bg-color-a);padding-left:1rem;margin-bottom: 30px; }
.wp-block-quote p {	margin-bottom:1rem }

/*
.edit-link {display:flex;border:1px solid black;margin:2rem auto;width: fit-content;}
.edit-link a {padding:1.5rem}
*/
.edit-link {display: none;}


/*
ol {
    counter-reset: item;
}
.site-main ol ol {margin:0}
ol li {
    display: block;
    position: relative;
}
ol li:before {
    content: counters(item, ".")".";
    counter-increment: item;
    position: absolute;
    margin-right: 100%;
    right: 10px; 
} */

.site-main ol ol {margin:0}
ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

ol > li:before {
  /* content: counters(item, ".") ") "; */

  content: counters(item, ".")".";
  display: table-cell;
  padding-right: 0.6em;
}

li ol > li {
  margin: 0;
}

li ol > li:before {
  /*content: counters(item, ".") ") ";*/
  content: counters(item, ".")".";
}


.icon-center {
  text-align: center;
  margin:0 auto;
  display: block;
}
.icon-collage {margin-top:50px}

.wp-block-splide-carousel .splide__pagination__page {
  height:6px !important;
  width:50px !important;
  border-radius: unset;
  margin-bottom: 15px;
}
.wp-block-splide-carousel .splide__pagination__page.is-active {transform: scale(1);background:#fff}






/* gallery */

/* default für 2 Spalten */
.wp-block-gallery.columns-2.is-style-default {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: calc(var(--flex-grid-gap) / 2) !important;
  grid-row-gap: calc(var(--flex-grid-gap) / 2) !important;
}
.wp-block-gallery.columns-2.is-style-default figure { width:100% !important; }

.wp-block-gallery.columns-3.is-style-default {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: calc(var(--flex-grid-gap) / 2) !important;
  grid-row-gap: calc(var(--flex-grid-gap) / 2) !important;
}
.wp-block-gallery.columns-3.is-style-default figure { width:100% !important; }



.is-style-cs-gallery-grid-3 {
display: grid !important;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: calc(var(--flex-grid-gap) / 2) !important;
grid-row-gap: calc(var(--flex-grid-gap) / 2) !important;
}

.is-style-cs-gallery-grid-3 figure:nth-child(1) { grid-area: 1 / 1 / 3 / 2; }
.is-style-cs-gallery-grid-3 figure:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
.is-style-cs-gallery-grid-3 figure:nth-child(3) { grid-area: 2 / 2 / 3 / 3; } 



.is-style-cs-gallery-grid-6 {
display: grid !important;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(4, 1fr);
grid-column-gap: calc(var(--flex-grid-gap) / 2) !important;
grid-row-gap: calc(var(--flex-grid-gap) / 2) !important;
}

/* 5 Bilder */
.is-style-cs-gallery-grid-6:has(figure:nth-child(5)):not(:has(figure:nth-child(6))) {
  grid-template-areas:
    "a b"
    "a c"
    "d e";
}

/* 6 Bilder */
.is-style-cs-gallery-grid-6:has(figure:nth-child(6)) {
  grid-template-areas:
    "a b"
    "a c"
    "d f"
    "e f";
}

/* Named Areas für alle Kinder */
.is-style-cs-gallery-grid-6 figure:nth-child(1) { grid-area: a; }
.is-style-cs-gallery-grid-6 figure:nth-child(2) { grid-area: b; }
.is-style-cs-gallery-grid-6 figure:nth-child(3) { grid-area: c; }
.is-style-cs-gallery-grid-6 figure:nth-child(4) { grid-area: d; }
.is-style-cs-gallery-grid-6 figure:nth-child(5) { grid-area: e; }
.is-style-cs-gallery-grid-6 figure:nth-child(6) { grid-area: f; }


.wp-block-gallery.is-style-default figure {overflow: hidden;}
.is-style-cs-gallery-grid-3 figure {overflow: hidden;}
.is-style-cs-gallery-grid-6 figure {overflow: hidden;}



.is-style-cs-grid-3-1 {
  display: grid !important;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: var(--flex-grid-gap);
}





/* flipcards */

.flipcard {
  position: relative;
  height: 100%;
  min-height:var(--card-min-height);
  perspective: 610px;
}

.flipcard-content {
  position: absolute;
  width: 100%;
  height: 100%;

  transition: transform 1s;
  transform-style: preserve-3d;
  perspective: 610px;
}

/* done with JS, buggy safari.... */
.flipcard.flip-back .flipcard-content {
  transform: rotateY( 180deg ) ;
  transition: transform 0.6s;
}

.card-front,
.card-back {
  position: absolute;
  height: 100%;
  width: 100%;
  padding:18px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.card-front {
  background-color: var(--site-bg-color-c);
  overflow: hidden;
}

.card-back {
  overflow-y: auto;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.card-back::-webkit-scrollbar {display: none;}


.card-back {
  background: var(--site-bg-color-b);
  transform: rotateY( 180deg );
}

.flipcard-back-content {
  max-height: calc( var(--card-min-height) - 18px - 40px);  /* 20px = card-padding-top, 70px = btn-space */
  overflow-y: scroll;

  /* Chrome / Safari / Edge */
  &::-webkit-scrollbar { width: 5px; }
  &::-webkit-scrollbar-track { background: transparent; }
  &::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
  }
}
.card-back .ml-a {
  position: absolute;
  bottom:0;
  right:0;
}

.flipcard-heading:not(.no-hyphens) {
  hyphens: auto;
}


.card-front-conten-hlp {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  gap:10px;
  font-size: 90%;
}
.card-back-conten-hlp {
  font-size: 90%;
}
.card-back-conten-hlp p:last-child {
  margin-bottom:0;
}

.card-front-conten-hlp > p {
  flex-basis: 90%;
}

.btn-arrow-icon {
  display: flex;
  padding: 0 !important;
  width: fit-content;
  background-color: transparent !important;
}

.btn-arrow-icon > .btn-icon-wrap {
  position: relative;
  width: 36px;
  height: 36px;
  overflow: hidden;
  flex-shrink: 0;
}

.btn-arrow-icon.return > .btn-icon-wrap {
  transform:rotate(180deg);
}

.card-front-header > .wp-block-heading {
  font-size:28px !important
}

.card-back-header > .wp-block-heading {
  font-size:22px !important
}


.is-style-cs-flipcards > .wp-block-group__inner-container {
  display:grid;
  grid-column-gap:30px; 
  grid-row-gap:30px;

  grid-template-columns: repeat(1, 1fr);

}
.flipcard__inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height:100%;
  position: relative;
}
.flipcard__inner.link-all {
  min-height: 50px;
  justify-content: center;
  align-items: center;
}
    





/* FAQ Yoast accordions */

.schema-faq.accordion + h3 {
  margin-top:50px
}
.schema-faq.accordion .schema-faq-question  {
  display: flex;
  align-items: start;
  flex-wrap: wrap;

  position: relative;
  transition: 0.3s;
  padding-top: 14px;
  padding-right: 45px;

  cursor: pointer;
}
.schema-faq.accordion .schema-faq-question::after {
  position: absolute;
  right: 0;
  width: 30px;
  height: 30px;
  margin-left: auto;
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" fill="none"><path stroke="%23000000" stroke-width="2" d="M10.47 0v19.584M.453 9.462h19.584"/></svg>');
  background-repeat: no-repeat;
  background-size: 1.25rem;
  background-position-y: 4px;
  background-position-x: right;
  transition: transform 0.2s ease-in-out;
}
.schema-faq.accordion .schema-faq-question.open::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" fill="none"><path stroke="%23000000" stroke-width="2" d="M.453 9.462h19.584"/></svg>');
}
.schema-faq.accordion .schema-faq-section {
  padding-bottom: 6px;
}
.schema-faq.accordion .schema-faq-section:not(:first-child) {
  border-top: 1px solid #000;
}

.schema-faq.accordion .schema-faq-answer {
  font-size: 93%;
  max-height: 0;
  padding-top: 8px;
  margin-bottom: 0px;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  padding-bottom: 3px;
}
.schema-faq-answer {
    overflow: hidden;
    transition: max-height 0.3s ease;
    max-height: 0;
}
.schema-faq-answer.open {
    /* max-height wird im JS dynamisch gesetzt */
}






/* forms */

.wpcf7-form label:not(.wpcf7-list-item-label) {
  font-size: 1rem;
  display: block;
}
.wpcf7-list-item > label {
  display: inline-block;
  margin-right: 20px;
}
.wpcf7-checkbox label {
  display: block;
}
.input-field > label {
  color: #9e9e9e;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1rem;
  cursor: text;
  -webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
  transition: color .2s ease-out, -webkit-transform .2s ease-out;
  transition: transform .2s ease-out, color .2s ease-out;
  transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  text-align: initial;
  -webkit-transform: translateY(12px);
  transform: translateY(12px);
}


input:not([type]), input[type="text"]:not(.browser-default), input[type="password"]:not(.browser-default), input[type="email"]:not(.browser-default), input[type="url"]:not(.browser-default), input[type="time"]:not(.browser-default), input[type="date"]:not(.browser-default), input[type="datetime"]:not(.browser-default), input[type="datetime-local"]:not(.browser-default), input[type="tel"]:not(.browser-default), input[type="number"]:not(.browser-default), input[type="search"]:not(.browser-default), textarea.materialize-textarea {
  background-color: transparent;
  border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  border-bottom: 1px solid #94928f !important;
  border-radius: 0;
  outline: none;
  width: 100%;
  font-size: inherit;
  margin: 0 0 8px 0;
  padding: 0;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: border .3s, -webkit-box-shadow .3s;
  transition: border .3s, -webkit-box-shadow .3s;
  transition: box-shadow .3s, border .3s;
  transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
}
input:not([type]):focus:not([readonly]), input[type="text"]:not(.browser-default):focus:not([readonly]), input[type="password"]:not(.browser-default):focus:not([readonly]), input[type="email"]:not(.browser-default):focus:not([readonly]), input[type="url"]:not(.browser-default):focus:not([readonly]), input[type="time"]:not(.browser-default):focus:not([readonly]), input[type="date"]:not(.browser-default):focus:not([readonly]), input[type="datetime"]:not(.browser-default):focus:not([readonly]), input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), input[type="tel"]:not(.browser-default):focus:not([readonly]), input[type="number"]:not(.browser-default):focus:not([readonly]), input[type="search"]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #94928f;
  outline: none;
  outline: none;
  box-shadow: none;
}
input:not([type]):focus:not([readonly]) + label, input[type="text"]:not(.browser-default):focus:not([readonly]) + label, input[type="password"]:not(.browser-default):focus:not([readonly]) + label, input[type="email"]:not(.browser-default):focus:not([readonly]) + label, input[type="url"]:not(.browser-default):focus:not([readonly]) + label, input[type="time"]:not(.browser-default):focus:not([readonly]) + label, input[type="date"]:not(.browser-default):focus:not([readonly]) + label, input[type="datetime"]:not(.browser-default):focus:not([readonly]) + label, input[type="datetime-local"]:not(.browser-default):focus:not([readonly]) + label, input[type="tel"]:not(.browser-default):focus:not([readonly]) + label, input[type="number"]:not(.browser-default):focus:not([readonly]) + label, input[type="search"]:not(.browser-default):focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label,
.wpcf7-form-control-wrap:focus-within + label,
.wpcf7-form-control-wrap:focus-within > label {
  color: var(--site-bg-color-a);
}
select {
  background-color: rgba(255,255,255,0.9);
  width: fit-content;
  padding: 6px 10px;
  border: 1px solid #f2f2f2;
  margin: 0 0 8px 0;
  border-radius: 2px;
  display: inline-block;
}
[type="checkbox"] + span:not(.lever) {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.wpcf7-list-item-label::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid #9e9e9e;
  border-radius: 1px;
  margin-top: 3px;
  -webkit-transition: .2s;
  transition: .2s;
}
.wpcf7-list-item-label::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid #9e9e9e;
  border-radius: 1px;
  margin-top: 3px;
  -webkit-transition: .2s;
  transition: .2s;
}
[type="checkbox"]:not(.filled-in) + span:not(.lever)::after {
  border: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
[type="checkbox"]:checked + .wpcf7-list-item-label::before {
  top: -4px;
  left: -5px;
  width: 12px;
  height: 22px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid var(--site-bg-color-a);
  border-bottom: 2px solid var(--site-bg-color-a);
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.wpcf7-quiz-label {display: block;margin-bottom: 20px;}

[type="radio"]:not(:checked), [type="radio"]:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
[type="radio"]:not(:checked) + span, [type="radio"]:checked + span {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  -webkit-transition: .28s ease;
  transition: .28s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
[type="radio"] + span::before, [type="radio"] + span::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px;
  width: 16px;
  height: 16px;
  z-index: 0;
  -webkit-transition: .28s ease;
  transition: .28s ease;
}
[type="radio"]:not(:checked) + span::before, [type="radio"]:not(:checked) + span::after {
  border: 2px solid #9e9e9e;
  border-radius: 50%;
}
[type="radio"]:checked + span::before {
  border: 2px solid transparent;
}
[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + span::before, [type="radio"].with-gap:checked + span::after {
  border: 2px solid var(--site-bg-color-a);
  border-radius: 50%;
}
[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + span::after {
  background-color: var(--site-bg-color-a);
  border-radius: 50%;
}

[type="radio"]:checked + span::after {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

textarea.materialize-textarea {
  max-height: 170px;
}

.wpcf7-form-control-wrap {
  max-width: 800px;
  display: block;
}

.wpcf7-submit {
  border: none;
  border-radius: 0;
  display: inline-block;
  line-height: 36px;

  padding-right: calc(1.2em + 1px);
  padding-left: calc(1.2em + 1px);
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;

  text-decoration: none;
  color: #fff;
  background-color: var(--site-bg-color-a);
  text-align: center;
  letter-spacing: .5px;
  -webkit-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  cursor: pointer;
}
.screen-reader-response {display: none;}
.wpcf7-not-valid-tip {font-size: .8rem;color:rgb(207, 13, 13);display: block;}

.wpcf7 form.invalid .wpcf7-response-output {margin-left:0;margin-right:0;border-color:#cf0d0d;color:#cf0d0d;border-width: 1px;}
.wpcf7 form.sent .wpcf7-response-output {margin-left:0;margin-right:0;border-color:var(--site-bg-color-b);background-color:var(--site-bg-color-b);color:#fff;border-width: 1px;}




.mb-0,
.wp-block-group.mb-0 > .wp-block-group__inner-container {margin-bottom: 0 !important}
.pt-0, .pt-0 > .wp-block-group__inner-container {padding-top:0 !important}
.pb-0, .wp-block-group.pb-0 > .wp-block-group__inner-container {padding-bottom: 0 !important}
.d-none {display: none !important;}



.visual-1 > .wp-block-group__inner-container {
  background-image: url('assets/images/medizinal-kraeuter-1.webp');
  background-repeat: no-repeat;
  background-position: bottom 50px right 10px;
}
/* visual-2 erst ab 1200 - kein Platz vorher */





@media (max-width: 480px) {
  .is-style-cs-heading-h1 {
    overflow-wrap: break-word;
    hyphens: auto;
  }
}



@media (max-width:767px) {

  .visual-1 > .wp-block-group__inner-container {
    background-image: url('assets/images/medizinal-kraeuter-1.webp');
    background-repeat: no-repeat;
    background-position: bottom 10px right 1px;
    background-size: 50%;
  }
  
}



@media (max-width:991px) {

  .outer-wrapper-primary-nav {display: none;}
  .header-wrapper {padding-top: 7px;padding-bottom: 7px}
  .header-items {align-items: flex-start;margin-top:5px}

  .sm-clean {background:inherit}

  .primary-navigation-open #site-header {height: 100vh;overflow: hidden;background-color: var(--site-bg-color-body)}
  .primary-navigation-open #site-header .site-header__inner-container {height: 100vh;}
  .primary-navigation-open #site-header .header-items {flex-direction:row;align-items: self-start;flex-wrap: wrap;}
  /* .primary-navigation-open .site-header-logo-wrapper {padding-top:4px} */
  .primary-navigation-open .outer-wrapper-primary-nav {width: 100%;  margin-top: 50px;}
  .primary-navigation-open .primary-navigation ul:first-child {line-height:4}
  .primary-navigation-open .primary-navigation a {margin:0}
  .primary-navigation-open .outer-wrapper-primary-nav {display: block;height: 80%; text-align: center;}
	.primary-navigation-open .primary-navigation .nav-btn {margin-top:1.1rem}

  /* wp-cols von 782px (default) auf 992 setzen */
  .wp-block-columns {
    flex-wrap: wrap !important;
    flex-direction: column !important;
  }

  /* .is-style-cs-heading-h1 {hyphens: auto;} */
  .is-style-cs-size-0 img {aspect-ratio: 4/2.4;}
  .is-style-cs-size-0 embed {aspect-ratio: 4/2.4}

  .is-style-cs-footer-logo-adr {gap:1em}
  .wp-block-image.sujet-blatt img {
    max-width: 40% !important;
  }

  .is-style-cs-heading-h1 + .wp-block-columns.is-style-cs-cols-content-66-33 {
    gap: 0 !important;
  }

}

    
@media (min-width:768px) {
	
	body { font-size:0.98rem;}
	
  

  .fa-cs-accordion dt {align-items: center}
  .fa-cs-accordion dt:after {right:6px}


}


  
    
@media (min-width:992px) {

  :root {
    --border-radius-img: 30px;
    --card-min-height:275px;

    --card-blog-inner-padding: 26px;
  }

	body { font-size:1.08rem;}
  

  .is-style-cs-w-size-a > .wp-block-group__inner-container {max-width:80%}
  .is-style-cs-w-size-a > .wp-block-group__inner-container > p:not(.is-style-cs-heading-h2) {max-width: 94%}


  
  .is-style-cs-image-cover {margin-bottom: 0 !important}

  .header-items {
    padding: 9px 0px;
    margin-top:20px;
  }
  .site-logo {max-width: 220px}
  .menu-button-container {display:none}

  /* wp-cols von 782px (default) auf 992 setzen */
  .wp-block-columns {
    flex-wrap: nowrap !important;
    flex-direction: row !important;
  }
  .wp-block-columns.is-style-cs-cols-content-50-50 {gap: var(--flex-cols-gap)}
  .wp-block-columns.is-style-cs-cols-content-50-50.gap-xl {gap: calc( 2 * var(--flex-cols-gap))}

  .wp-block-columns.is-style-cs-cols-content-66-33 {gap: var(--flex-cols-gap)}
  .wp-block-columns.is-style-cs-cols-content-66-33 > .wp-block-column:first-child {flex:1}
  .wp-block-columns.is-style-cs-cols-content-66-33 > .wp-block-column:last-child {flex: 0 0 fit-content}


  /* cover, large content with space top margin */
  .wp-block-cover.content-space .wp-block-cover__inner-container {padding-top:150px;padding-bottom:65px}


  .wp-block-cover .wp-block-columns {align-items: center !important}
  .wp-block-cover .wp-block-columns .wp-block-column:nth-child(1) {
    flex-basis: 58%;
    flex-grow:0;
  }
  .wp-block-cover .wp-block-columns .wp-block-column:nth-child(2) {
    display: flex;
    justify-content: flex-end;
  }

  .is-style-cs-grid-3-1 {
    grid-template-columns: repeat(3, 1fr);
  }

  .is-style-cs-grid-3-1 .is-style-cs-card .wp-block-heading {
    font-size: 1.5rem;
  }

  .is-style-cs-text-imagestack .wp-block-column {
    flex-basis: 50%;
  }
  .is-style-cs-text-imagestack .wp-block-column:nth-of-type(1) {
    padding-right:60px;
    flex-basis: 50% !important;
    flex-grow: 0 !important;
  }
  .is-style-cs-text-imagestack .wp-block-column:nth-of-type(2) {
    flex-shrink: 0 !important;
  }


  .is-style-cs-stacked-images {
    flex-basis: 50%;
    flex-flow: column;
    flex: 1 0 0;
    place-content: flex-end center;
    align-items: flex-end;
    gap: 32px;
    width: 1px;
    height: min-content;
    display: flex;
    position: relative;
    overflow: visible;
  }
  .is-style-cs-stacked-images .wp-block-image:nth-of-type(1) {
    z-index: 1;
    width: 60%;
    position: relative;
  }
  .is-style-cs-stacked-images .wp-block-image:nth-of-type(2) {
    z-index: 1;
    width: 50%;
    text-decoration: none;
    position: absolute;
    bottom: -40px;
    left: 8px;
  }

  .is-style-cs-stacked-images .wp-block-image:nth-of-type(2) img {
    aspect-ratio: 3/3.8;
  }

  .is-style-cs-flipcards > .wp-block-group__inner-container {
    grid-template-columns: repeat(2, 1fr);
  }


  .is-style-cs-flex-stacked-style-1 {
    align-content: center !important;
    align-items: center !important;
    margin-bottom:5em;
  }

  .is-style-cs-flex-stacked-style-1 figure {
    margin-bottom: 0 !important;
    margin-right: -15rem;
  }

  .is-style-cs-flex-stacked-style-1 figure img {
    aspect-ratio: 4/2;
    object-fit: cover;
  }

  .is-style-cs-flex-stacked-style-1 > .wp-block-column:nth-child(2) {
    flex: 0 0 auto;
    width: 50%;
    padding: calc(2% + 5px);
  }


  .is-style-cs-flex-stacked-style-1.flip > .wp-block-column:nth-child(2) {
    order:-1;
    position: relative;
    z-index:2;
  }

  .is-style-cs-flex-stacked-style-1.flip figure {
    margin-right: 0;
    margin-left:-15rem;
  }


  .is-style-cs-flex-stacked-style-1 > .wp-block-column:nth-child(2) {
    flex-basis: 55%;
  }
  .is-style-cs-flex-stacked-style-1 figure {
    height:100%;
  }
  .is-style-cs-flex-stacked-style-1 figure img {
    height: 100%;
    object-fit: cover;
    aspect-ratio: 4/3;
  }


  .cover-no .site-wrapper {padding-top:130px}


  .wp-block-image figcaption { font-size:0.9rem;}
  .faq-list-single {margin-top:-10px} /* align with p-tags on the left */

  .d-flex-cols-rows {flex-direction: row}

  


    
  footer {font-size:1.04rem}
  .footer-logo svg {width:210px}

  .footer-items {flex-direction: row;flex-wrap: nowrap;align-items: flex-end;gap:80px}
  .fb-1 {max-width: 65%}
  .fb-row-copy, .fb-row-menu-imprint {font-size: 15px}

  .footer-nav.fn_horizontal {gap: 30px} 

  .fb-row-copy {margin-bottom:10px}

  .subjet-blatt img {max-width:none}

  .visual-1 > .wp-block-group__inner-container {
    background-position: bottom 75px right 10px;
    background-size: 300px 300px;
  }
  .visual-3 > .wp-block-group__inner-container {
    background-image: url('assets/images/medizinal-kraeuter-4.webp');
    background-repeat: no-repeat;
    background-position: bottom 30px right 1px;
    background-size: 240px 240px;
  }
    
   
}




@media (min-width:992px) and (max-width:1199px) {    
  .copy-items {display: flex;}
  .site-logo {max-width: 166px}


  .is-style-cs-grid-3-1 {
    grid-template-columns: repeat(2, 1fr);
  }

  .wp-block-columns.is-style-cs-cols-content-66-33 {
    flex-wrap: wrap !important;
    flex-direction: column !important;
    gap: 0;
    max-width: 80%;
  }
  
  
  .is-style-cs-flex-stacked-style-1 h2.is-style-cs-h3 {
    font-size:33px;
  }

  .is-style-cs-footer-logo-adr {flex-direction: column !important;gap:1em }

  .fb-2 {max-width: 300px}
    
}


@media (min-width:1200px) and (max-width:1499px) {    
  .wp-block-button em {display: none}
  .fb-2 {max-width: 320px}
}




@media (min-width:1200px) {
  
  :root {
    --flex-cols-gap:30px;
    --card-min-height:255px;
  }


  body { font-size:1.12rem}
  .is-style-cs-paragraph-lead {font-size:1.2rem}

  .logo-header {width:210px}
  
  .sm-clean.lang-nav {margin-left:35px}
  .sm-clean > li a,
  .sm-clean > li a.highlighted { font-size:17px}
   
  .site-main p, .site-main ul:not(.splide__list) li {
    line-height: 1.6;
  }

  .wp-block-cover.content-space .wp-block-cover__inner-container {padding-top:160px}

  .is-style-cs-w-size-a > .wp-block-group__inner-container {max-width:72%}
  .is-style-cs-w-size-a > .wp-block-group__inner-container > p:not(.is-style-cs-heading-h2) {max-width: 88%}

  
  .cover-no .site-wrapper {padding-top:140px}

  .is-style-cs-grid-3-1 {
    grid-column-gap: var(--flex-cols-gap);
  }
  .is-style-cs-text-imagestack .wp-block-column:nth-of-type(1) {
    padding-right:90px;
  }

  .is-style-cs-flex-stacked-style-1 figure img {
    aspect-ratio: 4/2.8;
  }


  .is-style-cs-image-circle {max-width: 550px}

  footer {font-size:17px}

  

  .visual-1 > .wp-block-group__inner-container {
    background-position: bottom 75px right 10px;
    background-size: 300px 300px;
  } 
  .visual-2 {
    background-image: url('assets/images/medizinal-kraeuter-2.webp');
    background-repeat: no-repeat;
    background-size: 260px 260px;
    background-position: bottom 80px right 49%;
  }
  .visual-3 > .wp-block-group__inner-container {
    background-position: bottom 75px right 10px;
    background-size: 300px 300px;
  } 

	
}



@media (min-width:1400px) {
  :root {

    --card-min-height:285px;
  }
  
  .sm-clean > li { 
  	margin-left:10px;
    margin-right:10px;
  }

  .is-style-cs-flipcards > .wp-block-group__inner-container {
    grid-template-columns: repeat(3, 1fr);
  }

  .is-style-cs-footer-logo-adr {gap:4em}

  .visual-2 {
    background-position: bottom 30px right 49%;
  }

  
}
    
    


@media (min-width:1600px) {

  :root {
    --flex-cols-gap:40px;
    --card-min-height:295px;
  }

  .logo-header {width:234px}
  .is-style-cs-paragraph-lead {font-size:1.3rem}
  
  .is-style-cs-pre-heading + .is-style-cs-heading-h1 {margin-top:52px}
  .is-style-cs-pre-heading + .is-style-cs-heading-h2 {margin-top:42px}

   .is-style-cs-grid-3-1 .is-style-cs-card .wp-block-heading {
    font-size: 1.9rem;
  }
  .is-style-cs-text-imagestack .wp-block-column:nth-of-type(1) {
    padding-right:160px
  }

  .card-front-header > .wp-block-heading {
    font-size:32px !important
  }

  .is-style-cs-flex-stacked-style-1 figure img {
    aspect-ratio: 4/2.4;
  }

  textarea.materialize-textarea {max-height: 120px}
  

  .is-style-cs-image-circle {max-width: 620px}
  .footer-nav.fn_horizontal {gap: 50px;} 


  .visual-1 > .wp-block-group__inner-container {
    background-position: bottom 75px right 10px;
    background-size:380px 380px
  }
  .visual-2 {
    background-position: bottom 46px right 52%;
  }
  .visual-3 > .wp-block-group__inner-container {
    background-position: bottom 75px right 10px;
    background-size: 380px 380px;
  } 
}


@media (min-width:1800px) {

  :root {
    --card-min-height:320px;
  }

  .sm-clean > li { 
  	margin-left:30px;
    margin-right:30px;
  }

  
  .wp-block-cover.content-space .wp-block-cover__inner-container {padding-top:170px;}
  .wp-block-cover .wp-block-columns .wp-block-column:nth-child(1) {max-width: 740px;}

  .wp-block-columns.is-style-cs-cols-content-50-50.gap-xl {gap: calc( 3 * var(--flex-cols-gap))}

  .card-front,
  .card-back {
    padding:18px 22px;
  }

  .footer-navigation:not(.additional) {margin-bottom:40px} 
 
  .visual-2 {
    background-position: bottom 80px right 50.5%;
  }

}


@media (prefers-reduced-motion) {
	* {
		transition-delay: 0s !important;
		transition-duration: 0s !important;
    animation: none !important;
	}
}

@media print {
  .d-print-none, .edit-link {display: none}
}