body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
@font-face {
  font-family: "AkkuratReg";
  src: url("../../files/energiestiftung/css/fonts/AkkuratLLWeb-Regular.woff") format("woff");
}

@font-face {
  font-family: "AkkuratReg";
  src: url("../../files/energiestiftung/css/fonts/AkkuratLLWeb-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "AkkuratBold";
  src: url("../../files/energiestiftung/css/fonts/AkkuratLLWeb-Bold.woff") format("woff");
}

@font-face {
  font-family: "AkkuratBold";
  src: url("../../files/energiestiftung/css/fonts/AkkuratLLWeb-Bold.woff2") format("woff2");
}


/* subset */

@font-face {
  font-family: "AkkuratSubReg";
  src: url("../../files/energiestiftung/css/fonts/AkkuratLLSub-Regular.woff") format("woff");
}

@font-face {
  font-family: "AkkuratSubReg";
  src: url("../../files/energiestiftung/css/fonts/AkkuratLLSub-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "AkkuratSubBold";
  src: url("../../files/energiestiftung/css/fonts/AkkuratLLSub-Bold.woff") format("woff");
}

@font-face {
  font-family: "AkkuratSubBold";
  src: url("../../files/energiestiftung/css/fonts/AkkuratLLSub-Bold.woff2") format("woff2");
}

@font-face {
  font-family: 'SwiftIta';
  src: url(../../files/energiestiftung/css/fonts/Swiftita.eot);
  src: url(../../files/energiestiftung/css/fonts/Swiftita.eot?#iefix) format('embedded-opentype'),
       url(../../files/energiestiftung/css/fonts/Swiftita.woff) format('woff'),
       url(../../files/energiestiftung/css/fonts/Swiftita.woff2) format('woff2');
}
@font-face {
  font-family: 'SwiftReg';
  src: url(../../files/energiestiftung/css/fonts/Swiftreg.eot);
  src: url(../../files/energiestiftung/css/fonts/Swiftreg.eot?#iefix) format('embedded-opentype'),
       url(../../files/energiestiftung/css/fonts/Swiftreg.woff) format('woff'),
       url(../../files/energiestiftung/css/fonts/Swiftreg.woff2) format('woff2');
}
@font-face {
  font-family: 'SwiftBoldIta';
  src: url(../../files/energiestiftung/css/fonts/Swixbita.eot);
  src: url(../../files/energiestiftung/css/fonts/Swixbita.eot?#iefix) format('embedded-opentype'),
       url(../../files/energiestiftung/css/fonts/Swixbita.woff) format('woff'),
       url(../../files/energiestiftung/css/fonts/Swixbita.woff2) format('woff2');
}
@font-face {
  font-family: 'SwiftBoldReg';
  src: url(../../files/energiestiftung/css/fonts/Swixbreg.eot);
  src: url(../../files/energiestiftung/css/fonts/Swixbreg.eot?#iefix) format('embedded-opentype'),
       url(../../files/energiestiftung/css/fonts/Swixbreg.woff) format('woff'),
       url(../../files/energiestiftung/css/fonts/Swixbreg.woff2) format('woff2');
}


body {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	line-height: 1.5em;
	font-family: 'SwiftReg', serif;
	background-color: white;
	color: #0e0e0e;   
	-webkit-font-smoothing: antialiased;
}

body.specials {
	-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none; 
}

::selection { 
	color: #0e0e0e; 
	background: rgba(232,66,72,.6);
}

#wrapper {
	margin: 0;
	padding: 0;
	width: 100%;
}

#mod_navigation,
.navi-phone-onoff {
	display: none;
}

.mobileonly {
	display: none !important;
}

.desktoptonly {
	display: block !important;
}

#container #main .inside .mod_article {
	width: 62%;
	max-width: 930px;
	margin: 0 auto;
	display: block;
}

#container #main .inside .mod_article.first {
	margin-top: 0;
}

#container #main .inside .mod_article.breite100 {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 4vw 0;
	display: block;
	background-color: #e84148;
}

#container #main .inside .mod_article.breite100grau {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 4vw 0;
	border: 0;
	display: block;
	background-color: #f6f5fa;
}

#container #main .inside .mod_article.breiteslider {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding-bottom: 0;
	display: block;
}

#container #main .inside .mod_article.breite94 {
	width: 90%;
	max-width: 1410px;
	margin: 4vw 0;
	margin: 0 auto;
	display: block;
}

/*.specials #header .mod_customnav {
	display: flex;
}

.specials #header .inside .breite94 {
	width: 94%;
	margin: 0 3%;
	display: block;
	position: absolute;
	z-index: 10000;
}
*/
.breite62 {
	width: 62%;
	max-width: 930px;
	margin: 0 auto;
	display: block;
}

.grad4 img {
	transform: rotate(4deg);
	padding: 3vw;
}
.grad5 img {
	transform: rotate(5deg);
	padding: 3vw;
}
.grad6 img {
	transform: rotate(6deg);
	padding: 3vw;
}
.grad7 img {
	transform: rotate(7deg);
	padding: 3vw;
}
.grad8 img {
	transform: rotate(8deg);
	padding: 3vw;
}
.grad9 img {
	transform: rotate(9deg);
	padding: 3vw;
}
.grad10 img {
	transform: rotate(10deg);
	padding: 3vw;
}
.grad11 img {
	transform: rotate(11deg);
	padding: 3vw;
}
.grad12 img {
	transform: rotate(12deg);
	padding: 3vw;
}
.grad13 img {
	transform: rotate(13deg);
	padding: 3vw;
}
.grad14 img {
	transform: rotate(14deg);
	padding: 3vw;
}
.grad15 img {
	transform: rotate(15deg);
	padding: 3vw;
}


@media screen and (min-width: 1500px) {
	#container #main .inside .mod_article.breite100,
	#container #main .inside .mod_article.breite100grau,
	#container #main .inside .mod_article.breite94 {
		padding: 60px 0;
	}
	.grad4 img,
	.grad5 img,
	.grad6 img,
	.grad7 img,
	.grad8 img,
	.grad9 img,
	.grad10 img,
	.grad11 img,
	.grad12 img,
	.grad13 img,
	.grad14 img,
	.grad15 img {
		padding: 45px;
	}
}


/*
-------------   HEADER UND NAVI  -------------------         CUSTOMNAVI   -----------------
*/


#header {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	z-index: 20000;
}

#header #customnav {
	position: fixed;
	background-color: #e84148;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	height: 3vw;
	max-height: 45px;
	z-index: 100000;
}

#header #customnav .max {
	width: 90%;
	max-width: 1410px;
	height: 3vw;
	max-height: 45px;
	margin: 0 auto;
}

#header #customnav .max .logotop {
	float: left;
	width: 15%;
	max-width: 245px;
	height: 3vw;
	max-height: 3vw;
	margin-top: 0.1vw;
}

#header #customnav .max .logotop .logo-scrolled,
#header.opened #customnav .max .logotop .logo-scrolled {
	display: none;
}

#header.scrolled #customnav .max .logotop .logo-scrolled {
	display: block;
}

#header.scrolled #customnav .max .logotop .logo-scrolled img {
	position: relative;
	margin-top: 0.46vw;
	margin-left: 1vw;
	height: 2vw;
	width: auto;
}

#header #customnav .max .mod_customnav {
	width: 70%;
	max-width: 930px;
	float: left;
	margin: 0;
	padding: 0;
	margin-block-start: 0;
	margin-block-end: 0;
	padding-inline-start: 0;
}

#header #customnav .max .mod_customnav {
	display: flex;
	justify-content: center;
	align-items: center;
}

.spezial #header #customnav .max .mod_customnav {
	width: 85%;
}

#header #customnav .max .mod_customnav ul,
#header #customnav .max .mod_customnav ul li,
#footer .mod_customnav,
#footer .mod_customnav ul,
#footer .mod_customnav ul li {
	margin: 0;
	padding: 0;
	margin-block-start: 0;
	margin-block-end: 0;
}

#header #customnav .max .mod_customnav ul {
	text-align: center;
}

#header #customnav .max .mod_customnav ul li,
#footer .mod_customnav ul li {
	float: left;
	font-family: 'AkkuratReg', sans-serif;
	font-weight: 400;
	font-size: 1vw;
	line-height: 1vw;
	list-style: none;
	margin: 1.1vw 1.6vw 0 1.6vw;
	padding: 0 0 1.1vw 0;
	font-variant-ligatures: none; /* Ligature reset */
	-moz-font-feature-settings: 'ss05' on;
	-ms-font-feature-settings: 'ss05' on;
	-o-font-feature-settings: 'ss05' on;
	-webkit-font-feature-settings: 'ss05' on;
	font-feature-settings: 'ss05' on;
}

#header #customnav .max .mod_customnav ul li {
    display: inline;
}

#footer .mod_customnav ul li {
	font-size: 1vw;
}

#header #customnav .max .mod_customnav ul li:hover,
#header #customnav .max .mod_customnav ul li.active,
#header #customnav .max .mod_customnav ul li.trail {
    background-image: url(/files/energiestiftung/elemente/pfeil-weiss.svg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: auto 0.7vw;
    color: white;
}

#header #customnav .max .mod_customnav ul li a,
#header #customnav .max .mod_customnav ul li a:visited,
#footer .mod_customnav ul li a,
#footer .mod_customnav ul li a:visited {
	color: white;
	text-decoration: none;
}

#header #customnav .max .mod_customnav ul li a:hover,
#header #customnav .max .mod_customnav ul li .active,
#header #customnav .max .mod_customnav ul li strong,
#footer .mod_customnav ul li a:hover,
#footer .mod_customnav ul li .active,
#footer .mod_customnav ul li strong {
	font-weight: normal;
	color: white;
}

#footer .mod_customnav ul li:hover,
#footer .mod_customnav ul li.active,
#footer .mod_customnav ul li strong {
	text-decoration: none;
	border-bottom: 1px solid white;
	padding-bottom: 1px;
}

#header #customnav .max .suche {
	float: left;
	position: relative;
	width: 15%;
	max-width: 245px;
	height: 3vw;
	max-height: 45px;
	margin: 0;
	padding: 0;
}

#header #customnav .max .suche .suchfeld {
	float: right;
	width: 0;
	font-size: 0.8vw;
	padding: 0;
	height: 2vw;
	margin: 0.5vw 2.2vw 0.5vw 0;
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid white;
	opacity: 1;
	transition: width 0.3s ease-in-out 0.5s; 
}

#header #customnav .max .suche:hover .suchfeld {
	width: 10vw;
	padding: 0;
	color: white;
	border-bottom: 1px solid white;
	opacity: 1;
	transition: width 0.3s ease-in-out 0.5s; 
}

#header #customnav .max .suche .suchfeld::placeholder {
	color: white;
}

#header #customnav .max .suche .submit {
	height: 2vw;
	width: auto;
	display: block;
	position: absolute;
	float: right;
	top: 0.65vw;
	right: 0;
}

@media screen and (min-width: 1500px) {
	#header #customnav .max .logotop {
		max-height: 45px;
		margin-top: 4px;
	}
	#header.scrolled #customnav .max .logotop .logo-scrolled img {
		margin-top: 6px;
		margin-left: 15px;
		height: 28px;
		padding: 0;
	}
	#header #customnav .max .mod_customnav {
		margin-left: 30px;
	}
	#header #customnav .max .mod_customnav ul li,
	#header #customnav .max .mod_customnav ce_text ul li,
	#footer .mod_customnav ul li {
		font-size: 15px;
		line-height: 15px;
		margin: 16px 25px 0 25px;
		padding-bottom: 15px;
	}
	#header #customnav .max .mod_customnav ul li:hover,
	#header #customnav .max .mod_customnav ul li.active,
	#header #customnav .max .mod_customnav ul li.trail,
	#header #customnav .max .mod_customnav ce_text ul li:hover,
	#header #customnav .max .mod_customnav ce_text ul li.active,
	#footer .mod_customnav ul li:hover,
	#footer .mod_customnav ul li.active {
	    background-size: auto 10px;
	}
	#header #customnav .max .suche {
		margin-top: 4px;
	}
	#header #customnav .max .suche .suchfeld {
		font-size: 12px;
		height: 25px;
		margin: 6px 33px 2px 0;
		width: 0;
	}
	#header #customnav .max .suche:hover .suchfeld {
		width: 150px;
	}
	#header #customnav .max .suche .submit {
		height: 25px;
		top: 7px;
	}
}




/*
-------------   HEADER UND NAVI  -------------------         LOGO UND TEASER   -----------------
*/




#header .breite94 {
	width: 90%;
	max-width: 1410px;
	min-height: 8vw;
	margin: 1vw auto 0 auto;
	display: block;
}

#header .breite94 .logo {
	margin: 0;
	float: left;
}

#header .breite94 .logo .inside {
	margin: 3vw 0 0 0;
	margin-left: 1vw;
	width: 40%;
	position: absolute;
	z-index: 20000;
}

#header.scrolled .breite94 .logo,
#header.scrolled .breite94 .teaser {
	display: none;
}

#header.opened .breite94 .logo,
#header.opened .breite94 .teaser {
	display: block;
}

.specials #header .inside .breite94 .logo .inside {
	width: 38.2%;
}

#header .breite94 .teaser {
	float: right; 
	width: 30%;
	height: 8vw;
	margin: 0.8vw 0 0 0;
	z-index: 2000;
	right: 0;
	position: relative;
}

#header .breite94 .teaser .ce_text.spenden {
	width: 80%;
	margin-left: 20%;
}

#header .breite94 .teaser a p {
	display: block;
	background-color: #e84148;
	margin-top: 3vw;
	padding: 0.5vw 2vw 0.5vw 3vw;
	margin-left: 7vw;
	font-size: 1.1vw;
	line-height: 1.1vw;
	color: white;
	text-align: right;
	font-family: 'AkkuratReg', sans-serif;
}

#header .breite94 .teaser a, 
#header .breite94 .teaser a p,
#header .breite94 .teaser a:visited p {
	color: white;
	text-decoration: none;
}

#header .breite94 .teaser a:hover p {
	color: #f1919c;
}

#header .breite94 .teaser a .image_container {
	height: 6vw;
	margin: -1.45vw 0 0 5.5vw;
	transform: rotate(345deg);
}

#header .breite94 .teaser .spenden a p {
	padding-left: 1.5vw;
}

#header .breite94 .teaser .spenden a .image_container {
	transform: rotate(0deg);
	height: 5vw;
	border: 1px solid white;
	margin: -1.5vw 0 0 5vw;
	border-radius: 50%;
	background-color: #e84148;
}

#header .breite94 .teaser a .image_container img {
	width: 4.15vw;
	height: auto;
}

#header .breite94 .teaser .spenden a .image_container img {
	width: 4vw;
	padding: 0.5vw;
	height: auto;
}

#header .breite94 .teaser a:hover .image_container img {
	opacity: 1;
}

@media screen and (min-width: 1500px) {
	#header .breite94 {
		margin-top: 20px;
	}
	#header .breite94 .logo .inside {
		margin-top: 45px;
		width: 530px;
	}
	#header .breite94 .teaser {
		margin-top: 12px;
		height: 120px;
	}
	#header .breite94 .teaser a p {
		margin-top: 45px;
		padding: 8px 30px 8px 45px;
		margin-left: 80px;
		font-size: 17px;
		line-height: 17px;
	}
	#header .breite94 .teaser a .image_container {
		height: 90px;
		margin: -22px 0 0 75px;
	}
	#header .breite94 .teaser .spenden a p {
		padding-left: 23px;
	}
	#header .breite94 .teaser .spenden a .image_container {
		border: 1px solid white;
		margin: -21px 0 0 70px;
		height: 75px;
	}
	#header .breite94 .teaser a .image_container img {
		width: 62px;
	}
	#header .breite94 .teaser .spenden a .image_container img {
		width: 60px;
		padding: 8px;
	}
}




/*
-------------   HEADER UND NAVI  -------------------         THEMEN-NAVI   -----------------
*/



#header .mod_navigation {
	width: 100%;
	max-width: 100%;
	padding: 0;
	height: 3vw;
	margin: 0;
	transform: all 0.4s;
}

#header.scrolled .mod_navigation#navigation {
	position: fixed;
	top: 3vw;
	left: 0;
	width: 100%;
	max-width: 100%;
	background-color: white;
	z-index: 20000;
	transform: all 0.4s;
}

#header.opened .mod_navigation#navigation {
	position: relative;
	transform: all 0.4s;
}

#header .mod_navigation#navigation ul {
	width: 62%;
	max-width: 930px;
	margin: 0 auto;
	padding: 0;
}

#header .mod_navigation#navigation ul li,
#header .mod_navigation#navigation-second ul li{
	position: relative;
	float: left;
	width: calc(100%/6);
	font-family: 'AkkuratReg', sans-serif;
	font-size: 1vw;
	line-height: 1vw;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 3vw;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10;
	transition: all 0.2s;
	font-variant-ligatures: none; /* Ligature reset */
	-moz-font-feature-settings: 'ss05' on;
	-ms-font-feature-settings: 'ss05' on;
	-o-font-feature-settings: 'ss05' on;
	-webkit-font-feature-settings: 'ss05' on;
	font-feature-settings: 'ss05' on;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100% 12%;
}

#header .mod_navigation#navigation ul li.erneuerbar {
    background-image: url(/files/energiestiftung/elemente/bgr-erneuerbar.png);
}

#header .mod_navigation#navigation ul li.fossil {
    background-image: url(/files/energiestiftung/elemente/bgr-fossil.png);
}

#header .mod_navigation#navigation ul li.atom {
    background-image: url(/files/energiestiftung/elemente/bgr-atom.png);
}
#header .mod_navigation#navigation ul li.klima {
    background-image: url(/files/energiestiftung/elemente/bgr-klima.png);
}
#header .mod_navigation#navigation ul li.effizienz {
    background-image: url(/files/energiestiftung/elemente/bgr-effizienz.png);
}

#header .mod_navigation#navigation ul li.suffizienz {
    background-image: url(/files/energiestiftung/elemente/bgr-suffizienz.png);
}

#header .mod_navigation#navigation ul a li ,
#header .mod_navigation#navigation ul a:visited li ,
#header .mod_navigation#navigation ul li strong,
#header .mod_navigation#navigation-second ul li a,
#header .mod_navigation#navigation-second ul li a:visited,
#header .mod_navigation#navigation-second ul li strong{
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: black;
	text-decoration: none;
}

#header .mod_navigation#navigation-second {
	width: 62%;
	max-width: 930px;
	margin: 1vw auto 0 auto;
}

#header .mod_navigation#navigation-second ul {
	display: flex;
	width: auto;
	height: 3vw;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
}

#header .mod_navigation#navigation-second ul li {
	float: left;
	width: auto;
	margin: 0.5vw 1.65vw;
	padding: 0;
	position: relative;
	z-index: 10;
	transition: all 0.1s;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100% 0;
}

#header .mod_navigation#navigation-second ul li.erneuerbar {
    background-image: url(/files/energiestiftung/elemente/bgr-erneuerbar.png);
    left: auto;
    width: auto;
}

