@font-face {
  font-family: 'OpenSans';
  src: url('../Fonts/OpenSans/OpenSans.eot?#iefix') format('embedded-opentype'),  url('../Fonts/OpenSans/OpenSans.woff') format('woff'), url('../Fonts/OpenSans/OpenSans.ttf')  format('truetype'), url('../Fonts/OpenSans/OpenSans.svg#OpenSans') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Bold';
  src: url('../Fonts/OpenSans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),  url('../Fonts/OpenSans/OpenSans-Bold.woff') format('woff'), url('../Fonts/OpenSans/OpenSans-Bold.ttf')  format('truetype'), url('../Fonts/OpenSans/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans-BoldItalic';
  src: url('../Fonts/OpenSans/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),  url('../Fonts/OpenSans/OpenSans-BoldItalic.woff') format('woff'), url('../Fonts/OpenSans/OpenSans-BoldItalic.ttf')  format('truetype'), url('../Fonts/OpenSans/OpenSans-BoldItalic.svg#OpenSans-BoldItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans-Light';
  src: url('../Fonts/OpenSans/OpenSans-Light.eot?#iefix') format('embedded-opentype'),  url('../Fonts/OpenSans/OpenSans-Light.woff') format('woff'), url('../Fonts/OpenSans/OpenSans-Light.ttf')  format('truetype'), url('../Fonts/OpenSans/OpenSans-Light.svg#OpenSans-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSansLight-Italic';
  src: url('../Fonts/OpenSans/OpenSansLight-Italic.eot?#iefix') format('embedded-opentype'),  url('../Fonts/OpenSans/OpenSansLight-Italic.woff') format('woff'), url('../Fonts/OpenSans/OpenSansLight-Italic.ttf')  format('truetype'), url('../Fonts/OpenSans/OpenSansLight-Italic.svg#OpenSansLight-Italic') format('svg');
  font-weight: normal;
  font-style: normal;
}



/* GENERAL STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html {
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	scroll-behavior: smooth;
  }
body {
	background: #ffffff;
	font-family: 'OpenSans','Arial',sans-serif;
	font-family: 'OpenSans-Light',sans-serif;
	color: #000000;
	width: 100%;
	margin: 0px;
	padding: 0px;
	overflow-x:hidden;
	font-weight:300;
	word-wrap: break-word;
	overflow-wrap: break-word;
	min-height:100vh;
	position:relative;
	padding-bottom:240px;
  
  -webkit-hyphens: auto;
	 -moz-hyphens: auto;
		  hyphens: auto;
}
.container {
	padding-left: 30px;
	padding-right: 30px;
}
.clearfloat {
    clear: both;
}
h1, h2, h3, h4 {
	font-weight: 700;
	letter-spacing: 0rem;
	font-family: 'OpenSans-Bold','Arial',sans-serif;
	font-weight:300;
}
h1 {
	font-size: 2.2rem;
	margin-bottom: 25px;
	font-family: 'OpenSans-Bold','Arial',sans-serif;
	font-weight:300;
}
h2 {
	margin-top: 20px;
	margin-bottom: 25px;
	font-size: 1.7rem;
	text-align: left;
	font-family: 'OpenSans-Bold','Arial',sans-serif;
	font-weight:300;
}
h3 {
	margin-top: 20px;
	margin-bottom:15px;
	font-size: 1.6rem;
	text-align: left;
	font-family: 'OpenSans-Bold','Arial',sans-serif;
}
h4 {
	/*font-size: 1.4rem;
	*/
	margin-top: 20px;
	margin-bottom:15px;
	font-size: 1.6rem;
	text-align: left;
	font-family: 'OpenSans-Bold','Arial',sans-serif;
	font-weight:300;
}

a {
	outline: none;
	text-decoration: none;
	color: #c7342c;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}
a:hover, a:active, a:focus {
	color: #999999;
}
a.more {
	background-color: #c7342c;
	border-radius:4px;
	padding:4px 10px;
	color: #ffffff;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	display:inline-block;
	width:auto;
	font-weight:600;
	font-size:14px;
	margin-top:15px;
}
a.more:hover, a.more:active, a.more:focus {
	background-color: #cccccc;
}
.slider a .slide-header,
.slider a p{
	color: #000000;
}
.slider a:hover p,
.slider a:active p,
.slider a:focus p,
.slider a:hover .slide-header,
.slider a:active .slide-header,
.slider a:focus .slide-header{
	color: #666;
}
p{
	margin-bottom: 1rem;
}
strong{
	font-weight:400;
	font-family: 'OpenSans-Bold';
}
i, em{
	font-family: 'OpenSansLight-Italic';
	font-style: normal;
	letter-spacing: 0.01em;
}

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

.tos-opened .tos-slide.tos-image img {
    width: initial;
}

.columns.left{text-align:left;}
.columns.center{text-align:center;}
.columns.right{text-align:right;}

/*.frame ul{
	list-style:none;
	padding-left:0px;
}
.frame ul li{
	padding-left:20px;
	position:relative;
}
.frame ul li:before{
	content:"_";
	position:absolute;
	top:0px;
	left:0px;
	font-weight:bold;
}*/
/*farben*/
.rotFont {
	color: #c7342c;
}
.gruenFont {
	color: #c0ce2b;
}

.tuerkisFont {
	color: #549f99;
}
section h1.rotFont:before,
section h2.rotFont:before,
section h3.rotFont:before {
	background-color: #c7342c;
}
section h1.gruenFont:before,
section h2.gruenFont:before,
section h3.gruenFont:before {
	background-color: #c0ce2b;
}
section h1.tuerkisFont:before,
section h2.tuerkisFont:before,
section h3.tuerkisFont:before {
	background-color: #549f99;
}
.rotBG,
.frame-rotBG {
	background-color: #c7342c;
	color:#ffffff;
}
.gruenBG,
.frame-gruenBG {
	background-color: #c0ce2b;
	color:#000;
}

.tuerkisBG,
.frame-tuerkisBG {
	background-color: #549f99;
	color:#ffffff;
}

.frame-tuerkisBG a.more{
	background: #ffffff;
	color: #549f99;
}

.frame-gruenBG a.more{
	background: #ffffff;
	color: #c0ce2b;
}
.frame-rotBG a.more{
	background: #ffffff;
	color: #c7342c;
}
.frame-tuerkisBG a.more:hover{
	background: #eee;
	color: #549f99;
}

.frame-gruenBG a.more:hover{
	background: #eee;
	color: #c0ce2b;
}
.frame-rotBG a.more:hover{
	background: #eee;
	color: #c7342c;
}


.row {
	margin-left: -15px;
	margin-right: -15px;
}


/* HEADER STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
header:not(section header) {
  padding-top:10px;
	width:100%;
	margin-bottom:0px;
	min-height:200px;
	border-bottom:1px solid #cccccc;
}

header .logout {
	width: 100%;
}

header .logout a {
	display: inline-block;
	height: 2.5rem;
	padding: 0 1.9rem;
	color: #555;
	text-align: center;
	font-size: .7rem;
	font-weight: 600;
	line-height: 2.5rem;
	letter-spacing: .1rem;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	background-color: transparent;
	border-radius: 4px;
	border: 1px solid #BBB;
	cursor: pointer;
	-webkit-transition: border .2s;
	transition: border .2s;
}


header .logos,
header .logos .columns{
	max-height:130px;
}
header .logos .columns img{
	height:100px;
	width:auto;
}
header .logos .columns img.mercator{
	margin-right:50px;
	height:50px;
	margin-bottom:5px;
}
header .logos .columns.fd_logo  img{
	height:120px;
}
header .fd_logo{
padding-top:14px;
}
header .logos .columns.sm_logo {
	padding-top: 30px;
}


header .topnav {
	/*overflow: hidden;*/
	text-align:center;
	margin-top:30px;
	margin-left: -14px;
	margin-right: -14px;
	width: calc(100% + 28px);
	display: flex;
	justify-content: space-between;

}

header .topnav li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: table-cell;
	text-align: right;
	padding-left: 5px;
	position: relative;

}

header .topnav a {
  display: flex;
  color: #000000;
  text-align: center;
  padding: 10px 14px;
  text-decoration: none;
  font-size: 17px;
  text-transform: normal;
}

header .topnav a:hover {
  color: #c7342c;
}

header .topnav a.active {
  color: #c7342c;
}

header .topnav .hamburger {
  display: none;
	padding: 0px;
height: 40px;
width: 40px;
}
header .topnav .hamburger span.line{
	display: block;
height: 4px;
background: #000000;
width: 100%;
margin-bottom: 4px;
margin-top: 5px;
}

/*header wrapping content headlines*/

.container header {
	padding-top: 0px;
	width: auto;
	margin-bottom: 0px;
	min-height: auto;
	border-bottom: none;
}

/* figure */

figure.teaser-figure {
	margin: 0px;
}
/*forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
fieldset {
	width: 100%;
	margin-bottom: 1.5rem;
	background: #eee;
	padding: 20px;
	  padding-right: 20px;
	  padding-left: 20px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 15px;
	display: inline-flex;
	align-content: stretch;
	flex-flow: row flex-wrap;
	flex-wrap: wrap;
	align-items: flex-end;
  }

input[type="number"], input[type="date"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], input[type="submit"], input[type="button"], input[type="email"], textarea {
	width: 100%;
}
legend {
	font-size: 130%;
	padding-bottom: 5px;
	padding-top:25px;
	padding-left:25px;
	padding-right:25px;
	line-height: 1;
	background: #eee;
	display: block;
	margin-left: -15px;
	width: calc(100% + 30px);
	margin-bottom:0px;
	font-family: 'OpenSans-Bold','Arial',sans-serif;
	font-weight:300;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
}


.tx-powermail .container-fluid{
	padding-left: 0px;
	padding-right: 0px;
}


.powermail_fieldwrap {
	width:100%;
	display: flex;
	flex-direction: column;
	padding-left:10px;
	padding-right:10px;
	position: relative;
	vertical-align: top;

}


.powermail_fieldwrap.powermail_fieldwrap_type_text{padding-bottom:10px;} 
.powermail_fieldwrap.powermail_fieldwrap_hinweisansprechpersonen,
.powermail_fieldwrap.powermail_fieldwrap_hinweis2ansprechpersonen,
.powermail_fieldwrap.powermail_fieldwrap_ueberdasprojekt,
.powermail_fieldwrap.powermail_fieldwrap_namedesprojekts{
	width:100%;
}

.powermail_fieldwrap.powermail_fieldwrap_type_check.powermail_fieldwrap_weitereinformationen,
.powermail_fieldwrap.powermail_fieldwrap_type_check.powermail_fieldwrap_zustimmungzurverarbeitungpersonenbezogenerdaten,
.powermail_fieldwrap.powermail_fieldwrap_type_reset,
.powermail_fieldwrap.powermail_fieldwrap_type_submit{width:auto;}
.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_interneturl2ansprechperson{
	width:100%;
	padding-bottom:20px;
} 


input[type="submit"],
input[type="button"],
.powermail_fieldwrap .btn{
	background:#c7342c;
	border-color:#c7342c;
	color:#ffffff;
	text-transform: normal;
}
.powermail_fieldwrap .btn.powermail_reset{
	background: #999999;
	border-color: #999999;
}
select, textarea {
	width:100%;
}
.powermail_fieldwrap label {
	display: block;
}
.powermail_fieldwrap label.powermail_label {
	font-family: 'OpenSans-Bold','Arial',sans-serif;
	font-weight:300;
}
.powermail_fieldwrap .toggleDescription {
	background-color: #c7342c;
	color: #ffffff;
	cursor: help;
	font-weight: bold;
	margin-left: 1em;
	padding: 0px;
	padding-top: 3px;
	border-radius: 50%;
	height: 30px;
	width: 30px;
	display: inline-block;
	text-align: center;
	position: absolute;
	right: 10px;
	font-size: 20px;
	top: 0px;
}
.powermail_fieldwrap .powermail_description {
	display:block;
}
#powermail_field_wirddasprojektbereitsgefoerdert{margin-bottom:0px;}
.powermail_fieldwrap.powermail_fieldwrap_wirddasprojektbereitsgefoerdert .toggleDescription{
	bottom: -10px;
}
.tx-powermail .table-responsive{width:100%;}
.tx-powermail .table-responsive td, .tx-powermail .table-responsive th {
	white-space: normal; 
	vertical-align: top;
	min-width: 25%;
}
.tx-powermail .powermail_confirmation .btn-group form{	
	float: left;
	margin-right: 20px;
}
.tx-powermail .powermail_confirmation .btn-group input{width: auto;}
.tx-powermail .powermail_create p{font-weight:bold;}
.tx-powermail .powermail_create td p{font-weight:normal;}

/*.tx-powermail .radio label,
.tx-powermail .checkbox label {
	padding-left: 2em;
	position:relative;
}

.tx-powermail .checkbox input[type="checkbox"], 
.tx-powermail input[type="radio"] {
	position:absolute;
	left:0px;
	top:3px;
}*/
.tx-powermail .radio label,
.tx-powermail .checkbox label{
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.tx-powermail .checkbox label {
	background-image: url(../Icons/ui-checkbox-e.svg);
	background-position: left top;
	background-size:25px;
	background-repeat:no-repeat;
}

.tx-powermail .checkbox label.checked{
	background-image: url(../Icons/ui-checkbox-c.svg);
	background-position: left top;
	background-size:25px;
	background-repeat:no-repeat;
  }

.tx-powermail .radio label{
	background-image: url(../Icons/ui-radio-e.svg);
	background-position: left top;
	background-size:25px;
	background-repeat:no-repeat;

	height: 25px;
	display:block;
}


.tx-powermail .radio label.checked{
	background-image: url(../Icons/ui-radio-c.svg);
	background-position: left top;
	background-size:25px;
	background-repeat:no-repeat;
  }
  

.tx-powermail .checkbox input[type="checkbox"], 
.tx-powermail input[type="radio"] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 100%;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: 0;
}


.powermail_description{
	font-weight:600;
}

ul.powermail-errors-list{
	margin-left:0px;
	list-style: none;
	font-weight:600;
}


ul.powermail_checkedanswers {
	position: relative;
	list-style: none;
	margin-left: 0;
	padding-left: 1.2em;
}

ul.powermail_checkedanswers li:before {
	content: "☑";
	position: absolute;
	left: 0;
}
.powermail-errors-list li{
	color:#c7342c;
}
.frame ul.powermail-errors-list li{
	padding-left:0px;
}
.frame ul.powermail-errors-list li:before {
	display:none;
}





/* section
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*allgemein*/
section {
	margin-top: 40px;
	margin-bottom: 20px;
}

section ul {
	margin-bottom: 18px;
}


/*Section Slider*/
section.slider {
	margin-top:0px;
}
section.slider .row,
section.slider .twelve.columns{
	padding:0px;
	margin:0px;
	width:100%;
}



section.slider .topSlides {overflow:hidden;}
section.slider .topSlides .slide{
	position:relative;
	/*max-height:600px;*/
	overflow:hidden;
}

section.slider .image{
	overflow:hidden;
	margin:0px;
	position:relative;
}

section.slider .slide .image img {
	display: block;
	/*object-fit: cover;*/
	width:100%;
	position:absolute;
}
section.slider .slide.gruenBG .image img{
	bottom:-50vw; 

	
}
section.slider .slide.rotBG .image img{
	bottom:-40vw; 

}
section.slider .slide.tuerkisBG .image img{
	bottom:-60vw; 
}


section.slider .text {
	background-color:#ffffff;
	height:auto;
	top:30px;
	padding:30px;
	opacity: 0.8;
	color:#000000;
	width:50% !important;
	left:25% !important;
	font-family: 'OpenSans-Light';
	border-radius:15px;
}
section.slider .text .slide-header{
	font-family: 'OpenSans-Bold';
}
section.slider .slide-image {
	width: 40%;
	position: absolute;
	right: 50%;
	/*height: 80%*/
	height:auto;
	top:30px;
	color: white;
	z-index: 50;
	overflow: hidden;
}


section.slider .slide-figure {
	margin:0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
}

section.slider .slick-prev, section.slider .slick-next{
	width:40px;
	height:40px;
}
section.slider .slick-prev {
	left: 10px;
	text-align:left;
}
.slick-next {
	right: 10px;
	text-align:right;
}

section figure,
section figure.image,
section .teaser-figure {
    position:relative;
    line-height:1;
    font-size:1rem;
}
section figcaption{
	position: absolute;
	background-color:#ffffff;
	opacity: 0.6;
	color:#000000;
	bottom:0px;
	left:0px;
	font-size: 10px;
	padding:10px;
}
section figcaption .copyright{
	display: inline-block;
	padding-right:5px;
	margin-right:5px;
}
section  figcaption .caption{
	display: inline-block;
	border-left:1px solid #cccccc;
	padding-left:5px;
}
section #c34 .ce-column{
	padding-left: .5rem !important;
    padding-right: .5rem !important;
}

