/* fripaklon - latin */
@font-face {
  font-family: 'FriPaKlon';
  font-style: normal;
  font-weight: 300;
  src: local('FriPaKlon'), local('FriPaKlon'),
       url('webfonts/fripaklon-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/fripaklon-webfont.woff') format('woff'), /* Modern Browsers */
}
/* rondoM - latin */
@font-face {
  font-family: 'rondoM';
  font-style: normal;
  font-weight: 300;
  src: local('rondoM'), local('rondoM'),
       url('webfonts/rondom-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/rondom-webfont.woff') format('woff'), /* Modern Browsers */
}


/* quicksand-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  src: url('webfonts/quicksand-v31-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* quicksand-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('webfonts/quicksand-v31-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* quicksand-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: url('webfonts/quicksand-v31-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* quicksand-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 600;
  src: url('webfonts/quicksand-v31-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* quicksand-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: url('webfonts/quicksand-v31-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('webfonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('webfonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('webfonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('webfonts/open-sans-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('webfonts/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('webfonts/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/open-sans-v15-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('webfonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('webfonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('webfonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body {
	background-color: #fff;
	color: #000;
	font-family: 'Quicksand', 'Open sans', sans-serif;
	font-weight: 300;
	font-size: 1.4em;
	letter-spacing: 0.05em;
	
}

a:focus {
	outline: none;
}
a {
	color: #e13d42;
	text-decoration: none;
}
a:hover {
	color: #333;
}

h1 {
}
h1, h2, h3 {
	font-weight: 700;
	color: #e13d42;
	text-transform: uppercase;
}
h1 {
	font-size: 2.8em;
}
h3 {
	font-size: 2.5em;
}
h4 {
	font-size: 1.5em;
}
strong {
	font-weight: 700;
}
.linie {
	text-align: center; 
	margin: 30px 0 30px 0;
}
.dreieck_oben {
	width: 0px;
	height: 0px;
	-webkit-transform:rotate(360deg);
	border-style: solid;
	border-width: 0 0px 50px 100vw;
	border-color: transparent transparent #efefef transparent;
}
.dreieck_unten {
	width: 0px;
	height: 0px;
	-webkit-transform:rotate(180deg);
	border-style: solid;
	border-width: 0 0px 50px 100vw;
	border-color: transparent transparent #efefef transparent;
}
.grau {
	background-color: #efefef;
}
.dreieck_oben_rot {
	width: 0px;
	height: 0px;
	-webkit-transform:rotate(360deg);
	border-style: solid;
	border-width: 0 0px 50px 100vw;
	border-color: transparent transparent #e13d42 transparent;
}
.dreieck_unten_rot {
	width: 0px;
	height: 0px;
	-webkit-transform:rotate(180deg);
	border-style: solid;
	border-width: 0 0px 50px 100vw;
	border-color: transparent transparent #e13d42 transparent;
}
.rot {
	background-color: #e13d42;
	color: #fff;
}
.rot h3, .rot a {
	color: #fff;
}
.headerheadline {
	font-size: 6vw;
	font-weight: 700;
}
#header_rechts {
	position: absolute; 
	top: 20px; 
	right: 15px !important; 
	padding: 0px 0px; 
	border: none; 
	background-color: none; 
	font-size: 38px !important;
}
.schatten {
	//box-shadow: 10px 10px 18px #efefef;
}
figure.fixedratio2 {
  padding-top: 100%;  
background-size: contain;
  -moz-background-size: contain;  /* Firefox 3.6 */
  background-position: center;  /* Internet Explorer 7/8 */
  background-repeat: no-repeat;
  margin: 0;
}
.produktuebersicht img, .produktuebersicht figure {
	filter: grayscale(100%);
}
.produktuebersicht img:hover {
	filter: grayscale(0%);
}
.produktbild {
	//box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
	//box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
ul.navbar-nav {
	list-style: none;
	display: inline;
	width: 100%;
	display: table;
    text-align: right;
    padding-bottom: 20px;
    padding-right: 0;
    margin-right: -15px;
}
ul.navbar-nav li, ul.navbar-nav li a {
	float: left;
	margin-left: 15px;
	font-weight: bold; 
	margin-right: 0;
	padding-right: 0;
}
ul.navbar-nav li.current_page_item a, ul.navbar-nav li.current-page-ancestor a {
	color: #000 !important;
}
.noten {
	background-image: url('images/noten_verlauf1.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position-y: 6vh;
}
.zentriert {
	text-align: center;
}
.sidebar {
	margin-top: 25px; 
	position: relative; 
	text-align: right;
}
.sidebar ul {
	list-style: none;
	text-align: right;
}
.sidebar ul li {
	list-style: none;
	font-weight: bold;
	font-size: 1.5em;
	padding: 2px;
}
.sidebar ul li a {
	text-decoration: none;
}
.sidebar ul li.current_page_item > a, .sidebar ul li.current_page_parent > a {
	margin-right: 0 !important;
	padding-right: 0px !important;
	color: #5d767b;
}
.sidebar ul li.current_page_item a ul.sub-menu li a {
	margin-right: 0 !important;
	padding-right: 0 !important;
	background-color: #fff;
	color: #5d767b !important;
}
.sidebar ul li ul.sub-menu {
	display: none;
}
.sidebar ul li.current_page_item > ul.sub-menu, .sidebar ul li.current_page_parent > ul.sub-menu {
	display: inline;
}
.sidebar ul ul.sub-menu li {
	font-size: 0.8em;
	font-weight: normal;
}
#scrollBtn {
  display: none; 
  position: fixed; 
  bottom: 30px; 
  right: 30px;
  z-index: 99; 
  border: none; 
  outline: none; 
  background-color: none !important; 
  cursor: pointer; 
  font-size: 0.6em !important; 
}

#scrollBtn:hover, #scrollBtn a:hover {
  color: #5d767b; 
  background-color: #fff !important;
  text-shadow: 2px 2px 2px #999;
}

