/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 5.0.3.1773351903
Updated: 2026-03-12 22:45:03

*/

/* vars-mapping for DIVI5 ============== */
/* check after any migration to update fallback-values */
 :root {
	/* only map what's needed - to prevent ghosting/caching */
	
/*	--exV-TX-Mega: clamp(2.313rem, 1.789rem + 2.650vw, 4.97rem);
	--exV-TX-h1: clamp(2rem, 1.118rem + 1.657vw, 3.106rem);
	--exV-TX-h2: clamp(1.438rem, 0.799rem + 1.183vw, 2.219rem);
	--exV-TX-h3: clamp(1.125rem, 0.585rem + .866vw, 1.624rem);
	--exV-TX-h4: clamp(1.063rem, .455rem + 0.674vw, 1.263rem);
	--exV-TX-h5: clamp(1rem, .388rem + 0.575vw, 1.078rem);
	--exV-TX-h6: clamp(.938rem, .364rem + 0.539vw, 1.010rem);
	--exV-TX-body: clamp(.875rem, 0.36rem + 0.533vw, 1rem);
	--exV-TX-smallPrint: clamp(.688rem, 0.252rem + 0.373vw, .7rem); */
	--exV-b-rad-res-norm: var(--gvid-ffyjtiilc8, clamp(3px, .7vw, 25px)); /* 2026-04-30 */
	--exV-b-rad-res-mini: var(--gvid-8jhwxsadm7, clamp(2px, .2vw, 10px)); /* 2026-04-30 */
	--exV-b-rad-res-big: var(--gvid-o860l3ou0k, clamp(15px, 2.5vw, 70px)); /* 2026-04-30 */
	/* the following are never changing - fixed by elegantthemes
	--gcid-primary-color
	--gcid-secondary-color
	--gcid-heading-color
	--gcid-body-color
	--gcid-link-color
	*/
}

/* vars-mapping END ============== */ 

/* --- style form elements ----- */
.et_pb_widget select {
    border-radius: calc(0.7 * var(--exV-b-rad-res-norm));
}
.widget_search input#searchsubmit, form.wp-block-search__text-button button.wp-block-search__button {
	color: var(--gcid-primary-color);
    background-color: var(--gcid-secondary-color);
	border-top-right-radius: var(--exV-b-rad-res-mini); 
	border-bottom-right-radius: calc(0.7 * var(--exV-b-rad-res-norm)); /* geht auch calc(0.7 * var(--exV-b-rad-res-norm))*/
	margin-right: -10px;
}

/* --- Fluid Typography - line-heights - maybe later also with clamp --- */

.et_pb_text_inner :is(h1, h2, h3, h4, h5, h6) {
    font-weight:bold;
}
/* line-heights for readability and Style */
.et_pb_text_inner h1 { line-height: .95em;}
.et_pb_text_inner h2 { line-height: 1.1em;}
.et_pb_text_inner h3 { line-height: 1.15em;}
.et_pb_text_inner h4 { line-height: 1.2em;}
.et_pb_text_inner h5 { line-height: 1.25em;}
.et_pb_text_inner h6 { line-height: 1.3em;}
.et_pb_text_inner p { line-height: 1.6em;}
.smallPrint .et_pb_text_inner p { line-height: 1.1em;}

/* divi resets */
.et_pb_section {
	background-color: unset;
}
/* reset the nasty gap */
:root {
	--vertical-gap: .2em !important;
}
/* current and active element not defined correctly */
.mobile_menu_bar:before,.mobile_menu_bar:after,#top-menu li.current-menu-ancestor>a,#top-menu li.current-menu-item>a, 
#top-menu li li:hover, #top-menu li:hover {
	color: var(--gcid-primary-color);
}
#top-menu-nav>ul>li>a:hover {
	color: var(--gcid-primary-color);
	opacity: unset;
}


