:root {
	--main-padding-x: 1.66667rem;
	--safe-area-left: 0px;
	--safe-area-right: 0px;
 	--safe-area-top: 0px;
 	--safe-area-bottom: 0px;
	--page-padding-left: calc(var(--safe-area-left) + var(--main-padding-x));
	--page-padding-right: calc(var(--safe-area-right) + var(--main-padding-x));
	--page-inner-width: calc(100% - var(--page-padding-left) - var(--page-padding-right));
}

@media screen and (max-width: 1280px) {
  	:root {
		--main-padding-x: 3.125%;
	}
  }
@media screen and (max-width: 900px) {
 	:root {
		--main-padding-x: 4.16667%;
	}
 }

@supports (padding: calc(constant(safe-area-inset-left, 0px) / 1.5)) {
	:root {
 		/* Non-standard iOS 11.1 syntax */
		--safe-area-left: calc(constant(safe-area-inset-left, 0px) / 1.5);
		--safe-area-right: calc(constant(safe-area-inset-right, 0px) / 1.5);
  		--safe-area-top: constant(safe-area-inset-top, 0px);
 		--safe-area-bottom: constant(safe-area-inset-bottom, 0px);
 	}
  }
@supports (padding: calc(max(0px, env(safe-area-inset-left, 0px) - 14px))) and (padding: calc(max(0px, 1px))) {
  	:root {
		/* W3C standard and iOS 11.2 syntax */
        --safe-area-left: calc(max(0px, env(safe-area-inset-left, 0px) - 14px));
 		--safe-area-right: calc(max(0px, env(safe-area-inset-right, 0px) - 14px));
 		--safe-area-top: env(safe-area-inset-top, 0px);
 		--safe-area-bottom: env(safe-area-inset-bottom, 0px);
	}
}

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

html {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font: 18px/1.4em 'Merriweather';
	color: black;
	-webkit-tap-highlight-color: #BDD10C;
}

body {
  	background: #ffffff none 50% 0 no-repeat scroll;
	background-size: auto;
}

@media screen and (max-width: 599px) {
	html {
		font-size: 18px;
	}
}

#tagline {
    position:relative;
    top:88px;
    }






a {
	color: rgb(0,80,127);
	font-weight:normal;
}

p {
    margin:0;
}
*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

h1, h2, h3, h4 {
	color:#ADBF0B;
	font-weight:normal;
	margin: 1em 0 0.1em 0;
	line-height: 1.1;
    font-weight:normal;
    }
    
h1 {
	font-size:2em;
}
h2 {
	font-size:1.6em;

}
h3 {
	font-size:1.2em;
    }
h4 {
	font-size:1em;
    font-weight:normal;   
    }
    
 

hr {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px dotted #808080;
      }
      
      
/*Schriftgroessen*/
#footer {
    font-size:88%;
    }

.font-size-xxs {
	font-size: 0.6em !important;
}
@media screen and (max-width: 599px) {
	.font-size-xxs {
		font-size: 0.8em !important;
	}
}

.font-size-xs {
	font-size: 0.8em !important;
}
@media screen and (max-width: 599px) {
	.font-size-xs {
		font-size: 0.9em !important;
	}
}

.font-size-s {
	font-size: 0.9em !important;
}
@media screen and (max-width: 599px) {
	.font-size-s {
		font-size: 0.95em !important;
	}
}

.font-size-m {
	font-size: 1.2em !important;
}
@media screen and (max-width: 599px) {
	.font-size-m {
		font-size: 1.1em !important;
	}
}

.font-size-l {
	font-size: 1.5em !important;
}
@media screen and (max-width: 599px) {
	.font-size-l {
		font-size: 1.25em !important;
	}
}

.font-size-xl {
	font-size: 2em !important;
}
@media screen and (max-width: 599px) {
	.font-size-xl {
		font-size: 1.5em !important;
	}
}

.font-size-xxl {
	font-size: 2.5em !important;
}
@media screen and (max-width: 599px) {
	.font-size-xxl {
		font-size: 1.75em !important;
	}
}


.no-resize .image_container.float_right,
.oneo-no-sidebar .no-resize .image_container.float_right,
.image_container.float_right.no-resize,
.oneo-no-sidebar .image_container.float_right.no-resize,
.no-resize .image_container.float_left,
.oneo-no-sidebar .no-resize .image_container.float_left,
.image_container.float_left.no-resize,
.oneo-no-sidebar .image_container.float_left.no-resize {
	width: auto !important;
}

