@charset "utf-8";

/*
	Dreamweaver-Eigenschaften für fließende Raster
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	3;
	dw-gutter-percentage:	14.8;
	
	Idee durch den Artikel "Responsive Web Design" von Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	und "Golden Grid System" von Joni Korpi
	http://goldengridsystem.com/
*/


/* ---------------------------

LAYOUT FÜR ALLE GERÄTE

--------------------------- */

img, object, embed, video {
	max-width: 100%;
}
/* IE 6 unterstützt keine maximale Breite, verwenden Sie daher eine Standardbreite von 100% */
.ie6 img {
	width:100%;
}
.no-top-margin {
	margin-top: 0 !important;
}
.no-right-margin {
	margin-right: 0 !important;
}
.no-bottom-margin {
	margin-bottom: 0 !important;
}
.no-left-margin {
	margin-left: 0 !important;
}
.top-margin {
	margin-top: 0.8rem;
}
.bottom-margin {
	margin-bottom: 0.8rem;
}
.ntb {
	border-top: none !important;
}
.semi {
	font-weight: 600 !important;
}
/* HTML5-Tags für älter Browser  */
header, nav, section, footer, aside {
    display: block;
}

header h1 .no-top-title {
	display: none;
}
.onlyPrint {
	display: none;
}

.sprite {
	background-image: url(/_images/standards/sprite-desktop.png);
	background-repeat: no-repeat;
	background-size: 345px;
}
.sprite-legend {
	background-image: url(/_images/standards/sprite-marker.png);
	background-repeat: no-repeat;
}

