/*
 Template Name:    ZV Energie
 Author: hellehase
 Template:      protostar
 Version:       1.0.0
 License:       GNU General Public License v2 or later
 License URI:   http://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
/*  --blue: #1e90ff;
  --white: #ffffff;*/
	--mobile-margin-left-right: 35px;
	--h1-color: #8C1F66;
	--h2-color: #8C1F66;
	--menu-mobile-color: #8C1F66;
	--menu-mobile-active-color: #D94179;
	--menu-mobile-hover-color: #D94179;
}	
/*right: var(--mobile-margin-left-right);	*/	
/*:root {
  --max-input-width: 250px;
}@media screen and (min-width: 750px) {
  :root {
    --max-input-width: 500px;
  }
}*/

/* neu 05.02.24 */
@font-face {
     font-family: 'Font Awesome 5 Free';
     src: url('../../../media/vendor/fontawesome-free/webfonts/fa-regular-400.eot');
     src: url('../../../media/vendor/fontawesome-free/webfonts/fa-regular-400.eot') format('embedded-opentype'), url('../../../media/vendor/fontawesome-free/webfonts/fa-regular-400.woff') format('woff'), url('../../../media/vendor/fontawesome-free/webfonts/fa-regular-400.ttf') format('truetype'), url('../../../media/vendor/fontawesome-free/webfonts/fa-regular-400.svg#fontawesomeregular') format('svg');
}
.fa, .fas, .far, .fal, .fad, .fab {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-style: normal;
}
.fa-question-circle {
	display: none;
}
.fa-question-circle::before {
	display: none;
	color: #8C1F66;
	content: "\f059";
}
.fa-calendar::before {
	content: "\f073";
}
/*.hasTooltip {
	display: block;
}*/
.hasTooltip::after {
  display: block;
  content: attr(data-bs-original-title);
  font-size: 10pt;
  line-height: 16pt;
}


/* ENDE TEST 05.02.24 */

body.site {
    border: none!important;
    background: url("../images/bg.png") repeat !important;
	padding: 0;
	width: 100%;
	max-width: 100%;
}
body {
    font-family: roboto;
    font-weight: normal;
    font-style: normal;
    color: #454545;
}
@media all and (min-width: 1025px) {
	body {
		font-size: 16px;
		line-height: 21px;
		letter-spacing: 0.16px;
	}
}

/****-----------------****/
@media all and (min-width: 768px) and (max-width: 1024px) {
/**768 @media all and (min-width: 980px) and (max-width: 1024px) {*/
	body {
		font-size: 22px;
		line-height: 30px;
		letter-spacing: 0.05px;
	}
}
@media all and (min-width: 481px) and (max-width: 767px) {
/**768 @media all and (max-width: 979px) {*/
	body {
/*		font-size: 20px;
		line-height: 28px;
		letter-spacing: 0.05px;*/
		font-size: 2.6vw;
		line-height: 3.8vw;
		letter-spacing: 0.05px;
	}
}
@media (max-width: 480px) {
	body {
		font-size: 3.5vw;
		line-height: 5vw;
		letter-spacing: 0.05px;
	}
}

.body .container {
    background-color: #fff;
	border-radius: 0;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
/*	position: relative;*/
}
@media all and (min-width: 980px) {
	.body .container {
		border: 5px solid #DEDEDE;
	/*	box-shadow: 25px 25px 25px #000000C7;*/
		box-shadow: 0 0 60px 0 rgba(0,0,0,.6);
	}
}

/*** FOLGENDES UEBERPRUEFEN ***/
@media all and (min-width: 1200px) {
	.body .container {
/*		padding: 15px 0 20px 0;*/
		margin-top: 20px;
		margin-bottom: 75px;
		padding: 0;
	}
	.container , .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
		width: 1180px;
/*		width: calc(100% - 100px);*/
	}
}
@media all and (min-width: 980px) and (max-width: 1199px) {
	.body .container {
		margin-top: 20px;
		margin-bottom: 75px;
		padding: 0;
	}
	.container , .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
		width: 950px;
	}
}
@media all and (max-width: 979px) {
	.body .container {
		margin: 0;
		padding: 0;
		border: none;
	}
	.container , .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
		width: 100%;
	}
	.row-fluid {
		padding: 0 20px;
		width: calc(100% - 40px);
	}
}

/***-------------------------------***************/
/*@media all and (min-width: 768px) and (max-width: 1024px) {
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
		width: 980px;
	}
	.body .container {
		padding: 15px 0 0 0;
	}
}
@media all and (max-width: 767px) {
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
		width: 100%;
	}
	.body .container {
		padding: 0;
	}
}*/
/*.header {
    margin-bottom: 10px;
}*/

.header-img p {
	margin: 0;
}
/*--------------------------------*/
/*--------- Logo Header ----------*/
/*--------------------------------*/
@media all and (min-width: 980px) {
	.logo-header-mobile {
		display: none;
	}
	.logo-header .mod-custom {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
/*	width: 100%;*/
		border-bottom: 5px solid #8C1F66;
		padding-bottom: 50px;
		padding-left: 35px;
	}	
	.logo-header .logo-ost {
		border-left: 3px solid #E5E5E5;
	}
	.logo-header img {
		width: 100%;
	}
	.logo-header .logo-bafu  {
		position: relative;
	}
	.logo-header .logo-bafu  img {
		position: absolute;
		bottom: 0;
	}
	.logo-header .logo-werz img  {
		padding-top: 0.2vw;
	}
}
@media all and (min-width: 1201px) {
	.logo-header .logo-bafu {
		width: 345px;
		padding-right: 45px;
	}
	.logo-header .logo-ost {
		width: 115px;
		padding-left: 45px;
		padding-right: 45px;
		border-left: 3px solid #E5E5E5;
	}
	.logo-header .logo-werz {
		width: 285px;
	}
	.logo-header .logo-bafu  img {
		width: calc(100% - 45px);
	}
}
@media all and (min-width: 980px) and (max-width: 1200px) {
	.logo-header .logo-bafu {
		width: 30%;
		padding-right: 4vw;
	}
	.logo-header .logo-ost {
		width: 10%;
		padding-left: 4vw;
		padding-right: 4vw;
		border-left: 3px solid #E5E5E5;
	}
	.logo-header .logo-werz {
		width: 25%;
/*	padding-left: 5vw;*/
	}
	.logo-header .logo-bafu  img {
		width: calc(100% - 4vw);
	}
}

@media all and (max-width: 979px) {
	.logo-header {
		display: none;
	}
	.logo-header-mobile {
		position: relative;
		height: 40px;
		padding: 0 25px 10px;
		margin-bottom: 35px;
		line-height: 40px;
		border-bottom: 5px solid #8C1F66;
		z-index: 12500;
	}
	.logo-header-mobile:after {
		content: ' ';
		clear: both;
	}
	.logo-header-mobile .logo-bafu {
		width: 25%;
		padding-right: 4vw;
		font-size: 15px;
		color: #454545;
		float: left;
	}
	.logo-header-mobile .logo-bafu a {
		color: #454545;
	}
	.logo-header-mobile .logo-bafu a:hover {
		color: #454545;
	}
	.logo-header-mobile .logo-bafu img {
		height: 30px;
		padding: 5px 10px 5px 0;
	}
	.logo-header-mobile .logo-ost {
		width: 13%;
		padding-left: 4vw;
		padding-right: 4vw;
		border-left: 3px solid #E5E5E5;
		float: left;
	}
	.logo-header-mobile .logo-ost img{
		height: 36px;
		padding: 2px 0;
	}
/*	.logo-header-mobile .logo-werz:lang(it) {
		width: 25%;
		float: left;
	}
	.logo-header-mobile .logo-werz:lang(de) {
		width: 20%;
		float: left;
	}*/
	.logo-header-mobile .logo-werz {
		width: 15%;
		float: left;
	}
/*	.logo-header-mobile .logo-werz img:lang(de) {
		height: 30px;
		padding: 5px 0;
	}*/
	.logo-header-mobile .logo-werz img {
		height: 25px!important;
		max-height: 100%;
		width: auto;
		padding: 5px 0;
	}
}
@media all and (max-width: 600px) {
	.logo-header-mobile .logo-ost {
		width: 18%;
	}
}
@media all and (max-width: 500px) {
	.logo-header-mobile .logo-bafu {
		width: 28%;
		padding-right: 3vw;
		font-size: 12px;
	}
	.logo-header-mobile .logo-bafu img {
		height: 25px;
	}
	.logo-header-mobile .logo-ost {
		width: 20%;
	}
	.logo-header-mobile .logo-ost img{
		height: 30px;
		padding: 5px 0;
	}
	.logo-header-mobile .logo-werz img {
		height: 23px!important;
		max-height: 100%;
		width: auto;
		padding: 7px 0;
	}
}
@media all and (max-width: 390px) {
	.logo-header-mobile .logo-bafu {
		padding-right: 1vw;
		font-size: 10px;
	}
	.logo-header-mobile .logo-bafu a {
		margin-left: -5px;
	}
/*	.logo-header-mobile .logo-werz img:lang(de) {
		height: 95%;
		padding: 5px 0;
	}*/
	.logo-header-mobile .logo-werz img {
		height: 28px!important;
		max-height: 28px!important;
		width: auto;
		padding: 0;
	}
}

