.dlh_googlemap img {max-width:none}.dlh_googlemap .routinglink{white-space:nowrap} 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%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.invisible{display:none} .ce_youtube .video_container,.ce_vimeo .video_container{position:relative}.ce_youtube .video_container>iframe,.ce_youtube .video_container .ratio-none,.ce_vimeo .video_container>iframe,.ce_vimeo .video_container .ratio-none{border:8px solid red}.ce_youtube .video_container .ratio-none,.ce_vimeo .video_container .ratio-none{position:relative;display:block;padding-bottom:40%}.ce_youtube .video_container .ratio-none:before,.ce_vimeo .video_container .ratio-none:before{content:"Please set aspect ratio";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:30;background:red;color:#fff;display:block;height:2em;line-height:2em;padding:0 1em}.ce_youtube .video_container .ratio-169,.ce_vimeo .video_container .ratio-169{padding-bottom:56.25%}.ce_youtube .video_container .ratio-1610,.ce_vimeo .video_container .ratio-1610{padding-bottom:62.5%}.ce_youtube .video_container .ratio-2351,.ce_vimeo .video_container .ratio-2351{padding-bottom:42.55%}.ce_youtube .video_container .ratio-219,.ce_vimeo .video_container .ratio-219{padding-bottom:42.85%}.ce_youtube .video_container .ratio-2391,.ce_youtube .video_container .ratio-dcp2k,.ce_vimeo .video_container .ratio-2391,.ce_vimeo .video_container .ratio-dcp2k{padding-bottom:41.84%}.ce_youtube .video_container .ratio-1851,.ce_vimeo .video_container .ratio-1851{padding-bottom:54.054%}.ce_youtube .video_container .ratio-1331,.ce_youtube .video_container .ratio-43,.ce_vimeo .video_container .ratio-1331,.ce_vimeo .video_container .ratio-43{padding-bottom:75%}.ce_youtube .video_container .ratio-21,.ce_vimeo .video_container .ratio-21{padding-bottom:50%}.ce_youtube .video_container .ratio-32,.ce_vimeo .video_container .ratio-32{padding-bottom:66.66%}.ce_youtube .video_container .ratio-11,.ce_vimeo .video_container .ratio-11{padding-bottom:100%}@media screen and (max-width:520px){.ce_youtube .privacy-vimeo-question-block,.ce_youtube .privacy-youtube-question-block,.ce_vimeo .privacy-vimeo-question-block,.ce_vimeo .privacy-youtube-question-block{height:auto}.ce_youtube .privacy-vimeo-question-block.ratio-169,.ce_youtube .privacy-vimeo-question-block.ratio-1610,.ce_youtube .privacy-vimeo-question-block.ratio-2351,.ce_youtube .privacy-vimeo-question-block.ratio-219,.ce_youtube .privacy-vimeo-question-block.ratio-2391,.ce_youtube .privacy-vimeo-question-block.ratio-dcp2k,.ce_youtube .privacy-vimeo-question-block.ratio-1851,.ce_youtube .privacy-vimeo-question-block.ratio-1331,.ce_youtube .privacy-vimeo-question-block.ratio-43,.ce_youtube .privacy-vimeo-question-block.ratio-21,.ce_youtube .privacy-vimeo-question-block.ratio-32,.ce_youtube .privacy-vimeo-question-block.ratio-11,.ce_youtube .privacy-youtube-question-block.ratio-169,.ce_youtube .privacy-youtube-question-block.ratio-1610,.ce_youtube .privacy-youtube-question-block.ratio-2351,.ce_youtube .privacy-youtube-question-block.ratio-219,.ce_youtube .privacy-youtube-question-block.ratio-2391,.ce_youtube .privacy-youtube-question-block.ratio-dcp2k,.ce_youtube .privacy-youtube-question-block.ratio-1851,.ce_youtube .privacy-youtube-question-block.ratio-1331,.ce_youtube .privacy-youtube-question-block.ratio-43,.ce_youtube .privacy-youtube-question-block.ratio-21,.ce_youtube .privacy-youtube-question-block.ratio-32,.ce_youtube .privacy-youtube-question-block.ratio-11,.ce_vimeo .privacy-vimeo-question-block.ratio-169,.ce_vimeo .privacy-vimeo-question-block.ratio-1610,.ce_vimeo .privacy-vimeo-question-block.ratio-2351,.ce_vimeo .privacy-vimeo-question-block.ratio-219,.ce_vimeo .privacy-vimeo-question-block.ratio-2391,.ce_vimeo .privacy-vimeo-question-block.ratio-dcp2k,.ce_vimeo .privacy-vimeo-question-block.ratio-1851,.ce_vimeo .privacy-vimeo-question-block.ratio-1331,.ce_vimeo .privacy-vimeo-question-block.ratio-43,.ce_vimeo .privacy-vimeo-question-block.ratio-21,.ce_vimeo .privacy-vimeo-question-block.ratio-32,.ce_vimeo .privacy-vimeo-question-block.ratio-11,.ce_vimeo .privacy-youtube-question-block.ratio-169,.ce_vimeo .privacy-youtube-question-block.ratio-1610,.ce_vimeo .privacy-youtube-question-block.ratio-2351,.ce_vimeo .privacy-youtube-question-block.ratio-219,.ce_vimeo .privacy-youtube-question-block.ratio-2391,.ce_vimeo .privacy-youtube-question-block.ratio-dcp2k,.ce_vimeo .privacy-youtube-question-block.ratio-1851,.ce_vimeo .privacy-youtube-question-block.ratio-1331,.ce_vimeo .privacy-youtube-question-block.ratio-43,.ce_vimeo .privacy-youtube-question-block.ratio-21,.ce_vimeo .privacy-youtube-question-block.ratio-32,.ce_vimeo .privacy-youtube-question-block.ratio-11{padding:0}}.video_container .responsive,.video_container .youtube-video-block,.video_container .vimeo-video-block{position:relative;height:0}.video_container iframe,.video_container picture{width:100%;height:100%;position:absolute;top:0;left:0}video{max-width:100%;height:auto} .map-container{position:relative}.ce_dlh_googlemaps,.mod_dlh_googlemaps,.ce_openstreetmap,.no-cookie-maps{position:relative;height:0;width:100%;padding-bottom:50%}.ce_dlh_googlemaps .dlh_googlemap,.ce_dlh_googlemaps .no-cookie-map,.mod_dlh_googlemaps .dlh_googlemap,.mod_dlh_googlemaps .no-cookie-map,.ce_openstreetmap .dlh_googlemap,.ce_openstreetmap .no-cookie-map,.no-cookie-maps .dlh_googlemap,.no-cookie-maps .no-cookie-map{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (max-width:520px){.ce_dlh_googlemaps,.mod_dlh_googlemaps,.ce_openstreetmap,.no-cookie-maps{padding-bottom:80%}}.ce_openstreetmap{position:relative}.ce_openstreetmap .open-street-map-block{position:relative;padding-bottom:50%}@media screen and (max-width:520px){.ce_openstreetmap .open-street-map-block{padding-bottom:80%}}.ce_openstreetmap iframe{width:100%;height:100%;position:absolute;top:0;left:0}.no-cookie-maps{background:#eee} #footer{transition:padding-bottom 0.6s ease}#footer .privacy-bar .content-wrapper,#footer .privacy-bar .inside{-webkit-box-direction:normal;-webkit-box-orient:horizontal;-moz-box-direction:normal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:none;flex-wrap:nowrap}@media screen and (max-width:1199px){#footer .privacy-bar .content-wrapper,#footer .privacy-bar .inside{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}}.privacy-bar{position:fixed;overflow:hidden;bottom:0;left:0;right:0;width:100%;padding:1em 0;background:#656565;z-index:1000;transform:translateY(100%);transition:all 0.6s ease}.privacy-bar .content-wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:90%;margin:auto;padding:0}.privacy-bar .privacy-bar-text{color:#fff;font-weight:300;margin-bottom:0;margin-right:0;padding-right:4em;font-size:0.8em;line-height:1.5;width:70%}.privacy-bar .privacy-bar-text a{position:relative;color:#FFF;text-decoration:underline;font-weight:800;transition:all 0.3s ease-in-out}.privacy-bar .privacy-bar-btns{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:30%;min-width:22em}.privacy-bar button{width:100%;background:#eee;padding:0.6em 1.2em;cursor:pointer;outline:none;border:none;display:inline-block;margin-right:1em;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;color:#656565;font-size:0.8em;transition:all 0.3s ease-in-out}.privacy-bar button.open-privacy-settings{margin-right:0}.privacy-bar button:hover{background:#fff}@media screen and (max-width:1199px){.privacy-bar{padding:1.5em 0}.privacy-bar .privacy-bar-text{width:100%;margin-bottom:1em;padding-right:0}.privacy-bar .privacy-bar-btns{width:100%;min-width:auto;margin:0 auto}.privacy-bar .privacy-bar-btns .button{margin-top:1em}}@media screen and (max-width:414px){.privacy-bar .privacy-bar-btns{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.privacy-bar .privacy-bar-btns button{width:calc(50% - 0.5em);margin-right:0}.privacy-bar .privacy-bar-btns button.button-enable-all{margin-right:1em}.privacy-bar .privacy-bar-btns button.open-privacy-settings{width:100%}}.ce_privacyPopOpener{max-width:1000px;margin:auto;margin-bottom:1.5em}#privacy-settings{display:none;position:fixed;width:100%;height:100%;left:0;bottom:0;z-index:999;background-color:rgba(101, 101, 101, 0.8);opacity:0;transition:opacity 0.8s ease}#privacy-settings .innerbox{display:inline-block;width:100%;max-width:57em;max-height:90%;left:50%;top:50%;position:relative;padding:2.5em 2em 2em;background:#fff;transform:translate(-50%, -50%)}#privacy-settings .privacy-settings-main,#privacy-settings .privacy-settings-history{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;height:100%}#privacy-settings .privacy-settings-main .right-col,#privacy-settings .privacy-settings-history .right-col{overflow-y:auto;height:auto;max-height:74vh;scrollbar-width:none;scrollbar-color:rgba(101, 101, 101, 0.5) #efefef}#privacy-settings .privacy-settings-main .right-col::-webkit-scrollbar,#privacy-settings .privacy-settings-history .right-col::-webkit-scrollbar{width:4px;height:4px}#privacy-settings .privacy-settings-main .right-col::-webkit-scrollbar-track,#privacy-settings .privacy-settings-history .right-col::-webkit-scrollbar-track{background:#efefef}#privacy-settings .privacy-settings-main .right-col::-webkit-scrollbar-thumb,#privacy-settings .privacy-settings-history .right-col::-webkit-scrollbar-thumb{background:rgba(101, 101, 101, 0.5);border-radius:4px}#privacy-settings .privacy-settings-main .right-col::-webkit-scrollbar-thumb:hover,#privacy-settings .privacy-settings-history .right-col::-webkit-scrollbar-thumb:hover{background:#656565}#privacy-settings .privacy-settings-history .right-col{max-height:28em}#privacy-settings .cookie-details li{padding-bottom:0.5em}#privacy-settings .cookie-details li:last-of-type{padding-bottom:0}#privacy-settings .left-col{width:34%;padding-right:1.75em;min-height:10em;box-sizing:border-box}#privacy-settings .right-col{width:66%;width:calc(66% + 18px);margin-right:-18px;padding-left:1.75em;padding-right:14px;border-left:1px solid #a9acb0;box-sizing:border-box}#privacy-settings h3{font-size:1.1em;font-weight:800;margin-bottom:1em}#privacy-settings h4{font-size:1em;font-weight:800}#privacy-settings .save-close{display:block;float:right;margin-top:2em;background:#333;color:#fff;cursor:pointer;padding:0.45em 1.1em;transition:all 0.3s ease-in-out}#privacy-settings .save-close:hover{opacity:0.9}#privacy-settings .toggle-history{position:absolute;bottom:2em;left:2.5em;margin-bottom:0;text-decoration:underline;cursor:pointer}#privacy-settings .close-privacy{position:absolute;font-size:1.25em;top:0.95em;right:1.3em;padding:0;cursor:pointer;z-index:20}#privacy-settings .close-privacy svg{display:block;cursor:pointer}#privacy-settings .button{display:inline-block;margin-left:2em;padding:2px 12px;transition:background-color 0.3s ease-in-out;color:#fff;text-transform:uppercase;font-size:12px;letter-spacing:1px;outline:none;border:none;cursor:pointer}#privacy-settings .button:hover{background-color:#656565}#privacy-settings .tools{margin-bottom:0.8em}#privacy-settings .status-line{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-moz-box-direction:normal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:none;flex-wrap:nowrap;color:#9d9599;margin-bottom:0}#privacy-settings .switch{position:relative;display:inline-block;width:3.5em;height:1.8em;margin:0 1em 0 0}#privacy-settings .switch input{opacity:0;width:0;height:0;outline:none}#privacy-settings .switch .switch-btn{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#fff;-webkit-transition:0.4s;transition:0.4s;border-radius:1.8em;border:1px solid #a9acb0}#privacy-settings .switch .switch-btn:before{position:absolute;content:"";height:1.8em;width:1.8em;left:-1px;bottom:-1px;background-color:#919499;-webkit-transition:0.4s;transition:0.4s;border-radius:50%}#privacy-settings .switch input:checked+.switch-btn:before{background-color:#4A8329}#privacy-settings .switch input:focus+.switch-btn{box-shadow:0 0 1px #2196F3}#privacy-settings .switch input:checked+.switch-btn:before{-webkit-transform:translateX(1.7em);-ms-transform:translateX(1.7em);transform:translateX(1.7em)}#privacy-settings .status-enabled{display:none;color:#4A8329}#privacy-settings .status-disabled{display:inline-block;color:#919499}#privacy-settings .btn-off{background-color:red}#privacy-settings .btn-on{background-color:privacy-toggle-active}#privacy-settings .gmap-active-status,#privacy-settings .g-analytics-active-status{display:none}#privacy-settings.active-gmap .gmap-active-status{display:block}#privacy-settings.active-gmap .gmap-inactive-status{display:none}#privacy-settings.active-analytics .status-enabled{display:block}#privacy-settings.active-analytics .status-disabled{display:none}#privacy-settings .icon-arrow{position:absolute;cursor:pointer;height:100%;width:2.5em;right:0;top:0;text-align:center}#privacy-settings .icon-arrow:before{content:"";display:inline-block;height:0.8em;width:0.8em;border-style:solid;border-width:0.2em 0.2em 0 0;transform:translateY(0.6em) rotate(135deg);transition:transform 0.6s ease}#privacy-settings .accordion-item+h4{margin-top:2em}#privacy-settings .accordion-heading{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;position:relative;margin-bottom:0.25em;padding:0.5em 2.5em 0.5em 1em;background:#e6e7e9;transition:all 0.15s ease-in-out}#privacy-settings .accordion-heading .acc-title{cursor:pointer}#privacy-settings .accordion-heading.active{background:#494b4e}#privacy-settings .accordion-heading.active .status-line,#privacy-settings .accordion-heading.active .acc-title,#privacy-settings .accordion-heading.active .status-enabled,#privacy-settings .accordion-heading.active .status-disabled{color:#fff}#privacy-settings .accordion-heading.active .icon-arrow:before{color:#fff;transform:translateY(1em) rotate(-45deg)}#privacy-settings .accordion-content{max-height:0;overflow:hidden;transition:max-height 0.5s ease}#privacy-settings .accordion-content .accordion-inner{display:block;height:100%;padding-top:2em;padding-bottom:2em}#privacy-settings .accordion-content p,#privacy-settings .accordion-content ul{font-size:0.9em}#privacy-settings p{font-size:0.9em;color:#656565;margin-bottom:1em}#privacy-settings p a{color:inherit;font-weight:900}#privacy-settings .switch-wrap{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;min-width:15em}#privacy-settings .cookie-info{width:100%;font-size:0.9em}#privacy-settings .cookie-info td,#privacy-settings .cookie-info th{padding:0.35em 0.75em 0.35em 0;text-align:left}#privacy-settings .cookie-info tr{border-bottom:1px solid #ccc}#privacy-settings .cookie-info tr:last-of-type{border-bottom:none}@media (max-height:680px) and (min-width:881px){#privacy-settings .privacy-settings-history .right-col{max-height:60vh}}@media (max-width:880px){#privacy-settings{padding:1em}#privacy-settings .innerbox{overflow:auto}#privacy-settings .privacy-settings-main .right-col{max-height:none}#privacy-settings .privacy-settings-history .right-col{max-height:48vh}#privacy-settings .switch-wrap{min-width:13em}#privacy-settings .toggle-history{position:relative;margin-bottom:0;left:auto;bottom:auto}#privacy-settings p{font-size:16px}#privacy-settings .left-col,#privacy-settings .right-col{width:100%;padding:0}#privacy-settings .left-col{margin-bottom:1.25em;min-height:0}#privacy-settings .right-col{border-left:none}}@media (max-width:880px) and (orientation:landscape){#privacy-settings .privacy-settings-history .right-col{max-height:40vh}}@media (max-width:520px){#privacy-settings p.accordion-heading{-webkit-box-direction:normal;-webkit-box-orient:vertical;-moz-box-direction:normal;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:baseline;-moz-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline}#privacy-settings p.accordion-heading .switch-wrap{margin:0.75em 0 0.25em}#privacy-settings .accordion-content{padding-top:0.75em;padding-bottom:0}}@media (max-width:480px){#privacy-settings .innerbox{padding:1em}#privacy-settings .close-privacy{top:0.75em;right:0.75em}#privacy-settings p{font-size:16px}}#privacy-history-table{width:100%;margin-bottom:0}#privacy-history-table tr:nth-child(even){background:#f4f5f6}#privacy-history-table td{padding:0.36em 1em;font-size:0.95em}.ce_dlh_googlemaps,.mod_dlh_googlemaps,.ce_openstreetmap{height:auto;padding-bottom:56.25%;background:#eee;border-bottom:1px solid #fff}.ce_dlh_googlemaps .map-question-block,.mod_dlh_googlemaps .map-question-block,.ce_openstreetmap .map-question-block{width:100%;max-width:658px;padding:2em;text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.ce_dlh_googlemaps .dlh_googlemap,.ce_dlh_googlemaps .open-street-map-block,.mod_dlh_googlemaps .dlh_googlemap,.mod_dlh_googlemaps .open-street-map-block,.ce_openstreetmap .dlh_googlemap,.ce_openstreetmap .open-street-map-block{position:absolute;top:0;left:0;width:100%;height:100%;padding-bottom:56.25%}.ce_dlh_googlemaps .dlh_googlemap.map-hidden,.ce_dlh_googlemaps .open-street-map-block.map-hidden,.mod_dlh_googlemaps .dlh_googlemap.map-hidden,.mod_dlh_googlemaps .open-street-map-block.map-hidden,.ce_openstreetmap .dlh_googlemap.map-hidden,.ce_openstreetmap .open-street-map-block.map-hidden{opacity:0}@media screen and (max-width:520px){.ce_dlh_googlemaps,.mod_dlh_googlemaps,.ce_openstreetmap{padding-bottom:95%}.ce_dlh_googlemaps .dlh_googlemap,.ce_dlh_googlemaps .open-street-map-block,.mod_dlh_googlemaps .dlh_googlemap,.mod_dlh_googlemaps .open-street-map-block,.ce_openstreetmap .dlh_googlemap,.ce_openstreetmap .open-street-map-block{padding-bottom:95%}}.map-container{margin-bottom:1em}.map-container.active-gmap .open-privacy-btn{display:block}.privacy-vimeo-question-block,.privacy-youtube-question-block{position:relative;text-align:center;padding-bottom:56.25%;background:#eee}.privacy-vimeo-question-block .vimeo-question-block,.privacy-vimeo-question-block .youtube-question-block,.privacy-youtube-question-block .vimeo-question-block,.privacy-youtube-question-block .youtube-question-block{position:absolute;width:100%;max-width:658px;top:50%;left:50%;text-align:center;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);padding:2em}@media screen and (max-width:520px){.privacy-vimeo-question-block .vimeo-question-block,.privacy-vimeo-question-block .youtube-question-block,.privacy-youtube-question-block .vimeo-question-block,.privacy-youtube-question-block .youtube-question-block{position:relative;top:0;left:0;-webkit-transform:initial;-ms-transform:initial;transform:initial}}.privacy-vimeo-question-block p,.privacy-youtube-question-block p{margin-bottom:1em;line-height:1.4}.vimeo-question-block,.youtube-question-block,.map-question-block,.mapbox-question-block{box-sizing:border-box}.vimeo-question-block button,.youtube-question-block button,.map-question-block button,.mapbox-question-block button{border:none;outline:none;background:#656565;font-size:0.9em;color:#fff;padding:0.5em 1em;cursor:pointer;margin:0 0.3em 0.7em}.vimeo-question-block button:hover,.youtube-question-block button:hover,.map-question-block button:hover,.mapbox-question-block button:hover{background:#333}.vimeo-question-block button:last-child,.youtube-question-block button:last-child,.map-question-block button:last-child,.mapbox-question-block button:last-child{margin-bottom:0}.youtube-video-block{padding-bottom:56.25%}.youtube-video-block .video-play-icon{display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:15%;max-width:100px;height:auto;fill:#eee;transition:all 0.3s ease}.youtube-video-block .video-play-icon:hover{opacity:0.8}.vimeo-video-block{padding-bottom:56.25%}.ce_privacyPopOpener button,.btn-privacy,.open-privacy-btn{outline:none;background:#656565;font-size:0.9em;color:#fff;border:none;padding:0.5em 1em;margin-top:0.2em;cursor:pointer;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.ce_privacyPopOpener button:hover,.btn-privacy:hover,.open-privacy-btn:hover{background:#333} /* debug * { background-color: rgba(255,0,0,.2); } * * { background-color: rgba(0,255,0,.2); } * * * { background-color: rgba(0,0,255,.2); } * * * * { background-color: rgba(255,0,255,.2); } * * * * * { background-color: rgba(0,255,255,.2); } * * * * * * { background-color: rgba(255,255,0,.2); } */ /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ /*! normalize.css v3.0.0 | HTML5 Display Definitions | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } /*! normalize.css v3.0.0 | Base | MIT License | git.io/normalize */ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } /*! normalize.css v3.0.0 | Links | MIT License | git.io/normalize */ a { background: transparent; } a:active, a:hover { outline: 0; } /*! normalize.css v3.0.0 | Typography | MIT License | git.io/normalize */ abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /*! normalize.css v3.0.0 | Embedded Content | MIT License | git.io/normalize */ img { border: 0; } svg:not(:root) { overflow: hidden; } /*! normalize.css v3.0.0 | Figures | MIT License | git.io/normalize */ figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /*! normalize.css v3.0.0 | Forms | MIT License | git.io/normalize */ button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } /*! normalize.css v3.0.0 | Tables | MIT License | git.io/normalize */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } body, form { 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%; } #wrapper { overflow-x: hidden; } #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; } @media (max-width: 570px) { #main { padding-top: 2em; } } @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; } } #main .inside { min-height: 1px; } img { max-width: 100%; height: auto; } .videobox { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .videobox iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ie7 img { -ms-interpolation-mode: bicubic; } .ie8 img { width: auto; } .ce_gallery ul { margin: 0; padding: 0; overflow: hidden; list-style: none; } .ce_gallery li { float: left; } .ce_gallery li.col_first { clear: left; } .ce_gallery figure { position: relative; width: 100%; } .ce_gallery figure img { width: 100% !important; max-width: 100%; height: auto; } .block { overflow: hidden; } .clear, #clear { height: .1px; font-size: .1px; line-height: .1px; clear: both; } .clear-left { clear: left; } .clear-right { clear: right; } .clear-both { clear: both; } .invisible { width: 0; height: 0; left: -1000px; top: -1000px; position: absolute; overflow: hidden; display: inline; } .custom { display: block; } #container:after, .custom:after { content: ""; display: table; clear: both; } figure { margin: 0; } .block { overflow: visible; } #header .inside, #header .mod_navigation ul.level_1, #kopfbild .inside, .mod_article .row, .jfm-simple-gal ul, .mod_breadcrumb, #footer, .homepage .zitate .iosSlider, .homepage #kopfbild .inside .mod_newslist { *zoom: 1; } #header .inside:before, #header .mod_navigation ul.level_1:before, #kopfbild .inside:before, .mod_article .row:before, .jfm-simple-gal ul:before, .mod_breadcrumb:before, #footer:before, .homepage .zitate .iosSlider:before, .homepage #kopfbild .inside .mod_newslist:before, #header .inside:after, #header .mod_navigation ul.level_1:after, #kopfbild .inside:after, .mod_article .row:after, .jfm-simple-gal ul:after, .mod_breadcrumb:after, #footer:after, .homepage .zitate .iosSlider:after, .homepage #kopfbild .inside .mod_newslist:after { content: ""; display: table; } #header .inside:after, #header .mod_navigation ul.level_1:after, #kopfbild .inside:after, .mod_article .row:after, .jfm-simple-gal ul:after, .mod_breadcrumb:after, #footer:after, .homepage .zitate .iosSlider:after, .homepage #kopfbild .inside .mod_newslist:after { clear: both; } #header .inside, #header .mod_navigation ul.level_1 .rollover.submenu .subitems > ul, #kopfbild .inside .ce_pageimages, #kopfbild .inside #logo-topright, .mod_article .row, .mod_article .nine-col, .mod_article .eight-col, .mod_article .six-col, .mod_article .four-col, .mod_article .three-col, .jfm-simple-gal li, .ce_gallery_lightbox, .mod_breadcrumb, #footer .inside, .homepage .illu-facts .ce_text, .homepage .mainfacts .ce_text, .homepage #kopfbild .inside .mod_newslist .iosSlider, .homepage #kopfbild .inside .mod_newslist .logo, .kontakt .mod_dlh_googlemaps, .homepage .map-container { float: left; min-height: 1px; position: relative; } #header .inside, #header .mod_navigation ul.level_1 .rollover.submenu .subitems > ul, #kopfbild .inside .ce_pageimages, #kopfbild .inside #logo-topright, .mod_article .row, .mod_article .nine-col, .mod_article .eight-col, .mod_article .six-col, .mod_article .four-col, .mod_article .three-col, .mod_breadcrumb, #footer .inside, .homepage .illu-facts .ce_text, .homepage .mainfacts .ce_text, .homepage #kopfbild .inside .mod_newslist .iosSlider, .homepage #kopfbild .inside .mod_newslist .logo, .homepage .map-container { margin-left: 6.06061%; } .regular { font-weight: 400; } .medium { font-weight: 500; } .bold { font-weight: 900; } .black { font-weight: 900; } html { font-family: "ff-profile-web", sans-serif; font-weight: 400; letter-spacing: 0; color: #4d4d4d; } a, span#googleOptOut, { color: #e3032e; text-decoration: none; letter-spacing: 0.05em; cursor: pointer; } #main .ce_text a, .mod_breadcrumb li.active, .layout_latest p a, .mod_newsarchive li, #main .ce_downloads a { font-size: 0.9375em; } h1 { font-weight: normal; font-weight: 500; font-size: 1.5625em; margin-top: 1.5em; margin-bottom: 1em; } h2 { font-weight: normal; font-weight: 500; font-size: 1.375em; margin-top: 2em; margin-bottom: 1em; } h3 { font-weight: normal; text-transform: uppercase; font-weight: 500; font-size: 1.1em; margin-top: 2em; margin-bottom: 1em; } .h3-tight-bottom h3 { margin-bottom: 0.25em; } h4 { font-weight: 500; font-size: 1.1em; margin-bottom: 0.25em; } .ce_downloads a, p { margin: 0; line-height: 1.4em; } .ce_text p,.ce_downloads p { margin-bottom: 1.4em; } .accordion p, td p, th p, .ce_text td p, .ce_text th p { margin-bottom: 0; } @media only screen and (max-width: 1024px) { body { font-size: 87.5%; } } @media only screen and (max-width: 570px) { body { font-size: 93.75%; } } /* MAIN NAVI */ #header { background-color: #f2f2f2; font-size: 1.125em; } @media only screen and (max-width: 850px) { #header { font-size: 1.0625em; } } @media only screen and (max-width: 720px) { #header { font-size: 1em; } } #header ul { margin: 0; padding: 0; } #header .inside { width: 100%; margin: 0 auto; float: none; /* max-width: 900px; min-width: 320px; margin-left: auto !important; margin-right: auto !important; width: 64.64646%; width: 72.16162%; */ } #header .inside > *:first-child { margin-left: 0; } @media only screen and (max-width: 570px) { #header .inside { width: auto; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 13.1578%; padding-right: 13.1578%; } #header .inside { float: left; margin-left: 0; width: 100%; } } #header .mobile.button { display: none; } #header .mod_navigation { position: relative; overflow: visible; } #header .mod_navigation li { list-style-type: none; } #header .mod_navigation ul.level_1 { width: auto; min-width: 0; max-width: none; text-align: center; white-space: nowrap; } #header .mod_navigation ul.level_1 > li { font-size: 1em; position: static; vertical-align: top; display: inline-block; width: auto; margin: 0; text-align: left; font-weight: 400; } #header .mod_navigation ul.level_1 > li > span.active, #header .mod_navigation ul.level_1 > li.trail > a { font-weight: 900; color: #e3032e; text-transform: uppercase; } #header .mod_navigation ul.level_1 > li > a, #header .mod_navigation ul.level_1 > li > span { display: inline-block; padding: 1.4em 1.25em; *zoom: 1; } @media only screen and (max-width: 850px) { #header .mod_navigation ul.level_1 > li > a, #header .mod_navigation ul.level_1 > li > span { padding-left: 1.1em; padding-right: 1.1em; } } @media only screen and (max-width: 720px) { #header .mod_navigation ul.level_1 > li > a, #header .mod_navigation ul.level_1 > li > span { padding-left: .9em; padding-right: .9em; } } #header .mod_navigation ul.level_1 > li.submenu > span { font-weight: 900; color: #e3032e; text-transform: uppercase; } #header .mod_navigation ul.level_1 > li.submenu > span, #header .mod_navigation ul.level_1 > li.submenu > a { position: relative; } /* triangel */ #header .mod_navigation ul.level_1 > li.submenu > span:after, #header .mod_navigation ul.level_1 > li.submenu > a:after { content: ''; display: none; position: absolute; top: 3.2em; left: 50%; width: 0; height: 0; border-bottom: 1em solid #e3032e; border-left: 1em solid transparent; border-right: 1em solid transparent; margin-top: 0; margin-left: -1em; } #header .mod_navigation ul.level_1 > li.rollover.submenu span:after, #header .mod_navigation ul.level_1 > li.rollover.submenu a:after { display: block; } #header .mod_navigation ul.level_1 > li:hover.submenu span:after, #header .mod_navigation ul.level_1 > li:hover.submenu a:after { display: block; } #header .mod_navigation ul.level_1 > li.no-arrow.submenu span:after, #header .mod_navigation ul.level_1 > li.no-arrow.submenu a:after { display: none; } #header .mod_navigation ul.level_1 > li:first-child { width: auto; margin-left: 0; } #header .mod_navigation a { font-weight: 400; color: #4d4d4d; text-decoration: none; text-transform: uppercase; } #header .mod_navigation a:hover, #footer .inside .mod_customnav a:hover { color: #e3032e; } #header .mod_navigation a:active { color: #000; } #header .mod_navigation .subitems { display: none; } #header .mod_navigation > li { display: block; line-height: 1.625em; } #header .mod_navigation ul.level_1 .rollover.submenu .subitems, #header .mod_navigation ul.level_1 .submenu:hover .subitems { text-align: left; display: block; position: absolute; overflow: visible; opacity: 1; z-index: 50; top: 3.7em; left: 0; background-color: #e3032e; padding: 1.2em 0 1.2em 0; width: 100%; max-width: 100%; } @media (min-width: 571px) { #header .mod_navigation ul.level_1 .rollover.submenu .subitems, #header .mod_navigation ul.level_1 .submenu:hover .subitems { max-width: 90%; margin-left: 5%; left: 0; } } @media (min-width: 920px) { #header .mod_navigation ul.level_1 .rollover.submenu .subitems, #header .mod_navigation ul.level_1 .submenu:hover .subitems { max-width: 820px; margin-left: -410px; left: 50%; } } @media (min-width: 1280px) { #header .mod_navigation ul.level_1 .rollover.submenu .subitems, #header .mod_navigation ul.level_1 .submenu:hover .subitems { left: 50%; max-width: 920px; margin-left: -460px; } } #header .mod_navigation ul.level_1 .rollover.submenu .subitems a, #header .mod_navigation ul.level_1 .rollover.submenu .subitems span, #header .mod_navigation ul.level_1 .submenu:hover .subitems a, #header .mod_navigation ul.level_1 .submenu:hover .subitems span { color: #fff; text-transform: none; font-size: 0.875em; font-weight: 900; } #header .mod_navigation ul.level_1 .rollover.submenu .subitems a:hover, #header .mod_navigation ul.level_1 .submenu:hover .subitems a:hover { color: #ffcb00; } #header .mod_navigation ul.level_1 .rollover.submenu .subitems > ul:first-child, #header .mod_navigation ul.level_1 .submenu:hover .subitems > ul:first-child { margin-left: 0; } #header .mod_navigation ul.level_1 .rollover.submenu .subitems > ul, #header .mod_navigation ul.level_1 .submenu:hover .subitems > ul { display: inline-block; margin-left: 0; text-align: left; vertical-align: top; } @media (min-width: 571px) { #header .mod_navigation ul.level_1 .rollover.submenu .subitems > ul, #header .mod_navigation ul.level_1 .submenu:hover .subitems > ul { margin-left: 1em; } } @media (min-width: 1280px) { #header .mod_navigation ul.level_1 .rollover.submenu .subitems > ul, #header .mod_navigation ul.level_1 .submenu:hover .subitems > ul { margin-left: 3em; } } #header .mod_navigation ul.level_1 .rollover.submenu .subitems > ul li, #header .mod_navigation ul.level_1 .submenu:hover .subitems > ul li { display: block; text-align: left; } #header .mod_navigation ul.level_1 .rollover.submenu .subitems > ul li.active > span, #header .mod_navigation ul.level_1 .submenu:hover .subitems > ul li.active > span { color: #ffcb00; } #header .mod_navigation ul.level_1 .rollover.submenu .subitems > ul li.active > a, #header .mod_navigation ul.level_1 .submenu:hover .subitems > ul li.active > a { color: #ffcb00; } #header .mod_navigation ul.level_1 .rollover.submenu .subitems > ul li.active > span:before, #header .mod_navigation ul.level_1 .rollover.submenu .subitems > ul li.active > a:before, #header .mod_navigation ul.level_1 .submenu:hover .subitems > ul li.active > span:before, #header .mod_navigation ul.level_1 .submenu:hover .subitems > ul li.active > a:before { content: '>'; display: inline-block; margin-right: 0.25em; } #header .mod_navigation ul.level_1 .rollover.submenu .subitems > ul ul a, #header .mod_navigation ul.level_1 .submenu:hover .subitems > ul ul a { font-weight: 400; font-size: 0.875em; } #header .mod_navigation ul.level_1 .rollover.submenu .subitems > ul ul a:hover, #header .mod_navigation ul.level_1 .submenu:hover .subitems > ul ul a:hover { color: #ffcb00; } @media only screen and (max-width: 570px) { #header .mod_navigation ul.level_1 .rollover.submenu .subitems > ul, #header .mod_navigation ul.level_1 .submenu:hover .subitems > ul { float: left; margin-left: 0; width: 100%; } } #header .mod_navigation ul.level_1 .rollover.submenu .subitems:before, #header .mod_navigation ul.level_1 .rollover.submenu .subitems:after, #header .mod_navigation ul.level_1 .submenu:hover .subitems:before, #header .mod_navigation ul.level_1 .submenu:hover .subitems:after { position: absolute; display: block; height: 100%; width: 55%; background-color: #e3032e; content: ''; top: 0; left: -55%; z-index: -1; } #header .mod_navigation ul.level_1 .rollover.submenu .subitems:after, #header .mod_navigation ul.level_1 .submenu:hover .subitems:after { right: -55%; left: auto; } #header .mobile.button { display: none; } /* bg-hover bei dropdown */ .body-cover { display: block; position: absolute; top: 5em; left: 0; right: 0; bottom: 0; background-color: #fff; opacity: 0; visibility: hidden; z-index: 49; } /* MOBILE NAVI */ #header .mobile.button { display: none; } .mobile-nav { display: none; } @media only screen and (max-width: 570px) { #wrapper .mobile-nav-cover { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; opacity: 0; visibility: hidden; z-index: 49; } #header { padding-bottom: 10%; background: transparent; } #header .mod_navigation { display: none; } #header .inside { padding-left: 3%; } #header .mobile.button { display: inline-block; width: 15%; height: 24%; cursor: pointer; } #header .mobile.button > div { background: #b3b3b3; padding-bottom: 0.35em; margin-bottom: 0.2em; } .mobile-nav { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 66%; bottom: 0; background: #e6e6e6; } .mobile-nav .hidden { display: none; } .mobile-nav li.back { overflow: hidden; } .mobile-nav li.back a { color: #b3b3b3; font-size: 0.9em; font-weight: 900; } .mobile-nav.behind { background: #ccc; } .mobile-nav.behind a, .mobile-nav.behind li { pointer-events: none; } .mobile-nav.level_2 { z-index: 2; border-right: 2px solid #fff; } .mobile-nav.level_3 { z-index: 3; border-right: 2px solid #fff; } .mobile-nav ul { margin: 0; padding: 0; } .mobile-nav li { list-style-type: none; padding-bottom: 4%; padding-top: 4%; padding-left: 1em; border-bottom: 1px solid #ccc; } .mobile-nav li a, .mobile-nav li span { color: #4d4d4d; font-size: 1em; } .mobile-nav li a.active, .mobile-nav li span.active { color: #e3032e; font-weight: 900; } .mobile-nav li span { pointer-events: none; } .mobile-nav li:hover { background-color: #eee; } } #kopfbild .inside { width: 100%; max-width: 1320px; min-width: 320px; margin: 0 auto; border-top: 0.6em solid #fff; overflow: hidden; } #kopfbild .inside > *:first-child { margin-left: 0; } @media only screen and (max-width: 570px) { #kopfbild .inside { width: auto; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 13.1578%; padding-right: 13.1578%; } #kopfbild .inside { border: none; padding: 0; } } #kopfbild .inside #logo-mobile { display: none; height: 100%; } #kopfbild .inside #logo-mobile .logo-inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #f2f2f2; height: 0; width: 100%; display: block; padding-bottom: 47%; position: relative; } #kopfbild .inside #logo-mobile .logo-inner a { color: transparent; position: absolute; display: block; top: 0%; left: 0%; width: 100%; height: 100%; overflow: hidden; background-size: 75% 75%; background-position: center center; } @media only screen and (max-width: 570px) { #kopfbild .inside { width: 100%; } #kopfbild .inside #logo-mobile { display: block; } #kopfbild .inside #logo-mobile .logo-inner { padding-bottom: 200px; } } #kopfbild .inside .ce_pageimages, #kopfbild .inside .mod_newsreader, .kontakt .map-container { background-color: #f2f2f2; padding: 0; width: 64.64646%; width: 64%; margin-left: 0; height: auto; float: left; } body.kontakt .mod_dlh_googlemaps { padding-bottom: 43.35%; height: 0; } body.kontakt .open-privacy-btn { position: absolute; bottom: 0; } @media only screen and (max-width: 570px) { #kopfbild .inside .ce_pageimages, #kopfbild .inside .mod_newsreader, .kontakt .map-container { width: 100%; } } #kopfbild .inside .ce_pageimages figure, #kopfbild .inside .mod_newsreader figure { position: relative; width: 100%; height: 0; margin: 0; padding: 0; line-height: 0; font-size: 0; padding-bottom: 44.1%; overflow: hidden; } #kopfbild .inside .ce_pageimages img, #kopfbild .inside .mod_newsreader img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media only screen and (max-width: 570px) { #kopfbild .inside .ce_pageimages, #kopfbild .inside .mod_newsreader, .kontakt .mod_dlh_googlemaps { display: block; width: 100%; } } #kopfbild .inside #logo-topright { width: 29.29293%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 35.91%; height: 0; margin-left: 0; padding-bottom: 27.65%; z-index: 6; float: right; font-size: 0; background-color: #f2f2f2; border-left: 12px solid white; position: relative; } .aktuelle-nachrichten .inside .mod_pageimage.ce_pageimages + .mod_newsreader { position:absolute } @media only screen and (max-width: 570px) { #kopfbild .inside #logo-topright { float: left; margin-left: 0; width: 100%; } } @media only screen and (min-width: 571px) and (max-width: 1024px) { #kopfbild .inside #logo-topright { border-left: 9.6px solid white; } } #kopfbild .inside #logo-topright .logo-inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; position: absolute; height: 66%; width: 100%; top: 0; left: 0; padding: 2em 3em 2em 3em; } @media only screen and (min-width: 571px) and (max-width: 1024px) { #kopfbild .inside #logo-topright .logo-inner { font-size: 12.8px; } } #kopfbild .inside #logo-topright .logo-inner a { color: transparent; line-height: 0; display: inline-block; width: 100%; height: 100%; overflow: hidden; background-size: contain; background-position: 50% 50%; } #kopfbild .inside #logo-topright .logo-bottom-box { font-size: 16px; display: block; position: absolute; top: 66%; height: 34%; border-top: 0.75em solid #fff; padding-top: 0.75em; width: 100%; background-color: rgba(174, 202, 55, 0.9); } @media only screen and (min-width: 571px) and (max-width: 1024px) { #kopfbild .inside #logo-topright .logo-bottom-box { font-size: 12.8px; } } #kopfbild .inside #logo-topright .logo-bottom-box:before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; position: absolute; display: block; z-index: 10; width: calc(33% - 1.5em); height: 100%; content: ''; top: -0.75em; left: -33%; background-color: rgba(227, 3, 46, 0.9); border-top: 0.75em solid #fff; border-right: 0.75em solid #fff; border-left: 0.75em solid #fff; border-bottom: 0.75em solid #fff; /*padding-bottom: 0.75em;*/ } @media only screen and (max-width: 570px) { #kopfbild .inside #logo-topright { display: none; } } .mod_article .row, .mod_article.row { width: 100%; max-width: 1320px; min-width: 320px; margin: 0 auto; float: none; margin-left: auto; margin-right: auto; width: 64.64646%; width: 72.16162%; width: 90%; } .mod_article .row > *:first-child { margin-left: 0; } @media only screen and (max-width: 570px) { .mod_article .row, .mod_article.row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 6.1578%; padding-right: 6.1578%; } } .mod_article .row.after-breadcrump > div:first-child > h1:first-child { margin-top: 0; } .mod_article .row.after-breadcrump > h1:first-child { margin-top: 0; } .row-75 { width: 75%; margin: 0 auto; } .row-75:after { content: ''; clear: left; } @media only screen and (max-width: 720px) { .row-75 { width: 100%; } } .mod_article .nine-col { width: 73.48485%; } @media only screen and (max-width: 570px) { .mod_article .nine-col { float: left; margin-left: 0; width: 100%; } } .mod_article .eight-col, .homepage .map-container { width: 64.64646%; } @media only screen and (max-width: 570px) { .mod_article .eight-col, .homepage .map-container { float: left; margin-left: 0; width: 100%; } } .mod_article .six-col { width: 46.9697%; } @media only screen and (max-width: 570px) { .mod_article .six-col { float: left; margin-left: 0; width: 100%; } } .mod_article .four-col { width: 29.29293%; } @media only screen and (max-width: 570px) { .mod_article .four-col { float: left; margin-left: 0; width: 100%; } } .mod_article .three-col { width: 20.45455%; } @media only screen and (max-width: 570px) { .mod_article .three-col { float: left; margin-left: 0; width: 100%; } } .mod_article .margin-top-six { margin-top: 6%; } .mod_article .margin-top-seven { margin-top: 7%; } .ce_text a, .layout_latest p a, .mod_newsarchive li a, .ce_downloads a { display: inline-block; width: fit-content; color: #e3032e; font-weight: 500; text-transform: uppercase; text-decoration: none; letter-spacing: 0.06em; } .ce_text a:before, .layout_latest p a:before, .ce_downloads .button:before { content: '>'; display: inline-block; margin-right: 0.25em; } .mod_newsarchive li { font-weight: 500; text-transform: uppercase; text-decoration: none; letter-spacing: 0.06em; } hr { display: block; height: 1px; width: 100%; background-color: #e6e6e6; border: 0; margin: 2.5em 0 4em 0; } hr.post-accordeon { margin-top: 4em; } /* Verlaufsnavigation */ .mod_breadcrumb { max-width: 820px; min-width: 320px; margin: 0 auto; float: none; width: 100%; width: 64.64646%; width: 72.16162%; width: 90%; margin-top: 1.5em; margin-bottom: 2.5em; } .mod_breadcrumb > *:first-child { margin-left: 0; } @media only screen and (max-width: 570px) { .mod_breadcrumb { display: none; } } .mod_breadcrumb ul { margin: 0; padding: 0; } .mod_breadcrumb li { display: inline-block; list-style-type: none; } .mod_breadcrumb li:before { content: '>'; display: inline-block; margin-right: 0.5em; margin-left: 0.5em; } .mod_breadcrumb li:first-child:before { margin-left: 0; content: ''; display: none; } .mod_breadcrumb li.active { color: #e3032e; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 500; } .mod_breadcrumb a { color: #999999; text-decoration: none; text-transform: uppercase; font-size: 1em; } .mod_breadcrumb a:before { margin-left: 0; content: ''; display: none; } @media only screen and (max-width: 570px) { .mod_breadcrumb { margin-top: 0; } .mod_breadcrumb ul { display: none; } } .mod_article .content-border-row, .mod_article.content-border-row { max-width: 820px; clear:both; } @media only screen and (min-width: 1400px) { .mod_breadcrumb, .mod_article .content-border-row , .mod_article.content-border-row { max-width: 920px; } .mod_article .content-border-row div.ce_text, .mod_article.content-border-row div.ce_text{ padding-right: 100px; } } section.ce_accordion { *zoom: 1; color: #b3b3b3; } section.ce_accordion.accordion-first { margin-top: 2em; } section.ce_accordion:nth-child(even) { background-color: #f2f2f2; } section.ce_accordion:before, section.ce_accordion:after { content: ""; display: table; } section.ce_accordion:after { clear: both; } section.ce_accordion h3 { margin: 0; font-weight: 400; text-transform: uppercase; font-size: 0.9375em; letter-spacing: 0.1em; } section.ce_accordion .toggler { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0.75em 0 0.75em 0.75em; cursor: pointer; float: left; width: 20%; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .kontakt section.ce_accordion .toggler { width: 40%; } section.ce_accordion .toggler:focus { border: 0; outline: 0; } section.ce_accordion .toggler.ui-state-active { color: #4d4d4d; } section.ce_accordion .toggler.ui-state-active h3 { font-weight: 500; } section.ce_accordion .ui-accordion-content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 79%; padding: 0.75em 1em 2.5em 2.75em; } .kontakt section.ce_accordion .ui-accordion-content { width: 59%; } section.ce_accordion .ui-accordion-content.ui-accordion-content-active { color: #4d4d4d; } @media only screen and (max-width: 750px) { section.ce_accordion .toggler { width: 35%; } section.ce_accordion .ui-accordion-content { width: 64%; } .kontakt section.ce_accordion .toggler { width: 45%; } .kontakt section.ce_accordion .ui-accordion-content { width: 54%; } } @media only screen and (max-width: 570px) { section.ce_accordion .toggler { width: 39%; } section.ce_accordion .ui-accordion-content { width: 60%; } .kontakt section.ce_accordion .toggler { width: 45%; } .kontakt section.ce_accordion .ui-accordion-content { width: 54%; } } @media only screen and (max-width: 480px) { section.ce_accordion .toggler { float: none; } section.ce_accordion .ui-accordion-content { width: 100%; padding-left: 1em; } } .ce_text ul, .ce_text ol { padding: 0; margin: 0 0 2.5em 0; position: relative; } .ce_text ul { list-style: none; } .ce_text ul li, .ce_text ol li { padding-left: 0.8em; margin: 0 0 1.4em 0; } .ce_text ol li { margin-left: 1.2em; } .ce_text ul li:before { content: "•"; color: #e3032e; /* or whatever color you prefer */ position: absolute; display: block; left: 0; } .mod_newsreader ul, .list-small ul { margin-bottom: 1.3em; } .mod_newsreader ul li, .list-small ul li { margin-bottom: .3em; } .ce_text a.no-before::before {content:none} #footer { background-color: #f2f2f2; color: #999999; width: 100%; min-width: 320px; margin: 0 auto; max-width: 100%; margin-top: 4em; } #footer > *:first-child { margin-left: 0; } @media only screen and (max-width: 570px) { #footer { width: auto; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 6.1578%; padding-right: 6.1578%; } } #footer .inside { float: none; margin-left: auto !important; margin-right: auto !important; width: 73.48485%; width: 72.16162%; width: 90%; max-width: 820px; margin-top: 0; padding-top: 2em; padding-bottom: 3em; } @media only screen and (min-width: 1400px) { #footer .inside { max-width: 920px; } } @media only screen and (max-width: 570px) { #footer .inside { float: left; margin-left: 0; width: 100%; padding-top: 1em; padding-bottom: 1em; } } #footer .inside #copy { float: left; } #footer .inside .mod_customnav { float: right; *zoom: 1; } #footer .inside .mod_customnav:before, #footer .inside .mod_customnav:after { content: ""; display: table; } #footer .inside .mod_customnav:after { clear: both; } #footer .inside .mod_customnav ul { margin: 0; padding: 0; } #footer .inside .mod_customnav li { display: inline-block; list-style-type: none; } #footer .inside .mod_customnav li:before { display: none; } #footer .inside .mod_customnav li:hover { color: #e3032e; } #footer .inside .mod_customnav li.active { color: #e3032e; text-transform: uppercase; font-weight: 500; } #footer .inside .mod_customnav li:first-child, #footer .inside .mod_customnav li:nth-child(2) { margin-right: 2em; } #footer .inside .mod_customnav a { color: #4d4d4d; text-decoration: none; text-transform: uppercase; } #footer .inside .mod_customnav a:before { display: none; } @media only screen and (max-width: 780px) { #footer .inside { font-size: 0.9em; } #footer .inside #copy, #footer .inside .mod_customnav { float: none; } #footer .inside #copy li, #footer .inside .mod_customnav li { display: block; } #footer .inside #copy { max-width: 65%; } #footer .inside .mod_customnav { margin-top: 1em; } } @charset "UTF-8"; .homepage .mod_breadcrumb { display: none; } /* Kopfbild */ .homepage #kopfbild .inside { overflow: visible; } #kopfbild .inside .mod_newsreader .ce_comments { display:none; } .homepage #kopfbild .inside .mod_newslist { background-color: #fff; padding: 0; width: 100%; max-width: 1320px; min-width: 320px; margin: 0 auto; } .homepage #kopfbild .inside .mod_newslist > *:first-child { margin-left: 0; } @media only screen and (max-width: 570px) { .homepage #kopfbild .inside .mod_newslist { width: auto; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 13.1578%; padding-right: 13.1578%; } } .homepage #kopfbild .inside .mod_newslist .logo-mobile { display: none; } .homepage #kopfbild .inside .mod_newslist .logo-mobile .logo-inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #f2f2f2; height: 0; width: 100%; display: block; padding-bottom: 47%; position: relative; } .homepage #kopfbild .inside .mod_newslist .logo-mobile .logo-inner a { color: transparent; position: absolute; display: block; top: 0%; left: 0%; width: 100%; height: 100%; overflow: hidden; background-size: 75% 75%; background-position: center center; } .homepage #kopfbild .inside .mod_newslist .iosSlider { width: 64.64646%; width: 64%; margin-left: 0; } @media only screen and (max-width: 570px) { .homepage #kopfbild .inside .mod_newslist .iosSlider { float: left; margin-left: 0; width: 100%; height: 13em !important; } .homepage #kopfbild .inside .mod_newslist .logo-mobile .logo-inner { padding-bottom: 200px; } } @media only screen and (max-width: 450px) { .homepage #kopfbild .inside .mod_newslist .logo-mobile .logo-inner { padding-bottom: 150px; } } .homepage #kopfbild .inside .mod_newslist .iosSlider .slider { width: 100%; height: 100%; z-index: 4; } .homepage #kopfbild .inside .mod_newslist .iosSlider .slider .item { width: 100%; height: 100%; padding: 0; } .homepage #kopfbild .inside .mod_newslist .iosSlider .slider .item article { display: none; } .homepage #kopfbild .inside .mod_newslist .iosSlider .slider .item figure { overflow: hidden; position: relative; height: 0; padding-bottom: 58.416%; } .homepage #kopfbild .inside .mod_newslist .iosSlider .slider .item figure img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .homepage #kopfbild .inside .mod_newslist .logo { width: 29.29293%; width: 35.91%; margin-left: 0; height: 100%; z-index: 6; float: right; text-align: right; } @media only screen and (max-width: 570px) { .homepage #kopfbild .inside .mod_newslist .logo { float: left; margin-left: 0; width: 100%; } } .homepage #kopfbild .inside .mod_newslist .logo .skip-buttons { display: none; } .homepage #kopfbild .inside .mod_newslist .logo .logo-inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left: 0.75em solid #fff; background-color: #f2f2f2; height: 50%; width: 100%; display: block; padding: 2em 3em 2em 3em; } .homepage #kopfbild .inside .mod_newslist .logo .logo-inner a { color: transparent; line-height: 0; display: inline-block; width: 100%; height: 100%; overflow: hidden; background-size: contain; background-position: right center; } .homepage #kopfbild .inside .mod_newslist .logo article.news { vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; border-top: 0.75em solid #fff; border-right: 0.75em solid #fff; border-left: 0.75em solid #fff; height: 50%; width: 100%; display: inline-block; position: absolute; top: 50%; left: -50%; z-index: 2; background-color: rgba(227, 3, 46, 0.9); } .homepage #kopfbild .inside .mod_newslist .logo article.news:before { content: ''; display: inline-block; width: 50%; height: 1.5em; background-color: rgba(227, 3, 46, 0.9); position: absolute; right: 0; bottom: -1.5em; z-index: 0; } .homepage #kopfbild .inside .mod_newslist .logo article.news .layout_latest { width: 100%; } .homepage #kopfbild .inside .mod_newslist .logo article.news figure { display: none; } .homepage #kopfbild .inside .mod_newslist .logo article.news .item { text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; height: 100%; color: #fff; padding: 0 2em 0 2em; position: absolute; left: 0; top: 0; overflow: visible; } .homepage #kopfbild .inside .mod_newslist .logo article.news .item article { height: 100%; display: inline-block; width: 100%; } .homepage #kopfbild .inside .mod_newslist .logo article.news .item a { color: #ffcb00; font-size: 1em; } .homepage #kopfbild .inside .mod_newslist .logo article.news .item h2 { margin-bottom: 4%; margin-top: 7%; font-size: 1.25em; } .homepage #kopfbild .inside .mod_newslist .logo article.news .item h2 a { color: #fff; z-index: 500; } .homepage #kopfbild .inside .mod_newslist .logo article.news .item .teaser { height: 40%; overflow: hidden; } .homepage #kopfbild .inside .mod_newslist .logo article.news .item .teaser p { text-overflow: ellipsis; } .homepage #kopfbild .inside .mod_newslist .logo article.news .item p.more { position: absolute; display: inline-block; width: 45%; right: 0; text-align: center; bottom: -1em; z-index: 500; overflow: hidden; white-space: nowrap; } .homepage #kopfbild .inside .mod_newslist .logo article.news .item p.more a { text-transform: uppercase; } .homepage #kopfbild .inside .mod_newslist .logo article.news .item p.more a:before { content: '>'; display: inline-block; margin-right: 0.5em; } .homepage #kopfbild .inside .mod_newslist .logo article.news .item:first-child { display: inline-block; } .homepage #kopfbild .inside .mod_newslist .logo .iosSliderButtons { position: absolute; text-align: left; left: 0; width: 11em; bottom: -1.75em; z-index: 15; line-height: 1em; display: inline-block; } .homepage #kopfbild .inside .mod_newslist .logo .iosSliderButtons .button { display: inline-block; zoom: 1; z-index: 7; *display: inline; width: 1em; height: 1em; line-height: 1em; background: #cccccc; margin: 0 0.625em 0 0; } @media screen and (max-width: 900px) { .homepage #kopfbild .inside .mod_newslist .logo .iosSliderButtons .button { width: 0.55em; height: 0.55em; margin-right: 0.5em; } } .homepage #kopfbild .inside .mod_newslist .logo .iosSliderButtons .selected { background: #e60004; } .homepage #kopfbild .inside .mod_newslist .logo div.rect { margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; border-top: 0.75em solid #fff; display: block; background-color: #ffcb00; width: 50%; height: 50%; float: right; *zoom: 1; } .homepage #kopfbild .inside .mod_newslist .logo div.rect:before, .homepage #kopfbild .inside .mod_newslist .logo div.rect:after { content: ""; display: table; } .homepage #kopfbild .inside .mod_newslist .logo div.rect:after { clear: both; } .homepage #kopfbild .inside .mod_newslist .logo div.rect > div { display: none; } @media only screen and (max-width: 830px) { .homepage #kopfbild .inside .mod_newslist .logo article.news .item { padding: 0 1em; } .homepage #kopfbild .inside .mod_newslist .logo article.news .item h2 a { } .homepage #kopfbild .inside .mod_newslist .logo article.news .item p.more { text-align: left; } .homepage #kopfbild .inside .mod_newslist .logo article.news .item .teaser { height: 20%; } .homepage #kopfbild .inside .mod_newslist .logo .iosSliderButtons .button { margin-right: 5px; } } @media only screen and (max-width: 630px) { .homepage #kopfbild .inside .mod_newslist .logo article.news .item h2 { max-height: 2.5em; overflow: hidden; } .homepage #kopfbild .inside .mod_newslist .logo article.news .item .teaser { display: none; } .homepage #kopfbild .inside .mod_newslist .logo article.news .item p.more { bottom: 1em; left: 1em; width: 100%; } } @media only screen and (max-width: 570px) { body.homepage #main { margin-top: 2.5em; } .homepage #kopfbild .inside .mod_newslist { padding: 0; } .homepage #kopfbild .inside .mod_newslist .logo-mobile { display: block; } .homepage #kopfbild .inside .mod_newslist .iosSlider .slider .item article { display: block; } .homepage #kopfbild .inside .mod_newslist .logo { height: 13em; float: none; } .homepage #kopfbild .inside .mod_newslist .logo .logo-inner { display: none; } .homepage #kopfbild .inside .mod_newslist .logo .skip-buttons { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .homepage #kopfbild .inside .mod_newslist .logo .skip-buttons .skip { z-index: 2; position: absolute; top: -10%; left: 2%; width: 20%; height: 100%; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMDcuNyAxMTIuNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTA3LjcgMTEyLjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjU7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQ0KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojRUEyNDNDO3N0cm9rZS13aWR0aDo1O3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCjwvc3R5bGU+DQo8ZyBpZD0iTGF5ZXJfMiI+DQo8L2c+DQo8ZyBpZD0iRWJlbmVfMSI+DQoJPHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iMTQuOCw2Ny4yIDQuOCw1Ny4yIDE0LjgsNDcuMiAJIi8+DQo8L2c+DQo8L3N2Zz4NCg==") no-repeat; background-position: 0 50%; cursor: pointer; } .homepage #kopfbild .inside .mod_newslist .logo .skip-buttons .skip.skip-right { right: 2%; left: auto; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMDcuNyAxMTIuNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTA3LjcgMTEyLjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjU7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQ0KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojRUEyNDNDO3N0cm9rZS13aWR0aDo1O3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCjwvc3R5bGU+DQo8ZyBpZD0iTGF5ZXJfMiI+DQo8L2c+DQo8ZyBpZD0iRWJlbmVfMSI+DQoJPHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iOTMuMiw2Ny4yIDEwMy4yLDU3LjIgOTMuMiw0Ny4yIAkiLz4NCjwvZz4NCjwvc3ZnPg0K") no-repeat; background-position: 100% 50%; } .homepage #kopfbild .inside .mod_newslist .logo article.news { border: 0; display: block; position: relative; top: auto; left: auto; height: 100%; width: 100%; margin: 0 auto; background-color: #e3032e; } .homepage #kopfbild .inside .mod_newslist .logo article.news div.item { display: block !important; width: 100%; padding: 0 4em 0 4em; } .homepage #kopfbild .inside .mod_newslist .logo article.news article.news-item { text-align: center; display: block; } .homepage #kopfbild .inside .mod_newslist .logo article.news article.news-item:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; /* Adjusts for spacing */ } .homepage #kopfbild .inside .mod_newslist .logo article.news article.news-item .teaser { display: none; } .homepage #kopfbild .inside .mod_newslist .logo article.news article.news-item h2 { font-weight: 400; font-size: 1em; display: inline-block; vertical-align: middle; } .homepage #kopfbild .inside .mod_newslist .logo article.news article.news-item p.more { bottom: 2em; left: 0; text-align: center; } .homepage #kopfbild .inside .mod_newslist .logo article.news:before { display: none; } .homepage #kopfbild .inside .mod_newslist .logo div.rect { display: table; position: relative; border: 0; float: none; width: 100%; height: 20%; text-align: center; } .homepage #kopfbild .inside .mod_newslist .logo div.rect > div { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; } .homepage #kopfbild .inside .mod_newslist .logo div.rect a { z-index: 10; display: inline; color: white; text-transform: uppercase; text-decoration: none; letter-spacing: 0.075em; } .homepage #kopfbild .inside .mod_newslist .logo div.rect a:before { content: '>'; display: inline-block; margin-right: 0.5em; } .homepage #kopfbild .inside .mod_newslist .logo .iosSliderButtons { display: none; } } @media only screen and (max-width: 480px) { .homepage #kopfbild .inside .mod_newslist .logo article.news article.news-item p.more { bottom: 1em; } } /* Zitate */ .homepage .zitate .iosSlider { width: 100%; max-width: 1320px; min-width: 320px; margin: 0 auto; height: 280px; } .homepage .zitate .iosSlider > *:first-child { margin-left: 0; } @media only screen and (max-width: 570px) { .homepage .zitate .iosSlider { width: auto; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 13.1578%; padding-right: 13.1578%; } } .homepage .zitate .iosSlider .slider { width: 100%; height: 280px; z-index: 4; } .homepage .zitate .iosSlider .prevButton, .homepage .zitate .iosSlider .nextButton { width: 2.5em; padding-bottom: 2.5em; background-color: #e3032e; position: absolute; left: 0; top: 50%; z-index: 15; margin-top: -1em; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .homepage .zitate .iosSlider .prevButton:hover, .homepage .zitate .iosSlider .nextButton:hover { background-position: -4px 0; } .homepage .zitate .iosSlider .nextButton { right: 0; left: auto; } .homepage .zitate .iosSlider .nextButton:hover { background-position: 4px 0; } .homepage .zitate .iosSlider .slider .item { background-color: #f2f2f2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; line-height: 280px; text-align: center; } .homepage .zitate .iosSlider .slider .item figure { width: 10em; display: inline-block; vertical-align: middle; margin-right: 3%; line-height: 0; } .homepage .zitate .iosSlider .slider .item .content { display: inline-block; max-width: 40%; vertical-align: middle; margin: 0; text-align: left; } .homepage .zitate .iosSlider .slider .item .content p:first-child { font-weight: 500; font-style: italic; font-size: 1.375em; color: #666666; margin-bottom: 1em; } .homepage .zitate .iosSlider .slider .item .content p:nth-child(2) { color: #e3032e; font-weight: 500; font-size: 0.9375em; text-transform: uppercase; } .homepage .zitate .iosSlider .slider .item .content p:nth-child(2) em { font-style: normal !important; } @media only screen and (max-width: 800px) { } @media only screen and (max-width: 800px) { .homepage .zitate .iosSlider .slider .item .content { max-width: 55%; } } @media only screen and (max-width: 570px) { .homepage .zitate .iosSlider { height: auto; padding: 0; } .homepage .zitate .iosSlider .slider { height: 0; padding-bottom: 55%; } .homepage .zitate .iosSlider .slider .item { line-height: 1; text-align: center; /* The ghost, nudged to maintain perfect centering http://css-tricks.com/centering-in-the-unknown/ */ } .homepage .zitate .iosSlider .slider .item:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; /* Adjusts for spacing */ } .homepage .zitate .iosSlider .slider .item figure { display: none; } .homepage .zitate .iosSlider .slider .item .content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 70%; min-width: 70%; display: inline-block; vertical-align: middle; text-align: center; } .homepage .zitate .iosSlider .slider .item .content p:first-child { font-size: 0.9em; } .homepage .zitate .iosSlider .slider .item .content p:nth-child(2) { font-size: 0.75em; letter-spacing: 0.1em; } .homepage .zitate .iosSlider .prevButton, .homepage .zitate .iosSlider .nextButton { z-index: 5; position: absolute; padding-bottom: 0; margin-top: 0; top: 0; left: 2%; width: 50%; height: 100%; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMDcuNyAxMTIuNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTA3LjcgMTEyLjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjU7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQ0KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojRUEyNDNDO3N0cm9rZS13aWR0aDo1O3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCjwvc3R5bGU+DQo8ZyBpZD0iTGF5ZXJfMiI+DQo8L2c+DQo8ZyBpZD0iRWJlbmVfMSI+DQoJPHBvbHlsaW5lIGNsYXNzPSJzdDEiIHBvaW50cz0iMTQuNSw2Ny4yIDQuNSw1Ny4yIDE0LjUsNDcuMiAJIi8+DQo8L2c+DQo8L3N2Zz4NCg==") no-repeat; background-position: 0% 50%; -webkit-transition: none; transition: none; } .homepage .zitate .iosSlider .prevButton:hover, .homepage .zitate .iosSlider .nextButton:hover { background-position: 0% 50%; } .homepage .zitate .iosSlider .nextButton { right: 2%; left: auto; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMDcuNyAxMTIuNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTA3LjcgMTEyLjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjU7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQ0KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojRUEyNDNDO3N0cm9rZS13aWR0aDo1O3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCjwvc3R5bGU+DQo8ZyBpZD0iTGF5ZXJfMiI+DQo8L2c+DQo8ZyBpZD0iRWJlbmVfMSI+DQoJPHBvbHlsaW5lIGNsYXNzPSJzdDEiIHBvaW50cz0iOTIuOCw2Ny4yIDEwMi44LDU3LjIgOTIuOCw0Ny4yIAkiLz4NCjwvZz4NCjwvc3ZnPg0K") no-repeat; background-position: 100% 50%; } .homepage .zitate .iosSlider .nextButton:hover { background-position: 100% 50%; } } /* Alleinstellungsmerkmale */ .homepage .mainfacts { margin-top: 8%; } .homepage .mainfacts .ce_text { position: relative; width: 46.9697%; margin-bottom: 5%; } .homepage .mainfacts .ce_text.kultur { margin-left: 0; } .homepage .mainfacts .ce_text:hover img { opacity: 0.8; } .homepage .mainfacts .ce_text:hover figure:before { background: rgba(174, 202, 55, 0.9); width: 44%; } @media only screen and (max-width: 570px) { .homepage .mainfacts .ce_text { float: left; margin-left: 0; width: 100%; } } .homepage .mainfacts .ce_text figure { position: relative; line-height: 0; font-size: 0; height: 0; padding-bottom: 34.5622%; overflow: hidden; } .homepage .mainfacts .ce_text figure:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; content: ''; display: block; position: absolute; z-index: 2; width: 40%; height: 100%; top: 0; left: 0; background: #aeca37; font-size: 16px; border-right: 1em solid #fff; } @media only screen and (min-width: 571px) and (max-width: 1024px) { .homepage .mainfacts .ce_text figure:before { font-size: 12.8px; } } .homepage .mainfacts .ce_text figure img { opacity: 1; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .homepage .mainfacts .ce_text h1 { font-weight: 500; position: absolute; z-index: 3; margin: 0; max-width: 6.5em; width: 35%; height: 0; padding-bottom: 34.5622%; left: 0; top: 0; color: #fff; font-size: 1.25em; text-transform: uppercase; } .homepage .mainfacts .ce_text h1 a { position: absolute; left: 0.75em; bottom: 0.5em; color: #fff; } .homepage .mainfacts .ce_text h1 a:before { display: none; } .homepage .mainfacts .ce_text p { margin-top: 4%; padding-right: 5%; min-height: 5em; max-height: 4.125em; overflow: hidden; text-overflow: ellipsis; } .homepage .mainfacts .ce_text p a { white-space: nowrap; } .homepage .mainfacts .ce_text p a:before { margin-right: 0.25em; margin-left: 0.25em; } .homepage .mainfacts .ce_text.schule figure:before { background: #30aedb; } .homepage .mainfacts .ce_text.schule figure:hover:before { background: rgba(48, 174, 219, 0.9); } .homepage .mainfacts .ce_text.kultur figure:before { background: #e3032e; } .homepage .mainfacts .ce_text.kultur figure:hover:before { background: rgba(227, 3, 46, 0.9); } .homepage .mainfacts .ce_text.baustelle figure:before { background: #ffcb00; } .homepage .mainfacts .ce_text.baustelle figure:hover:before { background: rgba(255, 203, 0, 0.9); } @media only screen and (max-width: 1600px) { .homepage .mainfacts .ce_text:nth-child(3) { margin-left: 0; } } @media only screen and (max-width: 570px) { .homepage .mainfacts { margin-top: 5%; margin-bottom: 2%; } .homepage .mainfacts .ce_text { width: 46.9697%; margin-bottom: 6.06061%; } .homepage .mainfacts .ce_text:hover img { opacity: 0; } .homepage .mainfacts .ce_text:hover figure:before { width: 100%; } .homepage .mainfacts .ce_text p { display: none; } .homepage .mainfacts .ce_text figure { padding-bottom: 100%; } .homepage .mainfacts .ce_text figure:before { width: 100%; border: 0; } .homepage .mainfacts .ce_text h1 { width: 100%; padding-bottom: 100%; } .homepage .mainfacts .ce_text:nth-child(even) { margin-left: 6.06061%; } } @media only screen and (min-width: 3600px) { .homepage .mainfacts .ce_text { width: 20.12364%; } } .homepage .inside { margin-top: 6em; } @media only screen and (max-width: 570px) { .homepage .inside { margin-top: 0; } } /* Illufacts */ .homepage .illu-facts { background-color: #f2f2f2; max-width: 100%; } .homepage .illu-facts .row { width: 78.5625%; } .homepage .illu-facts .ce_text { text-align: center; width: 29.29293%; margin-top: 4%; height: 100%; } @media only screen and (max-width: 570px) { .homepage .illu-facts .ce_text { float: left; margin-left: 0; width: 100%; } } .homepage .illu-facts .ce_text a.illu { display: block; position: absolute; top: 0; width: 100%; padding-bottom: 60%; height: 0; font-size: 0; color: transparent; background-position: 50% 50%; } .homepage .illu-facts .ce_text a.icon-berufsorientierung { background-position: 50% 100%; } .homepage .illu-facts .ce_text h1 { color: #e3032e; margin-bottom: 2%; margin-top: 63%; } .homepage .illu-facts .ce_text p:nth-child(2){ margin-bottom: 0; } .homepage .illu-facts .ce_text p:nth-child(3) { padding: 0 2em 0 2em; height: 100%; } @media only screen and (max-width: 570px) { .homepage .illu-facts { margin-top: 0; height: 100%; } .homepage .illu-facts .row { width: 100%; background-color: #f2f2f2; padding-bottom: 8%; } .homepage .illu-facts .ce_text { margin-top: 4%; } .homepage .illu-facts .ce_text a.illu { width: 50%; left: 25%; } .homepage .illu-facts .ce_text h1 { font-size: 1.25em; font-weight: 500; margin-top: 61%; } .homepage .illu-facts .ce_text p:nth-child(3) { padding: 0; height: 100%; } } /* Termine */ .homepage .termine h2, .homepage .downloads h2, .homepage .contact h2 { margin-top: 0; color: #e3032e; vertical-align: middle; font-size: 1.6875em; } .homepage .termine h2:before, .homepage .downloads h2:before, .homepage .contact h2:before { vertical-align: middle; display: inline-block; content: ''; width: 1.75em; height: 1.75em; margin-right: 0.5em; } .homepage .termine div.event { display: table; width: 100%; table-layout: fixed; padding-top: 0.6em; padding-bottom: 0.5em; border-bottom: 1px solid #cccccc; } .homepage .termine div.event > * { display: table-cell; } .homepage .termine div.event .date { font-weight: 500; color: #e3032e; width: 20%; } .homepage .termine div.event .day { display: none; } .homepage .termine div.event .event { width: 60%; } .homepage .termine div.event .time { width: 20%; text-align: right; padding-right: 0.5em; } .homepage .termine div.event:first-child { border-top: 1px solid #cccccc; } .homepage .termine > p,.homepage .downloads > p { margin-top: 1em; } .homepage .termine > p a, .homepage .downloads > p a { font-size: 0.9375em; } @media only screen and (max-width: 570px) { .homepage .termine { margin-bottom: 8%; } } .homepage #footer .inside { max-width: 1320px; } /* Termin-Übersicht */ .termine .event-head { margin-bottom: .5em; } .termine .event-head, .termine .termine .layout_list { display: table; width: 100%; } .termine .event-head span { font-weight: 500; } .termine .event-head span, .termine .termine .layout_list time, .termine .termine .layout_list span.event, .termine .termine .layout_list span.location, .termine .termine .layout_list span.time { display: table-cell; } .termine .event-head span.col_0, .termine .termine .layout_list time { width: 15%; } .termine .event-head span.col_1, .termine .termine .layout_list .event { width: auto; } .termine .event-head span.col_2, .termine .termine .layout_list .location{ width: 20%; } .termine .event-head span.col_3, .termine .termine .layout_list .time { width: 15%; text-align: right; } .termine .termine .layout_list { border-bottom: 1px solid #ccc; } .termine .termine .layout_list:first-child { border-top: 2px solid #ccc; } .termine .termine .layout_list time, .termine .termine .layout_list span.event, .termine .termine .layout_list span.location, .termine .termine .layout_list span.time { padding: .5em 0; } .termine .termine .layout_list time { color: #e3032e; font-weight: 500; } .termine .termine .layout_list:hover time { color: #e3032e; background: #f5f5f5; } .termine .termine .layout_list:hover span.event, .termine .termine .layout_list:hover span.location, .termine .termine .layout_list:hover span.time { background: #f5f5f5; } @media only screen and (max-width: 570px) { .termine .event-head span.col_2, .termine .termine .layout_list span.location { display: none; } } @media only screen and (max-width: 550px) { .termine .termine .layout_list time span.year { display: none; } } /* Ferien-Übersicht */ .termine .ferien { margin-bottom: 3em; position: relative; } .termine .ferien:after { content: ' '; display: block; clear: left; } .termine .layout_ferien { width: 40%; margin-right: 10%; padding: .5em 0; border-top: 1px solid #999; } .termine .layout_ferien:nth-child(1n+1) { width: 45%; margin-right: 5%; } /* .termine .layout_ferien:nth-child(1n+5) { margin-left: 55%; margin-right: 0%; margin-top: -9.8em; } */ .termine .layout_ferien:nth-child(1n+6) { margin-left: 55%; margin-top: 0; } .termine .layout_ferien:nth-child(1n+7) { margin-bottom: 5.5em; } .termine .layout_ferien:nth-child(1n+8) { margin-bottom: 3em; } .termine .layout_ferien span, .termine .layout_ferien p { display: inline-block; width: 49%; } .termine .layout_ferien span { font-weight: 500; } @media only screen and (max-width: 750px) { .termine .layout_ferien { width: 100%; margin-right: 0%; max-width: 500px; } .termine .layout_ferien:nth-child(1n+1) { width: 100%; margin-right: 0%; margin-left: 0%; margin-top: 0%; max-width: 500px; } .termine .layout_ferien:nth-child(1n+7), .termine .layout_ferien:nth-child(1n+8) { margin-bottom: 0; } } /* Downloads */ .homepage .downloads ul { margin: 0; padding: 0; } .homepage .downloads li { display: block; width: 100%; list-style-type: none; padding-top: 0.6em; padding-bottom: 0.5em; border-bottom: 1px solid #cccccc; position: relative; } .homepage .downloads li:first-child { border-top: 1px solid #cccccc; } .homepage .downloads li img { display: none; width: 0; } .homepage .downloads li a { vertical-align: top; font-weight: 400; color: #4d4d4d; display: inline-block; max-width: 70%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .homepage .downloads li:after { vertical-align: top; content: '> PDF'; display: block; position: absolute; right: 0; top: 0.6em; color: #e3032e; font-weight: 500; text-transform: uppercase; text-decoration: none; letter-spacing: 0.1em; } .homepage .downloads li span { display: none; } /* Karte */ @media only screen and (max-width: 570px) { .homepage .map-container { margin-bottom: 8%; } } @media only screen and (max-width: 570px) { .mod_article .row.map-row { margin-top: 8%; } } /* Kontaktinfo */ .homepage .contact p { margin-top: 2em; } .homepage .contact p:nth-child(3) { margin-top: 1.75em; } .homepage .contact a { font-size: 0.9375em; } /* Schule */ .school .lerngruppen { margin-bottom: 2em; } .school .lerngruppen h3:first-child { margin-top: 0; } .school .lerngruppen p { margin-bottom: 1em; } .school .lerngruppen .icon-kernzeitbetreuung { position: absolute; top: 0; right: -40%; width: 32%; height: 100%; background-position: 50% 50%; } @media only screen and (max-width: 570px) { .school .lerngruppen .icon-kernzeitbetreuung { display: none; } } /* Lehrer-Liste */ #lehrermitarbeiter div .ce_text.block h1 { color: #e3032e; } #lehrermitarbeiter div .ce_table.block h2 { color: #e3032e; } #lehrermitarbeiter table thead { line-height: 200%; } @media only screen and (min-width: 1400px) { .lehrerliste { padding-right: 100px; } .fachlehrer { padding-right: 100px; } } .lehrerliste table { width: 100%; } .lehrerliste table .col_1 { color: #e3032e; } .fachlehrer table .col_0 { color: #e3032e; } table tr td { line-height: 250%; } table tr .col_first { padding-left: 0.5em; } table tr .col_0 { width: 20%; } table tr .col_1 { width: 30%; } table tr .col_2 { width: 50%; } table tr:nth-child(odd) td { background: #eeeefa; line-height: 200%; } table tr:nth-child(even) td { background: #fefeff; } table th { text-align: left; } /* Berufsorientierung */ .berufsorientierung table { width: 100%; margin-bottom: 3em; } .berufsorientierung th { font-weight: normal; text-transform: uppercase; letter-spacing: 0.075em; } .berufsorientierung th, .berufsorientierung td { padding: .5em 2em .5em 1em; } .ce_text.bordered, .row-75.bordered, .mod_newsarchive .layout_latest { padding-bottom: 1.5em; margin-bottom: 2.5em; border-bottom: 1px solid #ccc; } /* Bild im Fliesstext */ #main .img-small .image_container { width: 30%; max-width: 250px; } #main .img-med .image_container { width: 50%; max-width: 350px; } #main .img-centered .image_container { margin: 0 auto; } @media only screen and (max-width: 570px) { #main .img-small .image_container { width: 40%; } #main .img-med .image_container { width: 60%; } } /* Element Downloads / Dokumente */ .formulare { width: 100%; background: #f5f5f5; margin: 3em 0; } .formulare h1 { margin-top: 0; color: #e3032e; } .formulare h2 { display: none; } .formulare .formulare-inside { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 95%; max-width: 1200px; margin: 0 auto; min-height: 20em; padding: 3em 0em 3em 15em; background-size: 12em 12em; background-position: left center; } .formulare ul { width: 100%; margin: 0; padding: 0; list-style: none; } .formulare li, .formulare .ce_download { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; padding: .5em .75em; background: #fff; margin-right: 10%; margin-bottom: .5em; width: 39%; float: left; white-space: nowrap; overflow: hidden; } .formulare .ce_download { float: none; width: 100%; max-width: 450px; } .formulare li:nth-child(2n+1) { margin-right: 5%; width: 45%; } .formulare li:nth-child(2n+2) { margin-right: 0%; margin-left: 5%; width: 45%; } .formulare li img { display: none; } @media only screen and (max-width: 1100px) { .formulare .formulare-inside { min-height: 17em; padding-left: 12em; background-size: 10em; } .formulare li { margin-right: 5%; width: 45%; } .formulare li:nth-child(2n+1) { margin-right: 3%; width: 47%; } .formulare li:nth-child(2n+2) { margin-right: 0%; margin-left: 3%; width: 47%; } } @media only screen and (max-width: 830px) { .formulare li, .formulare .ce_download { float: none; width: 100%; max-width: 450px; } .formulare li:nth-child(2n+1), .formulare li:nth-child(2n+2) { margin-left: 0; margin-right: 0; width: 100%; } } /* graue Boxen für Kontakt / Ansprechpartner */ .box-kontakt, .galerie .ce_gallery { float: left; width: 32%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 3em; } .box-kontakt { margin-right: 1.3333%; padding: 1.5em; background: #f5f5f5; } .box-kontakt-white { background: #fff; } .row-75 .box-kontakt { width: 48%; margin-right: 2%; } .box-kontakt h2, .box-kontakt h3 { margin-top: 0; text-transform: none; font-size: 1.375em; } .box-kontakt p { margin-bottom: 0; } @media only screen and (max-width: 570px) { .box-kontakt { width: 48%; margin-right: 2%; } .box-kontakt:nth-of-type(7) { clear: left; } } @media only screen and (max-width: 320px) { .box-kontakt { width: 100%; margin-right: 0; } } /* Bildergalerien */ .galerie .ce_gallery { width: 28%; margin-right: 5.33333% } .galerie .ce_gallery p { font-weight: 500; color: #999999; font-size: 1.1em; } .galerie .ce_gallery:nth-child(3n+2) { clear: left; margin-left: 0%; margin-right: 4%; } .galerie .ce_gallery:nth-child(3n+3) { margin-right: 4%; margin-left: 4%; } .galerie .ce_gallery:nth-child(3n+4) { margin-right: 0; margin-left: 4%; } .galerie .ce_gallery li { display: none; } .galerie .ce_gallery li.row_0 { display: block; } .galerie .ce_gallery li .image_container { position: relative; } .galerie .ce_gallery li .image_container { margin-bottom: .5em; } .galerie .ce_gallery li .image_container img { display: block; } .galerie .ce_gallery li .image_container:hover a:after { content: ' '; display: block; position: absolute; top:0; left: 0; width: 100%; height: 100%; background-color: rgba(230, 50, 80, 0.5); background-position: 90% 90%; background-size: 22%; } @media only screen and (max-width: 570px) { .galerie .ce_gallery { width: 45%; margin-right: 5%; } .galerie .ce_gallery:nth-child(2n+2) { clear: left; margin-left: 0%; margin-right: 5%; } .galerie .ce_gallery:nth-child(2n+3) { clear: none; margin-right: 0; margin-left: 5%; } } @media only screen and (max-width: 360px) { .galerie .ce_gallery { float: none; width: 100%; margin-left: 0; margin-right: 0; } .galerie .ce_gallery:nth-child(1n+2) { clear: left; margin-left: 0%; margin-right: 0%; } } /* Add-on zum ce-gallery Style */ /*.ce_gallery li { width: 49%; height: 49%; max-width: 350px; max-height: 350px; margin-right: 1%; margin-bottom: 1%; } @media only screen and (min-width: 0px) { .ce_gallery li { max-width: 100%; width: auto; height: auto; margin-bottom: 10%; } } @media only screen and (min-width: 480px) { .ce_gallery li { max-width: 50%; width: 49%; height: 49%; margin-right: 1%; margin-bottom: 1%; } } @media only screen and (min-width: 800px) { .ce_gallery li { max-width: 25%; float: left; clear: none!important; } } @media only screen and (min-width: 1024px) { .ce_gallery li { max-width: 24%; clear: none!important; } }*/ /* Kompakte Bildergalerien */ .ce_gallery_lightbox { width: 25%; display: inline-block; } @media only screen and (max-width: 320px) { .ce_gallery_lightbox { display: block; float: none; } } @media only screen and (min-width: 321px) and (max-width: 1400px) { .ce_gallery_lightbox { display: inline-block; width: 48%; margin-right: 2%; } } .ce_gallery_lightbox ul { padding-left: 0; } .ce_gallery_lightbox p { padding-left: 0; } .ce_gallery_lightbox ul { list-style: none; } .ce_gallery_lightbox p { font-weight: 500; color: #999999; font-size: 0.9em; } @media only screen and (min-width: 1400px) { .ce_gallery_lightbox p { font-size: 1.1em; } .ce_gallery_lightbox:nth-child(3n+2) { clear: left; margin-left: 0%; margin-right: 4%; } .ce_gallery_lightbox:nth-child(3n+3) { margin-right: 4%; margin-left: 4%; } .ce_gallery_lightbox:nth-child(3n+4) { margin-right: 0; margin-left: 4%; } } .ce_gallery_lightbox li { display: none; } .ce_gallery_lightbox li.row_0 { display: inline-block; } .ce_gallery_lightbox li .image_container { position: relative; } .ce_gallery_lightbox li .image_container { margin-bottom: .5em; } .ce_gallery_lightbox li .image_container img { display: block; } .ce_gallery_lightbox li .image_container:hover a:after { content: ' '; display: block; position: absolute; top:0; left: 0; width: 100%; height: 100%; background-color: rgba(230, 50, 80, 0.5); background-position: 90% 90%; background-size: 22%; } @media only screen and (max-width: 570px) { .ce_gallery_lightbox { width: 45%; margin-right: 4%; } .ce_gallery_lightbox:nth-child(2n+2) { clear: left; margin-left: 0%; margin-right: 4%; } .ce_gallery_lightbox:nth-child(2n+3) { clear: none; margin-right: 0; margin-left: 4%; } } @media only screen and (max-width: 320px) { .ce_gallery_lightbox { float: none; width: 100%; margin-left: 0; margin-right: 0; } .ce_gallery_lightbox:nth-child(1n+2) { clear: left; margin-left: 0%; margin-right: 0%; } } /* News/Projekte */ .mod_newsarchive .layout_latest { clear: left; } .mod_newsarchive .layout_latest:after { content: ' '; display: block; clear: left; } .mod_newsarchive .layout_latest .image_container { width: 25%; margin-right: 3%; float: left; margin-bottom: 1em; } .mod_newsarchive .layout_latest .image_container.mobile { display: none; } .mod_newsarchive .layout_latest .content { width: 60%; float: left; } .mod_newsarchive .layout_latest h2 { font-size: 1.5625em; margin-top: 0; } .mod_newsarchive .pagination ul { list-style: none; margin: 0; padding: 0; } .mod_newsarchive .pagination li { display: inline-block; margin: 0; padding: 0 .5em; } .mod_newsarchive .pagination li:first-child { padding-left: 0; } @media only screen and (max-width: 750px) { .mod_newsarchive .layout_latest .image_container { width: 30%; } .mod_newsarchive .layout_latest .content { width: 65%; } } @media only screen and (max-width: 570px) { .mod_newsarchive .layout_latest .image_container { width: 100%; margin-right: 0; float: none; margin-bottom: 1em; } .mod_newsarchive .layout_latest .content { width: 100%; float: none; } .mod_newsarchive .layout_latest .image_container { display: none; } .mod_newsarchive .layout_latest .image_container.mobile { display: block; } } /* Detailseite */ .mod_newsreader p.back { display: none; } .list-small { clear: left; } body.termine .ce_downloads.four-col.downloads { width: auto; margin-left: 0; } /* privacy additional styling */ .open-privacy-settings, .map-question-block button, .privacy-bar-btns button { background: #e3032e; color: #fff; border: none; outline: none; } .privacy-bar-btns button:hover { color: #e3032e; background-color: #fff; } .map-question-block p { margin-bottom: 1em; } @media all and (min-width: 1025px) { .privacy-bar .open-privacy-settings { margin-left: 0; } } @media all and (max-width: 1024px) { #footer .privacy-bar .content-wrapper.inside { width: 90%; float: none; } #footer .privacy-bar .content-wrapper.inside p, #footer .privacy-bar .content-wrapper.inside button { font-size: 1em; } } .mod_login { padding: 2em 2em 1em 2em; background: #30aedb; background: rgba(48, 174, 219, 0.55); width: 30em; margin: auto; } .mod_login .widget { margin-bottom: 1em; } .mod_login label { font-weight: 500; width: 8em; display: inline-block; } .mod_login input.text { padding: 0.5em 1em; border: 0; outline-width: 0; background: white; transition: background .3s; } .mod_login input.text:focus { background: #ffeea8; } .mod_login .widget-submit { padding-left: 8.2em; } .mod_login button { border: 0; padding: .5em 1em; font-weight: 500; text-transform: lowercase; transition: all .3s; } .mod_login button:hover { background: #ccc; color: #222; } .ce_text.logout { margin-top: 6em; }