.toggleicon::before {

content: url('data:image/svg+xml; utf8, <svg width="49" height="29" viewBox="0 0 49 29" xmlns="http://www.w3.org/2000/svg"><rect width="49" height="5" fill="black"/><rect y="12" width="49" height="5" fill="black"/><rect y="24" width="49" height="5" fill="black"/></svg>'); 	
}
.toggleicon:hover {
	content: url('data:image/svg+xml; utf8, <svg width="49" height="29" viewBox="0 0 49 29" xmlns="http://www.w3.org/2000/svg"><rect width="49" height="5" fill="%23cccccc"/><rect y="12" width="49" height="5" fill="%23cccccc"/><rect y="24" width="49" height="5" fill="%23cccccc"/></svg>'); 	

}
.toggleactive::before {
	content: url('data:image/svg+xml; utf8, <svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="3.53552" width="49" height="5" transform="rotate(45 3.53552 0)" fill="black"/><rect y="34.6482" width="49" height="5" transform="rotate(-45 0 34.6482)" fill="black"/></svg>');  
}
.toggleactive:hover {
	content: url('data:image/svg+xml; utf8, <svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="3.53552" width="49" height="5" transform="rotate(45 3.53552 0)" fill="%23cccccc"/><rect y="34.6482" width="49" height="5" transform="rotate(-45 0 34.6482)" fill="%23cccccc"/></svg>');  
}


.navoverlay {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 115px;
	right: 0px;
	z-index: 99999999999999 !important;	
	text-align: right;
	background-color: #fff;
	
}
.navoverlay p {
	font-size: 2em;
	line-height: 28px;
	font-weight: 200;
	font-style: light;
}

.fas {
	color: #e13d42;
	font-size: 4em;
}