/* Linkfarbe im Fließtext */
.col-2-3 a:link { color: #003399; }
.col-2-3 a:visited { color: #003399; }
.col-2-3 a:hover { color: #f07d00; }
.col-2-3 a:active { color: #f07d00; }
.col-2-3 a:focus { color: #f07d00; }

/* Linkfarbe in Headline */
.col-2-3 h2 a:link { color: #555658; }
.col-2-3 h2 a:visited { color: #555658; }
.col-2-3 h2 a:hover { color: #f07d00; }
.col-2-3 h2 a:active { color: #f07d00; }
.col-2-3 h2 a:focus { color: #f07d00; }

/* Linkfarbe in Headline */
.col-2-3 .more-link a:link { color: #555658; }
.col-2-3 .more-link a:visited { color: #555658; }
.col-2-3 .more-link a:hover { color: #f07d00; }
.col-2-3 .more-link a:active { color: #f07d00; }
.col-2-3 .more-link a:focus { color: #f07d00; }


/* Layout */
	
.gridContainer {
	width: 950px;
	padding: 0 20px;
	margin: 123px auto 0 auto;
	background: #fff;
}
.gridContainer.cop23 {
	margin: 107px auto 0 auto;
}
#social-nav-wrapper {
	position: absolute;
	top: 0;
	width: 100%;
	height: 58px;
	background: #c7c7c5;	
	z-index: 9999;
}
#social-nav {
	width: 453px;
    padding: 0;
    height: 58px;
    z-index: 9999;
    text-align: left;
	float: left;
}
#lang-nav {
	width: 152px;
    padding: 0;
    height: 58px;
    margin: 0 0 0 0;
    z-index: 9999;
    float: left;
    text-align: right;
}
.EU_logo {
	width: 190px;
    padding: 0;
    height: 58px;
    margin: 0 0 0 160px;
    z-index: 9999;
    float: left;
    background: url(/_images/logos/eu-schwarz.png);
    background-repeat: no-repeat;
    background-size: auto 40px;
    background-position: 10px;
    background-position-x: right;
}
.nav-top {
	width: 960px;
	margin: 0 auto;
}
header {
	background: #fff;
	width: 950px;
	height: 57px;	
}
.gridContainer.cop23 header {
	height: 73px;	
}
.logo {
	display: block;
	position: relative;
	float: right;
	width: 263px;
	height: auto;
	background: url(/_images/logos/eanrw.svg) no-repeat top left;
	background-size: 100%;
}
.gridContainer.cop23 header .logo {
	margin-top: 16px;
}
.logo2 {
	display: block;
	position: relative;
	float: right;
	width: 263px;
	height: auto;
	background: url(/_images/logos/eanrw.svg) no-repeat top left;
	background-size: 100%;
}
.gridContainer.cop23 header .logo2 {
	margin-top: 16px;
}
.logo2.mwide {
	background: url(/_images/logos/mwide.svg) no-repeat top left;
}
.logo2.mwide img {
	padding-bottom: 5px;
}
.logo-bmub_en {
	display: block;
	position: relative;
	float: left;
	width: 160px;
	height: auto;
	background: url(/_images/logos/bmub_en.png) no-repeat top left;
	background-size: 100%;
}
.logo-bmub {
	display: block;
	position: relative;
	float: left;
	width: 128px;
	height: auto;
	background: url(/_images/logos/bmub.png) no-repeat top left;
	background-size: 100%;
}
.logo-cop23 {
	display: block;
	position: relative;
	float: left;
	width: 161px;
	height: auto;
	background: url(/_images/logos/cop23.jpg) no-repeat top left;
	background-size: 100%;
	margin-left: 20px;
}
.logo-unfccc {
	display: block;
	position: relative;
	float: left;
	width: 180px;
	height: auto;
	background: url(/_images/logos/unfccc.png) no-repeat top left;
	background-size: 100%;
	margin-left: 30px;
	margin-top: -10px;
}
.logo-landesregierung-nrw {
	display: block;
	position: relative;
	float: left;
	width: 187px;
	height: auto;
	background: url(/_images/logos/landesregierung-nrw.png) no-repeat top left;
	background-size: 100%;
	margin-left: 30px;
}
header h1 {
	position: relative;
	float: left;
	margin-top: 16px;
	font-weight: 800;
	color: #3b3b3b;
	width: 680px;
	font-size: 1.166666rem;
}
header h1 a:link {
	color: #3b3b3b;
}
header h1 a:visited {
	color: #3b3b3b;
}
header h1 a:hover {
	color: #3b3b3b;
}
header h1 a:active {
	color: #3b3b3b;
}
h4.subheadline {
	text-transform: none;
	margin-top: -1rem !important;
}
form input + h4,
form input + h3 {
	margin-top: 1.5rem !important;
}
.lighhead {
	font-weight: 300;
}
.headimage {
	margin-bottom: 43px;
}
.headvideowrapper {
	position: relative;
	float: left;
	overflow: hidden;
	width: 680px;
	margin-bottom: 41px;
	height: 381px;
}
.headvideo {
	width: 680px;
	overflow:hidden;
	margin: 0 0 0 -3px;	
}
.headvideo iframe {
	width: 680px !important;
	height: 381px;
}
.headcaption {
	position: relative;
	float: left;
	width: 236px;
	height: 318px;
	margin: 0 0 0 -8px;
	padding: 42px 21px 21px 21px;
	background: #3a3a3a;
	color: #fff;
	font-size: 0.8888888888888889rem;
	margin-bottom: 41px;
}
.liquid-slider .headvideowrapper {
	margin-bottom: 0px;
}
.liquid-slider .headcaption {
	width: 193px;
	padding: 42px 64px 21px 21px;
	margin-bottom: 0px;
}
.slider-wrapper {
  margin-bottom: 42px;
  clear: both;
}
.headcaption h1 {
	font-size: 0.8888888888888889rem;
	font-weight: 800;
	margin-bottom: 0.8888rem;
}
.headcaption p {
	font-size: 0.8888888888888889rem;
	font-weight: 400;
	margin-bottom: 0.8888rem;
}
.headcaption a.more-link:link {
	color: #fff !important;
	border: 0;
	padding: 0;
	margin: 0;
	font-weight: 600;
}
.headcaption a.more-link:visited {
	color: #fff !important;
	border: 0;
	padding: 0;
	margin: 0;
	font-weight: 600;
}
.headcaption a.more-link:hover {
	color: #fff !important;
	border: 0;
	padding: 0;
	margin: 0;
	font-weight: 600;
}
.headcaption a.more-link:active {
	color: #fff !important;
	border: 0;
	padding: 0;
	margin: 0;
	font-weight: 600;
}
.headcaption a.more-link:focus {
	color: #fff !important;
	border: 0;
	padding: 0;
	margin: 0;
	font-weight: 600;
}
figure {
	margin: 0.3rem 0 1.5rem 0;
	display: inline-block;
	outline: none;
}
picture.whitepic {
	border: 1px solid #e5e5e5;	
}
figcaption {
	font-size: 0.6666666666666667rem;
	line-height: 140%;
	font-style: italic;
	margin-top: 5px;
	font-weight: normal !important;
}
.figcaption {
	font-size: 0.6666666666666667rem;
	font-style: italic;
	margin-top: -25px !important;
	margin-bottom: 1rem !important;
	font-weight: normal !important;
}
.responsive-video + .figcaption {
	margin-top: -0.8rem !important;
}
.newssource {
	font-size: 0.8333333333333333rem;
	font-style: italic;
	font-weight: normal !important;
}
a:link figcaption {
    color: #555658;
}
a:visited figcaption {
    color: #555658;
}
a:hover figcaption {
    color: #555658;
}
a:active figcaption {
    color: #555658;
}
figure.portrait {
	margin: 0.3rem 0 21px 21px;
	display: block;
	width: 288px;
	float: right;
}
figure.full {
	margin: 0.3rem 0 21px 0;
	display: block;
	width: 100%;
}
figure.full img {
	width: 100%;
}
figure.portrait.logoImage {
	width: 200px;
}
figure.portrait.logoImage.upright {
	width: 120px;
	margin: 0.3rem 40px 21px 61px;	
}
#main-nav {
	position: relative;
	float: left;
	width: 100%;
	height: 42px;	
	background: #F78E00;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffab00), to(#f07d00));
	background: -webkit-linear-gradient(#ffab00, #f07d00);
	background: -moz-linear-gradient(#ffab00, #f07d00);
	background: -ms-linear-gradient(#ffab00, #f07d00);
	background: -o-linear-gradient(#ffab00, #f07d00);
	background: linear-gradient(#ffab00, #f07d00);
	-pie-background: linear-gradient(#ffab00, #f07d00);
	behavior: url(/_incs/js/PIE.htc);
	z-index: 9800;
}
#special-nav {
	position: relative;
	float: right;
	width: 30%;
	height: 42px;
	margin-top: -42px;
	background: #F78E00;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffab00), to(#f07d00));
	background: -webkit-linear-gradient(#ffab00, #f07d00);
	background: -moz-linear-gradient(#ffab00, #f07d00);
	background: -ms-linear-gradient(#ffab00, #f07d00);
	background: -o-linear-gradient(#ffab00, #f07d00);
	background: linear-gradient(#ffab00, #f07d00);
	-pie-background: linear-gradient(#ffab00, #f07d00);
	behavior: url(/_incs/js/PIE.htc);
	z-index: 9999;
	text-align:right;
}
.ui-tooltip {
	position: absolute;
	background: #000;
	opacity: 0.80;
	z-index: 9999;
	font-size: 0.7777777777777778rem;
	padding: 2px 12px 2px 12px;
	color: #fff;
	font-weight: 300;
	font-style: italic;
	max-width: 200px;
}
.ui-helper-hidden-accessible {
	display: none;
}
footer {
	margin-top: 17px;	
	background: #01416e;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#01416e), to(#00254f));
	background: -webkit-linear-gradient(#01416e, #00254f);
	background: -moz-linear-gradient(#01416e, #00254f);
	background: -ms-linear-gradient(#01416e, #00254f);
	background: -o-linear-gradient(#01416e, #00254f);
	background: linear-gradient(#01416e, #00254f);
	-pie-background: linear-gradient(#01416e, #00254f);
	behavior: url(/_incs/js/PIE.htc);
}
.start-footer {
	margin-top: 83px;	
}
.bt-toplink {
	z-index: 9998;
	position: fixed;
	bottom: 60px;
	right: 19px;
	border-radius: 22px 22px 22px 22px;
	-moz-border-radius: 22px 22px 22px 22px;
	-webkit-border-radius: 22px 22px 22px 22px;
	display:none;
	text-decoration:none;
	background-color:rgba(175, 175, 175, 0.90);
	background-position: -292px -418px;
	width: 44px;
	height: 44px;
}
.bt-toplink:hover{
	text-decoration:none;
}	
.bt-backlink {
	z-index: 9998;
	position: fixed;
	bottom: 60px;
	right: 19px;
	border-radius: 22px 22px 22px 22px;
	-moz-border-radius: 22px 22px 22px 22px;
	-webkit-border-radius: 22px 22px 22px 22px;
	display:block;
	text-decoration:none;
	background-color:rgba(175, 175, 175, 0.90);
	background-position: -292px -378px;
	width: 94px;
	height: 34px;
	padding: 10px 0 0 42px;
	color: #fff !important;
	font-weight: 600;
}
.bt-backlink:hover{
	text-decoration:none;
}
#pagenav a.more-link,
#pagenav .more-link.disabled {
	float:right;
}
#pagenav a.less-link {
	float:left;
	font-weight: 700;
}
#pagenav a.more-link:link,
#pagenav a.more-link:visited,
#pagenav a.less-link:link,
#pagenav a.less-link:visited,
#pagenav a.page-link:link,
#pagenav a.page-link:visited {
	display: block;
	font-weight: 700;
	color: #555658;
	text-decoration: none !important;
}
#pagenav a.more-link:hover,
#pagenav a.more-link:active,
#pagenav a.less-link:hover,
#pagenav a.less-link:active,
#pagenav a.page-link:hover,
#pagenav a.page-link:active { 
	color: #f07d00;
}
#pagenav a.more-link:after {
	content: "\00a0\00BB";
}
#pagenav a.more-link:before {
	content: "" !important;
	content: none !important;
}
#pagenav .more-link.disabled:after {
	content: "\00a0\00BB";
}
#pagenav a.less-link:before {
	content: "\00ab\00a0";
}
#pagenav .less-link.disabled:before {
	content: "\00ab\00a0";
}
#pagenav ul {
	margin: 0;
	padding: 0;
}
#pagenav ul li {
	margin: 0;
	padding: 0;
	float: left;
	display: inline-block;
	list-style-type: none;
	width: 5%;
	margin: 0 0.5%;
	text-align: center;
}
#pagenav ul li:first-child {
	width: 22%;
	margin: 0 1% 0 0;
	text-align: left;
}
#pagenav ul li:last-child {
	width: 22%;
	margin: 0 0 0 1%;
	text-align: right;
	float: right;
}
a.more-link:link,
a.more-link:visited {
	display: block;
	font-weight: 600;
	color: #555658 !important;
}
a.more-link:hover,
a.more-link:active { 
	color: #f07d00 !important;
}
a.more-link.inline {
	display: inline-block !important;
}
a.more-link:before {
	content: "\00BB\00a0";
}
p.more-link {
	font-weight: 600;
}
p.more-link:hover,
p.more-link:active { 
	color: #f07d00 !important;
}
p.more-link:before {
	content: "\00BB\00a0";
}
ul.freeLink {
	margin: 0 0 1.5rem 0 !important;
	padding:0;
}
ul.freeLink li {
	list-style-type: none;
	margin:0 !important;
	padding: 0 0 0 15px !important;
}
ul.freeLink li a:first-child:before {
	content: "\00BB\00a0";
	margin-left: -13px;
}
p + ul.freeLink {
	margin-top: -0.5rem !important;
}
.disabled {
	cursor: not-allowed;
	color: #cfcfcf !important;
	font-weight: 700;
}
#pagenav {
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #555658;
	border-bottom: 1px solid #555658;
	margin-top: 28px;
	overflow: hidden;
	clear: both;
}
.col-2-3 h4 {
	margin-top: 2.9rem;
}
.headline-category,
.col-2-3 h4.headline-category {
	font-size: 1rem;
	letter-spacing: 0.036rem;
	font-weight: 800;
	color: #fff;
	text-transform: uppercase;
	background: #01416e;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#01416e), to(#00254f));
	background: -webkit-linear-gradient(#01416e, #00254f);
	background: -moz-linear-gradient(#01416e, #00254f);
	background: -ms-linear-gradient(#01416e, #00254f);
	background: -o-linear-gradient(#01416e, #00254f);
	background: linear-gradient(#01416e, #00254f);
	-pie-background: linear-gradient(#01416e, #00254f);
	behavior: url(/_incs/js/PIE.htc);
	padding: 9px 23px 9px 23px;
	margin-bottom: 27px;
	margin-top: 0;
}

/* JW-Videos */

.jw-skin-seven .jw-display-icon-container {
    display: table;
    font-size: 35px !important;
    border-radius: 3.5em;
    border: 11px solid #fff !important;
	border-color: rgba(255,255,255,0.4) !important;
    background-color: transparent !important;
}
.jw-skin-seven .jw-display-icon-container:hover {
	border-color: rgba(255,255,255,0.7) !important;
}
.jw-skin-seven .jw-display-icon-container > .jw-icon {
    color: hsla(0,0%,100%,.4) !important;
}
.jw-skin-seven .jw-display-icon-container:hover .jw-icon {
    color: hsla(0,0%,100%,.7) !important;
}
#video ~ .figcaption {
	margin-top: 0.5rem !important;
}
.jw-breakpoint-0 .jw-display-icon-container {
    height: 100px !important;
    width: 70px !important;
    margin: auto auto !important;
	padding: 0 0 0 30px !important;
}
.jw-skin-seven.jw-breakpoint-0 .jw-display-icon-container .jw-icon,
.jw-breakpoint-0 .jw-display .jw-icon::before {
    font-size: 35px !important;
}
.jw-breakpoint-0 .jw-display .jw-icon {
    line-height: 98px !important;
}
.jw-flag-time-slider-above.jw-flag-small-player:not(.jw-flag-ads-googleima) .jw-display {
    padding: 0 !important;
}

/* Spalten */

.col-wrapper {
	border-bottom: 0px;
	padding: 0 0 13px 0;
}
.col-1-3 {
	clear: none;
	float: left;
	width: 288px;
	display: block;
}
.col-2-3 {
	clear: none;
	float: left;
	width: 619px;
	display: block;
}
.col-1-2 {
	clear: none;
	float: left;
	width: 48%;
	display: block;
}
.col-1-2:nth-child(even) {
	padding-left: 4%;
}
.col-1-2.bgBlue {
	padding: 0 15px;
	background-color: rgb(230, 235, 241);
	width: calc(48% - 30px);
	margin-bottom: 2rem;
	margin-left: 0;
}
.col-1-2.bgBlue:nth-of-type(2n) {
	margin-left: 4%;	
	padding-left: 15px;
}
.col-1-2.bgBlue figure.full {
    margin-top: 0 !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
	width: calc(100% + 30px) !important;
    max-width: calc(100% + 30px) !important;
}
.col-1-3-left-margin {
	margin-left: 43px;
}
.col-1-3-right-margin {
	margin-right: 43px;
}
.col-1-3-top-margin {
	margin-top: 43px;
}
.col-1-4 {
	clear: none;
	float: left;
	width: 211px;
	display: block;
}
.col-1-4-left-margin {
	margin-left: 20px;
}
.bottom-border {
	border-bottom: 0px solid #555658;
}

/* Startseite allgemein */

.startbody .display-1 {
	font-size: 1.388888888888889rem;
	font-weight: 900;
	margin: 3rem 0 1rem 0;
}
.startbody .display-1 span {
	color: #f07d00; 
}
.bg-dark {
	background-color: rgb(230, 235, 241);
}

/* Startseiten-News der 2. Priorität */

.startnews-prio-two {
	overflow: hidden;	
}
.startnews-prio-two .startnews-image-text {
	position: relative;
	top: -112px;
	background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
    background: rgba(255, 255, 255, .85);
	margin-bottom: -92px;
	width: 248px;
	height: 96px;
	padding: 16px 20px 0px 20px;
	overflow: hidden;
}
.startnews-prio-two h2 {
	font-size: 0.8888888888888889rem;
	text-transform: uppercase;
	line-height: 130%;
	font-weight: 800;
}
.startnews-prio-two p {
	font-size: 0.8333333333333333rem;
	height: 60px;
	overflow: hidden;
}
.startnews-prio-two a {
	color: #555658;
	height: 288px;
}
.startnews-prio-two .shadow {
	display: block;
	position: relative;
}
.startnews-prio-two .shadow img {
	display: block;
}
.startnews-prio-two .shadow::before {
	display:block;
    content:'';
    position:absolute;
    width:288px;
    height:288px;
	opacity:0;
    -webkit-transition: opacity 500ms ease-out;
    -moz-transition: opacity 500ms ease-out;
    -o-transition: opacity 500ms ease-out;
    transition: opacity 500ms ease-out;
	-webkit-box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.5);
	-moz-box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.5);
	box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.5);
}
.startnews-prio-two:hover .shadow::before {
	opacity:1;
}

/* Startseiten-News der 3. Priorität */

.display-1 + .startnews-prio-three {
	margin-top: 0px;
}
.startnews-prio-three h3 {
	font-size: 1.388888888888889rem;
	font-weight: 800;
	line-height: 120%;
	margin: 0 0 26px 0;
}
.startnews-prio-three h4 {
	font-size: 0.8888888888888889rem;
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: 0.036rem;
	line-height: 120%;
	border-bottom: 1px solid #555658;
	border-color: #555658;
	padding: 0 0 0.2rem 0;
	margin: 0 0 2px 0;
}
.startnews-prio-three img {
	margin: 11px 0 0 0;
}
.startnews-prio-three p {
	margin: 0 0 26px 0;
}
.startnews-prio-three a:link,
.startnews-prio-three a:visited {
	color: #555658;
}
.startnews-prio-three a:hover,
.startnews-prio-three a:active,
.startnews-prio-three a:focus {
	color: #f07d00;
}

/* Startseiten-Videos */

.startvideo {
	overflow: hidden;	
}
.startvideo .startVideoText {
    background: #e6e6e6;
	width: 248px;
	height: 76px;
	padding: 16px 20px 0 20px;
}
.startvideo h2 {
	font-size: 0.8888888888888889rem;
	text-transform: uppercase;
	line-height: 130%;
	font-weight: 800;
}
.startvideo p {
	font-size: 0.8333333333333333rem;
}
.startvideo a {
	color: #555658;
	height: 288px;
}

/* Startseiten-Podcast */

.startpodcast {
	margin-top: 0px;
	padding-top: 10px;
}
.startpodcast h3 {
	margin: 0px 10px;
}

/* Startseiten-Blog */

@font-face{
	font-family:"energieforumnrw";
	src:url("/_incs/fonts/energieforumnrw.eot");
	src:url("/_incs/fonts/energieforumnrw.eot?#iefix") format("embedded-opentype"),
	url("/_incs/fonts/energieforumnrw.woff") format("woff"),
	url("/_incs/fonts/energieforumnrw.ttf") format("truetype"),
	url("/_incs/fonts/energieforumnrw.svg#energieforumnrw") format("svg");
	font-weight:normal;
	font-style:normal
}
[data-icon]:before {
	font-family:"energieforumnrw" !important;
	content:attr(data-icon);
	font-style:normal !important;
	font-weight:normal !important;
	font-variant:normal !important;
	text-transform:none !important;
	speak:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
[class^="eeIcon-"]:before,[class*=" eeIcon-"]:before {
	font-family:"energieforumnrw" !important;
	font-style:normal !important;
	font-weight:normal !important;
	font-variant:normal !important;
	text-transform:none !important;
	speak:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-size: 29px;
	margin-right: 2px;
}

.eeIcon-windenergie:before{content:"\61"}
.eeIcon-wasserkraft:before{content:"\62"}
.eeIcon-photovoltaik:before{content:"\64"}
.eeIcon-oeffentlichkeitsbeteiligung:before{content:"\65"}
.eeIcon-geothermie:before{content:"\66"}
.eeIcon-energiewende:before{content:"\67"}
.eeIcon-buergerenergie:before{content:"\68"}
.eeIcon-bioenergie:before{content:"\69"}
.eeIcon-strommarkt:before{content:"\63"}

.startblog .col-1-3 h3 {
	margin-bottom: 1rem;
	font-weight: bold;
	line-height: 129%;
}
.startblog h3  a:hover {
    color: #555658;
}
.startblog .col-1-3 p {
	margin-bottom: 1rem;
}
.startblog p a:hover {
    color: #555658;
}
.startblog a.semibold {
    font-weight: 600;
}
.startblog .col-1-3 {
	font-size: 1rem;
	margin-left: 43px;
}
.startblog .col-1-3:first-of-type {
	margin-left: 0;
}

/* Startseiten-Newsletter */

.startnewsletter {
	position: relative;
	margin-top: 0px;
	padding: 20px;
	overflow: hidden;
	min-height: 130px;
}
.startnewsletter:after {
	content: "";
    position: absolute;
    width: 300px;
    height: 450px;
    z-index: 0;
    background: url("/_images/standards/newsletter-abo.png") right top no-repeat;
    background-size: 100% auto;
    transform: rotate(14deg);
    right: -12px;
	top: -110px;
	opacity: 0.6;
}
.startnewsletter h3 {
	position: relative;
	z-index: 1;
}
.startnewsletter p.infotext {
	font-size: 12px;
	margin-bottom: 0 !important;
}
.startnewsletter .textinput {
	width: 284px;
    border: 1px solid #555658;
    padding: 4px 8px;
    font-size: 0.8889rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}
.startnewsletter .detailinfos section {
	margin: 1rem 0 0 0;
}
.startnewsletter .detailinfos .submitButton {
    background: #fff;
    border: 1px solid #555658;
    color: #555658;
    font-size: 1rem;
    padding: 3px 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-weight: 700;
}
.startnewsletter .detailinfos .submitButton:disabled {
    color: #ccc !important;
	border: 1px solid #ccc !important;
	cursor: not-allowed;
}
.startnewsletter .detailinfos label {
    margin-top: 0.5rem !important;
}
.startnewsletter .detailinfos input.accinput:checked ~ label span {
    display: none;
}
.startnewsletter .detailinfos input.accinput:checked ~ label::after {
    content: 'ausblenden';
}
.startnewsletter .detailinfos input.accinput:checked ~ label::before {
    content: "\00AB\00a0" !important;
}

/* News der 3. Priorität (Landeseiten) */

.news-prio-three {
	padding: 22px 0 17px 0;
	margin-top: 2px;
}
.news-prio-three div h3 {
	font-size: 0.8888888888888889rem;
	border-bottom: 1px solid #555658;
	letter-spacing: 0.036rem;
	font-weight: 700; /* war 900 */
	line-height: 120%;
	text-transform: uppercase;
	margin: 0 0 1px 0;
	padding: 0 35px 3px 0;
	/*margin-top:-25px;*/
}
.news-prio-three .accordion-content h3 {
	font-size: 0.8888888888888889rem;
	border-bottom: 0;
	letter-spacing: 0;
	line-height: 120%;
	font-size: 1rem;
	font-weight: 700;
	text-transform: none;
	margin: 0;
	padding: 0;
}
.news-prio-three h2 {
	font-size: 1.388888888888889rem !important;
	letter-spacing: 0.036rem !important;
	font-weight: 800 !important;
	line-height: 120% !important;
	text-transform: none !important;
	margin: 0 0 20px 0 !important;
}
.news-prio-three p {
	line-height: 138%;
	margin: 0 0 1.5rem 0;
}

.news-prio-three p.more-link {
	margin: -0.75rem 0 0rem 0;
}
.news-prio-three .more-link {
	font-weight: 600;
	color: #555658;
	cursor: pointer;
	margin-top:10px;
	margin-bottom:20px;
}
#maincontent {
	margin-bottom:40px;
}
.vorspann {
	margin-bottom:40px;
}
.vorspann p {
	line-height: 138%;
	margin: 0 0 1.5rem 0;
}
.news-prio-three .more-link:before {
	content: "\00BB\00a0";
}
.more-link:hover {
	color: #f07d00;
}
/* News der 4. Priorität (Landeseiten) */

.headline-news-prio-four {
	font-size: 1rem;
	letter-spacing: 0.036rem;
	font-weight: 800;
	text-transform: uppercase;
	border-top: 1px solid #555658;
	border-bottom: 1px solid #555658;
	padding: 19px 0 20px 0 ;
	margin: 0 0 13px 0;
}
.news-prio-four {
	padding: 8px 0 19px 0;
}
.news-prio-four h2 {
	font-size: 1rem;
	letter-spacing: 0.036rem;
	font-weight: 800;
	line-height: 120%;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}
.news-prio-four a {
	font-weight: 600;
}
.news-prio-four h2 a {
	font-weight: 800;
}
.news-prio-four a:before {
	content: "\00BB\00a0";
}
.news-prio-four h2 a:before {
	content: "";
}
.news-prio-four p.more-link {
	font-weight: 600;
	cursor: pointer;
}
.news-prio-four p.more-link:before {
	content: "\00BB\00a0";
}

/* Mediathek > Downloads */

ul.mediaAnlagen {
	margin: 0;
	padding: 0;
}
ul.mediaAnlagen li {
	list-style-type: none;
	margin: 0 0 0.5rem 0;
	padding: 0 0 0 35px;
	font-size: 0.6666666667rem;
	min-height: 39px;
}
ul.mediaAnlagen + p {
	margin-top: 1rem;
	font-size: 0.7777777777777777778rem;
}
ul.mediaAnlagen + p a:link,
ul.mediaAnlagen + p a:visited {
	color: #003399;
}
ul.mediaAnlagen + p a:hover,
ul.mediaAnlagen + p a:active,
ul.mediaAnlagen + p a:focus {
	color: #f07d00;
}
ul.mediaAnlagen li a:link,
ul.mediaAnlagen li a:visited {
	color: #555658;
}
ul.mediaAnlagen li a:hover,
ul.mediaAnlagen li a:active,
ul.mediaAnlagen li a:focus {
	color: #f07d00;
}
.mediaType {
	width: 29px; 
	height: 29px; 
	background: #003e68;
	position: absolute;
	margin-left: -35px;
	color: #fff;
	font-size: 0.611111111111111111rem;
	line-height: 1rem;
	font-weight: 800;
	text-align: center;
	padding-top: 10px;
	text-transform: uppercase;
}
ul.mediaAnlagen li a:hover .mediaType {
	background: #f07d00;
}
.mediaType:before {
	content:"";
	position: absolute;
	width: 0;
	height: 0;
	right: 0;
	border-style: solid;
	border-width: 0 6px 6px 0;
	border-color: transparent #fff transparent transparent;
	margin-top: -10px;
}
.mediaType.streaming img {
	margin-top: -3px;
	fill: white !important;
	width: 70%;
	height:auto;
}
.termsOfUse {
	z-index: 10000;
	display: none;
	color: #555658;
	background: #fff;
	border: 1px solid #c6c6c6;
	width: 60%;
	left: 20%;
	padding: 1% 1% 2% 2%;
	top: 10%;
	position: fixed;
}
.termsOfUse p {
	margin-bottom: 1rem;
}
.termsOfUse p:last-child {
	margin-bottom: 0.3rem;
}
.termsOfUse h6 {
	font-size: 1.388888888888889rem;
	margin: 0 0 1rem 0;
	text-transform: none;
}
.termsOfUse a:link,
.termsOfUse a:visited {
	color: #003399;
}
.termsOfUse a:hover,
.termsOfUse a:active,
.termsOfUse a:focus {
	color: #f07d00;
}
.termsOfUseClose {
	font-weight: 400;
	text-align: right;
	margin-bottom: 0.5rem;
}
.termsOfUseClose span {
	cursor: pointer;
	cursor: hand;
	border-radius: 14px;
	display: inline-block;
	padding: 0 8px 2px 8px;
	border: 1px solid #555658;
}
.termsOfUseBG {
	top: 0;
	display: none;
	z-index:9999;
	background: rgba(0,0,0,0.75);
	width: 100%;
	height: 100%;
	position: fixed;
}

/* Videos der 4. Priorität */

#newsVideo {
	margin: 4px 0 7px 0;
}

/* Themen der 4. Priorität (Landeseiten) */

.headline-topic-prio-four {
	font-size: 1rem;
	letter-spacing: 0.036rem;
	font-weight: 800;
	text-transform: uppercase;
	border-top: 1px solid #555658;
	border-bottom: 1px solid #555658;
	padding: 19px 0 20px 0 ;
	margin: 0 0 13px 0;
}
.topic-prio-four {
	padding: 8px 0 19px 0;
}
.topic-prio-four h2 {
	font-size: 0.8333333333333333rem;
	letter-spacing: 0.036rem;
	font-weight: 700;
	line-height: 120%;
	text-transform: uppercase;
	margin-bottom: 2px;
}
.topic-prio-four p {
	font-size: 0.8333333333333333rem;
	margin-bottom: -3px;
	line-height: 140%;
}
.topic-prio-four a {
	font-size: 0.8333333333333333rem;
}

/* Veranstaltungen */

.event {
	padding: 19px 0 0 0;
}
.event div h3 {
	font-size: 0.8888888888888889rem;
	border-top: 1px solid #555658;
	letter-spacing: 0.036rem;
	font-weight: 700;
	line-height: 120%;
	text-transform: uppercase;
	margin: 0 0 4px 0;
	padding: 22px 0 0 0;
}
.event h2 {
	font-size: 1.388888888888889rem;
	letter-spacing: 0.036rem;
	font-weight: 800;
	line-height: 120%;
	text-transform: none;
	margin: 0 0 20px 0;
}
.event p {
	line-height: 138%;
}
.event .more-link {
	font-weight: 600;
	cursor: pointer;
}
.event .more-link:before {
	content: "\00BB\00a0";
}

/* Pressemeldungen */

.press {
	padding: 19px 0 0 0;
}
.press div h3 {
	font-size: 0.8888888888888889rem;
	border-top: 1px solid #555658;
	letter-spacing: 0.036rem;
	font-weight: 700;
	line-height: 120%;
	text-transform: uppercase;
	margin: 0 0 4px 0;
	padding: 22px 0 0 0;
}
.press h2 {
	font-size: 1.388888888888889rem;
	letter-spacing: 0.036rem;
	font-weight: 800;
	line-height: 120%;
	text-transform: none;
	margin: 0 0 20px 0;
}
.press p {
	line-height: 138%;
}
.press .more-link {
	font-weight: 600;
	cursor: pointer;
}
.press .more-link:before {
	content: "\00BB\00a0";
}

/* Detailseite */
.detail {
	position: relative;
	margin: 0 0 2rem 0;
}
.detail h1 {
	font-size: 1rem;
	letter-spacing: 0.036rem;
	font-weight: 800;
	text-transform: uppercase;
	border-top: 1px solid #555658;
	padding: 19px 0 0 0 ;
	margin: 0 0 3px 0;
}
.detail h2 {
	font-size: 2.1rem;
	letter-spacing: 0.036rem;
	font-weight: 800;
	line-height: 125%;
	text-transform: none;
	margin: 0 0 22px 0;
}
.detail h3 {
	font-size: 1rem;
	font-weight: 700;
	text-transform: none;
	margin: 0 0 0 0;
}
.detail ul.freeLink + h3 {
	margin-top: 2.5rem !important;
}
.detail p {
	margin: 0 0 1.5rem 0;
}
.detail ul,
.detail ol {
	margin: 0 0 1.5rem 0;
}
.col-2-3 article ul,
.col-2-3 article ol {
	margin: 0 0 1.5rem 0;
}
.detail ul li,
.detail ol li {
	margin: 0;
}
.detail ul li p,
.detail ol li p {
	margin: 0 !important;
}
.detail ul ul,
.detail ol ol {
	margin: 0;
}
.detail .detailinfos ul,
.detail .detailinfos ol {
	margin: 0.8rem 0 0 0;
}
.detail .CookieDeclarationType {
	border: none !important;
	padding: 0 !important;
}
.col-2-3 article .share-nav ul {
	margin: 0 0 0 0;
}
.col-2-3 article .accordion-content section ul,
.col-2-3 article .accordion-content section ol {
	margin: 0.8rem 0 0 0;
}
/* Subnav-Teaser auf Landeseiten */

.teaser-subnav {
	border-top: 1px solid #555658;
	padding: 21px 0 20px 0;
}
.teaser-subnav h2 {
	font-size: 1rem;
	letter-spacing: 0.036rem;
	font-weight: 700;
	line-height: 120%;
	margin: 0 0 26px 0;
	text-transform: uppercase;
}
.teaser-subnav p {
	margin: 0 0 26px 0;
}
.teaser-subnav a {
	font-weight: 600 !important;
}
.teaser-subnav a.more-link {
	float: none !important;
}
.teaser-subnav a.more-link:after {
	content: "" !important;
	content: none !important;
}
.teaser-subnav a.more-link:before {
	content: "\00BB\00a0" !important;
}
.halbfett {
	font-weight: 600;
}
.lightitalic {
	font-size: 0.6666666666666667rem;
	font-style: italic;
}

/* Listen */

.checkerList {
	border-top: 1px solid #555658;
	padding-top: 1.5rem;
}

/* Responsive Video-Iframe */

.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
margin: 0 0 1.5rem 0;
}

/* Liquid Slider */

.liquid-slider {
	display: block;	
	position: relative;
	top: 0px;
	left: 0px;
	width: 950px;
	height: 381px;
}	

.liquid-slider h2 {
	font-size: 1.6111em;
	line-height: 110%;
	background: rgb(255, 255, 255); 
    background: rgba(255, 255, 255, .75);
	position: absolute;
	bottom: 20px;
	left: 20px;
	display: inline-block;
	padding: 3px 10px 6px 10px;
	width: 61%;
}

.liquid-slider img {
	margin-top: 0px;	
}
.liquid-slider a:link {
	color: #555658;
}
.liquid-slider a:visited {
	color: #555658;
}
.liquid-slider a:hover {
	color: #555658;
}
.liquid-slider a:active {
	color: #555658;
}
.liquid-slider .slideButton {
	font-size: 3rem;	
}
.slideHover {
	display: none;
	position: relative;
	margin: -186px 0 60px 760px;
	z-index: 2;
	height: 120px;
	width: 120px;
	overflow: hidden;
	border: 3px solid #fff;
	-webkit-border-radius: 63px;
	-moz-border-radius: 63px;
	border-radius: 63px;
	behavior: url(/pie/PIE.htc);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
}
.slideHover img {
	height: 124px;
	margin: 0px;
}

/* Footer-Navigation */
	
footer {
	padding: 0 23px 21px 23px;
	font-size: 0.6666666666666667rem;
	line-height: 130%;
	color: #fff;
}
footer ul {
	margin: 0 0 0 0;
	padding: 0;
	list-style-type: none;
}
footer ul li {
	padding: 0;
	margin: 4px 0 0 0;
}
footer ul.ebene1 {
	margin: 18px 0 24px 0;
	color: #f07d00;
    font-weight: 700;
    text-transform: uppercase;
}
footer ul.ebene1 li a:link {
	color: #f07d00;	
	font-weight: 700;
	text-transform: uppercase;
}
footer ul.ebene1 li a:visited {
	color: #f07d00;	
	font-weight: 700;
	text-transform: uppercase;
}
footer ul.ebene1 li a:hover {
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
}
footer ul.ebene1 li a:active {
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
}
footer ul.ebene1 li a:focus {
	color: #fff;	
	font-weight: 700;
	text-transform: uppercase;
}
footer ul.ebene1 li ul.ebene2 li {
	color: #fff;
    font-weight: 600;
    text-transform: none;
}
footer ul.ebene1 li ul.ebene2 li a:link {
	color: #fff;
	font-weight: 600;
	text-transform: none;
}
footer ul.ebene1 li ul.ebene2 li a:visited {
	color: #fff;
	font-weight: 600;
	text-transform: none;
}
footer ul.ebene1 li ul.ebene2 li a:hover {
	color: #f07d00;
	font-weight: 600;
	text-transform: none;
}
footer ul.ebene1 li ul.ebene2 li a:active {
	color: #f07d00;
	font-weight: 600;
	text-transform: none;
}
footer ul.ebene1 li ul.ebene2 li a:focus {
	color: #f07d00;
	font-weight: 600;
	text-transform: none;
}
footer ul.ebene1 li ul.ebene2 li ul.ebene3 li a:link {
	font-style: italic;
	font-weight: 400;
}
footer ul.ebene1 li ul.ebene2 li ul.ebene3 li a:visited {
	font-style: italic;
	font-weight: 400;
}
footer ul.ebene1 li ul.ebene2 li ul.ebene3 li a:hover {
	font-style: italic;
	font-weight: 400;
}
footer ul.ebene1 li ul.ebene2 li ul.ebene3 li a:active {
	font-style: italic;
	font-weight: 400;
}
footer ul.ebene1 li ul.ebene2 li ul.ebene3 li a:focus {
	font-style: italic;
	font-weight: 400;
}

/* Footer-Logos */

footer .footer-logos a {
	position: relative;
	float: left;
	vertical-align: bottom;
	margin-right: 50px;
}
footer .footer-logos .logo-eu {
	background: url("/_images/logos/eu-weiss.png") no-repeat top left;
	-moz-background-size: 140px 31px;
	-webkit-background-size: 140px 31px;
	background-size: 140px 31px;
	width: 140px;
	height: 31px;
	display: inline-block;
	margin-top: 11px;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	transition: background 0.5s linear;
}
footer .footer-logos .logo-eu:hover {
	background: url("/_images/logos/eu.png") no-repeat top left;
	-moz-background-size: 140px 31px;
	-webkit-background-size: 140px 31px;
	background-size: 140px 31px;
	width: 140px;
	height: 31px;
	display: inline-block;
	margin-top: 11px;
}
footer .footer-logos .logo-klimaschutz-nrw {
	background: url("/_images/logos/klimaschutz-nrw-weiss.png") no-repeat top left;
	-moz-background-size: 72px 42px;
	-webkit-background-size: 72px 42px;
	background-size: 72px 42px;
	width: 72px;
	height: 42px;
	display: inline-block;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	transition: background 0.5s linear;
}
footer .footer-logos .logo-klimaschutz-nrw:hover {
	background: url("/_images/logos/klimaschutz-nrw.png") no-repeat top left;
	-moz-background-size: 72px 42px;
	-webkit-background-size: 72px 42px;
	background-size: 72px 42px;
	width: 72px;
	height: 42px;
	display: inline-block;
}
footer .footer-logos .logo-cef {
	background: url("/_images/logos/cef-weiss.png") no-repeat top left;
	-moz-background-size: 81px 27px;
	-webkit-background-size: 81px 27px;
	background-size: 81px 27px;
	width: 81px;
	height: 27px;
	display: inline-block;
	margin-top: 15px;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	transition: background 0.5s linear;
}
footer .footer-logos .logo-cef:hover {
	background: url("/_images/logos/cef.png") no-repeat top left;
	-moz-background-size: 81px 27px;
	-webkit-background-size: 81px 27px;
	background-size: 81px 27px;
	width: 81px;
	height: 27px;
	display: inline-block;
	margin-top: 15px;
}
footer .footer-logos .logo-energieregion {
	background: url("/_images/logos/energieregion-weiss.png") no-repeat top left;
	-moz-background-size: 160px 27px;
	-webkit-background-size: 160px 27px;
	background-size: 160px 27px;
	width: 160px;
	height: 27px;
	display: inline-block;
	margin-top: 15px;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	transition: background 0.5s linear;
}
footer .footer-logos .logo-energieregion:hover {
	background: url("/_images/logos/energieregion.png") no-repeat top left;
	-moz-background-size: 160px 27px;
	-webkit-background-size: 160px 27px;
	background-size: 160px 27px;
	width: 160px;
	height: 27px;
	display: inline-block;
	margin-top: 15px;
}

/* KlimaExpo.NRW */

.klimaexpo {
	margin-top: 110px;
}
.klimaexpo header {
	height: 60px;
}
.klimaexpo header .logo {
	margin-top: 7px;
}
.logoKlimaExpo {
	display: block;
	position: relative;
	float: left;
	width: 185px;
	height: 60px;
	margin-bottom: 10px;
}

.klimaexpo .slider-wrapper {
    margin-bottom: 38px;
}

.klimaexpo .news-prio-three p {
    margin: 0 0 1.1rem 0;
}

.klimaexpo #footer {
    height: 40px;
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
    background: -webkit-linear-gradient(#00416e, #00254f) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -o-linear-gradient(#00416e, #00254f) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: linear-gradient(#00416e, #00254f) repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding-right: 0;
	color:#fff;
	font-size:12px;
	margin-top: 42px;
}	
.klimaexpo #footer > p {
	float:left;
	margin-left:20px;
	padding-top:11px;	
}	
.klimaexpo #footer a, .klimaexpo #footer a:hover, .klimaexpo #footer a:active, .klimaexpo #footer a:visited {
	color:#fff;
	text-decoration: none;
}	
.klimaexpo #footer .shortEA {
	display: none;
}
.klimaexpo #footer > .footer_img {
	float:right;
	padding-top:8px;
	padding-right: 6px;
	display: block;
}		
.klimaexpo #footer > .footer_img > a > img {
	margin-right:14px;
}
.klimaexpo .col-1-4 {
	width: 25%;
	margin-top: 15px;
}
.klimaexpo h2.starthead {
	font-size: 0.8888888888888889rem;
	text-transform: uppercase;
	line-height: 130%;
	font-weight: 800;
	margin-top: 38px;
}
.flip-card {
  background-color: transparent;
  width: 100%;
  height: 100%;
  -webkit-perspective: 0;
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 247px;
  transition: transform 0.4s;
  transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 242px;
  -webkit-backface-visibility: hidden;
  visibility:visible;
  backface-visibility: hidden;
}
.flip-card-front {
  background-color: #ffffff;
  border-top: 1px solid #303030;
  border-bottom: 2px solid #303030;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.66666666667rem;
}
.flip-card-front img {
  width: 51%;
  height: auto;
  margin: 42px 0 17px 0;
}
.flip-card-back {
  background-color: #efefef;
  transform: rotateY(180deg);
  border-top: 1px solid #efefef;
  border-bottom: 2px solid #f27d00;
  text-align: left;
  font-size: 0.66666666667rem;
} 	
.flip-card-back ul {
  list-style-type: none;
  margin: 14px 0 0 20px;
  padding: 0 20px 0 0;
}
.flip-card-back ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  line-height: 165%;
}

/* Detailinfo Akkordeon */

.detailinfos {
	clear: both;
	margin: 1.8rem 0 0 0;
	display: block;
	padding: 1.5rem 0 1.5rem 0;
	border-top: 1px solid #555658;
	border-bottom: 1px solid #555658;
}
.detailinfos a:link {
	color: #003399;
	/*color: #555658;*/
}
.detailinfos a:visited {
	color: #003399;
	/*color: #555658;*/
}
.detailinfos a:hover {
	color: #f07d00;
}
.detailinfos a:active {
	color: #f07d00;
}
.detailinfos a:focus {
	color: #f07d00;
}
.detailinfos p,
.detailinfos h6 {
	margin: 0.8rem 0;
}
.col-2-3 .detailinfos #contacts p {
    clear: both;
}
.detailinfos ul li p {
	margin: 0 0 0.8rem 0;
}
.detailinfos h4 {
	margin: 1.8rem 0 0 0;
}
.detailinfos p + ul {
	margin-top: -0.8rem;
}
.detailinfos label.acclabel:before {
	content: "\00BB\00a0";
}
.detailinfos label.acclabel{
    position: relative;
    z-index: 20;
    display: block;
    cursor: pointer;
	font-weight: 600;
	clear: none;
	margin: 0;
}
.detailinfos label.acclabel {
	color: #555658;
}
.detailinfos label.acclabel:hover{
    color: #f07d00;
}
.detailinfos input.accinput{
    display: none;
}
.detailinfos section{
    overflow: hidden;
    position: relative;
    z-index: 10;
	max-height: 0;
	margin: 0 0 0 12px;
    -webkit-transition: max-height 0.35s ease-in-out;
    -moz-transition: max-height 0.35s ease-in-out;
    -o-transition: max-height 0.35s ease-in-out;
    -ms-transition: max-height 0.35s ease-in-out;
    transition: max-height 0.35s ease-in-out;
}
.detailinfos section.literatur p {
	text-indent: -10%;
	margin-left: 10%;
}
.detailinfos input.accinput:checked ~ section{
    -webkit-transition: max-height 0.75s ease-in-out;
    -moz-transition: max-height 0.75s ease-in-out;
    -o-transition: max-height 0.75s ease-in-out;
    -ms-transition: max-height 0.75s ease-in-out;
    transition: max-height 0.75s ease-in-out;
}
.detailinfos input.accinput:checked ~ section {
   	max-height: 7000px; /*auto*/
}
.detailinfos a.more-link:link,
.detailinfos a.more-link:visited {
	display: block;
	padding: 0 0 0 0;
	font-weight: 600;
	color: #555658;
	border-top: 0;
	border-bottom: 0;
	margin: 0 0 0 0;
	text-decoration: none !important;
}
.detailinfos a.more-link:hover,
.detailinfos a.more-link:active {
	color: #f07d00;
}
.detailinfos ol {
  counter-reset: item;
}
.detailinfos ol.specialOl {
  margin: 0;
  padding: 0;
}
.detailinfos ol.specialOl li {
  padding: 3% 3% 1rem 3%;
  background: #f3f3f3;
  margin-bottom: 1.8rem;
}
.detailinfos ol.specialOl li ul li {
  padding: 0;
  margin-bottom: 0;
}
.detailinfos ol ul{
  counter-reset: none;
}
.col-2-3 article .accordion-content section ol ul {
    margin-top: 0;
}
.detailinfos ol li {
  display: block;
}
.detailinfos ol li:before {
  content: counter(item)". ";
  counter-increment: item;
  font-weight: 700;
  font-style: italic;
}
.detailinfos ol li ul li:before {
  content: none;
  counter-increment: none;
  font-weight: 400;
}
.detailinfos ol li ul li {
  list-style-type: disc;
  display: list-item;
}
.detailinfos ol li h3,
.detailinfos ol li h4 {
  display: inline;
}
.col-2-3 .detailinfos li.sprite.social {
	height: 18px;
	width: 18px;
	display: block;
	padding: 0 0 0 25px;
	margin: 0 0 8px -18px;
}
.col-2-3 .detailinfos li.sprite.social a {
	display: inline-block;
	margin: -2px 0 0 0;
	position: absolute;
}
.col-2-3 .detailinfos li.sprite.social.facebook {
	background-position: -205px -287px;
}
.col-2-3 .detailinfos li.sprite.social.twitter {
	background-position: -252px -287px;
}
.col-2-3 .detailinfos li.sprite.social.xing {
	background-position: -299px -287px;
}
.col-2-3 .detailinfos li.sprite.social.youtube {
	background-position: -205px -334px;
}

/* Cookieconsent Optout */

.cookieconsent-optout-marketing {
	background-color: #eeeeee;
	background-image: url("/_images/standards/bg-cookieconsent-video.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	/*-webkit-box-shadow: 0px 0px 15px 0px rgba(204,204,204,1);
	-moz-box-shadow: 0px 0px 15px 0px rgba(204,204,204,1);
	box-shadow: 0px 0px 15px 0px rgba(204,204,204,1);*/
}
.ar16-9.cookieconsent-optout-marketing {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 60px) !important;
	height: 100%;
	margin: 0 !important;
	}
.startvideo .cookieconsent-optout-marketing {
	width: calc(100% - 40px);
	padding: 20px;
	margin: 0;
	font-size: 75%;
	line-height: 1.1rem;
}
.startvideo .cookieconsent-optout-marketing a:link,
.startvideo .cookieconsent-optout-marketing a:visited {
	color: #003399;
}
.startvideo .cookieconsent-optout-marketing a:hover,
.startvideo .cookieconsent-optout-marketing a:focus,
.startvideo .cookieconsent-optout-marketing a:active {
	color: #f07d00;
}
.startvideo .cookieconsent-optout-marketing h3 {
	margin-bottom: 0.4rem !important;
	border-bottom: 1px solid #555658 !important;
	padding-bottom: 0.5rem !important;
}
.headvideowrapper .cookieconsent-optout-marketing {
	width: calc(100% - 40px);
	height: calc(381px - 62px);
	padding: 42px 20px 20px 20px;
	margin: 0;
	font-size: 0.8888888888888889rem;
    font-weight: 400;
    margin-bottom: 0.8888rem;
}
.headvideowrapper .cookieconsent-optout-marketing a:link,
.headvideowrapper .cookieconsent-optout-marketing a:visited {
	color: #003399;
}
.headvideowrapper .cookieconsent-optout-marketing a:hover,
.headvideowrapper .cookieconsent-optout-marketing a:focus,
.headvideowrapper .cookieconsent-optout-marketing a:active {
	color: #f07d00;
}
.headvideowrapper .cookieconsent-optout-marketing h3 {
    font-weight: 800;
}
.col-2-3 .cookieconsent-optout-marketing {
	width: 80%;
	padding: 30px;
	margin: 2.5rem auto;
}
.col-2-3 .cookieconsent-optout-marketing h3 {
	margin-bottom: 0.4rem !important;
	border-bottom: 1px solid #555658 !important;
	padding-bottom: 0.5rem !important;
}

/* Veranstaltungen > Programm */

p.uhrzeit {
    background-color: #e2e2e2;
    margin: 1.4rem 0 -0.5rem 0 !important;
    padding: 0.2rem 0.5rem;
}

/* Filter Formular */
.projektfilter select {
	width:100%;
}

/* Newsletter Slider */



@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.nlSlideWrapper {
	display: none;
	position: fixed;
	left: 50%;
	top: 40px;
	margin-left: -285px;
	z-index: 10000;
	width: 540px;
	padding: 15px;
	height: inherit;
	background-color: #fff;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border: 0px solid #000000;
}
.nlSlideWrapper.animated {
	display: block;
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: 10s;
	animation-delay: 10s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}

.nlSlideHeader {
	border-bottom: 1px solid #ccc;
	padding: 0 0 1rem 0;
	margin: 0 0 1rem 0;
}
.nlSlideClose {
	position: absolute;
	right: 15px;
	top: 15px;
	text-align: right;
	font-weight: 400;
	width: 50px;
	height: 50px;
}
.nlSlideClose span {
	cursor: pointer;
	cursor: hand;
	border-radius: 14px;
	display: inline-block;
	padding: 0 8px 4px 8px;
	border: 1px solid #555658;
	font-size: 20px !important;
	line-height: 22px;
}
.nlSlideBody .col-1-3 {
	clear: none;
	float: left;
	width: 36%;
	margin-left: 3%;
	display: block;
}
.nlSlideBody .col-1-3 img {
	margin-top: -7px;
}
.nlSlideBody .col-2-3 {
	clear: none;
	float: left;
	width: calc(56% - 1px);
	padding-right: 5%;
	display: block;
	/*border-right: 1px dotted #ccc;*/
}
.nlSlideBody .textinput {
	margin-bottom: 1rem !important;
	border: 1px solid #d3d3d3 !important;
	border-radius: 2px 2px 2px 2px !important;
	-moz-border-radius: 2px 2px 2px 2px !important;
	-webkit-border-radius: 2px 2px 2px 2px !important;
}
.nlSlideBody p {
	margin-bottom: 1rem !important;
	font-size: 11px !important;
}
.nlSlideBody .col-2-3 form {
    margin: 0 !important;
}
.nlSlideBody .col-2-3 .submitButton {
    margin: 0 !important;
}
.nlSlideBody .col-2-3 .submitButton:disabled {
    color: #ccc !important;
	border: 1px solid #ccc !important;
	cursor: not-allowed;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.nlSlideBG {
	display: none;
	position: fixed;
	top: 0;
	z-index:9999;
	background: rgba(0,0,0,0.85);
	width: 100%;
	height: 100%;
}
.nlSlideBG.animated {
	display: block;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-delay: 10s;
	animation-delay: 10s;
}

/* Content Formular */
.col-2-3 p.counter {
	margin: 0 0 -0.8rem 0;
	font-style: italic;
}
.col-2-3 form {
	margin: 0 0 1.8rem 0;
}
.col-2-3 ul.formlist {
	margin: 0;
	padding: 0;
}
.col-2-3 ul.formlist li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.nlSlideWrapper .submitButton,
.col-2-3 .submitButton {
	background: #fff;
	border: 1px solid #555658;
	color: #555658;
	font-size: 1rem;
	margin: 0.8rem 0 0 0;
	padding: 3px 10px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	font-weight: 700;
}
.col-2-3 .submitButton:hover {
	border: 1px solid #f07d00;
	color: #f07d00;
}
.col-2-3 .submitButton.short {
	margin-left: 20%;	
}
.col-2-3 label {
	display: block;
	width: 100%;
	margin: 0.8rem 0 0.2rem 0;
}
.col-2-3 label.floatLabel.left {
	float: left;
	margin: 0;
}
.col-2-3 label.floatLabel.right {
	float: right;
	margin: 0;	
}
.col-2-3 label.floatLabel.short {
	width: 20%;	
}
.col-2-3 label.floatLabel.long {
	width: 92%;
}
.col-2-3 input.textinput,
.col-2-3 input.textinputfehler {
	width: calc(100% - 18px);
	border: 1px solid #555658;
	padding: 4px 8px;
	font-size: 0.8888888888888889rem;
	-webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border-radius: 0;
}
.col-2-3 textarea {
	width: calc(100% - 18px);
	height: 10rem;
	border: 1px solid #555658;
	padding: 4px 8px;
	font-size: 0.8888888888888889rem;
	-webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border-radius: 0;
	margin: 0 0 0.8rem 0;
}
.col-2-3 input.textinput.plzinput,
.col-2-3 input.textinputfehler.plzinput {
	width: calc(15% - 18px);
}
.col-2-3 input.textinput.ortinput,
.col-2-3 input.textinputfehler.ortinput {
	width: calc(82.4% - 18px);
}
.col-2-3 input.textinputfehler {
	border: 1px solid #ff0000;
}
.col-2-3 input.checkinput,
.col-2-3 input.radioinput {
	margin: 0 5px 0 1px;
}
.col-2-3 input.checkinput + label,
.col-2-3 input.radioinput + label {
	display: inline;
}
.col-2-3 input.textinput +  input.checkinput {
    margin-top: 1.6rem;
}
.col-2-3 label + h3,
.col-2-3 input + br + h3,
.col-2-3 textarea +  input.checkinput,
.col-2-3 label +  input.checkinput {
    margin-top: 1rem;
}
.col-2-3 input.checkinput + label::after,
.col-2-3 input.radioinput + label::after {
	content: "\A";
    white-space: pre;
}
.col-2-3 input.textinput + p,
.col-2-3 label + p,
.col-2-3 label + script + p,
.col-2-3 .registration h3 {
	margin: 0.8rem 0 0 0;
}
.col-2-3 .registration h3 + p {
	margin-top: 0 !important;
}
.col-2-3 select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	border: 1px solid #555658;
	padding: 3px 3px;
	font-size: 0.8888888888888889rem;
	background-color:white;
	background-image:url(/_images/standards/arrow-select2.png);
	background-position: 99% center;
	background-repeat: no-repeat;
}
.col-2-3 select.selectinputfehler {
	border: 1px solid #ff0000;
}
.col-2-3 select::-ms-expand {
	display:none;
}
.lt-ie10 .col-2-3 select {
    background-image: none;
}

.col-2-3 label.floatSelect.left {
	float: left;
	margin: 0;
}
.col-2-3 select.floatSelect.short {
	width: 80%;	
}
.col-2-3 ul.formlist li input.checkinput,
.col-2-3 ul.formlist li input.radioinput {
	float: left;
	vertical-align: middle;
	margin-top: 5px;
}
.col-2-3 input.radioinput.trip {
	vertical-align: middle;
	margin: 0 3px 0 1px;
}
.col-2-3 .detailinfos .sprite {
	/*height: 18px;*/
	display: inline-block;
	margin: 0 13px 0 2px;
	vertical-align:middle;
	margin-top: -15px;
}
.col-2-3 .detailinfos #contacts .sprite,
.col-2-3 #contacts .sprite {
    width: 18px;
    height: 18px;
    display: block;
    margin-right: 5px;
    float: left;
    margin-top: 2px;
}
.col-2-3 .detailinfos #contacts .contactImage,
.col-2-3 #contacts .contactImage {
	margin: 0.2rem 0 1rem 1.5rem;
	float: right;
	width: 23%;
}
.col-2-3 .detailinfos #contacts a:link,
.col-2-3 #contacts a:link {
    color: #555658;
}
.col-2-3 .detailinfos #contacts a:visited,
.col-2-3 #contacts a:visited {
    color: #555658;
}
.col-2-3 .detailinfos #contacts a:hover,
.col-2-3 #contacts a:hover {
    color: #f07d00;
}
.col-2-3 .detailinfos #contacts a:active,
.col-2-3 #contacts a:active{
    color: #f07d00;
}
.col-2-3 .detailinfos input.textinput,
.col-2-3 .detailinfos input.textinputfehler {
	width: calc(100% - 18px);
}
.col-2-3 .detailinfos select {
	width: 100%;
}
span.airplane {
	background-position: -111px -240px;
	width: 18px;
}
span.car {
	background-position: -156px -240px;
	width: 24px;
}
span.train {
	background-position: -206px -240px;
	width: 18px;
}
span.bus {
	background-position: -251px -240px;
	width: 20px;
}
span.feet {
	background-position: -290px -240px;
	width: 38px;
	margin-right: 0 !important;
}

/* Formular Marginalspalte */

.col-1-3 input.textinput,
.col-1-3 input.textinputfehler {
	width: calc(100% - 18px);
	border: 1px solid #555658;
	padding: 3px 8px;
	margin-bottom: 0.8rem;
	font-size: 0.8888888888888889rem;
	-webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border-radius: 0;
}
.col-1-3 select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	border: 1px solid #555658;
	margin-bottom: 0.8rem;
	padding: 3px 3px;
	font-size: 0.8888888888888889rem;
	background-color:white;
	background-image:url(/_images/standards/arrow-select2.png);
	background-position: 99% center;
	background-repeat: no-repeat;
}
.col-1-3 select::-ms-expand {
	display:none;
}
.lt-ie10 .col-1-3 select {
    background-image: none;
}
.col-1-3 .submitButton {
	background: #fff;
	border: 1px solid #555658;
	color: #555658;
	font-size: 1rem;
	margin: 0;
	padding: 3px 10px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	font-weight: 700;
}
.col-1-3 .submitButton:hover {
	border: 1px solid #f07d00;
	color: #f07d00;
}
.col-1-3 .submitButton.short {
	margin-left: 20%;	
}

