header{background-color:#FFF!important;}
html, body {
  hyphens: auto;

  /* Keine winzigen Wortreste */
  hyphenate-limit-chars: 7 3 3;

  /* Nicht zu viele Trennungen nacheinander */
  hyphenate-limit-lines: 2;

  /* Nicht sofort wegen kleiner L?cken trennen */
  hyphenate-limit-zone: 8%;

  /* insgesamt bessere Umbruchentscheidung */
  text-wrap: pretty;

}

h1, h2, h3, h4, h5, h6{
font-family: "Era";
}
#myBtn {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #1F3165;
    color: white;
    cursor: pointer;
    padding: 10px;
    border-radius: 10px;
line-height:1;
font-size:2rem;
opacity:.8;
}
@media (min-width:571px){
#myBtn {
font-size:2.8rem;
    bottom: 20px;
    right: 30px;
    padding: 10px;opacity:1;
   
}
}
#myBtn:hover {
  background-color: #aabfe4; /* Add a dark-grey background on hover */
}

/*.btn {
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    padding: 1rem 2em 1.5rem 2rem;
}*/

/* Wei? */
.weiss {
  background-color: #FFFFFF;
}

/* Gr?n */
.gruen {
  background-color: #75a658;
}

.gruen-50 {
  background-color: #97b87c;
}

.gruen-30 {
  background-color: #b7cca1;
}

.gruen-10 {
  background-color: #e4eadb;
}

/* Blau */
.blau {
  background-color: #5a90cc;
}

.blau-50 {
  background-color: #85a7d8;
}

.blau-30 {
  background-color: #aabfe4;
}

.blau-10 {
  background-color: #eff2fa;
}

/* T?rkis */
.tuerkis {
  background-color: #93cfca;
}

.tuerkis-50 {
  background-color: #afdad7;
}

.tuerkis-30 {
  background-color: #c8e5e3;
}

.tuerkis-10 {
  background-color: #dff0ef;
}
.weiss {
  fill: #FFFFFF;
}

/* Gr?n */
.gruen {
  fill: #75a658;
}

.gruen-50 {
  fill: #97b87c;
}

.gruen-30 {
  fill: #b7cca1;
}

.gruen-10 {
  fill: #e4eadb;
}

/* Blau */
.blau {
  fill: #5a90cc;
}

.blau-50 {
  fill: #85a7d8;
}

.blau-30 {
  fill: #aabfe4;
}

.blau-10 {
  fill: #eff2fa;
}

/* T?rkis */
.tuerkis {
  fill: #93cfca;
}

.tuerkis-50 {
  fill: #afdad7;
}

.tuerkis-30 {
  fill: #c8e5e3;
}

.tuerkis-10 {
  fill: #dff0ef;
}
.tk-dunkelblau {
  fill: #312b6f;
  background-color: #312b6f;
}
.tk-orange {
  fill: #ef7d05;
  background-color: #ef7d05;
}
.tk-hellblau {
  fill: #1a9dd9;
  background-color: #1a9dd9;
}
.tk-gruen {
  fill: #95c121;
  background-color: #95c121;
}
.tk-blau {
  fill: #0664ae;
  background-color: #0664ae;
}
.tk-rot {
  fill: #e30b17;
  background-color: #e30b17;
}
.tk-violett {
  fill: #7d6ed2;
  background-color: #7d6ed2;
}
.tk-gelb {
  fill: #fff500;
  background-color: #fff500;
}
.tk-tuerkis {
  fill: #80d8e2;
  background-color: #80d8e2;
}
.tk-dunkelgruen {
  fill: #00995d;
  background-color: #00995d;
}
.tk-petrol {
  fill: #0c9f9c;
  background-color: #0c9f9c;
}
.tk-rosa {
  fill: #f0bcdf;
  background-color: #f0bcdf;
}
.bg-asym{
border-radius: 2rem;
}
@supports not (-webkit-touch-callout: none) {
  /* CSS for other than iOS devices */ 
.bg-asym{

transform: perspective(511px) rotateY(2deg) rotateX(-9deg);

}
}