.leistungen .fas {
	color: #000;
	font-size: 6em;
}
.fett {
	font-weight: bold;
}
.markiert {
	background-image:url('images/linie_kurz.png');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 0em 1.1em;
	
}
.inhaltsblock {
	margin: 50px 0 50px 0;
}
/*.headerbg {

	background-image: url('images/Thermostate_25_rot.jpg');
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 70%;
	position: relative;
*/
/*	position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;*/
}
/*
.headerbg::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
  pointer-events: none; 
}
*/
/*
.headerbg {
  position: relative;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 70%;
  overflow: hidden;
}

.headerbg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #e13d42;
  mix-blend-mode: multiply;
  opacity: 0.4; 
  pointer-events: none;
  z-index: 1;
}

.headerbg > * {
  position: relative;
  z-index: 2;
}
*/

.headerbg {
  position: relative !important;
  overflow: hidden;
  background: white; 
}


.bgimage {
  position: absolute;
  top: 0;
  right: 0;
  height: auto;
  width: 70%; 
  z-index: 1;
  opacity: 0.35; 
  filter: grayscale(100%) sepia(100%) hue-rotate(-50deg) saturate(500%) brightness(1.1);
  pointer-events: none;
}



.headerbg > *:not(.bgimage) {
  position: relative;
  z-index: 2;
}


.footerbg {
  position: relative;
  overflow: hidden;
  background: white; 
}

.footerbg-image {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 70%; 
  height: auto;
  z-index: 1;
  opacity: 0.35;
  filter: grayscale(100%) sepia(100%) hue-rotate(-50deg) saturate(500%) brightness(1.1);
  pointer-events: none;
}

.footerbg > *:not(.footerbg-image) {
  position: relative;
  z-index: 100;
}


figure.fixedratio {
  padding-top: 50%;  
	background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position: center;  /* Internet Explorer 7/8 */
  position: relative; 
}
/*
.footerbg {

	background-image: url('images/Thermostate_25_rot.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 70%;
	
	position: relative;
  overflow: hidden;
  background: white; 
}
.footerbg > *:not(.bgimage) {
  position: relative;
  z-index: 2;
}
*/
.footer {
  display: flex;
  justify-content: center;
}

.footer ul.menu {
	list-style: none;
}
.footer ul.menu li {
	display: inline-block;
	margin: 0 10px;
}
.footer ul.menu li a {
	text-decoration: none;
	font-weight: bold;
	color: #333;
}
.footer ul.menu li.current_page_item a {
	font-weight: bold;
	color: #e13d42;
}

.footer ul.menu li a:hover {
	color: #e13d42;
}
.wpcf7-text, wpcf7-textarea {
	width: 100% !important;
}
.nav-item1 {
	margin-bottom: 10px;
	background-color: #efefef !important;	
	border-radius: 8px;
	text-align: center;
}
.nav-item1 > a:hover {
	color: #fff !important;
	background-color: #5d767b !important;
}
.nav-item1 > a:link {
	color: #000;
}
.nav-item1 > a:visited {
	color: #999 !important;
}
.nav-item1 > a:active, .nav-item1 > a.active {
	background-color: #5d767b !important;
	color: #fff !important;
	font-weight: 700;
}


.background {
  /*
  background-size: cover;
  background-position: center;
  height: 100%;
  width: 100%;
  */
  width: 100%;
  padding-top: 50%;  
	background-size: cover;
  position: relative;
}

#word-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.word {
  position: absolute;
  color: white;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  animation: float infinite;
}
.logo {
	width: 350px; 
	height: auto; 
	margin-bottom: 28px !important; // war 18 mit altem logo
}
.navbar-toggler {
	visibility: hidden;
}
.navbar-toggler-icon {
  background-image: none;
  position: relative;
  width: 24px;
  height: 2px;
  background-color: #333;
  display: block;
  transition: all 0.3s;
}

.navbar-toggler-icon::before,
.navbar-toggler-icon::after {
  content: '';
  position: absolute;
  width: 24px;
  height: 2px;
  background-color: #333;
  left: 0;
  transition: all 0.3s;
}

.navbar-toggler-icon::before {
  top: -8px;
}