#main-header, #main-header.et-fixed-header, header.et-l.et-l--header {
	/* einstweilen später in divi */
	-webkit-box-shadow: 2px 30px 50px 7px rgb(8 3 8 / 20%);
	-moz-box-shadow: 2px 30px 50px 7px rgb(8 3 8 / 20%);
	box-shadow: 2px 30px 50px 7px rgb(8 3 8 / 20%);
}
/* fullwidth Nav -> make it a bit more tight */
@media all and (min-width: 981px) {
 .et_fullwidth_nav #main-header .container {
        padding-right: 10vw;
        padding-left: 10vw
    }
}
/* Logo/Nav-Container wider */
#main-header .container {
    width: 90%;
}

/* 2020-10-30 - reinforce fullwidth for regular section */
/* 2026-03-12 an sich nicht mehr notwendig, Einstellumngen befinden sich unter Sizing der section */
.forceFullwidth {
	width: 100vw !important;
    max-width: none !important;
	margin: 0;
	padding-top: 0px !important;
}
.et_pb_section.forceFullwidth {
	padding-top: 0px !important;
} 
/* correct/reset hidden settings in divi brain */
h1,h2,h3,h4,h5,h6 {
    padding-bottom: 0;
}



/* Squeeze big Headlines on mobile */
@media (max-width: 450px) {
	:is(h1, h2, h3), .et-fb-post-content .et_pb_text_inner :is(h1, h2, h3), .et_pb_text_inner :is(h1, h2, h3)  {
		letter-spacing: -.035em;
		transform: scaleX(0.95);
		transform-origin: left;
	}
}
/* Optional: Nur für Mobile (bis 767px) enger ziehen, 
   damit Desktop den Standard-Abstand behält */
@media (max-width: 767px) {
  :root {
    --content-width: 92% !important;
  }
/* maybe this [class^="et_pb_group_carousel"] et_pb_column this above to make it clearer */
div.et_pb_column .et_pb_group.et_pb_module {
    padding-right: 0 !important;
    padding-left: 0 !important;
 }	
div.et_pb_column .et_pb_group :is(.et_pb_text_inner, .et_pb_module_header, [class^="et_pb_column"]) {
	padding-right: 15px !important;
    padding-left: 15px !important;
} 
  /* Falls die Row selbst noch ein Margin/Padding-Problem hat 
  .et_pb_row {
    width: var(--content-width) !important;
    max-width: var(--content-width) !important;
  }
  */
}

/* pimp the menu - more space */
.et-menu li li {
	width: 100%; padding: 0px;margin:0px;
}
.et-menu li li a {
	width:100%;
}
.et-menu li li:first-child {
	padding-top: 20px
}
.et-menu li li:last-child {
	padding-bottom: 10px
}
.et-menu li li a:hover {
	color:#fff
}
.et-menu ul {
	width: 15rem !important
}
.et-menu li li:hover {
     background-color: var(--gcid-secondary-color) !important
}
.et_pb_menu .et-menu-nav>ul ul {
    padding: 0 0;
	
}
.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {	
 top: calc(100% - 4em);
}
/* Suchmaske nach rechts schieben */
.et_pb_menu .et_pb_menu__search-container {
	position: absolute;
	width: 70%;
	left: unset;
	right: 0 !important;
}

/* ==============================
icons & styles for rtf editor 
============================   */

/* ==========================================================================
   1. GEMEINSAME BASIS-STYLES FÜR DIE PSEUDO-ELEMENTE (:before)
   ========================================================================== */
