/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, dialog, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face {
	font-family: 'Roboto';
	font-weight: 100;
	font-display: swap;
	src:	url(../fonts/roboto/Roboto-Thin.eot);
	src:	url(../fonts/roboto/Roboto-Thin.eot?#iefix) format('embedded-opentype'),
				url(../fonts/roboto/Roboto-Thin.otf) format('otf'),
				url(../fonts/roboto/Roboto-Thin.svg#Roboto-Thin) format('svg'),
				url(../fonts/roboto/Roboto-Thin.ttf) format('truetype'),
				url(../fonts/roboto/Roboto-Thin.woff) format('woff'),
				url(../fonts/roboto/Roboto-Thin.woff2) format('woff2');
	}
	
@font-face {
	font-family: 'Roboto';
	font-weight: 300;
	font-display: swap;
	src:	url(../fonts/roboto/Roboto-Light.eot);
	src:	url(../fonts/roboto/Roboto-Light.eot?#iefix) format('embedded-opentype'),
				url(../fonts/roboto/Roboto-Light.otf) format('otf'),
				url(../fonts/roboto/Roboto-Light.svg#Roboto-Light) format('svg'),
				url(../fonts/roboto/Roboto-Light.ttf) format('truetype'),
				url(../fonts/roboto/Roboto-Light.woff) format('woff'),
				url(../fonts/roboto/Roboto-Light.woff2) format('woff2');
	}

@font-face {
	font-family: 'Roboto';
	font-weight: 400;
	font-display: swap;
	src:	url(../fonts/roboto/Roboto-Regular.eot);
	src:	url(../fonts/roboto/Roboto-Regular.eot?#iefix) format('embedded-opentype'),
				url(../fonts/roboto/Roboto-Regular.otf) format('otf'),
				url(../fonts/roboto/Roboto-Regular.svg#Roboto-Regular) format('svg'),
				url(../fonts/roboto/Roboto-Regular.ttf) format('truetype'),
				url(../fonts/roboto/Roboto-Regular.woff) format('woff'),
				url(../fonts/roboto/Roboto-Regular.woff2) format('woff2');
	}

@font-face {
	font-family: 'Roboto';
	font-weight: bold;
	font-display: swap;
	src:	url(../fonts/roboto/Roboto-Bold.eot);
	src:	url(../fonts/roboto/Roboto-Bold.eot?#iefix) format('embedded-opentype'),
				url(../fonts/roboto/Roboto-Bold.otf) format('otf'),
				url(../fonts/roboto/Roboto-Bold.svg#Roboto-Bold) format('svg'),
				url(../fonts/roboto/Roboto-Bold.ttf) format('truetype'),
				url(../fonts/roboto/Roboto-Bold.woff) format('woff'),
				url(../fonts/roboto/Roboto-Bold.woff2) format('woff2');
	}

#c69 p:last-child::before {content:"\f103";font-family: flaticon !important;font-size:3em;float:left;margin:18px 48px 48px 0;}
	
	
html {
font-size: 125%;
overflow: scroll;
height: 100%;
}

body {
font-size: 50%;
font-family: 'Roboto', sans-serif;
background-color: #ffffff;
position: relative;
min-height: 100%;
height: 100%;
}

header {hyphens:auto;}
* {
    padding: 0;
    margin: 0;
    line-height: 100%;
}

ol li, ul li, input, p, label, textarea {
	font-family: 'Roboto', sans-serif;
    font-size: 2em;
	font-weight: 300;
    line-height: 36px;
    margin-bottom: 26px;
    color: #313131;
}

p:last-child {margin-bottom:0;}
#maincontent ul {padding-left:20px;}
#maincontent ul li {margin:0 4% 5px 0;list-style-type:disc;width:46%;float:left;}

#maincontent ul.ce-uploads li {float:none;width:100%;margin-bottom:35px;}
#maincontent ul.ce-uploads li .ce-uploads-description,
#maincontent ul.ce-uploads li .ce-uploads-filesize {display:block;clear:both;color:#333333;margin-top:5px;}
#maincontent ul.ce-uploads li.icon-pdf {background-image:url("../images/pdf.png");background-size:34px 34px;background-repeat:no-repeat;padding-left:40px;}
#maincontent ul.ce-uploads li.icon-pdf a {display:block;}

#maincontent .frame-type-menu_sitemap_pages ul li {float:none;width:100%;}

ol ol li,
ul ul li {
    font-size: 1em;
}

label {
	display: block;
}

select, textarea, input, textarea {
	border: 1px solid #bcbbba;
	box-sizing: border-box;
	padding: 2px 13px;
	width: 100%;
}

select {
	padding: 10px 12px;
}

a {
color: #00a19c;
text-decoration: none;
-webkit-transition: all 250ms ease-out 50ms;
-moz-transition: all 250ms ease-out 50ms;
-o-transition: all 250ms ease-out 50ms;
transition: all 250ms ease-out 50ms;
}

a:hover {
	color: #8cab34;
}

h1 {
	font-size: 4.8em;
	font-weight: 500;
	line-height: 54px;
	margin-bottom: 24px;
	color: #81bc00;
	text-transform: uppercase;
}

h2 {
	font-size: 3.3em;
	font-weight: 400;
	color: #313131;
	line-height: 45px;
	margin-top: 45px;
	margin-bottom: 26px;
	text-transform: uppercase;
}

h2.headline-green,
h2.headline-orange,
h2.headline-gray,
h2.ce-headline-headline-green,
h2.ce-headline-headline-orange,
h2.ce-headline-headline-gray,
h3.headline-green,
h3.headline-orange,
h3.headline-gray,
h3.ce-headline-headline-green,
h3.ce-headline-headline-orange,
h3.ce-headline-headline-gray {
	position: relative;
	padding-bottom: 23px;
}

h2.headline-green::after,
h2.headline-orange::after,
h2.headline-gray::after,
h2.ce-headline-headline-green::after,
h2.ce-headline-headline-orange::after,
h2.ce-headline-headline-gray::after,
h3.headline-green::after,
h3.headline-orange::after,
h3.headline-gray::after,
h3.ce-headline-headline-green::after,
h3.ce-headline-headline-orange::after,
h3.ce-headline-headline-gray::after {
	content: "";
	width: 169px;
	height: 2px;
	background-color: #ff8e11;
	position: absolute;
	left: 0;
	bottom: 0;
}

h2.headline-green::after,
h2.ce-headline-headline-green::after,
h3.headline-green::after,
h3.ce-headline-headline-green::after {
	background-color: #007a6b;
}

h2.headline-gray::after,
h2.ce-headline-headline-gray::after,
h3.headline-gray::after,
h3.ce-headline-headline-gray::after {
	background-color: #cccccc;
}

h2.zentriert {text-align:center;}
h2.zentriert::after {left:50%;margin-left:-85px;}

h3.zentriert {text-align:center;}
h3.zentriert::after {left:50%;margin-left:-85px;}

h1+h2 {
	margin-top: -18px;
	margin-bottom: 30px;
	color: #323e48;
}

h3, h4, h5 {
    color: #313131;
    font-weight: 600;
}

h3 {
    font-size: 2.4em;
    line-height: 36px;
    margin-top: 36px;
    margin-bottom: 24px;
}

h4, h5 {
    font-size: 2.4em;
    line-height: 30px;
    margin-top: 30px;
    margin-bottom: 18px;
	text-transform: uppercase;
	font-weight: 300;
}

h5 {
    font-size: 1.8em;
    color: #323e48;
    margin-bottom: 12px;
}

.two-cols-50-50 > h2 {padding:0 34px;}

p.hinweis-kein-headerbild {margin-top:50px;color:#ff0000;font-weight:400;text-align:center;clear:both;outline:1px solid red;padding:25px;}

img {
    display: block;
    width: 100%;
    height: auto;
}

table {
	border-collapse: collapse;
	border-radius: 24px 24px 0 0;
	overflow: hidden;
	width: 100%;
	margin: 24px 0 36px 0;
}

table p {
    font-size: 1em;
}

table p:last-child {
    margin-bottom: 0;
}

table div {
	line-height: 140%;
}

caption, td, th {
	border-bottom: 1px solid #d0d3d6;
	padding: 8px 15px;
	vertical-align: top;
	font-size: 2em;
    line-height: 30px;
    color: #323e48;
}

th {
    border: none;
    color: #ffffff;
}

table ul li {
	font-size: 1em;
}

.stacktable.small-only td.st-val {
	width: 56%;
}

.stacktable.small-only tr.td-empty {
	display: none;
}

table thead tr {
	background-color: #004a87;
	border:none;
	color: #fff;
}

table thead tr th {
	text-align: left;
	padding: 9px 18px 8px 18px;
}

table tbody tr.second-table-header,
table tbody tr.second-table-header td {
	background-color: #d0d3d6;
	border: none;
	color: 8px 15px;
	font-weight: bold;
} 

table tbody tr td {
	background-color: #fff;
	font-size: 1.8em;
}

.stacktable.small-only td {
	border-width: 0 0 2px 0;
}

.stacktable.small-only td.st-key {
  border-color: transparent;
  background-color: #9c132e;
	width: 40%;
	color: #fff;
}

.stacktable.small-only td.st-val {
	width: 56%;
}

.stacktable.small-only tr.td-empty {
	display: none;
}

table tr th.td-05,
table tr td.td-05 {width: 5%;}
table tr th.td-10,
table tr td.td-10 {width: 10%;}
table tr th.td-15,
table tr td.td-15 {width: 15%;}
table tr th.td-18,
table tr td.td-18 {
	width: 18.75%;
	padding: 9px;
	font-weight: normal;
	font-size: 1.8em;
}
table tr th.td-20,
table tr td.td-20 {width: 20%;}
table tr th.td-25,
table tr td.td-25 {width: 25%;}
table tr th.td-33,
table tr td.td-33 {width: 33%;}
table tr th.td-40,
table tr td.td-40 {width: 40%;}
table tr th.td-45,
table tr td.td-45 {width: 45%;}
table tr th.td-50,
table tr td.td-50 {width: 50%;}
table tr th.td-75,
table tr td.td-75 {width: 75%;}

.td-right {
	text-align: right;
}


/*************************
 GENERAL CLASSES
*************************/

.clearer {
    clear: both;
}

.wrapper {
    width: 100%;
    max-width: 135.8em;
    margin: 0 auto;
    position: relative;
}

.text-orange {
	color: #ff8e11;
	font-weight: 400;
}

.text-green {
	color: #007a6b;
	font-weight: 400;
}

.text-italic-bold {
	font-weight: 400;
	font-style: italic;
}

.text-italic,
em .text-orange,
em .text-green {
	font-style: italic;
	font-weight: 300;
}

.text-centered,
.text-center {
	text-align: center;clear:both;
}

.text-large {
	font-size: 2.8em;
	line-height: 39px;
	padding-top:39px;
}

.text-small {
	font-size: 1.8em;
	line-height: 33px;
}

.space-before-extra-small {margin-top: 39px;}
.space-before-small {margin-top: 52px;}
.space-before-medium {margin-top: 65px;}
.space-before-large {margin-top: 78px;}
.space-before-extra-large {margin-top: 104px;}

/*************************
 News
*************************/
.news-list-view {display:inline-block;width:100%;}
.news-list-view .article {margin-bottom:39px;}
.news-list-view .article:last-child {margin-bottom:0;}
.news-list-view img {margin-right:39px;}
.news-list-view a {display:inline-block;position:relative;width:100%;height:100%;}
.news-list-view .news-img-wrap {float:left;width:33.33%;display:inline-block;}
.news-list-view .news-list-content {float:right;width:66.66%;}
.news-list-view .news-list-content .news-list-date p, 
.news-list-view .news-list-content .header,
.news-list-view .news-list-content .teaser-text {padding-left:39px;}
.news-list-view .button p {color:#ffffff;font-weight:400;}
.news-list-view a:hover .button {background-color: #eeeeee;}
.news-list-view a:hover .button p {color:#007A6B;}

.news-single {display:inline-block;width:100%;}
.news-single .news-img-wrap {float:right;width:33.33%;}
.news-single .news-text-wrap {float:left;width:66.66%;}
.news-single .news-text-wrap .news-list-date p, 
.news-single .news-text-wrap .header,
.news-single .news-text-wrap .teaser-text,
.news-single .news-text-wrap .news-single-content {padding-right:39px;}
.news-single .news-text-wrap .news-single-content p:last-child {margin-bottom:0 !important;}
.news-single .news-text-wrap .teaser-text {margin-bottom:39px;}
.news-single .news-img-wrap .outer {margin-bottom:39px;}
.news-single .news-img-wrap .outer:last-child {margin-bottom:0;}
.news-single .button p {color:#ffffff;font-weight:400;}
.news-single .button:hover {background-color: #eeeeee;}
.news-single .button:hover p {color:#007A6B;}
.news-single .news-backlink-wrap {float:left;clear:both;}

.news-list-view ul.f3-widget-paginator {padding:0 !important;}
.news-list-view ul.f3-widget-paginator li {box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15);list-style-type:none;width:auto !important;display:inline-block;margin:0 2px 0 0 !important;background-color: #007a6b;border: none;cursor: pointer;padding: 3px 13px;font-weight: 400;transition: all 250ms ease-out;}
.news-list-view ul.f3-widget-paginator li:hover {background-color: #eeeeee;transition: all 250ms ease-out;}
.news-list-view ul.f3-widget-paginator li a {color: #ffffff;transition: all 250ms ease-out;}
.news-list-view ul.f3-widget-paginator li:hover a{color: #007a6b;transition: all 250ms ease-out;}

/*************************
 POWERMAIL
*************************/

span.mandatory {
	color: red;
}

.layout-25-left,
.layout-25-right {
	float: left;
	width: 25%;
}

.layout-50-left,
.layout-50-right {
	float: left;
	width: 50%;
}

.layout-75-left,
.layout-75-right {
	float: left;
	width: 75%;
}

.layout-25-left label,
.layout-25-left .powermail_field,
.layout-25-left .input-description,
.layout-50-left label,
.layout-50-left .powermail_field,
.layout-50-left .input-description,
.layout-75-left label,
.layout-75-left .powermail_field,
.layout-75-left .input-description {
	padding-right: 15px;
}

.layout-25-right label,
.layout-25-right .powermail_field,
.layout-25-right .input-description,
.layout-50-right label,
.layout-50-right .powermail_field,
.layout-50-right .input-description,
.layout-75-right label,
.layout-75-right .powermail_field,
.layout-75-right .input-description {
	padding-left: 15px;
}




button, 
.button, 
input[type="submit"] {
  background-color: #007a6b;
  border: none;
  display: inline-block;
  cursor: pointer;
  width: auto;
  margin-top: 42px;
  padding: 3px 13px;
  color: #ffffff;
  font-weight: 400;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15);
  -webkit-transition: all 250ms ease-out 50ms;
  -moz-transition: all 250ms ease-out 50ms;
  -o-transition: all 250ms ease-out 50ms;
  transition: all 250ms ease-out 50ms;
}

.ueber-uns .button a,
.ueber-uns input[type="submit"] {color:#ffffff;}
.ueber-uns .button:hover,
.ueber-uns input[type="submit"]:hover {background-color: #eeeeee;}
.ueber-uns .button:hover a,
.ueber-uns input[type="submit"]:hover {color:#007a6b;}

.parsley-required {color:#ff0000;}
input.parsley-error,
textarea.parsley-error {outline:1px solid red;}

.powermail_fieldset {border:1px solid #eeeeee;padding:24px;margin-bottom:24px;}
.powermail_fieldset.nolabel {border:none;}
.powermail_legend {font-size:2.2em;font-weight:400;padding:5px 24px;background-color:#eeeeee;margin-left:1em;}
.powermail_fieldset .checkbox input {width:10%;margin-bottom:0;}
.powermail_fieldset label {margin-bottom:0;}
.powermail_fieldset .powermail_submit {margin-top:0;}

/*************************
 HEADER
*************************/

#header-top {
	position: relative;
	z-index: 10;
	height:171px;
}

#header-top #logo {
	float: left;
	width: 16.348%;
	margin-top: 46px;
}

#header-top #logo a {
	display: block;
}

#header-top #logo img {
	width: 22em;
	max-width:100%;
}

#header-image {
	position: relative;
	top: -51px;
	z-index: 5;
}

#header-image.useite {
	max-height: 600px;
	overflow: hidden;
}

#header-info {
	float: right;
	width: 49.043%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 120px;
}

#header-info > div {
	float: left;
	width: 33%;
}

#header-info > div p {
	font-size: 1.4em;
	line-height: 21px;
	color: #707271;
	float: left;
	margin: 0;
}

#header-info .header-info-icon {
	float: left;
	width: 20%;
}

#header-info .header-info-icon i {
	font-size: 2.6em;
	color: #b6b7b6;
	padding-top: 6px;
	display: inline-block;
}

#header-info #search-top {
	padding-right: 39px;
}

#header-info #search-top fieldset {
	border: none;
}

#header-info #search-top #search-top-wrap {
	position: relative;
}

#header-info #search-top #search-top-wrap .search-field {
	border: 1px solid #979897;
	padding: 2px 13px;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	color: #707271;
}

#header-info #search-top #search-top-wrap .search-button {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  width: auto;
  padding: 0;
	margin: 0;
}

#header-image-text,
#header-image header {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 30%;
}

#header-image h1 {
	color: #313131;
	font-size: 7.2em;
	font-weight: 300;
	margin-bottom: 13px;
}

#header-image h2 {
	color: #313131;
	font-size: 4.4em;
}

#header-image h2 {
	margin: 0;
}

#header-image h1 span.text-bg-white,
#header-image h2 span.text-bg-white {
	background-color: #ffffff;
	padding: 13px 26px;
	display: inline-block;
}

#header-bottom {
	position: relative;
	z-index: 10;
}

#header-bottom::before {
	content: "";
	position: absolute;
	width: 50%;
	height: 100%;
	left: 0;
	bottom: 0;
	background-color: #ff8e11;
	border-bottom: 13px solid #ffbb70;
	z-index: 5;
}