.navbar-toggler-icon::after {
  top: 8px;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-color: transparent;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
  transform: rotate(45deg);
  top: 0;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
  transform: rotate(-45deg);
  top: 0;
}

ul.navbar-nav {
	width: auto !important;
}
h1 {
	margin-bottom: 20px; 
	margin-top: 80px;
}
.textschatten {
	text-shadow: 2px 2px 2px #999;
}
.header-language-switcher, .header-language-switcher a {
  font-size: 0.95rem;
  line-height: 1.2;
  font-weight: bold;
  
}
.qtrans_language_chooser,
.qtrans_language_chooser * {
  text-transform: uppercase !important;
}

.aktuelles {
	position: relative;
}
.aktuelles .slick-prev, .aktuelles .slick-next {
  position: absolute;
  z-index: 10;
  background: transparent;
  border: none;
  color: #333;
  font-size: 18px;
  top: 50% !important;
  transform: translateY(-50%);
}
.aktuelles .slick-prev { left: -15px; }
.aktuelles .slick-next { right: -15px; }
.slick-prev:hover, .slick-next:hover {
  color: #000;
}


/* animation */

.animated-words {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.word {
  position: absolute;
  font-size: 2rem;
  font-weight: bold;
  color: white;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
  animation: float 12s ease-in-out infinite;
  animation-delay: calc(var(--i) * 1s);
}

@keyframes float {
  0% {
    transform: translate(0, 0) scale(1);
  }
  25% {
    transform: translate(-10px, 5px) scale(1.1);
  }
  50% {
    transform: translate(10px, -7px) scale(0.9);
  }
  75% {
    transform: translate(-7px, 10px) scale(1.05);
  }
  100% {
    transform: translate(0, 0) scale(1);
  }
}


/* ende animation */


/* header */

/* --- Grundlayout --- */
.site-header{
  position: sticky; /* bleibt oben sichtbar */
  top: 0;
  z-index: 1030; /* über Inhalt/Offcanvas */
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,.08);
  /* Größen als CSS-Variablen */
  --pad-y: 1.25rem;          /* vertikale Innenabstände groß */
  --logo-h: 72px;            /* Logo-Höhe groß */
  --phone-fs: 1.8em;         /* Telefon-Size groß */
  transition: padding .25s ease, box-shadow .25s ease, background-color .25s ease;
}

/* Innenabstand der Container-Zeile */
.site-header .container{
  padding-top: var(--pad-y);
  padding-bottom: var(--pad-y);
  transition: padding .25s ease;
}

/* Logo skalieren 
.site-header .logo{
  height: var(--logo-h);
  width: auto;
  max-height: 12vh; /* Sicherheit auf sehr kleinen Screens */
  transition: height .25s ease, transform .25s ease;
}
*/
/* Telefon-Nummer Desktop */
.site-header h3{
  font-size: var(--phone-fs);
  transition: font-size .25s ease, line-height .25s ease;
}

/* Navbar-Links leicht kompakter im Shrink */
.site-header .navbar-nav > li > a{
  display: block;
  padding: .25rem .75rem;
  transition: padding .2s ease, font-size .2s ease;
}

/* Hamburger-Button: NICHT absolut positionieren */
.site-header .navbar-toggler{
  position: static;
  padding: .25rem .5rem;
  border: none;
  transition: transform .25s ease;
}

/* --- Kompakter Zustand nach Scroll --- */
.site-header.is-compact{
  --pad-y: .5rem;     /* weniger vertikaler Innenabstand */
  --logo-h: 46px;     /* kleineres Logo */
  --phone-fs: 1.15em; /* kleinere Tel.-Schrift */
  box-shadow: 0 2px 12px rgba(0,0,0,.12);
}

/* optional: Menüliste minimal kleiner */
.site-header.is-compact .navbar-nav > li > a{
  font-size: .95rem;
}

.site-header.is-compact .logo {
  transform: scale(0.8); /* 80% der Originalgröße */
}