.LNDiviIcon_checkmark:before, 
.LNDiviIcon_question:before, 
.LNDiviIcon_bulb:before, 
.LNDiviIcon_mail:before, 
.LNDiviIcon_phone:before,
.LNDiviIcon_comments:before,
.LNDiviIcon_author:before,
.LNDiviIcon_categories:before,
.LNDiviIcon_tags:before,
.LNDiviIcon_badge:before,
.LNDiviIcon_home:before,
.LNDiviIcon_star:before,
/* Neu hinzugefügte Icons ab hier: */
.LNDiviIcon_info:before,
.LNDiviIcon_alert:before,
.LNDiviIcon_lock:before,
.LNDiviIcon_unlock:before,
.LNDiviIcon_calendar:before,
.LNDiviIcon_user:before,
.LNDiviIcon_document:before,
.LNDiviIcon_download:before,
.LNDiviIcon_upload:before,
.LNDiviIcon_search:before,
.LNDiviIcon_gear:before,
.LNDiviIcon_heart:before,
.LNDiviIcon_location:before,
.LNDiviIcon_clock:before,
.LNDiviIcon_chart:before,
.LNDiviIcon_camera:before,
.LNDiviIcon_pencil:before,
.LNDiviIcon_trash:before,
.LNDiviIcon_cross:before {
  font-family: ETmodules !important;
  font-size: 1.2em;
  color: var(--gcid-primary-color);
  display: inline-block;
  width: 1em;
  margin-right: .2em;
  transform: translateY(.15em);
}

/* ==========================================================================
   2. CSS GRID STYLING FÜR DIE LISTEN-ELEMENTE (ul > li)
   ========================================================================== */
ul > .LNDiviIcon_checkmark, 
ul > .LNDiviIcon_question, 
ul > .LNDiviIcon_bulb, 
ul > .LNDiviIcon_mail, 
ul > .LNDiviIcon_phone,
ul > .LNDiviIcon_comments,
ul > .LNDiviIcon_author,
ul > .LNDiviIcon_categories,
ul > .LNDiviIcon_tags,
ul > .LNDiviIcon_badge,
ul > .LNDiviIcon_home,
ul > .LNDiviIcon_star,
/* Neu hinzugefügte Icons ab hier: */
ul > .LNDiviIcon_info,
ul > .LNDiviIcon_alert,
ul > .LNDiviIcon_lock,
ul > .LNDiviIcon_unlock,
ul > .LNDiviIcon_calendar,
ul > .LNDiviIcon_user,
ul > .LNDiviIcon_document,
ul > .LNDiviIcon_download,
ul > .LNDiviIcon_upload,
ul > .LNDiviIcon_search,
ul > .LNDiviIcon_gear,
ul > .LNDiviIcon_heart,
ul > .LNDiviIcon_location,
ul > .LNDiviIcon_clock,
ul > .LNDiviIcon_chart,
ul > .LNDiviIcon_camera,
ul > .LNDiviIcon_pencil,
ul > .LNDiviIcon_trash,
ul > .LNDiviIcon_cross {
  list-style: none;
  margin-left: -1em;
  display: grid;
  grid-template-columns: auto 1fr; /* Spalte 1: Icon (auto), Spalte 2: Text (Rest) */
  align-items: baseline;           /* Icon richtet sich an der ersten Textzeile aus */
  gap: 0.35em;
}

/* ==========================================================================
   3. INLINE-NUTZUNG SCHÜTZEN (white-space: nowrap)
   ========================================================================== */
span.LNDiviIcon_checkmark, 
span.LNDiviIcon_question, 
span.LNDiviIcon_bulb, 
span.LNDiviIcon_mail, 
span.LNDiviIcon_phone,
span.LNDiviIcon_comments,
span.LNDiviIcon_author,
span.LNDiviIcon_categories,
span.LNDiviIcon_tags,
span.LNDiviIcon_badge,
span.LNDiviIcon_home,
span.LNDiviIcon_star,
/* Neu hinzugefügte Icons ab hier: */
span.LNDiviIcon_info,
span.LNDiviIcon_alert,
span.LNDiviIcon_lock,
span.LNDiviIcon_unlock,
span.LNDiviIcon_calendar,
span.LNDiviIcon_user,
span.LNDiviIcon_document,
span.LNDiviIcon_download,
span.LNDiviIcon_upload,
span.LNDiviIcon_search,
span.LNDiviIcon_gear,
span.LNDiviIcon_heart,
span.LNDiviIcon_location,
span.LNDiviIcon_clock,
span.LNDiviIcon_chart,
span.LNDiviIcon_camera,
span.LNDiviIcon_pencil,
span.LNDiviIcon_trash,
span.LNDiviIcon_cross {
  white-space: nowrap;
}

