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}.media{display:flow-root}.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}.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%} .rsts-main,.rsts-main *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rsts-header,.rsts-footer,.rsts-thumbs-header,.rsts-thumbs-footer{overflow:hidden}.rsts-view,.rsts-thumbs-view{position:relative}@media print{.rsts-view,.rsts-thumbs-view{position:static}}.rsts-crop,.rsts-thumbs-crop{position:relative;overflow:hidden}@media print{.rsts-crop,.rsts-thumbs-crop{position:static;overflow:visible;width:auto !important;height:auto !important;transform:none !important}}.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:absolute;left:0;top:0}@media print{.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:static;width:auto !important;height:auto !important;transform:none !important}.rsts-slides.rsts-slide-image img,.rsts-slides.rsts-slide-video img,.rsts-slides.rsts-thumbs-slide-image img,.rsts-slides.rsts-thumbs-slide-video img,.rsts-slide.rsts-slide-image img,.rsts-slide.rsts-slide-video img,.rsts-slide.rsts-thumbs-slide-image img,.rsts-slide.rsts-thumbs-slide-video img,.rsts-thumbs-slides.rsts-slide-image img,.rsts-thumbs-slides.rsts-slide-video img,.rsts-thumbs-slides.rsts-thumbs-slide-image img,.rsts-thumbs-slides.rsts-thumbs-slide-video img,.rsts-thumbs-slide.rsts-slide-image img,.rsts-thumbs-slide.rsts-slide-video img,.rsts-thumbs-slide.rsts-thumbs-slide-image img,.rsts-thumbs-slide.rsts-thumbs-slide-video img{width:100% !important;height:auto !important;margin:0 !important}}.rsts-slide,.rsts-thumbs-slide{overflow:hidden}@media print{.rsts-slide,.rsts-thumbs-slide{position:static}}.rsts-video-iframe,.rsts-thumbs-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.rsts-type-slide .rsts-view,.rsts-thumbs-type-slide .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/openhand.cur"),default;cursor:-webkit-grab;cursor:-moz-grab;cursor:-ms-grab;cursor:-o-grab;cursor:grab}.rsts-type-slide.rsts-dragging .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/closedhand.cur"),default;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-ms-grabbing;cursor:-o-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rsts-type-slide.rsts-dragging-disabled .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging-disabled .rsts-thumbs-view{cursor:auto}@media print{.rsts-nav,.rsts-prev,.rsts-next,.rsts-overlay-prev,.rsts-overlay-next,.rsts-progress,.rsts-thumbs-nav,.rsts-thumbs-prev,.rsts-thumbs-next,.rsts-thumbs-overlay-prev,.rsts-thumbs-overlay-next,.rsts-thumbs-progress{display:none !important}} .rsts-skin-default-content.rsts-main{position:relative}.rsts-skin-default-content.rsts-type-fade .rsts-slide{background-color:#fff}.rsts-skin-default-content .rsts-caption{position:absolute;top:20px;left:20px;margin-right:20px;padding:5px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;background-color:#000;background-color:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:translate(0, -20px);-moz-transform:translate(0, -20px);-ms-transform:translate(0, -20px);-o-transform:translate(0, -20px);transform:translate(0, -20px);-webkit-transition:opacity 0.5s,-webkit-transform 0.5s;-moz-transition:opacity 0.5s,-moz-transform 0.5s;-o-transition:opacity 0.5s,-o-transform 0.5s;transition:opacity 0.5s,transform 0.5s}.rsts-skin-default-content .rsts-active .rsts-caption{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.rsts-skin-default-content .rsts-prev,.rsts-skin-default-content .rsts-next{display:none}.rsts-skin-default-content .rsts-nav-prev a,.rsts-skin-default-content .rsts-nav-next a,.rsts-skin-default-content .rsts-video-play,.rsts-skin-default-content .rsts-video-stop,.rsts-skin-default-content .rsts-thumbs-prev,.rsts-skin-default-content .rsts-thumbs-next{overflow:hidden;width:30px;height:30px;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;line-height:0;text-align:center;text-decoration:none;text-indent:-9999px;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);background-position:50% 50%;-webkit-transition:opacity 0.05s linear;-moz-transition:opacity 0.05s linear;-o-transition:opacity 0.05s linear;transition:opacity 0.05s linear}.rsts-skin-default-content .rsts-nav-prev a:hover,.rsts-skin-default-content .rsts-nav-next a:hover,.rsts-skin-default-content .rsts-video-play:hover,.rsts-skin-default-content .rsts-video-stop:hover,.rsts-skin-default-content .rsts-thumbs-prev:hover,.rsts-skin-default-content .rsts-thumbs-next:hover{background-color:#eee;background-color:rgba(238,238,238,0.7)}.rsts-skin-default-content .rsts-nav-prev a,.rsts-skin-default-content .rsts-nav-next a,.rsts-skin-default-content .rsts-thumbs-prev,.rsts-skin-default-content .rsts-thumbs-next{display:inline-block;vertical-align:top}.rsts-skin-default-content .rsts-thumbs-prev,.rsts-skin-default-content .rsts-thumbs-next{position:absolute;top:50%;right:10px;margin-top:-15px}.rsts-skin-default-content .rsts-thumbs-prev{right:auto;left:10px}.rsts-skin-default-content .rsts-nav-prev a,.rsts-skin-default-content .rsts-thumbs-prev{margin-right:10px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAilBMVEUHBwg/QEF5enp5ensCAwQHCAhzdHUAAQEGBwh8fX37+/svMDBub3COjo9yc3NtbW709fWvsLDm5uba2trR0dEuLi6Pj4/Q0NDl5eXZ2toFBgfz8/MuLy/09PT29vb8/Pz6+vp7e3x0dXZzdHT4+Pj39/f9/v3+/v79/f3///8EBQb5+fkAAAD19fVMP6q+AAAALnRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8hTP8QAAAJ1JREFUeNrV0lkPwiAMAOB53zrva2xOxQm0///vWZ4a1o3EN20gNPnSlFASRKVQIS2KFHPKaPvcH8St8WesXYzddVMIZn3NZ1tTZ9Y7QLa7MdfVWlgYZqk9lzML7VZPbGCdDsFekpI14GoN/fGoY6aqkbVaUvVg0lKN7v3wvcuwt/Tg5tIPRjA77I/i1dhX2dnEJnYq4vP+2a/4FX8AsSOXytKixMYAAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default-content .rsts-nav-prev a,.rsts-skin-default-content .rsts-thumbs-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAIVBMVEWhoaE7PD15enqVlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXsWX/bAAAAC3RSTlOAgICAgICAgICAgMiF55wAAAB9SURBVHja7dUxEoAgFANRFBTw/ge2YythEivHn/6VmU3XiwUOHPhPuGYf196zjLHPOi0tWsBYtICx/Zxgw4INCzYs2LBgw4INC55ZFadhN+NVbeh9jhf6mGJDgw0NNjTY0GBDgz0NXusiYDRWwGisgNHFL0Yrnwxd4MCBtd3+EosAicYyWQAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default-content .rsts-nav-next a,.rsts-skin-default-content .rsts-thumbs-next{margin-left:10px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAkFBMVEUBAQLPz9AlJiYlJifS0tIsLS0nJyjQ0dDR0tIBAQElJSYrLC2tra39/PwFBQYFBgf6+fmBgYKCgoL9/f339vZBQULIycnIyMiCg4PR0dEmJycmJyjMzMz8/Pzl5eXj4+MCAwQGBwghIiP09PT7+/shIiL6+vrNzs7Nzc0iIyP29vb39/cHCAkAAAD////19fV/WdL3AAAAMHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICRnvRdAAAAnklEQVR42tXSxw7CMAwG4LL3XqUtLdRQqNPY7/92WEJVDhkSN7B8iPTpl6M4ETMAA0t/ChmwPTELe+uPGKsQKywWflYUJxn5eI9xpOsneXidp7pp3Wa+dHrGbWY6d43bLD673nR9vLsZaL5cNfoAyp0eDyRdntxp6icy+/Ei981HqVGLq3xo1GaFm4kuRb1vvp1mFNzYLrzvn/2KX/MbXNOe099MDj0AAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default-content .rsts-nav-next a,.rsts-skin-default-content .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAHlBMVEWhoaE7PD2VlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXtfGSSAAAACnRSTlOAgICAgICAgICAXdxslAAAAHxJREFUeNrt1TEOgDAMxdDSAi33vzBbPVUoZkLE+1O2/HK9KHHixH/A9fS4jnGGMfZZl6VFBzAWHcLHQD9gocFCg4UGCw0WGiw0WGjwum3qEsb7tH1xWViwsGBhwcKChQULC5Z2jRs2itHdfc+GjWB094vR+ieHLnHixK4bjyV89TB6vlgAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default-content.rsts-direction-y .rsts-nav-prev a{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUgISLDw8MgICGUlZaIiImSk5PCwsP9/f39/PyHh4iUlJWSkpLX2NgAAQIoKSkGBwgdHR7Ly8skJSYEBAXHyMj+/v739/ciIyMhIiImJyfNzc3S0tL8/Pz7+/v29vYHCAnNzs4AAAD////19fVh+HN2AAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAiUlEQVR42uXRyQ7CMAwE0LC2QHfaQkji1sP//yNR1csEiXMlfPFI7zCWbN7JCCVmnj9i738x2hbMpHPTzCAmfag+XyAmrWt2QzqV5URuSLWqdHXmsDMRbFHYuPbnkPBw0rtaBzgbw21IWPKjdg6xxHV68ZJ2j9mhXyrRX/34fblgLQyQLf57S/wBI9V2nx3O9QoAAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default-content.rsts-direction-y .rsts-nav-prev a{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAeUlEQVR42u3UMQ6AMAzF0A8BmvufGHVpyOIOFRJI8f5WyxcqXLhw4U9jLeCznYzRNtYi2zsIs2UttqzFlrXYshZb1mLLWmg31iJ7+YVaaJ210GY9x/awWdsc+z5s1uaEQ4cNbY449LChzQFn3W3S9qsBFi5cuPDr+AYQcW8C6kiUiAAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default-content.rsts-direction-y .rsts-nav-next a{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUwMTKKi4suLzAGBwja2trR0dEwMDEuLi/Q0NDZ2dmJiYp7e3x6e3t/gIEAAQL09PTn5+f6+vr8/Px0dHVwcHH8/f329vYFBgdzdHT+/v79/v339/f9/f3///90dXb4+Pj5+fkEBQYAAAD19fUC5l8BAAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAnElEQVR42uXSyQ4CIQwG4HEddRZmZUSEQnn/d7RkSAi4HI2Jf6AlfIceoHCOMcccrTXcMR5OtInf5k/YyLVL84qHjoHvwLrhmdW+0AJIhT6eVc79YYtYCQBRIZanPmO1QWuxVqr2/aIylqD9fdP4OoLMZ5sb+dK2i8Xr3cTZie+CRk49aOTUcSRNOfo8TXPUnB1QPj0J5z/5Hb7OD7UPdeTEuFeXAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default-content.rsts-direction-y .rsts-nav-next a{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAg0lEQVR42u3UMQ6EMAxE0WVDYu5/YhpLXzBSRkAF8i9tvXZ+24MKFy5c+HP4P06H0RzGRoyjjWgOY1Nj0YLFpsaip7hFNrBog3ug02brDKsWK3imxQqe6EWsxWi1HqOxHqONBTuN9RiN9Vg11mPVWI9V99tL0rEe6/dVA1i4cOHCl9oBak1vAkBKLfwAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default-content .rsts-nav{padding:20px 0 0;text-align:center}.rsts-skin-default-content .rsts-nav ul{margin:0 !important;padding:0 !important}.rsts-skin-default-content .rsts-nav li{display:inline}.rsts-skin-default-content .rsts-nav-numbers .rsts-nav-item a,.rsts-skin-default-content .rsts-nav-tabs .rsts-nav-item a{display:inline-block;height:30px;min-width:30px;padding:0.65em 0.5em 0.5em;margin:0 2px 3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;font-size:12px;text-align:center;text-decoration:none;color:#333;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.2);box-shadow:0 0 2px rgba(0,0,0,0.2)}.rsts-skin-default-content .rsts-nav-numbers .rsts-nav-item a:hover,.rsts-skin-default-content .rsts-nav-tabs .rsts-nav-item a:hover{background-color:#eee;background-color:rgba(238,238,238,0.5)}.rsts-skin-default-content .rsts-nav-numbers .rsts-nav-item a.active,.rsts-skin-default-content .rsts-nav-tabs .rsts-nav-item a.active{background-color:#777;background-color:rgba(119,119,119,0.5)}.rsts-skin-default-content .rsts-nav-bullets{line-height:0}.rsts-skin-default-content .rsts-nav-bullets .rsts-nav-item a{display:inline-block;width:9px;height:9px;overflow:hidden;margin:12px 4px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;outline:none;text-align:left;text-indent:-999px;background-color:#fff;background-color:rgba(255,255,255,0.8);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px #777;-moz-box-shadow:0 0 2px #777;box-shadow:0 0 2px #777}.rsts-skin-default-content .rsts-nav-bullets .rsts-nav-item a:hover,.rsts-skin-default-content .rsts-nav-bullets .rsts-nav-item a.active{background-color:#777;-webkit-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;-moz-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555}.rsts-skin-default-content .rsts-nav-thumbs{padding-top:5px}.rsts-skin-default-content .rsts-video-play,.rsts-skin-default-content .rsts-video-stop{position:absolute}.rsts-skin-default-content .rsts-video-play{top:50%;right:auto;bottom:auto;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAb1BMVEU4ODgGBgbx8fGurq7i4uIODg5QUFD7+/vBwcEUFBQYGBggICC1tbXNzc0JCQkVFRWsrKwTExPExMTS0tImJibv7+9KSkozMzP4+PhYWFj+/v6Dg4MDAwPl5eVycnKenp4MDAza2toPDw////8AAACZ5/RyAAAAJXRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAwmBGiwAAALNJREFUeNrt1kcOwkAQRFFyxsYmBxtDc/8zIrGpA/xaWKhnO9KT5ncvZvCxnGSSSSaZv2GK0sIsFzMHM53MWwPzfkU8OwsT9cHCRHOyMHFpLYwCIUaBEKNAiFEgxCgQYhSIMQrEGAXijAJxJrZrC7NZGZjb/WF41PHqSLw/Owa+q9D6KQthlAUwykIYZSGMsiBGWRCjLIhRFsQoC2Ga0S8LZMqx7gAzLPr0aUsmmWSS6SXzBf8cqwAv1zglAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default-content .rsts-video-play{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAMAAACZHrEMAAAARVBMVEUJCQlOTk4nJyddXV1gYGD29vbh4eGTk5PAwMA2NjYYGBgGBga3t7dUVFQtLS0SEhKHh4fb29sDAwPz8/NaWlr///8AAACZTZFgAAAAF3RSTlOAgICAgICAgICAgICAgICAgICAgICAgCZn8kAAAAFfSURBVHja7dpZUsMwFAVR5gDRLMT+l8r1Cqjih/5oLyB1kurYlp4evkGXGDFixIgRI0aMGDFixIgRI0aMGDFifseQvsBfPvjrdgdhzvsnCHPePkCY8/oCwpxzu4MwCQeESTggTMIBYa5wQJiEA8IkHBAm4YAwVzggTMIBYRIOCJNwQJgrHBAm4YAwCQeESTggzBUOCJNwQJiEA8IkHBDmCgeESTggTMIBYRIOCHOFA8IkHBAm4YAw5/UZhDn7iYOZjfPLlM5pZizMv2lXzk1vNs4duHTOs2kszFN7V87L1WycN73SOe/AY2FWB7tyFnGzcVaUpXPW2mNhdiF25WwWzcbZuSqds6c3Fma3c1fOpvRsnB3y0jmzg7EwU5VdOcOv2TiTuNI5M8qxMNPbXTlD9tk4E//SOWchxsKcEnmsoMM8qGNOYsRgLjFixIgRI0aMGDFixIgRI0aMGDH/e/0Ai4OJ2+ZcrkwAAAAASUVORK5CYII=');background-size:70px,70px}}.rsts-skin-default-content .rsts-video-stop{top:20px;right:20px;left:auto;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEWnp6dOTk7x8fHv7+9HR0fw8PDu7u7e3t5NTU3f398UFBQTExP4+PhLS0tvb29xcXH09PRJSUn39/fn5+cWFhampqb29vZISEhMTExLS0ukpKT////r6+sAAAD///8AAABKSkr19fUAAAD///8df9PJAAAAJHRSTlN6e35+e35+e3t7fX1/fHl5fXt/e315fnt7e3p/foGBfnt9gIDdofLFAAAAk0lEQVR42u2SSQ7DIAxF03nKPBEC2Ni9/x3jsMXqsuqiljxITx/8EcX7Y/wxuOmUhmPhIMdlg4akzxGbMscrBu4IyHLANce+Ymb7WKRWPsdyqpCnZJzVzUmUEgvpxmAYA4dxAB3TIanvupqisJdkRwr2O403K9V43bdpgaLuu6/x3KY7sO7VN7+m4TI5+K3v8H28AYM7doAzbo6MAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default-content .rsts-video-stop{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAALVBMVEXo6OjGxsZjY2PKysq3t7ewsLCOjo7f39+Pj4/l5eVfX19hYWHj4+NRUVH///80A/15AAAAD3RSTlOGkL2PlZemiKWHvr2HyICcCOzTAAAAv0lEQVR42u3VSQ7DIAxA0bRJSBjs+x83mzYfNnatLqpKeM0THmRY9IuYeOKJJ7bwlsdTWwCfUpsS+Smni7EipfVW5PQwtte5iqAdvIvcGiuy25gs0e1ta7YwuqJ76+NRr6P1MbkSTM7HaKyP0QXK1HyMxgaxrjde1cBe1TV4MzZeMxYdm7OvF9OWR7H0YtpDG/ojnDurnc6hfT7Iw9tnImE7ney00bdFJ3Uw+mXpQoq822Nv8/Yf383EE0/8G3wBfh3Bcn7dsMIAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default-content .rsts-video-youtube>.rsts-video-stop{top:25px}.rsts-skin-default-content .rsts-video-vimeo>.rsts-video-stop{top:10px;right:auto;left:10px}.rsts-skin-default-content .rsts-progress{position:absolute;top:0;right:0;width:100%;height:2px;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.rsts-skin-default-content .rsts-progress div{height:100%;background-color:#fff}.rsts-skin-default-content .rsts-progress.rsts-progress-active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}.rsts-skin-default-content .rsts-thumbs-slide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.rsts-skin-default-content .rsts-thumbs-slide.rsts-thumbs-active-thumb{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} #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"); } #header #customnav .max .mod_customnav @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,50,.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.breite100.klimapolitik { background-color: #9cd7d5; } #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; } #container #main .inside .mod_article.fullscreen{ width: auto; max-width:none; padding:0; } #container #main .inside .mod_article.fullscreen .ce_image > .fullscreen{ height: 100vh; background-size: cover; background-position: center; } #container #main .inside .mod_article.fullscreen + .mod_article{ margin-top: -38vh; background-color: white; padding: clamp(15px, 4vw, 50px) clamp(15px, 4vw, 50px) !important; } /*.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; } body.petition-scrolled #header #customnav .max .logotop .logo-scrolled { display: block; } #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: 84%; max-width: 930px; float: left; margin: 0; padding: 0; margin-block-start: 0; margin-block-end: 0; padding-inline-start: 0; display: flex; justify-content: left; 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.5vw 0 1.5vw; 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{ margin:0; padding:0; } #header #customnav .max .mod_customnav ul li a, #header #customnav .max .mod_customnav ul li strong{ display:inline-block; padding: 1vw 1.3vw 1.1vw 1.3vw; } #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; } body.petition-scrolled #header #customnav .max .mod_customnav ul li:hover, body.petition-scrolled #header #customnav .max .mod_customnav ul li.active, body.petition-scrolled #header #customnav .max .mod_customnav ul li.trail{ background-position: center bottom 3px; background-repeat: no-repeat; background-size: auto 0.6vw; 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, #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{ margin:0; padding:0; } #header #customnav .max .mod_customnav ul li a{ padding: 1em; } #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; } #header .breite94 .logo a { border: 0 !important; text-decoration: none !important; } #header .breite94 .logo a .main { box-sizing: none !important; } #header .breite94 .logo ::selection { background: none !important; } .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: #F18F86; } #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: #F18F86; } .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: #F18F86; } .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.7vw; 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; } #container #main p.mittig { display: flex; line-height: 1em; align-items: center; justify-content: left; } .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: 1.2em; 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: 1.2em; 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: #F18F86; } #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 .mod_article .grau.aufruf h3 { margin-bottom: 0.75vw; } #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 .ce_text.bild-links p a, #container #main .ce_text.bild-links p a:hover { border-bottom: 0; } #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: #F18F86; } #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: #F18F86; } .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 .inside .mod_article .grau.aufruf h3 { margin-bottom: 11.25px; } #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; } } /* ------------- TEAM FOKUS 1-2024 ------------------- */ #container #main .liste { display: flex; } #container #main .ce_text.team.fokus { width: 30%; float: left; margin: 1.66%; padding: 0; background: none; } #container #main .ce_text.team.fokus p { display: block; margin-bottom: 0.2vw; } #container #main .ce_text.team.fokus .image_container { margin-left: 0; width: 30%; margin-bottom: 0.3vw; } /* ------------- 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: #F18F86; } #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: #F18F86; } .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: #F18F86; } .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: #F18F86; } .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; } a.share, a.share:hover { text-decoration: none !important; border-bottom: 0 !important; } a.share img { width: 4vw; height: auto; margin-right: 0.333vw; } a.share:hover img { opacity: 0.8; transition: opacity 0.2s; cursor:pointer; } /* ------------- GALLERY ------------------- */ .ce_gallery ul { margin: 0 !important; padding: 0 !important; } .ce_gallery ul li { list-style: none !important; margin: 0 0.5% 0 0 !important; padding: 0 !important; float: left !important; width: 24.5% !important; height: 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; margin-right: 0.6vw; } #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; } .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; } #container #main .inside .spendenformular .formbody .widget-text.strasse { float: left; width: 81%; margin-right: 1%; } #container #main .inside .spendenformular .formbody .widget-text.strassennummer { float: left; width: 13.6%; margin-right: 4%; } #container #main .inside .spendenformular .formbody .widget-text.plz { float: left; width: 11.6%; margin-right: 4%; } #container #main .inside .spendenformular .formbody .ort { float: left; margin-left: 0; width: 80% !important; } #container #main .inside .spendenformular .formbody .widget-text.ortschaft { float: left; width: 83.5%; margin-right: 0; margin-left: 0; } #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, #container #main .betrag #lbl_342_0 .dank_172_0, #container #main .betrag #lbl_342_1 .dank_172_1, #container #main .betrag #lbl_342_2 .dank_172_2, #container #main .betrag #lbl_342_3 .dank_172_3, #container #main .betrag #lbl_342_4 .dank_172_4, #container #main .betrag #lbl_342_5 .dank_172_5, #container #main .betrag #lbl_342_6 .dank_172_6 { display: none; position: absolute; 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, #container #main .betrag #lbl_342_0:hover .dank_172_0, #container #main .betrag #lbl_342_1:hover .dank_172_1, #container #main .betrag #lbl_342_2:hover .dank_172_2, #container #main .betrag #lbl_342_3:hover .dank_172_3, #container #main .betrag #lbl_342_4:hover .dank_172_4, #container #main .betrag #lbl_342_5:hover .dank_172_5, #container #main .betrag #lbl_342_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; } #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 { display: block !important; width: 75%; } .atomenergie #header #customnav .max .mod_customnav .mod_customnav { width: 100%; } .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; } #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, #container #main .betrag #lbl_342_0:hover .dank_172_0, #container #main .betrag #lbl_342_1:hover .dank_172_1, #container #main .betrag #lbl_342_2:hover .dank_172_2, #container #main .betrag #lbl_342_3:hover .dank_172_3, #container #main .betrag #lbl_342_4:hover .dank_172_4, #container #main .betrag #lbl_342_5:hover .dank_172_5, #container #main .betrag #lbl_342_6:hover .dank_172_6{ font-size: 3.67vw; line-height: 4.8vw; } .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; } #overlayK { z-index: 100000; width: 80%; height: 100%; margin: 0; padding: 0 10%; left: 0; right: 0; top: 0; bottom: 0; position: fixed; display: block; transition: display 0.3s ease-in-out 0.5s; } #overlayK.rot { background-color: #e84148; } #overlayK.schwarz { background-color: black; } #overlayK h2 { font-size: 3.65vw; color: white; line-height: 5.2vw; font-family: 'AkkuratBold', sans-serif; width: 75% !important; margin: 0 12.5% 2vw 12.25% !important; } #overlayK h3 { margin: 0; } #overlayK p { font-size: 1.6vw !important; color: white; line-height: 2.25vw !important; width: 75% !important; margin: 0 12.5% 2vw 12.25% !important; 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; } #overlayK p a { cursor: pointer; font-size: 1.2vw !important; font-family: 'AkkuratReg', sans-serif; border: 1px solid #e84148; padding: 11.25px 12.75px; background-color: white; color: #e84148; } #overlayK p a:hover { border: 1px solid white; background-color: #e84148; color: white; text-decoration: none; } .overlay-test #customnav { display: none; } @media screen and (max-width: 780px) { #overlayK h2 { font-size: 4.5vw; line-height: 6vw; margin: 0 10% 3vw 10% !important; } #overlayK p { font-size: 3.5vw !important; line-height: 4.5vw !important; margin: 0 10% 4vw 10% !important; } #overlayK h3 img { height: 15vw !important; } #overlayK p a { font-size: 3vw !important; } } @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; } } .footer-button{ background-color: white; display: inline-block; padding: 0.5vw 2vw 0.5vw 3vw; font-size: 1.1vw; line-height: 1.1vw; font-family: 'AkkuratReg', sans-serif; color: #e84148; text-decoration: none; margin-top: 2.7vw; } .footer-button:hover{ color: rgba(232,66,50,.6); } @media screen and (max-width: 780px) { .footer-button{ display:none; } } /* **** */ @media (min-width:781px){ .klingel{ display:flex; align-items: center; } } .klingel{ margin-left: auto; margin-right: auto; width: fit-content; } .klingel img{ max-width: 250px; margin-left: 3vw; } .teamvorwaerts-logo{ position: relative; top: -3vw; } .teamvorwaerts-logo-artikelende{ margin-top:3em; } #container #main .article-teamvorwaerts p strong{ font-size: 1.25vw; line-height: 2vw; font-family: 'AkkuratBold', sans-serif; } @media screen and (max-width: 780px){ #container #main .article-teamvorwaerts p strong{ font-size: 4vw; line-height: 5.7vw; } } #container #main .article-teamvorwaerts p + ul{ margin-top: -1vw; } #container #main .article-teamvorwaerts ul li{ margin-bottom: 1vw; } #container #main .article-teamvorwaerts.vorteile{ background-color: rgb(175, 203, 162); background-image: linear-gradient(90deg, rgb(184, 191, 115) 0%, rgb(175, 203, 162) 50%, rgb(165, 215, 213) 100%); } #container #main .article-teamvorwaerts.vorteile ul{ position: relative; } #container #main .article-teamvorwaerts.vorteile li{ list-style:none; } #container #main .article-teamvorwaerts.vorteile li::before{ background-image: url(/files/energiestiftung/css/check-green.svg); background-size: 1em 1em; background-repeat: no-repeat; display: inline-block; width: 1em; height: 1em; content: ""; margin-right: 0.5em; position: absolute; left: 0em; margin-top: 0.28em; } #container #main .article-teamvorwaerts.vorteile{ padding: 2em 1.5em; box-sizing: border-box; } #container #main .willkommen-im-team .image_container.float_left{ width:auto; line-height:inherit; text-align: center; font-family: 'AkkuratReg', sans-serif; } #container #main .willkommen-im-team .image_container.float_left img{ border-radius: 50%; } #container #main a.btn.green.fullwidth{ display:block; text-align: center; background-color: #008d00; color: white; font-size: 1.68rem; min-height: 4rem; border-radius: .25rem; border-width: 1px; font-weight: 400; padding: .375rem 1.5rem; transition-duration: .3s; transition-property: color,background-color,border-color,box-shadow; transition-timing-function: ease; font-family: "AkkuratBold", sans-serif; line-height: 3.85rem; text-decoration:none; font-weight: 900; } #container #main a.btn.green.fullwidth:hover{ background-color: #777; } #container #main .text-serif p strong{ font-family: 'SwiftBoldReg', serif; font-size: 1.28em; line-height:1.5; } body.teamvorwaerts #header .breite94 .teaser .ce_text.spenden{ display:none; } body.teamvorwaerts #header .breite94 + #navigation{ display:none; } body.teamvorwaerts #container #main .mod_breadcrumb{ border-bottom: 1px solid #ccc; padding-bottom: 0.5rem; } body.teamvorwaerts #header #customnav .max .mod_customnav ul li a:not([href="unterstuetzen"]){ visibility:hidden; } body.teamvorwaerts #header #customnav .max .suche{ display:none; } body.teamvorwaerts #footer .spenden{ display:none; }