section #c34 figcaption{
	position: relative;
	background-color:#ffffff;
	opacity:1;
	margin-top:10px;
}
section figure.audio,
section figure.video {
  margin: 0;
}


/*Section Anlese*/
section.anlese {
	text-align:left;
}
section.anlese  .frame{
	margin:0 auto;
	width: 83.333333333%;
}
section.anlese {
	font-size: 1.4rem;
	line-height: 1.5;
}
section.anlese p {
	margin-bottom: 15px;
}

/*Section Teaser*/
.frame.frame-gruenBG.frame-type-fdcontentelements_teaser.frame-layout-0,
.frame.frame-rotBG.frame-type-fdcontentelements_teaser.frame-layout-0,
.frame.frame-tuerkisBG.frame-type-fdcontentelements_teaser.frame-layout-0{
	background-color: #ffffff !important;
	height: auto;
  padding: 0;
  margin: 0;
}
.teaser{
	position:relative;
	margin-bottom:calc(25% + 30px);
}
.teaser a {
	display: block;
	overflow:hidden;
}
.teaser.gruenBG  .text,
.teaser.gruenBG a .text{
	color:#000;
}
.teaser.rotBG .text,
.teaser.rotBG a .text{
	color:#fff;
}
.teaser.tuerkisBG  .text,
.teaser.tuerkisBG a .text{
	color:#fff;
}
.teaser.gruenBG a:hover .text{
	color:#444;
}
.teaser.rotBG a:hover .text{
	color:#cccccc;
}
.teaser.tuerkisBG a:hover .text{
	color:#eee;
}
.teaser .ce-gallery {
	background-color:#fff;
}
.teaser .text {
	padding: 15px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:0px;
	text-align:center;
	font-family: 'OpenSans-Light';
}
.teaser .teaser-header{
	text-align:center;
	width:100%;
	font-family: 'OpenSans-Bold';
}
.teaser .halbkreis {
	width:100%;
	position: absolute;
	bottom: 25%;
	left: 0;
	width: 100%;
	height: 50%;
	border-radius: 50%;
	z-index: -1;
	transform-origin: bottom center;
	transform: rotate(180deg);
	text-align:center;
}
.teaser .halbkreis img{
	transform: rotate(180deg);
	width:60px;
	height:60px;
	transform-origin: bottom center;
}
/*Section inhalt*/
section.inhalt  .frame{
	margin:0 auto;
	width: 83.333333333%;
}
section.inhalt .columns .frame{
	width: 100%;
}