.centered {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center;
}
/*Zentrierter wrapper */
.centered-wrapper-inner
{
		width: 100%;
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (max-width: 1280px) {
	.centered-wrapper-inner {
		width: 93.75%;
		width: var(--page-inner-width);
		max-width: none;
		margin-right: 0;
		margin-left: 3.125%;
		margin-left: var(--page-padding-left);
	   }
	}

@media screen and (max-width: 900px) {
		.centered-wrapper-inner {
		width: 91.66667%;
		width: var(--page-inner-width);
		margin-left: 4.16667%;
		margin-left: var(--page-padding-left);
	}
}	

.centered-wrapper {
	zoom: 1;
	position: relative;
	clear: both;
	background: 50% 50% no-repeat;
	background-size: cover;
}
.centered-wrapper:before {
	content: "";
	display: table;
}
.centered-wrapper:after {
	content: "";
	display: table;
	clear: both;
}
.centered-wrapper.-vertical-centered {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.centered-wrapper.-border-top {
	border-top: 1px dotted ;
}
.centered-wrapper.-border-bottom {
	border-bottom: 1px dotted;
}
.centered-wrapper.-color-inverted {
	color: white;
}
.centered-wrapper.-highlight-color {
	background-color: #33b1ec;
}
.centered-wrapper.-background-color-1 {
	background-color: #353d47;
}
.centered-wrapper.-background-color-2 {
	background-color: whitesmoke;
}
.centered-wrapper.-height-small {
	min-height: 300px;
}
@media screen and (max-width: 599px) {
	.centered-wrapper.-height-small {
		min-height: 200px;
	}
}
.centered-wrapper.-height-medium {
	min-height: 600px;
}
@media screen and (max-width: 599px) {
	.centered-wrapper.-height-medium {
		min-height: 400px;
	}
}
.centered-wrapper.-height-large {
	min-height: 900px;
}
@media screen and (max-width: 599px) {
	.centered-wrapper.-height-large {
		min-height: 600px;
	}
}
.centered-wrapper.-viewport-height {
	min-height: 710px;
	min-height: calc(100vh - 3.86667em);
}
@media screen and (max-width: 900px) {
	.centered-wrapper.-viewport-height {
		min-height: 100vh;
	}
}
@media screen and (max-width: 599px) {
	.centered-wrapper.-viewport-height {
		min-height: 500px;
		min-height: 100vh;
	}
}
.centered-wrapper.-background-mousemove,
.centered-wrapper.-background-mousemove-inverted,
.centered-wrapper.-background-parallax {
	overflow: hidden;
}
.centered-wrapper.-fade-in.not-in-view {
	opacity: 0;
}
.centered-wrapper.-fade-in.in-view {
	-webkit-transition: opacity 1.5s;
	-moz-transition: opacity 1.5s;
	-o-transition: opacity 1.5s;
	transition: opacity 1.5s;
}

.centered-wrapper-background {
	position: absolute;
	top: 0px;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background: 50% 50% no-repeat;
	background-size: cover;
}
.centered-wrapper-background video {
	/* Change this to `object-fit: cover;` once all browsers support it, */
	/* see http://stackoverflow.com/a/20851590 */
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.-background-mousemove > .centered-wrapper-background,
.-background-mousemove-inverted > .centered-wrapper-background {
	right: -12%;
}



.centered-wrapper-inner {
	position: relative;
}
.centered-wrapper-inner.-fullwidth {
	width: 100%;
	max-width: none;
	margin: 0;
}
.centered-wrapper-inner.-fullwidth-padded {
	max-width: none;
	padding-right: 2.66667em!important;
	padding-right: var(--page-padding-right);
	padding-left: 2.66667em;
	padding-left: var(--page-padding-left);
}
@media screen and (max-width: 1280px) {
	.centered-wrapper-inner.-fullwidth-padded {
		padding-right: 0;
		padding-left: 0;
	}
}

@media screen and (max-width: 900px) {
	.centered-wrapper.-no-background-tablet > .centered-wrapper-background,
	.centered-wrapper.-no-background-tablet > .centered-wrapper-background-2 {
		display: none;
	}
}

@media screen and (max-width: 599px) {
	.centered-wrapper.-no-background-mobile > .centered-wrapper-background,
	.centered-wrapper.-no-background-mobile > .centered-wrapper-background-2 {
		display: none;
	}
}


/* Kopf und Navigationsmenu */
#header .inside {
	width: 100%;
/* 	width: var(--page-inner-width);
	max-width: none;
	margin-right: 0;
	margin-left: 3.125%;
	margin-left: var(--page-padding-left);
*/	
}
#header {   /* Kopf fix, scrollt nicht mit */
    overflow: hidden;
    position: fixed;
    top: 0px;
    z-index: 10;
    background: white;
    width: 100%;
    padding:0px !important;
    }
#main .inside {
    margin-top: 88px;}