/*--------------------------------*/
/*-------- Top Navigation --------*/
/*--------------------------------*/
.header {
	position: relative;
	margin: 0 25px 10px 25px;
}
@media all and (min-width: 980px) {
	.header {
		height: 50px;
	}
	.header .pull-right {
		float: right;
		margin: 20px 0 0 0;
		font-size: 11px;
		line-height: 15px;
		letter-spacing: 0.05px;
	}
	.header .nav > li a:hover, .header .nav > li.active a, li.lang-active a {
		color: #454545!important;
		background-color: #F0F0F0;
	}
}
@media all and (max-width: 979px) {
	.header {
		height: 40px;
		margin: 0 0 10px;
		background: linear-gradient(to bottom,#e4e4e4 0,#e2e2e2 39%,#ddd 79%,#d5d5d5 91%,#cfcfcf 95%,#bebebe 99%);
	}
	.brand.pull-left   {
		display: none;
	}
/*???	.header .pull-right {
		position: absolute;
		right: 20px;
		top: 0;
		height: 15px;
	}*/
/*	.header, .header-inner, .header-search, ..header .mod-languages {
		position: relative;
	}*/
	.header .pull-right {
		float: right;
		margin: 12px 20px 0 0;
		font-size: 11px;
		line-height: 15px;
		letter-spacing: 0.05px;
	}
/*???? TESTENDE */
	.header .nav > li a:hover, .header .nav > li.active a, li.lang-active a {
		background-color: #CCC;
	}
	div.mod-languages li {
		margin-left: 1px;
		margin-right: 1px;
	}
	div.mod-languages a {
		color: #454545;
		padding: 4px;
	}
}
.header li, .header a {
    font-family: "Acumin Pro",sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #454545!important;
	text-transform: uppercase;
	padding: 0;
}

.header .mod-languages, .header .nav {
	display: inline-block;
	margin: 0!important;
	height: 15px;
}
.header .nav  li {
	display: inline-block;
	margin: 0 20px 0 0;
}
.header .nav  li:first-child {
	padding-right: 5px;
}
.header-search .mod-languages ul {
    margin: 0!important;
	height: 15px;
}

/**768 @media all and (max-width: 767px) {*/
@media all and (max-width: 979px) {
/*	.header .nav.menu {
		display: none;
	}*/
	.header .nav li:last-of-type {
		display: none;
	}
	.header .nav a {
		padding: 3px 4px;
	}
}

/* NEU 18.12.23 */
.header-inner {
	display: flex;
	justify-content: flex-end;
}
.header-search > * {
	display: inline-block;
}
.mod-languages [id^="language_picker"] {
	display: none;
}
div.mod-languages li {
  margin: 0 .3rem;
}
div.mod-languages a {
  padding: 0;
}

/*---------------------------------*/
/*-------- Main Navigation --------*/
/*---------------------------------*/
.navigation {
	position: relative;
    font-family: "Acumin Pro",sans-serif;  /* wenn hier nicht definiert wird Standard-Schriftart Roboto angezeigt */
    font-weight: 300;
    font-style: normal;
/*    text-shadow: 0px 0px;*/
	padding: 0 25px!important;
}
.navigation ul {
	margin: 0;
}
.nav-collapse {
	position: relative;
}

/*------ Menu Desktop -------*/
/***@media all and (min-width: 980px) {***/
@media all and (min-width: 980px) {
	.navigation {
		display: block;
		text-align: left;
		border: none;
		/*background: linear-gradient(to bottom,#e4e4e4 0,#e2e2e2 39%,#ddd 79%,#d5d5d5 91%,#cfcfcf 95%,#bebebe 99%);*/
		background: linear-gradient(to bottom,#fff 0,#fff 61%,#fff 89%,#f5f5f5 91%,#ececec 95%,#d7d7d7 100%);
		padding-left: 25px;
		height: 70px;
		font-size: 17px;
		line-height: 24px;
		letter-spacing: 0.18px;
	}
	.navigation .nav > li {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;		
		-webkit-box-align: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		height: 70px;
		text-align: center;
		border-left: 1px solid #B8B8B8;
/*    font: normal normal normal 24px/27px "Museo Sans",sans-serif;*/
/**font-family: 'Acumin Pro', sans-serif;
font-weight: 400;
font-style: normal;
font-size: 18px;
line-height: 24px;
letter-spacing: 0.18px;	**/
	}
/*	.navigation .nav > li  li {
		font-size: 14px;
	}*/
/****/
	.navigation li {
		float: left;
		line-height: 20px;
	}
	.navigation li  .menu-mobile {
		display: none;
	}
	.navigation li, .navigation li:last-of-type {
	}
	.navigation .nav > li  > a, .navigation .nav > li.active > a {
		color: #454545!important;
	}
/*.navigation .nav > li.active a {
	color: #fff;
}*/
/*	.navigation .nav > li.active {
		background-color: #1d1c1c;
	}*/
	.navigation .nav > li  > a:not(.menu-mobile) {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		height: 70px;
		background: linear-gradient(to bottom,#e8e8e8 0,#f7f7f7 61%,#f7f7f7 89%,#f5f5f5 91%,#ececec 95%,#d7d7d7 100%);
	}
	.navigation .nav > li:last-child {
		border-right: 1px solid #B8B8B8;
	}
	.navigation .nav {
		position: relative;
		height: 70px;
	}
	.navigation .nav > li.active > a {
		background: transparent;
	}	
	.navigation .nav > li.active:after {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 4px;
		border-bottom: 4px solid #8C1F66;
		content: '';
	}	
	.navigation .nav > li  > a:hover {
		background: transparent;
		background-color: rgba(140, 31, 102, .11)!important;  /* #8C1F66 */
	}
}
@media all and (min-width: 1201px) {
	.navigation .nav > li > a {
		padding: 0 45px;
	}
}
@media all and (min-width: 980px) and (max-width: 1200px) {
	.navigation .nav > li > a {
		padding: 0 2.8vw;
	}
}


/*------ Menu Mobile and Tablet hoch -------*/
@media all and (max-width: 979px) {
  .navbar .btn-navbar {
    display: block;
    position: absolute;
	top: -65px;
	right: 25px;
	width: 35px;
    height: 35px;
    text-decoration: none;		
	float: none;
	padding: 0!important;
	margin: 15px 0 0!important;
	background-color: transparent;
	border: none;
	box-shadow: none;
	line-height: 0;
	z-index: 15000!important;
  }
   .navbar .btn-navbar.collapsed {
		background-image: url("../images/sandwich.svg");
		background-repeat: no-repeat;
		background-size: 30px 30px;
		/*		background-size: 13vw 7.2vw;*/
		background-position: 0 0;
	}
   .navbar > :not(.collapsed) {
		background-image: url("../images/close.svg");
		background-repeat: no-repeat;
		background-size: 30px 30px;
		background-position: 0 0;
		z-index: 13000!important;
	}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
	color: #fff;
	background-color: transparent;
	*background-color: transparent;
}
.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
	background-color: transparent;
}
	.navbar .btn-navbar .icon-bar {
		display: none;
	}
	.navigation {
		position: absolute;
/*		width: calc(100% - 2px); /*ohne border*/
		width: 100%;
		top: 105px;
		left: 0;
		padding: 0!important;
/*		background-color: #fff;*/
		border: none;
		z-index: 12800;
		font-size: 17px;
		line-height: 24px;
		letter-spacing: 0.18px;			
	}	
	.navigation .nav-collapse {
/*		z-index: 9999;*/ /*15.6.21*/
		padding: 0;
	}
	.nav-collapse.in.collapse {
		background-color: #F0F0F0;
		top: -18px;
	}
/*TEST	*/
/*	.nav-collapse.collapse:not(.in), .nav-collapse.collapse:not(.in) ul {
		display: none;
	}*/
/*TESTENDE	*/
	
	.nav-collapse .nav {
		float: none;
/*		margin: 20px 0 0;
margin: 0;*/
padding-top: 20px;
		width: 100%;		
		border-bottom: 5px solid #DEDEDE;
	/*	box-shadow: 25px 25px 25px #000000C7;*/
/**		box-shadow: 0 0 60px 0 rgba(0,0,0,.6);**/	
/***		box-shadow: 0 0 60px -60px rgba(0,0,0,.6);***/
/*box-shadow: 0 4px 2px -2px gray;*/
box-shadow: 0 10px 20px -20px rgba(0,0,0,.6);
	}
	.navigation .nav > li::before {
		display: none!important;
	}
/*	.nav-collapse .nav:after {
		content:"";
		border-top: 1px solid #4e4e4e;
		background-image: linear-gradient(rgba(167,167,167, 0.9) 0%, rgba(167,167,167, 0.6) 32%, rgba(167,167,167, 0.3) 65%, rgba(215, 215, 215, 0.3) 100%);
		display: block;
		height:6px;
		width: calc(100% + 2px);
		margin: 0 -1px; /* border 1px */
/*		position: absolute;
		bottom: -1px;
	}*/
/**	.nav-collapse .nav  > li:last-of-type a  {
		padding-bottom: 40px;
	}**/

	.nav-collapse .nav > li:not(.parent), .nav-collapse .nav-child  > li:last-of-type { 
		border-bottom: 1px solid #ccc;
		padding-bottom: 5px;
	}
	.nav-collapse .nav > li {
		padding-top: 5px;
	}

	.nav-collapse .nav > li {
		font-size: 17px;
		line-height: 21px;
/*		padding: 12px 2.1vw 0 2.1vw!important;*/
	}
	.nav-collapse .nav > li > a.separator {
		display: none;
/*		line-height: 0;
		font-size: 0;
		padding: 0 0 29px;
		border-top: 2px solid #fff;
		cursor: none;
		pointer-events: none;*/
	}
	.nav-collapse .nav > li > a, .navigation .nav-child a, .nav-collapse .nav > li.active > a {
		color: var(--menu-mobile-color);
		border-radius: 0;
	}
	.nav-collapse .nav > li.active.current > a, .navigation ul > li.active.current > a {
		color: var(--menu-mobile-active-color);
	}
/*	.nav-collapse .nav > li > a:hover, */
	.navigation  li > a:hover, .navigation  li > a:focus	{
		background-color: #F0F0F0!important;
		background-image: none!important;
		color: var(--menu-mobile-hover-color)!important;
	}
	.nav-collapse .nav > li > a:focus {
		background-color: transparent;
	}
	
/*	.nav-collapse .nav > li.item-136 {
		border-top: 2px solid #fff;
	}*/

.nav-collapse .nav > li > a {
	width: 100%;
	padding: 5px 25px;
}
.navigation .nav-child a {
	width: 100%;
	padding: 2px 25px;
}
/*	.navigation .nav > li > a {
		width: 100%;
		text-align: left;
	}*/
	.navigation .nav > li > a br {
		display: none;
	}
/*	.nav-collapse .nav > li:first-of-type a {
		margin-top: 156px;
	}
	.nav-collapse .nav > li.item-110 a {
		/*padding-bottom: 61px;*/
/*		margin-bottom: 40px;
	}*/
/**	.nav-collapse .nav > li.item-136 a {
		margin-top: 29px;
	}**/
	.nav-collapse .nav > li:last-of-type  {
		padding-bottom: 27px;
		background-color: #F0F0F0;
	}
}


/*------------------------------------*/
/*------------ Submenu ---------------*/
/*------------------------------------*/

/*------ Submenu Desktop (& Tablet quer) -------*/
/***@media all and (min-width: 980px) {***/
@media all and (min-width: 980px) {
/*	.navigation .nav-child {*/
	.navigation .mod-menu__sub {
		width: 100%!important;
		min-width: 200px;		
		top: 100%;
		padding: 0;
		margin: 0;
		background-color: #fff;
		border: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
/*    -webkit-background-clip: border-box;
    -moz-background-clip: border;
    background-clip: border-box;*/
	}	
	.navigation .nav > li > .mod-menu__sub::before, .navigation .nav  > li  > .mod-menu__sub::after {
		display: none!important;
	}
	.navigation .mod-menu__sub  li {
		width: 100%;
	}
	.navigation .mod-menu__sub li:not(:last-child) {
		border-bottom: 1px solid #B8B8B8;
	}
	.navigation .mod-menu__sub a {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		text-align: left;
		width: calc(100% - 40px);
		height: 55px;
		padding: 0 20px;
		font-size: 16px;
		font-weight: 300!important;
		line-height: 22px;
		color: #fff!important;
		background-color: #8C1F66;
		white-space: normal;
		z-index: 2000;
	}
	.navigation .mod-menu__sub a:hover {
		background-image: none!important;
		background-color: #D94179!important;
		color: #fff!important;
	}
}
/*------ Verstecken ersten Menüeintrag im Submenü, falls nicht Tablet quer -------*/
@media all and (min-width: 980px) and (hover: hover) {
	.navigation .mod-menu__sub li:first-child {
		display: none;
	}
}
@media all and (max-width: 979px){
	.navigation .mod-menu__sub li:first-child {
		display: none;
	}
}

/*------ Submenu Mobile -------*/
/**768 @media all and (max-width: 767px) {*/
/***@media all and (max-width: 979px) {***/
@media all and (max-width: 979px) {
	.navigation .mod-menu__sub {
		display: block!important;
		position: relative!important;
		width: 100%!important;
		padding-top: 0;
		background-color: #F0F0F0;
		border: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		float: none;
	}
	.navigation .mod-menu__sub li {
		float: none;
	}
	.navigation .mod-menu__sub a {
		font-size: 17px;
		line-height: 25px;
	}
	.navigation .nav > li > .mod-menu__sub::after, .navigation .nav > li > .mod-menu__sub::before {
		display: none;
	}
}

/*-----------------------------*/
/*-------- Breadcrumbs --------*/
/*-----------------------------*/
/*.breadcrumbs > div {
	width: 100%;
}*/
@media all and (max-width: 979px) {
	.breadcrumbs {
		display: none;
	}
}
.breadcrumb {
	float: right;
	width: calc(100% - 25px);
	text-align: right;
    padding: 0 25px 0 0;
	margin: 5px 0 30px!important;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
	font: normal normal normal 11px/13px "Acumin Pro",sans-serif;
	letter-spacing: 0.33px;
	text-transform: uppercase;
}
/*@media all and (min-width: 1025px) {
}*/

/**********----------****/
@media all and (min-width: 768px) and (max-width: 1024px) {
	.breadcrumb {
		margin: 0;
	}
	.breadcrumb > li {
		font-size: 16px;
		line-height: 15px;
	}
/*	.breadcrumb > li > .divider {
		padding: 0 12px;
		color: #707070;
	}*/
}
@media all and (min-width: 481px) and (max-width: 767px) {
	.breadcrumb {
/*		margin: 30px 0 0 0;*/
		margin: 3.9vw 0 0 0;
	}
	.breadcrumb > li {
/*		font-size: 20px;
		line-height: 20px;*/
		font-size: 2.6vw;
		line-height: 2.6vw;
	}
/*	.breadcrumb > li > .divider {
		padding: 0 3.6vw;
		color: #707070;
	}*/
}
@media all and (max-width: 480px) {
	.breadcrumb {
		margin: 5.2vw 0 0 0;
	}
	.breadcrumb > li {
		font-size: 3.4vw;
		line-height: 3.4vw;
	}
/*	.breadcrumb > li > .divider {
		padding: 0 4.8vw;
		color: #707070;
	}*/
}
.breadcrumb .icon-location {
	display: none;
}

/*****-------------------****/
.breadcrumb > li {
    font-family: acumin-pro, sans-serif;
    font-weight: 300;
    font-style: normal;
	font-size: 11px!important;
	line-height: 13px;
	text-shadow: 0px 0px;
	text-transform: uppercase;
}
.breadcrumb > li a, .breadcrumb > .active {
    color: #B8B8B8!important;
}
/*.breadcrumb > .active {
    color: #6974aa;
}*/
.breadcrumb > li > .divider {
		padding: 0 7px;
		color: #B8B8B8;
}

/*-----------------------------*/
/*-------- Content --------*/
/*-----------------------------*/
#content:after {
	clear: both;
}
@media all and (min-width: 980px) {
	.row-fluid {
		margin: 0 25px;
		width: calc(100% - 50px);
		max-width: 100%;
	}
	.row-fluid #aside {  /*right sidebar*/
/*		width: 260px;*/
/*		margin-left: 25px;
		margin-right: 25px;*/
		position: relative;
	}
	.row-fluid .span9 {
/*		width: calc(100% - 310px)!important;*/
/**		padding-left: 25px;**/
		margin-left: 0;
	}
	.item-page {
/*		margin-top: 10px;*/
	}
