:selection {background: #0063af; color: #FFFFFF;}
::-moz-selection {background: #0063af; color: #FFFFFF;}
::-webkit-scrollbar { display:none; }
* {
	margin: 0px;
	padding: 0px;
}

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

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

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

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

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


html {
	font-family: 'Ubuntu', sans-serif;
	color: #333333;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    overflow-x: hidden;
}
body {
	font-family: 'Ubuntu', sans-serif;
	height: 100%;
	color: #333333;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	background-color: #ffffff;
	animation: fadein 2.0s;
	-moz-animation: fadein 2.0s;
	-webkit-animation: fadein 2.0s;
}
#eu_cookiebox {
	font-family: 'Ubuntu', sans-serif;
	font-size: 15px;
	line-height: 26px;
	font-weight: 400;
	display: block;
	z-index: 1000000;
	position: fixed;
	bottom: 0px;
	min-height: 30px;
	padding: 2.5%;
	margin: 2.5%;
	width: 95%;
	color: #FFFFFF;
	border-bottom: none;
	background: #afcb27;
    text-align: center;
    opacity: 0.9;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bcookie {
	font-size: 15px;
	line-height: 15px;
	color: #ffffff;
	font-weight: 700;
	background-color: #0063af;
    padding-top: 15px;
    padding-right: 25px;
    padding-bottom: 15px;
    padding-left: 25px;
	border-radius: 50px;
	cursor: pointer;
	border-width: 0px;
	border-style: none;
    margin-left: 5%;
    margin-top: 2.5%;
}

#pulsbox {
	position: relative;
	z-index: 2;
	width: 7px;
	height: 7px;
	bottom: -20px;
	left: -2px;
	border-radius: 50px;
}
.pulse {
	position: relative;
	z-index: 2;
	-ms-animation: pulse 2s infinite;
	-webkit-animation: pulse 2s infinite;
	-moz-animation: pulse 2s infinite;
	-o-animation: pulse 2s infinite;
	animation: pulse 2s infinite;
}

/* Anfang Responsive Navigation */
.icon {
	z-index: 999;
}
.mobilenav {
	top: 0;
	left: 0;
	z-index: 1000000;
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #0063af;
	overflow-y: auto;
	text-align: center;
	color: #ffffff;
	padding-top: 7.5%;
	opacity: 1;
}
.mnava {
	max-width: 1920px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.mnavb {
	width: 100%;
	text-align: center;
	font-size: 36px;
	line-height: 36px;
	font-weight: 300;
	margin-bottom: 1.25%;
}
.mnavc {
	width: 10%;
	margin-right: auto;
	margin-left: auto;
	height: 1px;
	margin-top: 60px;
	margin-bottom: 80px;
	background-color: #fff;
}
.mnavd {
	max-width: 620px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	display: flex;
	display: -ms-flexbox;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 150px;
	
}
.mnave {
	position: relative;
	width: 26px;
	height: auto;
}
.mnavf {
	position: relative;
	width: 22px;
	height: auto;
}
.mnavg {
	position: relative;
	width: 26px;
	height: auto;
}
.mnavh {
	width: 30px;
	height: auto;
}
.mnavi {
	position: relative;
	top: -37px;
	width: 70px;
	height: auto;
}
.schliessen {
	width: 30px;
	height: 30px;
	position: fixed;
	left: 7.3%;
	top: 65px;
	z-index: 101;
}
.close {
	width: 30px;
	height: auto;
	background-repeat: no-repeat;
	background-position: center 0%;
	-webkit-transition: -webkit-transform .4s ease-in-out;
	transition: transform .4s ease-in-out;
}
.close:hover {
	-moz-transform: rotate(360deg); /* Firefox 3.6 Firefox 4 */
	-webkit-transform: rotate(360deg); /* Safari */
	-o-transform: rotate(360deg); /* Opera */
	-ms-transform: rotate(360deg); /* IE9 */
}
/* Ende Responsive Navigation */

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 50px;
}
img {
	border: 0px;
	height: auto;
}
.skal {
	width: 100%;
	height: auto;
}
.abstand {
	width: 100%;
	float: left;
	height: 1px;
	padding-top: 2.5%;
}
.abstandkva {
	width: 100%;
	float: left;
	height: 1px;
	padding-top: 2.5%;
}
.trennla {
	width: 100%;
	clear: both;
	float: left;
	border-top: 1px solid #d9d9d9;
	border-right-width: 0px;
	border-right-style: none;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-left-width: 0px;
	border-left-style: none;
}
.trennlb {
	width: 100%;
	clear: both;
	float: left;
	border-top: 1px solid #0063af;
	border-right-width: 0px;
	border-right-style: none;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-left-width: 0px;
	border-left-style: none;
}
.trennlhb {
	width: 100%;
	clear: both;
	float: left;
	border-top: 1px solid #d9e8f3;
	border-right-width: 0px;
	border-right-style: none;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-left-width: 0px;
	border-left-style: none;
}
.trennllei {
	width: 100%;
	clear: both;
	border-top: 1px solid #d9d9d9;
	border-right-width: 0px;
	border-right-style: none;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-left-width: 0px;
	border-left-style: none;
	margin-top: 50px;
	margin-bottom: 50px;
}
h1 {
	font-size: 30px;
	line-height: 37px;
	font-weight: 700;
}
h2 {
	font-size: 30px;
	line-height: 37px;
	font-weight: 700;
}
h3 {
	font-size: 22px;
	line-height: 34px;
	font-weight: 700;
}
h4 {
}
.tf {
	font-weight: 700;
}
.tn {
	font-weight: 300;
}
.tfx {
	font-weight: 700;
}
.tfb {
	font-weight: 700;
	color: #0063af;
}
.tb {
	color: #0063af;
}
.tk {
	font-style: italic;
}
.tlinka {
	font-weight: 300;
	font-size: 22px;
	position: relative;
	top: -5px;
}
.liste {
	list-style-image: none;
	list-style-type: none;
	background-image: url(bilder/icon_pfeil_button_gruen.svg);
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: left 9px;
	margin-top: 10px;	
}
.listel {
	list-style-image: none;
	list-style-type: none;
	background-image: url(bilder/icon_haken_blau_liste.svg);
	background-repeat: no-repeat;
	padding-left: 60px;
	background-position: left 6px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.listela {
	list-style-image: none;
	list-style-type: none;
	padding-left: 60px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.listelb {
	list-style-image: none;
	list-style-type: none;
	background-image: url("bilder/icon_dot_blau.svg");
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: left 11px;
	margin-bottom: 7px;
}
.listeda {
	list-style-image: none;
	list-style-type: none;
	background-image: url("bilder/icon_dot_blau.svg");
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: left 10px;
	margin-bottom: 2px;
}
.listekva {
	list-style-image: none;
	list-style-type: none;
	margin-bottom: 2px;
}
a:link, a:hover, a:visited, a:active {
	font-family: 'Ubuntu', sans-serif;
	text-decoration: none;
	outline: none;
	cursor: pointer;
}
A.telb:link, A.telb:active, A.telb:visited, A.telb:hover {
	color: #0063af;
}
A.telg:link, A.telg:active, A.telg:visited, A.telg:hover {
	color: #333333;
}
A.telw:link, A.telw:active, A.telw:visited, A.telw:hover {
	color: #fff;
}
A.telwu:link, A.telwu:active, A.telwu:visited, A.telwu:hover {
	color: #fff;
	border-width: 0px 0px 1px;
	border-style: none none solid;
	border-bottom-color: #fff;
	padding-bottom: 4px;
}
A.telwb:link, A.telwb:active, A.telwb:visited, A.telwb:hover {
	color: #fff;
	font-weight: 700;
}
A.telwa:link, A.telwa:active, A.telwa:visited, A.telwa:hover {
	color: #fff;
	font-weight: 700;
}
A.nava:link, A.nava:visited {
	color: #333333;
	-webkit-transition: color 600ms ease;
	-moz-transition: color 600ms ease;
	-ms-transition: color 600ms ease;
	-o-transition: color 600ms ease;
	transition: color 600ms ease;
}
A.nava:active, A.nava:hover {
	color: #0063af;
	-webkit-transition: color 600ms ease;
	-moz-transition: color 600ms ease;
	-ms-transition: color 600ms ease;
	-o-transition: color 600ms ease;
	transition: color 600ms ease;
}

A.navb:link, A.navb:visited {
	color: #0063af;
	font-weight: 700;
}
A.navb:hover {
	color: #0063af;
	font-weight: 700;
}
A.navb.active {
	color: #0063af;
	font-weight: 700;
}
A.navc:link, A.navc:visited {
	color: #333333;
	-webkit-transition: color 600ms ease, border 600ms ease;
	-moz-transition: color 600ms ease, border 600ms ease;
	-ms-transition: color 600ms ease, border 600ms ease;
	-o-transition: color 600ms ease, border 600ms ease;
	transition: color 600ms ease, border 600ms ease;
	border-width: 0px 0px 1px;
	border-style: none none solid;
	border-bottom-color: #333333;
	padding-bottom: 4px;
}
A.navc:active, A.navc:hover {
	color: #0063af;
	-webkit-transition: color 600ms ease, border 600ms ease;
	-moz-transition: color 600ms ease, border 600ms ease;
	-ms-transition: color 600ms ease, border 600ms ease;
	-o-transition: color 600ms ease, border 600ms ease;
	transition: color 600ms ease, border 600ms ease;
	border-width: 0px 0px 1px;
	border-style: none none solid;
	border-bottom-color: #0063af;
}
A.navd:link, A.navd:visited {
	color: #333333;
	-webkit-transition: color 600ms ease, border 600ms ease;
	-moz-transition: color 600ms ease, border 600ms ease;
	-ms-transition: color 600ms ease, border 600ms ease;
	-o-transition: color 600ms ease, border 600ms ease;
	transition: color 600ms ease, border 600ms ease;
	border-width: 0px 0px 1px;
	border-style: none none solid;
	border-bottom-color: #333333;
	padding-bottom: 4px;
}
A.navd:active, A.navd:hover {
	color: #afcb27;
	-webkit-transition: color 600ms ease, border 600ms ease;
	-moz-transition: color 600ms ease, border 600ms ease;
	-ms-transition: color 600ms ease, border 600ms ease;
	-o-transition: color 600ms ease, border 600ms ease;
	transition: color 600ms ease, border 600ms ease;
	border-width: 0px 0px 1px;
	border-style: none none solid;
	border-bottom-color: #afcb27;
}
A.nave:link, A.nave:visited {
	color: #afcb27;
	-webkit-transition: color 600ms ease, border 600ms ease;
	-moz-transition: color 600ms ease, border 600ms ease;
	-ms-transition: color 600ms ease, border 600ms ease;
	-o-transition: color 600ms ease, border 600ms ease;
	transition: color 600ms ease, border 600ms ease;
	border-width: 0px 0px 1px;
	border-style: none none solid;
	border-bottom-color: #afcb27;
	padding-bottom: 4px;
}
A.nave:active, A.nave:hover {
	color: #afcb27;
	-webkit-transition: color 600ms ease, border 600ms ease;
	-moz-transition: color 600ms ease, border 600ms ease;
	-ms-transition: color 600ms ease, border 600ms ease;
	-o-transition: color 600ms ease, border 600ms ease;
	transition: color 600ms ease, border 600ms ease;
	border-width: 0px 0px 1px;
	border-style: none none solid;
	border-bottom-color: #afcb27;
}
A.navf:link, A.navf:visited {
	color: #0063af;
	-webkit-transition: color 600ms ease;
	-moz-transition: color 600ms ease;
	-ms-transition: color 600ms ease;
	-o-transition: color 600ms ease;
	transition: color 600ms ease;
}
A.navf:active, A.navf:hover {
	color: #afcb27;
	-webkit-transition: color 600ms ease;
	-moz-transition: color 600ms ease;
	-ms-transition: color 600ms ease;
	-o-transition: color 600ms ease;
	transition: color 600ms ease;
}
A.navg:link, A.navg:visited {
	color: #afcb27;
	-webkit-transition: color 600ms ease;
	-moz-transition: color 600ms ease;
	-ms-transition: color 600ms ease;
	-o-transition: color 600ms ease;
	transition: color 600ms ease;
}
A.navg:active, A.navg:hover {
	color: #afcb27;
	-webkit-transition: color 600ms ease;
	-moz-transition: color 600ms ease;
	-ms-transition: color 600ms ease;
	-o-transition: color 600ms ease;
	transition: color 600ms ease;
}
nav {
   height: 1px;
   position: fixed;
   top: 0px;
   right: 0px;
   left: 0px;
   transition: transform .25s .1s ease-in-out;
}
.down nav {
   transform: translate3d(0, -120px, 0);
}
header {
	width: 100%;
	height: 160px;
	float: left;
	position: relative;
	z-index: 100000;
	background-image: url(bilder/backg_weiss.svg);
	background-repeat: repeat-x;
	background-position: left top;
}
.heada {
	width: 175px;
	height: auto;
	position: absolute;
	top: 42px;
	right: 7.5%;
	z-index: 1;
}
.headax {
	width: 175px;
	height: auto;
	position: absolute;
	top: 42px;
	right: 7.5%;
	z-index: 3;
}
.headb {
	display: flex;
	display: -ms-flexbox;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 50%;
	font-size: 16px;
	line-height: 16px;
	font-weight: 700;
	height: auto;
	position: absolute;
	top: 50px;
	left: 0px;
	/*background-color: #fff;*/
	background-image: url(bilder/transpa.svg);
	background-repeat: repeat;
	background-position: left top;
	z-index: 2;
	padding-top: 22px;
	padding-bottom: 22px;
	padding-right: 50px;
	padding-left: 7.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.headc {
	float: left;
}
.headd {
	float: left;
}
.heade {
	float: left;
	width: 25px;
}
.headea {
	float: left;
	width: 25px;
	height: 2px;
	background-color: #80b1d7;
	margin-top: 5px;
}
.headeb {
	float: left;
	width: 15px;
	height: 2px;
	background-color: #80b1d7;
	margin-top: 3px;
}
.headf {
	float: left;
}
section {
    width: 100%;
    float: left;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.indexx {
	float: left;
	width: 92.5%;
	margin-left: 7.5%;
	background-color: #f2f7fb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-bottom: 150px;
}
.indexxx {
	float: left;
	width: 100%;
	padding-left: 7.5%;
	padding-right: 7.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.indexxxx {
	float: left;
	width: 92.5%;
	margin-left: 7.5%;
	background-color: #f2f7fb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-bottom: 250px;
}
.indexxxxx {
	float: left;
	width: 92.5%;
	margin-left: 7.5%;
	background-color: #fbfcf4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-top: 150px;
	padding-bottom: 250px;
	margin-top: 50px;
}
.indexxxxxx {
	float: left;
	width: 92.5%;
	margin-left: 7.5%;
	background-color: #f2f7fb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-top: 150px;
	padding-bottom: 150px;
	margin-top: 50px;
}
.indexxnews {
	float: left;
	width: 92.5%;
	margin-left: 7.5%;
	background-color: #f2f7fb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.indexa {
    width: 80%;
	position: relative;
	left: -8.1%;
}
.indexb {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: -1px;
    right: -1px;
    z-index: 2;
}
.indexc {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 1px;
	padding-top: 7.5%;
	width: 100%;
	background-color: #FFF;
	z-index: 1;
}
.indexd {
	position: absolute;
	top: 100px;
	left: 10.1%;
	font-weight: 700;
	font-size: 48px;
	line-height: 51px;
	color: #fff;
	z-index: 3;
	text-shadow:1px 1px 0px #000;
}
.indexe {
	position: absolute;
	top: 75px;
	right: 75px;
	width: 16px;
	height: auto;
	z-index: 3;
	transition: all .2s ease-in-out;
}
.indexe:hover {
	transform: scale(1.2);
}
.indexea {
	position: absolute;
	top: 75px;
	right: 75px;
	width: 16px;
	height: auto;
	z-index: 3;
	transition: all .2s ease-in-out;
}
.indexea:hover {
	transform: scale(1.2);
}
.indexf {
	width: 33px;
	position: absolute;
	right: 7.5%;
	top: 250px;
	z-index: 100;
}
.indexfa {
	float: left;
	width: 21px;
	height: auto;
	margin-left: 7px;
	margin-bottom: 55px;
	transition: all .2s ease-in-out;
}
.indexfa:hover {
	transform: scale(1.2);
}
.indexfb {
	float: left;
	width: 18px;
	height: auto;
	clear: both;
	margin-left: 8px;
	margin-bottom: 55px;
	transition: all .2s ease-in-out;
}
.indexfb:hover {
	transform: scale(1.2);
}
.indexfca {
	float: left;
	width: 30px;
	height: auto;
	clear: both;
	margin-left: 2px;
	margin-bottom: 55px;
	transition: all .2s ease-in-out;
}
.indexfca:hover {
	transform: scale(1.2);
}
.indexfd {
	float: left;
	width: 33px;
	height: auto;
	clear: both;
	margin-bottom: 70px;
	transition: all .2s ease-in-out;
}
.indexfd:hover {
	transform: scale(1.2);
}
.indexfe {
	float: left;
	width: 1px;
	height: 40px;
	clear: both;
	background-color: #CCC;
	margin-left: 16px;
}
.indexff {
	float: left;
	width: 10px;
	height: auto;
	clear: both;
	margin-left: 11px;
	margin-top: 70px;
}
.indexfc {
	float: left;
	width: 20px;
	height: auto;
	clear: both;
	margin-left: 7px;
	margin-bottom: 55px;
	transition: all .2s ease-in-out;
}
.indexfc:hover {
	transform: scale(1.2);
}

.indexfx {
	z-index: 10000;
	width: 33px;
	position: absolute;
	right: 5%;
	top: 60px;
}
.indexfax {
	float: left;
	width: 18px;
	height: auto;
	margin-left: 7px;
	margin-bottom: 45px;
}
.indexfbx {
	float: left;
	width: 16px;
	height: auto;
	clear: both;
	margin-left: 9px;
	margin-bottom: 41px;
}
.indexfcax {
	float: left;
	width: 27px;
	height: auto;
	clear: both;
	margin-left: 4px;
	margin-bottom: 42px;
}
.indexfdx {
	float: left;
	width: 33px;
	height: auto;
	clear: both;
}
.indexffx {
	float: left;
	width: 10px;
	height: auto;
	clear: both;
	margin-left: 11px;
	margin-top: 70px;
}
.indexfcx {
	float: left;
	width: 20px;
	height: auto;
	clear: both;
	margin-left: 7px;
	margin-bottom: 45px;
}


.indexg {
	width: 74.5%;
	margin-top: 100px;
	float: left;
	position: relative;
}
.indexga {
	width: 25%;
	float: left;
	color: #0063af;
	font-weight: 700;
	font-size: 26px;
	line-height: 36px;
	margin-left: 8%;
}
.indexgb {
	width: 54%;
	float: left;
	margin-left: 5%;
	font-weight: 300;
	font-size: 20px;
	line-height: 38px;
}
.indexgc {
	width: 100%;
}
.indexgd {
	margin-top: 100px;
	clear: both;
	float: left;
	font-weight: 700;
	line-height: 34px;
	color: #0063af;
	border-top-width: 0px;
	border-top-style: none;
	border-right-width: 0px;
	border-right-style: none;
	border-bottom: 1px solid #0063af;
	border-left-width: 0px;
	border-left-style: none;
	padding-bottom: 10px;
}
.indexge {
	width: 43px;
	height: auto;
	position: absolute;
	bottom: -75px;
	margin-left: 8%;
}
.indexh {
	width: 146px;
	height: auto;
	position: absolute;
	right: 15%;
	bottom: -45px;
}
.indexi {
	width: 100%;
	margin-top: 100px;
	margin-bottom: 100px;
	float: left;
	background-color: #f2f7fb;
	padding-bottom: 100px;
}
.indexj {
	width: 33.33%;
	height: auto;
	float: left;
	background-color: #0063af;
	position: relative;
}
.indexk {
	width: 33.33%;
	float: left;
	background-image: url(bilder/index_digitale_farbzahnbestimmung.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.indexka {
	margin-top: 10%;
	margin-left: 10%;
	color: #fff;
}
.indexkb {
	width: 80%;
	margin-top: 25px;
	margin-left: 10%;
	margin-right: 10%;
	color: #fff;
	font-weight: 300;
	line-height: 27px;
	font-size: 16px;
}
.indexkc {
	position: absolute;
	bottom: 10%;
	margin-left: 10%;
	color: #0063af;
	background-color: #fff;
	padding-left: 23px;
	padding-right: 40px;
	padding-top: 12px;
	padding-bottom: 12px;
	font-weight: 600;
	line-height: 14px;
	font-size: 14px;
	background-image: url(bilder/icon_pfeil_button_blau.svg);
	background-repeat: no-repeat;
	background-position: 80% 15px;
	-webkit-transition: border-radius 300ms ease;
	-moz-transition: border-radius 300ms ease;
	-ms-transition: border-radius 300ms ease;
	-o-transition: border-radius 300ms ease;
	transition: border-radius 300ms ease;
	border-radius: 0px;
}
.indexkc:hover {
	-webkit-transition: border-radius 300ms ease;
	-moz-transition: border-radius 300ms ease;
	-ms-transition: border-radius 300ms ease;
	-o-transition: border-radius 300ms ease;
	transition: border-radius 300ms ease;
	border-radius: 10px;
}
.indexkd {
	position: absolute;
	bottom: 10%;
	margin-left: 10%;
	color: #afcb27;
	background-color: #fff;
	padding-left: 23px;
	padding-right: 40px;
	padding-top: 12px;
	padding-bottom: 12px;
	font-weight: 600;
	line-height: 14px;
	font-size: 14px;
	background-image: url(bilder/icon_pfeil_button_gruen.svg);
	background-repeat: no-repeat;
	background-position: 80% 15px;
	-webkit-transition: border-radius 300ms ease;
	-moz-transition: border-radius 300ms ease;
	-ms-transition: border-radius 300ms ease;
	-o-transition: border-radius 300ms ease;
	transition: border-radius 300ms ease;
	border-radius: 0px;
}
.indexkd:hover {
	-webkit-transition: border-radius 300ms ease;
	-moz-transition: border-radius 300ms ease;
	-ms-transition: border-radius 300ms ease;
	-o-transition: border-radius 300ms ease;
	transition: border-radius 300ms ease;
	border-radius: 10px;
}
.indexke {
	color: #fff;
	float: left;
	background-color: #afcb27;
	padding-left: 23px;
	padding-right: 45px;
	padding-top: 13px;
	padding-bottom: 13px;
	font-weight: 600;
	line-height: 14px;
	font-size: 14px;
	-webkit-transition: border-radius 300ms ease;
	-moz-transition: border-radius 300ms ease;
	-ms-transition: border-radius 300ms ease;
	-o-transition: border-radius 300ms ease;
	transition: border-radius 300ms ease;
	border-radius: 0px;
	background-image: url(bilder/icon_pfeil_button_weiss.svg);
	background-repeat: no-repeat;
	background-position: 85% 15px;
}
.indexke:hover {
	-webkit-transition: border-radius 300ms ease;
	-moz-transition: border-radius 300ms ease;
	-ms-transition: border-radius 300ms ease;
	-o-transition: border-radius 300ms ease;
	transition: border-radius 300ms ease;
	border-radius: 10px;
}
.indexkf {
	position: absolute;
	bottom: 10%;
	margin-left: 10%;
	color: #afcb27;
	background-color: #fff;
	padding-left: 23px;
	padding-right: 45px;
	padding-top: 13px;
	padding-bottom: 13px;
	font-weight: 600;
	line-height: 14px;
	font-size: 14px;
	background-image: url(bilder/icon_pfeil_button_gruen.svg);
	background-repeat: no-repeat;
	background-position: 85% 15px;
	-webkit-transition: border-radius 300ms ease;
	-moz-transition: border-radius 300ms ease;
	-ms-transition: border-radius 300ms ease;
	-o-transition: border-radius 300ms ease;
	transition: border-radius 300ms ease;
	border-radius: 0px;
}
.indexkf:hover {
	-webkit-transition: border-radius 300ms ease;
	-moz-transition: border-radius 300ms ease;
	-ms-transition: border-radius 300ms ease;
	-o-transition: border-radius 300ms ease;
	transition: border-radius 300ms ease;
	border-radius: 10px;
}
.indexl {
	width: 33.33%;
	float: left;
	background-color: #afcb27;
	position: relative;
}
.indexm {
	width: 33.33%;
	float: left;
	background-image: url(bilder/index_ueber_hartmann_dental.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.indexn {
	position: relative;
	width: 33.33%;
	float: left;
	background-color: #afcb27;
}
.indexo {
width: 33.33%;
float: left;
background-image: url(bilder/index_team_112021.jpg);
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.indexoa {
	position: absolute;
	bottom: 10%;
	margin-left: 10%;
	color: #fff;
}
.indexp {
	width: 100%;
	position: relative;
	float: left;
	margin-top: 100px;
}
.indexpa {
	background-color: #FFF;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;	
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
}
.indexpb {
	font-size: 16px;
	line-height: 16px;
	font-weight: 700;
	width: 100%;
	text-align: center;
	margin-top: 50px;
	float: left;
}
.indexpc {
	margin-left: 100px;
	margin-right: 100px;
}
.indexq {
	width: 89.1%;
	height: 100%;
	position: absolute;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-flex-align: center;
	z-index: 5;
	left: 10.1%;
	font-size: 46px;
	line-height: 52px;
	font-weight: 700;
	color: #fff;
}
.indexr {
	width: 100%;
	margin-bottom: 25px;
}
.indexs {
	
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
	height: 0; 
	overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.newsa {
	width: 100%;
	float: left;
	background-color: #f2f7fb;
	padding-top: 100px;
	padding-bottom: 250px;
	position: relative;
}
.newsb {
	float: left;
	width: 100%;
	padding-left: 7.5%;
	padding-right: 7.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.newsc {
	text-align: center;
	margin-left: 100px;
	margin-right: 100px;
	margin-bottom: 35px;
	position: relative;
}
.newsd {
	margin-top: 10px;
	font-size: 16px;
	line-height: 16px;
	font-weight: 700;
	color: #afcb27;
	position: relative;
}
.newse {
	width: 100%;
	font-size: 16px;
	line-height: 27px;
	font-weight: 300;
	position: relative;
	float: left;
}
.newsf {
	width: 49%;
	float: left;
	margin-top: 2%;
	margin-right: 2%;
	position: relative;
}
.newsg {
	width: 49%;
	float: right;
	margin-top: 2%;
	position: relative;
}
.newsfa {
	width: 100%;
	float: left;
	margin-top: 4%;
	position: relative;
}
.newsga {
	width: 100%;
	float: right;
	margin-top: 4%;
	position: relative;
}
.newsh {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	padding-top: 10%;
	padding-right: 10%;
	padding-bottom: 10%;
	padding-left: 10%;
	position: relative;
	float: left;
}
.newsha {
	width: 100%;
	background-color: #afcb27;
	position: relative;
}
.newshcoron {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #e42321;
padding-top: 10%;
padding-right: 10%;
padding-bottom: 10%;
padding-left: 10%;
position: relative;
float: left;
color: #fff;
}
.newsi {
	margin-top: 50px;
	position: relative;
	width: 100%;
	float: left;
}
.newsj {
	width: 50px;
	height: auto;
	position: absolute;
	left: 50%;
	margin-left: -25px;
	top: -25px;
}
.newsk {
	width: 100%;
	position: relative;	
}
.newsl {
	position: relative;
}
.newsla {
	width: 100%;
	position: absolute;
	bottom: 9%;
	left: 0%;
	float: left;
}
.newsm {
	width: 100%;
	float: left;
	margin-top: 120px;
	text-align: center;
}
.newsma {
	padding-top: 18px;
	padding-bottom: 15px;
	padding-left: 75px;
	padding-right: 75px;
	border-radius: 50px;
	border: 1px solid #0063af;
	display: inline-block;
	font-size: 16px;
	line-height: 27px;
	font-weight: 700;
	color: #0063af;
	-webkit-transition: border 600ms ease;
	-moz-transition: border 600ms ease;
	-ms-transition: border 600ms ease;
	-o-transition: border 600ms ease;
	transition: border 600ms ease;
}
.newsn {
	width: 100%;
	float: left;
	margin-top: 50px;
}
.newso {
float: left;
height: 1px;
margin-top: 150px;
}


footer {
	width: 100%;
	float: left;
    position: relative;
	z-index: 2;
}
.foo {
	width: 100%;
	float: left;
	background-color: #FFF;
	padding-top: 60px;
	padding-bottom: 60px;
	position: relative;
}
.fooa {
	width: 50%;
	float: left;
	position: relative;
}
.foob {
	width: 50%;
	float: right;
	position: relative;
}
.fooba {
	position: absolute;
	right: 0px;
	width: 42px;
	height: auto;
	float: left;
	margin-left: 10%;
	margin-top: 51px;
}
.foobc {
	float: right;
	margin-right: 20%;
	font-size: 16px;
	line-height: 27px;
	font-weight: 300;
	margin-top: 45px;
}
.foobd {
	float: left;
	margin-right: 50px;
}
.foobe {
	float: left;
}
.foof {
	width: 160px;
	height: auto;
	margin-right: 100px;
	float: left;
	margin-top: 50px;
}
.foog {
	width: 115px;
	height: auto;
	float: left;
}
.fooh {
	width: 146px;
	height: auto;
	position: absolute;
	top: -85px;
	right: 30%;
}



.labor {
	width: 74.5%;
	float: left;
	position: relative;
}
.labora {
	width: 30%;
	float: left;
	color: #0063af;
	font-weight: 700;
	font-size: 26px;
	line-height: 36px;
	margin-left: 8%;
	margin-top: 100px;
}
.laboraa {
	float: left;
	border-top-width: 0px;
	border-top-style: none;
	border-right-width: 0px;
	border-right-style: none;
	border-bottom: 1px solid #0063af;
	border-left-width: 0px;
	border-left-style: none;
	padding-bottom: 10px;
}
.laborb {
	width: 54%;
	float: left;
	font-weight: 300;
	font-size: 17px;
	line-height: 28px;
	margin-top: 100px;
}
.laborc {
	width: 100%;
}
.labord {
	margin-top: 100px;
	clear: both;
	float: left;
	font-weight: 700;
	line-height: 27px;
	color: #0063af;
	border-top-width: 0px;
	border-top-style: none;
	border-right-width: 0px;
	border-right-style: none;
	border-bottom: 1px solid #0063af;
	border-left-width: 0px;
	border-left-style: none;
	padding-bottom: 10px;
}
.labore {
	width: 21.250vw;
    height: auto;
}

.mit {
	position: relative;
	float: left;
	width: 92.5%;
	margin-left: 7.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	background-color: #FFF;
	margin-top: 150px;	
}
.mita {
	width: 74.5%;
	float: left;
	position: relative;
}
.mitb {
	width: 30%;
	float: left;
	margin-left: 8%;
	position: relative;
}
.mitc {
	width: 54%;
	float: left;
	position: relative;
}
.mitd {
	width: 43px;
	height: auto;
}
.mitda {
	font-weight: 300;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 3px;
}
.mitdb {
	margin-top: 5px;
	font-weight: 700;
	font-size: 26px;
	line-height: 36px;
}
.mite {
	float: left;
	position: relative;
	width: 100%;
	padding-left: 7.5%;
	padding-right: 7.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin-top: 100px;
	margin-bottom: 150px;	
}
.mitf {
	float: left;
	width: 25%;
	background-color: #ccc;
	position: relative;
}
.mitg {
	float: left;
	width: 25%;
	background-color: #f7f7f7;
	position: relative;
}
.mith {
	float: left;
	width: 25%;
	background-color: #ccc;
	position: relative;
}
.miti {
	float: left;
	width: 25%;
	background-color: #f7f7f7;
	position: relative;
}
.mitj {
	position: absolute;
	background-image: url(bilder/backg_blau.svg);
	background-repeat: repeat;
	background-position: left top;
	padding-top: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	padding-right: 5%;
	bottom: 0px;
	left: 0px;
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	color: #fff;
}
.part {
	position: relative;
	float: left;
	width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	background-color: #f5f5f5;
	padding-top: 150px;
	padding-bottom: 250px;
}
.parta {
	position: relative;
	float: left;
	width: 100%;
	padding-left: 7.5%;
	padding-right: 7.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.partax {
	position: relative;
	float: left;
	width: 100%;
	padding-left: 7.5%;
	padding-right: 7.5%;
	margin-top: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.partb {
	width: 74.5%;
	float: left;
	position: relative;	
}
.partc {
	width: 30%;
	float: left;
	color: #0063af;
	font-weight: 700;
	font-size: 26px;
	line-height: 36px;
	margin-left: 8%;
}
.partca {
	float: left;
	border-top-width: 0px;
	border-top-style: none;
	border-right-width: 0px;
	border-right-style: none;
	border-bottom: 1px solid #0063af;
	border-left-width: 0px;
	border-left-style: none;
	padding-bottom: 10px;
}
.partd {
	width: 54%;
	float: left;
	font-weight: 300;
	font-size: 17px;
	line-height: 28px;
}
.parte {
	width: 100%;
	float: left;
	margin-top: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.partf {
	float: left;
	width: 20%;
	padding-right: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.partg {
	float: left;
	width: 20%;
	padding-right: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.parth {
	float: left;
	width: 20%;
	padding-right: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.parti {
	float: left;
	width: 20%;
	padding-right: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.partj {
	float: left;
	width: 20%;
}
.lei {
	width: 100%;
	float: left;
	padding-left: 6%;
	padding-right: 6%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
}

.job {
	width: 74.5%;
	float: left;
	position: relative;
}
.joba {
	width: 30%;
	float: left;
	color: #afcb27;
	font-weight: 700;
	font-size: 26px;
	line-height: 36px;
	margin-left: 8%;
}
.jobaa {
	float: left;
	border-top-width: 0px;
	border-top-style: none;
	border-right-width: 0px;
	border-right-style: none;
	border-bottom: 1px solid #afcb27;
	border-left-width: 0px;
	border-left-style: none;
	padding-bottom: 10px;
}
.jobax {
	width: 30%;
	float: left;
	color: #0063af;
	font-weight: 700;
	font-size: 26px;
	line-height: 36px;
	margin-left: 8%;
}
.jobaax {
	float: left;
	border-top-width: 0px;
	border-top-style: none;
	border-right-width: 0px;
	border-right-style: none;
	border-bottom: 1px solid #0063af;
	border-left-width: 0px;
	border-left-style: none;
	padding-bottom: 10px;
}
.jobb {
	width: 54%;
	float: left;
	font-weight: 300;
	font-size: 17px;
	line-height: 28px;
}

.kont {
	width: 74.5%;
	float: left;
	position: relative;
}
.konta {
	width: 50%;
	float: left;
	color: #0063af;
	font-weight: 300;
	font-size: 26px;
	line-height: 36px;
	margin-left: 8%;
	margin-top: 100px;
}
.kontb {
	width: 42%;
	float: left;
	font-weight: 300;
	font-size: 17px;
	line-height: 28px;
	margin-top: 100px;
	margin-bottom: 100px;
}
.kontc {
	width: 100%;
	float: left;
	margin-top: 30px;
}
.kontca {
	width: 60px;
	float: left;
	margin-right: 20px;
}
.kontcb {
	float: left;
}
.kontcc {
	float: left;
}
.kontd {
	width: 100%;
	float: left;
	margin-top: 30px;
}
.kontda {
	width: 86px;
	float: left;
	margin-right: 20px;
}
.kontdb {
	float: left;
}
.kontdc {
	margin-top: 30px;
	float: left;
}

.veranst {
	width: 71.9%;
	float: left;
	position: relative;
}
.veransta {
	width: 80%;
	float: left;
	color: #0063af;
	font-weight: 300;
	font-size: 26px;
	line-height: 36px;
	margin-left: 8%;
	margin-top: 100px;
}
.veranstb {
	float: right;
	margin-top: 100px;
	text-align: right;
	border-top-width: 0px;
	border-top-style: none;
	border-right-width: 0px;
	border-right-style: none;
	border-bottom: 1px solid #0063af;
	border-left-width: 0px;
	border-left-style: none;
	padding-bottom: 10px;
	color: #0063af;
	font-weight: 700;
	font-size: 26px;
	line-height: 36px;
}
.veranstc {
	width: 92%;
	float: left;
	margin-left: 8%;
	margin-top: 100px;
}
.veranstd {
	color: #333333;
	background-color: #FFF;
	font-size: 24px;
	line-height: 32px;
	font-weight: 300;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url("bilder/icon_ecke_gruen.svg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	clear: both;
	width: 100%;
}
.veranstda {
	color: #afcb27;
	padding-left: 125px;
	padding-top: 45px;
	padding-right: 125px;
	padding-bottom: 45px;
	font-size: 26px;
	line-height: 26px;
	font-weight: 700;
}
.veranstdb {
	color: #afcb27;
	font-weight: 300;
	padding-right: 125px;
	padding-top: 10px;
}
.veranstdc {
	width: 100%;
	float: left;
	margin-top: 100px;
	margin-bottom: 50px;
}
.veranstdd {
	width: 100%;
	float: left;
	margin-top: 50px;
	margin-bottom: 50px;
}
.veranstdda {
	float: left;
}
.veranstddb {
	float: left;
	width: 90%;
	font-size: 17px;
	line-height: 26px;
	font-weight: 300;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.veranstddc {
	font-size: 17px;
	line-height: 17px;
	font-weight: 300;
	margin-top: 30px;
	width: 100%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.veranstddd {
	width: 55px;
	float: left;
	margin-right: 35px;
}
.veranstdde {
	margin-top: 15px;
	float: left;
}
.veranste {
	width: 100%;
	margin-top: 100px;
	font-size: 17px;
	line-height: 27px;
	font-weight: 300;
	float: left;
}
.veranstea {
	width: 100%;
	float: left;
	margin-bottom: 25px;
}
.veransteb {
	float: left;
	clear: both;
	margin-bottom: 10px;
}
.veranstec {
	width: 100%;
	float: left;
	margin-bottom: 25px;
}
.veransted {
	width: 45%;
	float: left;
	margin-right: 5%;
}
.veranstee {
	width: 10%;
	float: left;
	margin-right: 1%;
}
.veranstef {
	width: 39%;
	float: left;
}
.veranstf {
	width: 100%;
	float: left;
	margin-top: 50px;
	font-size: 17px;
	line-height: 27px;
	font-weight: 300;
}
.veranstfa {
	float: left;
}
.veranstfb {
	float: left;
	width: 90%;
}
.veranstg {
	width: 100%;
	float: left;
	margin-top: 100px;
}
.veranstga {
	width: 91px;
	float: left;
	margin-right: 35px;
}
.veranstgb {
	margin-top: 13px;
	float: left;
}
.veransth {
	display: inline-block;
	margin-top: 100px;
	float: left;
	clear: both;
}
.veranstha {
	float: left;
	clear: both;
	margin-top: 100px;
}



.forma {
	background-color: #0063af;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 16px;
	font-weight: 700;
	color: #ffffff;
	border-width: 0px;
	border-style: none;
	cursor: pointer;
	padding-top: 22px;
	padding-bottom: 22px;
	padding-left: 46px;
	padding-right: 46px;
	border-radius: 50px;
	-webkit-transition: border-radius 500ms ease, background-color 500ms ease;
	-moz-transition: border-radius 500ms ease, background-color 500ms ease;
	-ms-transition: border-radius 500ms ease, background-color 500ms ease;
	-o-transition: border-radius 500ms ease, background-color 500ms ease;
	transition: border-radius 500ms ease, background-color 500ms ease;
}
.forma:hover {
	background-color: #afcb27;
	color: #ffffff;
	border-radius: 50px;
	-webkit-transition: border-radius 500ms ease, background-color 500ms ease;
	-moz-transition: border-radius 500ms ease, background-color 500ms ease;
	-ms-transition: border-radius 500ms ease, background-color 500ms ease;
	-o-transition: border-radius 500ms ease, background-color 500ms ease;
	transition: border-radius 500ms ease, background-color 500ms ease;
}
.forma:focus {
	background-color: #afcb27;
	color: #ffffff;
	border-radius: 50px;
	-webkit-transition: border-radius 500ms ease, background-color 500ms ease;
	-moz-transition: border-radius 500ms ease, background-color 500ms ease;
	-ms-transition: border-radius 500ms ease, background-color 500ms ease;
	-o-transition: border-radius 500ms ease, background-color 500ms ease;
	transition: border-radius 500ms ease, background-color 500ms ease;
}

.formb:focus:required:invalid {
	font-weight: 300;
	border: 1px solid #e5e5e5;
	-webkit-transition: color 500ms ease, border 400ms ease;
	-moz-transition: color 500ms ease, border 400ms ease;
	-ms-transition: color 500ms ease, border 400ms ease;
	-o-transition: color 500ms ease, border 400ms ease;
	transition: color 500ms ease, border 400ms ease;
}
.formb {
	text-transform: uppercase;
	text-align: center;
	color: #333333;
	font-weight: 300;
	font-size: 14px;
	line-height: 14px;
	border: 1px solid #ccc;
	-webkit-transition: color 500ms ease, border 400ms ease;
	-moz-transition: color 500ms ease, border 400ms ease;
	-ms-transition: color 500ms ease, border 400ms ease;
	-o-transition: color 500ms ease, border 400ms ease;
	transition: color 500ms ease, border 400ms ease;
	padding-bottom: 14px;
	padding-top: 14px;
	padding-left: 10px;
	padding-right: 10px;
}
.formb:focus {
	font-weight: 300;
	color: #afcb27;
	border: 1px solid #afcb27;
	-webkit-transition: color 500ms ease, border 400ms ease;
	-moz-transition: color 500ms ease, border 400ms ease;
	-ms-transition: color 500ms ease, border 400ms ease;
	-o-transition: color 500ms ease, border 400ms ease;
	transition: color 500ms ease, border 400ms ease;
}
.formb:hover {
	font-weight: 300;
	border: 1px solid #afcb27;
	color: #afcb27;
	-webkit-transition: color 500ms ease, border 400ms ease;
	-moz-transition: color 500ms ease, border 400ms ease;
	-ms-transition: color 500ms ease, border 400ms ease;
	-o-transition: color 500ms ease, border 400ms ease;
	transition: color 500ms ease, border 400ms ease;
}

.formc:focus:required:invalid {
	font-weight: 300;
	border: 1px solid #e5e5e5;
	-webkit-transition: color 500ms ease, border 400ms ease;
	-moz-transition: color 500ms ease, border 400ms ease;
	-ms-transition: color 500ms ease, border 400ms ease;
	-o-transition: color 500ms ease, border 400ms ease;
	transition: color 500ms ease, border 400ms ease;
}
.formc {
	font-weight: 300;
	color: #333333;
	font-size: 17px;
	line-height: 17px;
	border: 1px solid #ccc;
	-webkit-transition: color 500ms ease, border 400ms ease;
	-moz-transition: color 500ms ease, border 400ms ease;
	-ms-transition: color 500ms ease, border 400ms ease;
	-o-transition: color 500ms ease, border 400ms ease;
	transition: color 500ms ease, border 400ms ease;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
}
.formc:focus {
	font-weight: 300;
	color: #afcb27;
	border: 1px solid #afcb27;
	-webkit-transition: color 500ms ease, border 400ms ease;
	-moz-transition: color 500ms ease, border 400ms ease;
	-ms-transition: color 500ms ease, border 400ms ease;
	-o-transition: color 500ms ease, border 400ms ease;
	transition: color 500ms ease, border 400ms ease;
}
.formc:hover {
	font-weight: 300;
	border: 1px solid #afcb27;
	color: #afcb27;
	-webkit-transition: color 500ms ease, border 400ms ease;
	-moz-transition: color 500ms ease, border 400ms ease;
	-ms-transition: color 500ms ease, border 400ms ease;
	-o-transition: color 500ms ease, border 400ms ease;
	transition: color 500ms ease, border 400ms ease;
}

.formd:focus:required:invalid {
	color: #333333;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
	border: 1px solid #e5e5e5;
	-webkit-transition: color 500ms ease, border 400ms ease;
	-moz-transition: color 500ms ease, border 400ms ease;
	-ms-transition: color 500ms ease, border 400ms ease;
	-o-transition: color 500ms ease, border 400ms ease;
	transition: color 500ms ease, border 400ms ease;
}
.formd {
	font-weight: 300;
	font-family: 'Ubuntu', sans-serif;
	color: #333333;
	font-size: 17px;
	line-height: 17px;
	border: 1px solid #ccc;
	-webkit-transition: color 500ms ease, border 400ms ease;
	-moz-transition: color 500ms ease, border 400ms ease;
	-ms-transition: color 500ms ease, border 400ms ease;
	-o-transition: color 500ms ease, border 400ms ease;
	transition: color 500ms ease, border 400ms ease;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
}
.formd:focus {
	font-weight: 300;
	font-family: 'Ubuntu', sans-serif;
	color: #afcb27;
	border: 1px solid #afcb27;
	-webkit-transition: color 500ms ease, border 400ms ease;
	-moz-transition: color 500ms ease, border 400ms ease;
	-ms-transition: color 500ms ease, border 400ms ease;
	-o-transition: color 500ms ease, border 400ms ease;
	transition: color 500ms ease, border 400ms ease;
}
.formd:hover {
	font-weight: 300;
	font-family: 'Ubuntu', sans-serif;
	border: 1px solid #afcb27;
	color: #afcb27;
	-webkit-transition: color 500ms ease, border 400ms ease;
	-moz-transition: color 500ms ease, border 400ms ease;
	-ms-transition: color 500ms ease, border 400ms ease;
	-o-transition: color 500ms ease, border 400ms ease;
	transition: color 500ms ease, border 400ms ease;
}
textarea {
	width: 100%;
	height: 150px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


::-webkit-input-placeholder {
  color: #333;
}
::-moz-placeholder {
  color: #333;
}
:-ms-input-placeholder {
  color: #333;
}
::placeholder {
  color: #333;
}
input {
	width: 100%;
  	box-shadow: none;
}
input:focus:required:invalid {
	border-left-style: solid;
	border-left-width: 0px;
	border-right-style: none;
	border-right-width: 0px;
	border-bottom: 1px solid #d9e8f3;
	border-top-style: none;
	border-top-width: 0px;
}
input {
	border-left-style: none;
	border-left-width: 0px;
	border-right-style: none;
	border-right-width: 0px;
	border-bottom: 1px solid #d9e8f3;
	border-top-style: none;
	border-top-width: 0px;
	background-color: #FFFFFF;
	color: #333333;
	font-weight: 300;
	font-size: 17px;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
	-webkit-appearance: none; /* schatten etc entfernen */
	-webkit-border-radius: 0; /* runde ecken entfernen */
	width: 100%;
	resize: none;
}
input:focus {
	color: #afcb27;
	border-left-style: none;
	border-left-width: 0px;
	border-right-style: none;
	border-right-width: 0px;
	border-bottom: 1px solid #afcb27;
	border-top-style: none;
	border-top-width: 0px;
}
input:hover {
	border-left-style: none;
	border-left-width: 0px;
	border-right-style: none;
	border-right-width: 0px;
	border-bottom: 1px solid #afcb27;
	border-top-style: none;
	border-top-width: 0px;
	color: #afcb27;
	-webkit-transition: color 500ms ease, border-bottom 400ms ease;
	-moz-transition: color 500ms ease, border-bottom 400ms ease;
	-ms-transition: color 500ms ease, border-bottom 400ms ease;
	-o-transition: color 500ms ease, border-bottom 400ms ease;
	transition: color 500ms ease, border-bottom 400ms ease;
}

/* Anfang Aufklappmenü Aktuell */

.accord {
	color: #333333;
	background-color: #FFF;
	font-size: 24px;
	line-height: 32px;
	font-weight: 300;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url("bilder/icon_plus.svg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	clear: both;
	width: 100%;
}
.accord:hover {
}
.accord_active {
    width: 100%;
    color: #fff;
	background-color: #FFF;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(bilder/icon_minus.svg);
    background-repeat: no-repeat;
	background-position: 0px 0px;
    float: left;
    clear: both;
}
.toggle_container {
	width: 100%;
	color: #333333;
	background-color: #FFF;
	font-size: 17px;
	line-height: 30px;
	font-weight: 300;
	float: left;
	clear: both;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.accorda {
	color: #333333;
	padding-left: 125px;
	padding-top: 45px;
	padding-right: 125px;
	padding-bottom: 25px;
	font-size: 26px;
	line-height: 26px;
	font-weight: 700;
}
.accordb {
	color: #333333;
	font-size: 17px;
	line-height: 30px;
	font-weight: 300;
	padding-right: 125px;
	padding-bottom: 25px;
	padding-top: 25px;
}
.accordc {
	width: 99.9%;
	float: left;
	color: #333333;
	font-size: 17px;
	line-height: 30px;
	font-weight: 300;
	padding-left: 125px;
	padding-right: 125px;
	padding-bottom: 45px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.accordd {
}
.accorde {
	width: 100%;
	float: left;
	color: #333333;
	font-size: 17px;
	line-height: 30px;
	font-weight: 300;
	padding-left: 125px;
	padding-right: 125px;
	padding-bottom: 45px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.accordf {
	width: 33%;
	height: auto;
}

/* Ende Aufklappmenü Aktuell */


/* Anfang Aufklappmenü Veranstaltungen */

.accordva {
	color: #0063af;
	padding-left: 125px;
	padding-top: 45px;
	padding-right: 125px;
	padding-bottom: 45px;
	font-weight: 700;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.accordvb {
	color: #0063af;
	font-weight: 300;
	padding-right: 125px;
	padding-top: 10px;
}
.accordvc {
	color: #0063af;
	font-size: 17px;
	line-height: 30px;
	font-weight: 300;
	padding-left: 125px;
	padding-right: 125px;
	padding-bottom: 45px;
}
.accordvd {
	width: 100%;
	float: left;
	color: #333333;
	font-size: 17px;
	line-height: 27px;
	font-weight: 300;
	padding-left: 125px;
	padding-right: 125px;
	padding-bottom: 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.accordve {
	width: 100%;
	float: left;
	margin-top: 50px;
}
.accordvf {
	float: left;
	max-width: 200px;
	height: auto;
	margin-right: 50px;
}
.accordvg {
	float: left;
	max-width: 200px;
	height: auto;
}
.accordvh {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 15px;
}
.accordvi {
	width: 100%;
	float: left;
	margin-top: 50px;
}
.accordvk {
	float: left;
	width: 35%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.accordvl {
	float: left;
	width: 65%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.accordvm {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.accordvn {
	float: left;
	width: 70%;
	margin-top: 50px;
	margin-bottom: 50px;
}
.accordvo {
	width: 100%;
	clear: both;
	margin-bottom: 50px;
}
.accordvoa {
	padding-top: 22px;
	padding-bottom: 22px;
	padding-left: 46px;
	padding-right: 46px;
	display: inline-block;
	background-color: #0063af;
	color: #fff;
	text-transform: uppercase;
	border-radius: 50px;
	font-size: 17px;
	line-height: 17px;
	font-weight: 700;
	-webkit-transition: background-color 600ms ease;
	-moz-transition: background-color 600ms ease;
	-ms-transition: background-color 600ms ease;
	-o-transition: background-color 600ms ease;
	transition: background-color 600ms ease;
}
.accordvoa:hover {
	background-color: #afcb27;
	-webkit-transition: background-color 600ms ease;
	-moz-transition: background-color 600ms ease;
	-ms-transition: background-color 600ms ease;
	-o-transition: background-color 600ms ease;
	transition: background-color 600ms ease;
}
.accordvp {
	float: left;
	width: 100%;
	margin-top: 35px;
	
}

/* Ende Aufklappmenü Veranstaltungen */

.daten {
	width: 74.5%;
	float: left;
	position: relative;
}
.datena {
	width: 92%;
	float: left;
	margin-top: 100px;
	font-weight: 300;
	font-size: 26px;
	line-height: 36px;
	margin-left: 8%;
}
.datenb {
	width: 100%;
	color: #333333;
	font-weight: 300;
	font-size: 17px;
	line-height: 28px;
	margin-top: 50px;
	float: left;
}
.datenba {
	width: 60px;
	float: left;
	margin-right: 20px;
}
.datenbb {
	float: left;
}
.datenbc {
	width: 100%;
	float: left;
}
.datenbd {
	float: left;
	margin-top: 50px;
	font-weight: 300;
	font-size: 17px;
	line-height: 28px;
	margin-bottom: 100px;
}
.kva {
	width: 71.9%;
	float: left;
	position: relative;
}
.kvaa {
	width: 92%;
	float: left;
	margin-left: 8%;
	margin-bottom: 100px;
}
.kvax {
	width: 71.9%;
	float: left;
	position: relative;
}
.kvaax {
	width: 92%;
	float: left;
	margin-left: 8%;
	margin-top: 100px;
}
.kvab {
	color: #0063af;
	padding-left: 125px;
	padding-top: 45px;
	padding-right: 125px;
	padding-bottom: 45px;
	font-size: 26px;
	line-height: 26px;
	font-weight: 700;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.kvac {
	padding-left: 125px;
	padding-right: 125px;
	padding-bottom: 45px;
	width: 100%;
	float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.kvad {
	float: left;
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	border-radius: 50px;
	border: 1px solid #0063af;
	margin-right: 25px;
	font-size: 17px;
	line-height: 27px;
	font-weight: 700;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.kvada {
	float: left;
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	border-radius: 50px;
	border: 1px solid #0063af;
	font-size: 17px;
	line-height: 27px;
	font-weight: 700;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.kvadb {
	float: left;
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	border-radius: 50px;
	border: 1px solid #0063af;
	font-size: 17px;
	line-height: 27px;
	font-weight: 700;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin-right: 25px;
}
.kvae {
	float: left;
	clear: both;
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	border-radius: 50px;
	border: 1px solid #0063af;
	margin-top: 25px;
	font-size: 17px;
	line-height: 27px;
	font-weight: 700;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.kvaf {
	float: left;
	width: 100%;
	font-size: 26px;
	line-height: 26px;
	font-weight: 700;
	margin-top: 50px;
}
.kvag {
	float: left;
	width: 47.5%;
	margin-top: 20px;
}
.kvah {
	float: left;
	width: 47.5%;
	margin-top: 20px;
}
.kvai {
	font-size: 17px;
	line-height: 27px;
	font-weight: 300;
	width: 100%;
	float: left;
	background-color: #fff;
	margin-top: 50px;
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 60px;
	padding-right: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.kvaj {
	padding-bottom: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.kvak {
	font-size: 15px;
	line-height: 15px;
	font-weight: 300;
	float: left;
	width: 45px;
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-flex-align: center;
}
.kvaka {
	display: flex;
	display: -ms-flexbox;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	float: left;
	margin-top: 15px;
}
.kvakb {
	display: flex;
	display: -ms-flexbox;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	float: right;
	margin-top: 15px;
}
.kvakax {
	width: 50%;
	float: left;
}
.kvakbx {
	width: 50%;
	float: right;
}
.kval {
	width: 45px;
	float: left;
	text-align: center;
}
.kvalx {
	font-size: 15px;
	line-height: 15px;
	font-weight: 300;
	margin-top: 5px;
	width: 45px;
	float: left;
	text-align: center;
}
.kvam {
	width: 100%;
	float: left;
	padding-bottom: 15px;
}
.kvan {
	width: 100%;
	float: left;
	padding-top: 30px;
	padding-bottom: 15px;
}
.kvana {
	width: 100%;
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
}
.kvanb {
	width: 100%;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}
.kvanc {
	width: 80%;
	float: left;
}
.kvao {
	float: left;
	width: 100%;
	margin-top: 15px;
}
.kvaoa {
	width: 47.5%;
	float: left;
	margin-right: 5%;
}
.kvaoaa {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.kvaob {
	float: left;
	width: 47.5%;
}
.kvaoba {
	width: 100%;
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
}
.kvaoc {
	float: left;
	width: 20%;
	margin-right: 1%;
}
.kvaod {
	float: left;
	width: 79%;
}
.kvap {
	float: left;
	margin-top: 50px;
}
.kvapa {
	width: 100%;
	float: left;
	margin-top: 50px;
}
.kvapb {
	width: 101px;
	float: left;
	margin-right: 35px;
}
.kvapc {
	margin-top: 13px;
	float: left;
}
.kvapd {
	width: 32px;
	height: auto;
	float: left;
	margin-top: 6px;
	margin-right: 20px;
}
.kvape {
	position: relative;
	top: -2px;
	float: left;
}
.kvaq {
	width: 100%;
	float: left;
	margin-bottom: 20px;
	margin-top: 10px;
}
.kvaqa {
	max-width: 62px;
	heigth: auto;
	float: right;
}
.kvaqb {
	font-size: 15px;
	line-height: 24px;
	font-weight: 300;
	color: #0063af;
	float: left;
	position: relative;
	top: -5px;
}

fieldset {
width: 100%;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
border-style: none;
-webkit-transition: color 400ms ease;
-moz-transition: color 400ms ease;
-ms-transition: color 400ms ease;
-o-transition: color 400ms ease;
transition: color 400ms ease;
color: #333333;
}
/* remove standard-styles */
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
border-radius: 0;
-webkit-transition: color 400ms ease;
-moz-transition: color 400ms ease;
-ms-transition: color 400ms ease;
-o-transition: color 400ms ease;
transition: color 400ms ease;
color: #333333;
}
select {
color: #333333;
font-family: 'Ubuntu', sans-serif;
font-weight: 300;
font-size: 16px;
width: 100%;
padding-bottom: 15px;
padding-top: 15px;
padding-left: 20px;
padding-right: 20px;
background-color: #ffffff;
background-image: url(bilder/icon_pfeil_selectbox.svg);
background-position: right center;
background-repeat: no-repeat;
cursor: context-menu;
-webkit-transition: color 400ms ease;
-moz-transition: color 400ms ease;
-ms-transition: color 400ms ease;
-o-transition: color 400ms ease;
transition: color 400ms ease;
border: 1px solid #ccc;
}
select:hover {
border: 1px solid #afcb27;
color: #333333;
}
/* Hide browser-styling in IE10 */
select::-ms-expand {
border: 1px solid #afcb27;
display: none;
color: #333333;
}
/* Hide custom-icons in lower versions of Internet Explorer (< IE10). */
.lt-ie10 select {
background-image: none; 
border: 1px solid #afcb27;
color: #333333;
}
option {
width: 100%;
color: #333333;
}





@media screen and (min-width: 1921px) {
.indexj, .indexo, .indexk, .indexl, .indexm, .indexn {
	padding-top: 20px;
	padding-bottom: 20px;
}
.indexkd, .indexkc, .indexoa {
    bottom: 15%;
}
.indexf {
    top: 300px;
}
}
@media screen and (min-width: 961px) {
.indexfx {
	display: none;
}
.headbx, .headax {
	display: none;
}
}
@media screen and (min-width: 415px) {
.indexr {
	display: none;
}
}

@media screen and (min-width: 1181px) {
.tfx, .kvaq {
	display: none;
}
}

@media screen and (min-width: 1921px) {
}

@media screen and (max-width: 1680px) {
.formb, select {
	padding-bottom: 12px;
	padding-top: 12px;
	padding-left: 10px;
	padding-right: 10px;
}
.kval, .kvalx {
    width: 40px;
}
	
}

@media screen and (max-width: 1600px) {
.indexq {
    font-size: 36px;
    line-height: 42px;
}
.accordvb {
    padding-right: 0px;
}
}

@media screen and (max-width: 1440px) {
.accordb {
    padding-bottom: 20px;
}
.indexq {
    left: 6.7%;
}
.kva, .kvax {
    width: 74.5%;
}
.veranste, .veranstg, .veransth {
    margin-top: 75px;
}
.veranstdb {
    padding-top: 5px;
}
.veranstc {
    margin-top: 75px;
}
.veranst {
    width: 74.5%;
}
.indexxxxx, .indexxxxxx {
    margin-left: 5%;
	width: 95%;
}
.accord, .veranstd {
background-size: 50px 50px;
background-position: left top;
}
.accordb {
    padding-right: 0px;
}
.mnave {
	width: 22px;
}
.mnavf {
	width: 18px;
}
.mnavg {
	width: 22px;
}
.mnavh {
	width: 26px;
}
.mnavi {
	top: -33px;
	width: 66px;
}
.schliessen {
    left: 4.8%;
    top: 56px;
}
.indexe, .indexea {
    top: 65px;
    right: 65px;
}
header {
    height: 140px;
}
.indexh {
    bottom: -35px;
}
.indexi {
    margin-top: 75px;
    margin-bottom: 75px;
}
.indexgd {
    line-height: 32px;
	margin-top: 75px;
}
.indexgb {
    font-size: 19px;
    line-height: 36px;
}
.indexg {
	margin-top: 100px;
}
.accorda {
    font-size: 24px;
    line-height: 24px;
}
.indexga, .mitdb, .labora, .partc, .joba, .konta, .veransta, .veranstb, .accordva, .veranstda, .kvab, .kvaf {
    font-size: 24px;
    line-height: 33px;
}
.indexkc, .indexkd {
    padding-left: 21px;
    padding-right: 38px;
    padding-top: 10px;
    padding-bottom: 10px;
	background-position: 80% 12px;
}
.indexke, .indexkf {
    padding-left: 21px;
    padding-right: 43px;
    padding-top: 12px;
    padding-bottom: 12px;
	background-position: 85% 14px;
}
h2 {
    font-size: 24px;
    line-height: 30px;
}
h3 {
    font-size: 21px;
    line-height: 31px;
}
.indexf {
    right: 5%;
	top: 225px;
}
.indexpa {
    max-width: 860px;
}
.indexxx, .newsb {
    padding-left: 5%;
    padding-right: 5%;
}
.indexa {
    left: -5.3%;
}
.indexx, .indexxxx {
	margin-left: 5%;
	width: 95%;
}
.indexxnews {
	width: 95%;
	margin-left: 5%;
}
.heada {
    width: 165px;
    top: 35px;
    right: 5%;
}
.headb {
	top: 40px;
    padding-left: 5%;
}
.indexd {
	top: 75px;
	font-size: 40px;
	line-height: 43px;
    left: 6.7%;
}
.fooh {
    top: -85px;
}
.foof {
	margin-right: 75px;
	width: 150px;
}
.foog {
	width: 105px;
}
.indexfd {
    width: 32px;
}
.indexfca {
    width: 29px;
}
.indexfc {
    width: 19px;
}
.indexfb {
    width: 17px;
}
.indexfa {
    width: 20px;
}
.labora, .laborb, .labord, .konta, .kontb, .veransta, .veranstb, .datena {
    margin-top: 50px;
}
.mite {
    padding-left: 5%;
    padding-right: 5%;
    margin-top: 75px;
    margin-bottom: 75px;
}
.mit {
    width: 95%;
    margin-left: 5%;
    margin-top: 100px;
}
.parta, .partax {
    padding-left: 5%;
    padding-right: 5%;
}
	
}

@media screen and (max-width: 1366px) {
.listeda {
	padding-left: 30px;
}
.kvai {
    padding-top: 45px;
    padding-bottom: 45px;
    padding-left: 45px;
    padding-right: 45px;
}
.kvak {
    width: 30px;
}
.formb {
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 9px;
	padding-right: 9px;
}
.kval, .kvalx {
    width: 36px;
}
.indexq {
    font-size: 32px;
    line-height: 38px;
}
.veranstdde, .veranstgb {
    margin-top: 10px;
}
.veranstdb {
    padding-right: 0px;
}
.accordvo {
    margin-bottom: 20px;
}
.accordvb {
    padding-top: 5px;
}
.accorda, .accordc, .accorde, .accordva, .accordvd, .veranstda, .kvab, .kvac {
    padding-left: 100px;
    padding-right: 100px;
}
.laborb, .partd, .accordb, .accordc, .accorde, .jobb, .kontb, .accordvd, .veranstddb, .veranstddc, .veranste, .veranstf, .kvad, .kvada, .kvadb, .kvae, .kvai, .formd, .datenb, .datenbd {
    font-size: 16px;
    line-height: 27px;
}
input, .formc {
    font-size: 16px;
    line-height: 16px;
}
.toggle_container {
    font-size: 16px;
    line-height: 27px;
}
.indexg {
    margin-top: 75px;
}
.part {
    padding-top: 100px;
}
	
}

@media screen and (max-width: 1280px) {
.kvada {
	margin-top: 25px;
	clear: both;
}
.kvaoa {
    width: 100%;
    margin-right: 0%;
}
.kvaob {
    width: 100%;
    clear: both;
}
.formc {
    padding-left: 15px;
    padding-right: 15px;
}
.veranstdc {
    margin-top: 75px;
}
.forma, .accordvoa{
	font-size: 15px;
	line-height: 15px;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 40px;
	padding-right: 40px;
}
.kontb {
    margin-bottom: 20px;
}
.indexxxxx {
    padding-top: 125px;
}
.indexxxxxx {
    padding-top: 125px;
    padding-bottom: 125px;
}
.mnavb {
    font-size: 32px;
    line-height: 32px;
	margin-bottom: 18px;
}
.mnavd {
    max-width: 560px;
}
.mobilenav {
    padding-top: 10%;
}
.schliessen {
    top: 51px;
}
.fooba {
    margin-top: 42px;
}
.foobc {
    margin-top: 36px;
}
.foog {
    width: 95px;
}
.foof {
    margin-right: 65px;
    width: 140px;
	margin-top: 42px;
}
header {
    height: 130px;
}
.heada {
    width: 155px;
}
.indexf {
    top: 195px;
}
.headb {
	top: 35px;
    width: 60%;
}
.indexka {
    margin-top: 7.5%;
    margin-left: 7.5%;
}
.indexkb {
    margin-top: 15px;
	line-height: 24px;
	font-size: 15px;
    margin-left: 7.5%;
    margin-right: 7.5%;
	width: 85%;
}
.indexke, .indexkf {
    line-height: 13px;
    font-size: 13px;
}
.indexkc, .indexkd {
    line-height: 13px;
    font-size: 13px;
	margin-left: 7.5%;
}
.indexe, .indexea {
    top: 55px;
    right: 55px;
}
.indexd {
    top: 55px;
    font-size: 36px;
    line-height: 39px;
}
.newsma {
    font-size: 15px;
    line-height: 24px;
}
.newsa {
    padding-bottom: 200px;
}
.indexpa {
    max-width: 760px;
}
h2 {
	font-size: 23px;
    line-height: 29px;
}
h3 {
    font-size: 21px;
    line-height: 29px;
}
.indexh {
    width: 136px;
}
.fooh {
    width: 126px;
	right: 30%;
}
.indexga, .mitdb, .labora, .partc, .joba, .konta, .veransta, .veranstb, .accordva, .veranstda, .kvab, .kvaf, .datena, .jobax {
    font-size: 23px;
    line-height: 29px;
}
.accorda {
    font-size: 23px;
    line-height: 23px;
}
.indexge {
    bottom: -50px;
}
.indexx {
    padding-bottom: 125px;
}
.indexgd {
    line-height: 29px;
    margin-top: 50px;
	padding-bottom: 8px;
}
.indexgb {
    font-size: 18px;
    line-height: 30px;
}
.indexfca {
    width: 27px;
	margin-bottom: 45px;
}
.indexfc {
	margin-bottom: 45px;
}
.indexfb {
    width: 15px;
	margin-bottom: 45px;
}
.indexfa {
    width: 18px;
	margin-bottom: 45px;
}
.indexfd {
    width: 30px;
}
.indexff {
    width: 9px;
}
	
}

@media screen and (max-width: 1180px) {
.indexxxxxx {
    padding-top: 100px;
    padding-bottom: 100px;
}
.formb {
    padding-bottom: 14px;
    padding-top: 14px;
    padding-left: 10px;
    padding-right: 10px;
}
.kval, .kvalx {
    width: 45px;
}
.kvakax {
	width: 100%;
	float: left;
}
.kvakbx {
	margin-top: 25px;
	width: 100%;
	float: left;
}
.indexq {
    font-size: 28px;
    line-height: 34px;
}
.veranstf {
    margin-top: 40px;
}
.veranstdd {
    margin-top: 40px;
    margin-bottom: 40px;
}
.accorda, .accordc, .accorde, .accordva, .accordvd, .veranstda, .kvab, .kvac {
    padding-left: 80px;
    padding-right: 80px;
}
.indexxxxx {
    padding-top: 100px;
}
.labora, .mitb, .partc, .joba, .jobax {
    width: 25%;
}
.laborb, .partd, .mitc, .jobb {
	width: 60%;
}
.newsn {
    margin-top: 30px;
}
.newsa {
    padding-top: 75px;
}
.indexx {
    padding-bottom: 100px;
}
.indexg {
    margin-top: 75px;
}
.indexe, .indexea {
    top: 45px;
    right: 45px;
}
.indexi {
    margin-top: 60px;
    margin-bottom: 60px;
	padding-bottom: 75px;
}
.indexp {
    margin-top: 75px;
}
.indexg {
    width: 80%;
}
.indexh {
    width: 126px;
	right: 17%;
}
.indexd {
    font-size: 32px;
    line-height: 36px;
}
.indexkd, .indexkc {
	background-position: 80% 11px;
    line-height: 12px;
    font-size: 12px;
}
.indexke, .indexkf {
    background-position: 85% 13px;
    line-height: 12px;
    font-size: 12px;
}
.newsma {
	padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 65px;
    padding-right: 65px;
}
.indexpa {
    max-width: 710px;
}
.accorda {
    font-size: 21px;
    line-height: 21px;
}
.indexga, h2, h3, .mitdb, .labora, .partc, .joba, .accordva, .veranstda, .kvab, .kvaf, .datena, .jobax {
    font-size: 21px;
    line-height: 26px
}
.headb {
    font-size: 15px;
    line-height: 15px;
}
.indexf {
    top: 175px;
}
.foobc {
    font-size: 15px;
}
.newse {
    font-size: 15px;
    line-height: 26px;
}
.kvaj {
	display: none;
}
	
}

@media screen and (max-width: 1080px) {
.kvai {
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 35px;
    padding-right: 35px;
}
.veranste, .veranstg, .veransth {
    margin-top: 50px;
}
.forma, .accordvoa {
    font-size: 15px;
    line-height: 15px;
    padding-top: 17px;
    padding-bottom: 17px;
    padding-left: 35px;
    padding-right: 35px;
}
.accordvn {
    width: 100%;
}
.kontb {
    margin-bottom: 0px;
}
.partf, .partg, .parth, .parti {
    width: 25%;
}
.partj {
    width: 25%;
	padding-top: 1px;
}
.parte {
    margin-top: 75px;
}
.partf, .partg, .parth, .parti {
    width: 25%;
}
.newsi {
    margin-top: 30px;
}
.foobd {
    margin-right: 30px;
}
.newsm {
    margin-top: 100px;
}
.indexkb {
    margin-top: 7px;
    line-height: 22px;
}
.accorda {
    font-size: 18px;
    line-height: 18px;
}
.indexga, h2, h3, .mitdb, .labora, .partc, .konta, .veransta, .veranstb, .accordva, .veranstda, .kvab, .kvaf, .datena {
    font-size: 18px;
    line-height: 25px;
}
.indexga {
	width: 20%;
}
.labora, .mitb, .partc {
	width: 25%;
}
.indexgb {
	width: 60%;
}
.indexh {
    bottom: -30px;
	right: 14%;
}
.indexg, .labor, .partb, .job {
    width: 84%;
}
.indexff, .indexfe {
	display: none;
}
.veranstc {
    margin-top: 50px;
}
}

@media screen and (max-width: 1023px) {
.accordf {
	width: 50%;
}
}

@media screen and (max-width: 1024px) {
.newsf, .newsg {
    width: 100%;
	margin-left: 0px;
}
.newsg, .newsf {
    margin-top: 5%;
}
.labore {
	width: 29.980vw;
}
#eu_cookiebox {
	font-size: 14px;
	line-height: 24px;
}
.bcookie {
	font-size: 14px;
	line-height: 14px;
}
.mitf, .mitg, .mith, .miti {
    width: 33.33%;
}
.trennllei {
    margin-top: 35px;
    margin-bottom: 35px;
}
.datena {
    margin-top: 75px;
}
.kvai {
    margin-top: 35px;
}
.kvaax {
    margin-top: 75px;
}
.indexq {
    font-size: 24px;
    line-height: 30px;
}
.indexxxxx {
    padding-top: 100px;
}
.labor, .kont, .veranst {
    margin-top: 25px;
}
.indexgb {
    font-size: 17px;
    line-height: 29px;
}
.liste {
    padding-left: 25px;
    background-position: left 7px;
}
.indexf {
    top: 165px;
}
.indexi {
    margin-top: 50px;
    margin-bottom: 50px;
}
.newsj {
    width: 40px;
    margin-left: -20px;
    top: -20px;
}
.headb {
    width: 62.5%;
}
.indexpb {
    margin-top: 35px;
}
}

@media screen and (max-width: 960px) {
.indexxxxxx {
    padding-top: 75px;
    padding-bottom: 75px;
    margin-bottom: 50px;
}
.indexxxxxx {
    margin-left: 0%;
    width: 100%;
}
.datena {
    width: 100%;
    margin-left: 0%;
    margin-top: 60px;
}
.daten {
    width: 100%;
	padding-left: 5%;
	padding-right: 5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.kvaax {
    margin-top: 60px;
}
.kvao {
    margin-top: 0px;
}
.accordb {
    padding-bottom: 15px;
}
.indexq {
    left: 5%;
}
.indexq {
    font-size: 30px;
    line-height: 36px;
}
.accordvn {
    margin-top: 30px;
    margin-bottom: 30px;
}
.veranstc {
    width: 95%;
}
.indexxxxx {
    margin-top: 0px;
    margin-left: 0%;
    width: 100%;
	padding-top: 75px;
}
.mitda {
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 2px;
}
.mit {
    margin-top: 75px;
}
.part {
	padding-top: 75px;
    padding-bottom: 200px;
}
.partax {
	margin-top: 75px;
}
.partf, .partg, .parth {
    width: 33.33%;
}
.parti {
    width: 33.33%;
	margin-top: 1px;
}
.partj {
    width: 33.33%;
}
.mitb, .partc {
    margin-left: 0%;
}
.heada {
	display: none;
}
.indexga, .indexge, .labora, .joba, .konta, .veransta, .veranstc, .jobax {
    margin-left: 5%;
}
.indexd {
    left: 5%;
    font-size: 30px;
    line-height: 34px;
}
.mnavd {
    max-width: 500px;
}
.mobilenav {
    padding-top: 15%;
}
.schliessen {
	width: 25px;
	height: 25px;
}
.close {
	width: 25px;
}
.indexl, .indexj, .indexk, .indexm, .indexn, .indexo {
    width: 50%;
}
.indexkc, .indexkd {
    margin-left: 10%;
}
.indexka {
    margin-top: 10%;
    margin-left: 10%;
}
.indexkb {
	width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}
.indexl {
    float: right;
}
.indexh, .fooh {
    width: 116px;
}
.indexgd {
    line-height: 26px;
    margin-top: 40px;
    padding-bottom: 7px;
}
.newsa {
    padding-bottom: 174px;
}
.indexfa {
    width: 18px;
    margin-bottom: 40px;
}
.indexfca {
    width: 25px;
	margin-bottom: 40px;
}
.indexfc {
	margin-left: 5px;
	margin-bottom: 40px;
}
.indexfb {
    width: 15px;
	margin-bottom: 40px;
}
.indexfd {
    width: 28px;
}
.indexf {
    top: 155px;
}
.headax {
    width: 140px;
    top: 25px;
	right: 5%;
}
.foo {
    padding-top: 40px;
    padding-bottom: 40px;
}
header {
    height: 120px;
}
.foof {
    margin-right: 45px;
    width: 130px;
	margin-top: 40px;
}
.foog {
    width: 85px;
}
.fooh {
    right: 20%;
}
.foobc {
    margin-right: 25%;
}
.indexh {
    bottom: -25px;
}
.indexi {
    margin-top: 45px;
    margin-bottom: 45px;
}
.indexge, .mitd {
    width: 38px;
	bottom: -25px;
}
.indexb {
    right: 0px;
}
.indexg {
    width: 100%;
	margin-top: 60px;
}
.labor, .kont, .veranst {
    width: 100%;
    margin-top: 10px;
}
.veranst {
    width: 95%;
    margin-top: 10px;
}
.kva {
    width: 95%;
    margin-top: 0px;
}
.kvax {
    width: 95%;
}
.kvaa, .kvaax {
    width: 95%;
    margin-left: 5%;
}
.mita, .partb, .job, .kont {
    width: 100%;
}
.indexx {
    margin-left: 0%;
    width: 100%;
	padding-bottom: 75px;
}
.indexxnews {
	width: 100%;
	margin-left: 0%;
}
.indexxxx {
    margin-left: 0%;
    width: 100%;
	padding-bottom: 200px;
}
.indexa {
    width: 100%;
    left: 0%;
}
.indexf, .headb {
	display: none;
}
.headb {
    width: 70%;
	top: 30px;
}
.indexpc {
    margin-left: 45px;
    margin-right: 45px;
}
.headbx {
	width: 100%;
	background-image: url(bilder/transpa.svg);
	background-repeat: repeat;
	background-position: left top;
	background-size: cover;
	z-index: 2;
	padding-top: 41px;
	padding-bottom: 29px;
	padding-left: 5%;
	padding-right: 5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	float: left;
	position: relative;
}
.headdx {
	margin-left: 95px;
}
.respicona {
	width: 19px;
	height: auto;
	margin-right: 33px;
	float: left;
}
.respiconb {
	width: 15px;
	height: auto;
	margin-right: 33px;
	margin-top: 2px;
	float: left;
}
.respiconc {
	width: 19px;
	height: auto;
	margin-right: 34px;
	margin-top: 3px;
	float: left;
}
.respicond {
	width: 24px;
	height: auto;
	margin-right: 33px;
	margin-top: 1px;
	float: left;
}
.respicone {
	position: relative;
	top: -17px;
	width: 30px;
	height: auto;
	float: left;
}
.heade {
	width: 35px;
	margin-top: 8px;
}
.headea {
	width: 35px;
    margin-top: 0px;
	background-color: #0063af;
}
.headeb {
	width: 25px;
	background-color: #0063af;
	margin-top: 4px;
}
.indexfax {
	margin-left: 8px;
	width: 16px;
}
.indexfbx {
	width: 14px;
	margin-left: 10px;
}
.indexfcx {
	width: 18px;
	margin-left: 8px;
}
.indexfdx {
    width: 31px;
}
.indexfcax {
	width: 25px;
	margin-left: 4px;
}
.indexkd, .indexkc {
    bottom: 12%;
}
.schliessen {
    top: 42px;
	left: 5%;
}
	
}

/* landscape */
@media screen and (max-device-width : 812px) and (orientation : landscape)  {
}

@media screen and (max-width: 860px) {
}

@media screen and (max-width: 768px) {
#eu_cookiebox {
    padding: 4.5%;
}
.bcookie {
    margin-top: 4.5%;
}
.kvan {
    padding-top: 15px;
    padding-bottom: 10px;
}
.kvaf {
    margin-top: 35px;
}
.kvada, .kvae {
    margin-top: 15px;
}
.kvad {
    margin-right: 15px;
}
.indexq {
    font-size: 24px;
    line-height: 30px;
}
.veranstddb {
	width: 70%;
}
.veranstfb {
    width: 80%;
}
.listelb {
    padding-left: 30px;
}
.accordvf, .accordvg {
    width: 35%;
}
.konta {
    width: 45%;
}
.indexxxxx {
    padding-bottom: 200px;
    padding-top: 75px;
}
.accord, .veranstd {
    background-size: 45px 45px;
}
.accordb {
    padding-top: 25px;
}
.accorda, .accordc, .accorde, .accordva, .accordvd {
    padding-left: 75px;
    padding-right: 50px;
}
.listel, .listela {
    padding-left: 45px;
}
.part {
    padding-top: 50px;
    padding-bottom: 175px;
}
.partax {
    margin-top: 50px;
}
.mite {
    margin-top: 40px;
    margin-bottom: 40px;
}
.laborb, .partd, .mitc, .jobb {
    width: 64%;
}
.mitj {
    font-size: 13px;
    line-height: 21px;
}
.laborb, .partd, .accordb, .accordc, .accorde, .jobb, .kontb, .accordvd, .veranstddb, .veranstddc, .veranste, .veranstf, .kvad, .kvada, .kvadb, .toggle_container, .kvae, .kvai, .formd, .datenb, .datenbd {
    font-size: 15px;
    line-height: 26px;
}
select {
    font-size: 15px;
}
input, .formc {
    font-size: 15px;
    line-height: 15px;
}
.indexi {
    padding-bottom: 60px;
}
.indexp {
    margin-top: 60px;
}
.indexi {
    margin-top: 40px;
    margin-bottom: 40px;
}
.indexgb {
    width: 64%;
}
.indexgb {
    font-size: 16px;
    line-height: 27px;
}
.newsi {
    margin-top: 50px;
}
.newsc {
    margin-bottom: 0px;
}
.indexpc {
    margin-left: 60px;
    margin-right: 60px;
}
.indexfax {
	margin-bottom: 35px;
}
.indexfbx {
	margin-bottom: 31px;
}
.indexfcx {
	margin-bottom: 35px;
}
.indexfcax {
	margin-bottom: 32px;
}
}

/* landscape */
@media screen and (max-device-width : 736px) and (orientation : landscape)  {
}

@media screen and (max-width: 736px) {
.accord, .veranstd {
    background-size: 40px 40px;
}
.accorda, .accordc, .accorde, .accordva, .accordvd, .veranstda, .kvab, .kvac {
    padding-left: 60px;
    padding-right: 50px;
}
.tlinka {
    font-size: 16px;
    top: -6px;
    left: 1px;
}
.headdx {
	margin-left: 75px;
}
.respicona {
	margin-right: 23px;
}
.respiconb {
	margin-right: 23px;
	margin-top: 2px;
}
.respiconc {
	margin-right: 24px;
	margin-top: 3px;
}
.respicond {
	margin-right: 23px;
	margin-top: 1px;
}
.respicone {
	top: -17px;
	width: 30px;
}
.indexpc {
    margin-left: 45px;
    margin-right: 45px;
}
.headbx {
	background-image: url(bilder/transpa.svg);
	background-repeat: repeat;
	background-position: left top;
	z-index: 2;
	padding-top: 36px;
	padding-bottom: 23px;
	padding-left: 5%;
	padding-right: 5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	float: left;
	position: relative;
}
header {
    height: 109px;
}
.headax {
    width: 130px;
    top: 19px;
}
h1 {
    font-size: 26px;
    line-height: 33px;
}
.foog {
	width: 65px;
}
.foof {
    margin-top: 28px;
	margin-right: 40px;
}
.foobc {
    margin-top: 18px;
}
.fooba {
    margin-top: 25px;
}
.headc, .headd, .indexfx, .indexkb {
    display: none;
}
.indexpb {
    font-size: 15px;
    line-height: 15px;
}
.indexd {
    top: 45px;
    font-size: 26px;
    line-height: 31px;
}
.indexe, .indexea {
	top: 40px;
	right: 5%;
}
.accordvf {
    margin-right: 8%;
}
}

@media screen and (max-width: 750px) {
}

@media screen and (max-width: 667px) {
.mitf, .mitg, .mith, .miti {
    width: 50%;
}
.accordb {
    padding-bottom: 0px;
}
.veranstgb {
    width: 70%;
}
.veranstda, .kvab {
	padding-top: 35px;
	padding-bottom: 35px;
	padding-right: 35px;
}
.accordvo {
    margin-bottom: 10px;
}
.accordvi {
    margin-top: 40px;
}
.accordve {
    margin-top: 35px;
}
.accorda, .accordva {
	padding-top: 35px;
	padding-bottom: 35px;
}
.accordc {
	padding-bottom: 30px;
}
.newsm {
    margin-top: 75px;
}
.newsa {
    padding-top: 50px;
}
.foof {
    margin-right: 35px;
}
.foobd {
    margin-right: 25px;
}
.indexgb {
    font-size: 15px;
    line-height: 26px;
}
.mnavd {
    width: 450px;
}
}

/* landscape */
@media screen and (max-device-width : 667px) and (orientation : landscape)  { 
}


@media screen and (max-width: 568px) {
.accordf {
	width: 100%;
}
.kval, .kvalx {
    width: 40px;
}
.formb, select {
    padding-bottom: 12px;
    padding-top: 12px;
    padding-left: 10px;
    padding-right: 10px;
}
.kvapc {
    width: 60%;
}
.kvape {
    top: -5px;

}
.formc, select {
    padding-bottom: 12px;
    padding-top: 12px;
    padding-left: 12px;
    padding-right: 12px;
}
.kvanb {
    padding-top: 7px;
    padding-bottom: 7px;
}
.kvapb {
    width: 75px;
    margin-right: 25px;
}
.kvad, .kvada, .kvae, .kvadb {
    font-size: 14px;
    line-height: 23px;
}
.kvae {
	line-height: 20px;
}
.kvag {
    width: 100%;
}
.kvah {
	width: 100%;
    margin-top: 0px;
    clear: both;
}
.indexq {
    font-size: 20px;
    line-height: 25px;
}
.accordvo {
    margin-bottom: 0px;
}
.forma, .accordvoa {
    font-size: 13px;
    line-height: 13px;
}
.veranstddd {
    width: 60px;
}
.veranstddd, .veranstga {
    margin-right: 25px;
}
.veranstddb {
    width: 75%;
}
.veranstef {
    width: 78%;
}
.veranstee {
    width: 20%;
	margin-right: 2%;
}
.veransted {
    width: 100%;
    margin-right: 0%;
	margin-bottom: 20px;
}
.veranstea {
    margin-bottom: 15px;
}
.accordvk {
	width: 100%;
    margin-bottom: 0px;
}
.accordvl {
	width: 100%;
    margin-top: 0px;
    clear: both;
}
.accordvf, .accordvg {
    width: 47.5%;
}
.accordvf {
    margin-right: 5%;
}
.veranstd {
    background-position: right top;
	background-image: url("bilder/icon_ecke_gruen_a.svg");
}
.kontb, .veranst, .veransta, .veranstb {
    margin-top: 30px;
}
.indexxxx, .indexxxxx {
    padding-bottom: 175px;
}
.listela {
    padding-left: 35px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.listel {
	background-image: url(bilder/icon_haken_blau_liste_klein.svg);
	padding-left: 35px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.accorda, .accordc, .accorde, .accordva, .accordvd, .kvab, .kvac {
    padding-left: 35px;
	padding-right: 35px;
}
.kvac {
    padding-bottom: 35px;
}
.veranstda {
    padding-left: 35px;
	padding-right: 35px;
    padding-top: 35px;
	padding-bottom: 35px;
}
.accordb {
	-moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.accordc .accorde {
    padding-left: 35px;
}
.accord, .veranstd {
    background-position: right top;
}
.partf, .partg, .parth, .parti, .partj {
    width: 50%;
}
.parth {
	margin-top: 1px;
}
.partd {
	margin-top: 30px;
}
.laborb, .partc, .partd, .mitc {
    width: 100%;
}
.laboraa {
    padding-bottom: 6px;
}
.labor, .kont {
    margin-top: 30px;
}
.labora, .laborb, .labord, .jobb, .konta {
    margin-top: 30px;
}
.labora, .laborb, .mit, .joba, .jobb, .konta, .kontb, .jobax {
    width: 100%;
	margin-left: 0px;
	padding-left: 5%;
	padding-right: 5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mit {
    margin-top: 60px;
}
.indexga, h2, h3, .mitdb, .labora, .partc, .mitdb, .labora, .partc, .datena {
    font-size: 16px;
    line-height: 21px;
}
.indexke, .indexkf {
    background-position: 83% 13px;
}
.newsma {
    line-height: 22px;
	padding-top: 13px;
	padding-bottom: 11px;
	padding-left: 50px;
	padding-right: 50px;
}
.indexkc, .indexkd {
    padding-left: 16px;
    padding-right: 33px;
    padding-top: 9px;
    padding-bottom: 9px;
	background-position: 80% 10px;
}
.headbx {
    padding-top: 31px;
    padding-bottom: 18px;
}
header {
    height: 99px;
}
.headax {
    width: 120px;
    top: 20px;
}
.foobd {
    margin-right: 35px;
}
.foob {
    width: 75%;
}
.fooa {
    width: 25%;
}
.foobc {
    font-size: 14px;
}
.indexd {
    top: 30px;
    font-size: 24px;
    line-height: 29px;
}
.indexe {
    top: 35px;
}
.indexgb {
    width: 90%;
}
.indexga, .indexge, .foof, .mitb, .kvapd {
	display: none;
}
.mnavd {
    width: 400px;
}
.indexpc {
    margin-left: 25px;
    margin-right: 25px;
}
.indexpa {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.indexp {
    margin-top: 25px;
}
}

/* landscape */
@media screen and (max-device-width : 568px) and (orientation : landscape)  { 
}

@media screen and (max-width: 500px) {
.kvaoc {
    width: 100%;
    margin-right: 0%;
}
.kvaod {
    width: 100%;
	margin-top: 20px;
}
	
}

@media screen and (max-width: 461px) {
.respiconb, .respiconc {
	display: none;
}
}

@media screen and (max-width: 414px) {
.indexxxxxx {
    padding-top: 50px;
    padding-bottom: 50px;
}
#eu_cookiebox {
	font-size: 13px;
	line-height: 22px;
}
.bcookie {
	font-size: 13px;
	line-height: 13px;
}
.datenb {
    margin-top: 35px;
}
.datena {
    margin-top: 40px;
}
.kvaax {
    margin-top: 40px;
	margin-bottom: 20px;
}
.kvaq {
    margin-bottom: 10px;
    margin-top: 20px;
}
.kvai {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 15px;
}
.kval, .kvalx {
    width: 33px;
}
.formb {
    padding-bottom: 9px;
    padding-top: 9px;
    padding-left: 6px;
    padding-right: 6px;
}
.kvapa, .kvap {
    margin-top: 35px;
}
.kvadb {
    margin-top: 15px;
}
.kvapc {
    margin-top: 0px;
}
.kva {
    width: 100%;
}
.kvaa {
	width: 100%;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.veranstddb {
    width: 80%;
}
.listelb {
    padding-left: 20px;
}
.accordvf, .accordvg {
    width: 100%;
	max-width: 100%;
	clear: both;
}
.accordvg {
	margin-top: 25px;
}
.accordvf {
    margin-right: 0%;
}
.accordva, .veranstda, .kvab {
    font-size: 17px;
    line-height: 26px;
}
.kontc, .kontd {
    margin-top: 20px;
}
.indexxxxx {
    padding-top: 50px;
}
.accordb {
    padding-top: 20px;
}
.accorda {
    font-size: 20px;
    line-height: 20px;
}
.parte {
    margin-top: 50px;
}
.mite {
    margin-top: 26px;
    margin-bottom: 26px;
}
.labor, .kont, .veranst {
    margin-top: 10px;
}
.heade, .headea {
    width: 27px;
}
.headeb {
    width: 19px;
}
.headdx {
    margin-left: 50px;
}
.tlinka {
    font-size: 16px;
    top: -4px;
    left: 1px;
}
.indexe {
    top: 25px;
	right: 25px;
}
h1 {
    font-size: 23px;
    line-height: 29px;
}
.indexd {
    left: 25px;
    font-size: 18px;
    line-height: 24px;
}
.headax {
    right: 25px;
}
.labora, .mit, .mite, .laborb, .parta, .partax, .headbx, .joba, .jobb, .konta, .kontb {
    padding-left: 25px;
    padding-right: 25px;
}
.veranstb {
    margin-left: 0px;
    float: left;
    clear: both;
    margin-top: 25px;
}
.veranstc, .veransta {
	width: 100%;
    margin-left: 0px;
    float: left;
    clear: both;
    margin-top: 25px;
}
.indexgb, .veranst {
	width: 100%;
    margin-left: 0px;
    padding-left: 25px;
    padding-right: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.indexpb {
	text-align: center;
    font-size: 15px;
    line-height: 24px;
    margin-top: 25px;
}
.indexg {
    margin-top: 40px;
}
.indexx {
    padding-bottom: 50px;
}
.indexi {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-bottom: 29px;
}
.indexp {
    margin-top: 29px;
}
.indexxx, .newsb {
    padding-left: 0px;
    padding-right: 0px;
}
.indexga, h2, h3, .mitdb, .labora, .partc, .konta, .veransta, .veranstb, .kvaf, .datena {
    font-size: 20px;
    line-height: 26px;
}
.indexfx, .indexkb {
    display: inline-block;
    margin-top: 15px;
    line-height: 24px;
}
.indexl, .indexj, .indexk, .indexm, .indexn, .indexo {
    width: 100%;
}
.indexh {
    width: 106px;
	right: 35px;	
}
.fooa {
    padding-left: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fooba {
    right: 25px;
}
.foob {
    padding-right: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.foobe {
    clear: both;
}
.fooh {
    width: 106px;
	top: -80px;
}
.foobd {
    margin-right: 25px;
}
.foobc {
    margin-right: 0px;
    margin-left: 25px;
	float: left;
	margin-top: 4px;
}
.fooba {
    width: 37px;
	margin-top: 12px;
}
.newsd {
	margin-top: 5px;
}
.mobilenav {
    padding-top: 25%;
}
.mnavd {
    width: 300px;
}
.mnavb {
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 18px;
}
.newsa {
    padding-bottom: 145px;
    padding-top: 40px;
}
.newsj {
    width: 30px;
    margin-left: -15px;
    top: -15px;
}
.indexd, .indexea {
	display: none;
}
}

/* landscape */
@media screen and (max-device-width : 414px) and (orientation : landscape)  { 
.mobilenav {
    padding-top: 10%;
}
	
}

@media screen and (max-width: 375px) {
.labore {
	width: 100%;
}
.indexq {
    font-size: 18px;
    line-height: 23px;
}
.formb {
    padding-bottom: 7px;
    padding-top: 7px;
    padding-left: 5px;
    padding-right: 5px;
}
.accordb {
    padding-bottom: 25px;
}
.veranstgb {
    width: 50%;
	margin-top: -2px;
}
.accorda {
    padding-left: 30px;
    padding-right: 35px;
	padding-top: 30px;
	padding-bottom: 0px;
}
.accord, .veranstd {
    background-size: 35px 35px;
}
.mitf, .mitg, .mith, .miti {
    width: 100%;
}
.partg {
	margin-top: 1px;
}
h1 {
    font-size: 22px;
    line-height: 28px;
}
.mnave, .mnavg {
    width: 20px;
}
.mnavf {
    width: 16px;
}
.mnavh {
    width: 24px;
}
.mnavi {
    top: -32px;
    width: 56px;
}
.indexi {
    padding-bottom: 26px;
}
.indexp {
    margin-top: 25px;
}
.indexpa {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.indexpb {
	display: none;
}
.kvai {
    padding-top: 27px;
    padding-bottom: 27px;
    padding-left: 27px;
    padding-right: 27px;
}
}

@media screen and (max-width: 320px) {
.kvapa, .kvap {
    margin-top: 30px;
}
.kvapb {
    width: 70px;
    margin-right: 15px;
}
.kvad, .kvada, .kvae, .kvadb {
    font-size: 13px;
    line-height: 20px;
}
.accorda, .accordva, .accordvd {
    padding-left: 27px;
    padding-right: 27px;
    padding-top: 27px;
    padding-bottom: 27px;
}
.kvab {
    padding-left: 27px;
    padding-bottom: 27px;
    padding-top: 27px;
}
.kvac {
    padding-left: 27px;
    padding-right: 27px;
}
.accord, .veranstd {
    background-size: 30px 30px;
}
.partf, .partg, .parth, .parti, .partj {
    width: 100%;
}
.respicond, .respicone, .indexfx, .indexkb, .indexpb {
	display: none;
}
.headbx {
    padding-top: 31px;
    padding-bottom: 38px;
}
.respicona {
    margin-right: 0px;
}
.indexh {
    width: 90px;
    right: 25px;
	bottom: -35px;
}
.foob {
    width: 70%;
}
.newsma {
    line-height: 21px;
    padding-top: 12px;
    padding-bottom: 10px;
    padding-left: 40px;
    padding-right: 39px;
}
.mnavb {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 16px;
}
.mnavd {
    width: 260px;
}
.mnavc {
    margin-top: 40px;
    margin-bottom: 60px;
}
}






@keyframes pulse {
0%, 100% {
}
50% {
    background-color: #afcb27;
}
}
	
@keyframes fadein {
	from{opacity:0;}to{opacity:1;}
}
@-moz-keyframes fadein {
	from{opacity:0;}to{opacity:1;}
}
@-webkit-keyframes fadein {
	from{opacity:0;}to{opacity:1;}
}
@-o-keyframes fadein {
	from{opacity:0;}to{opacity:1;}
}