/* ==========================================================================
   4. EINZELNE UNICODE ZUWEISUNGEN
   ========================================================================== */
/* --- Ihre bestehenden Definitionen --- */
.LNDiviIcon_checkmark:before  { content: "\e052"; }
.LNDiviIcon_question:before   { content: "\74"; }
.LNDiviIcon_bulb:before       { content: "\e007"; }
.LNDiviIcon_mail:before       { content: "\e076"; }
.LNDiviIcon_phone:before      { content: "\e090"; }
.LNDiviIcon_comments:before   { content: "\e066"; }
.LNDiviIcon_author:before     { content: "\e087"; }
.LNDiviIcon_categories:before { content: "\e05c"; }
.LNDiviIcon_tags:before       { content: "\e07c"; }
.LNDiviIcon_badge:before      { content: "\e078"; }
.LNDiviIcon_home:before       { content: "\e074"; }
.LNDiviIcon_star:before       { content: "\e033"; }

/* --- Neu hinzugefügte, nützliche Inline-Icons --- */
.LNDiviIcon_info:before       { content: "\e089"; } /* Info-I im Kreis */
.LNDiviIcon_alert:before      { content: "\e006"; } /* Ausrufezeichen / Warnung */
.LNDiviIcon_lock:before       { content: "\e08f"; } /* Geschlossenes Schloss (Sicherheit/Datenschutz) */
.LNDiviIcon_unlock:before     { content: "\e08e"; } /* Offenes Schloss */
.LNDiviIcon_calendar:before   { content: "\e023"; } /* Kalender (Termine/Datum) */
.LNDiviIcon_user:before       { content: "\e01a"; } /* Einzelner Benutzer/Mensch Outline */
.LNDiviIcon_document:before   { content: "\e04a"; } /* Dokumentenblatt / Textseite */
.LNDiviIcon_download:before   { content: "\e0d7"; } /* Download-Pfeil nach unten */
.LNDiviIcon_upload:before     { content: "\e0d6"; } /* Upload-Pfeil nach oben */
.LNDiviIcon_search:before     { content: "\55"; }   /* Lupe (Suchen) */
.LNDiviIcon_gear:before       { content: "\e022"; } /* Zahnrad (Einstellungen/Technik) */
.LNDiviIcon_heart:before      { content: "\e030"; } /* Herz (Favoriten/Vorteile) */
.LNDiviIcon_location:before   { content: "\e01d"; } /* Standort-Pin (Adresse/Anfahrt) */
.LNDiviIcon_clock:before      { content: "\e06b"; } /* Uhr (Öffnungszeiten/Dauer) */
.LNDiviIcon_chart:before      { content: "\e017"; } /* Balkendiagramm (Erfolge/Statistiken) */
.LNDiviIcon_camera:before     { content: "\e019"; } /* Kamera (Fotos/Galerie) */
.LNDiviIcon_pencil:before     { content: "\e002"; } /* Stift (Bearbeiten/Notizen) */
.LNDiviIcon_trash:before      { content: "\e005"; } /* Mülleimer (Löschen/Verwerfen) */
.LNDiviIcon_cross:before      { content: "\51"; }   /* Schlichtes "X" (Schließen/Falsch/Minus) */

/* see a complete list at: https://diviplugins.com/using-the-divi-font-icons-anywhere/ */