section h1.rotFont,
section h2.rotFont,
section h3.rotFont,
section h1.gruenFont,
section h2.gruenFont,
section h3.gruenFont,
section h1.tuerkisFont,
section h2.tuerkisFont,
section h3.tuerkisFont {
	position:relative;
	padding-top:0px;
}
section h1.rotFont:before,
section h2.rotFont:before,
section h3.rotFont:before,
section h1.gruenFont:before,
section h2.gruenFont:before,
section h3.gruenFont:before,
section h1.tuerkisFont:before,
section h2.tuerkisFont:before,
section h3.tuerkisFont:before {
	content:"";
	padding:20px;
	border-radius:50%;
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	top:0px;
	left:-8.3333333333%;
	line-height:0;
	background-image:url(../Icons/pfeil_weiss_rechts.svg);
	background-repeat: no-repeat;
	background-size:60%;
	background-position: center;
}

section h2.rotFont:before,
section h2.gruenFont:before,
section h2.tuerkisFont:before {
	width:40px;
	height:40px;
	left:-6%;
}


/*Section projekte*/
section.projekte  .frame{
	margin:0 auto;
	width: 83.333333333%;
}
section.projekte .columns .frame h2{
	font-family: 'OpenSans-BoldItalic';
}
section.projekte .columns .frame{
	width: 100%;
	font-family: 'OpenSansLight-Italic';
}
section.projekte .columns .frame a.more{
	font-family: 'OpenSans';
}