#header-bottom::after {
	content: "";
	position: absolute;
	width: 50%;
	height: 100%;
	right: 0;
	bottom: 0;
	background-color: #007a6b;
	border-bottom: 13px solid #66afa6;
	z-index: 5;
}	

#header-bottom.security {
	background-color: #ff8e11;
	border-bottom: 13px solid #ffbb70;
	padding: 26px 0 52px 0;
}

#header-bottom.security::before,
#header-bottom.security::after {
	display: none;
}

#header-bottom.security h3 {
	color: #ffffff;
	margin: 0;
	font-size: 3.6em;
	line-height: 44px;
	font-weight: 200;
	position: relative;
	padding-bottom: 13px;
	margin-bottom: 26px;
	text-align: center;
}

#header-bottom.security h3::after {
	content: "";
	width: 169px;
	height: 2px;
	background-color: #ffffff;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -84px;
}

#header-security-bg {
  top: -146px;
  position: relative;
  color: #fff;
  min-height: 200px;
  -webkit-transform: skewY(-2deg);
  transform: skewY(-2deg);
  background-color: #ff8e11;
}

#header-security-bg-border {
  top: -130px;
  position: relative;
  color: #fff;
  min-height: 30px;
  -webkit-transform: skewY(-2deg);
  transform: skewY(-2deg);
  background-color: rgba(255,142,17,.6);
}