/* have some better spacings in lists */
div.et_pb_text_inner ul li {
	line-height: 1.4;
	margin-bottom: .5em;
}
/* Zweispalten-Text wie in Ultra, aber mit Silbentrennung und Headlines-Reglung */
/* Die Basis-Klasse für das Text-Modul */
.two-col-text .et_pb_text_inner {
    column-count: 2;
    column-gap: 40px;
    column-fill: balance; /* Versucht beide Spalten exakt gleich lang zu machen */
    hyphens: auto;         /* Ubuntu/Chrome Hilfe: Trennt lange Wörter automatisch */
}
/* silbentrennung überall */
.et_pb_text_inner :is( h3, h4, h5, h6, p), :is( h2, h3, h4, h5, h6, p).et_pb_module_header {
	/* , :not(article) .entry-title */
	hyphens: auto;
}
/* Verhindert, dass Absätze mitten im Satz zerrissen werden */
.two-col-text .et_pb_text_inner p {
    /*break-inside: avoid-column; */
	widows:3;
    /*display: inline-block;  Der "Geheimtrick", um den Absatz als Block zu schützen */
    width: 100%; 
}

/* Überschriften dürfen die Spalten "sprengen" aber nur am Anfang ! */
.two-col-text .et_pb_text_inner :is(h1, h2, h3, h4, h5, h6):first-child {
	/* kann weicher/überschreibbarrer mit ":is(h1, h2, h3, h4, h5, h6):first-child" definiert werden*/
    column-span: all;
    margin-top: 1em;
    margin-bottom: 0.5em;
}
/* no columns for small screens */ 
	@media (max-width: 980px) {
	.two-col-text .et_pb_text_inner {
		column-count: 1;
	}
}
/* helper classes for supreme modules */
/* suprem carousel - place class on CARD-Item */ 
.shrink2seeShadow {}
	translate: 0 -5px 0; /* shift upwards */
    scale: 0.97;          /* scale down */
	}
/* für den header ein wenig luft beim kollabieren */
/* Dein spezieller "Zwischen-Breakpoint" für große Laptops/kleine Monitore */
/*
@media (max-width: 1250px) {
    .header-mid-collapse .et-menu-nav li a {
        font-size: 13px !important;
        padding: 0 8px !important;
    }
    .header-mid-collapse .et_pb_column {
        padding: 0 5px !important;
    }
    .header-mid-collapse .extra-button {
        display: none; 
    }
}
*/
/* avoid nagging message */
.et-db #et-boc .et-l .et-fb-inline-editor, .et-db #et-boc .et-l .et-fb-inline-editor.et-fb-popover { 
    display: none !important; 
}

/* timeline pimping */
.tmdivi-content {
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 2px 2px 30px 0 rgba(0,0,0,70%);
    box-shadow: 2px 2px 30px 0 rgba(156,156,192,70%)
}
/* suprem timeline corrections */
.dsm-show-arrow .dsm-content-timeline-items-wrapper.center .dsm_content_timeline_child.dsm-content-timeline-item:nth-child(odd) .dsm-content-timeline-content-wrapper::before {
    top:10px;
	width:20px;
	right: 99.8%;
    height: 40px;
}
.dsm-show-arrow .dsm-content-timeline-items-wrapper.center .dsm_content_timeline_child.dsm-content-timeline-item:nth-child(even) .dsm-content-timeline-content-wrapper::before {
    top:10px;
	width:20px;
	left: 99.8%;
    height: 40px;
}
body div.dsm-content-timeline-items-wrapper.responsive-left.init.left, body div.dsm-content-timeline-items-wrapper.responsive-right.init.right {
	--spacing: .3em !important;
}
/* animation classes */
.LNanim_onCanvas, .LNanim_slide_in_right, .LNanim_slide_in_left, .LNanim_slide_in_bottom, .LNanim_slide_in_top { 
  overflow:hidden;
  padding-bottom: .5em; /* für abgeschnittene Unterlängen */
}
/*
.LNanim_onCanvas > *, .LNanim_slide_in_right > * { 
  transition: transform 1.5s;
  transition-timing-function:ease-in-out
}
*/
:is(
  .LNanim_slide_in_right,
  .LNanim_slide_in_left,
  .LNanim_slide_in_top,
  .LNanim_slide_in_bottom, 
  .LNanim_fade_in
) > * {
  transition:
    transform 700ms cubic-bezier(.22,.61,.36,1),
    opacity 1200ms cubic-bezier(1, 0.13, 0.91, 1);
  will-change: transform, opacity;
  opacity:0;
}
.LNanim_slide_in_right > * { 
  transform:translateX(-100vw);
}
.LNanim_slide_in_left > * { 
  transform:translateX(100vw);
}
.LNanim_slide_in_top > * { 
  transform:translateY(-100vh);
}
.LNanim_slide_in_bottom > * { 
  transform:translateY(100vh);
}
.LNanim_fade_in:not(.LNanim_onCanvas). > * { 
  opacity:0;
}
div.LNanim_onCanvas:is(.LNanim_slide_in_right, .LNanim_slide_in_left, .LNanim_slide_in_bottom, .LNanim_slide_in_top, .LNanim_fade_in) > * { 
  transform:translate(0px, 0px);
    opacity:1;
}