#header .mod_navigation#navigation-second ul li.atom {
    background-image: url(/files/energiestiftung/elemente/bgr-atom.png);
    left: auto;
    width: auto;
}

#header .mod_navigation#navigation-second ul li.klima {
    background-image: url(/files/energiestiftung/elemente/bgr-klima.png);
    left: auto;
    width: auto;
}
#header .mod_navigation#navigation-second ul li.fossil {
    background-image: url(/files/energiestiftung/elemente/bgr-fossil.png);
    left: auto;
    width: auto;
} 

#header .mod_navigation#navigation-second ul li.effizienz {
    background-image: url(/files/energiestiftung/elemente/bgr-effizienz.png);
    left: auto;
    width: auto;
}

#header .mod_navigation#navigation-second ul li.suffizienz {
    background-image: url(/files/energiestiftung/elemente/bgr-suffizienz.png);
    left: auto;
    width: auto;
}

#header .mod_navigation#navigation-second ul li a,
#header .mod_navigation#navigation-second ul li a:visited,
#header .mod_navigation#navigation-second ul li strong {
	padding: 0;
}

#header .mod_navigation#navigation ul li:hover {
	background-size: 100% 100%;
	transition: all 0.2s;
}

#header .mod_navigation#navigation-second ul li:hover {
	background-size: 100% 12%;
	transition: all 0.1s;
}

#header .mod_navigation#navigation ul  li.active,
#header .mod_navigation#navigation ul  li.trail {
	background-size: 100% 100%;
}

#header .mod_navigation#navigation-second ul li.active,
#header .mod_navigation#navigation-second ul li.trail {
	background-size: 100% 12%;
}

#header .mod_navigation#navigation ul a li:hover,
#header .mod_navigation#navigation ul a:visited li:hover,
#header .mod_navigation#navigation ul li:hover strong,
#header .mod_navigation#navigation ul li.active:hover,
#header .mod_navigation#navigation ul li.trail:hover {
	color: black;
}

#header .mod_navigation#navigation-second  ul li:hover a,
#header .mod_navigation#navigation-second  ul li:hover a:visited,
#header .mod_navigation#navigation-second  ul li:hover strong,
#header .mod_navigation#navigation-second  ul li.active:hover,
#header .mod_navigation#navigation-second  ul li.trail:hover {
	color: black;
}


@media screen and (min-width: 1500px) {
	#header .mod_navigation#navigation,
	#header .mod_navigation#navigation-second {
		padding: 0;
		height: 45px;
	}
	#header.scrolled .mod_navigation#navigation {
		top:45px;
	}
	#header .mod_navigation#navigation  ul li {
		height: 45px;
		background-size: 100% 9%;
		font-size: 15px;
	}
	#header .mod_navigation#navigation-second ul {
		height: 45px;
	}
	#header .mod_navigation#navigation-second ul li {
		height: 45px;
		font-size: 15px;
		margin: 5px 20px;
	}
	#header .mod_navigation#navigation-second ul li:hover,
	#header .mod_navigation#navigation-second ul li.active,
	#header .mod_navigation#navigation-second ul li.trail {
		background-size: 100% 9%;
	}
}




/*
-------------   HEADER  -------------------
*/


.custom #headerbild {
	margin-top: 6vw;
}

.custom #headerbild .inside .mod_article.breite100 h3,
.custom #headerbild .inside .mod_article.breite100 h4,
.custom #headerbild .inside .mod_article.breite100 p {
	color: white;
}

.custom #headerbild .inside .mod_article.breite100 a h5, 
.custom #headerbild .inside .mod_article.breite100 h5 a,
.custom #headerbild .inside .mod_article.breite100 h5 a:visited {
	border: 1px solid white;
	color: white;
	background-color: #e84148;
}

.custom #headerbild .inside .mod_article.breite100 a:hover h5,
.custom #headerbild .inside .mod_article.breite100 h5 a:hover {
	border: 1px solid white;
	color: #e84148;
	background-color: white;
}


.custom #headerbild .inside .mod_article.breite100.klima {
	background-color: #a5d7d5;	
}

.custom #headerbild .inside .mod_article.breite100.erneuerbare-energien {
	background-color: #b8bf73;	
}

.custom #headerbild .inside .mod_article.breite100.atomenergie {
	background-color: #7a77b6;	
}

.custom #headerbild .inside .mod_article.breite100.energiesuffizienz {
	background-color: #f1919c;	
}

.custom #headerbild .inside .mod_article.breite100.energieeffizienz {
	background-color: #fbbc43;	
}

.custom #headerbild .inside .mod_article.breite100.fossile-energien {
	background-color: #cf8252;	
}

.custom #headerbild .inside .mod_article.breite100.klima,
.custom #headerbild .inside .mod_article.breite100.erneuerbare-energien,
.custom #headerbild .inside .mod_article.breite100.atomenergie,
.custom #headerbild .inside .mod_article.breite100.energiesuffizienz,
.custom #headerbild .inside .mod_article.breite100.energieeffizienz,
.custom #headerbild .inside .mod_article.breite100.fossile-energien {
	margin: 0;
	padding: 0;
	border: 0;
    display: flex; 
    justify-content: center; 
    align-items: center;
}

.custom #headerbild .inside .mod_article.breite100.klima img,
.custom #headerbild .inside .mod_article.breite100.erneuerbare-energien img,
.custom #headerbild .inside .mod_article.breite100.atomenergie img,
.custom #headerbild .inside .mod_article.breite100.energiesuffizienz img,
.custom #headerbild .inside .mod_article.breite100.energieeffizienz img,
.custom #headerbild .inside .mod_article.breite100.fossile-energien img {
	height: 30vw;
	width: auto;
}

.custom #headerbild .inside .mod_article.breite100.nurbild,
.custom #headerbild .inside .mod_article.breite100.nurbild figure,
.custom #headerbild .inside .mod_article.breite100.nurbild img {
	width: 100%;
	margin: 0;
	border: 0;
	padding: 0;
	height: auto;
	line-height: 0;
	background-color: none;
}




/*
-------------   BREADCRUMB  -------------------
*/


#container #main .mod_breadcrumb {
	width: 62%;
	max-width: 930px;
	margin: 0 auto 3vw auto;
	padding: 0;
	display: block;
	font-weight: normal;
	font-size: 1vw;
	line-height: 1.6vw;
	font-family: 'AkkuratReg', sans-serif;
	color: #8b8b8b;
	font-variant-ligatures: none; /* Ligature reset */
	-moz-font-feature-settings: 'ss05' on;
	-ms-font-feature-settings: 'ss05' on;
	-o-font-feature-settings: 'ss05' on;
	-webkit-font-feature-settings: 'ss05' on;
	font-feature-settings: 'ss05' on;
	position: relative;
	z-index: 100;
}

#container #main .mod_breadcrumb .first {
	display: none;
}

#container #main .mod_breadcrumb a {
	color: #8b8b8b;
	text-decoration: none;
}

#container #main .mod_breadcrumb a:hover {
	text-decoration: none;
	border-bottom: 1px solid #8b8b8b;
	padding-bottom: 1px;
}

.home #container #main .mod_breadcrumb,
.nobreadcrumb #container #main .mod_breadcrumb {
	display: none;
}

@media screen and (min-width: 1500px) {
	#container #main .mod_breadcrumb {
		margin: 0 auto 30px auto;
		padding: 0;
		font-size: 15px;
		line-height: 25px;
	}	
}


/*
-------------   ICON-NAVI  -------------------
*/
  

#container #main .mod_navigation#navigation-second-icons ul {
	display: flex;
	width: auto;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

#container #main .breite100grau h3 {
	width: 62%;
	max-width: 930px;
	padding: 0;
	margin: 0 auto;
	color: #0e0e0e;
	font-weight: normal;
	font-size: 1.8vw;
}

#container #main .mod_navigation#navigation-second-icons,
#container #main .mod_navigation#navigation-third-icons {
	width: 62%;
	max-width: 930px;
	padding: 4vw 0 0 0;
	margin: 0 auto;
	border: 0;
}

#container #main .mod_navigation#navigation-second-icons ul li {
	list-style: none;
	width: 18%;
	height: 15vw;
	line-height: 1.2vw;
	margin: 0 2% 0 0;
	padding: 0;
	font-family: 'AkkuratReg', sans-serif;
}

#container #main .mod_navigation#navigation-second-icons ul li a {
	text-decoration: none;
	font-size: 1.2vw;
	line-height: 1.5vw;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; 
}

#container #main .mod_navigation#navigation-second-icons ul li a:hover {
	color: #0e0e0e;
	opacity: 0.8;
	transition: opacity 0.2s;
}

#container #main .mod_navigation#navigation-second-icons ul li:hover img {
	opacity: 0.8;
	transition: opacity 0.2s;
}

#container #main .mod_navigation#navigation-third-icons {
	display: flex;
}

#container #main .mod_navigation#navigation-third-icons img {
	display: table-cell;
	vertical-align: middle;
	width: 2.5vw;
	margin-top: 0;
}

#container #main .mod_navigation#navigation-third-icons span {
	display: table-cell;
	vertical-align: middle;
	padding-right: 1.2vw;
}

.erneuerbar #container #main .mod_navigation#navigation-third-icons img {
	background-color: #b8bf73;	
}

.fossil #container #main .mod_navigation#navigation-third-icons img {
	background-color: #cf8252;	
}

.klima #container #main .mod_navigation#navigation-third-icons img {
	background-color: #a5d7d5;	
}

.atom #container #main .mod_navigation#navigation-third-icons img {
	background-color: #7a77b6;	
}

.suffizienz #container #main .mod_navigation#navigation-third-icons img {
	background-color: #f1919c;	
}

.effizienz #container #main .mod_navigation#navigation-third-icons img {
	background-color: #fbbc43;	
}

#container #main .mod_navigation#navigation-third-icons a {
	display: table-cell;
	vertical-align: middle;
	width: auto;
	font-size: 1vw;
	height: 1.2vw;
	line-height: 1.2vw;
	margin: 0;
	padding: 0.6vw 1vw 0.7vw 1vw;
	background-color: white;
	font-family: 'AkkuratReg', sans-serif;
	text-decoration: none;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100% 0;
	transition: all 0.2s;
}

#container #main .mod_navigation#navigation-third-icons a.backlink {
	padding: 0;
	margin-top: 0;
	width: 2.5vw;
	height: 2.5vw;
}

#container #main .mod_navigation#navigation-third-icons a.backlink img {
	background-color: transparent !important;
	margin-top: 0;
}

.erneuerbar #container #main .mod_navigation#navigation-second-icons a img,
.erneuerbar #container #main .mod_navigation#navigation-third-icons a {
    background-image: url(/files/energiestiftung/elemente/bgr-erneuerbar.png);
}

.atom #container #main .mod_navigation#navigation-second-icons a img,
.atom #container #main .mod_navigation#navigation-third-icons a {
    background-image: url(/files/energiestiftung/elemente/bgr-atom.png);
}

.klima #container #main .mod_navigation#navigation-second-icons a img,
.klima #container #main .mod_navigation#navigation-third-icons a {
    background-image: url(/files/energiestiftung/elemente/bgr-klima.png);
}

.effizienz #container #main .mod_navigation#navigation-second-icons a img,
.effizienz #container #main .mod_navigation#navigation-third-icons a {
    background-image: url(/files/energiestiftung/elemente/bgr-effizienz.png);
}

.suffizienz #container #main .mod_navigation#navigation-second-icons a img,
.suffizienz #container #main .mod_navigation#navigation-third-icons a {
    background-image: url(/files/energiestiftung/elemente/bgr-suffizienz.png);
}

.fossil #container #main .mod_navigation#navigation-second-icons a img,
.fossil #container #main .mod_navigation#navigation-third-icons a {
    background-image: url(/files/energiestiftung/elemente/bgr-fossil.png);
}

#container #main .mod_navigation#navigation-third-icons a:hover {
	text-decoration: none;
	color: #0e0e0e;
	background-size: 100% 9%;
	transition: all 0.2s;
}

#container #main .mod_navigation#navigation-third-icons a.active,
#container #main .mod_navigation#navigation-third-icons a.trail {
	background-size: 100% 9%;
}

@media screen and (min-width: 1500px) {
	#container #main .breite100grau h3 {
		font-size: 27px;
	}
	#container #main .mod_navigation#navigation-second-icons,
	#container #main .mod_navigation#navigation-third-icons {
		padding: 60px 0 0 0;
	}
	#container #main .mod_navigation#navigation-second-icons ul li {
		height: 225px;
		line-height: 22.5px;
	}
	#container #main .mod_navigation#navigation-second-icons ul li a {
		font-size: 18px;
		line-height: 22.5px;
	}
	#container #main .mod_navigation#navigation-third-icons img {
		height: 37.5px;
	}
	#container #main .mod_navigation#navigation-third-icons a {
		font-size: 15px;
		height: 18px;
		line-height: 18px;
		padding: 9px 8px 10px 15px;
	}
}


/*
-------------   CONTENT  -------------------
*/




#container,
#container.opened {
	margin-top: 3vw;
	z-index: 10;
}

#container.scrolled {
	margin-top: 5vw;
}

.specials #container {
	margin-top: 0;
}

#container #main {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

#container #main h1 {
	margin: 0 0 1.5vw 0;
	padding: 0;
	font-size: 3.2vw;
	letter-spacing: 0.0em;
	font-weight: normal;
	font-family: 'SwiftBoldReg', serif;
	line-height: 3.8vw;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; 
}

#container #main .thematitel h1 {
/*	height: 7vw;*/
}

#container #main h2 {
	font-weight: normal;
	font-size: 2.8vw;
	letter-spacing: 0.0em;
	line-height: 3.4vw;
	margin: 0 0 0.5vw 0;
	font-family: 'SwiftBoldReg', serif;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; 
}

.magazin #container #main h1,
#container #main .magazin h1 {
	font-size: 3.4vw;
	line-height: 4vw;
	font-weight: normal;
	margin: 0 0 2vw 0;
	font-family: 'AkkuratBold', sans-serif;
	font-variant-ligatures: none; /* Ligature reset */
	-moz-font-feature-settings: 'ss05' on;
	-ms-font-feature-settings: 'ss05' on;
	-o-font-feature-settings: 'ss05' on;
	-webkit-font-feature-settings: 'ss05' on;
	font-feature-settings: 'ss05' on;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; 
}

.magazin #container #main h2,
#container #main .magazin h2 {
	font-size: 2.4vw;
	line-height: 2.8vw;
	font-weight: normal;
	margin: 0 0 0.6vw 0;
	font-family: 'AkkuratBold', sans-serif;
	font-variant-ligatures: none; /* Ligature reset */
	-moz-font-feature-settings: 'ss05' on;
	-ms-font-feature-settings: 'ss05' on;
	-o-font-feature-settings: 'ss05' on;
	-webkit-font-feature-settings: 'ss05' on;
	font-feature-settings: 'ss05' on;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; 
}

#container #main h3 {
	font-weight: normal;
	font-size: 1.6vw;
	line-height: 2vw;
	margin: 0 0 0.75vw 0;
	font-family: 'AkkuratBold', sans-serif;
	font-variant-ligatures: none; /* Ligature reset */
	-moz-font-feature-settings: 'ss05' on;
	-ms-font-feature-settings: 'ss05' on;
	-o-font-feature-settings: 'ss05' on;
	-webkit-font-feature-settings: 'ss05' on;
	font-feature-settings: 'ss05' on;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; 
}

#container #main h4 {
	font-weight: normal;
	font-size: 1vw;
	line-height: 1.2vw;
	margin: 0 0 0.5vw 0;
	color: #e84148;
	font-family: 'AkkuratReg', sans-serif;
	font-variant-ligatures: none; /* Ligature reset */
	-moz-font-feature-settings: 'ss05' on;
	-ms-font-feature-settings: 'ss05' on;
	-o-font-feature-settings: 'ss05' on;
	-webkit-font-feature-settings: 'ss05' on;
	font-feature-settings: 'ss05' on;
}

#container #main h4.untertitel,
#container #main .mod_newslist h4 {
	color: #0e0e0e;
	font-weight: 400;
	font-size: 1.6vw;
	margin-block-start: 0;
	margin-block-end: 0;
	padding-bottom: 3vw;
	padding-top: 3vw;
}

.magazin-liste #container #main .mod_newslist h4 {
	font-size: 1vw;
	line-height: 1.2vw;
	color: #e84148;
	margin: 0 0 0.5vw 0;
	padding: 0;
}

#container #main .mod_newslist h4 {
	padding-top: 0;
}

#container #main h4.untertitel {
	margin-bottom: 0;
}

#container #main p,
#container #main td,
#container #main td p,
cms-cookie-bar > cms-container, 
cms-accept-tags > cms-container{
	font-weight: normal;
	font-size: 1.25vw;
	line-height: 2vw;
	letter-spacing: 0.01em;
	margin: 0 0 2vw 0;
	font-family: 'AkkuratReg', sans-serif;
	font-variant-ligatures: none; /* Ligature reset */
	-moz-font-feature-settings: 'ss05' on;
	-ms-font-feature-settings: 'ss05' on;
	-o-font-feature-settings: 'ss05' on;
	-webkit-font-feature-settings: 'ss05' on;
	font-feature-settings: 'ss05' on;
}

#container #main p strong {
	font-weight: normal;
	font-size: 1.8vw;
	line-height: 2.2vw;
	margin: 0 0 4vw 0;
	font-family: 'AkkuratReg', sans-serif;
	font-variant-ligatures: none; /* Ligature reset */
	-moz-font-feature-settings: 'ss05' on;
	-ms-font-feature-settings: 'ss05' on;
	-o-font-feature-settings: 'ss05' on;
	-webkit-font-feature-settings: 'ss05' on;
	font-feature-settings: 'ss05' on;
}

.magazin #container #main p,
.magazin #container #main td,
.magazin #container #main td p,
#container #main .magazin p,
#container #main .newsteaser p,
#container #main .magazin td,
#container #main .magazin td p{
	font-weight: normal;
	font-size: 1.5vw;
	line-height: 2.4vw;
	margin: 0 0 2vw 0;
	letter-spacing: 0.02em;
	font-family: 'SwiftReg', serif;
}

.magazin #container #main .teaserbox p,
.magazin #container #main .teaserbox p strong,
#container #main .teaserbox.magazin p,
#container #main .teaserbox.magazin p strong {
	font-size: 1.25vw;
	line-height: 2vw;
	letter-spacing: 0.02em;
	font-family: 'AkkuratReg', sans-serif;
	font-variant-ligatures: none; /* Ligature reset */
	-moz-font-feature-settings: 'ss05' on;
	-ms-font-feature-settings: 'ss05' on;
	-o-font-feature-settings: 'ss05' on;
	-webkit-font-feature-settings: 'ss05' on;
	font-feature-settings: 'ss05' on;
}

#container #main .teaserbox p,
#container #main .teaserbox.magazin p {
	margin-bottom: 0;
}

#container #main ul,
#container #main ol {
	margin-left: 0;
	padding-left: 1.5vw;
	margin-bottom: 2vw;
}