/* Content Akkordeon */

#accordionlink article {
	position: relative;
}
#accordionlink article .share {
	top: 20px;
}
#accordionlink article .share-nav {
	top: 45px;
}
#accordion article {
	position: relative;
}
#accordion article .share {
	top: 20px;
}
#accordion article .share-nav {
	top: 45px;
}
.ui-accordion .ui-accordion-header {
	padding: 0;
	border: 0;
	margin: 0;
	width: 100%;
	outline: none;
	cursor: pointer;
	background: transparent;
}
.ui-accordion .ui-accordion-content {
	width: 100%;
    border-top: 0 none;
    padding: 1.5rem 0 0 0;
	outline: none;
}
.ui-accordion .ui-accordion-content picture {
	margin: 0 0 0.4rem 0;
	display: block;
}
.ui-accordion .ui-accordion-content p {
	margin: 0 0 1.5rem 0;
}
.ui-accordion .ui-accordion-content .detailinfos {
	border-top: 0;
	border-bottom: 0;
	margin: 0;
	padding: 0;
}
.ui-accordion-header-active .more-link {
	display: none;
}
#accordion-aside .ui-accordion-content {
	width: 100%;
    border-top: 0 none;
    padding: 0 0 0 0;
	outline: none;
}
#accordion-aside .ui-accordion-content p {
	margin: 0;
}