#header-bottom .wrapper {
	z-index: 10;
	margin-top: -260px;
}

#header-bottom .col-left {
	background-color: #ff8e11;
	border-bottom: 13px solid #ffbb70;
}

#header-bottom .col-right {
	background-color: #007a6b;
	border-bottom: 13px solid #66afa6;
}

#header-bottom .col-left > div,
#header-bottom .grid-column-10 > div {
	padding: 39px;
	text-align: right;
}

#header-bottom .col-right > div,
#header-bottom .frame {padding: 39px 0 !important;}

#header-bottom.security p,
#header-bottom .col-left > div p,
#header-bottom .col-right > div p,
#header-bottom .frame p {
	color: #ffffff;
	font-size: 2.2em;
	line-height: 39px;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

#header-bottom.security p {
	text-align: center;
}

#header-bottom .col-left > div h3,
#header-bottom .col-right > div h3,
#header-bottom h3 {
	color: #ffffff;
	margin: 0;
	font-size: 3.6em;
	font-weight: 400;
}

#header-bottom .col-left > div h4,
#header-bottom .col-right > div h4,
#header-bottom .grid-column-10 > div h4,
#header-bottom .grid-column-20 > div h4,
.pid-5 #header-bottom .frame h3 {
	color: #ffffff;
	font-weight: 100;
	font-size: 3em;
	margin-top: 13px;
	position: relative;
	padding-bottom: 13px;
	margin-bottom: 26px;
}