.card-container {
perspective: 1000px; /* Gibt Tiefe f?r die 3D-Drehung */
}

				.card-container {
					perspective: 1000px;
					/* Gibt Tiefe für die 3D-Drehung */
				}

				.flipcard {
					/* width: 200px; Breite der Karte */
					height: 300px;
					/* Höhe der Karte */
					position: relative;
					transition: transform 0.6s;
					/* Dauer der Drehung */
					transform-style: preserve-3d;
					/* Bewahrt 3D-Raum für Kinder */
				}

				.flipcard h4 {
					font-size: 1.25rem;
				}

				.flipcard img {
					padding: 0 2rem;
					max-width: 300px;
				}

				.card-container:hover .flipcard {
					transform: rotateY(180deg);
					/* Dreht die Karte bei Hover */
				}

				.card-front,
				.card-back {
					width: 100%;
					height: 100%;
					position: absolute;
					backface-visibility: hidden;
					display: flex;
					align-items: center;
					justify-content: center;
					border: 1px solid #ccc;
					border-radius: 2rem;
				}

				.card-front flex-column {
					/* Vorderseitenspezifische Styles */
				}

				.card-back {
					transform: rotateY(180deg);

				}

.hover-scale{
transition:all .3s ease;
}
.hover-scale:hover{
transition:all .3s ease;
transform:scale(1.16);
z-index:1099;
}

.text-justify{text-align:justify!important;}