.logo {
	width:500px;
	display:block;
	margin:0.66666em 0.333333em 0.666666em 0;
}


/*Navigation*/
.mod_mobile_menu {
	position: absolute;
    width: 57px; /*mit menu-text: 140px */
    top: 0.66666em;
    right:0.0em;
    z-index:100;
    }

#mobile_trigger {
  cursor: pointer;
  }

.mobile_menu .inner {
        overflow-y: hidden;
        background: #e0c755; }

.mobile_menu .inner .ce_text {
  line-height: 1.5;
  padding: 10px 15px;
}
.mobile_menu .logo img {
  padding: 10px;
}
  
@media screen and (max-width: 599px) {
	.desk {
		display:none;}
    .mod_mobile_menu {
        width:8vw; } /*mit menu-text: 20vw */
    .logo{
		width:60vw;
		margin-top:0.9em;
        margin-left:0px;	}
    }

@media screen and (min-width: 600px) {
	.mobile {
	display:none;}
	}


.mobile_menu .mod_navigation {
  clear: both;
  margin: 20px 0;
}
.mobile_menu .mod_navigation ul {
  margin: 0;
  padding: 0;
}
.mobile_menu .mod_navigation ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.mobile_menu .mod_navigation ul li a,
.mobile_menu .mod_navigation ul li strong {
    color:#ffffff;
    display: block;
    font-size: 25px;
    padding: 12px 3em;
    text-decoration: none;
    font-weight:normal;
}

.mobile_menu .mod_navigation a.first,
.mobile_menu .mod_navigation strong.first {
 
}
.mobile_menu .mod_navigation a:focus, .mobile_menu .mod_navigation a:hover {
  color: #000000;
  background: #ffffff;
}
.mobile_menu .mod_navigation a.trail:focus, .mobile_menu .mod_navigation a.trail:hover {
  color: #ffffff;
}
.mobile_menu .mod_navigation ul li .active,
.mobile_menu .mod_navigation ul li .trail {
    display: block;
    font-size: 25px;
    padding: 12px 3em;
    font-weight:normal;
    background-color:#ffffff;
    color:#000000;
    }
.mobile_menu .mod_navigation .level_2 a,
.mobile_menu .mod_navigation .level_2 strong {
  background-color: #000000;
     text-transform: none; 
    text-decoration: none;    
    font-weight: normal;
    color: #D4D4D4;
}
.mobile_menu .mod_navigation .level_2 a.first,
.mobile_menu .mod_navigation .level_2 strong.first {
  border-top: 0;
}
    
.mobile_menu .mod_navigation .level_2 a:focus, .mobile_menu .mod_navigation .level_2 a:hover {
  color: #000000;
  background: #ffffff;
}
    
.mobile_menu .mod_navigation .level_2 a.trail:focus, .mobile_menu .mod_navigation .level_2 a.trail:hover {
  color: #000000;
}    
    
.mobile_menu .mod_navigation .level_2 .active,
.mobile_menu .mod_navigation .level_2 .trail {
    color: #000000;
    background: #ffffff;
    font-weight: normal;
    text-transform: none;
    font-size: 18px;
    padding: 6px 3em;
    border-bottom: none;    
    }
    
.closemenu {
	
}
a.closemenu {
    margin-right:4em;  
    color:#ffffff;
    float:right;
    font-size:1em;

}
@media screen and (max-width: 599px) {
	a.closemenu {
        margin-left:3.76666em;
        margin-right:0!important;
        color:#ffffff;
        float:left;
        font-size:1em;
        }
    }
	
/**News Boxed**/
.news-boxed {
	zoom: 1;
	margin: 2.66667em 0;
}
.news-boxed:before {
	content: "";
	display: table;
}
.news-boxed:after {
	content: "";
	display: table;
	clear: both;
}

.news-boxed-item h3 {
	margin: 0;
	font-size: 1.2em;
	font-weight: normal;
	color: #444444;
}
.news-boxed-item h3 > a {
	color: inherit;
	text-decoration: none;
	font-weight: normal;
}
.news-boxed-item p {
	margin: 0.66667em 0;
	color: #444444;
}
.news-boxed-item p.news-boxed-item-info {
	margin: 0 0 0.16667em;
	font-size: 0.8em;
}

.news-boxed-item-image {
	position: relative;
	margin-bottom: 1em;
}

.news-boxed-item-image img {
	display: block;
	width: 100%;
	height: auto;
}

.news-boxed-item-image-more > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 0.93333em;
	font-weight: normal;
	letter-spacing: 0.07143em;
	color: white;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background: #E3F547;
	background: rgba(227, 245, 71, 0.5);
	opacity: 0;
}
.news-boxed-item-image-more > a:hover,
.news-boxed-item-image-more > a:focus {
	opacity: 1;
}
.news-boxed-item-image-more > a:before {
	content: "";
	display: block;
	height: 50%;
	margin-bottom: -0.78571em;
}