#header-bottom .col-left > div h4::after,
#header-bottom .col-right > div h4::after,
#header-bottom .frame h4::after,
.pid-5 #header-bottom .frame h3::after  {
	content: "";
	width: 169px;
	height: 2px;
	background-color: #ffffff;
	position: absolute;
	left: 0;
	bottom: 0;
}

.pid-5 #header-bottom .frame h3 {text-align:center;font-size:3.6em;line-height: 44px;}
.pid-5 #header-bottom .frame p {text-align:center;}
.pid-5 #header-bottom .frame h3::after {left:50%;margin-left:-84px;}

#header-bottom .col-left > div h4::after,
#header-bottom .grid-column-10 > div h4::after {
	left: auto;
	right: 0;
}

#header-bottom-bg {
	top: -120px;
	position: relative;
	color: #fff;
	min-height: 200px;
	-webkit-transform: skewY(-2deg);
	transform: skewY(-2deg);
	background: -webkit-linear-gradient(left, #ff8e11 50%,#207cca 50%,#007a6b 50%);
	background: linear-gradient(to right, #ff8e11 50%,#207cca 50%,#007a6b 50%);
}

.pid-5 #header-bottom-bg,
.pid-5 #header-bottom-bg::before,
.pid-5 #header-bottom::after {background:#FF8E11;}
.pid-5 #header-bottom-bg::after {background:rgba(255,142,17,0.6);}
.pid-5 #header-bottom::after {border-bottom: 13px solid #ffbb70;}
.pid-5 #header-bottom .frame {padding-bottom:90px !important;}

.pid-5.Event #header-bottom-bg,
.pid-5.Event #header-bottom-bg::before,
.pid-5.Event #header-bottom::after {background:#007A6B;}
.pid-5.Event #header-bottom-bg::after {background:rgba(0,122,107,0.6);}
.pid-5.Event #header-bottom::after {border-bottom: 13px solid #53aa9f;}
.pid-5.Event #header-bottom::before {border-bottom: 13px solid #53aa9f;background-color: #007A6B;}

#header-bottom-bg::before {
	position: absolute;
	content: '';
	pointer-events: none;
	z-index: 99;
	width: 100%;
	height: 30px;
	display: table;
	top: 0px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmM0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMyMDdjY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDdhNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, #ff8e11 50%, #207cca 50%, #007a6b 50%);
	background: -webkit-linear-gradient(left, #ff8e11 50%,#207cca 50%,#007a6b 50%);
	background: linear-gradient(to right, #ff8e11 50%,#207cca 50%,#007a6b 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8e11', endColorstr='#007a6b',GradientType=1 );
}

#header-bottom-bg::after {
	position: absolute;
	content: '';
	pointer-events: none;
	z-index: 99;
	width: 100%;
	height: 30px;
	display: table;
	top: 0px;
	top: -10px;
	background: -webkit-linear-gradient(left, rgba(255,142,17,0.6) 50%,rgba(32,124,202,0.6) 50%,rgba(0,122,107,0.6) 50%);
	background: linear-gradient(to right, rgba(255,142,17,0.6) 50%,rgba(32,124,202,0.6) 50%,rgba(0,122,107,0.6) 50%);
}


/* *************************
	MAINNAVI
************************* */

#mainnavi {
	margin: 0 1.915%;
	float: left;
}

#mainnavi ul {
	float: left;
}

#mainnavi ul li {
	font-size: 1em;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
}

#mainnavi ul li a {
	font-size: 2em;
	font-weight: bold;
	color: #313131;
	display: block;
	padding: 45px 26px;
	line-height: 30px;
}

#mainnavi ul li.active a,
#mainnavi ul li a:hover {
	background-color: #fdeeda;
}

#mainnavi ul li.element-02.active a,
#mainnavi ul li.element-02 a:hover {
	background-color: #d7ebe7;
}

#mainnavi ul li.element-03.active a,
#mainnavi ul li.element-03 a:hover {
	background-color: #dfe0df;
}

#mainnavi ul li.active ul li a,
#mainnavi ul li.element-02.active ul li a,
#mainnavi ul li.element-03.active ul li a {
	background-color: #ffffff;
}

#mainnavi ul li ul {
	position: absolute;
	width: 100%;
	min-width: 33em;
	border-top: 6px solid #ff8e11;
	padding: 13px;
	box-sizing: border-box;
	background-color: #ffffff;
	opacity: 0;
	visibility: hidden;
	
	-webkit-transition: all 250ms ease-out 50ms;
	-moz-transition: all 250ms ease-out 50ms;
	-o-transition: all 250ms ease-out 50ms;
	transition: all 250ms ease-out 50ms;
}

#mainnavi ul li.element-02 ul {
	border-color: #007A6B;
}

#mainnavi ul li.element-03 ul {
	border-color: #313131;
}

#mainnavi ul li:hover ul {
	opacity: 1;
	visibility: visible;
}

#mainnavi ul li ul li {
	float: none;
}

#mainnavi ul li ul li a {
	padding: 7px 13px;
	font-weight: 300;
	border-bottom: 1px solid #fdeeda;
}

#mainnavi ul li.element-02 ul li a {
	border-color: #d7ebe7;
}

#mainnavi ul li.element-03 ul li a {
	border-color: #dfe0df;
}

#mainnavi ul li.active ul li a:hover,
#mainnavi ul li.active ul li.active a {
	background-color: #fdeeda;
}

#mainnavi ul li.element-02.active ul li a:hover,
#mainnavi ul li.element-02.active ul li.active a  {
	background-color: #d7ebe7;
}