#container #main ul li {
	font-weight: normal;
	margin: 0 0 0.25vw 0;
	font-size: 1.25vw;
	line-height: 2vw;
	letter-spacing: 0.01em;
	font-family: 'AkkuratReg', sans-serif;
	font-variant-ligatures: none; /* Ligature reset */
	-moz-font-feature-settings: 'ss05' on;
	-ms-font-feature-settings: 'ss05' on;
	-o-font-feature-settings: 'ss05' on;
	-webkit-font-feature-settings: 'ss05' on;
	font-feature-settings: 'ss05' on;
	list-style: "→";
	padding-left: 0.5vw;
}

#container #main ol li {
	font-weight: 400;
	margin: 0 0 0.25vw 1vw;
	font-size: 1.25vw;
	line-height: 2vw;
	letter-spacing: 0.01em;
	font-family: 'AkkuratReg', sans-serif;
	font-variant-ligatures: none; /* Ligature reset */
	-moz-font-feature-settings: 'ss05' on;
	-ms-font-feature-settings: 'ss05' on;
	-o-font-feature-settings: 'ss05' on;
	-webkit-font-feature-settings: 'ss05' on;
	font-feature-settings: 'ss05' on;
	padding-left: 0.5vw;
}

#container #main ul li strong,
#container #main ol li strong {
	font-family: 'AkkuratBold', sans-serif;
	font-weight: 700;
}

.magazin #container #main ul li,
#container #main .magazin ul li{
	font-weight: 400;
	font-size: 1.5vw;
	line-height: 1.2em;
	margin: 0 0 0.25vw 0;
	letter-spacing: 0.02em;
	font-family: 'SwiftBoldReg', serif;
	list-style: "→";
	padding-left: 0.5vw;
}

.magazin #container #main ol li,
#container #main .magazin ol li {
	font-weight: 400;
	font-size: 1.5vw;
	line-height: 1.2em;
	margin: 0 0 0.25vw 1vw;
	letter-spacing: 0.02em;
	font-family: 'SwiftReg', serif;
	padding-left: 0.5vw;
}

.magazin #container #main ul li strong,
.magazin #container #main ol li strong {
	font-family: 'SwiftReg', serif;
	font-weight: 800;
}

#container #main h5 {
	font-weight: 400;
	font-size: 1vw;
	line-height: 1vw;
	margin: 0 0 1.6vw 0;
	font-family: 'AkkuratReg', sans-serif;
	font-variant-ligatures: none; /* Ligature reset */
	-moz-font-feature-settings: 'ss05' on;
	-ms-font-feature-settings: 'ss05' on;
	-o-font-feature-settings: 'ss05' on;
	-webkit-font-feature-settings: 'ss05' on;
	font-feature-settings: 'ss05' on;
}

#container #main .betragauswahl h5 {
	clear: left;
	float: left; 
	width: 12vw; 
	margin-top: 1.5vw; 
	margin-bottom: 3vw; 
	font-size: 1.2vw;
}

#container #main h5 a,
#container #main h5 a:visited {
	border: 1px solid #e84148;
	padding: 0.75vw 0.85vw;
	color: #e84148;
	background-color: white;
	text-decoration: none;
}

#container #main h5 a:hover {
	border: 1px solid #e84148;
	background-color: #e84148;
	color: white;
	text-decoration: none;
}

#container #main h6,
#container #main h6 strong {
	font-weight: normal;
	font-size: 0.9vw;
	color: #8b8b8b;
	line-height: 1.5em;
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
	margin: 0.33vw 0 2vw 0 !important;
	font-family: 'AkkuratReg', sans-serif;
	font-variant-ligatures: none; /* Ligature reset */
	-moz-font-feature-settings: 'ss05' on;
	-ms-font-feature-settings: 'ss05' on;
	-o-font-feature-settings: 'ss05' on;
	-webkit-font-feature-settings: 'ss05' on;
	font-feature-settings: 'ss05' on;
}

#container #main h6 strong {
		color: #0e0e0e;
}

cms-cookie-bar, 
cms-accept-tags {
	--main-bg-color: #f6f5fa !important;
	--main-shadow-color: rgba(0, 0, 0, 0.5);
	--main-text-color: inherit;
	--btn-accept-text-color: #ffffff !important;
	--btn-accept-bg-color: #e84148 !important;
	--btn-reject-text-color: #e84148 !important;
	--btn-reject-bg-color: #ffffff !important;
	color: var(--main-text-color);
}

cms-cookie-bar > cms-container form cms-buttons cms-button > span:before,
cms-accept-tags > cms-container form cms-buttons cms-button > span:before {
	border: 1px solid #e84148;
}

cms-cookie-bar > cms-container form cms-buttons cms-button:hover > span:before,
cms-accept-tags > cms-container form cms-buttons cms-button:hover > span:before {
	filter: brightness(95%) !important;
}

#container .mod_article .geschafft {
	position: absolute;
	top: 6vw;
	right: 29vw;
	width: 9vw;
	height: 9vw;
	z-index: 100000;
}

#container .mod_article .no-image .image_container {
	display: none;
}

@media screen and (min-width: 1500px) {
	#container,
	#container.opened {
		margin-top: 45px;
	}
	.specials #container {
		margin-top: 30px;
	}
	#container.scrolled {
		margin-top: 100px;
	}
	#container #main h1 {
		margin: 0 0 22.5px 0;
		font-size: 48px;
		line-height: 57px;
	}
	#container #main .thematitel h1 {
	/*	height: 105px;*/
	}
	#container #main h2 {
		font-size: 42px;
		line-height: 51px;
		margin: 0 0 7.5px 0;
	}
	.magazin #container #main h1,
	#container #main .magazin h1 {
		font-size: 51px;
		line-height: 60px;
		margin: 0 0 30px 0;
	}
	.magazin #container #main h2,
	#container #main .magazin h2 {
		font-size: 36px;
		line-height: 42px;
		margin: 0 0 9px 0;
	}
	#container #main h3 {
		font-size: 24px;
		line-height: 30px;
		margin: 0 0 11.25px 0;
	}
	#container #main h4 {
		font-size: 15px;
		line-height: 18px;
		margin: 0 0 7.5px 0;
	}
	#container #main h4.untertitel,
	#container #main .mod_newslist h4 {
		font-size: 24px;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#container #main .mod_newslist h4 {
		padding-top: 0;
	}
	.magazin-liste #container #main .mod_newslist h4 {
		font-size: 15px;
		line-height: 18px;
		margin: 0 0 7.5px 0;
		padding: 0;
	}
	#container #main p,
	#container #main td,
	#container #main td p {
		font-size: 18.75px;
		line-height: 30px;
		margin: 0 0 30px 0;
	}
	#container #main p strong {
		font-size: 27px;
		line-height: 33px;
		margin: 0 0 60px 0;
	}
	.magazin #container #main p,
	.magazin #container #main td,
	.magazin #container #main td p,
	#container #main .magazin p,
	#container #main .newsteaser p,
	#container #main .magazin td,
	#container #main .magazin td p {
		font-size: 24px;
		line-height: 36px;
		margin: 0 0 30px 0;
	}
	#container #main .teaserbox p {
		margin-bottom: 0;
	}
	.magazin #container #main .teaserbox p,
	.magazin #container #main .teaserbox p strong,
	#container #main .teaserbox.magazin p,
	#container #main .teaserbox.magazin p strong {
		font-size: 18.75px;
		line-height: 30px;
	}
	#container #main ul,
	#container #main ol {
		padding-left: 22.5px;
		margin-bottom: 30px;
	}
	#container #main ul li {
		font-weight: normal;
		margin: 0 0 3.75px 0;
		font-size: 18.75px;
		line-height: 30px;
		padding-left: 7.5px;
	}
	#container #main ol li {
		margin: 0 0 3.75px 15px;
		font-size: 18.75px;
		line-height: 30px;
		padding-left: 7.5px;
	}
	.magazin #container #main ul li,
	#container #main .magazin ul li {
		font-size: 22.5px;
		line-height: 18px;
		margin: 0 0 3.75px 0;
		padding-left: 7.5px;
	}
	.magazin #container #main ol li,
	#container #main .magazin ol li {
		font-size: 22.5px;
		line-height: 18px;
		margin: 0 0 3.75px 15px;
		padding-left: 7.5px;
	}
	#container #main h5 {
		font-size: 15px;
		line-height: 15px;
		margin: 0 0 24px 0;
	}
	#container #main h5 a,
	#container #main h5 a:visited {
		padding: 11.25px 12.75px;
	}
	#container #main h6,
	#container #main h6 strong {
		font-size: 13.5px;
		line-height: 20.25px;
		margin: 5px 0 30px 0 !important;
	}
	#container .mod_article .geschafft {
		top: 90px;
		right: 435px;
		width: 135px;
		height: 135px;
	}
}

#container #main .sitemap ul {
	padding-left: 0 !important;
	margin-bottom: 0 !important;
	margin-left: 0 !important;
}

#container #main .sitemap li {
	list-style: none;
}

#container #main .sitemap li.no-sitemap,
#container #main .sitemap li.spezial {
	display: none;
}

#container #main .sitemap .level_1 li {
	padding-bottom: 2vw;
}

#container #main .sitemap .level_2 li {
	padding-bottom: 0;
}

#container #main .sitemap .level_1 li,
#container #main .sitemap .level_1 li a,
#container #main .sitemap .level_1 li a:visited,
#container #main .sitemap .level_1 li a:hover {
	color: #e84248;
	text-decoration: none;
}

#container #main .sitemap .level_1 li a:hover {
	text-decoration: none;
	border-bottom: 1px solid #e84248;
	padding-bottom: 1px;
}

#container #main .sitemap .level_1 li.service,
#container #main .sitemap .level_1 li.service a,
#container #main .sitemap .level_1 li.service a:visited,
#container #main .sitemap .level_1 li.service a:hover {
	color: #0e0e0e;
}

#container #main .sitemap .level_1 li.erneuerbar,
#container #main .sitemap .level_1 li.erneuerbar a,
#container #main .sitemap .level_1 li.erneuerbar a:visited,
#container #main .sitemap .level_1 li.erneuerbar a:hover {
	color: #b8bf73;
}

#container #main .sitemap .level_1 li.fossil,
#container #main .sitemap .level_1 li.fossil a,
#container #main .sitemap .level_1 li.fossil a:visited,
#container #main .sitemap .level_1 li.fossil a:hover {
	color: #cf8252;
}

#container #main .sitemap .level_1 li.atom,
#container #main .sitemap .level_1 li.atom a,
#container #main .sitemap .level_1 li.atom a:visited,
#container #main .sitemap .level_1 li.atom a:hover {
	color: #7a77b6;
}

#container #main .sitemap .level_1 li.klima,
#container #main .sitemap .level_1 li.klima a,
#container #main .sitemap .level_1 li.klima a:visited,
#container #main .sitemap .level_1 li.klima a:hover {
	color: #a5d7d5;
}

#container #main .sitemap .level_1 li.effizienz,
#container #main .sitemap .level_1 li.effizienz a,
#container #main .sitemap .level_1 li.effizienz a:visited,
#container #main .sitemap .level_1 li.effizienz a:hover {
	color: #fbbc43;
}

#container #main .sitemap .level_1 li.suffizienz,
#container #main .sitemap .level_1 li.suffizienz a,
#container #main .sitemap .level_1 li.suffizienz a:visited,
#container #main .sitemap .level_1 li.suffizienz a:hover {
	color: #f1919c;
}

#container #main .sitemap .level_2 li,
#container #main .sitemap .level_2 li a,
#container #main .sitemap .level_2 li a:visited,
#container #main .sitemap .level_2 li a:hover {
	color: #0e0e0e !important;
}
#container #main .ce_headline.untertitel {
	padding: 0;
}

#container #main .ce_accordion .toggler {
	font-family: 'AkkuratReg', sans-serif;
	text-decoration: none;
	color: #0e0e0e;
	font-weight: 400;
	font-size: 1.6vw;
	margin-block-start: 0;
	margin-block-end: 0;
	padding-bottom: 3vw;
	padding-top: 3vw;
}

.drei-anti-atom-videos #container #main .ce_accordion .toggler {
	padding-top: 1vw;
}

.atomenergie #container #main .ce_accordion {
	border-bottom: 0;
	padding: 0;
}
	
.atomenergie #container #main .ce_accordion.last {
	padding-bottom: 1.67vw;
}

.atomenergie #container #main .ce_accordion .toggler {
	padding-top: 0.33vw;
	padding-bottom: 0.33vw;
	font-size: 1.25vw;
	display: block;
}

.atomenergie #container #main .ce_accordion .toggler:before {
	content: "➔ ";
	width: 2vw;
	margin-bottom: 1vw;
}

@media screen and (min-width: 1500px) {
	#container #main .sitemap ul {
		padding-left: 0 !important;
		margin-bottom: 0 !important;
		margin-left: 0 !important;
	}
	#container #main .sitemap .level_1 li {
		padding-bottom: 30px;
	}
	#container #main .sitemap .level_2 li {
		padding-bottom: 0;
	}
	#container #main .ce_accordion .toggler {
		font-size: 24px;
		padding-bottom: 45px;
		padding-top: 45px;
	}
}

@media print {
	#container #main .ce_accordion .toggler {
		display: none;
	}
}

#container #main .ce_accordion {
	border-bottom: 1px solid #e4e4e4;
}

#container #main .ce_accordion.noborder {
	border-bottom: 0;
}

#container #main .ce_accordion .toggler:hover {
	text-decoration: none;
	color: #e84148;
	cursor: pointer;
}

*:focus {
	outline: none;
}

#container #main .ce_accordion .accordion {
	margin-top: 0;
	padding: 0
}

#container #main .inside .accordion .grau,
#container #main .inside .mod_article .grau {
	font-weight: normal;
	font-size: 1.25vw;
	line-height: 1.5vw;
	letter-spacing: 0em;
	width: 90%;
	padding: 4vw 5% 4vw 5%;
	margin-bottom: 4vw;
	background-color: #f6f5fa;
	border-bottom: 0;
}

#container #main .inside .mod_article .grau.atomenergie {
	background-color: #7a77b6;
	color: white !important;
}

#container #main .inside .mod_article .grau.atomenergie h3 {
	margin-bottom: 1.67vw;
}

#container #main .inside .mod_article .grau.atomenergie a {
	color: white !important;
} 

#container #main .inside .mod_article .grau.atomenergie a:hover {
	color: black !important
}
 
#container #main .inside .mod_article .grau h3 {
	margin-bottom: 3vw;
}

#container #main .inside .accordion .grau li,
#container #main .inside .mod_article .grau li {
	font-family: 'AkkuratReg', sans-serif;
	font-variant-ligatures: none; /* Ligature reset */
	-moz-font-feature-settings: 'ss05' on;
	-ms-font-feature-settings: 'ss05' on;
	-o-font-feature-settings: 'ss05' on;
	-webkit-font-feature-settings: 'ss05' on;
	font-feature-settings: 'ss05' on;
}
	
#container #main p em {
	font-family: 'SwiftReg', serif;
	font-size: 1.8vw;
	font-weight: 400;
	line-height: 1.25em;
	font-style: normal;
	margin: 0 0 3vw 0; 
}

#container #main .center {
	text-align: center;
}

#container #main .center .image_container {
	height: 20vw;
	width: auto;
	margin: 0 auto;
}

#container #main .center .image_container img {
	height: 20vw;
	width: auto;
}

.blog #container #main h6 {
	margin: 4vw 0 !important;
}

#container #main .teaserbox h6 {
	padding-top: 1vw;
	margin-bottom: 0 !important;
}

.blog #container #main .teaserbox h6 {
	margin: 0 !important;
	padding-top: 0 !important;
}

#container #main table {
/*	border-top: 1px solid #e4e4e4;
	margin-bottom: 2vw;*/
}

#container #main table tr {
/*	border-bottom: 1px solid #e4e4e4;*/
}

#container #main table tr td {
	width: auto;
	margin: 0;
	padding: 0 5% 0 0;
	vertical-align: top;
}

#container #main table tr td:nth-child(1) {
	white-space: nowrap;
}

#container #main a {
	color: black;
}

#container #main a:hover {
	color: #e84148;
}

#container #main .ce_text p a {
	text-decoration: none;
	border-bottom: 1px solid black;
	padding-bottom: 1px;
}

#container #main .ce_text p a:hover {
	border-bottom: 1px solid #e84148;
}

#container #main .mod_breadcrumb a:hover {
	color: #0e0e0e;
	text-decoration: none;
	border-bottom: 1px solid #0e0e0e;
	padding-bottom: 1px;
}

#container #main .inside .mod_article.breite100 h3,
#container #main .inside .mod_article.breite100 h4,
#container #main .inside .mod_article.breite100 p {
	color: white;
}

#container #main .inside .mod_article.breite100 h5 a,
#container #main .inside .mod_article.breite100 h5 a:visited {
	border: 1px solid white;
	color: white;
	background-color: #e84148;
	text-decoration: none;
}

#container #main .inside .mod_article.breite100 h5 a:hover {
	border: 1px solid white;
	color: #e84148;
	background-color: white;
	text-decoration: none;
}

#container #main .inside #spezial.mod_article.breite100 h5 a {
	font-size: 1.6vw;
	line-height: 1.6vw;
	padding: 1.2vw 1.4vw;
}

#container #main .image_container.float_right {
	width: 35%;
	margin-left: 5%;
	line-height: 0;
}

#container #main .image_container.float_left {
	width: 35%;
	margin-right: 5%;
	line-height: 0;
}

#container #main .image_container.float_above {
	width: 100%;
	margin-bottom: 1vw;
}

#container #main .mod_article,
.klimacast #container #main .mod_article .layout_full {
	padding: 4vw 0;
	border-bottom: 1px solid #e4e4e4;
}

.klimacast #container #main .mod_article .layout_full.first {
	padding-top: 0;
}

.klimacast #container #main .mod_article .layout_full.last {
	border: 0;
}

#container #main .mod_article.eventlist {
	border-bottom: 0;
	padding-bottom: 0;
}

#container #main .mod_article figure {
	margin-block-end: 0;
	margin-block-start: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
}

#container #main .inside .mod_article.first {
	padding-top: 0;
}

#container #main .mod_article.noborder {
	border-bottom: 0;
}

#container #main .mod_article.paddingbottom {
	padding-bottom: 0;
}

#container #main .mod_article.paddingtop {
	padding-top: 0;
}
#container #main .mod_article.bordernachtext,
#container #main .mod_article .bordernachtext {
	padding-bottom: 2vw !important;
}

#container #main .ce_text.bottomline {
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 2vw;
}

#container #main .mod_article .bordertop {
	border-top: 1px solid #e4e4e4;
	margin-top: 4vw !important;
	padding-top: 4vw;
}

#container #main .mod_article.thematitel {
	padding: 0;
	border-bottom: 0;
	position: relative;
	height: 30vw;
}

#container #main .mod_article.thematitel h1 {
	z-index: 100;
	position: relative;
	margin: 4vw 4vw 1vw 4vw;
}