.news-boxed-item-more a {
		font-weight:normal;
}


/*Image Container*/
.image_container {
	position: relative;
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
}
.image_container.float_above {
	margin-top: 1.6em;
}
.image_container.float_below {
	margin-bottom: 1.6em;
}
.image_container img {
	display: block;
	width: 100%;
	height: auto;
}
.image_container a {
	position: relative;
	display: block;
	overflow: hidden;
	/* Fixes IE bug */
	text-decoration: none;
}
.image_container a:hover:before,
.image_container a:focus:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(189, 209, 12, 0.6);
}

.image_container figcaption,
.image_container .caption {
	/* overwrite elements style attribute */
	width: 100% !important;
	padding: 0.42857em 0 0;
	font-size: 0.7em;
	color: #98a0ab;
}

.image_container.float_right,
.image_container.float_left {
	float: right;
	width: 31.25% !important;
	margin: 0.53333em 0 1.06667em 6.25%;
}
@media screen and (max-width: 599px) {
	.image_container.float_right,
	.image_container.float_left {
		margin-left: 0;
		float: none !important;
		width: auto !important;
		width: auto !important;
	}
}
.no-resize .image_container.float_right,
.image_container.float_right.no-resize,
.no-resize .image_container.float_left,
.image_container.float_left.no-resize
{
	width: auto !important;
}

.image_container.float_left {
	float: left;
	margin: 0.53333em 6.25% 1.06667em 0;
}
@media screen and (max-width: 599px) {
	.image_container.float_left {
		margin-right: 0;
	}
}



.no-resize .image_container:not(.float_right):not(.float_left) img,
.image_container:not(.float_right):not(.float_left).no-resize img {
	width: auto;
	max-width: 100%;
}

/*Button*/
.button-box {
	margin: 0.8em 0;
}
.button-box.-left {
	text-align: left;
}
.button-box.-right {
	text-align: right;
}
.button-box.-centered {
	text-align: center;
}
.button-box.-inline {
	display: inline;
}
button,
.button {
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	padding: 0.67143em 1.42857em;
	border: 0;
	outline: none;
	font-size: 1em;
	line-height: 1.42929;
	color: white;
	text-align: center;
	text-decoration: none;
		background: #BDD10C;
		font-weight:normal;
}
/*portfolie*/
.portfolio-boxes {
	zoom: 1;
	margin: 2.66667em 0;
}
.portfolio-boxes:before {
	content: "";
	display: table;
}
.portfolio-boxes:after {
	content: "";
	display: table;
	clear: both;
}
.portfolio-boxes > h1,
.portfolio-boxes > h2,
.portfolio-boxes > h3,
.portfolio-boxes > h4,
.portfolio-boxes > h5,
.portfolio-boxes > h6 {
	margin-top: 0;
	margin-bottom: 1.06667em;
}

.portfolio-boxes-item {
	position: relative;
	padding-bottom: 5.33333em;
	background: white;
}