#mainnavi ul li.element-03.active ul li a:hover,
#mainnavi ul li.element-03.active ul li.active a {
	background-color: #dfe0df;
}


/* *************************
	MAINCONTENT
************************* */

#maincontent {
	padding: 78px 0;display: inline-block;width: 100%;
}

#maincontent.home .two-cols {
	padding: 39px 0;
}

#maincontent.home .two-cols > div > div,
#maincontent.home .three-cols > div > div,
#maincontent.home .three-cols-33-33-33 > div > div > div,
#maincontent.home .frame {
	padding: 0 39px;
}

#maincontent.level-2,
#maincontent.level-3 {
	padding: 19px 0 98px 0;
}

#maincontent.useite .two-cols > div > div,
#maincontent.useite .three-cols > div > div,
#maincontent.useite .three-cols-33-33-33 > div > div {
	padding: 0 19px;
}

#maincontent.useite > .wrapper {
	padding: 0 20px;
	box-sizing: border-box;
}

#maincontent.home .three-cols > div > div h2,
#maincontent.home .three-cols-33-33-33 > div > div h2 {
	margin-top: 0;
}

#maincontent.home .one-col-80, {
	padding: 52px 39px;
}

#maincontent .one-cols-80-zentriert {padding:52px 10%;}

#maincontent .centered-content,
#maincontent.home .one-col-80.centered-content {
	text-align: center;
}

#maincontent h2.headline-green.text-centered::after,
#maincontent h2.headline-orange.text-centered::after,
#maincontent h2.headline-gray.text-centered::after,
#maincontent .centered-content h2.headline-green::after,
#maincontent .centered-content h2.headline-orange::after,
#maincontent .centered-content h2.headline-gray::after,
#maincontent .one-col-80.centered-content h2.headline-green::after,
#maincontent .one-cols-80-zentriert h2.ce-headline-headline-green::after,
#maincontent .one-col-80.centered-content h2.headline-orange::after,
#maincontent .one-cols-80-zentriert h2.ce-headline-headline-orange::after,
#maincontent .one-col-80.centered-content h2.headline-gray::after,
#maincontent .one-cols-80-zentriert h2.ce-headline-headline-gray::after {
	left: 50%;
	margin-left: -85px;
}

#contact {
	background-color: #313131;
	position: relative;
	border-top: 13px solid #989898;
	border-bottom: 13px solid #989898;
}

#contact::before {
	content: "";
	width: 50%;
	height: 100%;
	position: absolute;
	background-image: url("../images/contact-bg.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}

#contact h3 {
	color: #ffffff;
	font-size: 3.3em;
	font-weight: 300;
	line-height: 45px;
	margin-top: 0;
}

#contact p {
	color: #9f9f9f;
}

#maincontent .ce-textpic .cols-2 .ce-column {float:left;width:49%;margin-right:2%;}
#maincontent .ce-textpic .cols-2 .ce-column:nth-child(2n) {margin-right:0;}

#maincontent.home #contact .two-cols {
	padding: 0;
}

#maincontent.useite #contact .two-cols > div > div,
#maincontent.home #contact .two-cols > div > div,
#maincontent.home #contact .two-cols-50-50 > div > div > div{
	padding: 65px 39px;
}

#contact .contact-box .info-icon {
	float: left;
	width: 20%;
}

#contact .contact-box .info-text {
	float: left;
	width: 80%;
}

#contact .contact-box .info-icon i {
  font-size: 7.2em;
  color: #b1b1b1;
}

#contact fieldset {
	border: none;
}

#contact label {
	color: #929292;
	margin: 0 3px 0 0;
}

#contact textarea,
#contact input {
	border: none;
	color: #ffffff;
	background-color: #464646;
	margin-bottom: 13px;
}

#contact span.mandatory {
	color: #ffffff;
}

#contact .powermail_submit {
	background-color: #ffffff;
	color: #313131;
	margin-top: 13px;
}

#contact .powermail_submit:hover {
	color: #ffffff;
	background-color: #464646;
	-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0);
	box-shadow: 0px 3px 6px 0px rgba(0,0,0,0);
}