/*	.item-page:not(.home), .blog-featured:not(.home), .blog:not(.home), #content .login {
		margin-top: 70px;
	}*/
}
@media all and (min-width: 768px) and (max-width: 979px) {
.row-fluid .span3 {
    width: 26.404255317%;
}
.row-fluid .span9 {
    width: 71.468085099%;
}
/*	.row-fluid .span3 {
		display: none;
	}
	.row-fluid .span9 {
		width: 100%!important;
		padding: 0 50px;
		margin-left: 0;
	}
	.item-page.home {
		margin-top: 80px;
	}
	.item-page:not(.home), .blog-featured:not(.home), .blog:not(.home), #content .login {
		margin-top: 25px;
	}
}
@media all and (max-width: 767px) {
	.row-fluid .span3 {
		display: none;
	}
	.row-fluid .span9 {
		width: 100%!important;
		padding: 0 5vw;
		margin-left: 0;
	}
	.item-page.home {
		margin-top: 45px;
	}
	.item-page:not(.home), .blog-featured:not(.home), .blog:not(.home), #content .login {
		margin-top: 38px;
	}*/
}
@media all and (max-width: 767px) {
	.row-fluid #aside {  /*right sidebar*/
		margin-top: 25px;
	}
}
.page-header {
    margin: 0;
    padding-bottom: 0;
    border-bottom: none;
}
p:not(.button):not(.button-grey) {
    margin: 0 0 20px;
}
p.button, p.button-grey {
    margin: 0;
}
a {
    color: #6974aa;
	text-decoration: none;
}
a:hover, a:focus {
    color: #2C408F!important;
    text-decoration: none;
}
/*-----------------------------*/
/*-------- Spalten (deutsche Version, nachher löschen) --------*/
/*-----------------------------*/
/*.spalten-3, .spalten-2, .spalten-3 img, .spalten-2 img {*/
.spalten-3, [class*="spalten-2"], .spalten-3 img, [class*="spalten-2"] img {
	width: 100%;
	position: relative;
}
.spalten-3:after, [class*="spalten-2"]:after {
	content: '';
	clear: both;
}
/*.spalten-3 .spalte, .spalten-2 .spalte {*/
.spalten-3 .spalte, [class*="spalten-2"] .spalte {
	float: left;
	position: relative;
	min-width: 180px;
	margin-top: 15px;
	margin-left: 0;
/*	margin-bottom: 15px;*/
}
/*** TEST Spalten automatisch gleich hoch / Abstand zwischen den Zeilen ***/
/*.spalten-3 .spalte:before {
	content: 'ABSTAND';
	height: 20px;
	position: absolute;
	top: -40px;
	background-color: #fff;
}
.spalten-3 .spalte:nth-of-type(4)::before {
  content: "";
  clear: both;
  display: table;
}*/
/*.spalten-3 .spalte:nth-of-type(3n+3)::before {
  content: "";
  clear: both;
  display: table;
}*/
/*** TESTENDE ***/

/*.spalten-2 .spalte:nth-child(2n+1), .spalten-3 .spalte:nth-child(3n+1), .spalten-3 .spalte:nth-child(3n+2) {*/
[class*="spalten-2"] .spalte:nth-child(2n+1), .spalten-3 .spalte:nth-child(3n+1), .spalten-3 .spalte:nth-child(3n+2) {
 /*   margin: 5px 20px 15px 0;*/
/*	margin-top: 5px;*/
/*	margin-bottom: 0;*/
	margin-right: 20px;
}
/*.spalten-2 .spalte:nth-child(2n+2), .spalten-3 .spalte:nth-of-type(3n+3) {  /* last element of line */
[class*="spalten-2"] .spalte:nth-child(2n+2), .spalten-3 .spalte:nth-of-type(3n+3) {  /* last element of line */
	margin-right: 0;
/*	padding: 5px 0 15px 0;*/
}
/*.spalte:last-child  {
    padding: 5px 0 15px 0;
}*/
/*.spalten-2 .spalte {*/
[class*="spalten-2"] .spalte {
    /*max-width: calc(50% - 10px);*/
	width: calc(50% - 20px);
}
.spalten-2-33-67 .spalte:nth-child(2n+1) {
 	width: calc(33% - 20px);
}
.spalten-2-33-67 .spalte:nth-child(2n+2) {
 	width: calc(67% - 20px);
}
.spalten-3 .spalte  {
    /*max-width: calc(100% / 3 - 14px);*/
	width: calc(100% / 3 - 14px);
}
.spalte h2:first-child, .spalte h3:first-child {
    margin-top: 0;
}
/*.spalten-2, .spalten-3 {*/
[class*="spalten-2"], .spalten-3 {
	margin-top: 15px;
}
/*hr + .spalten-2, hr + .spalten-3 {*/
hr + [class*="spalten-2"], hr + .spalten-3 {
	margin-top: 0;
}
.item-page > div:nth-of-type(1) > .spalten-2-33-67:nth-of-type(1), .item-page > div:nth-of-type(1) > .spalten-2-33-67:nth-of-type(1) .spalte {
	margin-top: 0!important;
}

/* Spalten gleich hoch -- padding + margin */
/*.spalten-3 .spalte {
	padding-bottom: 32768px!important;
	margin-bottom: -32768px!important;
}
.spalten-3 {
	overflow: hidden;
	height: 100%; /* for IE6 */
/*}*/
/* Spalten gleich hoch -- flexbox */
/***.spalten-3, [class*="spalten-2"] {
   display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }***/
.spalten-3 .spalte {
/*  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex;*/
}
.spalten-3  .spalte > * {  /*** TEST -- Elemente in Box sind nebeneinander!!! **/
/*	width: 100%!important;
	clear: both;
	text-align: left;
	display: block;
	position: relative;*/
}

/*-----------------------------*/
/*-------- Columns --------*/
/*-----------------------------*/
/*.spalten-3, .spalten-2, .spalten-3 img, .spalten-2 img {*/
.columns-3, [class*="columns-2"], .columns-5, .columns-3 img, [class*="columns-2"] img, .columns-5 img {
	width: 100%;
	position: relative;
}
.columns-3:after, [class*="columns-2"]:after, .columns-2-33-67:after, .columns-5:after {
	content: '';
	clear: both;
}
.columns-3 .column, [class*="columns-2"] .column, .columns-5 .column {
	float: left;
	position: relative;
	margin-left: 0;
}
.columns-3 .column, [class*="columns-2"] .column {
	min-width: 180px;
}
.columns-5 .column {
/*	min-width: 180px;*/
}
.columns-3 .column, .columns-2 .column, .columns-5 .column {
	margin-top: 15px!important;
}
/*.columns-2-33-67 .column {
	float: left;
	position: relative;
	min-width: 180px;
	margin-top: 0!important;
	margin-left: 0;
}*/
.columns-2-33-67 img {
	margin-top: 3px!important;  /* Korrektur Zeilen-Überhöhe des Textes */
}
@media all and (min-width: 768px) {
	.columns-2-33-67 img {
		margin-top: 5px!important;
	}
}
@media all and (max-width: 767px) {
	.columns-2-33-67 img {
		height: 400px;
		width: 100% !important;
		object-fit: cover;
		object-position: center center;	
		margin-top: 0px;
		margin-bottom: 10px;		
	}
}
/* Falls .column dem img zugeordnet ist anstatt p oder div */
/*.columns-3 > p, [class*="columns-2"] > p {
	float: left;
}*/
.columns-3 > p, [class*="columns-2"] > p, .columns-5 > p {
/*	position: static;*/
/*	display: block;*/
}