/* styles for preloader */

html.dq-preload,
html.dq-preload body {
  overflow: hidden;
}

#dq-preloader {
  position: fixed;
  inset: 0;
  z-index: 9999999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(0deg, #000000 0%, #471418 100%);
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transition: opacity .5s ease, visibility .5s ease;
}

#dq-preloader.dq-hide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.dq-preloader__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  color: #ffffff;
  text-align: center;
}

.dq-preloader__spinner {
  width: 54px;
  height: 54px;
  border: 3px solid rgba(255,255,255,.18);
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: dq-spin .9s linear infinite;
}

.dq-preloader__text {
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .85;
}

@keyframes dq-spin {
  to {
    transform: rotate(360deg);
  }
}
}

/* off/bleed elemente */
/* container-type wird ignoriert
siehe auch Hinweis zur JS-Zwangsmethode den container-type zu setzen in der Doku*/

div.LN_layoutWidth_Container {
  container-type: inline-size !important;
  /*display: block !important;*/
  /*
  container-name: layoutwidth;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  */
}
.LN_layoutWidth_Container .LN_container_child_bleed_right {
  transform:translateX(calc(calc(100vw - 100cqw) / 2));

}

.LN_layoutWidth_Container {
	.LN_container_child_bleed_left {
      transform:translateX(calc(calc(100cqw - 100vw) / 2));
    }
}
/* divi background-inline style fix */
#main-content {
    background-color: unset !important;
}
/* rounded edges to go */

/* editorial img */
/*  für legacy-content und als extra Klasse für Image-Modul */
body:not(:is(.et_pb_pagebuilder_layout, .et-tb-has-body)) :is(.et_post_meta_wrapper img, figure.wp-block-image img, .entry-content img, article a.entry-featured-image-url img), .RoundBorder_IMG img { 
	
	-webkit-box-shadow: 2px 30px 50px 7px rgb(8 3 8 / 15%);
	-moz-box-shadow: 2px 30px 50px 7px rgb(8 3 8 / 15%);
	box-shadow: 2px 30px 50px 7px rgb(8 3 8 / 15%);
	border-bottom: 2px solid #0000003b;
	margin-bottom: 1.5em;
}
body:not(:is(.et_pb_pagebuilder_layout, .et-tb-has-body)) :is(.et_post_meta_wrapper img:not(.noRoundBorders), figure.wp-block-image img:not(.noRoundBorders), .entry-content img:not(.noRoundBorders), article a.entry-featured-image-url img:not(.noRoundBorders), figure.wp-block-image:not(.noRoundBorders) img), .RoundBorder_IMG img {
	/* pimp me further */
	border-bottom-left-radius: var(--exV-b-rad-res-big);
    border-bottom-right-radius: var(--exV-b-rad-res-big);
    border-top-right-radius: var(--exV-b-rad-res-big);
}
figure.wp-block-image.noRoundBorders img {
	border-radius: unset !important;
}