section.projekte .three.columns .ce-textpic.ce-left.ce-above .image {
	text-align: center !important;
}

section.projekte .ce-gallery .image img {
	width: 80%;
  }


/*Section bildListe*/
section.bildListe{	
}
section.bildListe .row{
	padding-top:20px;
	padding-bottom:20px;
}
section.bildListe .row .image{
	text-align:center;
} 
section.bildListe .row .image img{
	width:80%;
} 
section.bildListe .row:nth-child(odd) .image{
	padding-top:20px;
	padding-bottom:20px;
} 
section.bildListe .row:nth-child(odd) .text { 
	background:#eeeeee;
	padding-top:20px;
	padding-bottom:20px;
	background-color: #549f99;
	color:#ffffff;
}
section.bildListe .row:nth-child(odd) .text a{
	color:#ffffff;
}
section.bildListe .row:nth-child(odd) .text a.more{
	background:#ffffff;
	color:#549f99;
}
section.bildListe .row .text h3{
	font-weight:normal;
	font-family: 'OpenSans','Arial',sans-serif;
}
section.bildListe .row .image{padding-right:30px;}

/*Section inhalt*/
section.inhalt ul.subpages{
	list-style: none;
}
section.inhalt ul.subpages li{
	margin-bottom:30px;
	position:relative;
	padding: 30px;
  	padding-left: 65px;

  	border-radius: 15px;
}


section.inhalt ul.subpages li.gruenBG{
	background-color: #c0ce2b;
}
section.inhalt ul.subpages li.tuerkisBG{
	background-color: #549f99;
}
section.inhalt ul.subpages li.rotBG{
	background-color: #c7342c;
}
section.inhalt ul.subpages li.grayBG{
	background-color: #dedede;
}
section.inhalt ul.subpages li.gruenBG a{
	color: #000000;
}
section.inhalt ul.subpages li.tuerkisBG a{
	color:#ffffff;
}
section.inhalt ul.subpages li.rotBG a{
	color:#ffffff;
}
section.inhalt ul.subpages li.grayBG a{
	color: #000000;
}


section.inhalt ul.subpages li.gruenBG a h2{
	color: #c7342c;
}
section.inhalt ul.subpages li.tuerkisBG a h2{
	color:#ffffff;
}
section.inhalt ul.subpages li.rotBG a h2{
	color:#ffffff;
}
section.inhalt ul.subpages li.grayBG a h2{
	color: #c7342c;
}
section.inhalt ul.subpages li a:hover{
	opacity:.7;
}
section.inhalt ul.subpages li a:before{
	content:"";
	position:absolute;
	top: 36px;
	left: 30px;
	line-height:0;

	background-repeat: no-repeat;
	background-size:25px;
	display: block;
	width: 40px;
	height: 40px;
}
section.inhalt ul.subpages li.gruenBG a:before{
	background-image:url(../Icons/pfeil_rot_left.svg);
}
section.inhalt ul.subpages li.tuerkisBG a:before{
	background-image:url(../Icons/pfeil_weiss_left.svg);
}
section.inhalt ul.subpages li.rotBG a:before{
	background-image:url(../Icons/pfeil_weiss_left.svg);
}
section.inhalt ul.subpages li.grayBG a:before{
	background-image:url(../Icons/pfeil_rot_left.svg);
}

section.inhalt ul.subpages li a{
	display:flex;
	margin-bottom:5px;
	font-size: 1rem;
	text-align: left;
	font-weight:400;

	flex-direction: row;
	flex-wrap: no-wrap;
	justify-content: space-between;
	align-items: flex-start;
}
section.inhalt ul.subpages li a .image{
	width:260px;
	border:5px solid #ffffff;
	margin-left:30px;
	background:#ffffff;
}
section.inhalt ul.subpages li a .image img{
	width:250px;
}
section.inhalt ul.subpages li .text h2{
	margin-top:0px;
	padding-top:0px;
}

@media screen and (max-width: 850px) {
	section.inhalt ul.subpages li a .image{
		width:200px;
	}
	section.inhalt ul.subpages li a .image img{
		width:190px;
	}
}
@media screen and (max-width: 768px) {
	section.inhalt ul.subpages li a .image{
		width:150px;
		margin-left:15px;
	}
	section.inhalt ul.subpages li a .image img{
		width:140px;
	}
	section.inhalt ul.subpages li a:before{
		display:none;
	}
	section.inhalt ul.subpages li {
		  padding-left: 30px;
	  }
}
@media screen and (max-width: 600px) {
	section.inhalt ul.subpages li a{
		display:block;
	}
	section.inhalt ul.subpages li a .image{
		width:100%;
		margin-left:0px;
		text-align:center;
		border:10px solid #ffffff;
	}
	section.inhalt ul.subpages li a .image img{
		width:180px;
	}
}


.frame-type-textmedia.frame-layout-1 .ce-above figure.image{margin: 0px;}

/**Layout des Inhaltselements: Halbe Breite**/
.frame-layout-5 {
	max-width : 50%;
}
/**Layout des Inhaltselements: Drittel Breite**/
.frame-layout-6 {
	max-width : 33.3%;
}

/** CE-Uploads **/
.ce-uploads img {
	width: auto;
	float: left;
	position: relative;
	top: 4px;
}
.ce-uploads li {
	list-style: none;
}
.ce-uploads li div {
	margin-left: 25px;
}
.ce-uploads .ce-uploads-description {
	display: block;
}
.ce-uploads .ce-uploads-filesize {
	font-size: 0.8em;
	display: block;
}



