﻿@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;800&family=Playfair+Display:wght@400;600&family=Roboto&display=swap');
.styleset {
	--input-margin: 2px;
	--input-padding: 2px;
	--input-border: 1px solid;
	--input-radius: 3px;
	--input-shadow: none;
	--input-font-size: inherit;
}
html {
	scroll-behavior: smooth;
}
.FAQs {
	--baustein-margin: 0;
}
.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 .Schema2 {
	background-color: var(--bgcolor,inherit);
	color: var(--color,inherit);
}
.styleset .Schema3 {
	background-color: var(--bgcolor,inherit);
	color: var(--color,inherit);
}
.styleset .Schema4 {
	background-color: var(--bgcolor);
	color: var(--color);
}
.styleset .Standard {
	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));
}
.Standard {
	--bgcolor: rgba(255, 255, 255, 1);
	--color: rgba(166, 166, 166, 1);
	--hicolor: rgba(60, 85, 109, 1);
	--locolor: rgba(128, 128, 128, 1);
	--linkcolor: rgba(0, 97, 153, 1);
	--hovercolor: rgba(0, 123, 194, 1);
}
.weitere-Vorlagen button {
	padding: 15px 30px ! important;
	font-size: 200% ! important;
	white-space: nowrap;
}
.Footer {
	--bgcolor: rgba(0, 97, 153, 1);
	--color: rgba(255, 255, 255, 1);
	--hicolor: rgba(255, 0, 0, 1);
	--locolor: rgba(128, 128, 128, 1);
	--linkcolor: rgba(0, 21, 255, 1);
	--hovercolor: rgba(128, 138, 255, 1);
}
.styleset .Footer {
	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 .Footer a {
	color: var(--linkcolor,inherit);
}
.styleset .Footer a:hover {
	color: var(--hovercolor,var(--linkcolor,inherit));
}
.Schema1 {
	--bgcolor: rgba(0, 97, 153, 0.85);
	--color: rgba(255, 255, 255, 1);
	--hicolor: rgba(255, 0, 0, 1);
	--locolor: rgba(128, 128, 128, 1);
	--linkcolor: rgba(255, 255, 255, 1);
	--hovercolor: rgba(255, 255, 255, 1);
}
.yui-skin-sam .cms_template .bhv-container.Spaltencontainer {
	align-items: var(--col-align-items,inherit);
}
.yui-skin-sam .cms_template .bhv-container.Spaltencontainer > .bhv-col > *:not(.bhv-container) {
	margin: var(--baustein-margin);
}
.yui-skin-sam .cms_template .bhv-col {
	overflow: visible;
}
.Klappbox .kb-klappelement {
	height: 0;
	overflow: hidden;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.Klappbox-param [data-kb-trigger] {
	height: 0px;
	overflow: hidden;
}
.styleset .Schema2 a {
	color: var(--linkcolor,inherit);
}
.styleset .Schema2 a:hover {
	color: var(--hovercolor,var(--linkcolor,inherit));
}
.Schema2 {
	--bgcolor: rgba(230, 230, 230, 1);
	--color: rgba(0, 0, 0, 1);
	--hicolor: rgba(255, 0, 0, 1);
	--locolor: rgba(128, 128, 128, 1);
	--linkcolor: rgba(0, 97, 153, 1);
	--hovercolor: rgba(0, 97, 153, 1);
}
.styleset .Schema1 {
	background-color: var(--bgcolor,inherit);
	color: var(--color,inherit);
}
.styleset .Schema1 a {
	color: var(--linkcolor,inherit);
	text-decoration: none;
}
.styleset .Schema1 a:hover {
	color: var(--hovercolor,var(--linkcolor,inherit));
}
.styleset .Schema3 a {
	color: var(--linkcolor,inherit);
}
.styleset .Schema3 a:hover {
	color: var(--hovercolor,var(--linkcolor,inherit));
}
.Schema3 {
	--bgcolor: rgba(237, 237, 237, 1);
	--rahmen: rgba(204, 204, 204, 1);
}
.styleset .Font {
	--font-normal: Roboto;
	--line-height: 1.9;
	--font-normal--import: url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;800&family=Playfair+Display:wght@400;600&family=Roboto&display=swap');
	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);
}
body {
	--trennbalken-margin-top: 40px;
	--trennbalken-margin-bottom: 40px;
	--content-schmal-width: 1000px;
	--bild-x025-width: 320px;
	--bild-x025-height: var(--spbild-height);
	--content-breit-width: 1920px;
	--bild-x05-width: 640px;
	--bild-x05-height: var(--spbild-height);
	--content-width: 1200px;
	--baustein-margin: 0 20px;
	--Standard-bgcolor: rgba(255, 255, 255, 1);
	--Standard-color: rgba(166, 166, 166, 1);
	--Standard-hicolor: rgba(60, 85, 109, 1);
	--Standard-locolor: rgba(128, 128, 128, 1);
	--Standard-linkcolor: rgba(0, 97, 153, 1);
	--Standard-hovercolor: rgba(0, 123, 194, 1);
	--portrait-width: 360px;
	--portrait-height: 480px;
	--balken-width: 1920px;
	--balken-height: 360px;
	--spbild-height: 400px;
	--bild-x033-width: 420px;
	--bild-x033-height: var(--spbild-height);
	--bild-x04-height: var(--spbild-height);
	--bild-x06-height: var(--spbild-height);
	--bild-x067-height: var(--spbild-height);
	--bild-x075-height: var(--spbild-height);
	--Footer-bgcolor: rgba(0, 97, 153, 1);
	--Footer-color: rgba(255, 255, 255, 1);
	--Footer-hicolor: rgba(255, 0, 0, 1);
	--Footer-locolor: rgba(128, 128, 128, 1);
	--Footer-linkcolor: rgba(0, 21, 255, 1);
	--Footer-hovercolor: rgba(128, 138, 255, 1);
	--dunkelblau: rgba(0, 97, 153, 1);
	--Schema1-bgcolor: rgba(0, 97, 153, 0.85);
	--Schema1-color: rgba(255, 255, 255, 1);
	--Schema1-hicolor: rgba(255, 0, 0, 1);
	--Schema1-locolor: rgba(128, 128, 128, 1);
	--Schema1-linkcolor: rgba(255, 255, 255, 1);
	--Schema1-hovercolor: rgba(255, 255, 255, 1);
	--Schema2-bgcolor: rgba(230, 230, 230, 1);
	--Schema2-color: rgba(0, 0, 0, 1);
	--Schema2-hicolor: rgba(255, 0, 0, 1);
	--Schema2-locolor: rgba(128, 128, 128, 1);
	--Schema2-linkcolor: rgba(0, 97, 153, 1);
	--Schema2-hovercolor: rgba(0, 97, 153, 1);
	font-family: Roboto, sans-serif;
	--Schema3-bgcolor: rgba(237, 237, 237, 1);
	--Schema3-rahmen: rgba(204, 204, 204, 1);
}
body a {
	text-decoration: none;
}
body h1 {
	font-family: "Nunito Sans";
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2.7px;
	font-size: 170%;
	line-height: 1.7;
	color: var(--dunkelblau);
}
body h2 {
	color: var(--dunkelblau);
	font-family: Nunito Sans;
	text-transform: uppercase;
	--letter-spacing: 1px;
	font-weight: 800;
	font-size: 110%;
}
body h3 {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 110%;
	letter-spacing: 2px;
}