/*.spalten-2 .spalte:nth-child(2n+1), .spalten-3 .spalte:nth-child(3n+1), .spalten-3 .spalte:nth-child(3n+2) {*/
/*[class*="columns-2"] .column:nth-child(2n+1), .columns-3 .column:nth-child(3n+1), .columns-3 .column:nth-child(3n+2), .columns-3 .column:nth-of-type(3n+3) {*/
[class*="columns-2"] .column:nth-child(2n+1), .columns-3 .column {
	margin-right: 20px;
}
@media all and (min-width: 1024px) {
	.columns-5 .column {
		margin-right: 10px;
	}
}
@media all and (min-width: 451px) and (max-width: 1023px) {
	.columns-5 .column {
		margin-right: 0.7vw;
	}
}
@media all and (max-width: 450px) {
	.columns-5 .column {
		margin-right: 0.9vw;
	}
}
.columns-3 {
	width: calc(100% + 20px);
	overflow: hidden;
}
.columns-5 .column {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
 }
/*.spalten-2 .spalte:nth-child(2n+2), .spalten-3 .spalte:nth-of-type(3n+3) {  /* last element of line */
/*[class*="columns-2"] .column:nth-child(2n+2), .columns-3 .column:nth-of-type(3n+3) {  /* last element of line */
[class*="columns-2"] .column:nth-child(2n+2) { /* last element of line */
	margin-right: 0;
}

@media all and (min-width: 451px) {
	/*.spalten-2 .spalte {*/
/*	[class*="columns-2"] .column {*/
	.columns-2 .column {
		width: calc((100% - 20px) / 2);
	}
}

@media all and (min-width: 1024px) {
	.columns-5 {
		width: calc(100% + 10px);
		overflow: hidden;
	}
	.columns-5 .column {
		width: calc((100% - (5 * 10px)) / 5);
	}
}
@media all and (min-width: 921px) and (max-width: 1023px) {
	.columns-5 {
		width: calc(100% + 0.7vw);
		overflow: hidden;
	}
	.columns-5 .column {
		width: calc((100% - (5 * 0.7vw)) / 5);
	}
}
@media all and (min-width: 451px) and (max-width: 920px) {
	.columns-5 {
		width: calc(100% + 0.7vw);
		overflow: hidden;
	}
	.columns-5 .column {
		width: calc((100% - (2 * 0.7vw)) / 2);
	}
}

@media all and (max-width: 450px) {
/*	[class*="columns-2"] .column {*/
	.columns-2 .column {
		width: 100%;
	}
	.columns-5 {
		width: calc(100% + 0.9vw);
		overflow: hidden;
	}
	.columns-5 .column {
		width: calc((100% - (2 * 0.9vw)) / 2);
	}
}
.columns-3 .column  {
    /*max-width: calc(100% / 3 - 14px);*/
	width: calc(100% / 3 - 20px);
}
@media all and (max-width: 640px) {
	.columns-3 .column  {
		width: 100%;
	}
}
@media all and (min-width: 765px) and (max-width: 870px) {
	.columns-3 .column  {
		width: calc(50% - 20px);
	}
}
@media all and (min-width: 633px) {
	.columns-2-33-67 .column:nth-child(2n+1) {
/*	, .columns-2-33-67 > p:first-of-type {*/
		width: calc(33% - 10px);
	}
	.columns-2-33-67 .column:nth-child(2n+2) {
		width: calc(67% - 10px);
	}
}
@media all and (max-width: 632px) {
	.columns-2-33-67 .column  {
		width: 100%;
		margin-top: 15px!important;
	}
}
.column h2:first-child, .column h3:first-child {
    margin-top: 0;
}
/*.spalten-2, .spalten-3 {*/
[class*="columns-2"], .columns-3, .columns-5 {
	margin-top: 15px;
}
/*hr + .spalten-2, hr + .spalten-3 {*/
hr + [class*="columns-2"], hr + .columns-3, hr + .columns-5 {
	margin-top: 0;
}
.item-page > div:nth-of-type(1) > .columns-2-33-67:nth-of-type(1), .item-page > div:nth-of-type(1) > .columns-2-33-67:nth-of-type(1) .column:not(img) {
	margin-top: 0!important;
}

/* Spalten gleich hoch -- padding + margin */
/*.spalten-3 .spalte {
	padding-bottom: 32768px!important;
	margin-bottom: -32768px!important;
}
.spalten-3 {
	overflow: hidden;
	height: 100%; /* for IE6 */
/*}*/
/* Spalten gleich hoch -- flexbox */
/* nicht für columns-2-33-67 */
.columns-3, .columns-2, .columns-5 {
   display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }
.columns-3 .column {
/*  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex;*/
}
.columns-3  .column > * {  /*** TEST -- Elemente in Box sind nebeneinander!!! **/
/*	width: 100%!important;
	clear: both;
	text-align: left;
	display: block;
	position: relative;*/
}

/*------------------------------*/
/*--------- JEM Events ---------*/
/*------------------------------*/
/*#jemmodulebasic ul li::before {
    content: "";
}*/
/* 02.02.24 */
/*.box-event .event-title, */
/* 02.02.24 */
.box-event br, #jemmodulebasic ul li::before {
	display: none;
}
#jemmodulebasic {
    padding: 0!important;
}
/*.box-event  p:nth-of-type(odd) {*/
.box-event  p {
	margin: 0!important;
}
.box-event ul, .box-event li {
	margin: 0!important;
}
.box-event.box-violet li {
	color: #fff;
}
.box-event .event  {
	margin: 0 0 20px!important;
}
.box-event h3  {
	font-family: 'Roboto', sans-serif;
	color: #fff;
	font-weight: bold!important;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.16px;
/*	margin: 0 0 5px;*/
}
.well h3 {
	margin: 0 0 5px;
}

/* NEU 18.12.23 */
#jemmodulebasic .event-title:nth-of-type(1), #jemmodulebasic .far, #jemmodulebasic br {
	display: none;
}
#jemmodulebasic ul, #jemmodulebasic ul li {
  margin-left: 0!important;
}
#jemmodulebasic ul {
	margin-top: -20px; /* Korrektur Leerzeile */
}
.jemmodulebasic.event {
	font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.16px;
}
.box-event .button {
}


/*---------------------------------*/
/*-------- Anmeldeformular --------*/
/*---------------------------------*/
/*04.02.24 anstatt .row-fluid => > div */
#sectionPruefung {
	display: none;
}
[id*="section"] .row-fluid,
[id*="section"] > div {
	position: relative;
	width: 100%;
}
[id*="section"]:not(#sectionAusweis) .row-fluid,
[id*="section"]:not(#sectionAusweis) > div {
	margin: 0 0 15px;
	padding: 0 0 20px;
}
#sectionAusweis .row-fluid {
	margin: 0;
	padding: 0;
}
/*#sectionPruefung .row-fluid:after {*/
[id*="section"]:not(#sectionAusweis) .row-fluid:after {
	clear: both;
	float: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-image: repeating-linear-gradient(88deg, #CCCCCC, #CCCCCC 3px, transparent 3px, transparent 6px, #CCCCCC 6px);
	background-size: 100% 2px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

[id*="section"]:not(#sectionAusweis):not(#sectionFormularende) > div { 
/*  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='#CCCCCC' stroke-width='3' stroke-dasharray='3%2c 3' stroke-dashoffset='3' stroke-linecap='butt'/%3e%3c/svg%3e");*/
	background-image: repeating-linear-gradient(88deg, #CCCCCC, #CCCCCC 3px, transparent 3px, transparent 6px, #CCCCCC 6px);
	background-size: 100% 2px;
	background-position: 0 100%;
	background-repeat: no-repeat;
}

#sectionAusweis .row-fluid, #sectionAdresse .row-fluid, #sectionRechnungsadresse .row-fluid,
#sectionAusweis > div {
/*, #sectionAdresse  > div, #sectionRechnungsadresse  > div {*/
	overflow-x: auto;
}
#sectionAdresse div, #sectionRechnungsadresse div {  /*04.02.24*/
	overflow-x: hidden;
}
/*#sectionPruefung label.control-label, #sectionAdresse label:not(#bfLabel321), #sectionRechnungsadresse label {*/
/*#sectionPruefung label.control-label, #sectionAdresse .control-group:not(:nth-of-type(5)) label, #sectionRechnungsadresse label {*/
#sectionPruefung label.control-label, #sectionAusweis label, #sectionAdresse .control-group:not(#bfElemWrap672) label, #sectionRechnungsadresse label,
#sectionAdresse .bfElemWrap:not(#bfElemWrap672) label {
	display: none!important;
}
.control-group, .bfElemWrap {
    margin-bottom: 15px;
}
/*#sectionDatumSprache .control-group:first-of-type, */
#sectionAusweis .control-group, #sectionAdresse .control-group, #sectionRechnungsadresse .control-group,
#sectionAusweis .bfElemWrap, #sectionAdresse .bfElemWrap, #sectionRechnungsadresse .bfElemWrap {
    margin-bottom: 25px;
}
@media all and (min-width: 586px) {
	#sectionAusweis .control-group, #sectionAdresse .control-group, #sectionRechnungsadresse .control-group,
	#sectionAusweis .bfElemWrap, #sectionAdresse .bfElemWrap, #sectionRechnungsadresse .bfElemWrap	{
		width: calc((100% - 25px) / 2);
	}
}
@media all and (max-width: 585px) {
	#sectionAusweis .control-group, #sectionAdresse .control-group, #sectionRechnungsadresse .control-group,
	#sectionAusweis .bfElemWrap, #sectionAdresse .bfElemWrap, #sectionRechnungsadresse .bfElemWrap	{
		width: 100%;
	}
}
input[type="text"], textarea, select, .uneditable-input {
	min-width: auto!important;
}
@media all and (min-width: 586px) {
	#sectionDatumSprache #bfElemWrap631 {
		width: calc((100% - 25px) / 2);
		margin-bottom: 25px;
	}
}
@media all and (max-width: 585px) {
	#sectionDatumSprache #bfElemWrap631 {
		width: 100%;
		margin-bottom: 25px;
	}
}
.controls .control-label {
    width: 100%;
}
/*.controls, .controls > div {
    width: 100%;
}*/
label {
	font: normal normal normal 16px/28px "Roboto",sans-serif;
	letter-spacing: 0.24px;
}
select, textarea, input[type="text"], input[type="date"], input[type="number"], input[type="email"], input[type="tel"], .uneditable-input {
	width: calc(100% - 18px)!important;
	height: 36px;
	max-width: 100%!important;
	border: 1px solid #B8B8B8;
	box-shadow: none;
	border-radius: 0;
	padding: 5px 8px;
	font: normal normal normal 16px/28px "Roboto",sans-serif;
	color: #454545;
	letter-spacing: 0.24px;
}
/* Geburtsdatum */
/*.control-group#bfElemWrap672 {
	width: calc((100% - 25px) / 2 + 2px)!important;
}*/
/***input[type="text"]#ff_elem672 {
	width: calc(100% + 3px)!important;
	margin-right: -3px;
}***/