#teaserverlauf {
	height:122px;
	width:100%;
	z-index:500;
	position:absolute;
	margin-top:-122px;
	background-color: #fff;
}
.accordion-content picture,
.detail picture {
	margin: 0 0 0.4rem 0;
	display: block;
}

/* Content Table */

table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0 !important;
	width: 100%;
	margin-bottom: 1.5rem;
}
td,th {
    border-top: 1px solid #000;
    padding: 3px 5px;
}
tr:last-child td {
    border-bottom: 1px solid #000;
}
th {
    background-color: #e2e2e2;
	font-weight: 700;
	text-align: left;
	vertical-align: bottom;
}
table + .figcaption {
	margin-top: -20px !important;
}
.detail h3 + table {
	margin-top: 0.5rem;
}
.minitable {
	font-size: 0.6111111111111111rem;
	line-height: 140%;
}

/* 404 Seite Form */

.not-found-suche {
	background: rgba(255, 255, 255, 0.85) none repeat scroll 0 0;
	border: 1px solid #555658;
	border-radius: 2px;
	color: #555658;
	font-size: 0.7777777777777778rem;
    font-weight: 400;
    margin: 0;
	padding: 4px 10px 3px;
	width: 150px;
}

.not-found-suche-btn {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 171, 0, 1) 0%, rgba(240, 125, 0, 1) 100%) repeat scroll 0 0;
    border: 0 none;
    border-radius: 2px;
    font-size: 0.8888888888888889rem;
    font-weight: 700;
    padding: 3px 8px;
}