#container #main .mod_article.thematitel p {
	z-index: 100;
	position: relative;
	margin: 0 4vw 1vw 4vw;
}

#container #main .mod_article.thematitel .image_container {
	width: 100%;
	height: auto;
	margin: 0;
	position: absolute;
	top: 0;
	z-index: 1;
}

#container #main .mod_article.zitat {
	width: 46%;
	max-width: 690px;
	margin: 0 auto;
}

#container #main .inside .mod_article.breite100.klima {
	background-color: #a5d7d5;	
}

#container #main .inside .mod_article.breite100.erneuerbare-energien {
	background-color: #b8bf73;	
}

#container #main .inside .mod_article.breite100.atomenergie {
	background-color: #7a77b6;	
}

#container #main .inside .mod_article.breite100.energiesuffizienz {
	background-color: #f1919c;	
}

#container #main .inside .mod_article.breite100.energieeffizienz {
	background-color: #fbbc43;	
}

#container #main .inside .mod_article.breite100.fossile-energien {
	background-color: #cf8252;	
}

#container #main .inside .mod_article.breite100.klima,
#container #main .inside .mod_article.breite100.erneuerbare-energien,
#container #main .inside .mod_article.breite100.atomenergie,
#container #main .inside .mod_article.breite100.energiesuffizienz,
#container #main .inside .mod_article.breite100.energieeffizienz,
#container #main .inside .mod_article.breite100.fossile-energien {
	margin: 0;
	padding: 0;
    display: flex; 
    justify-content: center; 
    align-items: center;
}

#container #main .inside .mod_article.breite100.klima img,
#container #main .inside .mod_article.breite100.erneuerbare-energien img,
#container #main .inside .mod_article.breite100.atomenergie img,
#container #main .inside .mod_article.breite100.energiesuffizienz img,
#container #main .inside .mod_article.breite100.energieeffizienz img,
#container #main .inside .mod_article.breite100.fossile-energien img {
	height: 25vw;
	width: auto;
}

#container #main .inside .mod_article.breite100 .center .image_container {
	height: 30vw;
}

#container #main .inside .mod_article.breite100.nurbild,
#container #main .inside .mod_article.breite100.nurbild figure,
#container #main .inside .mod_article.breite100.nurbild img {
	width: 100%;
	margin: 0;
	border: 0;
	padding: 0;
	height: auto;
	line-height: 0;
	background-color: none;
}

#container #main .inside .zweispaltig,
#container #main .inside .download {
	padding: 4vw 0;
}

#container #main .inside .zweispaltig {
	display: inline-block;
}

#container #main .inside .zweispaltig .ce_text {
	float: left;
	width: 45%;
	margin-right: 5%;
}

#container #main .inside .zweispaltig .ce_text .image_container {
	width: 20%;
	margin-right: 5%;
}

#container #main .inside .download .ce_text .image_container,
#container #main .inside .download.ce_text .image_container {
	width: 10%;
	margin-right: 2.5%;
}

#container #main .inside .zweispaltig .ce_text h3,
#container #main .inside .download .ce_text h3,
#container #main .inside .download.ce_text h3 {
	font-weight: normal;
	font-size: 1.5vw;
	line-height: 1.2em;
	margin: 0 0 2vw 0;
	color: black;
	font-family: 'SwiftBoldReg', serif;
}

#container #main .inside .zweispaltig .ce_text a h3 {
	text-decoration: none;
}

#container #main .inside .zweispaltig .ce_text a:hover h3 {
	text-decoration: none;
	color: black;
}

#container #main .inside .mod_article.grau {
	width: 56%;
	padding: 2vw 4% 2vw 4%;
	background-color: #f6f5fa;
	border-bottom: 0;
}

#container #main .mod_article.zitat .ce_text p {
	font-weight: normal;
	font-size: 2.8vw;
	line-height: 3.4vw;
	letter-spacing: 0em;
	font-family: 'SwiftReg', serif;
}

#container #main .inside .mod_article.zwischentitel {
	padding: 4vw 0 0 0;
	border-bottom: 0;
	height: 2vw;
}

#container #main .inside .mod_article.zwischentitel h4 {
	font-size: 2vw;
}

#container #main .inside .mod_article.breite94.film {
	padding: 0;
}

#container #main .inside .mod_article .video_container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

#container #main .inside .mod_article .video_container iframe,
#container #main .inside .mod_article .video_container object,
#container #main .inside .mod_article .video_container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

#container #main .inside .mod_article.filmlegende {
	padding: 0;
}

#container #main .inside .mod_article.filmlegende .untertitel {
	padding: 0.5vw 0 0 0;
}

#container #main .inside .mod_article.filmlegende .untertitel p {
	font-weight: normal;
	font-size: 1vw;
	color: black;
	line-height: 1em;
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
	margin: 0 !important;
	font-family: 'AkkuratReg', sans-serif;
	font-variant-ligatures: none; /* Ligature reset */
	-moz-font-feature-settings: 'ss05' on;
	-ms-font-feature-settings: 'ss05' on;
	-o-font-feature-settings: 'ss05' on;
	-webkit-font-feature-settings: 'ss05' on;
	font-feature-settings: 'ss05' on;
}

#container #main .inside .mod_article.headerbild#euheader,
#header .inside .mod_article.headerbild#spezial {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding: 0;
	border: 0;
	z-index: 10;
}

#container #main .inside .mod_article.headerbild#euheader img,
#header .inside .mod_article.headerbild#spezial img {
	width: 100%;
	height: auto;
}

#container #main .inside .mod_article .boxlink {
	display: inline-block;
	width: 100%;
}

#container #main .teaserbox a,
#container #main .download a,
#container #main .zweispaltig a {
	color: unset;
	transition: opacity 0.2s;
	opacity: 1;
}

#container #main .teaserbox a:hover,
#container #main .download a:hover,
#container #main .zweispaltig a:hover {
	color: unset;
	transition: opacity 0.2s;
	opacity: 0.8;
}

#container #main .teaserbox a:hover h2,
#container #main .teaserbox a:hover p,
#container #main .download a:hover h2,
#container #main .download a:hover p,
#container #main .zweispaltig a:hover h2,
#container #main .zweispaltig a:hover p {
	opacity: 0.85;
}

/*#container #main .teaserbox a:hover,
#container #main .inside .mod_article .boxlink:hover img {
	opacity: 0.8;
	transition: opacity 0.2s;
}
*/
/*.magazin #container #main .mod_newslist .image_container img {
	max-height: 100%;
	max-width: 100%;
	padding: auto;
}
*/
.magazin-liste #container #main .mod_newslist .image_container img {
	height: auto;
	width: auto;
	max-height: 75%;
	max-width: 57.1%;
	padding: 0;
	margin: 12.5% 21.45%;
}

.magazin-liste #container #main .klima .image_container {
	background-color: #a5d7d5;
}

.magazin-liste #container #main .erneuerbare-energien .image_container {
	background-color: #b8bf73;
}

.magazin-liste #container #main .energiesuffizienz .image_container {
	background-color: #f1919c;
}

.magazin-liste #container #main .atomenergie .image_container {
	background-color: #7a77b6;
}

.magazin-liste #container #main .energieeffizienz .image_container {
	background-color: #fbbc43;
}

.magazin-liste #container #main .fossile-energien .image_container {
	background-color: #cf8252;
}

.magazin-liste #container #main .mod_newslist .layout_latest {
	padding: 4vw 0;
	border-bottom: 1px solid #e4e4e4;
}

.magazin-liste #container #main .mod_newslist .layout_latest.first {
	padding-top: 0;
}

.magazin-liste #container #main .mod_newslist .layout_latest .image_container {
	height: 21.7vw;
}

.magazin-liste #container #main .mod_newslist .layout_latest.even ul {
	margin-left: 25vw;
}

.magazin-liste #container #main .mod_newslist .layout_latest.odd .image_container.float_left {
	float: right;
	margin-right: 0;
	margin-left: 5%;
}

@media screen and (min-width: 1500px) {
	#container #main .mod_article,
	#container #main .inside .zweispaltig,
	#container #main .inside .download {
		padding: 60px 0;
	}
	#container #main .inside .accordion .grau,
	#container #main .inside .mod_article .grau {
	font-weight: normal;
	font-size: 18.75px;
	line-height: 22.5px;
	padding: 60px 5% 60px 5%;
	margin-bottom: 60px;
	}
	#container #main .inside .mod_article .grau h3 {
		margin-bottom: 60px;
	}
	#container #main .mod_article.bordernachtext,
	#container #main .mod_article .bordernachtext {
		padding-bottom: 30px !important;
	}
	#container #main table tr td {
		padding: 0 5% 0 0;
	}
	#container #main .ce_text.bottomline {
		padding-bottom: 30px;
	}
	#container #main .mod_article.thematitel {
		height: 480px;
	}
	#container #main .mod_article.thematitel .image_container {
		width: 1000px;
	}
	#container #main .inside .mod_article.breite100 .center .image_container {
		height: 450px;
	}
	#container #main .image_container.float_above {
		margin-bottom: 15px;
	}
	#container #main .mod_article.thematitel h1 {
		margin: 60px 60px 10px 60px;
	}
	#container #main .mod_article.thematitel p {
		margin: 0 60px 10px 60px;
	}
	#container #main .inside #spezial.mod_article.breite100 h5 a {
		font-size: 24px;
		line-height: 24px;
		padding: 18px 21px;
	}
	#container #main .teaserbox h6 {
		padding-top: 15px;
	}
	#container #main .inside .zweispaltig .ce_text h3,
	#container #main .inside .download .ce_text h3,
	#container #main .inside .download.ce_text h3 {
		font-size: 24px;
		line-height: 30px;
		margin: 0 0 11.25px 0;
	}
	#container #main .inside .mod_article.breite100.klima img,
	#container #main .inside .mod_article.breite100.erneuerbare-energien img,
	#container #main .inside .mod_article.breite100.atomenergie img,
	#container #main .inside .mod_article.breite100.energiesuffizienz img,
	#container #main .inside .mod_article.breite100.energieeffizienz img,
	#container #main .inside .mod_article.breite100.fossile-energien img {
		height: 370px;
	}
	#container #main  .inside .mod_article.breite100.center .image_container {
		height: 450px;
	}
	#container #main .mod_article .bordertop {
		margin-top: 60px !important;
		padding-top: 60px;
	}
	#container #main .mod_article.zitat .ce_text p {
		font-size: 41px !important;
		line-height: 52px !important;
	}
/*	.magazin #container #main .image_container img {
		padding: 45px;
	}*/
	.magazin-liste #container #main .mod_newslist .layout_latest .image_container {
		height: 326px;
	}
	.magazin-liste #container #main .mod_newslist .layout_latest.even ul {
		margin-left: 396px;
	}
}

#container #main .mod_article.thematitel p {
	margin-top: 0;
}




/*
-------------   SLIDER  -------------------
*/


#container #main .rsts-view .rsts-inactive figure {
	margin: 0;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-end: 0;
	margin-inline-start: 0;
}

#container #main .rsts-view .rsts-slide img,
#container #main .rsts-view .rsts-slide #animation-container,
#container #main .rsts-view .rsts-slide .ce_youtube,
#container #main .rsts-view .rsts-slide lottie-player,
#container #main .rsts-view .rsts-slide lottie-player svg {
	width: 88% !important;
	height: auto;
	margin: 3.2% 6% !important;
}

#container #main .rsts-view .rsts-slide-video {
	margin-top: 2vw !important;
}

#container #main .rsts-view .rsts-slide-video img {
	margin: -6% 6% 3.2% 6% !important;
}

#container #main .rsts-view .rsts-slide .ce_text {
	position: absolute;
	top: 10.5%;
	left: 9%;
	width: 82%;
}

#container #main .rsts-view .rsts-slide h2 {
	font-size: 3vw;
	font-family: 'AkkuratBold', sans-serif;
	font-weight: normal;
	line-height: 3.6vw;
	font-variant-ligatures: none; /* Ligature reset */
	-moz-font-feature-settings: 'ss05' on;
	-ms-font-feature-settings: 'ss05' on;
	-o-font-feature-settings: 'ss05' on;
	-webkit-font-feature-settings: 'ss05' on;
	font-feature-settings: 'ss05' on;
}

#container #main .rsts-view .rsts-slide h4 {
	font-size: 1vw;
}

#container #main .rsts-view .rsts-slide p {
	font-size: 1.4vw;
	line-height: 2vw;
}

#container #main .rsts-view .rsts-active img,
#container #main .rsts-view .rsts-active #animation-container,
#container #main .rsts-view .rsts-active .ce_youtube,
#container #main .rsts-view .rsts-active lottie-player,
#container #main .rsts-view .rsts-active lottie-player svg {
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	transition: all 0.2s;
}

#container #main .rsts-view .rsts-active.rsts-slide-video {
	margin-top: 0 !important;
}

#container #main .rsts-view .rsts-active.rsts-slide-video img {
	margin: -9.4% 0 0 0 !important;
}

#container #main .rsts-view .rsts-active .ce_text {
	top: 7%;
	left: 5%;
	transition: all 0.2s;
}

#container #main .rsts-view .rsts-active h4 {
	margin-bottom: 0.75vw;
	transition: all 0.2s;
}

#container #main .rsts-view .rsts-active h2 {
	font-size: 3.5vw;
	transition: all 0.2s;
	line-height: 4vw;
}

#container #main .rsts-view .rsts-active p {
	font-size: 1.65vw;
	transition: all 0.2s;
	line-height: 2.2vw;
}

#container #main .rsts-view .ce_text h4,
#container #main .rsts-view a .ce_text h4,
#container #main .rsts-view a:visited .ce_text h4,
#container #main .rsts-view a:hover .ce_text h4,
#container #main .rsts-view .ce_text h2,
#container #main .rsts-view a .ce_text h2,
#container #main .rsts-view a:visited .ce_text h2,
#container #main .rsts-view a:hover .ce_text h2,
#container #main .rsts-view .ce_text p,
#container #main .rsts-view a .ce_text p,
#container #main .rsts-view a:visited .ce_text p,
#container #main .rsts-view a:hover .ce_text p {
	color: black;
}

#container #main .rsts-view .weiss .ce_text h4,
#container #main .rsts-view a.weiss .ce_text h4,
#container #main .rsts-view a:visited.weiss .ce_text h4,
#container #main .rsts-view a:hover.weiss .ce_text h4,
#container #main .rsts-view .weiss .ce_text h2,
#container #main .rsts-view a.weiss .ce_text h2,
#container #main .rsts-view a:visited.weiss .ce_text h2,
#container #main .rsts-view a:hover.weiss .ce_text h2,
#container #main .rsts-view .weiss .ce_text p,
#container #main .rsts-view a.weiss .ce_text p,
#container #main .rsts-view a:visited.weiss .ce_text p,
#container #main .rsts-view a:hover.weiss .ce_text p {
	color: white;
}

#container #main .rsts-view a:hover .ce_text h4,
#container #main .rsts-view a:hover .ce_text h2,
#container #main .rsts-view a:hover .ce_text p,
#container #main .rsts-view:hover .rsts-active img,
#container #main .rsts-view:hover .rsts-active #animation-container,
#container #main .rsts-view:hover .rsts-active lottie-player,
#container #main .rsts-view:hover .rsts-active lottie-player svg{
	opacity: 0.7;
}


/*
#container #main .rsts-view .rsts-inactive img,
#container #main .rsts-view .rsts-active img,
#container #main .rsts-view .rsts-inactive .ce_text,
#container #main .rsts-view .rsts-inactive h2,
#container #main .rsts-view .rsts-inactive h4,
#container #main .rsts-view .rsts-inactive p {
	transition: all 0.2s;
}*/

#container #main .rsts-nav {
	padding: 1vw 0 3vw 0;
}

#container #main .rsts-nav .rsts-nav-prev,
#container #main .rsts-nav .rsts-nav-next {
	display: none;
}

#container #main .rsts-nav .rsts-nav-item a { 
	height: 0.3vw;
	width: 4vw;
	border-radius: 0;
	margin: 0 1vw;
	box-shadow: none;
	background-color: #8b8b8b;
}

#container #main .rsts-nav .rsts-nav-item a.active {
	background-color: #c9c9c9;
}

.nobreadcrumb #container #main .inside .mod_article.breiteslider {
	margin: -3vw -5% 0 -5%;
	width: 100%;
	height: auto !important;
}

.nobreadcrumb #container #main .inside .mod_article.breiteslider h4 {
	margin-top: 2.1vw;
}

.nobreadcrumb #container #main .inside .mod_article.breiteslider a {
	text-decoration: none;
}

.nobreadcrumb #container #main .inside .mod_article.breiteslider a:hover {
	text-decoration: underline;
	color: #0e0e0e;
}

@media screen and (min-width: 1500px) {
	#container #main .rsts-nav {
		padding: 15px 0 45px 0;
	}
	#container #main .rsts-view .rsts-slide img,
	#container #main .rsts-view .rsts-slide #animation-container,
	#container #main .rsts-view .rsts-slide .ce_youtube,
	#container #main .rsts-view .rsts-slide lottie-player,
	#container #main .rsts-view .rsts-slide lottie-player svg {
		width: 818px !important;
		height: auto;
		margin: 30px 56px !important;
	}
	#container #main .rsts-view .rsts-slide-video {
		margin-top: 30px !important;
	}
	#container #main .rsts-view .rsts-slide-video img {
		margin: -60px 56px 30px 56px !important;
	}
	#container #main .rsts-view .rsts-active img,
	#container #main .rsts-view .rsts-active #animation-container,
	#container #main .rsts-view .rsts-active .ce_youtube,
	#container #main .rsts-view .rsts-active lottie-player,
	#container #main .rsts-view .rsts-active lottie-player svg {
		width: 930px !important;
		height: auto !important;
		margin: 0 !important;
	}
	#container #main .rsts-view .rsts-active.rsts-slide-video img {
		margin: -9.4% 0 0 0 !important;
	}
	#container #main .rsts-view .rsts-active .ce_text {
		top: 7%;
		left: 5%;
		width: 90%;
	}
	#container #main .rsts-nav .rsts-nav-item a { 
		height: 4px;
		width: 60px;
	}
	#container #main .rsts-view .rsts-slide h2 {
		font-size: 45px;
		line-height: 54px;
	}
	#container #main .rsts-view .rsts-slide h4 {
		font-size: 15px;
	}
	#container #main .rsts-view .rsts-slide p {
		font-size: 21px;
		line-height: 30px;
	}
	#container #main .rsts-view .rsts-active h4 {
		font-size: 15px;
		margin-bottom: 11px;
	}
	#container #main .rsts-view .rsts-active h2 {
		font-size: 52.5px;
		line-height: 60px;
	}
	#container #main .rsts-view .rsts-active p {
		font-size: 25px;
		line-height: 33px;
	}
}


/*
-------------   TEAM BOXEN  -------------------
*/


#container #main .ce_text.team {
	margin: 4vw 10% 4vw 10%;
	background-color: #f6f5fa;
	padding: 4vw 5% 4vw 8%;
}