#bfElemWrap672 .controls > div > span , #bfElemWrap672 .controls > div > span .input-append, #ff_elem672 {
	display: inline-block;
	width: 100%!important;
}
#ff_elem672 {
	width: calc(100% - 64px)!important;  /* -58px*/
	min-width: auto;
	max-width: calc(100% - 64px)!important;
}
#bfElemWrap672 .input-group {
	width: 100%;
    max-width: 100%;
}
#sectionDatumSprache .control-group > div  > div > label, #sectionAusweis .control-group > div  > div > label, #sectionAdresse .control-group > div  > div > label, #sectionSpracheKorrespondenz .control-group > div  > div > label,
#sectionDatumSprache .bfElemWrap > div  > div > label, #sectionAusweis .bfElemWrap > div  > div > label, #sectionAdresse .bfElemWrap > div  > div > label, #sectionSpracheKorrespondenz .bfElemWrap > div  > div > label {
	width: 100%;
}
select {
	width: 100%!important;
	height: 46px!important;
}
@media all and (min-width: 586px) {
	#sectionAusweis > div {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
	}
	#sectionAusweis div.bfSectionDescription { 
		order: 2;
		width: calc((100% - 25px) / 2);
	}
	#sectionAusweis div.control-group,
	#sectionAusweis div.bfElemWrap 	{ 
		order: 1;
		width: calc((100% - 25px) / 2);
		margin-right: 25px;
	}
}
@media all and (max-width: 585px) {
	#sectionAusweis .control-group,
	#sectionAusweis .bfElemWrap	{
		margin-bottom: 10px;
	}
	#sectionAusweis > div {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	#sectionAusweis div.bfSectionDescription { 
		order: 2;
		width: 100%;
	}
	#sectionAusweis div.control-group,
	#sectionAusweis div.bfElemWrap	{ 
		order: 1;
		width: 100%;
	}
}
/* NEU 02.02.24 */
/*.fa-question-circle::before
{
  content: "\45";
  font-family: "Font Awesome";
}*/
form label {
	min-width: auto!important;
}
#sectionAdresse label:not(#bfLabel672) {
	display: none!important;
}
.bfQuickMode textarea {
  height: 100px!important;
}
/**/


/*input:not(#ff_elem46):not(#ff_elem124):not(#ff_elem48):not(#ff_elem49):not(#ff_elem139):not(#ff_elem140)::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
input[name="ff_nm_ausweisnummer[]"]::placeholder, input[name="ff_nm_vorname[]"]::placeholder, input[name="ff_nm_name[]"]::placeholder, input[name="ff_nm_heimatort[]"]::placeholder, input[name="ff_nm_strasse[]"]::placeholder, input[name="ff_nm_plz[]"]::placeholder, input[name="ff_nm_ort[]"]::placeholder, input[name="ff_nm_telefon[]"]::placeholder, input[name="ff_nm_email[]"]::placeholder,
input[name="ff_nm_firmaRechnung[]"]::placeholder, input[name="ff_nm_strasseRechnung[]"]::placeholder, input[name="ff_nm_plzRechnung[]"]::placeholder, input[name="ff_nm_ortRechnung[]"]::placeholder {
			color: #D94179;
			opacity: 1; /* Firefox */
		}
/*:not(#ff_elem46):not(#ff_elem124):not(#ff_elem48):not(#ff_elem49):not(#ff_elem139):not(#ff_elem140):-ms-input-placeholder { /* Internet Explorer 10-11 */
input[name="ff_nm_ausweisnummer[]"]:-ms-input-placeholder, input[name="ff_nm_vorname[]"]:-ms-input-placeholder, input[name="ff_nm_name[]"]:-ms-input-placeholder, input[name="ff_nm_heimatort[]"]:-ms-input-placeholder, input[name="ff_nm_strasse[]"]:-ms-input-placeholder, input[name="ff_nm_plz[]"]:-ms-input-placeholder, input[name="ff_nm_ort[]"]:-ms-input-placeholder, input[name="ff_nm_telefon[]"]:-ms-input-placeholder, input[name="ff_nm_email[]"]:-ms-input-placeholder,
input[name="ff_nm_firmaRechnung[]"]:-ms-input-placeholder, input[name="ff_nm_strasseRechnung[]"]:-ms-input-placeholder, input[name="ff_nm_plzRechnung[]"]:-ms-input-placeholder, input[name="ff_nm_ortRechnung[]"]:-ms-input-placeholder {
  color: #D94179;
}
/*:not(#ff_elem46):not(#ff_elem124):not(#ff_elem48):not(#ff_elem49):not(#ff_elem139):not(#ff_elem140)::-ms-input-placeholder { /* Microsoft Edge */
input[name="ff_nm_ausweisnummer[]"]::-ms-input-placeholder, input[name="ff_nm_vorname[]"]::-ms-input-placeholder, input[name="ff_nm_name[]"]::-ms-input-placeholder, input[name="ff_nm_heimatort[]"]::-ms-input-placeholder, input[name="ff_nm_strasse[]"]::-ms-input-placeholder, input[name="ff_nm_plz[]"]::-ms-input-placeholder, input[name="ff_nm_ort[]"]::-ms-input-placeholder, input[name="ff_nm_telefon[]"]::-ms-input-placeholder, input[name="ff_nm_email[]"]::-ms-input-placeholder,
input[name="ff_nm_firmaRechnung[]"]::-ms-input-placeholder, input[name="ff_nm_strasseRechnung[]"]::-ms-input-placeholder, input[name="ff_nm_plzRechnung[]"]::-ms-input-placeholder, input[name="ff_nm_ortRechnung[]"]::-ms-input-placeholder {
  color: #D94179;
}
#bfLabel672, #ff_elem634 {
  color: #D94179;
}

/*select option:first-child{
  color: #B8B8B8;
}*/

/*select#ff_elem34 > option{*/
select[name="ff_nm_anrede[]"] > option {
/*, select[name="ff_nm_anredeRechnung[]"] > option {*/
  color: #D94179;
}
/*select#ff_elem34 > option:not(:first-of-type) {*/
select[name="ff_nm_anrede[]"] > option:not(:first-of-type), select[name="ff_nm_anredeRechnung[]"] > option {
/*, select[name="ff_nm_anredeRechnung[]"] > option:not(:first-of-type) {*/
  color: #454545;
}
select[name="ff_nm_anredeRechnung[]"] > option:first-of-type {
  color: #A9A9A9;
}

/***input[type=checkbox]:not(#ff_elem900) , **26.5.21**/
input[type=radio] {
	position: relative;
	float: none!important;
	display: inline-block!important;
	vertical-align: middle!important; 
}
/*#ff_elem900 {*/
#bfElemWrap900 span {
	display: none;
}
/*#bfElemWrap74 */
label.radio {
/*, label.radio-inline*/
	position: relative;
    display: inline-block!important;
    vertical-align: middle!important;
}
.radio input[type="radio"],
.radio-inline input[type="radio"] {
/*	margin-top: 0!important;*/
	margin-top: -2px!important;
	margin-right: 11px!important;
}
.radio.inline + .radio.inline,
.radio-inline + .radio-inline {
    margin-left: 15px;
}
#sectionSwitcherRechnungsadresse label, #sectionRechtlicheHinweise #bfElemWrap901 label {
	margin: 1px 0!important;
	vertical-align: middle!important;
}
#sectionSwitcherRechnungsadresse .controls > div span, #sectionRechtlicheHinweise #bfElemWrap901 .controls > div span {
	height: 30px;
}
#sectionSwitcherRechnungsadresse input, #sectionRechtlicheHinweise #bfElemWrap901 input {
	line-height: 28px!important;
	font-size: 14px!important;
	height: 14px!important;
	width: 14px;
	margin: 8px 0!important;
	vertical-align: middle!important;
}
/*input[type=checkbox]:not(#ff_elem900) , input[type=radio] {
		line-height: 30px;
		margin-top: 0;
}*/

/*#bfElemWrap39, #bfElemWrap40, #bfElemWrap46, #bfElemWrap124, #bfElemWrap47, #bfElemWrap48, #bfElemWrap50, #bfElemWrap51, #bfElemWrap52, #bfElemWrap53, #bfElemWrap80, #bfElemWrap81, #bfElemWrap138, #bfElemWrap139, #bfElemWrap141, #bfElemWrap142 {*/
/* vorname, name, geburtsdatum, heimatort, arbeitgeber, str, nr, plz, ort, tel, mail / vorname, name, str, nr, plz, ort*/
/*#sectionAdresse .control-group:nth-of-type(3), #sectionAdresse .control-group:nth-of-type(4), #sectionAdresse .control-group:nth-of-type(5), #sectionAdresse .control-group:nth-of-type(6), #sectionAdresse .control-group:nth-of-type(8), #sectionAdresse .control-group:nth-of-type(9), #sectionAdresse .control-group:nth-of-type(11), #sectionAdresse .control-group:nth-of-type(12), #sectionAdresse .control-group:nth-of-type(13), #sectionAdresse .control-group:nth-of-type(14) {*/
#sectionAdresse #bfElemWrap635, #bfElemWrap628, #bfElemWrap672, #bfElemWrap967, #bfElemWrap627, #bfElemWrap630, #bfElemWrap641, #bfElemWrap642, #bfElemWrap643, #bfElemWrap644 {
	float: left;
}
/*#sectionRechnungsadresse .control-group:nth-of-type(2), #sectionRechnungsadresse .control-group:nth-of-type(3), #sectionRechnungsadresse .control-group:nth-of-type(4), #sectionRechnungsadresse .control-group:nth-of-type(5), #sectionRechnungsadresse .control-group:nth-of-type(7), #sectionRechnungsadresse .control-group:nth-of-type(8) {*/
#sectionRechnungsadresse .control-group:not(#bfElemWrap648):not(#bfElemWrap646):not(#bfElemWrap1500),
#sectionRechnungsadresse .bfElemWrap:not(#bfElemWrap648):not(#bfElemWrap646):not(#bfElemWrap1500) {
	float: left;
}
/*#bfElemWrap39, #bfElemWrap46, #bfElemWrap47, #bfElemWrap50, #bfElemWrap52, #bfElemWrap80, #bfElemWrap138, #bfElemWrap141 {*/
/*#sectionAdresse .control-group:nth-of-type(3), #sectionAdresse .control-group:nth-of-type(6), #sectionAdresse .control-group:nth-of-type(8), #sectionAdresse .control-group:nth-of-type(11), #sectionAdresse .control-group:nth-of-type(13) {*/
#sectionAdresse #bfElemWrap635, #bfElemWrap672, #bfElemWrap627, #bfElemWrap641, #bfElemWrap643 {
	margin-right: 25px;
}
/*#sectionRechnungsadresse  .control-group:nth-of-type(2), #sectionRechnungsadresse  .control-group:nth-of-type(4), #sectionRechnungsadresse  .control-group:nth-of-type(7) {*/
#sectionRechnungsadresse  #bfElemWrap647, #bfElemWrap652, #bfElemWrap637 {
	margin-right: 25px;
}
@media all and (min-width: 586px) {
	.control-group#bfElemWrap967, .bfElemWrap#bfElemWrap967 {
		margin-top: 33px;
	}
}