.portfolio-boxes-item-image {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 5.33333em;
	left: 0;
	background-size: cover;
	
}
.portfolio-boxes-item-image img {
	display: none;
}
.portfolio-boxes-item-image:before {
	/* Headline */
	content: attr(data-headline);
	position: absolute;
	right: 0;
	bottom: -5.33333em;
	left: 0;
	display: block;
	padding: 1em 0.66667em;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: 0.1em;
	color: inherit;
	text-align: center;
	
}

.portfolio-boxes-item-text {
	position: relative;
	display: block;
	min-height: 20em;
	padding: 2em 1.33333em;
	color: white;
	text-align: center;
	background: black;
	background: rgba(0, 0, 0, 0.7);
	opacity: 0;
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
.portfolio-boxes-item-text:hover,
.portfolio-boxes-item-text:focus,
.portfolio-boxes-item-text.is-hovered {
	text-decoration: none;
	opacity: 1;
	-webkit-transition: opacity 0.1s linear;
	-moz-transition: opacity 0.1s linear;
	-o-transition: opacity 0.1s linear;
	transition: opacity 0.1s linear;
}
.portfolio-boxes-item-text h3 {
	margin: 0;
	font-size: 1em;
	font-weight: normal;
		color: inherit;
	
}

.portfolio-boxes-item-text p {
	margin: 1em 0 0;
}

.portfolio-boxes-item-more {
	position: absolute;
	bottom: -5.33333em;
	left: 0;
	width: 100%;
	height: 5.33333em;
	background: #BDD10C;
}
.portfolio-boxes-item-more:before,
.portfolio-boxes-item-more:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	background: white;
}
.portfolio-boxes-item-more:before {
	width: 2.66667em;
	height: 2px;
	margin: -1px -1.33333em;
}
.portfolio-boxes-item-more:after {
	width: 2px;
	height: 2.66667em;
	margin: -1.33333em -1px;
}
.portfolio-boxes-item-more span {
	display: none;
}
.portfolio-tiles {
	clear: both;
	width: 100%;
	/* Clearfix */
	overflow: hidden;
	/* For rounding failures */
	margin-right: -1%;
}

.portfolio-tiles-item {
	position: relative;
	float: left;
	width: 25%;
}
@media screen and (max-width: 900px) {
	.portfolio-tiles-item {
		width: 33.33333%;
	}
}
@media screen and (max-width: 599px) {
	.portfolio-tiles-item {
		width: 50%;
		font-size: 0.8em;
	}
}
.portfolio-tiles-item > img {
	display: block;
	width: 100%;
	height: auto;
}
.portfolio-tiles-item > .no-image {
	display: block;
	padding-bottom: 75%;
	background: #f2f2f2;
}

.portfolio-tiles-item-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 37.5%;
	text-align: center;
	background: rgba(128, 128, 128, 0.8);
	opacity: 0;
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
.portfolio-tiles-item-link:hover,
.portfolio-tiles-item-link:focus,
.portfolio-tiles-item-link.is-hovered {
	text-decoration: none;
	opacity: 1;
	-webkit-transition: opacity 0.1s linear;
	-moz-transition: opacity 0.1s linear;
	-o-transition: opacity 0.1s linear;
	transition: opacity 0.1s linear;
}
.portfolio-tiles-item-link:before {
	content: "\2b";
	display: block;
	width: 1em;
	margin: -1.25em auto 0.375em;
	font-size: 2.66667em;
	line-height: 1;
	color: #BDD10C;
	background: white;
}
.portfolio-tiles-item-link h3 {
	margin: 0;
	font-size: 1em;
	font-weight: normal;
	color: white;
	
}
.portfolio-tiles-item-link h4 {
	margin: 0;
	font-size: 1em;
	font-weight: normal;
	color: #0b577b;
}

.portfolio-detail > .back {
	display: none;
}