/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
footer{
	color:#fff;
	margin-top:40px;
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0px;
}
footer .background_footer {
	width: 100%;
	overflow: hidden;
	height: 220px;
	padding-top: 160px;
	position: relative;
	margin-top: 0px;
}

footer .background_footer:before {
	content: "";
	width: 100%;
	position: absolute;
	bottom: 100%;
	left: -100vw;
	width: 300vw;
	height: 300vw;
	border-radius: 50%;
	z-index: -1;
	transform-origin: bottom center;
	transform: rotate(180deg);
	text-align: center;
	background-color: #549f99;

}
footer .background_footer  .copyright_footer {
	width:30%;
	float:left;
	font-size: 80%;
}
footer .background_footer  .foerderung {
	width:40%;
	float:left;
	font-size: 80%;
	line-height:1.4;
	margin-top: -9.5em;
	text-align:center;
}
footer .background_footer  .foerderung img{
	width:90%;
}
footer .background_footer  .menu_footer {
	width:30%;
	float:right;
	text-align:right;
	font-size: 80%;
}

footer .stiftungen {
	padding-bottom: 10px;
}
footer ul.stiftung {
	list-style: none;
}
footer ul.stiftung li {
	float:left;
	width:12.5%;
	padding:5px;
}

footer .image {
	margin: 0;
}

footer .menu_footer a {
	color: #c0ce2b;
	font-size: 80%;
}

footer .menu_footer ul li {
	list-style-type: none;
	display: inline;
	margin-left: 1em;
	font-size: 1.2em;
}
footer .menu_footer ul li div {
	display: inline;
}


footer .logos_footer:before{
	content:"";
		border-top:1px solid #cccccc;
	Padding-top:30px;
	margin-top:30px;
	margin-left:-5px;
	margin-right:-5px;
	display:block;
}

footer .logos_footer .row .two.columns{
	width:25%;
	height: 160px;
	display: table-cell;
	vertical-align: middle;
	float: none;
}

footer .logos_footer .row .two.columns:first-child,
footer .logos_footer .row .two.columns:last-child{display:none;}

footer .logos_footer .image{
	padding: 1em;
}

/** FAQ **/
.tx-ohce-faq .question{
	border-top: 1px solid #ccc;
	padding-top: 20px;
	font-family: 'OpenSans','Arial',sans-serif;
}
.tx-ohce-faq .question::before {
	content: '+ ';
	color: white;
	background: #c7342c;
	padding: 0 0.1em 0 0.4em;
	margin-right: 0.5em;
	border-radius: 50%;

}
.tx-ohce-faq .question.opened::before {
	content: '− ';
}
.tx-ohce-faq .answer {
	margin-left: 3em;
}
.tx-ohce-faq h2{
	margin-top:10px;
}

.faq h3 {
	position:relative;
	padding-top:0px;
	color: #c7342c;
	cursor:pointer;
}

.faq h3:before {
	content:"";
	padding:20px;
	border-radius:50%;
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	top:0px;
	left:-7.5%;
	line-height:0;
	background-image:url(../Icons/pfeil_weiss.svg);
	background-repeat: no-repeat;
	background-size:60%;
	background-position: center;
	background-color: #c7342c;
}
.faq .open h3:before {
	content:"";
	background-image:url(../Icons/pfeil_weiss_up.svg);
}
.faq h3:hover{
	color: #549f99;
}
.faq h3:hover:before{
	background-color: #549f99;
}
/* Container
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.ce-textpic.ce-center.ce-above,
.ce-textpic.ce-center.ce-above div,
.ce-textpic.ce-center.ce-above .image,
.ce-textpic.ce-center.ce-above .image img,
.section figure.video,
.section .figure.audio,
.ce-textpic.ce-left figure.video,
.ce-textpic.ce-left figure.video .video-embed-item,
.tos-desktop .ce-textpic .ce-gallery .image img.image-embed-item{
  width: 100% !important;
  height: auto !important;
}
figure.video {
	padding: 0px;
	margin: 0px;
  }

.frame-type-textmedia:after,
.ce-textpic.ce-right .ce-intext:after,
.ce-textpic.ce-below .ce-gallery::after {
	content: " ";
	clear: both;
	display: block;
}

.frame{padding-top: 15px;}


.ce-gallery .image{
	text-align:left;
	overflow:hidden;
}
/*.ce-gallery .image img{width:104%;}
.ce-gallery .image img{width:100%;}

.custom-imagewidth .ce-gallery .image img{
    width:auto;
    max-width: 100%;
}*/
.ce-gallery .image,
.ce-gallery .ce-column{
	padding:0px;
	margin:0px;
}

.custom-imagewidth .ce-gallery {
	display:table;
}
.custom-imagewidth .ce-row {
	clear:both;
}
.custom-imagewidth .ce-row .ce-column{
	width: auto;
}
.custom-imagewidth .ce-row .ce-column figure{
	margin-right: 0em;
}
section .custom-imagewidth figcaption {
	/*position: inherit;*/
}
section .custom-imagewidth figcaption .caption {
	font-size: 16px;
}

.ce-textpic.ce-center.ce-above .image{text-align:center; max-width: 100%;}
.ce-textpic.ce-right.ce-above .image{text-align:right; max-width: 100%;}
.ce-textpic.ce-left.ce-above .image{text-align:left; max-width: 100%;}

.ce-textpic.ce-center.ce-above .image img{text-align:center;}
.ce-textpic.ce-right.ce-above .image img{text-align:right;}
.ce-textpic.ce-left.ce-above .image img{text-align:left;}


.ce-textpic.ce-right.ce-intext .ce-gallery,
.ce-textpic.ce-right.ce-intext .ce-gallery div{
	display:block;
	float: right;
	width:100%;
}
.ce-textpic.ce-intext .ce-gallery{width:36%;}
.ce-textpic.ce-right.ce-intext .ce-gallery{
	padding-left:1rem;
	padding-bottom:15px;
}
.ce-textpic.ce-left.ce-intext .ce-gallery,
.ce-textpic.ce-left.ce-intext .ce-gallery div{
	display:inline;
	float: left;
}
.ce-textpic.ce-left.ce-intext .ce-gallery{
	padding-right:1rem;
	padding-bottom:15px;
}
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery{
	width:36%;
	float:right;
}
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext{
	width:64%;
	float:left;
}

.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery{
	width:36%;
	float:left;
}
.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-bodytext{
	width:64%;
	float:right;
}
.ce-textpic.ce-left figure.video {
    margin-left: 0;
}
.ce-textpic.ce-intext.ce-nowrap .ce-gallery .ce-row .ce-column{
 	margin-bottom:1rem;
}