/*.field-calendar, .field-calendar .input-append  {
	clear: both;
	min-width: 200px;
	width: 100%!important;
}*/
/*#bfElemWrap321 {*/
/*#sectionAdresse .control-group:nth-of-type(4) {
	clear: both;
	width: 100%!important;
}*/
/* Calendar */
.bfCalendar.btn {
	height: 48px!important;
	width: 40px;
	border-radius: 0!important;
	background-color: #8C1F66;
	border: none;
/*	margin-left: 3px;  25.5.21 */
}
.bfCalendar.btn:hover {
    background-color: #D94179;
	border: none;
}
/*.js-calendar {
	left: 200px!important;
	top: 46px!important;
	border-radius: 0!important;
	margin-top: 0!important;
}*/
.picker__frame {
    min-width: 256px !important;
    max-width: 400px !important;
    width: 100% !important;
}
.picker__box {
    font-size: 1.3em !important;
}
.picker__select--year, .picker__select--month {
	min-width: 20%!important;
	border-radius: 0!important;
	color: #454545!important;
	font-size: .75em !important; /*.8em*/
}
.picker option {
  color: #454545!important;
}
/*.picker__nav--next::before {
border-left-color: #B8B8B8!important;
}*/
.picker__nav--prev::before, .picker__nav--next::before {
	border-left-color: #ABA7A7!important;
	border-right-color: #ABA7A7!important;
}

.picker__day--highlighted, .picker__day--highlighted:hover, .picker--focused .picker__day--highlighted {
	color: #fff !important;
    background: #8C1F66 !important;
}
.picker__day--infocus:hover, .picker__day--outfocus:hover {
    color: #fff !important;
    background: #D94179 !important;
}
/*.picker__select--month, .picker__select--year {
    border: 1px solid #b7b7b7 !important;
    height: 2.5em !important;
    padding: .5em .25em !important;
    margin-left: .25em !important;
    margin-right: .25em !important;
    font-size: .6em !important;
}*/
/*.picker option:selected {
	background-color: #D94179 !important;
}*/

/*option:checked, 
option:hover {
    background-image:linear-gradient(90deg, yellow 0%, red 80%)!important;
}*/

/* agb */
/*#sectionRechtlicheHinweise .control-group:nth-of-type(1) {*/
/**#sectionRechtlicheHinweise #bfElemWrap901 {
  margin-bottom: 0;
}
#bfElemWrap934 {
  margin-top: -5px;
}
#sectionRechtlicheHinweise input[name="ff_nm_agb2[]"] {
  display: none!important;
}**/
#sectionRechtlicheHinweise #bfElemWrap900 {
	margin-top: 8px;
}

@media all and (min-width: 768px) {
/*	#bfElemWrap321 .input-append {*/
/*	#sectionAdresse .control-group:nth-of-type(5) .input-append {   /* falls Geburtsdatum alleine auf Zeile */
		width: calc((100% - 25px) / 2 - 40px);
	}*/
	label.radio:not(:last-child) {
		margin-right: 70px;
	}
}

@media all and (max-width: 767px) {
	select, textarea, input[type="text"], input[type="date"], input[type="number"], input[type="email"], input[type="tel"], .uneditable-input {
		width: 100%;
	}
	#sectionDatumSprache .control-group:first-of-type, #sectionAusweis .control-group, #sectionAdresse .control-group, #sectionRechnungsadresse .control-group,
	#sectionDatumSprache .bfElemWrap:first-of-type, #sectionAusweis .bfElemWrap, #sectionAdresse .bfElemWrap, #sectionRechnungsadresse .bfElemWrap {
		width: 100%;
	}
/*	#bfElemWrap321 .input-append {*/
	#sectionAdresse .control-group#bfElemWrap672 .input-append,
	#sectionAdresse .bfElemWrap#bfElemWrap672 .input-append	{
		width: calc(100% - 40px);
	}
	label.radio {
		width: 100%;
		margin: 0!important;
	}
	.form-actions {
		position: relative;
		padding-bottom: 30px!important;
	}
	.form-actions:after {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 2px;
		background-image: repeating-linear-gradient(88deg, #CCCCCC, #CCCCCC 3px, transparent 3px, transparent 6px, #CCCCCC 6px);
		background-size: 100% 2px;
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	#bfSubmitButton {
		float: none!important;
	}
}

.picker__footer {
	display: none!important;
}
/* change order in check boxes */
#sectionSwitcherRechnungsadresse .controls > div, #sectionRechtlicheHinweise .controls > div,
#sectionSwitcherRechnungsadresse .form-group, #sectionRechtlicheHinweise .form-group {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
    display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
    flex-direction: row;
}
#sectionSwitcherRechnungsadresse .controls > div label, #sectionRechtlicheHinweise .controls > div label,
#sectionSwitcherRechnungsadresse .form-group label, #sectionRechtlicheHinweise .form-group label {
	order: 2;
	width: calc(100% - 25px);
}
#sectionSwitcherRechnungsadresse .controls > div span, #sectionRechtlicheHinweise .controls > div span,
#sectionSwitcherRechnungsadresse .form-group span, #sectionRechtlicheHinweise .form-group span {
	order: 1;
	width: 25px;
}


/*--- Error Messages ---*/
.alert {
    background-color: #F0F0F0;
    border: 1px solid #f2dede;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.alert-danger, .alert-error {
    color: #D94179;
}
.formError .formErrorContent {
	background: #D94179;
	border-radius: 3px;
}
.formError .formErrorArrow div{
	background:#D94179;
}

/*--- Captcha ---*/
.rc-anchor-light.rc-anchor-normal {
    border: 1px solid #B8B8B8;
	box-shadow: none;
}
#rc-anchor-container, .rc-anchor {
    border-radius: 0!important;
}

/*--- Submit Anmeldung ---*/
.form-actions {
 /*   padding: 17px 20px 18px;
    margin-top: 18px;
    margin-bottom: 18px;*/
	margin: 0;
	padding: 0;
    background-color: transparent;
    border: none;
}
#bfSubmitButton {
	float: left;
	width: 193px;
	background-color: #8C1F66;
	border: 1px solid #707070;
	border-radius: 0;
	line-height: 20px;
	padding: 13px 0;
	font: normal normal normal 15px/20px "Roboto",sans-serif;
	letter-spacing: 0.75px;
	color: #fff;
	text-transform: uppercase;
}
#bfSubmitButton:hover {
    background-color: #D94179;
    color: #fff!important;
	border: none;
}
.com_breezingforms #content > .bfClearfix > div:last-child { /* powered by */
	margin-top: 0;
	color: #fff;
}
/*--- Thankyou Page ---*/
.thankyou-page p {
	margin-bottom: 0!important;
}
.thankyou-page h2 {
	margin: 35px 0 15px;
}

/*-----------------------------*/
/*-------- Blog-Layout **** NOETIG????*** --------*/
/*-----------------------------*/
/*.blog div[class*="leading-"]::before {
	display: block;
	content: "   ";
    background-image: url("../images/dot-grey.png");
	background-repeat: repeat-x;
	background-size: auto 2px;
    height: 2px;
    padding: 0;
    padding-bottom: 0px;
    width: 100%;
}
.blog div[class*="leading-"] .btn:not(.dropdown-toggle) {
	background-image: url("../../../images/design/brezel.svg");
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #6974aa;
	padding: 0 0 0 78px;
	text-align: left;
    font-size: inherit;
	text-shadow: inherit;
	background-color: inherit;
	border: inherit;
	box-shadow: inherit;
}
@media all and (min-width: 1025px) {
	.blog div[class*="leading-"]::before {
	    margin: 25px 0 45px;
 	}
	.blog div[class*="leading-"] .btn:not(.dropdown-toggle) {
		background-size: 52px 40px;
		line-height: 45px;
		margin-bottom: 9px;
	}
}
@media all and (min-width: 768px) and (max-width: 1024px) {
	.blog div[class*="leading-"]::before {
	    margin: 15px 0 30px;
 	}
	.blog div[class*="leading-"] .btn:not(.dropdown-toggle) {
		background-size: 47px 36px;
		line-height: 40px!important;
		margin: 15px 0 5px;
	}
}
@media all and (max-width: 767px) {
	.blog div[class*="leading-"]::before {
	    margin: 15px 0 30px;
 	}
	.blog div[class*="leading-"] .btn:not(.dropdown-toggle) {
		background-size: 47px 36px;
		line-height: 40px;
		margin: 15px 0 5px;
	}
}

.blog div[class*="leading-"] .icon-chevron-right {
	display: none;
}*/

/*-----------------------------*/
/*-------- Button To Top --------*/
/*-----------------------------*/
#plg_system_topofthepage {
	background: #ABA7A7 url("../images/top.svg") no-repeat center;
	background-size: 28px 16px;
	width: 59px;
	height: 51px;
	margin: 0;
	padding: 0;
}
@media all and (min-width: 1200px) {
	#plg_system_topofthepage {
		right: calc((100% - 1180px) / 2 + 25px)!important;
		bottom: 140px!important;
	}
}

@media all and (min-width: 980px) and (max-width: 1199px) {
	#plg_system_topofthepage {
		right: calc((100% - 950px) / 2 + 25px)!important;
		bottom: 140px!important;
	}
}
@media all and (max-width: 979px) {
	#plg_system_topofthepage {
		right: 20px!important;
		bottom: 60px!important;
	}
}

