﻿@import url("/s/STYLES/gfonts/exo-2.css");
.styleset {
	--input-margin: 2px;
	--input-padding: 2px;
	--input-border: 1px solid;
	--input-radius: 3px;
	--input-shadow: none;
	--input-font-size: inherit;
}
.styleset .bhv-design-menuhor a , .styleset .bhv-design-menuvert a {
	color: var(--color);
}
.styleset .bhv-design-menuhor a.menu-active , .styleset .bhv-design-menuvert a.menu-active {
	color: var(--hicolor);
}
.styleset .Zierschrift {
	font-family: var(--zierschrift);
	color: var(--color2);
}
.styleset .Box {
	border: var(--box-border);
	border-color: var(--border-color);
	border-radius: var(--box-radius);
	box-shadow: var(--box-shadow) var(--shadow-color);
	margin: var(--box-margin);
	padding: var(--box-padding);
}
.styleset .Streifen table {
	border-color: var(--border-color);
	border: var(--table-border);
	border-spacing: var(--table-spacing);
	border-collapse: var(--table-collapse);
}
.styleset .Streifen thead {
	background-color: var(--balken-bgcolor);
	color: var(--balken-color);
}
.styleset .Streifen tr {
	vertical-align: var(--tr-vertical-align);
}
.styleset .Streifen tr.odd {
	background-color: var(--bgcolor2);
}
.styleset .Streifen td {
	padding: var(--td-padding);
	border: var(--td-border);
	border-color: var(--border-color);
}
.styleset .bhv-special-tabview.yui-navset .yui-nav .selected a {
	background-color: var(--balken-bgcolor);
	color: var(--balken-color);
	background-image: none;
}
.styleset .bhv-special-tabview.yui-navset .yui-nav .selected a:hover , .styleset .bhv-special-tabview.yui-navset .yui-nav .selected a:focus {
	background-color: var(--balken-bgcolor);
	color: var(--balken-color);
	background-image: none;
}
.styleset .bhv-special-tabview.yui-navset .yui-nav a {
	background-color: var(--balken-bgcolor-inaktiv);
	color: var(--balken-color-inaktiv);
	background-image: none;
}
.styleset .bhv-special-tabview.yui-navset .yui-nav a:hover , .styleset .bhv-special-tabview.yui-navset .yui-nav a:focus {
	background-color: var(--balken-bgcolor-inaktiv);
	color: var(--balken-color-inaktiv);
	background-image: none;
}
.styleset .bhv-special-tabview.yui-navset .yui-nav {
	border-bottom-color: var(--balken-bgcolor);
	border-bottom-width: var(--tabview-balken-stärke);
}
.styleset .bhv-special-tabview.yui-navset .yui-content {
	background-color: var(--bgcolor);
	color: var(--color);
}
.styleset .bhv-special-accordion .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.active {
	background-color: var(--balken-bgcolor);
	color: var(--balken-color);
	background-image: none;
}
.styleset .bhv-special-accordion .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle {
	background-color: var(--balken-bgcolor-inaktiv);
	color: var(--balken-color-inaktiv);
	background-image: none;
	height: auto;
}
.styleset .bhv-special-accordion .yui-accordion-content {
	background-color: var(--bgcolor);
	color: var(--color);
}
.styleset .form-field input , .styleset .form-field select , .styleset .form-field button , .styleset .form-field div.textarea {
	border-color: var(--border-color);
	border: var(--input-border);
	margin: var(--input-margin);
	padding: var(--input-padding);
	font-size: var(--input-font-size);
	border-radius: var(--input-radius);
	box-shadow: var(--input-shadow);
}
.styleset .form-field input[type='checkbox'] , .styleset .form-field input[type='radio'] {
	border: none;
}
.styleset .form-field div.textarea textarea {
	border: none;
}
.styleset .Schema1 {
	background-color: var(--bgcolor);
	color: var(--color);
}
.styleset .Schema2 {
	background-color: var(--bgcolor);
	color: var(--color);
}
.styleset .Schema3 {
	background-color: var(--bgcolor);
	color: var(--color);
}
.styleset .Schema4 {
	background-color: var(--bgcolor);
	color: var(--color);
}
.weitere-Vorlagen button {
	padding: 15px 30px ! important;
	font-size: 200% ! important;
	white-space: nowrap;
}
.yui-skin-sam .cms_template .bhv-col {
	overflow: visible;
}
.styleset .Standard {
	--font-normal: Arial, sans-serif;
	background-color: var(--bgcolor,inherit);
	color: var(--color,inherit);
	font-weight: var(--font-weight,inherit);
	font-size: var(--font-size,inherit);
	font-family: var(--font-normal,inherit);
	line-height: var(--line-height,inherit);
	letter-spacing: var(--letter-spacing,inherit);
	word-spacing: var(--word-spacing,inherit);
}
.styleset .Standard a {
	color: var(--linkcolor,inherit);
}
.styleset .Standard a:hover {
	color: var(--hovercolor,var(--linkcolor,inherit));
}
body {
	--content-width: 1024px;
	--baustein-margin: 0 20px;
	--Standard-bgcolor: rgba(235, 235, 235, 1);
	--Standard-color: rgba(13, 70, 156, 1);
	--Standard-hicolor: rgba(255, 0, 0, 1);
	--Standard-locolor: rgba(128, 128, 128, 1);
	--Standard-linkcolor: rgba(13, 70, 156, 1);
	--Standard-hovercolor: rgba(128, 138, 255, 1);
	--portrait-width: 360px;
	--portrait-height: 480px;
	--balken-width: 1920px;
	--balken-height: 360px;
	--spbild-height: 400px;
	--bild-x025-width: 320px;
	--bild-x033-width: 420px;
	--bild-x05-width: 640px;
	--bild-x025-height: var(--spbild-height);
	--bild-x033-height: var(--spbild-height);
	--bild-x04-height: var(--spbild-height);
	--bild-x05-height: var(--spbild-height);
	--bild-x06-height: var(--spbild-height);
	--bild-x067-height: var(--spbild-height);
	--bild-x075-height: var(--spbild-height);
	--fcm-blau: rgba(13, 70, 156, 1);
	--fcm-blau-transparent: rgba(13, 70, 156, 0.72);
	--fcm-grau-transparent: rgba(212, 212, 212, 0.72);
	--fcm-hellblau: rgba(26, 156, 255, 1);
	--fcm-grau: rgba(235, 235, 235, 1);
}
body [data_cmstitle="Pulldown Menü"] {
	--menu-font-size:0.7em;
}
.text-effects.cms30_wheel {
	--helptext:'drehende Listenelemente';
}
html.no-cmgui .text-effects.cms30_wheel ul {
	--li-width: 12vw;
	--li-height: 30px;
	--spread: 50;
	--x-factor: 1.2;
	--y-factor: 0.12;
	--z-factor: 2;
	--intv: 1000ms;
	position: relative;
	width: 80%;
	height: 20vw;
	perspective: 300px;
	perspective-origin: 65% 50%;
}
html.no-cmgui .text-effects.cms30_wheel li {
	position: absolute;
	---top: -100px;
	left: 40%;
	width: calc(var(--li-width) * 2.2);
	height: calc(var(--li-height) * 2);
	transform: translateZ(0px);
	transition: transform calc(var(--intv) + 5ms) linear;
	font-size: calc(2vw);
	line-height: 1;
	---border: 1px solid black;
	---padding: 5px;
	text-align: center;
	---background-color: white;
	list-style: none;
	opacity: calc(var(--y) / 200 + 0.5);
	transform-style: preserve-3d;
	transform-origin: unset;
}
.scroll-in-effects.fade-in {
	--effekt-transform-init: none;
	--effekt-opacity-init: 0;
	--effekt-filter-init:none;
	--effekt-transform-oberhalb: none;
	--effekt-opacity-oberhalb: 0;
	--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(-100%);
	--effekt-opacity-oberhalb: 0;
	--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(100%);
	--effekt-opacity-oberhalb: 0;
	--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(-70%);
	--effekt-opacity-init: 1;
	--effekt-filter-init:none;
	--effekt-transform-oberhalb: translateY(-70%);
	--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(70%);
	--effekt-opacity-unterhalb: 1;
	--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(10px);
	--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(0) rotate(-360deg);
	--effekt-opacity-oberhalb: 0;
	--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(0) rotate(360deg);
	--effekt-opacity-oberhalb: 0;
	--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(0);
	--effekt-opacity-oberhalb: 0;
	--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;
}
.Font {
	--gfont1:"Exo 2";
	--gfont2:"initial";
	--gfont3:"initial";
	--gfont4:"initial";
	--gfont5:"initial";
	--gfont6:"initial";
	--gfont7:"initial";
	--gfont1--import:url("/s/STYLES/gfonts/exo-2.css");
}
.Standard {
	--bgcolor:rgba(235, 235, 235, 1);
	--color:rgba(29, 35, 53, 1);
	--linkcolor:rgba(13, 70, 156, 1);
	--fcm-blau-transparent:rgba(13, 70, 156, 0.72);
}