/*Teaser*/
.news-image-teaser {
	zoom: 1;
	position: relative;
	margin: 1em 0;
}
.news-image-teaser:before {
	content: "";
	display: table;
}
.news-image-teaser:after {
	content: "";
	display: table;
	clear: both;
}
.news-image-teaser:first-child {
	margin-top: 3em;
}
.news-image-teaser h2 {
	margin: 0 3.21429em 0.35714em 0;
		font-weight: normal;
		color: inherit;
}
@media screen and (max-width: 599px) {
	.news-image-teaser h2 {
		margin-right: 0;
	}
}
.news-image-teaser h2 a {
	color: inherit;
	text-decoration:none;
		font-weight: normal;
		font-size: 0.8em;
}
.news-image-teaser h2 a:hover,
.news-image-teaser h2 a:focus {
	color: #ADBF0B;
	text-decoration: none;
}
.news-image-teaser p {
	margin: 0.66667em 0;
	color: #98a0ab;
}
.news-image-teaser p.news-image-teaser-info {
	margin: -0.46667em 0 0.33333em;
}

.news-image-teaser-image {
	float: right;
	max-width: 35%;
	margin-left: 5%;
	margin-bottom:1em;
}
@media screen and (max-width: 599px) {
	.news-image-teaser-image {
		float: none;
		max-width: none;
		margin-left: 0;
		margin-bottom: 0.66667em;
	}
}
.news-image-teaser-image img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0;
}

.news-image-teaser-date {
	position: absolute;
	right: 0.71429em;
	top: 0;
	width: 1.85714em;
	padding: 0.25em 0 0.32143em;
	font-size: 1.86667em;
	font-weight: bold;
	line-height: 1;
	color: #33b1ec;
	text-align: center;
	background: white;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 599px) {
	.news-image-teaser-date {
		position: static;
		float: right;
	}
	.news-image-teaser-image ~ .news-image-teaser-date {
		position: absolute;
		right: auto;
		left: 0.71429em;
	}
}
.news-image-teaser-date b {
	display: block;
	margin: -0.05882em 0 0;
	font-size: 0.60714em;
	font-weight: normal;
	text-transform: uppercase;
}

.news-image-teaser-more {
	font-size: 1em;
	font-weight: bold;
	
	
}

/*Forms*/
form h1,
form h2,
form h3,
form h4,
form h5,
form h6 {
	clear: both;
}
form .widget {
	position: relative;
	clear: both;
}
form .widget b.error,
form p.error {
	display: block;
	margin: 0;
	color: #BDD10C;
}

input,
textarea {
	padding: 0.33333em 1.35714em;
	line-height: normal;
	border: 1px solid gainsboro;
	border-bottom-color: #cfcfcf;
	font-size: 0.93333em;
	color: #808080;
	background: white;
	margin: 0.33333em 0;
}
.valid input,
.valid textarea {
	border-color: #BDD10C;
}
.invalid input,
input.error,
.invalid textarea,
textarea.error {
	border-color: #BDD10C;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	/* multiple rules, because user agents are required to ignore a rule with an unknown selector */
	color: #808080;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #808080;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #808080;
}
input::placeholder,
textarea::placeholder {
	color: #808080;
}
input:hover,
textarea:hover {
	border-color: #cfcfcf #cfcfcf #c5c5c5;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
input:focus,
textarea:focus {
	border-color: #BDD10C;
}

input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="url"] {
	outline: none;
}
input[type="checkbox"],
input[type="radio"],
input[type="image"] {
	width: auto !important;
	height: auto !important;
	margin: 0;
	padding: 0;
	border: 0;
	box-shadow: none;
}
input[type="checkbox"] {
	vertical-align: middle;
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
}
input[type="radio"] {
	vertical-align: middle;
	-webkit-appearance: radio;
	-moz-appearance: radio;
	appearance: radio;
	background: none;
}

input[type="file"] {
	height: auto;
	padding: 0;
	border: 0;
	/* IE8 and IE9 */
	border: 1px solid gainsboro \9;
	background: none;
	box-shadow: none;
}

button,
input[type="submit"] {
	margin-top: 1.2em;
}

textarea {
	height: 223px;
	resize: vertical;
	line-height: 1.5;
	outline: none;
}

fieldset {
	margin: 1.2em 0;
	border: 1px solid gainsboro;
}
fieldset legend {
	padding: 0 0.33333em;
	color:#808080;
	font-size:1.2em;
}
fieldset + br {
	/* Kill <br> that Contao injects */
	display: none;
}