.btn-skg {
    background-color: #87a3cf;
    color: #FFF;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #99b1d6;
    --bs-btn-hover-border-color: #93acd4;
}.logo {max-width: 200px;transition: all .3s; width:100%;min-width: 200px;}
.hover-info{z-index:1;}
body{display:flex;flex-direction:column;}footer{margin-top:auto;}
#main-navigation{top:0;margin-top: -200px;transition: all .5s ease-in-out;z-index:1040;}
#main-navigation.insight {margin-top: 0;transition: all .5s ease-in-out;}
#navbarNavAltMarkup.show{background-color: rgba(255, 255, 255, 1);transition: all .3s; margin-bottom: 1.5rem;}
#navbarNavAltMarkup.show a{width: 100%;}
.hover-underline-animation {
  display: inline-block;
  position: relative;
  /* color: #0087ca; */
}    .btn-close {z-index: 1;}
.cursor-pointer{cursor:pointer;}
.newsdate{display:none;}
.hover-underline-animation::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #87a3cf;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.hover-underline-animation:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.navbar-light .logo {max-width: 206px!important;transition: all .3s;}
.navbar-light .logo-mobil{max-width: 130px!important;transition: all .3s;}
.navbar-light:before {
    transform: translateY(0);transition: all .3s;
}
.navbar-light .navbar-toggler-icon {
    background-image: url(https://www.rakuns.de/_assets/img/icons/toggle.svg);
}

.fa2x{

    width: 2rem;
}
.text-white svg{fill:#FFF;}

.bg-image{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.p-frame {
    padding: 1rem;
    margin-bottom: 1rem;
    border: solid;
}
.content-universal{position:relative;}

.trenner{
    height: 2px;
    width: 100%;
    }

.trenner.bg-dark{
    background-color: #1F3165!important;
    }

.trenner.colored{
    height: 7px;
    width: 100%;
    background-image: url(https://www.rakuns.de/_assets/img/splashes/color_footer.svg);
    background-size: cover;}

:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Pro';
  --fa-font-light: normal 300 1em/1 'Font Awesome 6 Pro'; }

@font-face {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype"); }

.fal,
.fa-light {
  font-weight: 300; }

	/*! CSS Used from: Embedded */
	:root {
    --card-height: 250px;
    --card-width: calc(var(--card-height) / 1.19);
}
/* .cards{display:flex;gap:30px;} */
.rakuncard{position:relative;width:var(--card-width);height:var(--card-height);display:flex;justify-content:center;align-items:flex-end;padding:0 36px;perspective:2500px;border-radius:10px;}
.wrapper{transition:all 0.5s;position:absolute;width:100%;height:100%;z-index:-1;border-radius: 100%;}
.cover-image{width:100%;}
.character1{position: absolute;width:100%;left:0;top:0}
.rakuncard:hover .wrapper{transform:perspective(900px) translateY(-5%) rotateX(25deg) translateZ(0);box-shadow:0px 12px 42px 0px rgba(0, 0, 0, 0.3)}
.wrapper::before,.wrapper::after{content:"";opacity:0;width:100%;height:80px;transition:all 0.5s;position:absolute;left:0;border-radius:10px;}
/* .wrapper::before{top:0;height:80%;background-image:linear-gradient(      to top,      transparent 46%,      rgba(12, 13, 19, 0.5) 68%,      rgba(12, 13, 19) 97%    );} */
/* .wrapper::after{bottom:0;opacity:0;background-image:linear-gradient(      to bottom,      rgba(170, 170, 175, 0.5) 68%,      rgb(227, 227, 228) 97%    );} */
.rakuncard:hover .wrapper::before,.wrapper::after{opacity:1;}
.rakuncard:hover .wrapper::after{height:120px;}
.title{width:100%;transform:translate3d(0%, -25px, 100px);transition:transform 0.5s;}
.rakuncard:hover .title{transform:translate3d(0%, -50px, 100px);}
.character{width:100%;opacity:0;transition:all 0.5s;position:absolute;z-index:-1;}
.rakuncard:hover .character{opacity:1;transform:translate3d(0%, -30%, 100px);}.rakuncard:hover .character1{opacity:0;}



.bg-primary .h1>span:after,.bg-primary .h2>span:after{
  background-color: rgba(255, 255, 255, 1);

}
.teaser{transition: all .3s ease-in-out;position: relative;    border-radius: 2rem;    display: flex;justify-content: space-between;
    flex-direction: column;}
@media (min-width:750px;){
.teaser:hover{transition: all .3s ease-in-out; transform: scale(1.05)rotate(-1.3deg);}
}
.news-text-list .teaser{
   border-bottom:solid 1px;
box-shadow: none!important;padding-left:0!important;
}
.news-text-list .teaser:hover {
    transform: none;
}
.news-text-list .ratio {display:none;}


.news-text-list .text-hand {
    font-family: inherit!important;
    font-size: 1.75rem;
	
}
.teaser img{width:100%}
.drop-shadow{
filter: drop-shadow(3px 5px 5px rgb(0 0 0 / 0.25));
}
.scrollFade {
	opacity: 1;
	pointer-events: all;
}

.scroll-down .scrollFade--hidden {
	opacity: 0;
	pointer-events: none;
  /* transform: translateY(10%); */
  margin-top: 5%;
}
.scroll-up .scrollFade--hidden {
	opacity: 0;
	pointer-events: none;
  /* transform: translateY(-10%); */
  margin-top: 0;
}

.scrollFade--visible {
	opacity: 1;
	pointer-events: all;
  margin-top: 0;
}

.scrollFade--animate {
	transition: all 0.4s ease-in-out;
}
.bg-neutral-gray{
background-color:#E6E6E6;
}


.weiter-lesen i{transition: all 0.4s ease-in-out; transform:rotate();}
.weiter-lesen.collapsed i{transition: all 0.4s ease-in-out; transform:rotate(180deg);}


footer .fa-3x {
    font-size: 2.7rem;
}

.lds-default {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-default div {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #87a3cf;
  border-radius: 50%;
  animation: lds-default 1.2s linear infinite;
}
.lds-default div:nth-child(1) {
  animation-delay: 0s;
  top: 37px;
  left: 66px;
}
.lds-default div:nth-child(2) {
  animation-delay: -0.1s;
  top: 22px;
  left: 62px;
}
.lds-default div:nth-child(3) {
  animation-delay: -0.2s;
  top: 11px;
  left: 52px;
}
.lds-default div:nth-child(4) {
  animation-delay: -0.3s;
  top: 7px;
  left: 37px;
}
.lds-default div:nth-child(5) {
  animation-delay: -0.4s;
  top: 11px;
  left: 22px;
}
.lds-default div:nth-child(6) {
  animation-delay: -0.5s;
  top: 22px;
  left: 11px;
}
.lds-default div:nth-child(7) {
  animation-delay: -0.6s;
  top: 37px;
  left: 7px;
}
.lds-default div:nth-child(8) {
  animation-delay: -0.7s;
  top: 52px;
  left: 11px;
}
.lds-default div:nth-child(9) {
  animation-delay: -0.8s;
  top: 62px;
  left: 22px;
}
.lds-default div:nth-child(10) {
  animation-delay: -0.9s;
  top: 66px;
  left: 37px;
}
.lds-default div:nth-child(11) {
  animation-delay: -1s;
  top: 62px;
  left: 52px;
}
.lds-default div:nth-child(12) {
  animation-delay: -1.1s;
  top: 52px;
  left: 62px;
}
@keyframes lds-default {
  0%, 20%, 80%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}


.grid-fr3,.grid-fr4,.grid-fr5 {
  grid-template-columns: 1fr;
}

.ratio-video-bg{
    --bs-aspect-ratio: 56.25%;
}
#_preload_div_ img{max-width: 120px;}
@media (min-width: 576px) {
.grid-fr4,.grid-fr5  {
    grid-template-columns: 1fr 1fr;
  }
#_preload_div_ img{max-width: 200px;}
.logo {max-width: 300px;}
}


@media (min-width: 768px) {
.grid-fr3,.grid-fr4,.grid-fr5  {
    grid-template-columns: 1fr 1fr 1fr;
  }
#_preload_div_ img{max-width: 250px;}
}


@media (min-width: 992px) {
 .grid-fr4, .grid-fr5 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
.ratio-video-bg{
    --bs-aspect-ratio: 40%;
}
#_preload_div_ img{max-width: 100%;}
}


@media (min-width: 1200px) {
  .grid-fr5 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}


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

.first.opacity-50,.filter:hover{opacity: 1!important;}
.filter:hover{transform:scale(1.05);transition:all .3s;}



.post-slide{hyphens: auto;hyphenate-limit-chars: auto 5;}

.img-polaroid {
    background-color: #FFF;
    padding: 1rem;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15) !important;
    transform: rotate(2deg);
}
/*
.content-universal .row>div:first-child .img-polaroid{
  //transform: rotate(-2deg);
}
*/
.gesundheitstipps .post-slide .teaser:before{content:"";height:4px;width:100%;    display: block;position: absolute;
    top: 0;
    left: 0;}
.rk-umwelt header, .gesundheitstipps .rk-umwelt .teaser:before{background-color:#378c3c!important;}
.bg-umwelt{background-color:rgba(var(--bs-umwelt-rgb), var(--bs-bg-opacity)) !important;}
.text-umwelt{color:#378c3c;}.border-umwelt{border-color:#378c3c !important;}
.rk-bewegung header, .gesundheitstipps .rk-bewegung .teaser:before{background-color:#ba3a41;}
.rk-ernaehrung header, .gesundheitstipps .rk-ernaehrung .teaser:before{background-color:#f0d908;}
.rk-hygiene header, .gesundheitstipps .rk-hygiene .teaser:before{background-color:#009ddb;}
.rk-selbstwahrnehmung header, .gesundheitstipps .rk-selbstwahrnehmung .teaser:before{background-color:#89c333;}
.rk-medienkompetenz header, .gesundheitstipps .rk-medienkompetenz .teaser:before{background-color:#002d6e;}
.typ-news header{background-color:#f3f6fa!important;}
b, strong {
    font-weight: 700;
}

.gesundheitstipps .h1.text-hand{font-size:1.75rem!important;}
.text-hand{text-transform:none!important;}

			.slide-container {
				position: relative;
				width: 100%;
				margin: 0 auto;
				overflow: hidden;
				position: relative;
				max-width: 1250px;
			}

			.slide {
				display: none;
				position: relative;
				transition: transform 0.5s ease;
			}


			.animation {
				position: absolute;
				opacity: 0;
				transition: opacity 0.5s;
			}

			.slide.active {
				display: block;
			}

			.slide.active .animation {
				opacity: 1;
			}

			.comic-card:hover {
				transform: scale(1.2);
				transition: all 0.3s ease-in;
			}

			.comic-card {
				transform: scale(1);
				transition: all 0.3s ease-out;
			}

.programm .min {
    height: 90px;
}
.hover-show{height:0;overflow:hidden;transition:all .5s ease;}

.kachel:hover .hover-show{height:auto;overflow:visible;transition:all .5s ease;}
.bordered li{
border-top:solid 1px;
}
.bordered {
border-bottom:solid 1px;

}
.buttons{
margin-top:1rem;
}

.buttons a{
margin-top:1rem;

}


a{    text-decoration: none;
    border-bottom: dotted 1px;}
a:hover{color:#748aae;}
.logo-link{border:0;}

.slider-item a, footer a{ border-bottom:none;}
.teaser .teaser {
    box-shadow: none!important;
    padding: 0!important;
}

.teaser:hover .teaser{
    transition: all .3s ease-in-out;
    transform: scale(1)rotate(0);}

.teaser .gesundheitstipps .post-slide .teaser:before{display:none;}
.teaser .gesundheitstipps .teaser .text{border-top:solid 1px;border-bottom:solid 1px;padding-bottom:0!important;padding-top:0!important;}
.TSP .nav-link{padding:0!important;}
.footer-logo {

filter: drop-shadow(3px 3px 4px rgb(0 0 0 / 0.25));
}
#_preload_div_ {width: 100% !important;height: 100%!important;}
//#_preload_div_{min-height:600px;}
.btn-icon{
height:1.6rem; display:inline-block;margin-right:.5rem;width:auto!important;
}
.stretched-link{border:none;}

@media (max-width: 768px) {
.row.gx-4{margin-right: -.75rem;margin-left: -.75rem;}
.row.gx-5{margin-right: -1rem;margin-left: -1rem;}
.row.gx-6{margin-right: -1.2rem;margin-left: -1.2rem;}
}
video{width:100%;}
/* Wei? */
.weiss {
  background-color: #FFFFFF;
}

/* Gr?n */
.gruen {
  background-color: #75a658;
}

.gruen-50 {
  background-color: #97b87c;
}

.gruen-30 {
  background-color: #b7cca1;
}

.gruen-10 {
  background-color: #e4eadb;
}

/* Blau */
.blau {
  background-color: #5a90cc;
}

.blau-50 {
  background-color: #85a7d8;
}

.blau-30 {
  background-color: #aabfe4;
}

.blau-10 {
  background-color: #eff2fa;
}

/* T?rkis */
.tuerkis {
  background-color: #93cfca;
}

.tuerkis-50 {
  background-color: #afdad7;
}

.tuerkis-30 {
  background-color: #c8e5e3;
}

.tuerkis-10 {
  background-color: #dff0ef;
}
.weiss {
  fill: #FFFFFF;
}

/* Gr?n */
.gruen {
  fill: #75a658;
}

.gruen-50 {
  fill: #97b87c;
}

.gruen-30 {
  fill: #b7cca1;
}

.gruen-10 {
  fill: #e4eadb;
}

/* Blau */
.blau {
  fill: #5a90cc;
}

.blau-50 {
  fill: #85a7d8;
}

.blau-30 {
  fill: #aabfe4;
}

.blau-10 {
  fill: #eff2fa;
}

/* T?rkis */
.tuerkis {
  fill: #93cfca;
}

.tuerkis-50 {
  fill: #afdad7;
}

.tuerkis-30 {
  fill: #c8e5e3;
}

.tuerkis-10 {
  fill: #dff0ef;
}
/* Rott?ne */
.bg-rose-light, .bg-rose-hell    { background-color: #f7c5c5; }
.bg-rose-medium, .bg-rose-mittel { background-color: #ea6f6f; }
.bg-rose-dark, .bg-rose-dunkel   { background-color: #e44646; }

/* Lilat?ne */
.bg-lavender, .bg-lavendel       { background-color: #b391ff; }
.bg-violet, .bg-violett          { background-color: #844eff; }

/* Gr?nt?ne */
.bg-green-light, .bg-gruen-hell  { background-color: #6bd26a; }
.bg-green-medium, .bg-gruen-mittel { background-color: #43bc41; }
.bg-green-dark, .bg-gruen-dunkel { background-color: #33a531; }

/* Blaut?ne */
.bg-blue-light, .bg-blau-hell    { background-color: #c1daf9; }
.bg-blue-medium, .bg-blau-mittel { background-color: #7eb2f2; }
.bg-blue-dark, .bg-blau-dunkel   { background-color: #4f95ee; }

/* Gelbt?ne */
.bg-yellow-light, .bg-gelb-hell  { background-color: #fadb8e; }
.bg-yellow, .bg-gelb             { background-color: #f7c752; }

.ratio-9x16{
    --bs-aspect-ratio: 178.25%;
}

 /* ============================
   STICKY SUB-NAVIGATION
   ============================ */

:root {
  --main-nav-height: 75px; /* ← H?he deiner Haupt-Navbar anpassen! */
  --gh-grey: #e2e2e2;
}

.sticky-subnav {
  position: sticky;
  top: var(--main-nav-height);
  z-index: 1020; /* knapp unter dem Haupt-Navbar z-index (1030) */
      transition: all .5s ease-in-out;
}

/* Aktiver Link */
.sticky-subnav .nav-link {
  color: #FFF;
  padding: 0.6rem 1.2rem;
  border-radius: 8px 8px 0 0;
background-color: #87a3cf; /

}

.sticky-subnav .nav-link:hover,
.sticky-subnav .nav-link.active {
  color: #fff;
  background-color: #627695; 
}

/* Scroll-Offset f?r Sprungziel-?berschriften:
   verhindert, dass der Text unter den klebenden Navbars verschwindet */
h1[id], h2[id], h3[id], section[id] {
  scroll-margin-top: calc(var(--main-nav-height) + 60px);
}
}

/* ==========================================================================
   Utility-Klassen ? Hintergrundfarbe
   ========================================================================== */
.gh-bg-cream        { background-color: #F3F0EB; }
.gh-bg-creamy       { background-color: #F3F0EB; }
.gh-bg-white        { background-color: #FFFFFF; }
.gh-bg-navy         { background-color: #1F3165; }
.gh-bg-green        { background-color: #80D2AF; }
.gh-bg-green-dark   { background-color: #40BA95; }
.gh-bg-yellow       { background-color: #FDDD04; }
.gh-bg-yellow-light { background-color: #FDE127; }
.gh-bg-amber        { background-color: #DEAC07; }
.gh-bg-tan          { background-color: #DDD0A9; }
.gh-bg-brown        { background-color: #A27F6C; }
.gh-bg-muted        { background-color: #7477A9; }
.gh-bg-grey         { background-color: var(--gh-grey); }

/* ==========================================================================
   Hover-Zust?nde f?r Buttons in GHF-Farben
   ========================================================================== */
.btn[class*="gh-bg-"] { transition: background-color .15s ease, color .15s ease; }
.btn.gh-bg-cream:hover        { background-color: #E8E3D8; color: #1F3165; }
.btn.gh-bg-white:hover        { background-color: #EDEDED; color: #1F3165; }
.btn.gh-bg-navy:hover         { background-color: #172550; color: #FFFFFF; }
.btn.gh-bg-green:hover        { background-color: #5FBE97; color: #1F3165; }
.btn.gh-bg-green-dark:hover   { background-color: #35A280; color: #FFFFFF; }
.btn.gh-bg-yellow:hover       { background-color: #E5C700; color: #1F3165; }
.btn.gh-bg-yellow-light:hover { background-color: #E9CE18; color: #1F3165; }
.btn.gh-bg-amber:hover        { background-color: #C69A05; color: #1F3165; }
.btn.gh-bg-tan:hover          { background-color: #CBBE93; color: #1F3165; }
.btn.gh-bg-brown:hover        { background-color: #8C6C5B; color: #FFFFFF; }
.btn.gh-bg-muted:hover        { background-color: #626594; color: #FFFFFF; }
/* ==========================================================================
   Utility-Klassen ? Textfarbe
   ========================================================================== */
.gh-text-cream        { color: #F3F0EB; }
.gh-text-white        { color: #FFFFFF; }
.gh-text-navy         { color: #1F3165; }
.gh-text-green        { color: #80D2AF; }
.gh-text-green-dark   { color: #40BA95; }
.gh-text-yellow       { color: #FDDD04; }
.gh-text-yellow-light { color: #FDE127; }
.gh-text-amber        { color: #DEAC07; }
.gh-text-tan          { color: #DDD0A9; }
.gh-text-brown        { color: #A27F6C; }
.gh-text-muted        { color: #7477A9; }

/* ==========================================================================
   Utility-Klassen ? Viewport-H?hen (min-height in % der Viewporth?he)
   ========================================================================== */
.gh-min-vh-15  { min-height: 15vh; }
.gh-min-vh-25  { min-height: 25vh; }
.gh-min-vh-33  { min-height: 33vh; }
.gh-min-vh-50  { min-height: 50vh; }
.gh-min-vh-75  { min-height: 75vh; }
.gh-min-vh-100 { min-height: 100vh; }
.gh-min-vh-133 { min-height: 133vh; }
.gh-pb-33vh { padding-bottom: 43vh!important; }
@media (min-width: 992px) {
.navbar-nav .nav-item + .nav-item {
  position: relative;
}
.navbar-nav .nav-item + .nav-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 25%;
  height: 50%;
  width: 1px;
  background: rgba(0, 0, 0, 0.25);
}
}
.btn{font-size:1.15rem;padding:.5rem 2rem;font-weight:700;border-radius:10px;}

/* ==========================================================================
   Navigation als Burger-Chip (nach Scroll auf Desktop, immer unter lg-Breakpoint)
   ========================================================================== */
header nav.navbar.navbar-expand-lg.nav-scrolled{
  position:fixed!important;
  top:1rem;right:1rem;left:auto!important;
  width:auto!important;
  z-index:1050;
  transition:opacity .25s ease;
}
header nav.navbar.navbar-expand-lg.nav-scrolled > .container-lg{
  max-width:none;width:auto;padding:0;margin:0;display:block;
}
header nav.navbar.navbar-expand-lg.nav-scrolled .navbar-brand{display:none!important;}
header nav.navbar.navbar-expand-lg.nav-scrolled .navbar-toggler{
  display:inline-flex!important;
  background:#FFF;border:0;border-radius:10px;
  padding:.5rem .75rem;
  box-shadow:0 4px 12px rgba(0,0,0,.15);
}
header nav.navbar.navbar-expand-lg.nav-scrolled .navbar-collapse{
  display:none!important;
  position:absolute;top:calc(100% + .5rem);right:0;left:auto;
  min-width:240px;
  background:#FFF;border-radius:10px;
  padding:1rem 1.25rem;
  box-shadow:0 6px 20px rgba(0,0,0,.15);
}
header nav.navbar.navbar-expand-lg.nav-scrolled .navbar-collapse.show,
header nav.navbar.navbar-expand-lg.nav-scrolled .navbar-collapse.collapsing{
  display:block!important;
}
header nav.navbar.navbar-expand-lg.nav-scrolled .navbar-nav{
  flex-direction:column!important;margin:0!important;
}
header nav.navbar.navbar-expand-lg.nav-scrolled .navbar-nav .nav-item + .nav-item::before{
  display:none;
}
@media (max-width: 991.98px){
  header nav.navbar.navbar-expand-lg{
    position:fixed!important;
    top:1rem;right:1rem;left:auto!important;
    width:auto!important;
    z-index:1050;
  }
  header nav.navbar.navbar-expand-lg > .container-lg{
    max-width:none;width:auto;padding:0;margin:0;display:block;
  }
  header nav.navbar.navbar-expand-lg .navbar-brand{display:none!important;}
  header nav.navbar.navbar-expand-lg .navbar-toggler{
    display:inline-flex!important;
    background:#FFF;border:0;border-radius:10px;
    padding:.5rem .75rem;
    box-shadow:0 4px 12px rgba(0,0,0,.15);
  }
  header nav.navbar.navbar-expand-lg .navbar-collapse{
    display:none!important;
    position:absolute;top:calc(100% + .5rem);right:0;left:auto;
    min-width:240px;
    background:#FFF;border-radius:10px;
    padding:1rem 1.25rem;
    box-shadow:0 6px 20px rgba(0,0,0,.15);
  }
  header nav.navbar.navbar-expand-lg .navbar-collapse.show,
  header nav.navbar.navbar-expand-lg .navbar-collapse.collapsing{
    display:block!important;
  }
  header nav.navbar.navbar-expand-lg .navbar-nav{
    flex-direction:column!important;margin:0!important;
  }
  header nav.navbar.navbar-expand-lg .navbar-nav .nav-item + .nav-item::before{
    display:none;
  }
}

/* Section#Foundry: Spalten in einer Zeile auf gleiche Höhe strecken
   (statt vertikal mittig) – Logo-Spalte davon ausgenommen, bleibt oben */
#Foundry > .container-lg > .row.align-items-center{ align-items: stretch !important; }
#Foundry > .container-lg > .row > .col-md-3{ align-self: flex-start; }


/* Bildband-Container: über Container-Grenze hinaus in voller Viewport-Breite,
   Position und Size des Hintergrundbilds bleiben durch die Inline-Styles erhalten */
.gh-section-band{
  max-width: none;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}