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%} .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} /*====================*/ /* Struktur */ /*====================*/ * { padding: 0px; margin: 0px; font-family: 'Roboto-Light'; color: black; } #main { background-image: url('../../files/layout/./bg_main.png'); background-position: 0px 0px; width: 100%; } #main { padding-bottom: 65px; } .zentrieren { text-align: center; } .schmal { width: 70%; margin-left: 15%; } #wrapper { width: 100%; } /*===========================*/ /* Zeichen, Absätze, Bilder */ /*===========================*/ @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 h2 { font-size: 1.9em; } .startseite #main .content-text { text-align: center; } #main .starth2 { text-decoration: uppercase; width: 100%; border-bottom: 2px solid #972680; font-size: 1.4em; } .ce_text a { text-decoration: none; } .ce_text a:hover { color: #972680; } #main p { line-height: 1.6em; font-size: 1.3em; } #main .content-text a{ text-decoration: underline; } .startseite #main .content-text.links { text-align: left; } h1 { text-transform: uppercase; font-size: 2.2em; font-weight: normal; margin-bottom: 60px; text-align: center; margin-top: 30px; } h3 { text-transform: uppercase; font-size: 1.4em; font-weight: normal; margin-bottom: 20px; margin-top: 25px; } #main .content-text.media--left figure, #main .content-text.media--right figure { width: 50%; margin-bottom: 25px; margin-right: 25px; } #main .ce_text .image_container.float_right img, #main .ce_text .image_container.float_left img { width: 100%; } #main .content-text .image_container.float_right { margin-left: 30px; } #main .content-text .image_container.float_left { margin-right: 30px; } #main .content-text h2, #main h2.content-headline { font-family: 'Roboto-Light'; text-transform: uppercase; font-weight: normal; margin-bottom: 25px; margin-top: 40px; } .tabellentext table, .tabellentext table td { border: none; } .tabellentext td { text-align: top; } .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; } .ce_text .image_container.float_left, .ce_text .image_container.float_right { margin-bottom: 15px; } .ce_text .image_container.float_left { margin-right: 15px; } .ce_text .image_container.float_right { margin-left: 15px; } .ce_image, .ce_image img { width: 100%; } .content-gallery ul { /*display: flex; justify-content: center;*/ margin-bottom: 10px; } .content-gallery ul li { margin-right: 10px; margin-bottom: 10px; } .content-gallery--cols-3 img { height: 300px; width: auto; } .content-gallery--cols-4 img { height: 200px; width: auto; } .caption { margin-top: 5px; text-align: center; } #main .mod_article table td { padding-right:8px; padding-bottom:6px; vertical-align:top; } .heroimg { border-top: 7px solid #fc7e34; margin-top: 10px; margin-bottom: 75px; } .content-download { margin-top: 25px; } /*====================*/ /* Spendenkachel */ /*====================*/ .kachel { display: inline-block; width: 304px; margin-right: 26px; vertical-align: top; } .spendenkachel figure, .spendensiegel rte { height: 260px; width: 304; } .spendenkachel .rte { background-image: url('../../files/layout/./bg_spendentext.png'); background-repeat: none; position: relative; top: -100px; left: 180px; width: 144px; height: 144px; } .spendenkachel p { color: white; } #main .spendentext { font-size: 1.03em; line-height: 1.2em; } #main .spendenpreis { font-size: 2.3em; font-family: 'Roboto-Regular'; line-height: 1.3em; padding-top: 12px; } .spendensiegel .rte { padding: 25px; font-size: 0.9em; } .spendensiegel { background-image: url('../../files/layout/./rahmen_spendensiegel.png'); background-repeat: no-repeat; margin-left: 20px; } .spendensiegel figure { position: relative; top: -15px; left: 115px; } .spendensiegel img { width: 160px; height: auto; } /*====================*/ /* Slider */ /*====================*/ .mod_rocksolid_slider { z-index: 0; } /*====================*/ /* Sonstige Elemente */ /*====================*/ #pfeilnachoben { position: fixed; bottom: 30px; right: 30px; display: none; } .trenner { width: 100%; text-align: center; margin: auto; border-bottom: 3px dotted #dcdcdc; margin-top: 40px; margin-bottom: 60px; } #logo { position: relative; margin-top: 20px; margin-left: 35px; /*position: fixed;*/ z-index: 20; } #logo img { height: 100px; width: auto; } #spendenbutton { position: absolute; top: 20px; right: 35px; /*position: fixed;*/ z-index: 20; } p.more a { color: white; background-color: #bd1933; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; text-decoration: none; font-size: 0.9em; font-family: Roboto-Regular; } p.more { margin-top: 10px; } /*====================*/ /* Navigation */ /*====================*/ .mod_navigation li.submenu { overflow: visible; } .mod_navigation { position: relative; top: 0px; padding-left: 35px; width: 100%; text-align: left; overflow: visible; /*height: 80px;*/ z-index: 30; font-family: Roboto-Regular; } .mod_navigation ul.level_1 > li, .mod_navigation ul.level_1 > li > a { font-family: 'Roboto-Regular'; } .mod_navigation ul.level_1 { position: relative; width: 100%; overflow: visible; height: 35px; padding-top: 35px; } .mod_navigation li.active strong { color: #bd1933; } .mod_navigation ul.level_1 > li { display: inline-block; margin-right: 15px; margin-left: 15px; height: 35px; position: relative; top: 0px; vertical-align: top; overflow: visible; text-align: left; } .mod_navigation ul.level_1 > li > a { overflow: visible; } .mod_navigation ul.level_1 > li.submenu { overflow: visible; } .mod_navigation a { text-decoration: none; } .mod_navigation .level_1 > li > a, .mod_navigation .level_1 > li { text-transform: uppercase; } .mod_navigation ul.level_2 { display: none; overflow: visible; text-transform: uppercase; position: absolute; width: 480px; } ul.level_2 > li.submenu { display: inline-block; padding-top: 4px; padding-bottom: 4px; overflow: visible; } .mod_navigation ul.level_2 { position: relative; text-align: left; margin-top: 14px; } .mod_navigation ul.level_2 > li { padding-top: 4px; padding-bottom: 4px; padding-right: 10px; padding-left: 10px; margin-bottom: 4px; background-color: #972680; min-width: 195px; max-width: 240px; } .mod_navigation ul.level_2 > li.submenu { min-width: 195px; max-width: 300px; } .mod_navigation ul.level_2 > li, .mod_navigation ul.level_2 > li > a, .mod_navigation ul.level_2 > li.active > strong, .mod_navigation ul.level_2 > li.forward > strong { color: white; } .mod_navigation ul.level_3 { display: none; text-transform: none; position: absolute; min-width: 219px; } ul.level_3 li { display: block; padding-top: 4px; padding-bottom: 4px; overflow: visible; font-weight: normal; } ul.level_1 > li:hover, ul.level_1 a:hover { color: #bd1933; } .mod_navigation ul.level_3 { position: relative; text-align: left; margin-top: 2px; } .mod_navigation ul.level_3 > li { padding-top: 4px; padding-bottom: 4px; padding-right: 10px; padding-left: 10px; margin-bottom: 1px; background-color: #f0eff0; } .mod_navigation ul > li.submenu:hover > ul, .mod_navigation ul.level_1 > li.submenu:hover ul.level_2, .mod_navigation ul.level_1 > li.submenu:hover ul.level_3, .mod_navigation ul.level_2 > li.submenu:hover ul.level_3 { display: block; } .mod_navigation li, .mod_navigation a { font-family: 'Roboto-Light'; } , .mod_navigation li.submenu { overflow: visible; } /* .mod_navigation a, .mod_navigation li, .mod_navigation li.active strong { color: black; } .mod_navigation li.active strong { text-decoration: underline; } .mod_navigation ul.level_1 > li, .mod_navigation ul.level_1 > li > a { font-family: 'Roboto-Regular'; } .mod_navigation ul.level_1 { position: absolute; width: 100%; overflow: visible; height: 35px; padding-top: 45px; } .mod_navigation ul.level_1 > li { display: inline-block; margin-right: 15px; margin-left: 15px; height: 35px; position: relative; top: 0px; vertical-align: top; overflow: visible; text-align: left; } .mod_navigation ul.level_1 > li > a { overflow: visible; } .mod_navigation ul.level_1 > li.submenu { overflow: visible; } .mod_navigation a { text-decoration: none; } .mod_navigation .level_1 > li > a, .mod_navigation .level_1 > li { text-transform: uppercase; font-size: 1em; } .mod_navigation .level_2 li strong { font-weight: normal; } .mod_navigation ul.level_2 { display: none; overflow: visible; text-transform: uppercase; position: absolute; width: 460px; } .mod_navigation ul.level_2 { position: relative; text-align: left; margin-top: 14px; } .mod_navigation ul.level_2 > li { padding-top: 4px; padding-bottom: 4px; padding-right: 10px; padding-left: 10px; margin-bottom: 4px; background-color: #969495; min-width: 145px; max-width: 170px; list-style-type: none; } .mod_navigation ul.level_2 > li, .mod_navigation ul.level_2 > li > a, .mod_navigation ul.level_2 > li.active > strong, .mod_navigation ul.level_2 > li.forward > strong, .mod_navigation ul.level_1 > li.forward > strong { color: white; } .mod_navigation ul.level_1 > li.forward > strong { text-decoration: underline; } .mod_navigation ul > li.submenu:hover > ul, .mod_navigation ul.level_1 > li.submenu:hover ul.level_2, .mod_navigation ul.level_1 > li.submenu:hover ul.level_3, .mod_navigation ul.level_2 > li.submenu:hover ul.level_3 { display: block; } .mod_navigation li, .mod_navigation a { font-family: 'Roboto-Light'; } */ /*==========================*/ /* Newskacheln */ /*==========================*/ .newskachel { width: 230px; margin-right: 35px; display: inline-block; } #main .newskachel h2 { font-size: 1.2em; margin-top: 15px; margin-bottom: 10px; } #main .newskachel .more a { text-decoration: none; } /*==========================*/ /* Handheld Menü & Toggler */ /*==========================*/ #menutoggler { position: absolute; z-index: 16; bottom: -66px; text-align: center; margin-left: 140px; width: 260px; height: 70px; background-color: rgb(228,222,217,0.75); } #menutoggler img { margin-top: 18px; width: 120px; height: auto; } /*====================*/ /* Footer */ /*====================*/ .ft { display: inline-block; vertical-align: top; padding-right: 35px; } #footer, .seite-start #footer .content-text .rte { background: #282828; padding: 50px; } #footer .content-text .rte { text-align: left; } #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 .content-text { display: block; width: 60%; } #footer .mod_customnav .active, #footer .servicenavigation a:active { color: white; } #footer .servicenavigation { position: absolute; top: 0px; right: 50px; text-align: right; } #footer .servicenavigation p, #footer .servicenavigation a { text-align: right; } #footer p.pimg { height: 30px; } .khblink { padding-left: 32px; background-repeat: no-repeat; } .khbch { background-image: url('../../files/layout/khb_ch.png'); } .khbde { background-image: url('../../files/layout/khb_de.png'); } .khbit { background-image: url('../../files/layout/khb_it.png'); } .khbpa { background-image: url('../../files/layout/khb_pa.png'); } .copyright { width: 100%; display: block; position: relative; text-align: center; border-top: 1px solid white; } /*====================*/ /* Kacheln */ /*====================*/ /* .kachel { width: 340px; height: 450px; border: 1px dotted #9b2322; text-align: center; display: inline-block; margin-left: 23px; margin-right: 23px; margin-bottom: 45px; } .kachelheader { height: 250px; } .kachelheader { background-position: center center; background-repeat: no-repeat; background-size: cover; } #main .ce_text .kachel h2 { margin-bottom: 10px; } #main .ce_text .kachel p { margin-bottom: 10px; } #main .ce_text .kachel p.more { padding-top: 5px; padding-bottom: 3px; height: 40px; width: 100%; } #main .ce_text .kachel p.more a { font-size: 0.9em; color: white; padding-top: 7px; padding-bottom: 7px; padding-left: 11px; padding-right: 11px; text-decoration: none; background-color: #b4b4b4; width: 180px; } #main .ce_text .kachel p.more a:hover { color: white; background-color: #9b2322; } */ /*=================1100====================*/ @media (max-width: 1100px) { #main h2 { font-size: 1.5em; } #main p { font-size: 1em; } .slogan-start { padding: 30px; } .slogan-start .rte { display: none; } .seite-start #main .startslogan { display: block; } .besonderheiten .rte { padding-left: 25px; padding-right: 25px; } } /*=================1000====================*/ @media (max-width: 1000px) { .fewos #main .besonderheiten .rte { padding-left: 25px; padding-right: 25px; width: 100%; height: 250px; } .fewos #main .besonderheiten h2 { margin-top: 20px; margin-bottom: 15px; } .fewos #main .besonderheiten.content-text figure { display: none; } .fewos #main .besonderheiten.content-image { display: block; width: 100%; margin-bottom: 25px; } #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; } } /*=================925====================*/ @media (max-width: 925px) { #eventtabelle-start { width: 80%; } #eventtabelle-foto { width: 300px; } } /*=================835====================*/ @media (max-width: 835px) { #eventtabelle-start { width: 80%; } #eventtabelle-foto { width: 300px; } .startbuttons_vier { display: none; } .startbuttons_zwei { display: block; } #main .ce_text .image_container.float_right { margin-left: 0px; width: 100%; } } /*=================800====================*/ @media (max-width: 800px) { #main .content-text h2 { font-size: 1.2em; margin-top: 0px; } #main { width: 86%; margin-left: 7%; margin-right: 7%; } #main p { font-size: 0.9em; } .seite-start #main p { margin-bottom: 10px; } h1, #start-info-h1 { font-size: 1.6em; } .seite-start #main .content-text p.more a { padding-left: 7px; padding-right: 7px; padding-top: 4px; padding-bottom: 4px; } h1 { font-size: 1.7em; margin-bottom: 30px; } #main .ce_text .image_container.float_right { margin-left: 0px; width: 100%; } #main .ce_text .image_container.float_left { margin-left: 0px; width: 300px; } .schmal { margin-left: 10px; margin-right: 10px; } .slogan-start { padding: 20px; left: 100px; } #menutoggler { margin-left: 100px; width: 240px; height: 56px; bottom: -52px; } #menutoggler img { margin-top: 13px; } #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; } } /*=================700====================*/ @media (max-width: 700px) { #main .schmal { width: 96%; margin-left: 2%; } .mittel { padding-left: 20px; padding-right: 20px; } #main .buchungslink.content-text.media--left figure { width: 180px; margin-right: 15px; } #main .buchungslink .rte { margin-top: 0px; } #main .buchungslink.content-text.media--left figure, #main .buchungslink .rte { float: none; } #main .buchungslink .rte a { padding: 12px; line-height: 45px; } .slogan-start { padding: 10px; left: 30px; } #menutoggler { margin-left: 30px; width: 220px; height: 56px; bottom: -52px; } .slogan-start img { width: 160px; height: auto; } .seite-start #main .content-image { width: 100%; display: block; margin-bottom: 35px; } .seite-start #main .content-text.media--left figure { display: none; } .seite-start #main .content-text .rte { width: calc(100%); height: 220px; padding-left: 0px; padding-right: 0px; display: block; padding-top: 50px; } .seite-start #main .content-text figure, #main .besonderheiten figure { display: block; margin-bottom: 35px; width: 100%; } }