/* Sanftere Reduktion auf sehr kleinen Geräten */
@media (max-width: 991.98px){
  .site-header{
    --logo-h: 56px;
  }
  .site-header.is-compact{
    --logo-h: 40px;
    --pad-y: .4rem;
  }
}

/* Respektiere reduzierte Animationen */
@media (prefers-reduced-motion: reduce){
  .site-header, .site-header .container, .site-header .logo,
  .site-header h3, .site-header .navbar-nav > li > a, .site-header .navbar-toggler{
    transition: none !important;
  }
}


/* end header */

@media (min-width: 992px) {
  .navbar-nav {
    flex-direction: row !important;
  }
}

/* Menü mobil vertikal ausrichten */
@media (max-width: 991.98px) {
  .navbar-nav {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .navbar-nav li {
    margin-bottom: 0.5rem;
  }

  .navbar-toggler {
    align-self: center;
  }
}


@media screen and (max-width: 768px) {
	.toggleicon {
		margin-top: 10px !important;
	}
	.offcanvas-body {
		font-size: 3em;
	}
	.noten {
	background: none !important;
}
	.headerheadline {
		font-size: 2.1em;
	}
	.bildlinks {
		margin-top: 50px !important;
	}
	.beitragsbild {
		margin-top: 50px;
	}
	.beitrag {
		margin-top: 30px !important;
	}
	.abstand {
		margin-top: 30px !important;
	}
	.sidebar {
		margin-top: 0px !important;
	}
	.sidebar ul.menu {
		margin-right: 15px;
	}
	.sidebar ul.menu li {
		font-size: 0.55em;
	}
	.footer ul.menu li {
		margin: 0 2px;
	}
	#header_rechts {
		top: 0;
	}
	.logo {
		width: 250px; 
		height: auto; 
		margin-bottom: 18px !important;
	}
	button.navbar-toggler {
		visibility: visible;
		padding: 30px;
		//border: none !important;
		border: 1px solid red;
	}
	.footerbg {
	background-position: center top;
		background-size: 200%;
	}
	ul.navbar-nav {
		padding-right: 15px;
	}
	ul.navbar-nav li {
		display: block;
		width: 100%;
	}
	figure.fixedratio {
  		padding-top: 100%;  
		background-size: cover;
	}
	h1 {
		margin-top: 0px;
	}
}



/* slider styles */
/*! http://responsiveslides.com v1.54 by @viljamis */



.rslides {

  position: relative;

  list-style: none;

  overflow: hidden;

  max-width: 100% !important;

  padding: 0;

  margin: 0;

  }



.rslides li {

  -webkit-backface-visibility: hidden;

  position: absolute;

  display: none;

  width: 100%;

  left: 0;

  top: 0;

  }



.rslides li:first-child {

  position: relative;

  display: block;

  float: left;

  }



.rslides img {

  display: inline-block;

  height: auto;

  float: left;

  width: 100%;

  border: 0;

  }

.rslides_container {

  margin-bottom: 0px;

  position: relative;

  float: left;

  width: 100%;
  height: auto;
  border: 1px solid transparent;

  }



.rslides_nav {

  z-index: 3;

  position: absolute;

  -webkit-tap-highlight-color: rgba(0,0,0,0);

  top: 50%;

  left: 0;

  opacity: 0.7;

  text-indent: -9999px;

  overflow: hidden;

  text-decoration: none;

  height: 61px;

  width: 38px;

  background: transparent url("themes/themes.gif") no-repeat left top;

  margin-top: -55px;


  }



.rslides_nav:active {

  opacity: 1.0;

  }



.rslides_nav.next {

  left: auto;

  background-position: right top;

  right: 0;

  }



.rslides_nav:focus {

  outline: none;

  }



.rslides_tabs {

  margin-top: 10px;

  text-align: center;

  }



.rslides_tabs li {

  display: inline;

  float: none;

  _float: left;

  *float: left;

  margin-right: 5px;

  }