.frame-rotBG,
.frame-tuerkisBG,
.frame-gruenBG {
	padding: 30px;
	margin-bottom:20px !important;
	border-radius:15px;
	font-family: 'OpenSans-Light';
} 
.frame-rotBG h2,
.frame-tuerkisBG h2,
.frame-gruenBG h2,
.frame-rotBG h3,
.frame-tuerkisBG h3,
.frame-gruenBG h3,
.frame-rotBG h4,
.frame-tuerkisBG h4,
.frame-gruenBG h4{
	font-family: 'OpenSans-Bold';
}

hr {

	margin-top: .5rem;
	margin-bottom: 1rem;
	border-width: 0;
		border-top-width: 0px;
	border-top: 1px solid #E1E1E1;

}


section.inhalt .frame.frame-type-2-1_2col-container{
	margin: 0;
  	margin-left: calc(8.3333333333% - 1rem);
  	padding-top: 0px;
}


.frame.frame-type-2-1_2col-container .eight.columns{
	padding-left: 1rem;
  	padding-right: 1rem;
}
.frame.frame-type-2-1_2col-container .four.columns{
	padding-left: 1rem;
  	padding-right: 1rem;
}
.ce-bodytext p:last-child {
	margin-bottom: 0;
}

.frame-type-fdcontentelements_gallery .gallery h3.gallery-header{
	margin-top:0px;
	margin-bottom:5px;
}
.frame-type-fdcontentelements_gallery .gallery .imagecols-4 img {
	margin-top:2%;
	margin-bottom:0px;
}

/* Gallery Slide
---------------------------------------------------*/



/* NEWS
---------------------------------------------------*/
.news-img-wrap figure {
    margin: 0px;
}

.news-single .article .news-img-wrap{
	margin: 0 0 0 30px !important;
}
.news-single .article .news-img-wrap  .outer{
	margin-bottom: 1rem;
}

.news-single .article .news-img-wrap  .outer p.news-img-caption {
	margin-bottom:0px;
  }
  @media screen and (max-width: 768px) {
	.frame-type-news_newsdetail .news-single .single_text {
	  float: left !important;
	  width: calc(82% - 30px) !important;
	}
	.frame-type-news_newsdetail .news .article .news-img-wrap {
		display: block;
		margin: 0 !important;
		margin-left: 30px  !important;
		float: right !important;
	  }
  }
  @media screen and (max-width: 560px) {
	.frame-type-news_newsdetail .news-single .single_text {
	  display: block;
	  margin-bottom: 15px;
	  width: 100%;
	  float: none;
	  width: 100% !important;
	}
  }
/* MEDIA QUERIES STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media screen and (max-width: 1100px) {
	header .topnav a {
		padding: 10px 13px;
		font-size: 16px;
	}
}

@media screen and (min-width: 941px) {
.frame-type-textmedia.frame-layout-1 .ce-above img{ width:70%;}	
}

@media screen and (max-width: 992px) {
	header:not(section header)  {
		padding-top: 0px;
		width: 100%;
		margin-bottom: 40px;
		height: 130px;
		min-height:130px;
	  }
	header .row.logos{width:90% !important;}
	header .logos, header .logos .columns {
		max-height: 120px;
	  }
	header .logos .columns.fd_logo img {
		height: 100px;
	  }
	  header .logos .columns.sm_logo {
		padding-top: 36px;
	  }
	header .logos .columns.sm_logo img{
		max-height:80px;
	}
	header .logos .columns.sm_logo img.mercator {
		margin-right: 40px;
		height: 40px;
		margin-bottom: 5px;
	  }
	header .topnav{
		position: absolute;
		text-align: left;
		display: block;
		z-index: 200;
		left: 0px;
		padding-left: 15px;
		padding-right: 15px;
		margin-left: 0;
		margin-right: 0px;
		width: 100%;
		margin-top: 10px;
	}

  /*header .topnav a:not(:first-child) {display: none;}*/
  header .topnav a {display: none;}

  header .topnav.responsive {
	  background: #fff;
	  padding-bottom: 15px;
}
  header .topnav.responsive a {
	float: none;
	display: block;
	text-align: left;
	border-bottom:1px solid #cccccc; 
  }
  header .topnav a.hamburger,
  header .topnav.responsive .hamburger {
	position: absolute;
	right: 30px;
	top: -60px;
	border-bottom:none;
	display: block;
	z-index: 300;
  }
  section.slider {
	margin-top: -40px;
  }
		
	section.slider .slick-slide img {
	display: block;
	}

	.faq h3:before {
		content:"";
		padding:10px;
		width:30px;
		height:30px;
		top:0px;
		left:-7.5%;
		background-size:60%;
	}
}
@media screen and (max-width: 940px) {
	section h1.rotFont::before, section h2.rotFont::before, section h3.rotFont::before, section h1.gruenFont::before, section h2.gruenFont::before, section h3.gruenFont::before, section h1.tuerkisFont::before, section h2.tuerkisFont::before, section h3.tuerkisFont::before {
		content: "";
		padding: 20px;
		border-radius: 50%;
		display: block;
		width: 40px;
		height: 40px;
		position: absolute;
		top: 0px;
		left: -8.3333333333%;
		line-height: 0;
		background-image: url(../Icons/pfeil_weiss.svg);
		background-repeat: no-repeat;
		background-size: 60%;
		background-position: center;
	  }
}
@media screen and (max-width: 768px) {
	header .row.logout {display: none;}
	header:not(section header)  {
		width: 100%;
		height: 110px;
		min-height: 110px;
	  }

	header .logos,
	header .logos .columns{
		max-height:80px;
	}
	header .logos .columns.fd_logo img {
		height: 80px;
	  }
	header .logos .columns img{
		height:80px;
		width:auto;
	}
	header .logos .columns.sm_logo {
		padding-top: 20px;
	  }
	header .logos .columns.sm_logo img.mercator {
		margin-right: 30px;
		height: 30px;
		margin-bottom: 5px;
	  }

	  header .topnav {
		margin-top: 30px;
	  }

	.powermail_fieldwrap {
		width: 100%;
		display: block;
	}
	.powermail_fieldwrap.powermail_fieldwrap_type_text{padding-bottom:10px;} 
	.powermail_fieldwrap.powermail_fieldwrap_hinweis2ansprechpersonen,
	.powermail_fieldwrap.powermail_fieldwrap_ueberdasprojekt,
	.powermail_fieldwrap.powermail_fieldwrap_namedesprojekts{
		width:100%;
	}

	.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_interneturl2ansprechperson input,
	.powermail_fieldwrap.powermail_fieldwrap_type_input.powermail_fieldwrap_interneturl input{width:100%;}
	.powermail_fieldwrap.powermail_fieldwrap_type_reset,
	.powermail_fieldwrap.powermail_fieldwrap_type_submit{display:inline-block; width:auto;}
	
	.frame-type-textmedia.frame-layout-1{
		width: 100%;
		text-align: center;
		display: block;

	}
	#powermail_field_wirddasprojektbereitsgefoerdert{margin-bottom: 1.5rem;}
	
	.powermail_fieldwrap.powermail_fieldwrap_wirddasprojektbereitsgefoerdert .toggleDescription{
		bottom: 15px;
	}
	section.slider .text {
		width:80% !important;
		left:10% !important;
	}

	h1 {
		font-size: 2rem;
		margin-bottom: 25px;
		font-family: 'OpenSans-Bold','Arial',sans-serif;
		font-weight: 300;
	  }


	  section h1.rotFont::before, section h2.rotFont::before, section h3.rotFont::before, section h1.gruenFont::before, section h2.gruenFont::before, section h3.gruenFont::before, section h1.tuerkisFont::before, section h2.tuerkisFont::before, section h3.tuerkisFont::before {
		content: "";
		padding: 18px;
		border-radius: 50%;
		display: block;
		width: 30px;
		height: 30px;
		position: absolute;
		top: 3px;
		left: -9.3333333333%;
		line-height: 0;
		background-image: url(../Icons/pfeil_weiss.svg);
		background-repeat: no-repeat;
		background-size: 60%;
		background-position: center;
	  }
	  h3 {
		font-size: 1.4rem;
	  }

	  section.anlese {
		font-size: 1.2rem;
		line-height: 1.5;
	  }
	  .teaser .text {
		padding-right: 15px;
		padding-left: 15px;
		padding-bottom: 0px;
	  }
	  .teaser .halbkreis img {
		margin-top: -20px;
	  }




	.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery{
		width:25%;
		float:right;
	}
	.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext{
		width:75%;
		float:left;
	}
	
	.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery{
		width:25%;
		float:left;
	}
	.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-bodytext{
		width:75%;
		float:right;
	}
}