#main form .widget {
	margin-top: 1.2em;
	margin-bottom: 1.2em;
}
#main label {
	display: block;
	margin-bottom: 0.35714em;
	font-size: 1em;
	color: #808080;
}
.-color-inverted #main label {
	color: gainsboro;
}
#main label .mandatory {
	margin-left: 0.14286em;
	color: #808080;
}
#main input[type="checkbox"] + label {
	display: inline;
}
#main fieldset p {
	margin: 0;
}
#main fieldset label {
	display: inline;
	margin: 0;
}
#main fieldset label:after {
	/* add line break after label */
	content: "\A";
	white-space: pre;
}
#main input,
#main textarea,
#main select,
#main fieldset {
	width: 75%;
}
@media screen and (max-width: 599px) {
	#main input,
	#main textarea,
	#main select,
	#main fieldset {
		width: 100%;
	}
}
#main input[type="submit"] {
	width: auto;
}
@media screen and (max-width: 599px) {
	#main input[type="submit"] {
		width: 100%;
	}
}

.fullwidth-form input,
.fullwidth-form textarea,
.fullwidth-form select,
.fullwidth-form fieldset {
	width: 100%;
}

.explanation p,
.captcha_text p {
	margin: 0;
}

.explanation {
	font-size: 0.93333em;
	margin: -0.85714em 0 1.71429em;
	color: #808080;
}


.captcha_text {
	display: block;
}
label .captcha_text {
	display: inline;
}

/*Akkordeon*/
.ce_accordion[data-icon],
.ce_accordion[class^="icon-"],
.ce_accordion[class*=" icon-"] {
	position: relative;
}
.ce_accordion[data-icon]:before,
.ce_accordion[class^="icon-"]:before,
.ce_accordion[class*=" icon-"]:before {
	position: absolute;
	top: 0.75em;
	left: 1em;
	z-index: 1;
	font-size: 1.33333em;
	color: #929498;
}
.ce_accordion[data-icon] .toggler,
.ce_accordion[class^="icon-"] .toggler,
.ce_accordion[class*=" icon-"] .toggler {
	padding-left: 3.33333em;
}
.ce_accordion .toggler {
	position: relative;
	/* collapse borders */
	margin-bottom: 0px;
	padding: 0.73333em 2.66667em 0.86667em 1.33333em;
	border: 1px solid #c9cac8;
	outline: none;
	font-weight: bold;
	cursor: pointer;
	color: #929498;
	background: #ffffff;
	
}
.ce_accordion .toggler:after {

	content: "+";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	display: inline-block;
	position: relative;
	position: absolute;
	top: 1.38462em;
	right: 1.53846em;
}
.ce_accordion .toggler:hover {
	color: #5a6b3b;
	text-decoration: none;
}
.ce_accordion .toggler.ui-accordion-header-active:after {
	content: "\2212";
}
.ce_accordion .accordion {
	position: relative;
	overflow: hidden;
	/* collapse borders */
	margin-bottom: -2px;
	padding: 0.06667em 1.33333em;
	border: 1px solid #c9cac8;
	border-top-color: #e4e4e3;
	background: #f2f2f2;
}

.mod_changelanguage {
	position: fixed;
top: 1em;
   right:0.5%;;
   z-index:100;
    }

.mod_changelanguage ul {
    list-style-type: none;
}
@media screen and (max-width: 599px) {
    		.mod_changelanguage {
	position: fixed;
top: 2em;
   left:0!important;
      z-index:100;
    }
.mod_changelanguage ul {
    margin:1em!important;
    padding:0!important;
    }
   .mod_changelanguage li {
   	display:inline;
   	
   } 	
    }
    
    
@media print {
    #tagline {display:none}
    
    .mod_mobile_menu {display:none}
    
    html {
	position: relative;
	font: 14px/1.3 'Merriweather';
	color: black;}
    
    .logo {width:40vw;}
    }
    
.footer-copyright  {
    /*border-top: 2px dotted #808080;*/
    margin-top: 2vh;
    margin-bottom: 2vh;
    font-size:80%;
    /*background-color:rgb(101,101,101); */
}    
    
.content-gallery figure {
    margin-top: 12px;
    margin-right: 12px;
}

.content-gallery li {
    line-height: 0;     
}
    
    /* Rock Solid Slider */
.sliderlogo img {
   width:80vh !important;
   max-width: 100%;
   float: none;
   display: block;
   margin-right: auto;
   margin-left: auto;
   filter: invert(1);   
    }