.rslides_tabs a{

  text-indent: -9999px;

  overflow: hidden;

  -webkit-border-radius: 15px;

  -moz-border-radius: 15px;

  border-radius: 15px;

  background: #ccc;

  background: rgba(0,0,0, .2);

  display: inline-block;

  _display: block;

  *display: block;

  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);

  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);

  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);

  width: 9px;

  height: 9px;

  }



.rslides_here a {

  background: #222;

  background: rgba(0,0,0, .8);

  }
.fixedratio .fw-hero.as-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;      /* wichtig: Plugin-Ratio neutralisieren */
  pointer-events: none;    /* Klicks gehen an Elemente darunter */
}

/* Hintergrund-Layer des Shortcodes ausblenden, weil figure das Bild hat */
.fixedratio .fw-hero.as-overlay .fw-hero-bg {
  display: none !important;
}

/* =========================
   Floating Words – Komplett CSS
   Weißer Text, Textschatten, sanfter Hover-Scale-Effekt für Links
   ========================= */

.fw-hero {
  position: relative;
  width: 100%;
  aspect-ratio: var(--fw-aspect, 16/9);
  overflow: hidden;
  isolation: isolate;
}

.fw-hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  z-index: 0;
  transform: translateZ(0);
}

.fw-hero-words {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none; /* Damit der Layer nicht klickt – nur Links selbst */
  font-family: 'Quicksand', sans-serif;
}

/* Links klickbar machen */
.fw-hero-words a {
  pointer-events: auto;
  text-decoration: none;
  color: inherit; /* gleiche Farbe wie der Text */
  transition: transform 0.3s ease;
  color: #fff;
}

.fw-hero-words a:hover {
  transform: scale(1.05);
}

/* Wörter & Links: gleicher Stil 
.fw-hero-words span,
.fw-hero-words a {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  color: #fff !important; 
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .35));
  opacity: .9;
  animation:
    fw-drift var(--dur, 18s) linear var(--delay, 0s) infinite,
    fw-breathe var(--breathe, 7s) ease-in-out var(--delay, 0s) infinite;
  transform: translate(var(--x0, 0px), var(--y0, 0px)) scale(1);
}
*/
.fw-hero-words {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.fw-hero-words a {
  pointer-events: auto;
  text-decoration: none;
  color: inherit;
}
.fw-hero-words a:hover {
  text-decoration: underline;
}
.fw-hero-words .fw-drift {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  backface-visibility: hidden;
  animation: fw-drift var(--dur, 22s) linear var(--delay, 0s) infinite;
}
.fw-hero-words .fw-inner {
  display: inline-block;
  color: #fff;
  font-weight: 600;
  text-shadow: 0 2px 4px rgba(0,0,0,.4);
  animation: fw-breathe var(--breathe, 8s) ease-in-out var(--delay, 0s) infinite;
}

@keyframes fw-drift {
  0%   { transform: translate(var(--x0), var(--y0)); }
  25%  { transform: translate(var(--x1), var(--y1)); }
  50%  { transform: translate(var(--x2), var(--y2)); }
  75%  { transform: translate(var(--x3), var(--y3)); }
  100% { transform: translate(var(--x0), var(--y0)); }
}
@keyframes fw-breathe {
  0%,100% { transform: scale(1); }
  50%     { transform: scale(var(--scale, 1.15)); }
}

@media (prefers-reduced-motion: reduce) {
  .fw-hero-words .fw-drift,
  .fw-hero-words .fw-inner {
    animation: none;
  }
}



#gallery-1 {
                margin: auto;
            }
            #gallery-1 .gallery-item {
                float: {$float};
                margin-top: 10px;
                text-align: center;
                width: {$itemwidth}%;
            }
            .gallery_item img {
            	width: 100%;
            	height: auto;
            }
            #gallery-1 img {
                border: none;
            }
            #gallery-1 .gallery-caption {
                margin-left: 0;
            }



.cookie-notice-container {
	font-family: 'Quicksand', 'Open sans', sans-serif !important;
}

.cn-button {
	border: none !important;
	border-radius: 15px;
	padding: 5px 15px;
}