.frame-layout-menu-subpages-with-image header {padding:40px 0;}
.frame-layout-menu-subpages-with-image .ce-column {float:left;width:31.13%;margin:0 0 3.3% 0;position:relative;overflow:hidden;}
.frame-layout-menu-subpages-with-image .ce-column a {position:absolute;left:0;top:0;width:100%;height:100%;z-index:4;}
.frame-layout-menu-subpages-with-image .ce-column img {transform:scale(1);transition:all 0.2s ease-out;}
.frame-layout-menu-subpages-with-image .ce-column:hover img {transform:scale(1.1);transition:all 0.2s ease-out;}
.frame-layout-menu-subpages-with-image .col-center {margin:0 3.3% 3.3% 3.3%;}
.frame-layout-menu-subpages-with-image .image-caption {text-align:center;font-size:1.5em;}
.frame-layout-menu-subpages-with-image .col-inner {position:relative;}
.frame-layout-menu-subpages-with-image .col-inner .abdeckung-farbig {position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;
background: rgb(255,142,17);
background: -moz-linear-gradient(225deg, rgba(255,142,17,0) 0%, rgba(255,142,17,0.6) 100%);
background: -webkit-linear-gradient(225deg, rgba(255,142,17,0) 0%, rgba(255,142,17,0.6) 100%);
background: linear-gradient(225deg, rgba(255,142,17,0) 0%, rgba(255,142,17,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8e11",endColorstr="#ff8e11",GradientType=1);}
.frame-layout-menu-subpages-with-image .col-inner .image-caption {position:absolute;left:0;top:50%;z-index:2;text-align:center;width:100%;}
.frame-layout-menu-subpages-with-image .col-inner .image-caption p {color:#ffffff;text-shadow: 0px 0px 5px #000;}

.frame-layout-menu-subpages-with-image .hover-icon {transition:all 0.2s ease-out;
position: absolute;
width: 42px;
height: 42px;
background-color: #ff8e11;
z-index:3;
bottom: 104px;
left: 50%;
margin-left: -21px;
border-radius: 50%;
-webkit-transition: all 250ms ease-out 50ms;
-moz-transition: all 250ms ease-out 50ms;
-o-transition: all 250ms ease-out 50ms;
transition: all 250ms ease-out 50ms;
}
.frame-layout-menu-subpages-with-image .ce-column:hover .hover-icon {background-color: #313131;transition:all 0.2s ease-out;}
.frame-layout-menu-subpages-with-image .hover-icon i {color: #ffffff;display: flex;justify-content: center;align-items: center;font-size: 2.2em;height: 100%;}

figcaption {font-size: 2em;font-weight: 300;line-height: 36px;margin-bottom: 26px;color: #313131;}

#maincontent .frame {clear:both;margin:0 39px 39px 39px;display:block;width:auto;}

.two-cols-50-50 .grid-column-10 .frame,
.two-cols-50-50 .grid-column-20 .frame,
.three-cols-33-33-33 .grid-column-10 .frame,
.three-cols-33-33-33 .grid-column-20 .frame,
.three-cols-33-33-33 .grid-column-30 .frame {margin:0 6% 39px 6% !important;display:inline-block !important; width:88% !important;}



#maincontent .frame-space-before-20 {margin-top:20px;}
#maincontent .frame-space-before-40 {margin-top:40px;}
#maincontent .frame-space-before-60 {margin-top:60px;}
#maincontent .frame-space-before-80 {margin-top:80px;}

#maincontent .frame-space-after-20 {margin-bottom:20px;}
#maincontent .frame-space-after-40 {margin-bottom:40px;}
#maincontent .frame-space-after-60 {margin-bottom:60px;}
#maincontent .frame-space-after-80 {margin-bottom:80px;}



.ce-textpic.ce-left.ce-intext .ce-gallery {width:30%;float:left;margin:0 2% 2% 0;}
.ce-textpic.ce-right.ce-intext .ce-gallery {width:30%;float:right;margin:0 0 2% 2%;}
.ce-textpic.ce-left.ce-above .ce-gallery {margin-bottom:2%;}
.ce-textpic.ce-left.ce-below .ce-gallery {margin-top:2%;}
.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-bodytext {width:68%;float:right;}
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext {width:68%;}

.frame header h1:first-child,
.frame header h2:first-child,
.frame header h3:first-child,
.frame header h4:first-child,
.frame header h5:first-child {margin-top:0;}

.frame-type-textmedia .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-bodytext h1:first-child,
.frame-type-textmedia .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-bodytext h2:first-child,
.frame-type-textmedia .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-bodytext h3:first-child,
.frame-type-textmedia .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-bodytext h4:first-child,
.frame-type-textmedia .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-bodytext h5:first-child {margin-top:0;}

.frame-type-textmedia .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext h1:first-child,
.frame-type-textmedia .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext h2:first-child,
.frame-type-textmedia .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext h3:first-child,
.frame-type-textmedia .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext h4:first-child,
.frame-type-textmedia .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext h5:first-child {margin-top:0;}




/* *************************
	LOCATION
************************* */

#member,
#locations {
	padding: 52px 0;
	margin: 52px 0;
	background-color: #ffeedc;
}

#member {
	background-color: #ffffff;
}

#maincontent.useite #member .two-cols > div > div {
	padding: 0 39px 0 0;
}

#member .ce-textpic {
	padding: 39px;
	border: 1px solid #e5e5e5;
}

#member .ce-textpic img {
	width: auto;
	margin: 0 auto;
}

.header-left-wrap {
	float: left;
	width: 26.436%;
}

.location-right-wrap {
	float: right;
	width: 67.305%;
}

.location-right-wrap .four-cols > div > div {
	margin-right: 39px;
}

.location-right-wrap ul li {
	list-style-type: none;
	font-size: 1.6em;
	line-height: 33px;
	margin-bottom: 0;
}



/* *************************
	COLS
************************* */

.two-cols > div.clearer,
.three-cols > div.clearer,
.four-cols > div.clearer,
.five-cols > div.clearer {
	float: none;
	width: 100%;
}

.one-cols-80-zentriert {width: 80%;padding:0 10%;text-align:center;}

.two-cols > div,
.two-cols-50-50 .grid-column-10,
.two-cols-50-50 .grid-column-20 {
	float: left;
	width: 50%;
}

#contact .two-cols-50-50 .grid-column-10 .frame,
#contact .two-cols-50-50 .grid-column-20 .frame {margin:65px 39px !important;width:auto !important;}




.three-cols > div,
.three-cols-33-33-33 > div > div {
	float: left;
	width: 33.33%;
}

.four-cols > div {
	float: left;
	width: 25%;
}

.five-cols > div {
	float: left;
	width: 20%;
}

#contact {margin-bottom:52px;}
#after_contact .two-cols-50-50 {padding: 52px 0;}

#einzugsgebiet {background-color:#FFEEDC;width:100%;padding:52px 0;}
#einzugsgebiet .frame {display: grid;grid-template-columns: 30% 60%;grid-gap: 10%;align-items:center;margin:0;}
#einzugsgebiet header {width:100%;}
#einzugsgebiet header h2 {margin:45px 39px;}
#einzugsgebiet ul {width:100%;display:inline-block;padding:0;}
#einzugsgebiet ul li {float:left;width:29.33%;list-style-type: none;font-size: 1.6em;line-height: 33px;margin: 0 2%;padding:0;}

.event #einzugsgebiet {background-color:#c5e0dc;}

#mitglied {width:100%;padding:52px 0;}
#mitglied .frame {display: grid;grid-template-columns: 30% 60%;grid-gap: 10%;align-items:center;}
#mitglied .frame .ce-column {width:50%;float:left;}
#mitglied .frame .ce-center .ce-column img {margin:0 auto;}
#mitglied .frame .ce-column img {padding:0 5%;width:auto;}
#mitglied header {width:100%;}
#mitglied header h2 {margin:45px 39px;}

/* *************************
	Boxen
************************* */

.hover-box a {
	display: block;
	position: relative;
	overflow: hidden;
	margin-bottom: 39px;
}

.hover-box .hover-image {
	position: relative;
}

.hover-box .hover-image img {
	-webkit-transition: all 250ms ease-out 50ms;
	-moz-transition: all 250ms ease-out 50ms;
	-o-transition: all 250ms ease-out 50ms;
	transition: all 250ms ease-out 50ms;
}

.hover-box a:hover .hover-image img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.hover-box .hover-image::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	z-index: 5;
}

.hover-box .hover-image::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgb(255,142,17);
	top: 0;
	left: 0;
	z-index: 10;
	background: rgb(255,142,17);
	background: -moz-linear-gradient(45deg, rgba(255,142,17,0.6) 0%, rgba(255,142,17,0) 100%);
	background: -webkit-linear-gradient(45deg, rgba(255,142,17,0.6) 0%, rgba(255,142,17,0) 100%);
	background: linear-gradient(45deg, rgba(255,142,17,0.6) 0%, rgba(255,142,17,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8e11",endColorstr="#ff8e11",GradientType=1); 
}

.hover-box .hover-title {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 15;
}

.hover-box .hover-title p {
	color: #ffffff;
}

.hover-box .hover-icon {
	position: absolute;
	width: 42px;
	height: 42px;
	background-color: #ff8e11;
	z-index: 99;
	bottom: 104px;
	left: 50%;
	margin-left: -21px;
	border-radius: 50%;
	-webkit-transition: all 250ms ease-out 50ms;
	-moz-transition: all 250ms ease-out 50ms;
	-o-transition: all 250ms ease-out 50ms;
	transition: all 250ms ease-out 50ms;
}

.hover-box a:hover .hover-icon {
	background-color: #313131;
}

.hover-box .hover-icon i {
	color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.2em;
	height: 100%;
}

/* *************************
	FOOTER
************************* */

#footer {
	background-color: #313131;
	padding: 52px 0;
}

#footer .wrapper {
	margin-top: -120px;
}