/* Startseite Meldungen Links */

.startnews-prio-three h3 a{
	font-size: 1.388888888888889rem;
	font-weight: 800 !important;
	line-height: 120%;
	margin: 0 0 26px 0;
}

.startnews-prio-three h3 a:hover{
	font-size: 1.388888888888889rem;
	font-weight: 800 !important;
	line-height: 120%;
	margin: 0 0 26px 0;
  	color: #555658;
}

.startnews-prio-three p a{
	font-weight: 400 !important;
}

.startnews-prio-three p a:hover{
	font-weight: 400 !important;
	color: #555658;
}

/* Tool Buttons */

.Tool-Button {
	margin-top: 10px;
	margin-bottom: 10px;
}
a:link.toolStartButton,
a:visited.toolStartButton,
a:hover.toolStartButton,
a:active.toolStartButton,
a:focus.toolStartButton {
	font-weight: 800;
	font-size: 1.277777777777778rem;
	color: #1b1919;
	letter-spacing: -1px;
	display: inline-block;
	background: #d9d9da;
	padding: 0.6rem 0 0.6rem 0.5rem;
}
a.toolStartButton::after {
    content: '';
	padding: 0;
	margin: -0.56rem 0 0 0;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 1.2rem solid #d9d9da;
	border-right: 0;
	border-top: 1.36rem solid transparent;
	border-bottom: 1.36rem solid transparent;
    clear: both;
	background-color: #ffffff;
	-webkit-transform:rotate(360deg);
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    a.toolStartButton::after {
		margin: -0.58rem 0 0 0;
		border-top: 1.30rem solid transparent;
		border-bottom: 1.30rem solid transparent;
	}
}
a:link.toolStartButton .orange,
a:visited.toolStartButton .orange,
a:hover.toolStartButton .orange,
a:active.toolStartButton .orange,
a:focus.toolStartButton .orange {
	color: #f07d00;
}
a:link.toolStartButton .start,
a:visited.toolStartButton .start {
	color: #003399;
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 0px;
	margin: 0 0.8rem 0 0.8rem;
}
a:hover.toolStartButton .start,
a:active.toolStartButton .start,
a:focus.toolStartButton .start {
	color: #f07d00;
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 0px;
	margin: 0 0.8rem 0 0.8rem;
}

/* Autor */

.autor {
	border-bottom: 0px !important;
	margin-bottom: 1.5rem !important;
	text-transform: none !important;
}

/* Kontaktliste */

.contactlist {
    border-top: 1px solid #555658;
    margin-top: 2.6rem;
}
.contactlist h2 {
	font-size: 1.388888888888889rem !important;
    letter-spacing: 0.036rem !important;
    font-weight: 800 !important;
    line-height: 120% !important;
    text-transform: none !important;
    margin: 1.5rem 0 0 0;
}
.contactlist p {
    margin: 0 0 1.5rem 0;
}
.contactlist p:last-of-type {
    margin: 0 0 -1.1rem 0;
}

/* Partnerliste */

.partnerlist h3 {
    margin: 2.5rem 0 0 0;
}
.partnerlist img {
    float: right;
}
.partnerlist a:link {
    color: #555658;
}
.partnerlist a:visited {
    color: #555658;
}
.partnerlist a:hover {
    color: #f07d00;
}
.partnerlist a:active {
    color: #f07d00;
}
.partnerlist p.result {
    margin: 0 0 0 0;
	padding: 0;
	font-weight: bold;
}

/* Kontaktdetail */

.detail.contact h2 {
    border-top: 1px solid #555658;
	font-size: 1.388888888888889rem !important;
    letter-spacing: 0.036rem !important;
    font-weight: 800 !important;
    line-height: 120% !important;
    text-transform: none !important;
    margin: 2.6rem 0 0 0;
	padding-top: 0.8rem;
}
.detail.contact ul {
    margin: 0 0 1.5rem 0;
	padding: 0;
}
.detail.contact ul li {
    margin: 0;
	padding: 0;
	list-style-type: none;
}
.contact .contactImage {
	margin: -1.4rem 0 1.5rem 1.5rem;
	float: right;
	width: 23%;
}
.contact .ntb .contactImage {
	margin-top: 0;
}
.detail.contact h2.ntb {
	padding-top: 0;
	margin-top: 1.5rem;
}
.detail.contact a:link {
    color: #555658;
}
.detail.contact a:visited {
    color: #555658;
}
.detail.contact a:hover {
    color: #f07d00;
}
.detail.contact a:active {
    color: #f07d00;
}
.detail.contact a:focus {
    color: #f07d00;
}
.detail.contact .sprite {
	width: 18px;
	height: 18px;
	display: block;
	margin-right: 5px;
	float: left;
	margin-top: 2px;
}
.contactTwitter {
	background-position: -252px -287px;
}
.contactFacebook {
	background-position: -205px -287px;
}
.contactXing {
	background-position: -299px -287px;
}
.contactLinkedin {
	background-position: -205px -308px;
}

/* Gridsystem */

.nrp {
	padding-right: 0 !important;
}

.xs-1 + .clear,
.xs-2 + .clear,
.xs-3 + .clear,
.xs-4 + .clear,
.xs-5 + .clear,
.xs-6 + .clear,
.xs-7 + .clear,
.xs-8 + .clear,
.xs-9 + .clear,
.xs-10 + .clear,
.xs-11 + .clear,
.xs-12 + .clear {
	height: 0;
}
.xs-1 + .clear.hr,
.xs-2 + .clear.hr,
.xs-3 + .clear.hr,
.xs-4 + .clear.hr,
.xs-5 + .clear.hr,
.xs-6 + .clear.hr,
.xs-7 + .clear.hr,
.xs-8 + .clear.hr,
.xs-9 + .clear.hr,
.xs-10 + .clear.hr,
.xs-11 + .clear.hr,
.xs-12 + .clear.hr {
	height: 1px;
	background: #555658;
	margin-bottom: 1rem;
}

/* Legende */
ul.legend {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.legend li {
	list-style-type: none;
	margin: 0.5rem 0 0 0;
	padding: 0 0 0 20px;
	font-size: 0.8333333333333333rem;
	line-height: 110%;
	min-height: 27px;
}
.sprite-legend.kpc-orange {
	background-position: -24px -5px;
	height: 27px;
	width: 18px;
	margin: 0 3px 0 -20px;
	background-size: 240px;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
}
.sprite-legend.kpc-grey {
	background-position: -5px -5px;
	height: 27px;
	width: 18px;
	margin: 0 3px 0 -20px;
	background-size: 240px;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
}
.sprite-legend.kpc-blue {
	background-position: -42px -5px;
	height: 27px;
	width: 18px;
	margin: 0 3px 0 -20px;
	background-size: 240px;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
}


/* Eisblockwette */


.eisblockFloat {
	float: left;
	width: 115px;
	clear: none;
}
.eisblockFloat label {
	font-size: 12px;
}
.eisblockFloat2 label {
	margin-left: -10px;;
}
.eisblockFloat span {
	font-size: 30px !important;
	font-weight: bold !important;
	color: #12649e !important;
	margin: 20px 0 0 20px;
	display: inline-block;
}
.eisblockFloat span.miniText {
	font-size: 10px !important;
	font-weight: normal !important;
	color: #000 !important;
	margin: 0 0 0 10px;
	display: inline-block;
}
.eisblock {
	background: url("https://www.alt-bau-neu.de/_images/editor/altbauneu/kreis-guetersloh/eisblockwette-bg-formular.jpg") transparent no-repeat center center;
	background-size: 100% 100%;
	width: 40px !important;
	height: 53px !important;
	border: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	padding: 58px 20px 0 0 !important;
	margin: 0 5px 0 10px !important;
	text-align: right;
	float: left !important;
}
.eisblock2 {
	background: url("https://www.alt-bau-neu.de/_images/editor/altbauneu/kreis-guetersloh/eisblockwette-bg-formular2.jpg") transparent no-repeat center bottom;
	background-size: 100% 100%;
	width: 31px !important;
	height: 16px !important;
	border: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	padding: 0 10px 2px 0 !important;
	margin: 78px 0 0 0 !important;
	text-align: right;
}

/* Whatsapp */

.privacycheck {
	background-color: #ebebeb; 
	text-align: center;
	padding: 1rem;
}
.privacycheck label {
	display: inline;
}
.privacycheck #whatsappstart {
	background: url("/_images/icons/WhatsApp.svg") no-repeat #26b43d 10px center;
	background-size: 50px 50px;
	padding: 20px 15px 20px 65px;
	margin: 0;
	color: #fff;
	border: none;
	width: 330px;
}
.privacycheck #whatsappstart:disabled {
	background: url("/_images/icons/WhatsApp.svg") no-repeat #26b43d 10px left;
	background-size: 50px 50px;
	padding: 13px 21px 13px 65px;
	font-size: 0;
	width: 330px;
}
.privacycheck #whatsappstart:disabled::after {
	content: "Bitte akzeptieren Sie \A zunächst die Datenschutzerklärung.";
	white-space: pre; /* or pre-wrap */
	font-size: 14px;
	text-align: left;
	color: #eee;
}
#whatsappguide img {
	width: 120px;
}
#whatsappguide hr {
	clear: both;
}
#whatsappguide figure.portrait.logoImage {
    width: 120px;
	margin: 0.3rem 0 21px 1rem;
}
#whatsappguide .howto {
	background-color: #ebebeb; 
	padding: 1rem;
}
#whatsappguide ul.freeLink {
	margin: -1.5rem 0 0 0 !important;
}

/* reset margins */

.ntm {
	margin-top: 0px !important;
}
.nrm {
	margin-right: 0px !important;
}
.nbm {
	margin-bottom: 0px !important;
}
.nlm {
	margin-left: 0px !important;
}


/* ---------------------------

LAYOUT FÜR MOBILGERÄTE: 599px oder weniger.

--------------------------- */

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

html {
	font-size: 85%;
}
.hide-xs {
	display: none !important;
}

/* Layout */
	