/* shariff-btn */
li.shariff-button a.shariff-link {
	border-radius: var(--exV-b-rad-res-norm) !important; 
	/* 
	u can even overwrite the shabby shariff inline style ;-)
	background-color: lime !important;
	 */
}
li.shariff-button a.shariff-link:hover {
	background-color: var(--gcid-link-color) !important;
}
form#searchform input[type='text'], div[class^='et_pb_sidebar'] input.wp-block-search__input {
	border-top-left-radius: var(--exV-b-rad-res-norm) !important; 
	border-bottom-left-radius: var(--exV-b-rad-res-norm) !important; 
}
#sidebar .widgettitle, #simpletags-3 h4.title, #categories-3 h4.title {
	color: var(--gcid-primary-color);
	filter: hue-rotate(0deg) saturate(25%) brightness(150%);
}
#simpletags-3 .taxopress-output-wrapper, #categories-3 form { margin-top: -1.3em; }


/* style my footer */
ul#recentcomments li.recentcomments span.comment-author-link {
	color: black;
}
ul#recentcomments li.recentcomments:before {
	font-family: ETmodules !important;
	font-size: 1.2em;
	color: var(--gcid-primary-color);
	display: inline-block;
	width: 1em;
	margin-right: .2em;
	transform: translateY(.15em);
	content: "\e066"; 
}
/* to many categories ;-) */
footer.et-l--footer ul.wp-block-categories-list.wp-block-categories {
	column-count: 2;
	/*
	max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
	// scrollbar: foreground background-color 
	scrollbar-color: #99918d #7d7673;
    // Syntax: auto | thin | none 
    scrollbar-width: auto;
	*/
}
.et_pb_widget_area_left {
		border-right: unset
}
footer {
	-webkit-box-shadow: 0px -20px 16px 4px rgb(16 5 14 / 14%);
	-moz-box-shadow: 0px -20px 16px 4px rgb(16 5 14 / 14%);
	box-shadow: 0px -20px 16px 4px rgb(16 5 14 / 14%);
    border-top: 2px solid #410c0c59;
}
/* custom background masks - not working pragattically  */
.LN_custom_bg_mask_1 {
	mask-image: url("/wp-content/uploads/2026/04/base_backgroundMask_g3.svg") !important;
}

/* für heissdiskutiert */
/* Styling für den speziellen Kategorie-Link */
.et_pb_post_meta a[href*="heissdiskutiert"] {
    background: #ff5a5f; /* Ein kräftiges Koralle oder deine Akzentfarbe */
    color: #fff !important;
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.8em;
    margin-left: 5px;
    display: inline-block;
}

/* Kleiner Flammen-Effekt davor (Emoji) */
.et_pb_post_meta a[href*="heissdiskutiert"]::before {
    content: "🔥 ";
}
/* forceDisplayInline - für meta-Group */
.forceDisplayInline, .forceDisplayInline .et_flex_module, .forceDisplayInline .et_flex_module .et_pb_text_inner, .forceDisplayInline .et_pb_text_inner p {
	display: inline;
	line-height: 115% !important;
	padding-right: 3px;
	color: var(--gcid-primary-color);
}
.forceDisplayInline .et_pb_text_inner p a {color: var(--gcid-primary-color);}

/* divi supreme pro schwachsinn */
/* avoid second scrollbar */
body:not(.et-vb-root-ancestor) div#page-container { 
	overflow-y: hidden;  /* only hide for frontend due to DSM issues - activate for backend */
}
/* show active btn */
.LNactiveButton a.et_pb_button {
	border-color: #fff !important;
}
/* Abstände nach Überschriften für Ghita weiter 2026-06-10 */
.entry-content .wp-block-heading {
	    margin: .9em 0 .3em 0;
}
/* divi agressive overriding tagcloud - how to heal */
div.widget_tag_cloud p.is-style-default.wp-block-tag-cloud a {
    font-size: revert-layer !important;
    /*padding: 2px 8px;*/
    background: rgba(0,0,0,0.01);
    transition: all 0.2s ease-in-out
}
/* diviEngine bugs TMP - 2026-06-11 */
/* Macht aus der vertikalen Liste eine horizontale Button-Reihe */
.de-filter-checkbox-radio-wrapper ul, 
.de-filter-item-categories ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding-left: 0 !important;
    list-style: none !important;
}