/*-----------------------------*/
/*-------- Footer --------*/
/*-----------------------------*/
.footer {
	width: calc(100% - 50px);
	height: 14px!important;
	padding: 17px 25px;
	background-color: #F0F0F0;
	font: normal normal normal 14px/14px Roboto;
	letter-spacing: 0.16px;
	color: #006699;
}
@media all and (min-width: 980px) {
	.footer {
		margin: 100px 0 0;
	}
}
@media all and (max-width: 979px) {
	.footer {
		margin: 50px 0 0;
	}
}
.footer a {
	color: #006699;
}
.footer .custom  div:nth-child(1) {
	float: left;
	width: 50%;
}
.footer .custom  div:nth-child(2) {
	float: left;
	text-align: right;
	width: 50%;
}
/*.footer .container p, .footer .container div, .footer .container a {
	margin: 0;
	font-family: roboto, sans-serif;
	font-weight: normal;
	color: #a7a7a7;
}*/
.footer .container a:hover {
	color: #454545!important;
}

/*-----------------------------*/
/*--------- Login ---------*/
/*-----------------------------*/
.form-horizontal .control-label, #login-form label {
    text-align: left;
	width: 200px;
}
.form-horizontal .controls {
    margin-left: 220px;
}
input {
    border-radius: 0;
}
.login .btn-primary, .logout .btn-primary, .login-button, .logout-button .btn  {
	width: 171px;
	height: 63px;
	background-color: #2C408F;
	border: 1px solid #707070;
}
.login .btn, .logout .btn, .login-button, .logout-button .btn {
    font-size: 19px;
	font-family: acumin-pro, sans-serif;
	line-height: 22px;
    color: #fff;
    text-shadow: none;
	background-color: #2C408F!important;
	border: 1px solid #707070;
    background-image: none!important;
    border-radius: 0;
    box-shadow: none;
}
#login-form .logout-button {
	text-align: right;
}
#login-form #form-login-submit {
	margin: 20px 0;
}
#login-form #form-login-remember {
	margin-top: 20px;
}
#login-form li {
	line-height: 30px;
}
.login label, .login select, .login textarea, .login input[type="text"], .login input[type="password"], .login .uneditable-input, #user-registration input, #user-registration label,
#login-form label, #login-form select, #login-form textarea, #login-form input[type="text"], #login-form input[type="password"], #login-form .uneditable-input {
    height: 32px;
	font-family: karmina, serif;
    font-size: 24px;
    line-height: 24px;
    color: #707070;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#login-form textarea, #login-form input[type="text"], #login-form input[type="password"] {
	width: 220px;
}
	.login .control-label, #login-form .control-label {
		margin-right: 15px;
	}
.login input[type="checkbox"], #login-form input[type="checkbox"] {
    width: 27px;
	height: 27px;
	border-radius: 0!important;
	margin-right: 10px;
}
@media all and (min-width: 768px) {
	.login input[type="checkbox"] {
		margin-top: -5px;
	}
}
@media all and (max-width: 767px) {
	.login .control-label, .login input, .login textarea, .login .uneditable-input {
		float: left;
/*    width: 206px;*/
	}
	.form-horizontal .controls {
		margin-left: 0;
	}
}
@media all and (max-width: 480px) {
	.login .control-label, .login input, .login textarea, .login .uneditable-input {
		width: calc(100% - 20px);
/*    width: 206px;*/
	}
}
.well {
/*    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;*/
    background-color: #F1F2F2;
    border: 1px solid #D0D0D1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}
.nav-tabs.nav-stacked > li > a {
    border: none;
	font-size: 24px;
}
/*-----------------------------*/
/*--------- Bearbeiten-Modus im Frontend  ---------*/
/*-----------------------------*/
.btn.dropdown-toggle {
	font-size: 20px!important;
    line-height: 22px!important;
	padding: 2px 12px!important;
	position: relative;
	z-index: 9000;
}
.btn.dropdown-toggle .icon-cog {
	width: 20px!important;
	height: 20px!important;
	line-height: 20px!important;
}
li.edit-icon {
	font-family: acumin-pro, sans-serif;
    line-height: 20px;
	font-size: 20px;
}
.edit.item-page .btn, .edit.item-page button {
    font-size: 19px;
    font-family: acumin-pro, sans-serif;
    line-height: 22px;
}
.edit.item-page label, .edit.item-page select, .edit.item-page textarea, .edit.item-page input[type="text"], .edit.item-page input[type="password"], .edit.item-page .chzn-container, .edit.item-page li.search-field, .edit.item-page .nav-tabs, .edit.item-page .uneditable-input {
/*	font-family: karmina, serif;*/
	font-family: acumin-pro, sans-serif;
    font-size: 24px;
    line-height: 32px;
}
.edit.item-page input, .edit.item-page textarea:not(#jform_articletext), .edit.item-page select, .edit.item-page .uneditable-input {
    width: 450px!important;
	max-width: 100%;
}

.edit.item-page label, .edit.item-page select, .edit.item-page input, .edit.item-page .chzn-container-single .chzn-single, .edit.item-page li.search-field, .edit.item-page .uneditable-input {
	height: 32px;
/*	line-height: 32px;*/
}
.edit.item-page .chzn-container-single .chzn-single {
	height: 36px;
}

/*---------------- Formate für Editor --------------------*/
/*-----------------------------*/
/*--------- Linien ---------*/
/*-----------------------------*/
.line-grey, hr {
    clear: both;
 	display: block;
    padding: 0;
	margin: 25px 0 25px;
    width: 100%;
	border: none;
	height: 2px;
	background-image: repeating-linear-gradient(88deg, #CCCCCC, #CCCCCC 3px, transparent 3px, transparent 6px, #CCCCCC 6px);
	background-size: 100% 2px;
	background-position: 0 0;
	background-repeat: no-repeat;
}


/*@media all and (min-width: 1025px) {
	.linie-grau, hr {
		margin: 30px 0 30px;
	}
}
@media all and (min-width: 768px) and (max-width: 1024px) {
	.linie-grau, hr {
		margin: 30px 0 30px;
	}
}
@media all and (min-width: 481px) and (max-width: 767px) {
	.linie-grau, hr {
		margin: 30px 0 30px;
	}
}
@media all and (max-width: 480px) {
	.linie-grau, hr {
		margin: 30px 0 30px;
	}
}*/

/*-----------------------------*/
/*--------- Schriften ---------*/
/*-----------------------------*/
/*.item-page */
p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 16px;
	line-height: 24px; /*21px;*/
	letter-spacing: 0.16px;
	color: #454545;
	position: relative;
}
.item-page > div > p:first-child > img {
	margin-bottom: 20px;
}
/************---------------------*******************/
/*@media all and (min-width: 1025px) {
	p {
		font-size: 16px;
		line-height: 21px;
		letter-spacing: 0.16px;
	}
}
@media all and (min-width: 768px) and (max-width: 1024px) {
	p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0.16px;
	color: #454545;
	}
}
@media (min-width: 481px) and (max-width: 767px) {
	p {
		font-size: 3.6vw;
		line-height: 4.5vw;
		letter-spacing: 0.02px;
	}
}
@media (max-width: 480px) {
	p {
		font-size: 4.8vw;
		line-height: 6vw;
		letter-spacing: 0.02px;
	}
}*/
h1 {
	font: normal normal 500 24px/27px museo-sans, sans-serif!important;
	letter-spacing: 0.35px; /*0.48px;*/
/*	color: #006699;*/
	color: var(--h1-color);
	margin: 0 0 20px;
/*    font-family: "museo sans", sans serif;
    font-weight: 500;
    font-style: normal;
	font-size: 24px;
	line-height: 27px;*/
}
h2 {
	font: normal normal 500 21px/23px museo-sans, sans-serif!important;
	letter-spacing: 0.15px; /*0.42px;*/
/*	color: #006699;*/
	color: var(--h2-color);
	margin-top: 20px;
}
h3 {
    font-family: museo-sans, serif;
    font-weight: 500;
    font-style: normal;
	font-size: 18px;
	line-height: 27px;
	letter-spacing: 0.36px;
    color: #454545;
	margin-top: 15px;
}
/*@media all and (min-width: 1025px) {
	h1 {
		font-size: 55px;
		line-height: 55px;
		margin: 5px 0 55px 0;
	}
	h2 {
		font-size: 35px;
		margin: 30px 0 22px;
	}
	h3 {
		font-size: 28px;
		margin: 0 0 15px;
	}
}
@media all and (min-width: 768px) and (max-width: 1024px) {
	h1 {
		font-size: 48px;
		line-height: 48px;
		margin: 5px 0 30px 0;
	}
	h2 {
		font-size: 26px;
		margin: 30px 0 17px;
	}
	h3 {
		font-size: 24px;
		margin: 0 0 15px;
	}
}*/
/*@media all and (max-width: 767px) {*/
/*@media (min-width: 481px) and (max-width: 767px) {
	h1 {
		font-size: 5.5vw;
		line-height: 5vw;
		margin: 0.7vw 0 3.9vw 0;
	}
	h2 {
		font-size: 4.2vw;
		margin: 3.9vw 0 2.2vw;
	}
	h3 {
		font-size: 4.5vw;
		line-height: 5.4vw;
		margin: 15px 0 0;
	}
}*/
/*@media (max-width: 480px) {
	h1 {
		font-size: 7.3vw;
		line-height: 6.7vw;
		margin: 0.9vw 0 5.2vw 0;
	}
	h2 {
		font-size: 5.6vw;
		margin: 5.2vw 0 2.4vw;
	}
	h3 {
		font-size: 6vw;
		line-height: 6.9vw;
		margin: 15px 0 0;
	}
}*/
.claim {
    font-family: roboto-slab;
    font-style: normal;
	font-size: 21px;
	line-height: 25px;
	letter-spacing: 0.1px;
    color: #454545;
}
.text {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0.16px;
	color: #454545;
}
/*@media all and (min-width: 1025px) {
	.claim {
		font-size: 30px;
		font-weight: 700;
		line-height: 45px;
		letter-spacing: 2%;
	}
	.text {
		font-size: 28px;
		line-height: 38px;
		letter-spacing: 2%;
	}
}
@media all and (min-width: 768px) and (max-width: 1024px) {
	.claim {
		font-size: 25px;
		font-weight: 700;
		line-height: 35px;
		letter-spacing: 5%;
	}
	.text {
		font-size: 22px;
		line-height: 30px;
		letter-spacing: 5%;
	}
}
@media all and (min-width: 481px) and (max-width: 767px) {
	.claim {
		font-weight: 700;
		font-size: 4.2vw;
		line-height: 5.2vw;
		letter-spacing: 5%;
		margin-bottom: 40px;
	}
	.text {
		font-size: 3.6vw;
		line-height: 4.5vw;
		letter-spacing: 5%;
	}
}
@media all and (max-width: 480px) {
	.claim {
		font-weight: 700;
		font-size: 5.5vw;
		line-height: 6.9vwvw;
		letter-spacing: 5%;
		margin-bottom: 40px;
	}
	.text {
		font-size: 4.8vw;
		line-height: 6vw;
		letter-spacing: 5%;
	}
}
.text-blau {
    color: #6974AA;
}
.text-weiss {
    color: #fff;
}
.text-gross {
    font-size: 32px;
}*/
.text-pink {
    color: #D94179;
}
.text-violett, .text-violet {
    color: #8C1F66;
}
.text-blau, .text-blue {
    color: #006699;
}

.bild-legende, .image-caption {
    font-family: karmina, serif;
    font-weight: 400;
    font-style: italic;
	color: #707070;
}
/*@media all and (min-width: 1025px) {
	.bild-legende {
		font-size: 22px;
		line-height: 30px;
		letter-spacing: 5%;
		margin-top: 20px;
		margin-bottom: 35px;
	}
}
@media all and (min-width: 768px) and (max-width: 1024px) {
	.bild-legende {
		font-size: 20px;
		line-height: 28px;
		letter-spacing: 5%;
		margin-top: 15px;
		margin-bottom: 25px;
	}
}
@media all and (min-width: 481px) and (max-width: 767px) {
	.bild-legende {
		font-size: 2.6vw;
		line-height: 3.6vw;
		letter-spacing: 5%;
		margin-top: 2vw;
		margin-bottom: 3.3vw;
	}
}
@media all and (max-width: 480px) {
	.bild-legende {
		font-size: 3.4vw;
		line-height: 4.8vw;
		letter-spacing: 5%;
		margin-top: 2.6vw;
		margin-bottom: 4.4vw;
	}
}*/
/**.text-link {
    font-family: karmina, serif;
    font-weight: 400;
    font-style: normal;
    color: #6974AA;
}
.weiterlesen-link {
    color: #6974AA;
    letter-spacing: 2%;
	background-image: url("../../../images/design/brezel.svg");
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 0 0 0 78px;
}**/
ul, ol {
    padding: 0;
    margin: 0 0 9px 18px;
}
li {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 25px;
	letter-spacing: 0.16px;
	color: #454545;
}
#content p:not(.button):not(.button-grey) a  {
    color: #8C1F66!important;
	text-decoration: underline;
	text-underline-position: under;
}
/*#content p:not(.button) a, */
#aside > div:not(.box-violet) p:not(.button):not(.button-grey) a  {
    color: #8C1F66!important;
}