@media screen and (max-width: 700px) {
	body {
		padding-bottom: 280px;
	}
	section {
		margin-top: 0px;
		margin-bottom: 0px;
	  }
	.eight[class*="column"], .two-thirds[class*="column"],
	.four[class*="column"], .one-third[class*="column"] {
		width: 100%;
		margin-bottom:20px;
		padding-left: 0;
    padding-right: 0;
	}
	.frame-type-textmedia.frame-layout-1 .ce-above img{ width:50%;}	
	footer .background_footer {
		padding-top: 100px;
  }
  .frame.frame-type-2-1_2col-container .four.columns,
  .frame.frame-type-2-1_2col-container .eight.columns {
	margin:0px;
  }
  .faq h3 {
	margin-bottom: 15px;
	font-size: 1.3rem;
  }
  .faq h3:before {
	content: "";
	padding: 10px;
	width: 25px;
	height: 25px;
	top: 5px;
	left: -7.5%;
	background-size: 60%;
	}
	footer .background_footer {
		width: 100%;
		overflow: hidden;
		height: 310px;
		padding-top: 70px;
		position: relative;
		margin-top: 0px;
	}
	footer {
		bottom: -40px;
	  }
	footer .background_footer  .menu_footer,
	footer .background_footer  .copyright_footer{
		-webkit-hyphens: none;
		-moz-hyphens: none;
		hyphens: none;
	}
	footer .background_footer  .menu_footer{
		width:40%;
	}
	footer .background_footer  .copyright_footer{
		width:60%;

	}
	footer .background_footer  .menu_footer ul {
		margin-bottom: .7rem;
	  }
	footer .background_footer  .foerderung {
		width:100%;
		float:none;
		display:block;
		margin-top: 0;
		text-align:center;
		clear: both;
	}
	footer .background_footer  .foerderung a{
		display:block;
	}
	footer .background_footer .foerderung img {
		width: 60%;
		display: block;
    	margin: 0 auto;
	  }

}
@media screen and (max-width: 600px) {
	header .logos .columns.fd_logo img {
		height: 80px;
	}

	header .logos .columns.sm_logo img.mercator {
		margin-right: 20px;
		height: 25px;
		margin-bottom: 5px;
	}
	.frame.faq {
		margin: 0 auto;
		width: 90%;
	  }
	  .frame.faq {
		margin: 0 auto;
		width: 90%;
	  }
	  .faq h3 {
		margin-bottom: 15px;
		font-size: 1.1rem;
		left: 0%;
		padding-left: 10px;
		margin-right: -15px;
	  }
	  .faq .ce-textpic{
		padding-left: 10px;
		margin-right: -15px;
	  }
	  h1 {
		font-size: 1.7rem;
	  }


	  section h1.rotFont::before, section h2.rotFont::before, section h3.rotFont::before, section h1.gruenFont::before, section h2.gruenFont::before, section h3.gruenFont::before, section h1.tuerkisFont::before, section h2.tuerkisFont::before, section h3.tuerkisFont::before {
		content: "";
		padding: 15px;
		border-radius: 50%;
		display: block;
		width: 30px;
		height: 30px;
		position: absolute;
		top: 3px;
		left: -9.3333333333%;
		line-height: 0;
		background-image: url(../Icons/pfeil_weiss.svg);
		background-repeat: no-repeat;
		background-size: 60%;
		background-position: center;
	  }
	  h3,h4 {
		font-size: 1.3rem;
	  }
}
@media screen and (max-width: 560px) {

	section .six[class*="column"] {
		width: 100%;
	}
	section.inhalt .frame {
		width: 100%;
	}
	section.inhalt .frame.frame-type-2-1_2col-container {
		margin: 0;
		width: 100%;
	  }
	  .frame.frame-type-2-1_2col-container .four.columns,
	  .frame.frame-type-2-1_2col-container .eight.columns {
		padding-left: 0;
		padding-right: 0;
		margin:0px;
	  }
	  section.inhalt .frame.faq {
		margin: 0 auto;
		width: 83.333333333%;
		padding-top: 0px;
	  }
	.ce-textpic.ce-intext.ce-nowrap .ce-bodytext,
	.ce-textpic.ce-intext.ce-nowrap .ce-gallery {
		width: 100% !important;
		float: none !important;
	}
	.ce-textpic.ce-right.ce-intext .ce-gallery,
	.ce-textpic.ce-intext.ce-nowrap .ce-gallery .ce-row .ce-column,
	.ce-textpic.ce-intext.ce-nowrap .ce-gallery .ce-column{
		padding-bottom:0px;
		margin-bottom:0px;
	}
	
	.ce-textpic.ce-intext figure.image a{
		display: inline-block !important;
	}

	.ce-textpic.ce-intext.ce-right figure.image a{
		display: block !important;
		width:100% !important;
	}
	.frame-type-textmedia .ce-textpic.ce-right.ce-intext.ce-nowrap{
		display:flex !important;
		flex-direction: column-reverse;
	}
	.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery{
		float: none !important;
	}
	.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext{
		float: none !important;
	}
	.frame-type-textmedia .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery .image{
		margin-top:15px;
	}
	.ce-textpic .ce-gallery,
	.ce-textpic .ce-gallery .ce-row .ce-column,
	.ce-textpic .ce-gallery .ce-row .ce-column .image,
	.ce-textpic.ce-intext,
	.ce-textpic.ce-intext figure.image,
	.ce-textpic.ce-intext .ce-gallery div,
	.ce-textpic.ce-intext .ce-gallery {
		padding-left: 0px !important;
		padding-right: 0px !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
		width:100% !important;
		float:none !important;
		display: inline-block !important;
	}
	.ce-textpic.ce-intext figure.image img,
	.ce-gallery .image img {
		height: auto !important;
		padding:0px;
		margin:0px;
	}
	
	header .logos .columns.fd_logo img {
		height: 70px;
	} 
	header .logos,
	header .logos .columns{
		max-height:50px;
	}

	header .logos .columns.fd_logo{
		padding-top:12px;
		width:40% !important;
	}
	header .logos .columns.sm_logo {
		width:60% !important;
		padding-top: 10px;
	}

	header .topnav{margin-top:40px;}
	header .topnav a.hamburger,
	header .topnav.responsive .hamburger {
	  right: 20px;
	  top: -50px;
	}

	header .six.columns.middle{
		display:none;
	}
	section.anlese .frame {
		margin: 0 auto;
		width: 100%;
	  }
	  section h1.rotFont::before, section h2.rotFont::before, section h3.rotFont::before, section h1.gruenFont::before, section h2.gruenFont::before, section h3.gruenFont::before, section h1.tuerkisFont::before, section h2.tuerkisFont::before, section h3.tuerkisFont::before {
		content: "";
		display:none;
	}
	.frame-rotBG, .frame-tuerkisBG, .frame-gruenBG {
		padding: 15px;
	  }
	  .frame-rotBG h2, .frame-tuerkisBG h2, .frame-gruenBG h2{
		margin-top: 5px;
	  }
	  .frame-rotBG p, .frame-tuerkisBG p, .frame-gruenBG p{
		margin-bottom: 5px;
	  }

}
@media screen and (max-height: 480px){
	footer .background_footer {
		height: 260px;
		padding-top: 80px;
	}
	footer .background_footer .foerderung {
		padding-top: 10px;
	  }
}
@media screen and (max-height: 480px) and (orientation:landscape){
	body {
		font-size: 0.9rem;
		line-height: 1.4rem;
	}
	h1{font-size: 1.5rem;}
	h2{font-size: 1.3rem; margin-bottom: 15px;}
	h3{font-size: 1.1rem; margin-bottom: 15px;}
	h4{font-size: 1rem; margin-bottom: 15px;}

	section.inhalt .frame:not(section.inhalt .frame.faq) {
		margin: 0 auto;
		width: 100%;
	}

	section.anlese {
		font-size: 1rem;
	  }
	  section.anlese p {
		margin-bottom: 5px;
	  }
	  section h1.rotFont, section h2.rotFont, section h3.rotFont, section h1.gruenFont, section h2.gruenFont, section h3.gruenFont, section h1.tuerkisFont, section h2.tuerkisFont, section h3.tuerkisFont {
		position: relative;
		padding-top: 0px;
	  }
	  section h1.rotFont::before, section h2.rotFont::before, section h3.rotFont::before, section h1.gruenFont::before, section h2.gruenFont::before, section h3.gruenFont::before, section h1.tuerkisFont::before, section h2.tuerkisFont::before, section h3.tuerkisFont::before {
		content: "";
		display:none;
	}
	footer .background_footer {
		height: 300px;
		padding-top: 75px;
	}
	footer .background_footer .foerderung img {
		width: 40%;
	  }
}