/* Versteckt das hässliche Standard-Checkbox-Quadrat */
.de-filter-checkbox-radio-wrapper input[type="checkbox"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

/* Stylt das Label wie deine schicken Grid-Karten (Runde Ecken) */
.de-filter-checkbox-radio-wrapper label {
    display: inline-block !important;
    padding: 8px 16px !important;
    background-color: #f0f0f0 !important; /* Hintergrundfarbe unaktiv */
    color: #333333 !important;
    border-radius: 8px !important; /* Passend zu deinen Wal-Bildern */
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    border: 1px solid #e0e0e0 !important;
}

/* Hover-Effekt für die Buttons */
.de-filter-checkbox-radio-wrapper label:hover {
    background-color: #e5e5e5 !important;
}

/* Aktiv-Zustand: Wenn die Kundin eine Kategorie anklickt */
.de-filter-checkbox-radio-wrapper input[type="checkbox"]:checked + label {
    background-color: #333333 !important; /* Deine Wunsch-Aktivfarbe */
    color: #ffffff !important;
    border-color: #333333 !important;
}
/* reset for sensless divi definition */
@media (max-width: 980px) {
    .et_pb_column .et_pb_widget {
       /* width: 47.25%;*/
        width: unset !important;
	}
}

/* styling for tables (taken from schlender-project) */
table.LN_table01 {
	border: 0px !important;
}
table.LN_table01 tr:nth-child(odd) {
	/* usage:
hsl(from (color any origin alowed) define the channels and do caculations withn a channel the last value is the opacity */
/* he calculated value has more specifity, therefore the hover has to be defined afterwards or higher the specifity of the hover value  */
		background-color: hsl(from var(--gcid-secondary-color) h s calc(l + 10) );
}
table.LN_table01 tr:nth-child(even) {
	background-color: hsl(from var(--gcid-secondary-color) h s calc(l + 5) );
}
table.LN_table01 tr:hover {
	background-color: hsl(from var(--gcid-secondary-color) h s calc(l + 0) / 1);
}
table.LN_table01 th {
	background-color: var(--gcid-primary-color);
	color: #fff;
}
/* make this thing rounded */
table.LN_table01 tr:first-child th:first-child  {
	border-top-left-radius: 10px;
}
table.LN_table01 tr:first-child th:last-child  {
	border-top-right-radius: 10px;
}
table.LN_table01 tr:last-child {
	border-bottom-left-radius: 10px;
}
table.LN_table01 tr:last-child :first-child {
	border-bottom-left-radius: 10px;
}
table.LN_table01 tr:last-child :last-child {
	border-bottom-right-radius: 10px;
}
/* fixes for diviengine guys */
/* phone breakpoint not supported */
#main-content .de_ajax_filter_filter_posts_item_1.inline_checkboxes .radio-image-swatch-cont, #main-content .de_ajax_filter_filter_posts_item_1.inline_checkboxes .et_pb_contact_field_radio {
	    margin-right: .5vw !important;
}
#main-content .inline_checkboxes .divi-filter-item,.inline_checkboxes .et_pb_contact_field_options_list.divi-filter-item {
    gap: .4em 1.6em;
	
}
@media (max-width: 450px) {
	#main-content .de_ajax_filter_filter_posts_item_1.inline_checkboxes .radio-image-swatch-cont, #main-content .de_ajax_filter_filter_posts_item_1.inline_checkboxes .et_pb_contact_field_radio {
	    margin-right: 3px !important;
	}	
	#main-content .inline_checkboxes .divi-filter-item,.inline_checkboxes .et_pb_contact_field_options_list.divi-filter-item {
    gap: .3em .3em;
	}
}