.gridContainer,
.gridContainer.cop23 {
	width: 92%;
	padding: 0 4% 13% 4%;
	margin: 0 auto 0 auto;
	background: #fff;
}
#social-nav-wrapper {
	top: inherit;
	position: fixed;
	bottom: 0;
	background: #01416e;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#01416e), to(#00254f));
	background: -webkit-linear-gradient(#01416e, #00254f);
	background: -moz-linear-gradient(#01416e, #00254f);
	background: -ms-linear-gradient(#01416e, #00254f);
	background: -o-linear-gradient(#01416e, #00254f);
	background: linear-gradient(#01416e, #00254f);
	-pie-background: linear-gradient(#01416e, #00254f);
	behavior: url(/_incs/js/PIE.htc);
	z-index: 9999;
}
#social-nav {
	z-index: 9999;
	text-align: right;
	width: 45%;
	background: #01416e;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#01416e), to(#00254f));
	background: -webkit-linear-gradient(#01416e, #00254f);
	background: -moz-linear-gradient(#01416e, #00254f);
	background: -ms-linear-gradient(#01416e, #00254f);
	background: -o-linear-gradient(#01416e, #00254f);
	background: linear-gradient(#01416e, #00254f);
	-pie-background: linear-gradient(#01416e, #00254f);
	behavior: url(/_incs/js/PIE.htc);
	margin: 0 auto;
	left: auto;
    position: relative;
	float:right;
}
#lang-nav {
	display: none;
}
#admin-nav {
    display: none;
}
header,
.gridContainer.cop23 header {
	width: 100%;
	height: auto;
}
.logo {
	width: 45%;
	margin: 13px 0 13px 0;
}
.logo2,
.gridContainer.cop23 header .logo2 {
	width: 9%;
	margin: 5% 0 5% 5%;
	background: url(/_images/logos/eanrw_segel.svg) no-repeat top left;
	background-size: 100%;
}
.logo2.mwide {
	width: 240px;
	margin: 5% 0 5% 0;
	background: url(/_images/logos/mwide.svg) no-repeat top left;
	background-size: 100%;
}
.logo-bmub_en {
	width: 26%;
	margin-top: 5%;
}
.logo-bmub {
	width: 23%;
	margin-top: 5%;
}
.logo-cop23 {
	width: 26%;
	margin-left: 3%;
	margin-top: 5%;
}
.logo-unfccc {
	width: 26%;
	margin-left: 3%;
	margin-top: 3%;
}
.logo-landesregierung-nrw {
	width: 23%;
	margin-left: 3%;
	margin-top: 5%;
}
.klimaexpo header .logo {
	margin: 13px 0 13px 0;
}
.klimaexpo .news-prio-three p {
    margin: 0 0 1.5rem 0;
}
.logoKlimaExpo {
	display: block;
	position: relative;
	float: left;
	width: 35%;
	height: auto;
	margin: 6px 0 0 0;
}
.klimaexpo .slider-wrapper {
    margin-bottom: 17px;
}
header h1 {
	width: 85%;
	margin: 0;
	padding: 5.5% 0;
}
.headimage {
	margin-bottom: 30px;
}
.headvideobackground {
	position: relative;
	background: #3a3a3a;
	margin: 42px 0 41px 0;
}
.headvideowrapper {
	position: relative;
	float: none;
	overflow: hidden;
	width: 100%;
	margin-bottom: 41px;
	height: auto;
}
.headvideo {
	position: relative;
	width: 100%;
	overflow:hidden;
	margin: 0 0 0 0;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.headvideo iframe {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
}
.headcaption {
	display: none;
}
.klimaexpo .headvideobackground > .headcaption {
    display: block !important;
}
.klimaexpo .headvideobackground > .headcaption h1 {
    font-size: 2.4rem;
}
.liquid-slider .headvideowrapper {
	margin-bottom: 0px;
}
.liquid-slider .headcaption {
	display: block;
}
.liquid-slider .headcaption aside p {
	display: none;
}
figure.portrait {
    display: block;
    float: none;
    margin: 0.3rem 0 1.5rem 0;
	width: inherit;
    max-width: 100%;
}
figure.portrait.logoImage {
	width: 200px;
}
figure.portrait.logoImage.upright {
	width: 120px;
    margin: 0.3rem 0 1.5rem 0;	
}
#main-nav {
	position: relative;
	width: 100%;
	z-index: 9800;
}
#special-nav {
	position: relative;
	float: right;
	width: 70%;
	margin-top: -42px;
	text-align: right;
	z-index: 9999;
	overflow-x: visible;
}
footer {
	display: none;
}
.headline-category {
	padding: 0.6rem 0.8rem;
	margin-bottom: 1.5rem;
	margin-top: 0;
}
.bt-backlink {
	bottom: 70px;
    height: 32px;
    padding: 12px 0 0 42px;
    font-size: 1.25rem;
}

/* Spalten */

.col-wrapper {
	border-bottom: 1px solid #555658;
	padding: 0 0 13px 0;
}
.col-1-3 {
	clear: none;
	float: left;
	width: 100%;
	display: block;
}
.col-2-3 {
	clear: none;
	float: left;
	width: 100%;
	display: block;
}
.col-1-2 {
	clear: both;
	float: none;
	width: 100%;
	display: block;
}
.col-1-2:nth-child(even) {
	padding-left: 0;
}
.col-1-2.bgBlue {
	width: calc(96% - 30px);
	margin-left: 0 !important;
	padding-bottom: 0.8rem;
}
.col-1-3-left-margin {
	margin-left: 0px;
}
.col-1-3-right-margin {
	margin-right: 0px;
}
.col-1-3-top-margin {
	margin-top: 0px;
}
.col-1-4 {
	clear: none;
	float: left;
	width: 100%;
	display: block;
}
.col-1-4-left-margin {
	margin-left: 0px;
}
.klimaexpo .col-1-4 {
	width: 100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 21px;
}
.flip-card-front {
    border-top: none;
}
#card-1 .flip-card-front {
    border-top: 1px solid #303030;
}
.flip-card-front img {
	width: 33%;
}
.bottom-border {
	border-bottom: 1px solid #555658;
}

/* News der 3. Priorität Landeseiten */

.news-prio-three {
	padding: 26px 0 17px 0;
	margin-top: 0;
}

/* Formulare */

.col-2-3 input.textinput.plzinput,
.col-2-3 input.textinputfehler.plzinput {
	width: calc(20% - 18px);
}
.col-2-3 input.textinput.ortinput,
.col-2-3 input.textinputfehler.ortinput {
	width: calc(76.3% - 18px);
}

/* Startseiten-News der 2. Priorität */

.startnews-prio-two {
	margin-bottom: 21px;
}
.startnews-prio-two .startnews-image-text {
	top: calc(-99px - 1rem);
	margin-bottom: calc(-99px - 1rem);
	width: 90%;
	height: 99px;
	padding: 1rem 5% 0 5%;
}
.startnews-prio-two h2 {
	font-size: 1.2rem;
}
.startnews-prio-two p {
	font-size: 1.2rem;
	height: 80px;
}
.startnews-prio-two a {
	height: 100%;
}
.startnews-prio-two .shadow::before {
    width:100%;
    height:100%;
}

/* KlimaExpo.NRW */

.flip-card-front p {
    font-size: 1rem;
}
.flip-card-back ul li {
    font-size: 0.8888888888888889rem;
}
.klimaexpo #footer .shortEA {
	display: inline;
}
.klimaexpo #footer .longEA {
	display: none;
}
.klimaexpo h2.starthead {
    margin-top: 0;
	font-size: 1.2rem;
	margin-bottom: 1rem;
}

/* Startseiten-News der 3. Priorität */

.startnews-prio-three {
	margin-bottom: 11px;
	padding-bottom: 1rem;
	/*border-bottom: 1px solid #555658;*/
}
.startnews-prio-three.col-wrapper {
	border-bottom: 0;
}
.startnews-prio-three.col-1-3 {
	display: none;
}
.startnews-prio-three p {
    margin: 0 0 1.5rem 0;
}

/* Startseiten-Videos */


.startvideo {
	margin-bottom: 21px;	
}
.startvideo .startVideoText {
	width: 90%;
	height: 92px;
	padding: 1rem 5% 0 5%;
}
.startvideo h2 {
	font-size: 1.2rem;
}
.startvideo p {
	font-size: 1.2rem;
}
.startvideo a {
	height: 100%;
}

/* Startseiten-Podcast */

.startpodcast {
	margin-top: 0;
	margin-bottom: 21px;
}

/* Startseiten-Blog */

.startblog .col-1-3 {
	margin: 3rem 0 0;
}
.startblog .col-1-3:first-of-type {
	margin: 0;
}

.startblog .col-1-3 h3 {
	font-size: 1.388888888888889rem;
    font-weight: 800 !important;
    line-height: 120%;
}

/* Startseiten-Newsletter */

.startnewsletter {
    min-height: 100px;
}

.startnewsletter::after {
	width: 140px;
    height: 250px;
    background-size: 100% auto;
    transform: rotate(14deg);
    right: 0;
    top: -10px;
    opacity: 0.4;
}

/* News der 3. Priorität (Landeseiten) */

.news-prio-three {
	padding-bottom: 0px;
}

/* Mediathek > Downloads */

ul.mediaAnlagen li {
    margin: 0 0 0.8rem 0;
	font-size: 1rem;
}
.mediaType { 
	height: 27px; 
	font-size: 0.69rem;
	padding-top: 12px;
}
.mediaType:before {
	margin-top: -12px;
}
.termsOfUse {
	width: 91%;
	left: 3%;
	padding: 1% 1% 2% 2%;
	top: 5%;
}

/* Liquid Slide */

.slider-wrapper {
  margin-bottom: 41px;
}

.ls-nav {
    bottom: 15% !important;
}

.liquid-slider h2 {
	font-size: 1.6111em;
	line-height: 110%;
	background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
    background: rgba(255, 255, 255, .75);
	position: relative;
	top: 317px;
	left: 20px;
	display: inline-block;
	padding: 3px 10px 6px 10px;
}
.liquid-slider img {
	margin-top: -40px;	
}
.liquid-slider a:link {
	color: #555658;
}
.liquid-slider a:visited {
	color: #555658;
}
.liquid-slider a:hover {
	color: #555658;
}
.liquid-slider a:active {
	color: #555658;
}
.liquid-slider .slideButton {
	font-size: 3rem;	
}
.slideHover {
	display: none;
	position: relative;
	margin: -186px 0 60px 760px;
	z-index: 2;
	height: 120px;
	width: 120px;
	overflow: hidden;
	border: 3px solid #fff;
	-webkit-border-radius: 63px;
	-moz-border-radius: 63px;
	border-radius: 63px;
	behavior: url(/pie/PIE.htc);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
}
.slideHover img {
	height: 124px;
	margin: 0px;
}

/* Newsletter Slide */

.nlSlideWrapper {
	left: 0;
	top: 40px;
	margin-left: 2%;
	width: calc(96% - 30px);
}
.nlSlideBody .col-1-3 {
	display: none;
}
.nlSlideBody .col-2-3 {
	clear: none;
	float: none;
	width: calc(100%);
	padding-right: 0;
	display: block;
	/*border-right: 1px dotted #ccc;*/
}

/* Cookieconsent Opt-Out */

.col-2-3 .cookieconsent-optout-marketing {
	width: 55%;
}
.startvideo.ar16-9 {
	padding-top: 56.25%;
	position: relative;
}
.startvideo.ar16-9 .cookieconsent-optout-marketing {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 100%;
	line-height: 135%;

}
.startvideo.ar16-9 .cookieconsent-optout-marketing h3 {
	font-size: 1.388888888888889rem;
	font-weight: 800 !important;
	padding: 0 0 0.2rem 0;
	margin: 0 0 2px 0;
}
.headvideowrapper {
	padding-top: 56.25%;
	position: relative;
}
.headvideowrapper .cookieconsent-optout-marketing {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    width: calc(100% - 80px);
    padding: 42px 40px 20px 40px;
	font-size: 2rem;
	line-height: 180%;
    font-weight: 400;
}

/* Gridsystem */

.xs-1,
.xs-2,
.xs-3,
.xs-4,
.xs-5,
.xs-6,
.xs-7,
.xs-8,
.xs-9,
.xs-10,
.xs-11,
.xs-12 {
	float: left;
	padding-right: 4%;
	margin-bottom: 1rem;
}
.xs-1 {
	width: 3.3333%;
}
.xs-2 {
	width: 12.6667%;
}
.xs-3 {
	width: 21%;
}
.xs-4 {
	width: 29.3333%;
}
.xs-5 {
	width: 37.6667%;
}
.xs-6 {
	width: 46%;
}
.xs-7 {
	width: 54.3333%;
}
.xs-8 {
	width: 62.6667%;
}
.xs-9 {
	width: 71%;
}
.xs-10 {
	width: 79.3333%;
}
.xs-11 {
	width: 87.6667%;
}
.xs-12 {
	width: 100%;
	padding-right: 0;
}
.xs-1.nrp {
	width: 8.3333%;
}
.xs-2.nrp {
	width: 16.6667%;
}
.xs-3.nrp {
	width: 25%;
}
.xs-4.nrp {
	width: 33.3333%;
}
.xs-5.nrp {
	width: 41.6667%;
}
.xs-6.nrp {
	width: 50%;
}
.xs-7.nrp {
	width: 58.3333%;
}
.xs-8.nrp {
	width: 66.6667%;
}
.xs-9.nrp {
	width: 75%;
}
.xs-10.nrp {
	width: 83.3333%;
}
.xs-11.nrp {
	width: 91.6667%;
}
.xs-lm-1 {
	margin-left: 8.3333%;
}
.xs-lm-2 {
	margin-left: 16.6667%;
}
.xs-lm-3 {
	margin-left: 25%;
}
.xs-lm-4 {
	margin-left: 33.3333%;
}
.xs-lm-5 {
	margin-left: 41.6667%;
}
.xs-lm-6 {
	margin-left: 50%;
}
.xs-lm-7 {
	margin-left: 58.3333%;
}
.xs-lm-8 {
	margin-left: 66.6667%;
}
.xs-lm-9 {
	margin-left: 75%;
}
.xs-lm-10 {
	margin-left: 83.3333%;
}
.xs-lm-11 {
	margin-left: 91.6667%;
}
.EU_logo {
    background-size: auto 35px !important;
}

}

/* ---------------------------

LAYOUT FÜR MINI TABLETS: 600px  bis 767 px

--------------------------- */

@media only screen and (min-width: 600px) and (max-width: 767px) {


.hide-sm {
	display: none !important;
}

/* Layout */
	
.gridContainer,
.gridContainer.cop23 {
	width: 96%;
	padding: 0 2% 13% 2%;
	margin: 0 auto 0 auto;
	background: #fff;
}
#social-nav-wrapper {
	top: inherit;
	position: fixed;
	bottom: 0;
	background: #01416e;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#01416e), to(#00254f));
	background: -webkit-linear-gradient(#01416e, #00254f);
	background: -moz-linear-gradient(#01416e, #00254f);
	background: -ms-linear-gradient(#01416e, #00254f);
	background: -o-linear-gradient(#01416e, #00254f);
	background: linear-gradient(#01416e, #00254f);
	-pie-background: linear-gradient(#01416e, #00254f);
	behavior: url(/_incs/js/PIE.htc);
	z-index: 9999;
}
#social-nav {
	text-align: right;
	width: 45%;
	z-index: 9999;
	background: #01416e;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#01416e), to(#00254f));
	background: -webkit-linear-gradient(#01416e, #00254f);
	background: -moz-linear-gradient(#01416e, #00254f);
	background: -ms-linear-gradient(#01416e, #00254f);
	background: -o-linear-gradient(#01416e, #00254f);
	background: linear-gradient(#01416e, #00254f);
	-pie-background: linear-gradient(#01416e, #00254f);
	behavior: url(/_incs/js/PIE.htc);
	margin: 0 auto;
	left: auto;
    position: relative;
	float: right;
}
#lang-nav {
	display: none;
}
#admin-nav {
    display: none;
}
header,
.gridContainer.cop23 header {
	width: 100%;
	height: auto;
}
.logo {
	width: 45%;
	margin: 13px 0 13px 0;
}
.logo2 {
	width: 9%;
	margin: 5% 0 5% 5%;
	background: url(/_images/logos/eanrw_segel.svg) no-repeat top left;
	background-size: 100%;
}
h1.h1-mwide {
	width: 45%;
}
.logo2.mwide {
	width: 45%;
	max-width: 263px;
	margin: 5% 0 5% 0;
	background: url(/_images/logos/mwide.svg) no-repeat top left;
	background-size: 100%;
}
.logo-bmub_en {
	width: 23%;
	margin-top: 13px;
}
.logo-bmub {
	width: 23%;
	margin-top: 13px;
}
.logo-unfccc {
	width: 26%;
	margin-left: 3%;
	margin-top: 13px;
}
.logo-landesregierung-nrw {
	width: 23%;
	margin-left: 5%;
	margin-top: 13px;
}
header h1 {
	width: 85%;
	margin: 0;
	padding: 6.5% 0;
}
header h1 a:link {
	color: #3b3b3b;
}
header h1 a:visited {
	color: #3b3b3b;
}
header h1 a:hover {
	color: #3b3b3b;
}
header h1 a:active {
	color: #3b3b3b;
}
.lighhead {
	font-weight: 300;
}
.headimage {
	clear: both;
	margin-bottom: 43px;
}
.headvideobackground {
	background: #3a3a3a;
	margin: 42px 0 21px 0;
}
.headvideowrapper {
	position: relative;
	float: left;
	overflow: hidden;
	width: 70%;
	height: auto;
	margin: 0 0 0 0;	
}
.headvideo {
	position: relative;
	width: 100%;
	overflow:hidden;
	margin: 0 0 0 0;	
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.headvideo iframe {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
}
.headcaption {
	position: relative;
	float: left;
	width: 24%;
	height: auto;
	margin: 0 0 0 0;
	padding: 2% 3% 2% 2%;
	background: #3a3a3a;
	color: #fff;
	font-size: 0.8888888888888889rem;
}
.liquid-slider .headvideowrapper {
	margin-bottom: 0px;
}
.liquid-slider .headvideobackground {
	margin: 0;
}
.liquid-slider .headcaption {
	position: relative;
	float: left;
	width: 24%;
	height: auto;
	margin: 0 0 0 0;
	padding: 2% 3% 2% 2%;
	background: #3a3a3a;
	color: #fff;
	font-size: 0.5555555555555556rem;
}
.slider-wrapper {
  margin-bottom: 4%;
}
.headcaption h1 {
	font-size: 1rem;
	font-weight: 800;
	margin-bottom: 0.5555rem;
}
.headcaption p {
	font-size: 1rem;
	font-weight: 400;
	margin-bottom: 0.5555rem;
} 
.headcaption a.more-link:link {
	font-size: 1rem;
}
figure {
	margin: 0.3rem 0 1.5rem 0;
	display: inline-block;
	outline: none;
}
picture.whitepic {
	border: 1px solid #e5e5e5;	
}
figcaption {
	font-size: 0.6666666666666667rem;
	line-height: 140%;
	font-style: italic;
}
figure.portrait {
	margin: 0.3rem 0 1.5rem 2rem;
	display: block;
	width: 40%;
	float: right;
}
figure.portrait.logoImage {
	width: 30%;
	margin: 0.3rem 0 1.5rem 2rem;
}
figure.portrait.logoImage.upright {
	width: 18%;	
	margin: 0.3rem 0 1.5rem 2rem;
}
#main-nav {
	width: 100%;
}
#special-nav {
	float: right;
	width: 70%;
}
.start-footer {
	margin-top: 34px;	
}

/* Spalten */

.col-wrapper {
	border-bottom: 1px solid #555658;
	padding: 0 0 13px 0;
}
.startnews-prio-three.col-wrapper {
	border-bottom: 0;
	padding: 0;
}
.col-1-3 {
	clear: none;
	float: left;
	width: 48%;
	display: block;
	margin-right: 0;
	margin-left: 0;
}
.startvideo.col-1-3 {
	clear: both;
	float: none;
	width: 100%;
	margin-right: 0;
	margin-left: 0 !important;
}
.col-1-3:nth-child(2n) {
	margin-left: 4%;
}
.startnews-prio-two .col-1-3 {
	margin-left: 4%;
}
.startnews-prio-two .col-1-3:nth-child(2n) {
	margin-left: 0;
}
.klimaexpo .col-1-3 {
	clear: none;
    float: left;
    width: 31%;
    display: block;
    margin-left: 3.5% !important;
}
.klimaexpo .col-1-3:first-of-type {
    margin-left: 0 !important;
}
.klimaexpo .startnews-image-text p {
	display: none;
}
.klimaexpo h2.starthead {
    margin-top: 0;
	font-size: 0.8888888888888889rem;
	margin-bottom: 1rem;
}
.col-2-3 {
	clear: none;
	float: left;
	width: 100%;
	display: block;
}
.col-1-3-right-margin {
	margin-right: 0px;
}
.col-1-3-top-margin {
	margin-top: 0px;
}
.col-1-4 {
	clear: none;
	float: left;
	width: 45%;
	display: block;
	margin-right: 10%;
}
.col-1-4:nth-child(2n) {
	margin-right: 0;
}
.col-1-4-left-margin {
	margin-left: 0px;
}
.klimaexpo .col-1-4 {
	width: 50%;
	margin-top: 0;
	margin-bottom: 4%;
	margin-right: 0;
}
.flip-card-front img {
	width: 33%;
}
.bottom-border {
	border-bottom: 1px solid #555658;
}

/* Formulare */

.col-2-3 input.textinput.plzinput,
.col-2-3 input.textinputfehler.plzinput {
	width: calc(20% - 18px);
}
.col-2-3 input.textinput.ortinput,
.col-2-3 input.textinputfehler.ortinput {
	width: calc(77.2% - 18px);
}

/* Startseiten-News der 2. Priorität */

.startnews-prio-two {
	margin-bottom: 4%;	
}
.startnews-prio-two .startnews-image-text {
	position: relative;
	top: -112px;
	background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
    background: rgba(255, 255, 255, .85);
	margin-bottom: -112px;
	width: 90.8%;
	height: 112px;
	padding: 5% 5% 0 5%;
}
.startnews-prio-two h2 {
	font-size: 0.8888888888888889rem;
	text-transform: uppercase;
	line-height: 130%;
	font-weight: 800;
}
.startnews-prio-two p {
	font-size: 0.8333333333333333rem;
	height: 80px;
}
.startnews-prio-two a {
	color: #555658;
	height: 100%;
}
.startnews-prio-two .shadow {
	display: block;
	position: relative;
}
.startnews-prio-two .shadow img {
	display: block;
}
.startnews-prio-two .shadow::before {
	display:block;
    content:'';
    position:absolute;
    width:100%;
    height:100%;
	opacity:0;
    -webkit-transition: opacity 500ms ease-out;
    -moz-transition: opacity 500ms ease-out;
    -o-transition: opacity 500ms ease-out;
    transition: opacity 500ms ease-out;
	-webkit-box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.5);
	-moz-box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.5);
	box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.5);
}
.startnews-prio-two:hover .shadow::before {
	opacity:1;
}
.startnews-prio-two:hover img {
}	

/* Startseiten-News der 3. Priorität */

.startnews-prio-three.col-wrapper {
	margin-bottom: 2.5rem;
}
.startnews-prio-three .col-2-3 {
	float: left;
	width: 66%;
}
.startnews-prio-three .col-1-3 {
	float: left;
	width: 30%;
	margin: 0 0 0 4%;
}
.startnews-prio-three img {
	margin: 11px 0 0 0;
}
.startnews-prio-three p {
	margin: 0 0 26px 0;
}
.startnews-prio-three a {
	font-weight: 600;
	color: #555658;
}


/* Startseiten-Videos */

.startvideo {
	margin-bottom: 4%;	
}
.startvideo .startVideoText {
	width: 90.8%;
	height: 78px;
	padding: 5% 5% 0 5%;
}
.startvideo h2 {
	font-size: 0.8888888888888889rem;
}
.startvideo p {
	font-size: 0.8333333333333333rem;
}
.startvideo a {
	height: 100%;
}

/* Startseiten-Podcast */

.startpodcast {
	margin-top: 0;
	margin-bottom: 4%;
}

/* Startseiten-Newsletter */

.startnewsletter::after {
	width: 190px;
    height: 250px;
    right: 0;
    top: -10px;
    opacity: 0.4;
}

/* Liquid Slider */

.liquid-slider {
	display: block;	
}	
.liquid-slider h2 {
	font-size: 1rem;
	line-height: 110%;
	position: absolute;
	left: 20px;
	display: inline-block;
	padding: 3px 10px 5px 10px;
}
.liquid-slider img {
	margin-top: 0px;	
}
.liquid-slider .slideButton {
	font-size: 3rem;	
}

/* Footer-Logos */

footer .footer-logos a {
	position: relative;
	float: left;
	vertical-align: bottom;
	margin-right: 30px;
}
footer .footer-logos .logo-eu {
	background: url("/_images/logos/eu-weiss.png") no-repeat top left;
	-moz-background-size: 100px 22px;
	-webkit-background-size: 100px 22px;
	background-size: 100px 22px;
	width: 100px;
	height: 22px;
	display: inline-block;
	margin-top: 11px;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	transition: background 0.5s linear;
}
footer .footer-logos .logo-eu:hover {
	background: url("/_images/logos/eu.png") no-repeat top left;
	-moz-background-size: 100px 22px;
	-webkit-background-size: 100px 22px;
	background-size: 100px 22px;
	width: 100px;
	height: 22px;
	display: inline-block;
	margin-top: 11px;
}
footer .footer-logos .logo-klimaschutz-nrw {
	background: url("/_images/logos/klimaschutz-nrw-weiss.png") no-repeat top left;
	-moz-background-size: 60px 35px;
	-webkit-background-size: 60px 35px;
	background-size: 60px 35px;
	width: 60px;
	height: 35px;
	display: inline-block;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	transition: background 0.5s linear;
}
footer .footer-logos .logo-klimaschutz-nrw:hover {
	background: url("/_images/logos/klimaschutz-nrw.png") no-repeat top left;
	-moz-background-size: 60px 35px;
	-webkit-background-size: 60px 35px;
	background-size: 60px 35px;
	width: 60px;
	height: 35px;
	display: inline-block;
}
footer .footer-logos .logo-cef {
	background: url("/_images/logos/cef-weiss.png") no-repeat top left;
	-moz-background-size: 81px 27px;
	-webkit-background-size: 81px 27px;
	background-size: 81px 27px;
	width: 81px;
	height: 27px;
	display: inline-block;
	margin-top: 5px;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	transition: background 0.5s linear;
}
footer .footer-logos .logo-cef:hover {
	background: url("/_images/logos/cef.png") no-repeat top left;
	-moz-background-size: 81px 27px;
	-webkit-background-size: 81px 27px;
	background-size: 81px 27px;
	width: 81px;
	height: 27px;
	display: inline-block;
	margin-top: 5px;
}
footer .footer-logos .logo-energieregion {
	background: url("/_images/logos/energieregion-weiss.png") no-repeat top left;
	-moz-background-size: 130px 22px;
	-webkit-background-size: 130px 22px;
	background-size: 130px 22px;
	width: 130px;
	height: 22px;
	display: inline-block;
	margin-top: 10px;
	margin-right: 0;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	transition: background 0.5s linear;
}
footer .footer-logos .logo-energieregion:hover {
	background: url("/_images/logos/energieregion.png") no-repeat top left;
	-moz-background-size: 130px 22px;
	-webkit-background-size: 130px 22px;
	background-size: 130px 22px;
	width: 130px;
	height: 22px;
	margin-right: 0;
	display: inline-block;
	margin-top: 10px;
}

/* Newsletter Slide */

.nlSlideWrapper {
	left: 0;
	top: 40px;
	margin-left: 2%;
	width: calc(96% - 30px);
}
.nlSlideBody .col-1-3 {
	display: none;
}
.nlSlideBody .col-2-3 {
	clear: none;
	float: none;
	width: calc(100%);
	padding-right: 0;
	display: block;
	/*border-right: 1px dotted #ccc;*/
}

/* Cookieconsent Opt-Out */

.col-2-3 .cookieconsent-optout-marketing {
	width: 55%;
}
.startvideo.ar16-9 {
	padding-top: 56.25%;
	position: relative;
}
.startvideo.ar16-9 .cookieconsent-optout-marketing {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 100%;
	line-height: 135%;

}
.startvideo.ar16-9 .cookieconsent-optout-marketing h3 {
	font-size: 1.388888888889rem;
	font-weight: 800 !important;
	padding: 0 0 0.2rem 0;
	margin: 0 0 2px 0;
}

/* Gridsystem */

.sm-1,
.sm-2,
.sm-3,
.sm-4,
.sm-5,
.sm-6,
.sm-7,
.sm-8,
.sm-9,
.sm-10,
.sm-11,
.sm-12 {
	float: left;
	padding-right: 4%;
	margin-bottom: 1rem;
}
.sm-1 {
	width: 3.3333%;
}
.sm-2 {
	width: 12.6667%;
}
.sm-3 {
	width: 21%;
}
.sm-4 {
	width: 29.3333%;
}
.sm-5 {
	width: 37.6667%;
}
.sm-6 {
	width: 46%;
}
.sm-7 {
	width: 54.3333%;
}
.sm-8 {
	width: 62.6667%;
}
.sm-9 {
	width: 71%;
}
.sm-10 {
	width: 79.3333%;
}
.sm-11 {
	width: 87.6667%;
}
.sm-12 {
	width: 100%;
	padding-right: 0;
}
.sm-1.nrp {
	width: 8.3333%;
}
.sm-2.nrp {
	width: 16.6667%;
}
.sm-3.nrp {
	width: 25%;
}
.sm-4.nrp {
	width: 33.3333%;
}
.sm-5.nrp {
	width: 41.6667%;
}
.sm-6.nrp {
	width: 50%;
}
.sm-7.nrp {
	width: 58.3333%;
}
.sm-8.nrp {
	width: 66.6667%;
}
.sm-9.nrp {
	width: 75%;
}
.sm-10.nrp {
	width: 83.3333%;
}
.sm-11.nrp {
	width: 91.6667%;
}

}

/* ---------------------------

LAYOUT FÜR KLEINETABLETS: 500px  bis 599 px

--------------------------- */

@media only screen and (min-width: 450px) and (max-width: 599px) {

/* KlimaExpo.NRW */

.flip-card-front img {
    width: 22%;
}	

/* Newsletter Slide */

.nlSlideWrapper {
	left: 0;
	top: 40px;
	margin-left: 2%;
	width: calc(96% - 30px);
}
.nlSlideBody .col-1-3 {
	display: none;
}
.nlSlideBody .col-2-3 {
	clear: none;
	float: none;
	width: calc(100%);
	padding-right: 0;
	display: block;
	/*border-right: 1px dotted #ccc;*/
}
	
}

/* ---------------------------

LAYOUT FÜR TABLETS: 768px  bis 1003 px

--------------------------- */

@media only screen and (min-width: 768px) and (max-width: 1003px) {


.hide-md {
	display: none !important;
}

/* Layout */

html {
	font-size: 90%;
}
	
.gridContainer,
.gridContainer.cop23 {
	width: 96%;
	padding: 0 2%;
	margin: 40px auto 58px auto;
	background: #fff;
}
#social-nav-wrapper {
	top: inherit;
	position: fixed;
	bottom: 0;
	background: #01416e;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#01416e), to(#00254f));
	background: -webkit-linear-gradient(#01416e, #00254f);
	background: -moz-linear-gradient(#01416e, #00254f);
	background: -ms-linear-gradient(#01416e, #00254f);
	background: -o-linear-gradient(#01416e, #00254f);
	background: linear-gradient(#01416e, #00254f);
	-pie-background: linear-gradient(#01416e, #00254f);
	behavior: url(/_incs/js/PIE.htc);
	z-index: 9999;
}
#social-nav {
	text-align: right;
	width: 45%;
	z-index: 9999;
	background: #01416e;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#01416e), to(#00254f));
	background: -webkit-linear-gradient(#01416e, #00254f);
	background: -moz-linear-gradient(#01416e, #00254f);
	background: -ms-linear-gradient(#01416e, #00254f);
	background: -o-linear-gradient(#01416e, #00254f);
	background: linear-gradient(#01416e, #00254f);
	-pie-background: linear-gradient(#01416e, #00254f);
	behavior: url(/_incs/js/PIE.htc);
	margin: 0 auto;
	left: auto;
    position: relative;
	float:right;
}
#lang-nav {
	display: none;
}
#admin-nav {
    display: none;
}
header,
.gridContainer.cop23 header {
	background: #fff;
	width: 100%;
	height: 57px;	
}
.logo {
	width: 35.5%;
	max-width: 263px;
	margin: 13px 0 13px 0;
}
.logo2 {
	width: 35.5%;
	max-width: 263px;
	margin: 13px 0 13px 0;
}
.logo2.mwide {
	width: 263px;
	max-width: 263px;
	margin: 13px 0 13px 0;
}
.logo-bmub_en {
	width: 17%;
	margin-top: 13px;
}
.logo-bmub {
	width: 17%;
	margin-top: 13px;
}
.logo-unfccc {
	width: 17%;
	margin-left: 5%;
	margin-top: 3px;
}
.logo-landesregierung-nrw {
	width: 17%;
	margin-left: 5%;
	margin-top: 13px;
}
header h1 {
	position: relative;
	float: left;
	margin: 30px 0 13px 0;
	font-weight: 800;
	color: #3b3b3b;
	width: 62%;
	font-size: 1.166666rem;
}
.headimage {
	clear: both;
	margin-bottom: 43px;
}
.headvideobackground {
	background: #3a3a3a;
	margin: 42px 0 41px 0;
}
.headvideowrapper {
	position: relative;
	float: left;
	overflow: hidden;
	width: 71%;
	height: auto;
	margin: 0 0 0 0;	
}
.headvideo {
	position: relative;
	width: 100%;
	overflow:hidden;
	margin: 0 0 0 0;	
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.headvideo iframe {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
}
.headcaption {
	position: relative;
	float: left;
	width: 23%;
	height: auto;
	margin: 0 0 0 0;
	padding: 2% 3% 2% 2%;
	background: #3a3a3a;
	color: #fff;
	font-size: 0.8888rem;
}
.liquid-slider .headvideowrapper {
	margin-bottom: 0px;
}
.liquid-slider .headvideobackground {
	margin: 0;
}
.liquid-slider .headcaption {
	position: relative;
	float: left;
	width: 23%;
	height: auto;
	margin: 0 0 0 0;
	padding: 2% 3% 2% 2%;
	background: #3a3a3a;
	color: #fff;
	font-size: 0.8888rem;
}
.slider-wrapper {
  margin-bottom: 3.5%;
}
.headcaption h1 {
	font-size: 0.8888rem;
	font-weight: 800;
	margin-bottom: 0.8888rem;
}
.headcaption p {
	font-size: 0.8888rem;
	font-weight: 400;
	margin-bottom: 0.8888rem;
}
figure {
	margin: 0.3rem 0 1.5rem 0;
	display: inline-block;
	outline: none;
}
figcaption {
	font-size: 0.6666rem;
	line-height: 140%;
	font-style: italic;
}
figure.portrait {
	margin: 0.3rem 0 21px 21px;
	display: block;
	width: 288px;
	float: right;
}
#main-nav {
	position: relative;
	float: left;
	width: 100%;
	height: 42px;	
	background: #F78E00;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffab00), to(#f07d00));
	background: -webkit-linear-gradient(#ffab00, #f07d00);
	background: -moz-linear-gradient(#ffab00, #f07d00);
	background: -ms-linear-gradient(#ffab00, #f07d00);
	background: -o-linear-gradient(#ffab00, #f07d00);
	background: linear-gradient(#ffab00, #f07d00);
	-pie-background: linear-gradient(#ffab00, #f07d00);
	behavior: url(/_incs/js/PIE.htc);
	z-index: 9800;
}
#special-nav {
	position: relative;
	float: right;
	width: 70%;
	height: 42px;
	margin-top: -42px;
	background: #F78E00;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffab00), to(#f07d00));
	background: -webkit-linear-gradient(#ffab00, #f07d00);
	background: -moz-linear-gradient(#ffab00, #f07d00);
	background: -ms-linear-gradient(#ffab00, #f07d00);
	background: -o-linear-gradient(#ffab00, #f07d00);
	background: linear-gradient(#ffab00, #f07d00);
	-pie-background: linear-gradient(#ffab00, #f07d00);
	behavior: url(/_incs/js/PIE.htc);
	z-index: 9999;
	text-align:right;
}
.start-footer {
	margin-top: 83px;	
}
.headline-category {
	margin-bottom: 21px;
	margin-top: 0;
}
.bt-toplink {
	bottom: 80px;
	right: 41px;
}
.bt-backlink {
	bottom: 80px;
	right: 41px;
}

/* Spalten */

.col-wrapper {
	border-bottom: 1px solid #555658;
	padding: 0 0 13px 0;
}
.startnews-prio-three.col-wrapper {
	border-bottom: 0;
	padding: 0;
}
.col-1-3 {
	clear: none;
	float: left;
	width: 31%;
	display: block;
}
.col-2-3 {
	clear: none;
	float: left;
	width: 65.5%;
	display: block;
}
.col-1-3-left-margin {
	margin-left: 3.5%;
}
.col-1-3-right-margin {
	margin-right: 3.5%;
}
.col-1-3-top-margin {
	margin-top: 28px;
}
.col-1-4 {
	clear: none;
	float: left;
	width: 22%;
	display: block;
}
.col-1-4-left-margin {
	margin-left: 4%;
}
.bottom-border {
	border-bottom: 1px solid #555658;
}

/* News der 3. Priorität Landeseiten */

.news-prio-three {
	padding: 25px 0 17px 0;
	margin-top: 0;
}

/* Mediathek > Downloads */

ul.mediaAnlagen li {
    margin: 0 0 0.8rem 0;
    font-size: 0.77777777777778rem;
}
.mediaType { 
	height: 27px; 
	font-size: 0.77777777777778rem;
	padding-top: 12px;
}
.mediaType:before {
	margin-top: -12px;
}
.termsOfUse {
	width: 81%;
	left: 8%;
	padding: 1% 1% 2% 2%;
	top: 5%;
}

/* Startseiten-News der 2. Priorität */

.startnews-prio-two {
	margin-bottom: 0px;	
}
.startnews-prio-two .startnews-image-text {
	position: relative;
	top: -97px;
	background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
    background: rgba(255, 255, 255, .85);
	margin-bottom: -97px;
	width: 90.1%;
	height: 77px;
	padding: 5% 5% 0 5%;
}
.startnews-prio-two h2 {
	font-size: 0.8888rem;
	text-transform: uppercase;
	line-height: 130%;
	font-weight: 800;
}
.startnews-prio-two p {
	font-size: 0.8333rem;
}
.startnews-prio-two a {
	color: #555658;
	height: 100%;
}
.startnews-prio-two .shadow {
	display: block;
	position: relative;
}
.startnews-prio-two .shadow img {
	display: block;
}
.startnews-prio-two .shadow::before {
	display:block;
    content:'';
    position:absolute;
    width:100%;
    height:100%;
	opacity:0;
    -webkit-transition: opacity 500ms ease-out;
    -moz-transition: opacity 500ms ease-out;
    -o-transition: opacity 500ms ease-out;
    transition: opacity 500ms ease-out;
	-webkit-box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.5);
	-moz-box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.5);
	box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.5);
}
.startnews-prio-two:hover .shadow::before {
	opacity:1;
}
.startnews-prio-two:hover img {
}

/* KlimaExpo.NRW */

.flip-card-front img {
    width: 61%;
}

/* Startseiten-Videos */

.startvideo {
	margin-bottom: 0px;
}
.startvideo .startVideoText {
	width: 90.1%;
	height: 77px;
	padding: 5% 5% 0 5%;
}
.startvideo h2 {
	font-size: 0.8888rem;
}
.startvideo p {
	font-size: 0.8333rem;
}
.startvideo a {
	height: 100%;
}

/* Startseiten-Podcast */

.startpodcast {
	margin-top: 0px;
	margin-bottom: 0;
}

/* Startseiten-Blog */

.startblog .col-1-3 {
	margin-left: 3.5%;
}

.startblog .col-1-3:first-of-type {
    margin-left: 0;
}

/* Liquid Slider */

.liquid-slider {
	display: block;	
}	
.liquid-slider h2 {
	font-size: 1.6111em;
	line-height: 110%;
	background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
    background: rgba(255, 255, 255, .75);
	position: absolute;
	bottom: 20px;
	left: 20px;
	display: inline-block;
	padding: 3px 10px 6px 10px;
}
.liquid-slider img {
	margin-top: 0px;	
}
.liquid-slider .slideButton {
	font-size: 3rem;	
}

/* Cookieconsent Opt-Out */

.col-2-3 .cookieconsent-optout-marketing {
	width: 55%;
}

/* Gridsystem */

.md-1,
.md-2,
.md-3,
.md-4,
.md-5,
.md-6,
.md-7,
.md-8,
.md-9,
.md-10,
.md-11,
.md-12 {
	float: left;
	padding-right: 4%;
	margin-bottom: 1rem;
}
.md-1 {
	width: 3.3333%;
}
.md-2 {
	width: 12.6667%;
}
.md-3 {
	width: 21%;
}
.md-4 {
	width: 29.3333%;
}
.md-5 {
	width: 37.6667%;
}
.md-6 {
	width: 46%;
}
.md-7 {
	width: 54.3333%;
}
.md-8 {
	width: 62.6667%;
}
.md-9 {
	width: 71%;
}
.md-10 {
	width: 79.3333%;
}
.md-11 {
	width: 87.6667%;
}
.md-12 {
	width: 100%;
	padding-right: 0;
}
.md-1.nrp {
	width: 8.3333%;
}
.md-2.nrp {
	width: 16.6667%;
}
.md-3.nrp {
	width: 25%;
}
.md-4.nrp {
	width: 33.3333%;
}
.md-5.nrp {
	width: 41.6667%;
}
.md-6.nrp {
	width: 50%;
}
.md-7.nrp {
	width: 58.3333%;
}
.md-8.nrp {
	width: 66.6667%;
}
.md-9.nrp {
	width: 75%;
}
.md-10.nrp {
	width: 83.3333%;
}
.md-11.nrp {
	width: 91.6667%;
}

/* Videos der 4. Priorität */

#newsVideo {
	margin: 4px 0 5px 0;
}

}



/* ---------------------------

LAYOUT FÜR MOBILE DEVICES: 1003px und weniger

--------------------------- */

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

.detailinfos label.acclabel:hover{
    color: #555658;
}

.accordion-content a,
.detail a {
    word-break:break-all;
}

.slider-wrapper {
  margin-bottom: 15px;
}
.nav-top {
    width: 100%;
    margin: 0 auto;
}
.EU_logo {
	width: calc(55% - 10px);
    padding: 0;
    height: 58px;
    margin: 0 0 0 10px;
    z-index: 9999;
    float: left;
    background: url(../../_images/logos/eu-weiss.png);
    background-repeat: no-repeat;
    background-size: auto 40px;
    background-position: 10px;
    background-position-x: left;
	position: relative;
	float: left;
}
.termsOfUse {
	width: 91%;
	left: 3%;
	padding: 1% 1% 2% 2%;
	top: 5%;
}

/* KlimaExpo.NRW Footer */

.klimaexpo + #social-nav-wrapper,
.klimaexpo + #social-nav-wrapper #social-nav {
    background: #c7c7c5 !important;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c7c7c5), to(#c7c7c5));
	background: -webkit-linear-gradient(#c7c7c5, #c7c7c5);
	background: -moz-linear-gradient(#c7c7c5, #c7c7c5);
	background: -ms-linear-gradient(#c7c7c5, #c7c7c5);
	background: -o-linear-gradient(#c7c7c5, #c7c7c5);
	background: linear-gradient(#c7c7c5, #c7c7c5);
	-pie-background: linear-gradient(#c7c7c5, #c7c7c5);
}
.klimaexpo + #social-nav-wrapper .EU_logo {
    background-image: url(/_images/logos/eu-schwarz.png);
}
.klimaexpo #footer {	
	height: inherit;
	margin-bottom: 21px;
}
.klimaexpo #footer > p {
    float: none;
    margin: 0 20px;
    padding: 11px 0;
}	
.klimaexpo #footer > .footer_img {	
	display: none;
}	
}
/* ---------------------------

LAYOUT FÜR DESKTOPS: 1004px und mehr

--------------------------- */

@media only screen and (min-width: 1004px) {


.hide-lg {
	display: none !important;
}
.bt-toplink {
	bottom: 42px;
	right: 50%;
	margin-right: -460px;
}
.bt-backlink {
	bottom: 42px;
	right: 50%;
	margin-right: -460px;
}

/* Cookieconsent Opt-Out */

.col-2-3 .cookieconsent-optout-marketing {
	width: 55%;
}

/* Gridsystem */

.lg-1,
.lg-2,
.lg-3,
.lg-4,
.lg-5,
.lg-6,
.lg-7,
.lg-8,
.lg-9,
.lg-10,
.lg-11,
.lg-12 {
	float: left;
	padding-right: 4%;
	margin-bottom: 1rem;
}
.lg-1 {
	width: 3.3333%;
}
.lg-2 {
	width: 12.6667%;
}
.lg-3 {
	width: 21%;
}
.lg-4 {
	width: 29.3333%;
}
.lg-5 {
	width: 37.6667%;
}
.lg-6 {
	width: 46%;
}
.lg-7 {
	width: 54.3333%;
}
.lg-8 {
	width: 62.6667%;
}
.lg-9 {
	width: 71%;
}
.lg-10 {
	width: 79.3333%;
}
.lg-11 {
	width: 87.6667%;
}
.lg-12 {
	width: 100%;
	padding-right: 0;
}
.lg-1.nrp {
	width: 8.3333%;
}
.lg-2.nrp {
	width: 16.6667%;
}
.lg-3.nrp {
	width: 25%;
}
.lg-4.nrp {
	width: 33.3333%;
}
.lg-5.nrp {
	width: 41.6667%;
}
.lg-6.nrp {
	width: 50%;
}
.lg-7.nrp {
	width: 58.3333%;
}
.lg-8.nrp {
	width: 66.6667%;
}
.lg-9.nrp {
	width: 75%;
}
.lg-10.nrp {
	width: 83.3333%;
}
.lg-11.nrp {
	width: 91.6667%;
}

}

/* ---------------------------

LAYOUT FÜR RETINA DISPLAYS

--------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-resolution: 240dpi) {
.sprite {
	background-image: url(/_images/standards/sprite@2x.png);
}
.sprite-legend {
	background-image: url(/_images/standards/sprite-marker@x2.png);
}
.col-2-3 ul.formlist li input.checkinput,
.col-2-3 ul.formlist li input.radioinput {
	margin-top: 0;
}
.col-2-3 .detailinfos li.sprite.social a {
	margin: 3px 0 0 0;
}

}