#opening-footer,
#contact-footer {
	float: left;
	width: 20%;
}

#footer-info > div p {
	font-size: 1.4em;
	line-height: 21px;
	color: #707271;
	float: left;
	margin: 0;
}

#footer-info .footer-info-icon {
	float: left;
	width: 20%;
}

#footer-info .footer-info-icon i {
	font-size: 2.6em;
	color: #b6b7b6;
	padding-top: 6px;
	display: inline-block;
}

#footer-bottom-bg {
  top: -100px;
  position: relative;
  color: #fff;
  min-height: 30px;
  -webkit-transform: skewY(-2deg);
  transform: skewY(-2deg);
  background: -webkit-linear-gradient(left, #ff8e11 50%,#207cca 50%,#007a6b 50%);
  background: linear-gradient(to right, #ff8e11 50%,#207cca 50%,#007a6b 50%);
}

#footer-bottom-bg-black {
  top: -115px;
  position: relative;
  color: #fff;
  min-height: 100px;
  -webkit-transform: skewY(-2deg);
  transform: skewY(-2deg);
  background-color: #313131;
}

#footer-navi {
	float: right;
}

#footer-navi ul li {
	float: left;
	list-style-type: none;
	font-size: 1em;
	margin: 0 0 0 26px;
}

#footer-navi ul li a {
	color: #ffffff;
	font-size: 1.4em;
}






.compensate-for-scrollbar {margin-right:0 !important;}


.kesearchbox .powermail_input {width:70%;}
#kesearch_results .teaser_icon img {width:auto;}
#kesearch_results .teaser_icon {float:left;margin-right:24px;}
#kesearch_results .result-list-item {clear:both;margin-bottom:36px;display:inline-block;width:100%;}
#kesearch_results .result-list-item .result-title {font-size: 2.4em;line-height: 30px;margin-top: 30px;margin-bottom: 18px;text-transform: uppercase;font-weight: 300;}
#kesearch_results .result-list-item .result-teaser,
#kesearch_num_results,
#kesearch_results .result-number,
#kesearch_pagebrowser_bottom .result_txt  {font-family: 'Roboto', sans-serif;font-size: 2em;font-weight: 300;line-height: 36px;margin-bottom: 26px;color: #313131;}
#kesearch_results .hit {color:#ff0000;}
#kesearch_pagebrowser_bottom .kesearch_pagebrowser ul {padding:0;}
#kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li {box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15);list-style-type:none;width:auto;display:inline-block;margin:0 2px 0 0;background-color: #007a6b;border: none;cursor: pointer;padding: 3px 13px;font-weight: 400;transition: all 250ms ease-out;}
#kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li:hover {background-color: #eeeeee;transition: all 250ms ease-out;}
#kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li a {color: #ffffff;transition: all 250ms ease-out;}
#kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li:hover a{color: #007a6b;transition: all 250ms ease-out;}


/* *************************
	MEANMENU
************************* */

.mm-panel button {display:none;}

.mainnavi-button {
	display: none;
	position: absolute;
	left: 25px;
	top: 25px;
	width: 72px;
	height: 72px;
	z-index: 90;
}

.mainnavi-button a {
	display: block;
	height: 100%;
	width: 100%;
	background-color: #FF8E11;
	position: absolute;
	right: 0;
	top: 0;
	margin-right: 0;
	margin-top: 0;
	transition:background-color 0.25s ease-out;
}

