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%} .download-element a{padding:3px 6px 3px 22px;background:url(../../assets/contao/images/iconPLAIN.svg) left center no-repeat}ul.enclosure{padding-left:0}li.download-element{list-style-type:none}.ext-xl a{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls a{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx a{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx a{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt a{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin a{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc a{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx a{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word a{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto a{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms a{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha a{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh a{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe a{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class a{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so a{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea a{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll a{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda a{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf a{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai a{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps a{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps a{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps a{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt a{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx a{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi a{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil a{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif a{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc a{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf a{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg a{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi a{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp a{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods a{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt a{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml a{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc a{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg a{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr a{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir a{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr a{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi a{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar a{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc a{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php a{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3 a{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4 a{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5 a{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml a{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps a{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js a{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd a{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar a{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla a{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf a{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit a{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar a{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz a{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml a{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht a{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip a{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3 a{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma a{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg a{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav a{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg a{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid a{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi a{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif a{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff a{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc a{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram a{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm a{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm a{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra a{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp a{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif a{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg a{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg a{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe a{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png a{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff a{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif a{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg a{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz a{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp a{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-avif a{background-image:url(../../assets/contao/images/iconAVIF.svg)}.ext-heic a{background-image:url(../../assets/contao/images/iconHEIC.svg)}.ext-jxl a{background-image:url(../../assets/contao/images/iconJXL.svg)}.ext-eml a{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp a{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css a{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss a{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less a{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html a{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm a{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md a{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml a{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt a{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text a{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log a{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx a{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf a{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml a{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl a{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4 a{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v a{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov a{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv a{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm a{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt a{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv a{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi a{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv a{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie a{background-image:url(../../assets/contao/images/iconMOVIE.svg)} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} * { padding: 0px; margin: 0px; font-family: 'Roboto-Light'; color: black; } #main h2 { font-size: 1.9em; } #main h3 { font-size: 1.2em; margin-bottom: 15px; font-weight: normal; text-transform: uppercase; } .ce_text a { text-decoration: none; } .ce_text a:hover { color: #972680; } .zentrieren { text-align: center; } #main .ce_text .image_container.float_right, #main .ce_text .image_container.float_left { width: 400px; margin-bottom: 25px; } #main .ce_text .image_container.float_right img, #main .ce_text .image_container.float_left img { width: 100%; } #main .ce_text .image_container.float_right { margin-left: 30px; } #main .ce_text .image_container.float_left { margin-right: 30px; } #footer { background: #282828; padding: 50px; } #footer p, #footer li, #footer a { color: white; text-decoration: none; } #footer p { margin-bottom: 15px; } #footer h3 { color: white; } #footer > .inside { width: 100%; display: table; } #footer .ce_text { display: table-cell; width: 50%; } #footer .mod_customnav { position: absolute; top: 0px; right: 50px; text-align: right; } #footer .mod_customnav .active { color: white; } #footer .servicenavigation a:active { color: white; } #footer .servicenavigation { position: absolute; top: 0px; right: 50px; text-align: right; } #footer .servicenavigation p, #footer .servicenavigation a, #footer .servicenavigation img { text-align: right; } #footer p.pimg { height: 30px; } @font-face { font-family: 'Roboto-Regular'; src: url('../../files/layout/./fonts/Roboto-Regular.ttf.woff') format('woff'), url('../../files/layout/./fonts/Roboto-Regular.ttf.svg#Roboto-Regular') format('svg'), url('../../files/layout/./fonts/Roboto-Regular.ttf.eot'), url('../../files/layout/./fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto-Light'; src: url('../../files/layout/./fonts/Roboto-Light.ttf.woff') format('woff'), url('../../files/layout/./fonts/Roboto-Light.ttf.svg#Roboto-Light') format('svg'), url('../../files/layout/./fonts/Roboto-Light.ttf.eot'), url('../../files/layout/./fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } #main p { margin-bottom: 25px; line-height: 1.6em; font-size: 1.3em; } #main .ce_text a{ text-decoration: underline; } h1 { text-transform: uppercase; font-size: 2.7em; font-weight: normal; margin-bottom: 40px; } #main .content-text h2 { font-family: 'Roboto-Light'; text-transform: uppercase; font-weight: normal; margin-bottom: 25px; margin-top: 25px; } .ce_text ul li, ol li { list-style-position: inside; font-size: 1.1em; } .ce_text ul li { list-style-type: disc; padding-left: 25px; margin-bottom: 5px; text-indent: -20px; } .ce_text ol li { padding-left: 35px; margin-bottom: 10px; text-indent: -20px; } .ce_text ul { margin-bottom: 25px; } #buttons { position: absolute; top: 350px; right: 2px; } .seite-start #buttons { top: 400px; } #buttons .content-text { display: block; height: 65px; width: 420px; } #buttons .rte { height: 65px; } #buttons img { height: 67px; } #buttons .content-text, #buttons figure, #buttons .rte { display: block; } #buttons figure, #buttons .rte { display: table-cell; } #buttons p { margin-bottom: 0px; } #buttons .rte { vertical-align: middle; margin-left: 0px; border: 1px solid white; width: 333px; padding-left: 20px; background-color: rgb(0,0,0,0.4); } #buttons a { color: white; text-decoration: none; font-size: 1.3em; font-weight: bold; } .buttontel, .buttonmail { margin-bottom: 14px; } .headerfoto, .headerfoto img { width: 100% !important; } .headerfoto { margin-bottom: 0px; margin-top: 135px; } #co2 img { width: 200px; height: auto; } #co2 { position: relative; top: 80px; left: 100px; } .welcometext { padding-top: 45px; padding-bottom: 45px; padding-left: 15%; padding-right: 15%; background-color: #ebe1bd; text-align: center; margin-top: -60px; margin-bottom: 50px; } #main { padding-bottom: 65px; } .headerfoto.klein { margin-bottom: 50px; } #wrapper { width: 100%; } #logo { margin-top: 0px; margin-left: calc(50% - 130px); position: absolute; z-index: 20; } #logo img { height: 240px; width: auto; } .startseite h1 { margin-top: 40px; margin-bottom: 60px; } .startseite #main { text-align: center; } #main .schmal { margin-left: 15%; width: 70%; } .links, .rechts { display: inline-block; width: 40%; vertical-align: top; margin-bottom: 30px; } .links.displayblock, .rechts.displayblock { display: block; } .links { text-align: right; padding-right: 30px; } .mod_changelanguage { position: absolute; top: 20px; right: 20px; } .mod_changelanguage a { height: 40px; width: 60px; background-repeat: no-repeat; background-size: 40px auto; display: block; font-size: 0em; } .mod_changelanguage a.lang-en { background-image: url('../../files/layout/./flag_england.png'); } .mod_changelanguage a.lang-de { background-image: url('../../files/layout/./flag_germany.png'); } /*=================1160====================*/ @media (max-width: 1050px) { #logo img { height: 200px; } #logo { margin-left: calc(50% - 100px); } #co2 img { width: 150px; } #co2 { top: 60px; } #buttons { top: 300px; } .seite-start #buttons { top: 350px; } h1 { font-size: 2.2em; margin-bottom: 30px; } #main h2 { font-size: 1.5em; } #main h3 { font-size: 1.1em; } .headerfoto { margin-bottom: 0px; margin-top: 120px; } } /*=================940====================*/ @media (max-width: 940px) { #co2 img { width: 130px; } #co2 { top: 50px; } #buttons { top: 220px; } .seite-start #buttons { top: 320px; } #footer .ce_text, #footer .mod_customnav { display: block; width: 90%; position: relative; margin-left: 20px; } #footer .mod_customnav { text-align: left; right: 0px; margin-top: 35px; } #footer .ce_text, #footer .servicenavigation { display: block; width: 90%; position: relative; margin-left: 20px; } #footer .servicenavigation, #footer .servicenavigation p { text-align: left; right: 0px; margin-top: 35px; } #footer .servicenavigation img { position: relative; left: 0px; text-align: left; float: none !important; clear: right; } .schmal { margin-left: 30px; margin-right: 30px; } } /*=================780====================*/ @media (max-width: 780px) { #buttons .content-text { height: 45px; width: 296px; } #buttons img { height: 47px; width: auto; } #buttons .rte { width: 220px; height: 45px; } #buttons a { font-size: 1.0em; } #logo img { height: 170px; } #logo { margin-left: calc(50% - 85px); } #co2 img { width: 130px; } #co2 { top: 30px; } #buttons { top: 220px; } .seite-start #buttons { top: 290px; } h1 { font-size: 1.7em; margin-bottom: 30px; } #footer { padding: 20px; } #footer .ce_text, #footer .mod_customnav { display: block; width: 90%; position: relative; margin-left: 0px; } #footer .mod_customnav { text-align: left; right: 0px; margin-top: 35px; } #footer .ce_text, #footer .servicenavigation { display: block; width: 90%; position: relative; margin-left: 0px; } #footer .servicenavigation p { text-align: left; right: 0px; margin-top: 35px; } .schmal { margin-left: 10px; margin-right: 10px; } } /*=================600====================*/ @media (max-width: 600px) { #buttons .content-text { height: 40px; width: 296px; } #buttons img { height: 40px; width: auto; } #buttons .rte { width: 220px; height: 38px; padding-left: 10px; padding-top: 0px; padding-bottom: 0px; } #buttons p { padding-top: 0px; padding-bottom: 0px; margin: 0px; } #buttons a { font-size: 0.95em; } #buttons .content-text { margin-bottom: 7px; } #logo img { height: 120px; } #logo { margin-left: calc(50% - 60px); } .headerfoto { margin-top: 85px; } #co2 img { width: 110px; } #co2 { top: 20px; left: 30px; } #buttons { top: 127px; } .seite-start #buttons { top: 170px; } .mod_changelanguage { top: 10px; right: 10px; } }