﻿@import url('/s/STYLES/gfonts/open-sans.css');
@import url('/s/STYLES/gfonts/oswald.css');
@import url('/s/STYLES/gfonts/poppins.css');
body {
	--schwarz: rgba(56, 56, 56, 1);
	--farbe: rgba(98, 110, 83, 1);
	--farbe2: rgba(225, 189, 71, 1);
	--grau: rgba(140, 140, 140, 1);
	--farbe3: rgba(252, 252, 252, 1);
	--hell: rgba(250, 250, 250, 1);
	--farbe4: rgba(255, 187, 0, 1);
	--farbe5: rgb(59 94 133);
}
.Font {
	--font1: Assistant;
	--font2: Noto Serif TC;
	--font3: Slabo 27px;
}
.Paging {
	display: flex;
	align-items: center;
}
.Paging .paging-container {
	flex-grow: 1;
	display: flex;
	flex-wrap: nowrap ! important;
	justify-content: flex-start;
	overflow: hidden;
}
.Paging .pfeil {
	flex: 0 0 auto;
	position: relative;
}
.Paging .paging-container > * {
	flex: 0 0 calc((100% - var(--pg-margin, 0px) * (var(--pagesize, 4) - 1)) / var(--pagesize, 4) ) ! important;
	box-sizing: border-box;
	padding: var(--pg-padding);
	margin-right: var(--pg-margin, 0px);
}
.Paging .paging-container > *:first-child {
	transition: margin-left 0.8s;
	margin-left: calc((-1 * (100% - var(--pg-margin, 0px) * (var(--pagesize, 4) - 1)) / var(--pagesize, 4) - var(--pg-margin, 0px)) * var(--aktpgnum, 0));
}
.scroll-in-effects.fade-in {
	--effekt-transform-init: none;
	--effekt-opacity-init: 0;
	--effekt-filter-init:none;
	--effekt-transform-oberhalb: none;
	--effekt-opacity-oberhalb: 1;
	--effekt-filter-oberhalb:none;
	--effekt-transform-sichtbar: none;
	--effekt-opacity-sichtbar: 1;
	--effekt-filter-sichtbar:none;
	--effekt-transform-unterhalb: none;
	--effekt-opacity-unterhalb: 0;
	--effekt-filter-unterhalb:none;
}
.scroll-in-effects.from-left {
	--effekt-transform-init: translateX(-100%);
	--effekt-opacity-init: 0;
	--effekt-filter-init:none;
	--effekt-transform-oberhalb: translateX(-0%);
	--effekt-opacity-oberhalb: 1;
	--effekt-filter-oberhalb:none;
	--effekt-transform-sichtbar: translateX(0%);
	--effekt-opacity-sichtbar: 1;
	--effekt-filter-sichtbar:none;
	--effekt-transform-unterhalb: translateX(-100%);
	--effekt-opacity-unterhalb: 0;
	--effekt-filter-unterhalb:none;
}
.scroll-in-effects.from-right {
	--effekt-transform-init: translateX(100%);
	--effekt-opacity-init: 0;
	--effekt-filter-init:none;
	--effekt-transform-oberhalb: translateX(0%);
	--effekt-opacity-oberhalb: 1;
	--effekt-filter-oberhalb:none;
	--effekt-transform-sichtbar: translateX(0%);
	--effekt-opacity-sichtbar: 1;
	--effekt-filter-sichtbar:none;
	--effekt-transform-unterhalb: translateX(100%);
	--effekt-opacity-unterhalb: 0;
	--effekt-filter-unterhalb:none;
}
.scroll-in-effects.vertical {
	--effekt-transform-init: translateY(-40%);
	--effekt-opacity-init: 0;
	--effekt-filter-init:none;
	--effekt-transform-oberhalb: translateY(0%);
	--effekt-opacity-oberhalb: 1;
	--effekt-filter-oberhalb:none;
	--effekt-transform-sichtbar: translateY(0%);
	--effekt-opacity-sichtbar: 1;
	--effekt-filter-sichtbar:none;
	--effekt-transform-unterhalb: translateY(40%);
	--effekt-opacity-unterhalb: 0;
	--effekt-filter-unterhalb:none;
}
.scroll-in-effects.blur {
	--effekt-transform-init: none;
	--effekt-opacity-init: 1;
	--effekt-filter-init:blur(10px);
	--effekt-transform-oberhalb: none;
	--effekt-opacity-oberhalb: 1;
	--effekt-filter-oberhalb:blur(0px);
	--effekt-transform-sichtbar: none;
	--effekt-opacity-sichtbar: 1;
	--effekt-filter-sichtbar:blur(0px);
	--effekt-transform-unterhalb: none;
	--effekt-opacity-unterhalb: 1;
	--effekt-filter-unterhalb:blur(10px);
}
.scroll-in-effects.spin-left {
	--effekt-transform-origin: center center;
	--effekt-transform-init: scale(0) rotate(-360deg);
	--effekt-opacity-init: 0;
	--effekt-filter-init:none;
	--effekt-transform-oberhalb: scale(1) rotate(0);
	--effekt-opacity-oberhalb: 1;
	--effekt-filter-oberhalb:none;
	--effekt-transform-sichtbar: scale(1) rotate(0);
	--effekt-opacity-sichtbar: 1;
	--effekt-filter-sichtbar:none;
	--effekt-transform-unterhalb: scale(0) rotate(360deg);
	--effekt-opacity-unterhalb: 0;
	--effekt-filter-unterhalb:none;
}
.scroll-in-effects.spin-right {
	--effekt-transform-origin: center center;
	--effekt-transform-init: scale(0) rotate(360deg);
	--effekt-opacity-init: 0;
	--effekt-filter-init:none;
	--effekt-transform-oberhalb: scale(1) rotate(0);
	--effekt-opacity-oberhalb: 1;
	--effekt-filter-oberhalb:none;
	--effekt-transform-sichtbar: scale(1) rotate(0);
	--effekt-opacity-sichtbar: 1;
	--effekt-filter-sichtbar:none;
	--effekt-transform-unterhalb: scale(0) rotate(-360deg);
	--effekt-opacity-unterhalb: 0;
	--effekt-filter-unterhalb:none;
}
.scroll-in-effects.grow {
	--effekt-transform-origin: center center;
	--effekt-transform-init: scale(0);
	--effekt-opacity-init: 0;
	--effekt-filter-init:none;
	--effekt-transform-oberhalb: scale(1);
	--effekt-opacity-oberhalb: 1;
	--effekt-filter-oberhalb:none;
	--effekt-transform-sichtbar: scale(1);
	--effekt-opacity-sichtbar: 1;
	--effekt-filter-sichtbar:none;
	--effekt-transform-unterhalb: scale(0);
	--effekt-opacity-unterhalb: 0;
	--effekt-filter-unterhalb:none;
}
.weitere-Vorlagen button {
	padding: 15px 30px ! important;
	font-size: 200% ! important;
	white-space: nowrap;
}
.yui-skin-sam .cms_template .bhv-col {
	overflow: visible;
}
.Colors {
	--test: rgba(0, 0, 0, 1);
	--color1: rgba(255, 195, 0, 1);
	--color2: rgba(254, 249, 241, 1);
	--Standard-color: var(--color3);
	--Standard-hicolor: var(--color1);
	--Standard-locolor: var(--color4);
	--Standard-linkcolor: var(--color1);
	--Schema1-color: var(--color4);
	--Schema1-hicolor: var(--color2);
	--color3: rgba(20, 20, 20, 1);
	--Schema1-bgcolor: var(--color1);
	--Schema1-bgcolor2: var(--color4);
	--Schema2-bgcolor: var(--color2);
	--Schema2-bgcolor2: var(--color1);
	--Schema2-hicolor: var(--color1);
	--Schema2-locolor: var(--color4);
	--Schema2-linkcolor: var(--color1);
	--Schema1-locolor: var(--color1);
	--color1medium: rgba(158, 175, 110, 1);
	--color2medium: rgba(217, 211, 186, 1);
	--fontcolor2: rgba(38, 38, 38, 1);
	--Standard-bgcolor2: var(--color1);
	--color4: rgba(255, 255, 255, 1);
	--Schema1-linkcolor: var(--color4);
	--Schema1-hovercolor: var(--color2);
	--Standard-hovercolor: var(--color3);
	--Schema2-color: var(--color3);
	--Schema2-hovercolor: var(--color3);
	--color5: rgba(81, 61, 70, 1);
}
.Colors , .Colors .Standard {
	--bgcolor: var(--Standard-bgcolor);
	--color: var(--Standard-color);
	--hicolor: var(--Standard-hicolor);
	--locolor: var(--Standard-locolor);
	--linkcolor: var(--Standard-linkcolor);
	--hovercolor: var(--Standard-hovercolor);
	--h1-6-color: var(--Standard-h1-6-color);
	--h1-color: var(--Standard-h1-color);
	--h2-color: var(--Standard-h2-color);
	--h3-color: var(--Standard-h3-color);
	--h4-color: var(--Standard-h4-color);
	--h5-color: var(--Standard-h5-color);
	--h6-color: var(--Standard-h6-color);
	--pre-color: var(--Standard-pre-color);
	--h1-6-bgcolor: var(--Standard-h1-6-bgcolor);
	--h1-bgcolor: var(--Standard-h1-bgcolor);
	--h2-bgcolor: var(--Standard-h2-bgcolor);
	--h3-bgcolor: var(--Standard-h3-bgcolor);
	--h4-bgcolor: var(--Standard-h4-bgcolor);
	--h5-bgcolor: var(--Standard-h5-bgcolor);
	--h6-bgcolor: var(--Standard-h6-bgcolor);
	--pre-bgcolor: var(--Standard-pre-bgcolor);
	--b-color: var(--Standard-b-color);
	--i-color: var(--Standard-i-color);
	--code-color: var(--Standard-code-color);
	--b-bgcolor: var(--Standard-b-bgcolor);
	--i-bgcolor: var(--Standard-i-bgcolor);
	--code-bgcolor: var(--Standard-code-bgcolor);
	background-color: var(--bgcolor);
	color: var(--color);
}
.percentage {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.content-width {
	float: none;
}
.gal-slider-square {
	--gal-margin-bottom: 30px;
	margin-top: var(--gal-margin-top);
	margin-bottom: var(--gal-margin-bottom);
}
.gal-slider-square /*gen*/ {
	--pagesize: 4;
}
.gal-slider-square img , .gal-slider-square video {
	width: 100%;
	height: var(--gal-img-height,240px);
	object-fit: cover;
	display: block;
}
.gal-slider-square .kugerl-container {
	display: flex;
	justify-content: var(--justify-content);
	gap: var(--gap);
	margin-top: var(--margin-top);
	margin-bottom: var(--margin-bottom);
	margin-left: var(--margin-leftright);
	margin-right: var(--margin-leftright);
	align-items: center;
}
.gal-slider-square .kugerl-container span {
	width: var(--width);
	height: var(--width);
	display: inline-block;
	background-color: var(--bgcolor);
	border: var(--border-color) solid var(--border-size);
	border-radius: 50%;
	cursor: pointer;
}
.gal-slider-square .kugerl-container span.aktiv {
	background-color: var(--active-bgcolor);
	border: var(--active-border-color) solid var(--active-border-size);
}
.gal-slider-square .pfeil.links {
	margin-right: var(--pfeil-margin,20px);
	padding-left: var(--pfeil-aussen-padding,20px);
	padding-right: var(--pfeil-innen-padding,20px);
	text-shadow: 0.1em 0 0 var(--pfeil-color2);
}
.gal-slider-square .pfeil.rechts {
	margin-left: var(--pfeil-margin,20px);
	padding-left: var(--pfeil-innen-padding,20px);
	padding-right: var(--pfeil-aussen-padding,20px);
	text-shadow: -0.1em 0 0 var(--pfeil-color2);
}
.gal-slider-square .pfeil {
	font-size: var(--pg-font-size,2em);
	position: relative;
	cursor: pointer;
	width: var(--pfeil-width);
	color: var(--pfeil-color);
}
.gal-slider-square .paging-container {
	align-items: initial;
}
.gal-slider-square .paging-container > * {
	border: var(--border-width,0) solid var(--border-color,var(--color));
	background-position: center center;
	background-size: cover;
	border-radius: var(--border-radius);
	overflow: hidden;
}
.social-media {
	margin-left: 10px;
	margin-right: 10px;
	padding: .5em .5em;
	display: flex;
}
.social-media >div {
	display: flex;
	margin-top: 20px;
	gap: 10px;
}
.social-media .fa-facebook {
	background-color: #4267B2;
}
.social-media .fa-whatsapp {
	background-color: #29b13e;
}
.social-media .fa-instagram {
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.social-media .fa-youtube-play {
	background-color: #ff0000;
}
.social-media .fa {
	border-radius: 50%;
}
.social-media .fa:before {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	font-size: 22px;
	box-sizing: border-box;
	text-align: center;
}
.social-media .editable {
	padding: 0;
}
.paddingtop {
	padding-top: 110px;
}
.paddingbottom {
	padding-bottom: 110px;
}
.box85 > div {
	max-width: 85%;
	margin: 0 auto;
	float: none;
	padding: 40px 0;
}
.box85 .bottom {
	display: none;
}
.Colors.Schema1, .Colors .Schema1 {
	--bgcolor: var(--Schema1-bgcolor);
	--bgcolor2: var(--Schema1-bgcolor2);
	--color: var(--Schema1-color);
	--hicolor: var(--Schema1-hicolor);
	--locolor: var(--Schema1-locolor);
	--linkcolor: var(--Schema1-linkcolor);
	--hovercolor: var(--Schema1-hovercolor);
	--h1-6-color: var(--Schema1-h1-6-color);
	--h1-color: var(--Schema1-h1-color);
	--h2-color: var(--Schema1-h2-color);
	--h3-color: var(--Schema1-h3-color);
	--h4-color: var(--Schema1-h4-color);
	--h5-color: var(--Schema1-h5-color);
	--h6-color: var(--Schema1-h6-color);
	--pre-color: var(--Schema1-pre-color);
	--h1-6-bgcolor: var(--Schema1-h1-6-bgcolor);
	--h1-bgcolor: var(--Schema1-h1-bgcolor);
	--h2-bgcolor: var(--Schema1-h2-bgcolor);
	--h3-bgcolor: var(--Schema1-h3-bgcolor);
	--h4-bgcolor: var(--Schema1-h4-bgcolor);
	--h5-bgcolor: var(--Schema1-h5-bgcolor);
	--h6-bgcolor: var(--Schema1-h6-bgcolor);
	--pre-bgcolor: var(--Schema1-pre-bgcolor);
	--b-color: var(--Schema1-b-color);
	--i-color: var(--Schema1-i-color);
	--code-color: var(--Schema1-code-color);
	--b-bgcolor: var(--Schema1-b-bgcolor);
	--i-bgcolor: var(--Schema1-i-bgcolor);
	--code-bgcolor: var(--Schema1-code-bgcolor);
	background-color: var(--bgcolor);
	color: var(--color);
}
.deco-bottom {
	position: absolute;
	bottom: -1px;
	right: 0;
	width: 100%;
	min-width: 800px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	transform: rotate(180deg);
	transform-origin: center;
}
.anchor {
	position: absolute;
	height: 0;
	top: -20%;
	overflow: hidden;
}
.yui-skin-sam .cms_template .galerie.gal-columns {
	padding: 50px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: column;
	gap: var(--galerie-gap, .5%);
}
.yui-skin-sam .cms_template .galerie.gal-columns .outerdiv {
	width: var(--galerie-img-width);
	flex: 0 0 var(--galerie-img-width, 19%);
	height: 260px;
	margin-bottom: .5%;
	position: relative;
}
.yui-skin-sam .cms_template .galerie.gal-columns .Bild {
	height: 100% !important;
}
.yui-skin-sam .cms_template .galerie.gal-columns img {
	object-fit: cover;
	object-position: 50% 50%;
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: 100%;
	object-fit: var(--galerie-object-fit,cover);
}
.yui-skin-sam .cms_template .galerie.gal-columns video {
	width: var(--galerie-img-width);
	height: var(--galerie-img-height);
	max-width: 100%;
	object-fit: var(--galerie-object-fit,cover);
	display: block;
}
.yui-skin-sam .cms_template .galerie.gal-columns .Titel {
	margin: var(--galerie-text-margin);
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: rgba(255,255,255,0.7);
	box-sizing: border-box;
	padding: 4px;
	opacity: 0;
	font-size: 14px;
	transition: .3s ease;
	word-break: break-word;
}
.yui-skin-sam .cms_template .galerie.gal-columns .outerdiv:hover .Titel {
	opacity: 1;
}
.yui-skin-sam .cms_template .galerie.gal-columns .Titel:empty {
	opacity: 0 !important;
}
.yui-skin-sam .cms_template .galerie.gal-columns .Text {
	margin: var(--galerie-text-margin);
}
.yui-skin-sam .cms_template .galerie.gal-columns .galerie-abdunkelung .view {
	--x-align-self: center !important;
}
.yui-skin-sam .cms_template .galerie.gal-columns .galerie-abdunkelung .view img {
	object-fit: contain !important;
}
html {
	scroll-behavior: smooth;
}
html.generatedcontent .yui-skin-sam .cms_template .flexmenu.hamburgerv li.haschildren:not(.menu-parent):not(.menu-active)::after {
	content: var(--menu-symb-plustext,'');
	font-family: var(--menu-symb-font);
	position: absolute;
	right: 0;
	top: var(--menu-symb-texttop,0);
	background: var(--menu-symb-pos,no-repeat right 0.2em top 0.6em / 0.8em);
	background-image: var(--menu-symb-plus,url('/s/MEDIA/plus.png'));
	width: var(--menu-symb-width,1em);
	height: 2em;
}
html.generatedcontent .yui-skin-sam .cms_template .flexmenu.hamburgerv li.haschildren.keepopen:not(.menu-parent):not(.menu-active)::after {
	content: var(--menu-symb-minustext,'');
	background: var(--menu-symb-pos,no-repeat right 0.2em top 0.6em / 0.8em);
	background-image: var(--menu-symb-minus,url('/s/MEDIA/minus.png'));
}
.slider {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: var(--font);
}
.slider >div {
	flex-basis: 80%;
}
.slider .header p {
	font-size: 30px;
	margin-bottom: 10px;
	font-family: var(--gfont2), sans-serif;
	font-weight: bold;
}
.yui-skin-sam .cms_template .galerie.square {
	padding: 50px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--galerie-gap, .5%);
}
.yui-skin-sam .cms_template .galerie.square .outerdiv {
	width: var(--galerie-img-width,19%);
	flex: 0 0 var(--galerie-img-width,19%);
	height: 260px;
	margin-bottom: .5%;
	position: relative;
}
.yui-skin-sam .cms_template .galerie.square .Bild {
	height: 100% !important;
}
.yui-skin-sam .cms_template .galerie.square img {
	object-fit: cover;
	object-position: 50% 50%;
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: 100%;
	object-fit: var(--galerie-object-fit,cover);
}
.yui-skin-sam .cms_template .galerie.square video {
	width: var(--galerie-img-width);
	height: var(--galerie-img-height);
	max-width: 100%;
	object-fit: var(--galerie-object-fit,cover);
	display: block;
}
.yui-skin-sam .cms_template .galerie.square .Titel {
	margin: var(--galerie-text-margin);
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: rgba(255,255,255,0.7);
	box-sizing: border-box;
	padding: 4px;
	opacity: 0;
	font-size: 14px;
	transition: .3s ease;
	word-break: break-word;
}
.yui-skin-sam .cms_template .galerie.square .outerdiv:hover .Titel {
	opacity: 1;
}
.yui-skin-sam .cms_template .galerie.square .Titel:empty {
	opacity: 0 !important;
}
.yui-skin-sam .cms_template .galerie.square .Text {
	margin: var(--galerie-text-margin);
}
.yui-skin-sam .cms_template .galerie.großansict_resp .galerie-abdunkelung .view {
	--x-align-self: center !important;
}
.yui-skin-sam .cms_template .galerie.großansict_resp .galerie-abdunkelung .view img {
	object-fit: contain !important;
}
.grossansicht_resp .galerie-abdunkelung .view {
	--x-align-self: center !important;
}
.grossansicht_resp .galerie-abdunkelung .view img {
	object-fit: contain !important;
}
.yui-skin-sam .cms_template .bhv-special-accordion.accordion_style .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.active {
	background: var(--color1);
	color: var(--fontcolor1);
	border: none;
}
.yui-skin-sam .cms_template .bhv-special-accordion.accordion_style .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.active:hover {
	background: var(--color1);
}
.yui-skin-sam .cms_template .bhv-special-accordion.accordion_style .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle {
	background: var(--color1);
	color: var(--fontcolor1);
	border: none;
}
.yui-skin-sam .cms_template .bhv-special-accordion.accordion_style .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle:hover {
	background: var(--color1) !important;
}
.yui-skin-sam .cms_template .bhv-special-accordion.accordion_style .yui-accordion-content {
	border: none;
	padding: 7px 10px;
}
.yui-skin-sam .cms_template .bhv-special-accordion.accordion_style a.yui-accordion-toggle {
	padding: 0.7em 3em !important;
	margin-top: 20px !important;
}
.yui-skin-sam .cms_template .bhv-special-accordion.accordion_style .yui-accordion-toggle .indicator {
	background: url(../media/icon_open_white.png) no-repeat;
	background-size: contain;
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0.5em;
	top: 25%;
	top: calc(50% - 10px);
}
.yui-skin-sam .cms_template .bhv-special-accordion.accordion_style .yui-accordion-toggle.active .indicator {
	background: no-repeat url(../media/icon_close_white.png);
	background-size: contain;
	background-position: 50% 50%;
	top: calc(50% - 10px);
}
.yui-skin-sam .cms_template .bhv-special-accordion.accordion_style .yui-accordionview {
	border-bottom: none;
}
.yui-skin-sam .cms_template .bhv-special-accordion.accordion_style .yui-accordion-toggle {
	height: auto !important;
}
.Font {
	--gfont1: 'Open Sans';
	--gfont2: 'Oswald';
	--gfont3: 'Poppins';
	--gfont4: 'initial';
	--gfont5: 'initial';
	--gfont6: 'initial';
	--gfont7: 'initial';
	--gfont1--import: url('/s/STYLES/gfonts/open-sans.css');
	--Standardschrift-font-size: 15px;
	--Standardschrift-line-height: 1.75;
	--Standardschrift-letter-spacing: 0.4px;
	--Standardschrift-font-style: normal;
	--Standardschrift-h1-font-size: 2.5em;
	--Standardschrift-h1-letter-spacing: 0px;
	--Standardschrift-h1-font-weight: 800;
	--Standardschrift-h1-margin-top: 0px;
	--Standardschrift-h2-font-size: 1.5em;
	--Standardschrift-h2-font-family: var(--font1);
	--Standardschrift-h2-font-weight: 700;
	--Standardschrift-h2-letter-spacing: 0px;
	--Standardschrift-h3-font-family: var(--gfont2);
	--Standardschrift-h3-font-weight: 600;
	--Standardschrift-h3-letter-spacing: 1.5px;
	--Standardschrift-h3-font-size: 1.33em;
	--Standardschrift-h1-line-height: 1;
	--Standardschrift-h1-6-font-family: var(--font1);
	--gfont2--import: url('/s/STYLES/gfonts/oswald.css');
	--font1: Montserrat;
	--Standardschrift-h1-font-family: var(--font1);
	--Standardschrift-h2-line-height: 1.25;
	--gfont3--import: url('/s/STYLES/gfonts/poppins.css');
	--Standardschrift-font-family: var(--gfont3);
}
body {
	max-width: 100% !important;
	overflow-x: hidden !important;
}
body [data_cmstitle='Slider Stil'] ~ .col-slider .pfeil {
	--pg-font-size: 40px;
	--pfeil-margin: 0px;
	--pfeil-aussen-padding: 0px;
	--pfeil-innen-padding: 0px;
}
body [data_cmstitle='Slider Stil'] ~ .col-slider {
	--pagesize: 1;
}
.menuehorizontal {
	display: flex;
	justify-content: space-between;
	gap: 2%;
	box-sizing: border-box;
	align-items: center;
}
.Colors.Schema2, .Colors .Schema2 {
	--bgcolor: var(--Schema2-bgcolor);
	--bgcolor2: var(--Schema2-bgcolor2);
	--color: var(--Schema2-color);
	--hicolor: var(--Schema2-hicolor);
	--locolor: var(--Schema2-locolor);
	--linkcolor: var(--Schema2-linkcolor);
	--hovercolor: var(--Schema2-hovercolor);
	--h1-6-color: var(--Schema2-h1-6-color);
	--h1-color: var(--Schema2-h1-color);
	--h2-color: var(--Schema2-h2-color);
	--h3-color: var(--Schema2-h3-color);
	--h4-color: var(--Schema2-h4-color);
	--h5-color: var(--Schema2-h5-color);
	--h6-color: var(--Schema2-h6-color);
	--pre-color: var(--Schema2-pre-color);
	--h1-6-bgcolor: var(--Schema2-h1-6-bgcolor);
	--h1-bgcolor: var(--Schema2-h1-bgcolor);
	--h2-bgcolor: var(--Schema2-h2-bgcolor);
	--h3-bgcolor: var(--Schema2-h3-bgcolor);
	--h4-bgcolor: var(--Schema2-h4-bgcolor);
	--h5-bgcolor: var(--Schema2-h5-bgcolor);
	--h6-bgcolor: var(--Schema2-h6-bgcolor);
	--pre-bgcolor: var(--Schema2-pre-bgcolor);
	--b-color: var(--Schema2-b-color);
	--i-color: var(--Schema2-i-color);
	--code-color: var(--Schema2-code-color);
	--b-bgcolor: var(--Schema2-b-bgcolor);
	--i-bgcolor: var(--Schema2-i-bgcolor);
	--code-bgcolor: var(--Schema2-code-bgcolor);
	background-color: var(--bgcolor);
	color: var(--color);
}
.logo-gal {
	--gal-margin-bottom: 0px;
	margin-top: var(--gal-margin-top);
	margin-bottom: var(--gal-margin-bottom);
	--pagesize: 5 !important;
}
.logo-gal /*gen*/ {
	--pagesize: 6;
}
.logo-gal img , .logo-gal video {
	width: 100%;
	height: var(--gal-img-height,70px);
	object-fit: contain;
	display: block;
}
.logo-gal .kugerl-container {
	display: flex;
	justify-content: var(--justify-content);
	gap: var(--gap);
	margin-top: var(--margin-top);
	margin-bottom: var(--margin-bottom);
	margin-left: var(--margin-leftright);
	margin-right: var(--margin-leftright);
	align-items: center;
}
.logo-gal .kugerl-container span {
	width: var(--width);
	height: var(--width);
	display: inline-block;
	background-color: var(--bgcolor);
	border: var(--border-color) solid var(--border-size);
	border-radius: 50%;
	cursor: pointer;
}
.logo-gal .kugerl-container span.aktiv {
	background-color: var(--active-bgcolor);
	border: var(--active-border-color) solid var(--active-border-size);
}
.logo-gal .pfeil.links {
	margin-right: var(--pfeil-margin,20px);
	padding-left: var(--pfeil-aussen-padding,20px);
	padding-right: var(--pfeil-innen-padding,20px);
	text-shadow: 0.1em 0 0 var(--pfeil-color2);
}
.logo-gal .pfeil.rechts {
	margin-left: var(--pfeil-margin,20px);
	padding-left: var(--pfeil-innen-padding,20px);
	padding-right: var(--pfeil-aussen-padding,20px);
	text-shadow: -0.1em 0 0 var(--pfeil-color2);
}
.logo-gal .pfeil {
	font-size: var(--pg-font-size,2em);
	position: relative;
	cursor: pointer;
	width: var(--pfeil-width);
	color: var(--pfeil-color);
	--pfeil-margin: 10px;
	--pfeil-aussen-padding: 10px;
	--pfeil-innen-padding: 0;
}
.logo-gal .paging-container {
	align-items: initial;
}
.logo-gal .paging-container > * {
	border: var(--border-width,0) solid var(--border-color,var(--color));
	background-position: center center;
	background-size: contain;
	border-radius: var(--border-radius);
	overflow: hidden;
}
.logo-gal .outer-container {
	--pg-margin: 6vw;
	--gal-img-height: 18vw;
	--timer: 3500;
}
.split-content-right {
	width: calc(var(--content-width) / 2 - 5vw);
	max-width: 90%;
	margin-right: max(2.5vw, calc((100vw - var(--content-width)) / 2 - .5em));
	float: right;
}
.split-content-left {
	width: calc(var(--content-width) / 2 - 5vw);
	max-width: 90%;
	margin-left: max(2.5vw, calc((100vw - var(--content-width)) / 2 - .5em));
}
.button-box {
	display: flex;
	gap: 13px 0;
	flex-wrap: wrap;
	margin-top: 20px;
}
.button-box .button-filled {
	margin-top: 0;
}
.Spaltencontainer {
	gap: 2%;
}
.Spaltencontainer .bottom {
	display: none;
}
.sonne-klein::before {
	content: "";
	position: absolute;
	top: -27px;
	left: 50%;
	transform: translateX(-50%);
	width: 300px;
	height: 300px;
	aspect-ratio: 1 / 1;
	background-image: url(../media/sonne.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	z-index: -1;
}
.sonne-klein {
	position: relative;
	overflow: visible;
}
.deco-top {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	min-width: 800px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.e-mail a {
	text-transform: lowercase !important;
}
.sonne-mittel::before {
	content: "";
	position: absolute;
	top: -55px;
	left: 50%;
	transform: translateX(-50%);
	width: 400px;
	height: 400px;
	aspect-ratio: 1 / 1;
	background-image: url(../media/sonne.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	z-index: -1;
}
.sonne-mittel {
	position: relative;
	overflow: visible;
}
.header::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40vh;
	background-color: rgba(0, 0, 0, 0.0);
	z-index: 1;
}
.project-card:nth-child(even) {
	flex-direction: row-reverse;
}
.bubbles {
	justify-content: center;
	display: flex;
}
.bubbles h2 {
	//display: inline;
	//background-image: linear-gradient(var(--color1) 5px, transparent 5px);
	//background-repeat: repeat-x;
	//background-position: bottom;
	//background-size: calc(100% + 5px) 8px;
	//box-decoration-break: clone;
	margin-bottom: 5px;
	margin-top: 0;
}
.bubbles .bhv-text:first-of-type {
	margin-top: 20px !important;
}
.bubbles .bhv-text:not(:first-of-type) {
	margin-top: 0 !important;
}
.bubbles .bhv-col {
	display: flex;
	flex-direction: column;
	width: 100%;
	box-sizing: border-box;
}
.bubbles .bhv-text.button-filled {
	margin-top: auto;
}
.bubbles .bhv-container {
	display: flex;
	align-items: stretch;
	gap: 20px;
}
.yui-skin-sam .cms_template .flexmenu.hamburgerv {
	--menu-symb-plus: url(../media/pfeil_auf_template.svg);
	--menu-symb-minus: url(../media/pfeil_zu_template.svg);
	--menu-symb-width: 45px;
	--menu-symb-pos: no-repeat right 1.2em top 1.1em / 0.8em;
	font-weight: bold;
	text-align: left;
	width: 80%;
	margin: 0 auto;
}
.yui-skin-sam .cms_template .flexmenu.hamburgerv a {
	color: var(--color3) !important;
}
.yui-skin-sam .cms_template .flexmenu.hamburgerv ul.menu-level-2 {
	padding: 0px !important;
	margin: 0px !important;
}
.yui-skin-sam .cms_template .flexmenu.hamburgerv li.menu-level-2 {
	border-bottom: 1px solid var(--color2);
}
.yui-skin-sam .cms_template .flexmenu.hamburgerv a.menu-level-2 {
	font-weight: normal;
}
.yui-skin-sam .cms_template .flexmenu.hamburgerv a.menu-active {
	color: var(--color1) !important;
}
.yui-skin-sam .cms_template .flexmenu.hamburgerv a:hover {
	color: var(--color1) !important;
}
.yui-skin-sam .cms_template .flexmenu.hamburgerv svg {
	color: var(--color2) !important;
}
.button-filled {
	margin-top: 20px;
}
.button-filled a {
	display: inline-block;
	padding: 8px 20px;
	text-transform: uppercase;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	transition: .3s ease;
	letter-spacing: 1px;
	color: var(--locolor);
	background-color: var(--bgcolor2);
}
.button-filled a:hover {
	color: var(--locolor);
	background-color: var(--hovercolor);
}
.yui-skin-sam .cms_template .flexmenu.horizontalesmenue {
	--menu-symb-plus: none;
	--menu-symb-minus: none;
	text-align: center;
	font-weight: bold;
	width: 100%;
	text-transform: uppercase;
}
.yui-skin-sam .cms_template .flexmenu.horizontalesmenue a {
	color: var(--color3) !important;
	transition: 0.3s;
	padding: 0 10px !important;
}
.yui-skin-sam .cms_template .flexmenu.horizontalesmenue ul.menu-level-2 {
	border: none !important;
	text-align: left;
	padding: 0px !important;
}
.yui-skin-sam .cms_template .flexmenu.horizontalesmenue li.menu-level-2 {
	border-bottom: 1px solid var(--color2);
	padding: 3px 5px !important;
}
.yui-skin-sam .cms_template .flexmenu.horizontalesmenue a.menu-active {
	padding: 0 10px !important;
}
.yui-skin-sam .cms_template .flexmenu.horizontalesmenue a:hover {
	padding: 0 10px !important;
}
.yui-skin-sam .cms_template .flexmenu.horizontalesmenue a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: transparent;
}
.yui-skin-sam .cms_template .flexmenu.horizontalesmenue a.menu-active::after , .yui-skin-sam .cms_template .flexmenu.horizontalesmenue a:hover::after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 0px);
	height: 25px;
	background: var(--color1);
	z-index: -1;
}