/*@media all and (min-width: 1025px) {
	.text-link {
		font-size: 28px;
		line-height: 38px;
		letter-spacing: 2%;
	}
	.weiterlesen-link {
		background-size: 52px 40px;
	}
}
@media all and (min-width: 768px) and (max-width: 1024px) {
	.text-link {
		font-size: 22px;
		line-height: 33px;
		letter-spacing: 5%;
	}
	.weiterlesen-link {
		background-size: 47px 36px;
		line-height: 40px;
	}
}
@media all and (min-width: 481px) and (max-width: 767px) {
	.text-link {
		font-size: 3.6vw;
		line-height: 4.5vw;
		letter-spacing: 5%;
	}
	.weiterlesen-link {
		background-size: 6.1vw 4.7vw;
		line-height: 5.2vw;
	}
}
@media all and (max-width: 480px) {
	.text-link {
		font-size: 4.8vw;
		line-height: 6vw;
		letter-spacing: 5%;
	}
	.weiterlesen-link {
		background-size: 8.1vw 6.2vw;
		line-height: 6.9vw;
	}
}*/

/*-----------------------------*/
/*--------- Boxen ---------*/
/*-----------------------------*/
[class*="box-"] {  /* NICHT NOETIG bei flexbox */
/*    height: auto;
	text-align: left;*/
}
div:not(.custom):not(.well)[class*="box-"], p:not(.custom):not(.well)[class*="box-"] {
/*div:not(#aside) .box-violett {*/
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	padding: 15px 20px 10px;
}
.box-grau, .box-grey {
	background-color: #F0F0F0;
}
.box-violett, .box-violet {
 	background-color: #8C1F66;
}
.box-pink {
 	background-color: #D94179;
 }
.box-blau, .box-blue {
	background-color: #006699;
	border: 1px solid #707070;
/*	outline: 1px solid #707070;*/
}
.box-schwarz, .box-black {
 	background-color: #454545;
 }
.box-weiss, .box-white {
 	background-color: #fff;
	border: 1px solid #B8B8B8;
/*	outline: 1px solid #B8B8B8;*/
}
[class*="box-"], [class*="box-"] h3, [class*="box-"] p, [class*="box-"] div, [class*="box-"] .page-header {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
}
#content [class*="box-"], #content  [class*="box-"] p, #content [class*="box-"] div {
	line-height: 26px
}
/*.box-grau, .box-grau h3, .box-grau  p, .box-grau div, .box-grau .page-header {*/
.box-grau, .box-grau   > *, .box-grey, .box-grey   > * {
    color: #454545!important;
}
.box-violett, .box-violett  > *, .box-pink, .box-pink  > *, .box-blau, .box-blau  > *, .box-schwarz, .box-schwarz  > *,
.box-violet, .box-violet  > *, .box-pink, .box-pink  > *, .box-blue, .box-blue  > *, .box-black, .box-black  > *,
.box-violett .mod-custom *, .box-violet .mod-custom * {
    color: #fff!important;
}
#aside .box-grau .page-header, #aside .box-violett .page-header,
#aside .box-grey .page-header, #aside .box-violet .page-header,
#aside .box-grau h3, #aside .box-violett h3,
#aside .box-grey h3, #aside .box-violet h3 {
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
}
/* Box mit Icons */
.box-lila {
 	background-color: #D0AAD0;
/*	padding-left: 30px;*/
padding: 15px 10px 10px!important;
 }
.icon {
	width: 40px!important;
	height: 40px;
	margin: -10px 0 30px -15px;
}
.columns-5 .icon {
	position: absolute!important;
	top: 7px;
	left: 7px;
	margin: 0!important;
}
.columns-5 .box-lila  p {
	margin: 40px 0 0 0!important;
	max-width: 100%;
	text-align: center;
}
@media all and (min-width: 1024px) {
	.columns-5 .box-lila  {
		min-height: 190px;
	}
	.columns-5 .box-lila  p {
		font-size: 14px;
		line-height: 20px!important;
		letter-spacing: 0.16px;
	}
}
@media all and (min-width: 921px) and (max-width: 1023px) {
	.columns-5 .box-lila  {
		min-height: 200px;
	}
	.columns-5 .box-lila  p {
		font-size: 14px;
		line-height: 20px!important;
		letter-spacing: 0.16px;
	}
}
@media all and (min-width: 451px) and (max-width: 921px) {
	.columns-5 .box-lila  {
		min-height: 130px;
	}
	.columns-5 .box-lila  p {
		font-size: 14px;
		line-height: 20px!important;
		letter-spacing: 0.16px;
	}
}
@media all and (max-width: 450px) {
	.columns-5 .box-lila  {
		min-height: 150px;
	}
	.columns-5 .box-lila  p {
		font-size: 14px;
		line-height: 20px!important;
		letter-spacing: 0.16px;
	}
}
/* Silbentrennung für Mobile und Tablet */
@media all and (max-width: 920px) {
	.hyphen  {
		display: none;
	}
}
@media all and (min-width: 1200px) {
	.hyphen  {
		display: none;
	}
}


/*@media all and (min-width: 1200px) {*/
/*	.box-grau:not(.custom), .box-violett:not(.custom) {
		font-size: 17px;
		line-height: 22px;
		letter-spacing: 0.09px;
	}
	.box-grau .page-header, .box-violett .page-header {
		font: normal normal 500 11px/15px "Acumin Pro",sans-serif!important;
		letter-spacing: 0.39px;
		text-transform: uppercase;
	}
	.box-grau div, .box-violett div, .box-grau p, .box-violett p {
		font: normal normal 300 17px/22px Roboto;
		letter-spacing: 0.09px;
	}*/
/*}*/
/*@media all and (min-width: 768px) and (max-width: 1199px) {
	.box-grau:not(.custom), .box-lila:not(.custom) {
		font-size: 22px;
		line-height: 33px;
		letter-spacing: 5%;
		padding: 30px 0 30px;
		margin-top: 55px;
	}
}
@media all and (max-width: 767px) {
	.box-grau:not(.custom), .box-lila :not(.custom){
		font-size: 3.7vw;
		line-height: 4.6vw;
		letter-spacing: 2%;
		padding: 3.3vw 0 3.9vw 0;
		margin-top: 7vw;
	}
}
@media all and (max-width: 480px) {
	.box-grau:not(.custom), .box-lila:not(.custom) {
		font-size: 4.9vw;
		line-height: 6.1vw;
		letter-spacing: 2%;
		padding: 4.4vw 0 5.2vw 0;
		margin-top: 7vw;
	}
}*/

/*-----------------------------*/
/*--------- Buttons ---------*/
/*-----------------------------*/
p.button, p.button-grey {
    margin: 0;
}
#content .button:not(.bfCalendar), #content .button-grey:not(.bfCalendar) {
	margin-top: 30px;
/*	display: flex;
  	align-items: center;*/
}
.button a, .button-grey a {
/*	height: 46px;*/
	display: inline-block;
	text-align: center;
/*	background-color: #8C1F66;*/
/*	border: 1px solid #707070;*/
	line-height: 20px;
	padding: 13px 0;
	font: normal normal normal 15px/20px "Roboto",sans-serif;
	letter-spacing: 0.75px;
/*	color: #fff;*/
	text-transform: uppercase;
}
.button a {
	width: 193px;
	background-color: #8C1F66;
/*	border: 1px solid #707070;*/
	color: #fff;
}
.button-grey a {
	width: 191px;
	background-color: #F0F0F0;
	border: 1px solid #8C1F66;
	color: #8C1F66;
}
.button a:hover {
	background-color: #D94179;
	color: #fff!important;
}
.button a:focus {
	color: #fff!important;
}
.button-grey a:hover {
	background-color: #8C1F66;
	color: #fff!important;
}
.button-grey a:focus {
	color: #8C1F66!important;
}
.box-grau .button a, .box-grey .button a, .box-grey .button-grey a {
	width: 100%;
	max-width: 225px;
	background-color: #F0F0F0;
	border: 1px solid #8C1F66;
	color: #8C1F66;
}
.box-grau .button a:hover, .box-grey .button a:hover, .box-grey .button-grey a:hover {
	background-color: #8C1F66;
	color: #fff!important;
}
.box-violett .button a, .box-violet .button a, .box-violet .button-grey a {
	width: 100%;
	max-width: 225px;
	background-color: #FFF;
	border: 1px solid #B8B8B8;
	color: #8C1F66!important;
}
.box-violett .button a:hover, .box-violet .button a:hover, .box-violet .button-grey a:hover {
	background-color: #8C1F66;
	border: 1px solid #B8B8B8;
	color: #fff!important;
}
/** TEST Schriften **/
/*.text-klein {
	font-size: 14px;
}*/