#container #main #spenden .ce_text.team {
	margin-top: 0;
	margin-bottom: 0;
}

#container #main .ce_text.team .image_container {
	width: 23%;
	margin-right: 7%;
}

#container #main .ce_text.team .image_container img {
	border-radius: 50%;
}

#container #main .ce_text.team h4 {
	font-size: 1vw;
}

#container #main .ce_text.team h2 {
	font-size: 1.5vw;
	line-height: 1.5vw;
	margin-bottom: 0.5vw !important;
	margin-block-end: 0;
}

#container #main .ce_text.team p {
	display: table;
	line-height: 1.8vw !important;
	font-size: 1.2vw;
	margin-bottom: 0;
	margin-block-end: 0;
}

#container #main .ce_text.team p strong {
	font-size: 1.1vw;
}

#container #main .ce_text.team p strong a,
#container #main .ce_text.team p strong a:visited {
	color: black;
	text-decoration: none;
}

#container #main .ce_text.team p strong a:hover {
	text-decoration: underline;
}

@media screen and (min-width: 1500px) {
	#container #main .ce_text.team {
		margin: 60px 10%;
		padding: 60px 8%;
	}
	#container #main .ce_text.team h2 {
		font-size: 22.5px;
		line-height: 22.5px;
		margin-bottom: 7.5px !important;
	}
	#container #main .ce_text.team p {
		font-size: 18px;
		line-height: 24px !important;
	}
}
/*
-------------   NEWS BOXEN  -------------------
*/


#container #main .newsboxen .layout_full {
	float: left;
	width: 22%;
	margin-right: 4%;
	margin-top: 0;
}

#container #main .newsboxen .layout_full.last {
	margin-right: 0;
}

#container #main .newsboxen a .layout_full h3 {
	font-weight: normal;
	font-size: 1.2vw;
	line-height: 1.4vw;
	margin: 0;
	color: black;
	font-family: 'SwiftBoldReg', serif;
	transition: opacity 0.2s;
}

#container #main .newsboxen .layout_full img {
	padding: 0;
	margin-bottom: 1vw;
	background-color: grey;
	transition: opacity 0.2s;
}

#container #main .newsboxen .layout_full.klima img {
	background-color: #a5d7d5;	
}

#container #main .newsboxen .layout_full.erneuerbare-energien img {
	background-color: #b8bf73;	
}

#container #main .newsboxen .layout_full.atomenergie img {
	background-color: #7a77b6;	
}

#container #main .newsboxen .layout_full.energiesuffizienz img {
	background-color: #f1919c;	
}

#container #main .newsboxen .layout_full.energieeffizienz img {
	background-color: #fbbc43;	
}

#container #main .newsboxen .layout_full.fossile-energien img {
	background-color: #cf8252;	
}

#container #main .newsboxen a:hover .layout_full h3,
#container #main .newsboxen a:hover .layout_full h6,
#container #main .newsboxen a:hover .layout_full img{
	opacity: 0.8;
	transition: opacity 0.2s;
}

@media screen and (min-width: 1500px) {
	#container #main .newsboxen a .layout_full h3 {
		font-size: 18px;
		line-height: 21px;
	}
	#container #main .newsboxen .layout_full img { 
		margin-bottom: 15px;
	}
}


/*
-------------   NEWS LISTEN  -------------------
*/

.publikationsportal #container #main .mod_newslist .layout_latest {
	border-top: 1px solid #8b8b8b;
	padding: 0;
	width: 100%;
	display: flex;
}

#container #main .mod_newslist .newsicon {
	width: 7%;
	margin: auto 0;
	line-height: 0;
	padding: 0 1% 0 0;
}

#container #main .mod_newslist .newsicon img {

}

#container #main .mod_newslist .newsblock {
	width: 92%;
	margin: 1.5vw 0 !important;
}

#container #main .mod_newslist .newsblock h6.left {
	float: left;
	font-size: 1.1vw;
	color: #e84148;
	margin: 0 !important;
	width: 50%;
	text-align: left;
}

#container #main .mod_newslist .newsblock h6.right {
	float: right;
	font-size: 1.1vw;
	color: black;
	margin: 0 !important;
	width: 20%;
	text-align: right;
}

#container #main .mod_newslist .newsblock h2 {
	font-size: 1.4vw;
	line-height: 1.8vw;
	margin-top: 1.8vw;
	margin-bottom: 0;
	width: 82%;
	clear: left;
}

#container #main .mod_newslist .newsblock h2 a {
	text-decoration: none;
}

#container #main .mod_newslist #medienarchiv_form {
	display: none;
}

.publikationsportal #container #main .mod_newslist #medienarchiv_form {
	display: block;
}

.blog #container #main .mod_newslist .layout_latest {
	margin: 0;
	display: block;
	padding: 3vw 0;
	border-bottom: 1px solid #e4e4e4;
}

.blog #container #main .mod_newslist .layout_latest.autor .image_container {
	background-color: #f6f5fa;
	width: 35%;
	height: 100%;
}


.blog #container #main .mod_newslist .layout_latest.autor.klima .image_container {
	background-color: #a5d7d5;	
}

.blog #container #main .mod_newslist .layout_latest.autor.erneuerbare-energien .image_container {
	background-color: #b8bf73;	
}

.blog #container #main .mod_newslist .layout_latest.autor.atomenergie .image_container {
	background-color: #7a77b6;	
}

.blog #container #main .mod_newslist .layout_latest.autor.energiesuffizienz .image_container {
	background-color: #f1919c;	
}

.blog #container #main .mod_newslist .layout_latest.autor.energieeffizienz .image_container {
	background-color: #fbbc43;	
}

.blog #container #main .mod_newslist .layout_latest.autorfossile-energien .image_container {
	background-color: #cf8252;	
}


.blog #container #main .mod_newslist .layout_latest.autor .image_container img {
	width: 70%;
	height: 70%;
	margin: 15%;
	border-radius: 50%;
}

.blog #container #main .mod_newslist .layout_latest.bildrand .image_container img {
	width: 99%;
	border: 1px solid #0e0e0e;
}

#container #main .inside .mod_article .mod_newsreader .ce_text.teaser {
	margin: 6vw 0 3vw 0;
}

#container #main .inside .mod_article .mod_newsreader .ce_text.team {
	margin-bottom: 3vw;
}


#container #main .mod_search .pagination ul li,
#container #main .mod_newslist .pagination ul li {
	list-style-type: none;
	float: left;
	margin: 0 1vw 0 0;
	padding: 0;
}

#container #main .mod_search .pagination,
#container #main .mod_newslist .pagination {
	margin: 4vw 0;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

#container #main .mod_search .pagination ul,
#container #main .mod_newslist .pagination ul {
	list-style-type: none;
	text-align: center;
}

#container #main .mod_search .pagination ul li,
#container #main .mod_newslist .pagination ul li {
	display: inline;
}

#container #main .mod_search .pagination ul li.previous a,
#container #main .mod_search .pagination ul li.next a,
#container #main .mod_newslist .pagination ul li.previous a,
#container #main .mod_newslist .pagination ul li.next a {
	border: 1px solid #0e0e0e !important;
	padding: 0.3333vw !important;
	text-decoration: none !important;
}

#container #main .mod_search .pagination ul li.previous,
#container #main .mod_newslist .pagination ul li.previous {
	transform: rotate(180deg); 
}

#container #main .mod_search .pagination ul li.previous a:hover,
#container #main .mod_search .pagination ul li.next a:hover,
#container #main .mod_newslist .pagination ul li.previous a:hover,
#container #main .mod_newslist .pagination ul li.next a:hover {
	color: white;
	background-color: #0e0e0e;
}

@media screen and (min-width: 1500px) {
	#container #main .mod_newslist .newsblock {
		margin: 22.5px 0 !important;
	}
	#container #main .mod_newslist .newsblock h6,
	#container #main .mod_newslist .newsblock h6.left,
	#container #main .mod_newslist .newsblock h6.right {
		font-size: 16.5px;
	}
	#container #main .mod_newslist .newsblock h2 {
		font-size: 21px;
		line-height: 27px;
		margin-top: 27px;
	}
	#container #main .mod_search .pagination ul li,
	#container #main .mod_newslist .pagination ul li {
		margin: 0 15px 0 0;
	}
	#container #main .mod_search .pagination,
	#container #main .mod_newslist .pagination {
		margin: 60px 0;
	}
	#container #main .mod_search .pagination ul li.previous a,
	#container #main .mod_search .pagination ul li.next a,
	#container #main .mod_newslist .pagination ul li.previous a,
	#container #main .mod_newslist .pagination ul li.next a {
		padding: 5px !important;
	}
}



/*
-------------   READ MORE FUNKTION  -------------------
*/




#container #main .inside .mod_article.readmore {
  position: relative;
  max-height: 20vw;
  overflow: hidden;
  width: 62%;
  padding: 0 0 10vw 0;
  margin-bottom: 0;
  transition:max-height 0.5s ease-out;
}

#container #main .inside .mod_article.readmore .lead {
	display: none;
}
/*
#container #main .inside .mod_article.first.thema {
	margin-top: 19.33vw;
}

#container #main .inside .mod_article.readmore.thema {
	margin-top: 3vw;
}*/

.readmore.expand {
  max-height: unset !important;
  padding: 0 0 2vw 0 !important;
  transition:max-height 0.5s ease-in-out;
}

.readmore-link {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
	font-family: 'AkkuratReg', sans-serif;
	text-decoration: none;
	width: 100%;
  height: 0;
  text-align: left;
  color: #0e0e0e;
  font-weight: normal;
  font-size: 1.6vw;
  padding-top: 12vw;
  padding-bottom: 6vw;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.33), rgba(255, 255, 255, 0.66), rgba(255, 255, 255, 0.99), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
  cursor: pointer;
}


@media screen and (min-width: 1500px) {
	.blog #container #main .mod_newslist .layout_latest {
		padding: 60px 0;
	}
	#container #main .inside .mod_article.readmore {
		padding-bottom: 150px;
		max-height: 300px;
	}
/*	#container #main .inside .mod_article.first.thema {
		margin-top: 290px;
	}
	#container #main .inside .mod_article.readmore.thema {
		margin-top: 45px;
	}*/
	.readmore-link {
		font-size: 24px;
		padding-top: 180px;
		padding-bottom: 90px;
	}
	.readmore.expand {
		padding: 0 0 16px 0;
	}
}

.drei-anti-atom-videos#container #main .ce_accordion .toggler {
	font-family: 'AkkuratReg', sans-serif;
	text-decoration: none;
	margin: 1vw 0;
}

.drei-anti-atom-videos #container #main .ce_accordion {
	border-bottom: 0;
}


@media print {
	#container #main .inside .mod_article.readmore {
		max-height: unset !important;
	}
	.readmore-link {
		display: none;
	}
}

.readmore-link:hover {
	color: #e84148;
	cursor: pointer;
}

.readmore-link.expand {
  position: relative;
  background-image: none;
  padding: 0;
  height: 1px;
  font-size: 0.1px;
  margin-bottom: 2vw;
}

.readmore-link:after {
  content:"mehr lesen";	
  text-decoration: none;
	border-bottom: 1px solid #0e0e0e;
	padding-bottom: 1px;
}

.readmore-link:hover:after {
	border-bottom: 1px solid #e84148;
}

.readmore-link.expand:after{
  content:"";
}



/*
-------------   EVENTS LISTEN  -------------------
*/


#container #main .mod_eventlist .layout_teaser {
	margin: 0;
	padding: 4vw 0;
	border-bottom: 1px solid #e4e4e4;
}

#container #main .mod_eventlist .layout_teaser .even .image_container {
	float: right;
	margin-left: 5%;
	margin-right: 0;
}

#container #main .mod_eventlist .layout_teaser .odd .image_container {
	float: left;
	margin-right: 5%;
	margin-left: 0;
}


/*
-------------   SPEZIAL  -------------------
*/


.specials #header .mod_customnav p {
	font-family: 'AkkuratReg', sans-serif;
	font-size: 1.1vw;
	line-height: 1.1vw;
	margin: 0.45vw 1.6vw;
	color: white;
	font-variant-ligatures: none; /* Ligature reset */
	-moz-font-feature-settings: 'ss05' on;
	-ms-font-feature-settings: 'ss05' on;
	-o-font-feature-settings: 'ss05' on;
	-webkit-font-feature-settings: 'ss05' on;
	font-feature-settings: 'ss05' on;
}


.specials #header #customnav {
	background-color: #e84148;
	height: 3vw;
}

.specials #header #customnav .mod_customnav ul li {
	background-color: transparent;
}

.klima.specials #header #customnav {
	background-color: #a5d7d5;
}

.atomenergie.specials #header #customnav {
	background-color: #7a77b6;
}

.erneuerbare-energien.specials #header #customnav {
	background-color: #b8bf73;	
}

.energiesuffizienz.specials #header #customnav {
	background-color: #f1919c;	
}

.energieeffizienz.specials #header #customnav {
	background-color: #fbbc43;	
}

.fossile-energien.specials #header #customnav {
	background-color: #cf8252;	
}

.specials #container #main .inside .mod_article.first {
	margin-top: 3vw;
	clear: left;
	display: block;
}

.specials #container #main .inside .mod_article.breite100.bild,
.specials #footer .inside .mod_article.breite100.bild{
	position: relative;
	padding: 0;
	background-color: transparent;
}
.specials #container #main .inside .mod_article.breite100.bild .ce_image,
.specials #footer .inside .mod_article.breite100.bild .ce_image {
	position: relative;
	width: 100%;
	line-height: 0.1em;
	height: auto;
	z-index: 1;
}

.specials #container #main .inside .mod_article.breite100.bild .ce_image img,
.specials #footer .inside .mod_article.breite100.bild .ce_image img {
	width: 100%;
}

.specials #container #main .inside .mod_article.breite100.bild .ce_text,
.specials #footer .inside .mod_article.breite100.bild .ce_text {
	position: absolute;
	bottom: 0;
	left: 19%;
	width: 62%;
	z-index: 1000;
	height: auto;
}

.specials #container #main .inside .mod_article.breite100.bild .ce_text h6,
.specials #footer .inside .mod_article.breite100.bild .ce_text h6{
	color: white;
}

.specials #container #main .paddingbottom h6 {
	margin-bottom: 0 !important;
}

.specials #container #main h1 {
	color: #0e0e0e;
}

.klima.specials #container #main h1 {
	color: #a5d7d5;
}

.atomenergie.specials #container #main h1 {
	color: #7a77b6;
}

.atomenergie.specials #container #main .ce_text.bordertop {
	border-top: 1px solid #d8d8d8;
	margin-top: 0 !important;
	padding-top: 1vw;
}

.erneuerbare-energien.specials #container #main h1 {
	color: #b8bf73;	
}

.energiesuffizienz.specials #container #main h1 {
	color: #f1919c;	
}

.energieeffizienz.specials #container #main h1 {
	color: #fbbc43;	
}

.fossile-energien.specials #container #main h1 {
	color: #cf8252;	
}

.drei-anti-atom-videos #container #main h1 {
	font-size: 2vw;
}

.drei-anti-atom-videos #container #main img.checked {
	width: 2.1vw;
	height: auto;
	margin: 0 0.2vw -0.5vw -0.2vw;
	padding: 0 0 3vw 0;
	float: left;
}

.specials #container #main .inside .mod_article.grau {
	margin-top: 2vw;
}

.specials #container #main ul {
	margin-bottom: 0;
}

.specials #container #main .grafik p.grafik img {
	width: 45%;
}

.specials #container #main .grafik td img {
	height: 2vw;
	width: 2vw;
	margin-right: 1.5vw;
	margin-bottom: 0.5vw;
}

.specials #container #main .grafik table,
.specials #container #main .grafik table tr,
.specials #container #main .grafik table tr td {
	height: auto !important;
	width: auto !important;
	border: 0;
	padding: 0;
	margin: 0;
}

.specials #container #main .grafik td.first {
	width: 3.5vw !important;
}

.specials #container #main .grau .ce_text.team {
	margin: 0 0 2vw 0;
	background-color: #f6f5fa;
	padding-top: 0;
	padding-bottom: 0;
}

.specials #container #main .grau .ce_text h6 {
	color: #e84148;
}

.ses-2023 #container #main .ce_accordion .toggler {
	padding-top: 1.5vw;
	padding-bottom: 1vw;
}

.ses-2023 #container #main h5 {
	padding-top: 2vw;
	font-size: 1.2vw;
}

.ses-2023 #container #main h5 a {
	font-weight: bold;
	border: 1px solid #e84148;
	padding: 0.85vw 0.95vw;
	color: white;
	background-color: #e84148;
}

.ses-2023 #container #main h5 a:hover {
	border: 1px solid #e84148;
	background-color: white;
	color: #e84148;
}

@media screen and (min-width: 1500px) {
	.specials #container #main .inside .mod_article.breite100.bild .ce_text.footerbild {
	}
	#container #main .mod_eventlist .layout_teaser {
		padding: 60px 0;
	}
	.specials #header .mod_customnav p {
		font-size: 16.5px;
		line-height: 16.5px;
		margin: 7px 24px;
	}
	.specials #header #customnav {
		height: 45px;
	}
	.specials #container #main .inside .mod_article.breite100.bild .ce_text,
	.specials #footer .inside .mod_article.breite100.bild .ce_text {
		position: absolute;
		bottom: 0;
		left: calc(50% - 465px);
		width: 930px;
		z-index: 1000;
		height: auto;
	}
	.drei-anti-atom-videos #container #main h1 {
		font-size: 30px;
	}
	.drei-anti-atom-videos #container #main img.checked {
		width: 30px; 
		height: auto; 
		margin: 0 8px -8px 0;
	}
}



/*
-------------   SUCHE  -------------------
*/



.suche #container #main .mod_search {
	width: 100%;
	margin: 0;
}

.suche #container #main .mod_search form,
.suche #container #main .mod_search .header,
.suche #container #main .mod_search .odd,
.suche #container #main .mod_search .even {
	margin: 4vw 0;
}

.suche #container #main .mod_search .url {
	display: none;
}

.suche #container #main .mod_search .relevance {
	font-size: 0.8em;
}

.suche #container #main .mod_search .pagination ul {
	list-style-type: none;
	margin: 0;
}

.suche #container #main .mod_search .pagination ul li {
	float: left;
	margin: 0 1vw 0 0;
}

.suche #container #main form {
	width: 100%;
	margin: 0;
}

.sitemap .no-sitemap,
.sitemap .magazin {
	display: none;
}

.sitemap #container #main ul.level_1 li {
	padding-left: 0 !important;
	margin-bottom: 0 !important;
	clear: left;
}

.sitemap #container #main ul.level_1 li.service {
	padding-bottom: 0 !important;
}

.sitemap #container #main ul.level_1 li.active strong {
	font-family: 'AkkuratReg', sans-serif;
	font-weight: 400 !important;
}

.sitemap #container #main ul.level_2 li {
	clear: left;
}

.sitemap #container #main ul.level_2 li.submenu,
.sitemap #container #main ul.level_2 li.submenu ul,
.sitemap #container #main ul.level_3 li {
}