.mainnavi-button a:hover {background-color: #007A6B;transition:background-color 0.25s ease-out;}

.mainnavi-button a span {
	display: block;
	width: 100%;
	margin-top: 18px;
}

.mainnavi-button a > span span {
	display: block;
	height: 6px;
	width: 66.66%;
	margin: 8px auto 8px auto;
	background-color: #ffffff;
}

body.security .mm-menu {
	background-color: #FF8E11;
}

body.event .mm-menu {
	background-color: #007A6B;
}

.mm-title {color:#313131 !important;}

.mm-listview {
	font-size: 1em;
	line-height: 100%;
}

.mm-listview > li > a {
	color:#313131;
	padding: 12px 12px 12px 24px;
}

body.security .mm-listview > li > a,
body.event .mm-listview > li > a {color: #ffffff;}

.mm-listview .mm-next {
	width: 48px;
}

.mm-btn::before {border-color: #313131 !important;}

body.security .mm-btn::before,
body.event .mm-btn::before {border-color: #ffffff !important;}

.mm-listview .mm-next + a, 
.mm-listview .mm-next + span {
	margin-right: 48px;
}

.mm-menu .mm-listview > li .mm-next::after, 
.mm-menu .mm-listview > li .mm-arrow::after {
	border-color: #313131;
}

body.security .mm-menu .mm-listview > li .mm-next::after, 
body.security .mm-menu .mm-listview > li .mm-arrow::after,
body.event .mm-menu .mm-listview > li .mm-next::after, 
body.event .mm-menu .mm-listview > li .mm-arrow::after {border-color: #ffffff;}

#mm-blocker {cursor:pointer;}

@media screen and (max-width: 1440px) {
#header-top .wrapper {max-width:95%;padding:0 2.5%;}
#header-info > div p {font-size:1.2em;}
#footer .wrapper {display:grid;grid-template-columns: 50% 50%;grid-gap:0;align-items:center;}
#footer  #opening-footer,
#footer #contact-footer {width:50%;}
#footer .wrapper > div {padding: 0 39px;}
#maincontent .frame-type-menu_subpages {margin:0 2.5%;width:95%;}
.frame-layout-menu-subpages-with-image .col-inner .image-caption {top:40%;padding:0 5%;width:90%;}
}

@media screen and (max-width: 1280px) {
#maincontent.level-2 {padding: 70px 0 98px 0;}
#header-image {top:0;}
#header-info {display:inline-block;padding:24px 0;width:42%;}
#header-info #search-top {width:100%;padding-right:0;}
#header-info #contact-top,
#header-info #opening-top {width:50%;padding-top:12px;}
#header-bottom .grid-column-10 > div,
#header-bottom .grid-column-20 > div {padding:39px 0;}
.frame-layout-menu-subpages-with-image .col-inner .image-caption {top:30%;}

}

@media screen and (max-width: 1024px) {
#header-image {width:100%;}
.security #header-image img,
.event #header-image img,
.ueber-uns #header-image img,
.pid-27 #header-image img {height:auto;object-fit: cover;}
#header-image img,
#page-7 #header-image img,
#page-16 #header-image img,
#page-35 #header-image img {height:625px;object-fit: cover;}
#page-41 #header-image img {height:400px;object-fit: cover;}
#header-top #logo {margin: 23px 0 0 150px;}
#header-info {width:55%;}
.mainnavi-button {display:block !important;}
#mainnavi {display:none;}
#contact::before {width:100%;height:35%;}
#contact .grid-column-10,
#contact .grid-column-20 {width:100%;display:inline-block;float:none;}
#contact .powermail_fieldset {padding:0;}
.three-cols-33-33-33 .grid-column-10 {width:100%;}
.three-cols-33-33-33 .grid-column-20,
.three-cols-33-33-33 .grid-column-30 {width:50%;}
#einzugsgebiet .frame {display:block;}
#einzugsgebiet .frame h2 {text-align:center;}
#mitglied .frame {display:block;}
#mitglied .frame h2 {text-align:center;}
#mitglied .frame br {display:none;}
#footer .wrapper {display:inline-block;width:100%;}
#footer .wrapper > div {width:80%;float:left;}
#footer #footer-navi {margin-top:52px;}
#footer-navi ul li:first-child {margin-left:0;}
.frame-layout-menu-subpages-with-image .col-inner .image-caption {top:20%;font-size:1.2em;}
.frame-layout-menu-subpages-with-image .hover-icon {bottom:50px;}
#maincontent .wrapper ul {display:inline-block;width:100%;}
#maincontent .wrapper li {width:90%;}
#maincontent #einzugsgebiet ul li {width:29.33%;text-align:center;}
#maincontent .one-cols-80-zentriert {width:auto;padding:52px 39px;}
#maincontent .one-cols-80-zentriert .frame {margin:0 !important;}
}

@media screen and (max-width: 840px) {
#header-image h1 span.text-bg-white {margin:0 5%;}
#header-image h2 span.text-bg-white {margin:0 2.5%;}
#header-bottom-bg {
	background: -webkit-linear-gradient(left, #ff8e11 50%,#207cca 50%,#ff8e11 50%);
	background: linear-gradient(to right, #ff8e11 50%,#207cca 50%,#ff8e11 50%);
}
#header-bottom-bg::before {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmM0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMyMDdjY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDdhNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, #ff8e11 50%, #207cca 50%, #ff8e11 50%);
	background: -webkit-linear-gradient(left, #ff8e11 50%,#207cca 50%,#ff8e11 50%);
	background: linear-gradient(to right, #ff8e11 50%,#207cca 50%,#ff8e11 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8e11', endColorstr='#ff8e11',GradientType=1 );
}
#header-bottom-bg::after {
  background: -webkit-linear-gradient(left, rgba(255,142,17,0.6) 50%,rgba(32,124,202,0.6) 50%,rgba(255,142,17,0.6) 50%);
  background: linear-gradient(to right, rgba(255,142,17,0.6) 50%,rgba(32,124,202,0.6) 50%,rgba(255,142,17,0.6) 50%);
}
#header-bottom .grid-column-10 {
	background-color: #ff8e11;
	border-bottom: 13px solid #ffbb70;
}

#header-bottom .grid-column-20 {
	background-color: #007a6b;
	border-bottom: 13px solid #66afa6;
}
.frame-layout-menu-subpages-with-image .ce-column {margin:0 0 3.3% 0;width:48.35%;}
.frame-layout-menu-subpages-with-image .ce-column:nth-child(2n+2) {float:right;}
#maincontent #einzugsgebiet ul li {width:46%;text-align:center;}
.two-cols-50-50 .grid-column-10,
.two-cols-50-50 .grid-column-20,
.three-cols-33-33-33 .grid-column-20,
.three-cols-33-33-33 .grid-column-30 {width:100%;}
.frame-layout-menu-subpages-with-image .col-inner .image-caption {top:30%;font-size:1.5em;hyphens:auto;}
.frame-layout-menu-subpages-with-image .hover-icon {bottom:50px;}
.news-list-view .news-img-wrap,
.news-list-view .news-list-content,
.news-single .news-img-wrap,
.news-single .news-text-wrap {width:100%;margin:0 0 39px 0;}
.news-list-view .news-list-content .news-list-date p,
.news-list-view .news-list-content .header,
.news-list-view .news-list-content .teaser-text {padding-left:0;}
.news-single .news-text-wrap .news-list-date p,
.news-single .news-text-wrap .header,
.news-single .news-text-wrap .teaser-text,
.news-single .news-text-wrap .news-single-content {padding-right:0;}
}


@media screen and (max-width: 680px) {
#header-info {width:100%;float:left;}
#header-top #logo {margin:20px auto;width:100%;text-align:center;}
#header-top #logo img {width:150px;margin:0 auto;}
#mitglied .frame .ce-column img {max-width:80%;}
.frame-layout-menu-subpages-with-image .col-inner .image-caption {top:20%;}
#maincontent .ce-textpic.ce-right.ce-intext .ce-gallery,
#maincontent .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery {width:100%;margin:0 0 3% 0;}
#maincontent .ce-bodytext {width:100%;}
.kesearchbox .powermail_input {width:60%;}
}

@media screen and (max-width: 580px) {
#header-image h1 {font-size:5em;}
#header-image h2 {font-size:3.5em;}
.powermail_fieldwrap {width:100%;}
.powermail_fieldwrap .powermail_field {padding:0;}
.tx-powermail .powermail_fieldset .powermail_fieldwrap label {padding-left:0;}
#footer #footer-info {padding:0 39px;width:auto;}
#footer #opening-footer, #footer #contact-footer {width:100%;margin:0;}
#footer #opening-footer {margin-top:24px;}
}

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

#footer-bottom-bg-black {min-height:50px;}
#footer-navi ul li {margin:0;width:100%;}
#footer #footer-navi {width:70%;}
.frame-layout-menu-subpages-with-image .ce-column {width:100%;float:left !important;}
.frame-layout-menu-subpages-with-image .col-inner .image-caption {top:40%;}
.frame-layout-menu-subpages-with-image .hover-icon {bottom:70px;}
#maincontent #einzugsgebiet ul li {width:96%;}
}