@media screen and (max-width: 480px) and (orientation:portrait){
	body {
		font-size: 0.9rem;
		line-height: 1.4rem;
	}
	h1{font-size: 1.5rem;}
	h2{font-size: 1.4rem; margin-bottom: 15px;}
	h3{font-size: 1.3rem; margin-bottom: 10px;}
	h4{font-size: 1.3rem; margin-bottom: 10px;}
    
    video,
    iframe {
        width: 100%;
        max-height: 200px;;
    }

	section.inhalt .frame:not(section.inhalt .frame.faq) {
		margin: 0 auto;
		width: 100%;
	  }



	section.anlese {
		font-size: 1rem;
	  }
	  section.anlese p {
		margin-bottom: 5px;
	  }
	  section h1.rotFont, section h2.rotFont, section h3.rotFont, section h1.gruenFont, section h2.gruenFont, section h3.gruenFont, section h1.tuerkisFont, section h2.tuerkisFont, section h3.tuerkisFont {
		position: relative;
		padding-top: 0px;
	  }
	  section h1.rotFont::before, section h2.rotFont::before, section h3.rotFont::before, section h1.gruenFont::before, section h2.gruenFont::before, section h3.gruenFont::before, section h1.tuerkisFont::before, section h2.tuerkisFont::before, section h3.tuerkisFont::before {
		content: "";
		display:none;
	}
	header:not(section header)  {
		height: 120px;
		margin-bottom: 20px;
	  }
	  section.slider {
		margin-top: -20px;
	  }
	header .row.logos {
		width: calc(100% + 30px)!important;
	  }
	  header .logos .columns.fd_logo img {
		height: 80px;
	  }
	  header .logos .columns.sm_logo {
		padding-top: 20px;
		width: 35% !important;
	  }

	header .logos .columns.sm_logo img.mercator {
		margin-right: 15px;
		height: 20px;
		margin-bottom: 5px;
	}
	header .topnav {
		margin-top: 60px;
	  }
	  header .topnav a.hamburger, header .topnav.responsive .hamburger {
		right: 20px;
		top: -65px;
	  }

}
@media screen and (max-width: 420px) {
	.container{
		padding-left:15px;
		padding-right:15px;
	}
	header:not(section header) {height:130px;}
	header .logos,
	header .logos .columns{
		max-height:60px;
	}
	header .logos .columns img{
		height:60px;
		width:auto;
	}
	header .logos .columns.sm_logo {
		padding-top: 35px;
		width: 35% !important;
	  }
	  header .logos .columns.fd_logo {
		padding-top: 22px;
		width: 40% !important;
	  }
	  header .logos .columns.fd_logo img {
		height: 70px;
	  }
	footer .background_footer .foerderung {
		padding-top: 20px;
	}
}