.sitemap #container #main ul.level_2 li.submenu ul.level_3 li {
	margin-left: 1vw;
}

.sitemap #container #main ul.level_2 li.submenu ul.level_3 li ::before {
	content:"→ ";
}

.sitemap #container #main ul.level_3 li::after { 
}

.sitemap #container #main ul.level_3 li.last::after { 
	content: "";
}

#container #main .mod_search h3 a {
	text-decoration: none;
}

#container #main .mod_search .highlight,
#container #main .mod_search mark {
	background-color: transparent;
	color: #e84148;
}


@media screen and (min-width: 1500px) {
	.suche #container #main .mod_search form,
	.suche #container #main .mod_search .header,
	.suche #container #main .mod_search .odd,
	.suche #container #main .mod_search .even {
		margin: 60px 0;
	}
}



/*
-------------   SHAREBUTTONS  -------------------
*/

#sharebox {
	width: 68px;
	height: 32px !important;
	max-height: 32px !important;
	margin: 0 auto 2vw auto;
	transition: width 0.3s ease-in-out 0.05s;
}

.share a.sharelink {
	float: left;
	width: 32px;
	height: 32px;
	margin: 0 1px;
	padding: 0;
	background-color: #f6f5fa;
	cursor: pointer;
    pointer-events: auto;
}

.share a.sharelink:hover,
.share a.sharelink.active {
	background-color: #e84148;
	cursor: pointer;
    pointer-events: auto;
}

#sharebuttons {
	float: left;
	width: 0;
	height: 32px !important;
	transition: width 0.3s ease-in-out 0.05s;
}

.share .sharebuttons {
	margin: 0;
	padding: 0;
	height: 32px;
	width: auto;
}

.share .sharebuttons ul {
	padding-left: 0 !important;
}

.share .sharebuttons > ul.theme {
	 margin: 0;
}

.share .sharebuttons ul.theme li {
	list-style: none !important;
	padding-left: 0 !important;
	margin: 0;
	cursor: pointer;
    pointer-events: auto;
}

.share .sharebuttons ul.theme li > a {
	margin: 0 1px !important;
    cursor:pointer;
    pointer-events: auto;
}

.share .sharebuttons ul.theme li > a:hover {
	opacity: 0.8;
	transition: opacity 0.2s;
    cursor:pointer;
    pointer-events: auto;
}




/*
-------------   FOOTER  -------------------
*/


#footer .footertop {
	width: 100%;
	border-bottom: 1px solid white;
	background-color: #e84148;
	margin: 0;
	padding: 4vw 0 10vw 0;
}

#footer .footerbottom {
	width: 100%;
	background-color: #e84148;
	margin: 0;
	padding: 2.5vw 0  4vw 0;
}

#footer .linkespalte {
	float: left;
	width: 50%;
}

#footer .rechtespalte {
	float: left;
	width: 30%;
	margin: 0 5% 0 15%;
	padding: 0;
	color: white;
	font-family: 'AkkuratReg', sans-serif;
	font-size: 1vw;
	line-height: 1.4vw;
}

#footer .rechtespalte a {
	color: white;
	text-decoration: none;
}

#footer .rechtespalte a:hover {
	color: white;
	text-decoration: none;
	border-bottom: 1px solid white;
	padding-bottom: 1px;
}

#footer .footerbottom .linkespalte .mod_customnav ul li {
	margin: 0.4vw 2.3vw 0.4vw 0;
}

#footer .footerbottom .rechtespalte img {
	height: 2vw;
	width: auto;
	margin-right: 0.6vw;
}

.cookiebar {
	background-color: rgb(0,0,0, 0.8);
}

.cookiebar__button {
	background-color: #e84148;
}

.cookiebar__button:hover {
	background-color: white;
	border-color: #e84148;
	color: #e84148;
}

.spendenbutton {
	position: absolute;
	top: 15px;
	left: 0;
	right: 0;
	margin: 0 0 0 60%;
	padding: 0;
	width: 90px;
	height: 90px;
	z-index: 2000;
}

.spendenbutton a {
	display:inline-block;
	margin:0;
	text-decoration:none;
	font-family: 'AkkuratBold', sans-serif !important;
	font-size:16px;
	border:1px solid #ffcc00;
	border-radius:50%;
	color:#e30613 !important;
	background-color:#ffcc00;
	width:88px;
	height:54px;
	text-align:center;
	vertical-align:middle;
	padding-top:34px;
	overflow:hidden;
	-moz-transform: rotate(-30deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform: rotate(-30deg); /* Safari */
-o-transform: rotate(-30deg); /* Opera */
-ms-transform: rotate(-30deg); /* IE9 */
transform: rotate(-30deg); /* W3C */

}
.spendenbutton a:hover{
	background-color:#e30613;
	border-color:#e30613;
	color: #ffcc00 !important;
}

@media screen and (min-width: 1500px) {
	#footer .footertop {
		padding: 60px 0 150px 0;
	}
	#footer .footerbottom {
		padding: 37.5px 0 60px 0;
	}
	#footer .rechtespalte {
		font-size: 15px;
		line-height: 21px;
	}
	#footer .footerbottom .linkespalte .mod_customnav ul li {
		margin: 6px 34.5px 6px 0;
	}
	#footer .footerbottom .rechtespalte img {
		height: 30px;
		margin-right: 9px;
	}
}

@media screen and (max-width: 1000px) {
	.specials #header .mod_customnav p {
		font-size: 1.6vw !important;
		margin: 1.6vw;
	}
}




/* 

---------     FORMULARE   -----------

*/

fieldset {
	border: 0;
	padding: 0 0 10px 0;
	margin: 0;
}

.anrede fieldset br {
	display: none;
}

.widget label {
	display: none;
}



/* 

--------------  PUBLIKATIONSPORTAL  ----------------

*/



#medienarchiv_form .widget-select {
	float: left;
	width: 50%;
	margin-bottom: 3vw;
}

#medienarchiv_form .widget label {
	display: inline-block;
	font-family: 'AkkuratReg', sans-serif !important;
	font-size: 1vw;
	width: 28%;
}

#medienarchiv_form .widget select {
	width: 60%;
	font-size: 1vw;
	font-family: 'AkkuratReg', sans-serif !important;
	border: 1px solid #0e0e0e;
	border-radius: 2px;
	padding: 3px 6px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

#medienarchiv_form .widget select:focus,
#medienarchiv_form .widget select:hover {
	cursor: pointer;
	outline: none;
}

#medienarchiv_form .widget select option {
	background: white;
}

#medienarchiv_form {
	margin-bottom: 3vw;
}

@media screen and (min-width: 1500px) {
	#medienarchiv_form .widget-select {
		margin-bottom: 45px;
	}
	#medienarchiv_form .widget label,
	#medienarchiv_form .widget select {
		font-size: 15px;
	}
	#medienarchiv_form {
		margin-bottom: 45px;
	}
}



/*

---------------   FORMULAR --------------

*/



/*
#container #main .inside .formbody input.submit,
#container #main .inside .formbody button.submit,
#container #main .inside form input.button,
#container #main .inside .formbody input.button,
#footer .inside .formbody input.button {
	font-family: 'AkkuratReg', sans-serif !important;
	width: auto;
	float: left;
	margin-top: 25px;
	padding: 10px;
	background-color: #e30613 !important;
	border: 0;
	border-radius: 3px;
	line-height: 1.2;
	color: #fff;
	behavior: url("assets/css3pie/1.0.0/PIE.htc");
	-moz-osx-font-smoothing: grayscale;
	display: block;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	font-size: 22px !important;
	padding: 10px !important;
	height: auto !important;
	cursor: pointer;
} */

#container #main .inside .formbody input.submit,
#container #main .inside .formbody button.submit,
#container #main .inside form input.button,
#container #main .inside .formbody input.button,
#footer .inside .formbody input.button,
#lema-container.lema-container .lema-step-number span,
#lema-container.lema-container .lema-button,
#container #main .inside .formbody .button,
#container #main .inside .formbody input.submit {
	font-weight: 400 !important;
	font-size: 1vw !important;
	line-height: 1.5vw !important;
	font-family: 'AkkuratReg', sans-serif !important;
	font-variant-ligatures: none !important; /* Ligature reset */
	-moz-font-feature-settings: 'ss05' on !important;
	-ms-font-feature-settings: 'ss05' on !important;
	-o-font-feature-settings: 'ss05' on !important;
	-webkit-font-feature-settings: 'ss05' on !important;
	font-feature-settings: 'ss05' on !important;
	margin: 2vw 0;
	border: 1px solid #e84148 !important;
	padding: 0.666vw 1vw;
	color: #e84148 !important;
	background-color: white !important;
	text-decoration: none !important;
}

#container #main .inside .formbody input.submit:hover,
#container #main .inside .formbody button.submit:hover,
#container #main .inside form input.button:hover,
#container #main .inside .formbody input.button:hover,
#footer .inside .formbody input.button:hover,
#lema-container.lema-container .lema-button:hover,
#container #main .inside .formbody .button:hover,
#container #main .inside .formbody input.submit:hover{
	border: 1px solid white !important;
	background-color: #e84148 !important;
	color: white !important;
	text-decoration: none !important;
}

#container #main {
	background-color: #ffffff;
}


#lema-container.lema-container {
	margin: 0 !important;
	max-width: unset !important;
}

#lema-container.lema-container,
#lema-container.lema-container .lema-content{
	font-family: 'AkkuratReg', sans-serif !important;
}

/*
#lema-container.lema-container .lema-step-number span,
#lema-container.lema-container .lema-button,
#container #main .inside .formbody .button,
#container #main .inside .formbody input.submit
{
	font-family: 'AkkuratBold', sans-serif !important;
	background-color: #e30613 !important;
	color: white !important;
	text-decoration: none !important;
}

#lema-container.lema-container .lema-button:hover,
#container #main .inside .formbody .button:hover,
#container #main .inside .formbody input.submit:hover {
	color: white !important;
	text-decoration: none !important;
}*/

#lema-container.lema-container .lema-step-header-text,
#lema-container.lema-container input.getunik-checkbox:checked + label, 
#lema-container.lema-container input.getunik-radio:checked + label,
#container #main .inside .formbody .radio_container:checked + label,
#container #main .inside .formbody input.radio:checked + label {
	font-family: 'AkkuratReg', sans-serif !important;
	color: #e30613 !important;
}

#lema-container.lema-container .lema-step-header {
	font-family: 'AkkuratReg', sans-serif !important;
	border-bottom: 1px solid #e30613 !important;
}

#lema-container.lema-container .lema-amount-box.lema-active {
	font-family: 'AkkuratReg', sans-serif !important;
	border: 1px solid #e30613 !important;
	color: #e30613 !important;
}

#lema-container.lema-container .lema-accordion-item.accordion-open .lema-accordion-header {
	font-family: 'AkkuratReg', sans-serif !important;
	border-color: #e30613 !important;
	color: #e30613 !important;
}

#lema-container.lema-container .lema-accordion-item.accordion-open .lema-accordion-content {
	font-family: 'AkkuratReg', sans-serif !important;
    border-bottom: 1px solid #e30613 !important;
    border-left: 1px solid #e30613 !important;
    border-right: 1px solid #e30613 !important;
}

#lema-container.lema-container .lema-accordion-item.accordion-open .lema-accordion-header .lema-accordion-item-title::before {
	background-image: url("/widgets/lema/_default/img/collapse-arrow-down.png") !important;
}

#lema-container.lema-container input.getunik-checkbox + label::before,
#container #main .inside .formbody input.checkbox + label::before {
			background-image: url("/files/energiestiftung/elemente/checkbox-nein.svg") !important;
}

#lema-container.lema-container input.getunik-checkbox:checked + label::before,
#container #main .inside .formbody input.checkbox:checked + label::before {
			background-image: url("/files/energiestiftung/elemente/checkbox-ja.svg") !important;
}

#lema-container.lema-container input.getunik-radio + label::before,
#container #main .inside .formbody input.radio + label::before {
			background-image: url("/files/energiestiftung/elemente/radio-button-nein.svg") !important;
}

#lema-container.lema-container input.getunik-radio:checked + label::before,
#container #main .inside .formbody input.radio:checked + label::before {
			background-image: url("/files/energiestiftung/elemente/radio-button-ja.svg") !important;
}

#lema-container.lema-container, #lema-container.lema-container h1, #lema-container.lema-container h2, #lema-container.lema-container h3, #lema-container.lema-container h4, #lema-container.lema-container h5, #lema-container.lema-container h6, #lema-container.lema-container p, #lema-container.lema-container td, #lema-container.lema-container dl, #lema-container.lema-container tr, #lema-container.lema-container dt, #lema-container.lema-container ol, #lema-container.lema-container form, #lema-container.lema-container select, #lema-container.lema-container option, #lema-container.lema-container pre, #lema-container.lema-container div, #lema-container.lema-container table, #lema-container.lema-container th, #lema-container.lema-container tbody, #lema-container.lema-container tfoot, #lema-container.lema-container caption, #lema-container.lema-container thead, #lema-container.lema-container ul, #lema-container.lema-container li, #lema-container.lema-container address, #lema-container.lema-container blockquote, #lema-container.lema-container dd, #lema-container.lema-container fieldset, #lema-container.lema-container li, #lema-container.lema-container iframe, #lema-container.lema-container strong, #lema-container.lema-container legend, #lema-container.lema-container em, #lema-container.lema-container s, #lema-container.lema-container cite, #lema-container.lema-container span, #lema-container.lema-container input, #lema-container.lema-container sup, #lema-container.lema-container label, #lema-container.lema-container dfn, #lema-container.lema-container object, #lema-container.lema-container big, #lema-container.lema-container q, #lema-container.lema-container font, #lema-container.lema-container samp, #lema-container.lema-container acronym, #lema-container.lema-container small, #lema-container.lema-container img, #lema-container.lema-container strike, #lema-container.lema-container code, #lema-container.lema-container sub, #lema-container.lema-container ins, #lema-container.lema-container textarea, #lema-container.lema-container var, #lema-container.lema-container a, #lema-container.lema-container abbr, #lema-container.lema-container applet, #lema-container.lema-container del, #lema-container.lema-container kbd, #lema-container.lema-container tt, #lema-container.lema-container b, #lema-container.lema-container i, #lema-container.lema-container hr, #lema-container.lema-container article, #lema-container.lema-container aside, #lema-container.lema-container dialog, #lema-container.lema-container figure, #lema-container.lema-container footer, #lema-container.lema-container header, #lema-container.lema-container hgroup, #lema-container.lema-container menu, #lema-container.lema-container nav, #lema-container.lema-container section, #lema-container.lema-container time, #lema-container.lema-container mark, #lema-container.lema-container audio, #lema-container.lema-container video {
	font-family: 'AkkuratReg', sans-serif !important;
}

#lema-container.lema-container .lema-step-header {
	border-bottom: 0 !important;
}

#lema-container.lema-container .lema-step-header-text {
	font-size: 1.2em !important;
	color: #000000 !important;
	font-family: 'AkkuratBold', sans-serif !important;
	padding-left: 0 !important;
}

#lema-container.lema-container .lema-step-number {
	display: none !important;
}

#lema-container.lema-container .lema-step-row {
	padding: 0 !important;
	width: 100% !important;
	margin-bottom: 10px;
}

#lema-container.lema-container .lema-step-row-amounts {
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

#lema-container.lema-container .lema-input-text,
#container #main .inside .formbody input.text {
	margin: 0 0 6px !important;
    padding: 3px 3px 3px 8px !important;
    height: auto !important;
	font-family: 'AkkuratReg', sans-serif !important;
	font-weight: 1em !important;
}

#container #main .inside .formbody input.text {
	width: 95% !important;
	max-width: 620px !important;
	margin-bottom: 10px !important;
	font-size: 18px !important;
	line-height: 1.2;
}

#lema-container.lema-container .lema-content.lema-accordion .lema-step-content {
	padding: 0 !important;
}

#lema-container.lema-container .lema-step-header,
#lema-container.lema-container .lema-step-content {
	background: transparent !important;
}

#lema-container.lema-container .lema-amount-box {
	margin-bottom: 0 !important;
}

.crowdfunding-formular #lema-container.lema-container .lema-amount-box-custom {
	display: none;
}

.crowdfunding-formular #lema-container.lema-container .lema-step-amount .lema-step-header-text {
	visibility: hidden;
}

.crowdfunding-formular #lema-container.lema-container .lema-step-amount .lema-step-header-text:before {
	content: 'Ihr gewählter Betrag';
	visibility: visible;
}

#lema-container.lema-container .lema-accordion-item.accordion-open .lema-accordion-content {
	border-left: 1px solid #000000 !important;
	border-right: 1px solid #000000 !important;
	border-bottom: 1px solid #000000 !important;
	background-color: #f6f5fa;
}

#lema-container.lema-container .lema-accordion-item.accordion-open .lema-accordion-header {
	border: 1px solid #000000 !important;
	border-bottom: 0 !important;
}

#lema-container.lema-container .lema-input-text,
#container #main .inside .formbody input.text {
	border: 0 !important;
	font-family: 'AkkuratReg', sans-serif !important;
	font-size: 1em;
/*	width: 96% !important;*/
}

#lema-container.lema-container input.getunik-radio + label,
#container #main .inside .formbody input.radio + label {
	margin-bottom: 5px;
}

#container #main .betrag #ctrl_172 span {
	width: 100%;
}

#container #main .betrag #ctrl_172 span label {
	width: 90%;
}

#container #main .betrag #lbl_172_0 .dank_172_0,
#container #main .betrag #lbl_172_1 .dank_172_1,
#container #main .betrag #lbl_172_2 .dank_172_2,
#container #main .betrag #lbl_172_3 .dank_172_3,
#container #main .betrag #lbl_172_4 .dank_172_4,
#container #main .betrag #lbl_172_5 .dank_172_5,
#container #main .betrag #lbl_172_6 .dank_172_6
{
	display: none;
	position: absolute;
	text-align: right;
	top: 2.5vw;
	right: 0vw;
	left: 15vw;
	width: auto;
	z-index: 100000;
	font-size: 1.33vw;
	padding: 0.2vw 0.5vw;
	border: solid 1px black;
	background-color: white;
}

#container #main .betrag .cfdescription {
	margin-right: 15vw;
	font-size: 1.33vw;
}

#container #main .betrag .cficon,
#container #main .betrag .cficon img {
	float: right;
	vertical-align: top;
	width: 5vw;
	margin-top: -0.5vw;
	margin-bottom: 0.5vw;
}

#container #main .betrag #lbl_172_0:hover .dank_172_0,
#container #main .betrag #lbl_172_1:hover .dank_172_1,
#container #main .betrag #lbl_172_2:hover .dank_172_2,
#container #main .betrag #lbl_172_3:hover .dank_172_3,
#container #main .betrag #lbl_172_4:hover .dank_172_4,
#container #main .betrag #lbl_172_5:hover .dank_172_5,
#container #main .betrag #lbl_172_6:hover .dank_172_6 {
	display: block;
	transition: display 0.2s;
	font-size: 1.33vw;
}

#container #main .inside .formbody input,
#container #main .inside .formbody input.plz, 
#container #main .inside .formbody input.ort {
	font-size: 1em !important;
}

#container #main .inside .formbody .ort {
	margin-left: 2% !important;
}

#container #main .inside .formbody input.ort {
	width: 93% !important;
}

#lema-container.lema-container .lema-radio-label,
#lema-container.lema-container .lema-summary-check,
#container #main .inside .formbody {
	font-family: 'AkkuratReg', sans-serif !important;
}

#lema-container.lema-container .lema-summary-check,
#container #main .inside .formbody .submit,
#container #main .inside .formbody .button {
	width: auto !important;
	max-width: auto !important;
}

#container #main .inside .formbody .submit:hover,
#container #main .inside .formbody .button:hover {
	opacity: .8;
}

#lema-container.lema-container .lema-amount-box-custom-input {
	border: 0 none !important;
	height: 45px !important;
	color: #e30613 !important;
	font-size: 32px !important;
	left: 2px !important;
	width: 86px !important;
}

#lema-container.lema-container .lema-amount-box-custom-input .lema-amount-box-amount {
	vertical-align: top;
}

.select2-results .select2-highlighted {
	background-color: #e30613 !important;
}


#container #main .inside .formbody input.radio,
#container #main .inside .formbody input.checkbox {
    opacity: 0;
    position: absolute;
    z-index: -1000;
}

#container #main .inside .formbody input.radio + label {
    -moz-user-select: none;
    cursor: pointer;
    display: inline-block;
    min-height: 22px;
    padding-left: 30px;
    position: relative;
    vertical-align: middle;
    margin-right: 20px;
}

#container #main .inside .formbody input.radio + label:hover {
	color: #e30613;
}

#container #main .inside .formbody input.radio + label::before {
	background-image: url("/files/energiestiftung/elemente/radio-button-nein.svg") !important;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    content: "";
    height: 22px;
    left: 0;
    position: absolute;
    top: 0;
    width: 22px;
}

#container #main .inside .formbody input.checkbox + label {
    -moz-user-select: none;
    cursor: pointer;
    display: inline-block;
    min-height: 22px;
    padding-left: 30px;
    position: relative;
    vertical-align: middle;
}

#container #main .inside .formbody input.checkbox:checked + label,
#container #main .inside .formbody input.radio:checked + label{
    color: #e30613;
}

#container #main .inside .formbody input.checkbox + label::before {
    background-image: url("/files/energiestiftung/elemente/checkbox-nein.svg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    content: "";
    height: 22px;
    left: 0;
    position: absolute;
    top: 0;
    width: 22px;
}

#container #main .inside .formbody input.checkbox:checked + label::before {
    background-image: url("/files/energiestiftung/elemente/checkbox-ja.svg");
}

.atomenergie #container #main .inside .bordertop .ce_text,
.umfrage #container #main .inside .ce_form {
	border-top: 1px solid #d8d8d8;
}

.atomenergie #container #main .inside #umfrage .bordertop {
	margin-top: 0 !important;
	padding-top: 0;
}


.atomenergie #container #main .inside .bordertop .ce_text h6,
.umfrage #container #main .inside .formbody h6,
.atomenergie #container #main .inside #umfrage .bordertop h6 {
	margin-bottom: 0.33vw !important;
}

.umfrage #container #main .inside .formbody legend {
	font-weight: normal;
	font-size: 2.8vw;
	letter-spacing: 0.0em;
	line-height: 3.4vw;
	margin: 0.67vw 0 2vw 0;
	font-family: 'SwiftBoldReg', serif;
	-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none; 
}

.umfrage #container #main .inside .formbody input.radio + label {
	margin: 0 1.33vw 1.33vw 0;
	font-family: 'AkkuratBold', sans-serif !important;
}

.umfrage #container #main .inside .formbody p.error {
	font-size: 0.9em;
}

.atomenergie #container #main .inside .ce_form .formbody input.text,
.umfrage #container #main .inside .ce_form .formbody input.text {
	border: 1px solid black !important;
}

.umfrage #container #main .inside .ce_form .radio_container.anrede {
	border: none;
	margin-bottom: 0;
}

.spezial .mod_article.halbhalb .ce_text {
	width: 50%;
	margin-right: 4%;
	float: left;
}

.spezial .mod_article.halbhalb .giphy {
	margin-left: 55%;
	display: block;
	width: 45%;
}

.spezial .mod_article.halbhalb .giphy h6 {
	text-align: right;
}

.spezial .mod_article .giphy iframe {
	border: 0;
}

#lema-container.lema-container .lema-overlay-header {
	background-color: #e30613 !important;
	font-family: 'AkkuratReg', sans-serif !important;
}

@media screen and (max-width: 768px) {
	#lema-container.lema-container .lema-step-row {
		width: 100% !important;
	}
	.title-black h1 {
		color: black;
	}
}

@media screen and (max-width: 1000px) {
	#lema-container.lema-container .lema-accordion-item .lema-accordion-header .lema-accordion-item-icons {
		display: none !important;
	}
	#lema-container.lema-container .lema-accordion-item .lema-accordion-header .lema-accordion-item-title {
		float: unset !important;
	}
}

#container #main .inside .formbody input.radio + label::before {
	font-size: 1vw !important;
	line-height: 1.5vw !important;
}

#container #main .inside .mod_search input.text {
	width: 50% !important;
	float: left;
	font-size: 1vw !important;
	line-height: 1.5vw !important;
	padding: 0.6vw !important;
	margin-right: 2% !important;
	border: 1px solid #e30613 !important;
}

.atomenergie #container #main .inside button,
.atomenergie #container #main .inside .formbody .widget-submit button,
.umfrage #container #main .inside .formbody button,
#container #main .inside .mod_search .submit,
#container #main .inside .mod_search button,
#container #main .inside .mod_search .formbody button.submit {
	padding: 0.5vw 1vw!important;
	font-size: 1vw !important;
	line-height: 1.5vw !important;
	border: 1px solid #e30613 !important;
	background-color: #e30613 !important;
	color: white !important;
}

.atomenergie #container #main .inside .formbody .widget-submit,
.umfrage #container #main .inside .formbody .widget-pagebreak {
	border-top: 1px solid #d8d8d8;
	padding-top: 1.33vw;
	margin-top: 0.33vw;
	text-align: center;
}

.atomenergie #container #main .inside .formbody .widget-submit {
	padding-top: 0vw;
	margin-top: 1.67vw;
}

.atomenergie #container #main .inside .formbody.html .widget-submit {
	padding-top: 1.33vw;
	margin-top: 0.33vw;
}

.umfrage #container #main .inside .formbody legend span.mandatory {
	display: none;
}

.atomenergie #container #main .inside button:hover,
.atomenergie #container #main .inside .formbody .widget-submit button:hover,
.umfrage #container #main .inside .formbody button:hover,
#container #main .inside .mod_search .submit:hover,
#container #main .inside .mod_search .formbody button.submit:hover {
	padding: 0.5vw 1vw !important;
	font-size: 1vw !important;
	line-height: 1.5vw !important;
	border: 1px solid #e30613 !important;
	background-color: white !important;
	color: #e30613 !important;
	cursor: pointer;
}

.atomenergie #container #main .inside button a {
	color: white !important;
	text-decoration: none;
}

.atomenergie #container #main .inside button:hover a,
.atomenergie #container #main .inside button a:hover {
	color: #e30613 !important;
	text-decoration: none;
}
 
.abgesendet {
 	display: none;
}

.absenden {
 	display: block;
}


@media screen and (min-width: 1500px) {
	#container #main .inside .mod_search input.text,
	#container #main .inside .mod_search .submit,
	#container #main .inside .mod_search button,
	#container #main .inside .mod_search .formbody button.submit,
	#container #main .inside .mod_search .submit:hover,
	#container #main .inside .mod_search .formbody button.submit:hover {
		font-size: 15px !important;
		line-height: 22.5px !important;
		padding: 9px !important;
	}
	#container #main .inside .formbody input.radio + label::before {
		font-size: 15px !important;
		line-height: 22.5px !important;
	}
}

@media screen and (max-width: 780px) {
	#footer .mod_customnav,
	#header #customnav .max .mod_customnav,
	.desktoponly {
		display: none !important;
	}
	.atomenergie #header #customnav .max .mod_customnav {
		display: block !important;
		width: 75%;
	}
	.atomenergie #header #customnav .max .mod_customnav .mod_customnav {
		width: 100%;
	}
	#header #customnav,
	#header #customnav .max,
	.specials #header #customnav {
		height: 10vw;
		max-height: 10vw;
	}
	.mobileonly {
		display: block !important;
	}
	.breite62,
	.breite94 {
		width: 90%;
		margin: 0 5%;
	}
	#header .breite94 {
		width: 90%;
		margin: 10vw 5% 0 5%;
		min-height: 20vw;
	}
	#header.scrolled #customnav .max .logotop {
		width: auto;
		max-width: auto;
		height: 7vw;
		max-height: 7vw;
	}
	#header.scrolled #customnav .max .logotop .logo-scrolled img {
		margin-left: 0%;
		margin-top: 2vw;
		height: 6vw;
	}
	#header #customnav .max .teaser.mobileonly {
		float: left;
	}
	#header #customnav .max .teaser.mobileonly a {
		text-decoration: none;
	}
	#header #customnav .max .teaser.mobileonly a p {
		text-decoration: none;
		color: white;
		margin-top: 3vw;
		font-family: 'AkkuratReg', sans-serif;
		font-variant-ligatures: none; /* Ligature reset */
		-moz-font-feature-settings: 'ss05' on;
		-ms-font-feature-settings: 'ss05' on;
		-o-font-feature-settings: 'ss05' on;
		-webkit-font-feature-settings: 'ss05' on;
		font-feature-settings: 'ss05' on;
	}
	#header #customnav .max .teaser.mobileonly a:hover p {
		text-decoration: none;
		color: #ffb5b6;
		margin-top: 2vw;
	}
	#header #customnav .max .teaser.mobileonly .image_container {
		display: none;
	}
	.specials #header #customnav .max .teaser.mobileonly,
	#header.scrolled #customnav .max .teaser.mobileonly {
		display: none !important;
	}	
	.specials #header .inside .breite94 {
		width: 90%;
		margin: 10vw 5% 0 5%;
		display: block;
		z-index: 10000;
	}
	#header .breite94 .logo {
		width: 90%;
		margin: 2.5vw 0 0 0;
	}
	.specials #header .inside .breite94 .logo .inside,
	#header .breite94 .logo .inside {
		width: 95%;
		margin: 0;
		padding: 0;
	}
	.atomenergie #header #customnav .max .mod_customnav ul li {
		margin: 5.1vw 1.6vw 0 1.6vw;
		font-size: 3.33vw;
		padding: 0 0 4.1vw 0;
	}
	.atomenergie #header #customnav .max .mod_customnav ul li:hover, 
	.atomenergie #header #customnav .max .mod_customnav ul li.active {
		background-size: auto 2.3vw;
	}
	#header #menu-opener {
		width: 10vw;
		height: auto;
		margin: 0;
		float: right;
	}
	#header #menu-opener #navi-opened {
		display: none;
	}
	#header .mod_navigation#navigation {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding: 0;
		margin-top: 0;
		height: 9vw;
		overflow-x: scroll;
		scrollbar-width: none;
		overflow: -moz-scrollbars-none;
		-ms-overflow-style: none;
		-webkit-overflow-scrolling: touch;
	}
	#header.scrolled .mod_navigation#navigation  {
		top: 9.7vw;
	}
	#header .mod_navigation::-webkit-scrollbar {
		width: 0;
		display: none;
	}
	#header .mod_navigation#navigation  ul {
		width: 175%;
		max-width: 175%;
		height: 9vw;
		margin: 0;
		padding: 0;
	}
	#header .mod_navigation#navigation ul li {
		font-size: 4vw;
		line-height: 4vw;
		height: 9vw;
		background-size: 100% 8%;
	}
	#header .mod_navigation#navigation-second {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
		height: auto;
	}
	#header .mod_navigation#navigation-second  ul {
		height: auto;
		display: block;
	}
	#header .mod_navigation#navigation-second  ul li {
		font-size: 4vw;
		line-height: 4vw;
		height: 9vw;
		width: auto;
		margin: 0 3vw;
		float: left;
	}
/*	.atom #header .mod_navigation ul {
		margin-left: -7.833%;
		padding-right: 7.833%;
	}
	.fossil #header .mod_navigation ul {
		margin-left: -24.5%;
		padding-right: 24.5%;
	}
	.klima #header .mod_navigation ul {
		margin-left: -41.167%;
		padding-right: 41.167%;
	}
	.effizienz #header .mod_navigation ul {
		left: -57.834%;
		margin-right: 57.834%;
	}
	.suffizienz #header .mod_navigation ul {
		margin-left: -74.501%;
		padding-right: 74.501%;
	}
*/

	.specials #header .mod_customnav p {
		font-size: 2.4vw !important;
		margin: 1.6vw;
	}

	.navi-phone-onoff {
		display: block;
		padding: 0;
		margin: -50px 0 60px 0;
	}
	#navi-opened {
		display: none;
		transition: all 0.2s;
	}
	#navi-closed {
		display: block;
		transition: all 0.2s;
	}
	#header .mod_navigation#mod_navigation {
		display: none;
		position: fixed;
		top: 10vw;
		width: 100%;
		height: auto;
		padding-top: 5vw;
		border-top: 0.3vw solid white;
		background-color: #e84148;
		z-index: 2000000;
		transition: all 0.4s;
		bottom:0;
	    overflow-y:scroll;
	    overflow-x:hidden;
	}
	#header .mod_navigation#mod_navigation .suche-mobile {
		width: 95%;
		height: 10vw;
		margin: 0 0 5vw 5%;
		padding: 0;
	}
	#header .mod_navigation#mod_navigation .suche-mobile .suchfeld {
		float: left;
		width: 83%;
		padding: 1vw;
		height: 9vw;
		font-size: 5vw;
		margin: 0;
		border: 0;
		background-color: #f85f66;
		color: white;
	}
	#header .mod_navigation#mod_navigation .suche-mobile .suchfeld::placeholder {
		color: white;
	}
	#header .mod_navigation#mod_navigation .suche-mobile .submit {
		float: left;
		width: auto;
		margin-left: -2vw;
		height: 6vw;
		padding: 2.5vw;
		background-color: #f85f66;
	}
	#header .mod_navigation#mod_navigation ul {
		margin-block-start: 0;
		margin-block-end: 0;
		margin-inline-start: 0;
		margin-inline-end: 0;
		padding-inline-start: 0;
		margin-left: 5%;
	}
	#header .mod_navigation#mod_navigation .navi-margin {
		margin-top: 8vw;
	}
	#header .mod_navigation#mod_navigation .no-navi {
		display: none;
	}
	#header .mod_navigation#mod_navigation ul.level_1 li.home {
		display: none;
	}
	#header .mod_navigation#mod_navigation ul.level_1 li {
		list-style: none;
		padding: 2vw 1vw 3vw 1vw;
		font-size: 5.5vw;
	}
	#header .mod_navigation#mod_navigation ul.level_1 li a,
	#header .mod_navigation#mod_navigation ul.level_1 li span.active,
	#header .mod_navigation#mod_navigation ul.level_1 li span.forward {
    	text-decoration: none;
		color: white;
	    letter-spacing: 0;
		font-family: 'AkkuratReg', sans-serif;
	-moz-font-feature-settings: 'ss05' on;
	-ms-font-feature-settings: 'ss05' on;
	-o-font-feature-settings: 'ss05' on;
	-webkit-font-feature-settings: 'ss05' on;
	font-feature-settings: 'ss05' on;
	}
	#header .mod_navigation#mod_navigation ul.level_1 li a:hover,
	#header .mod_navigation#mod_navigation ul.level_1 li strong,
	#header .mod_navigation#mod_navigation ul.level_1 li span.forward,
	#header .mod_navigation#mod_navigation ul.level_1 li.trail > a {
	    color: white;
	    font-weight: normal;
		font-family: 'AkkuratReg', sans-serif;
		text-decoration: underline;
	font-variant-ligatures: none; /* Ligature reset */
	-moz-font-feature-settings: 'ss05' on;
	-ms-font-feature-settings: 'ss05' on;
	-o-font-feature-settings: 'ss05' on;
	-webkit-font-feature-settings: 'ss05' on;
	font-feature-settings: 'ss05' on;
	}
	#header .mod_navigation#mod_navigation ul.level_1 li > ul {
	    position:relative;
	    padding: 0;
	}
	#header .mod_navigation#mod_navigation ul.level_2 li {
	    width:100%;
	    margin:0;
	}
	#header .mod_navigation#mod_navigation ul.level_2 li a,
	#header .mod_navigation#mod_navigation ul.level_2 li strong,
	#header .mod_navigation#mod_navigation ul.level_2 li span.forward {
	    color: white;
	    font-weight: normal;
		font-family: 'AkkuratReg', sans-serif;
	font-variant-ligatures: none; /* Ligature reset */
	-moz-font-feature-settings: 'ss05' on;
	-ms-font-feature-settings: 'ss05' on;
	-o-font-feature-settings: 'ss05' on;
	-webkit-font-feature-settings: 'ss05' on;
	font-feature-settings: 'ss05' on;
	}
	#header .mod_navigation#mod_navigation p {
		padding: 12vw 1vw;
		font-size: 6vw;
		line-height: 7.2vw;
		margin-left: 5%;
    	text-decoration: none;
		color: white;
	    letter-spacing: 0;
		margin-block-start: 0;
		margin-block-end: 0;
		font-family: 'AkkuratReg', sans-serif;
	-moz-font-feature-settings: 'ss05' on;
	-ms-font-feature-settings: 'ss05' on;
	-o-font-feature-settings: 'ss05' on;
	-webkit-font-feature-settings: 'ss05' on;
	font-feature-settings: 'ss05' on;
	}
	#header .mod_navigation#mod_navigation p a {
		text-decoration: none;
		color: white;
	}
/*	#container #main {
		-moz-hyphens: auto;
		-o-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto; 
	}*/
	#container #main .mod_breadcrumb {
		width: 90%;
		height: auto;
		margin: 6vw 5%;
		font-size: 3vw;
		line-height: 4.5vw;
	}
	#container #main .inside .mod_article,
	#container #main .inside .mod_article.readmore {
		width: 90%;
		padding: 6vw 0 5vw 0;
		margin: 0 5%;
		display: block;
	}
	.blog #container #main .mod_newslist .layout_latest {
		padding: 6vw 0;
		display: block;
	}
	#container #main .inside .mod_article.thematitel .lead {
		display: none;
	}
	#container #main .inside .mod_article.thematitel h1 {
		height: unset;
	}
	#container #main .inside .mod_article.readmore .lead {
		display: block;
	}
	#container #main .inside .mod_article.grau {
		width: 82%;
	}
	#container #main .inside .mod_article.breite100grau {
		padding: 6vw 0 5vw 0;
	}
	#container #main .inside .mod_article.breite100 {
		padding: 6vw 0 5vw 0;
	}
	#container #main h1,
	.magazin #container #main h1,
	#container #main .magazin h1 {
		font-size: 6vw;
		line-height: 7.2vw;
		margin-bottom: 5vw;
	}
	.drei-anti-atom-videos #container #main h1 {
		font-size: 4.5vw;
	}
	.umfrage #container #main .inside .formbody legend,
	#container #main h2,
	.magazin #container #main h2,
	#container #main .magazin h2 {
		font-size: 5.4vw;
		line-height: 6.8vw;
		margin-bottom: 2vw;
	}
	.umfrage #container #main .inside .formbody h6 {
		margin-bottom: 1vw !important;
	}
	.umfrage #container #main .inside .formbody legend {
		margin-bottom: 4vw;
	}
	.umfrage #container #main .inside .formbody input.radio + label {
		margin-bottom: 4vw;
	}
	#container #main h3,
	#container #main .inside .zweispaltig .ce_text h3,
	#container #main .inside .download .ce_text h3, 
	#container #main .inside .download.ce_text h3 {
		font-size: 5.1vw;
		line-height: 6.4vw;
		margin: 0 0 3.6vw 0;
	}
	#container #main .inside .zweispaltig .ce_text {
		float: none;
		width: 100%;
		margin-right: 0%;
		margin-bottom: 3vw;
	}
	#container #main .inside .zweispaltig .ce_text .image_container,
	#container #main .inside .download .ce_text .image_container {
		width: 15%;
	}
	#container #main .inside .zweispaltig .ce_text h3, 
	#container #main .inside .download .ce_text h3 {
		font-size: 4.4vw;
		line-height: 5.1vw;
		margin: 0 0 2.4vw 0;
	}
	#container #main h4,
	#container #main h4.untertitel,
	#container #main .mod_newslist h4 {
		font-size: 3.2vw;
		line-height: 4.2vw;
		margin: 0 0 2.4vw 0;
	}
	#container #main h4.untertitel {
		line-height: 3.6vw;
		margin: 0;
	}
	#container #main h4 strong,
	#container #main .mod_newslist h4 {
		font-size: 4.5vw;
		line-height: 5.4vw;
	}
	.magazin-liste #container #main .mod_newslist h4 {
		font-size: 3vw;
		line-height: 3.6vw;
		margin: 0 0 1vw 0;
	}
/*	#container #main .newsboxen .mod_newslist h4 {
		font-size: 3.2vw;
		line-height: 4.2vw;
		margin: 0 0 2.4vw 0;
	}*/
	#container #main p em {
		font-size: 4vw;
		line-height: 5vw;
	}
	#container #main p strong, 
	#container #main p,
	#container #main td p,
	.magazin #container #main p, 
	.magazin #container #main td, 
	.magazin #container #main td p, 
	#container #main .newsteaser p,
	#container #main .magazin p, 
	#container #main .magazin td, 
	#container #main .magazin td p {
		font-weight: normal;
		font-size: 4vw;
		line-height: 5.5vw;
		margin: 0 0 4.5vw 0;
	}
	.magazin #container #main p strong,
	#container #main .magazin p strong,
	.magazin #container #main .teaserbox p strong,
	.magazin #container #main .teaserbox p,
	#container #main .teaserbox.magazin p,
	#container #main .teaserbox.magazin p strong {
		font-size: 4vw;
		line-height: 5vw;
	}
	#container #main .inside .accordion .grau, 
	#container #main .inside .mod_article .grau {
		font-size: 3.6vw;
		line-height: 4.5vw;
		padding: 6vw 5% 6vw 5%;
		margin-bottom: 6vw;
	}
	#container #main ul li,
	#container #main ol li,
	#container #main td,
	#container #main td strong {
		font-size: 4vw;
		line-height: 5.7vw;
	}
	#container #main p strong, 
	.magazin #container #main p strong,
	#container #main .magazin p strong,
	.magazin #container #main .teaserbox p strong,
	#container #main .teaserbox.magazin p strong,
	#container #main td strong,
	#container #main .ce_accordion .toggler {
		font-size: 4.8vw;
		line-height: 5.9vw;
	}
	#container #main ul, 
	#container #main ol {
		padding-left: 6.5vw;
	}
	#container #main h5 {
		font-size: 3vw;
		line-height: 5.7vw;
		height: 8vw;
		margin: 8vw 0 0 0;
	}
	.atomenergie.specials #container #main .ce_text.bordertop h5 {
		margin-top: 0 !important;
		height: auto;
		margin-bottom: 4vw;
	}
	.atomenergie #container #main .ce_accordion .toggler {
		font-size: 4vw;
	}
	#container #main h5 a,
	#container #main h5 a:visited,
	#container #main .inside .formbody input.submit,
	#container #main .inside .formbody button.submit,
	#container #main .inside form input.button,
	#container #main .inside .formbody input.button,
	#footer .inside .formbody input.button,
	#lema-container.lema-container .lema-step-number span,
	#lema-container.lema-container .lema-button,
	#container #main .inside .formbody .button,
	#container #main .inside .formbody input.submit {
		padding: 2vw 2.5vw;
	}
	#container #main .betragauswahl h5 {
		float: none;
		width: auto;
		margin-top: 4vw;
		margin-bottom: 2vw;
		font-size: 4vw;
	}
	#container #main h6,
	#container #main h6 strong{
		font-size: 3.6vw;
		line-height: 4.5vw;
	}
	#container #main .teaserbox h6 {
		padding-top: 3vw;
	}
	#container #main .image_container.float_left,
	#container #main .image_container.float_right {
		width: 47.5%;
		margin-bottom: 2vw;
	}
	#container #main .rsts-view .rsts-slide img,
	#container #main .rsts-view .rsts-active img {
		width: 100%;
		margin: 0;
	}
	#container #main .rsts-view .rsts-slide .ce_text {
		top: 10.5%;
		left: 9%;
	}
	#container #main .rsts-view .rsts-active .ce_text {
		top: 8.5%;
		left: 7.5%;
	}
	#container #main .rsts-view .rsts-slide h4 {
		margin-bottom: 0.65vw;
		font-size: 2.9vw;
		line-height: 2.9vw;
	}
	#container #main .rsts-view .rsts-slide h2 {
		font-size: 4vw;
		line-height: 5.7vw;
	}
	#container #main .rsts-view .rsts-slide p,
	#container #main .rsts-view .rsts-slide p strong {
		font-size: 3vw !important;
		line-height: 3.1vw !important;
	}
	#container #main .rsts-view .rsts-active h4 {
		margin-bottom: 0.65vw;
		font-size: 3vw;
		line-height: 3vw;
	}
	#container #main .rsts-view .rsts-active h2 {
		font-size: 5.5vw;
		line-height: 6.5vw;
	}
	#container #main .rsts-view .rsts-active p,
	#container #main .rsts-view .rsts-active p strong {
		font-size: 5vw !important;
		line-height: 6vw !important;
	}
	#container #main .rsts-nav li.rsts-nav-item {
		margin: 0;
		padding: 0;
		line-height: 3.6vw;
	}
	#container #main .rsts-nav li.rsts-nav-item a {
		margin: 0 1vw 1vw 1vw;
		height: 0.5vw;
		width: 8vw;
	}
	#container #main .inside .mod_article.readmore {
		max-height: 75vw;
	}
	#container #main .inside .mod_article .readmore-link {
		font-size: 4vw;
		padding-bottom: 12vw;
		padding-top: 30vw;
	}
	#container #main .inside .mod_article .readmore-link.expand {
		padding: 0;
	}
	#container #main .mod_navigation#navigation-third-icons a {
		font-size: 4vw;
		height: 8.2vw;
		padding-left: 2vw;
		padding-right: 2vw;
	}
	#container #main .mod_navigation#navigation-third-icons img,
	#container #main .mod_navigation#navigation-third-icons a.backlink {
		height: 9.5vw;
		width: 9.5vw;
	}
	#container #main .newsboxen .layout_full.even {
		clear: left;
		float: left;
		width: 48%;
		margin-right: 4%;
	}
	#container #main .newsboxen .layout_full.odd {
		width: 48%;
		margin-right: 0;
	}
	#container #main .newsboxen a .layout_full h3 {
		font-size: 4vw;
		line-height: 5vw;
	}
	#container #main .newsboxen a .layout_full h6 {
		font-size: 2.5vw;
		line-height: 5vw;
	}
	#container #main .mod_newslist .newsicon {
		width: 10%;
	}
	#container #main .mod_newslist .newsblock {
		width: 89%;
	}
	#container #main .mod_newslist .newsblock h6.left,
	#container #main .mod_newslist .newsblock h6.right {
		font-size: 2.5vw;
		width: 50%;
	}
	#container #main .mod_newslist .newsblock h2 {
		font-size: 3.5vw;
		line-height: 4vw;
		width: 80%;
	}
	#container #main .mod_eventlist .layout_teaser {
		padding: 6vw 0;
	}
	#container #main #medienarchiv_form .widget-select {
		float: none;
		width: 100%;
	}
	#container #main #medienarchiv_form .widget label,
	#container #main #medienarchiv_form .widget select {
		font-size: 3vw;
	}
	#container #main .ce_text.team {
		padding: 6vw 2% 6vw 6%;
		margin: 2.67vw 0;
	}
	#container #main .ce_text.team .image_container {
		margin-right: 4%;
	}
	#container #main .ce_text.team h4 {
		font-size: 3vw;
		line-height: 3.8vw;
	}
	#container #main .ce_text.team h2 {
		font-size: 4vw;
		line-height: 4.5vw;
	}
	#container #main .ce_text.team p,
	#container #main .ce_text.team p strong {
		font-size: 3vw;
		line-height: 4.2vw !important;
	}
	#container #main .ce_text p em,
	#container #main .mod_article.zitat .ce_text p {
		font-size: 4vw;
		line-height: 5.7vw;
	}
	.atomenergie #container #main .inside button,
	.atomenergie #container #main .inside .formbody .widget-submit button,
	.atomenergie #container #main .inside button:hover,
	.atomenergie #container #main .inside .formbody .widget-submit button:hover,
	.umfrage #container #main .inside .formbody button,
	.umfrage #container #main .inside .formbody button:hover,
	#container #main .inside .formbody input.submit, 
	#container #main .inside .formbody button.submit, 
	#container #main .inside form input.button, 
	#container #main .inside .formbody input.button, 
	#footer .inside .formbody input.button, 
	#lema-container.lema-container .lema-step-number span, 
	#lema-container.lema-container .lema-button, 
	#container #main .inside .formbody .button, 
	#container #main .inside .formbody input.submit {
		margin-top: 3vw;
		font-size: 16px !important;
		line-height: 18px !important;
	}
	.umfrage #container #main .inside .formbody h5 {
		height: auto;
	}	
	#container #main .inside .mod_article.breite100grau h3 {
		width: 90%;
		margin: 0 auto;
		font-size: 4.8vw;
		line-height: 4.8vw;
		height: 5.4vw;
	}
	#container #main .mod_navigation#navigation-second-icons ul li {
		height: 26.2vw;
		line-height: 2.7vw;
	}
	#container #main .mod_navigation#navigation-second-icons ul li a {
		font-size: 2.4vw;
		line-height: 2.7vw;
	}
	#container #main .mod_navigation#navigation-second-icons,
	#container #main .mod_navigation#navigation-third-icons {
		width: 90%;
		margin: 0 auto;
		padding: 5vw 0 0 0;	
	}
	.magazin-liste #container #main .mod_newslist .layout_latest.even ul {
		margin-left: 47.67vw;
		max-width: 50%;
		margin-block-end: 0;
	}
	.magazin-liste #container #main .mod_newslist .layout_latest.odd ul {
		max-width: 50%;
		margin-block-end: 0;
	}
	.magazin-liste #container #main .mod_newslist .image_container img {
		padding: 0.5vw;
	}
	.magazin-liste #container #main .mod_newslist .layout_latest .image_container {
		height: 42.7vw;
	}
	.magazin-liste #container #main ul li, 
	#container #main .magazin ul li {
		font-size: 3.6vw;
	}
	.magazin-liste #container #main .mod_newslist .layout_latest {
		padding: 6vw 0;
	}
	.specials #container #main .inside .mod_article.breite100.bild .ce_text h6 {
		margin-bottom: 0 !important;
	}
	.specials #container #main .inside .mod_article.breite100.bild .ce_text p {
		line-height: 0;
		margin: 0;
	}
	.specials #container #main .inside .mod_article.breite100.bild .ce_text,
	.specials #footer .inside .mod_article.breite100.bild .ce_text {
		left: 0;
		width: 90%;
	}
	.specials #container #main .inside #spezial.mod_article.breite100 h5 {
		margin: 0;
	}
	.specials #container #main .inside #spezial.mod_article.breite100 h5 a {
		margin: 0;
		font-size: 4vw;
		line-height: 4vw;
	}
	.specials #container #main .grafik p.grafik img {
		width: 100%;
	}
	.specials #container #main .grafik td img {
		height: 5.7vw;
		width:  5.7vw;
		margin-right: 1.5vw;
		margin-bottom: 0.5vw;
	}
	.specials #container #main .grafik td.first {
		width: 7.2vw !important;
	}
	#container #main .mod_article.paddingbottom {
		padding-bottom: 0;
	}
	#container #main .mod_article.bordernachtext, 
	#container #main .mod_article .bordernachtext {
		padding-bottom: 3vw !important;
	}
	.suche #container #main .mod_search form, 
	.suche #container #main .mod_search .header, 
	.suche #container #main .mod_search .odd, 
	.suche #container #main .mod_search .even {
		margin: 6vw 0;
	}
	#container #main .inside .formbody input.radio {
	    vertical-align: middle !important;
	}
	#container #main .inside .formbody input.radio + label,
	#container #main .inside .formbody input.checkbox + label,
	#container #main .inside .formbody input.text::placeholder,
	#container #main .inside .formbody input.text {
		font-size: 16px !important;
		line-height: 18px !important;
	    vertical-align: middle !important;
	}
	#container #main .betrag .cfdescription {
		font-size: 3.6vw;
		margin-top: -1vw;
	}
	#container #main .betrag .cficon,
	#container #main .betrag .cficon img {
		float: right;
		width: 12vw;
		height: auto;
	}
	#container #main .betrag #lbl_172_0 .dank_172_0,
	#container #main .betrag #lbl_172_1 .dank_172_1,
	#container #main .betrag #lbl_172_2 .dank_172_2,
	#container #main .betrag #lbl_172_3 .dank_172_3,
	#container #main .betrag #lbl_172_4 .dank_172_4,
	#container #main .betrag #lbl_172_5 .dank_172_5,
	#container #main .betrag #lbl_172_6 .dank_172_6
	{
		top: 8vw;
		font-size: 3.6vw;
	}
	#container #main .betrag #lbl_172_0:hover .dank_172_0,
	#container #main .betrag #lbl_172_1:hover .dank_172_1,
	#container #main .betrag #lbl_172_2:hover .dank_172_2,
	#container #main .betrag #lbl_172_3:hover .dank_172_3,
	#container #main .betrag #lbl_172_4:hover .dank_172_4,
	#container #main .betrag #lbl_172_5:hover .dank_172_5,
	#container #main .betrag #lbl_172_6:hover .dank_172_6 {
		font-size: 3.6vw;
		margin-right: 1.2vw;
	}
	.drei-anti-atom-videos #container #main img.checked {
		width: 5vw;
		height: auto;
		margin: 0 0.2vw -0.5vw -0.2vw;
		padding: 0 0 9vw 0;
		float: left;
	}
	#container .mod_article .geschafft {
		top: 12vw;
		right: 6vw;
		width: 20vw;
		height: 20vw;
	}
	.ses-2023 #container #main h5 {
		padding-top: 5vw;
		font-size: 3vw;
	}
	.ses-2023 #container #main h5 a {
		font-weight: bold;
		border: 1px solid #e84148;
		padding: 2vw 2.2vw;
	color: white;
		background-color: #e84148;
	}
	.ses-2023 #container #main h5 a:hover {
		border: 1px solid #e84148;
		background-color: white;
		color: #e84148;
	}
	#footer .linkespalte,
	#footer .rechtespalte{
		width: 100%;
		float: none;
		margin-right: 0;
		margin-left: 0;
	}
	#footer .footertop {
		padding: 6vw 0;
	}
	#footer .footertop .linkespalte img {
		width: 100%;
	}
	#footer .footertop .rechtespalte {
		margin-top: 4vw;
		font-size: 3.6vw;
		line-height: 4.55vw;
	}
	#footer .footerbottom {
		padding: 3vw 0;
	}
	#footer .footerbottom .linkespalte {
		display: none;
	}
	#footer .footerbottom .rechtespalte img {
		height: 9vw;
		margin-right: 2.5vw;
	}
	#container #main .inside .mod_search input.text,
	#container #main .inside .mod_search .submit,
	#container #main .inside .mod_search button,
	#container #main .inside .mod_search .formbody button.submit,
	#container #main .inside .mod_search .submit:hover,
	#container #main .inside .mod_search .formbody button.submit:hover {
		padding: 0.6vw !important;
		font-size: 4vw !important;
		line-height: 6vw !important;
		margin-top: 0 !important;
	}
	.spezial .mod_article.halbhalb .ce_text,
	.spezial .mod_article.halbhalb .giphy {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}

@media screen and (max-width: 600px) {
	#header #customnav .max .teaser.mobileonly a p {
		margin-top: 1.5vw;
	}
}

#container #main .mod_article .smcx-embed,
#container #main .mod_article .smcx-embed>.smcx-iframe-container {
	max-width: 100%;
}

#container #main .mod_article .smcx-embed iframe html.auto-scroll .survey-page .survey-page-body {
	max-width: 100%;
}

#container #main .mod_article .smcx-embed iframe html body .v3theme .survey-page .survey-page-body {
	padding: 80px 0 0 0;
}

.nofooter #footer {
	display: none;
}

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

@media print {
	#container #main .mod_breadcrumb,
	#container #main .inside .mod_article,
	.breite62,
	#container #main .breite100grau h3,
	#container #main .mod_navigation#navigation-second-icons,
	#container #main .mod_navigation#navigation-third-icons,
	#container #main .inside .mod_article.readmore,
	.specials #container #main .inside .mod_article.breite100.bild .ce_text,
	.specials #footer .inside .mod_article.breite100.bild .ce_text {
		width: 90%;
	}
	#container #main .inside .mod_article.readmore.expand {
		max-height: unset !important
	}
	#header #customnav,
	#header #mod_navigation,
	#header .breite94 .teaser,
	#header #navigation,
	#footer .footertop .linkespalte,
	#footer .footerbottom,
	.cookiebar {
		display: none;
	}
	#container #main .mod_breadcrumb,
	#container #main .mod_breadcrumb a{
		font-size: 1vw;
		color: #0e0e0e;
	}
	#container #main h1,
	#container #main h2,
	#container #main h3 {
		font-size: 1.6vw;
		line-height: 2vw;
	}
}