.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)} .mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important} .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.15385%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 28.20513%; } .rs-column.-large-col-3-2 { width: 64.10256%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 19.23077%; } .rs-column.-large-col-4-2 { width: 46.15385%; } .rs-column.-large-col-4-3 { width: 73.07692%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 13.84615%; } .rs-column.-large-col-5-2 { width: 35.38462%; } .rs-column.-large-col-5-3 { width: 56.92308%; } .rs-column.-large-col-5-4 { width: 78.46154%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 10.25641%; } .rs-column.-large-col-6-2 { width: 28.20513%; } .rs-column.-large-col-6-3 { width: 46.15385%; } .rs-column.-large-col-6-4 { width: 64.10256%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } @media screen and (max-width: 900px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1 { width: 46.15385%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 28.20513%; } .rs-column.-medium-col-3-2 { width: 64.10256%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 19.23077%; } .rs-column.-medium-col-4-2 { width: 46.15385%; } .rs-column.-medium-col-4-3 { width: 73.07692%; } .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2 { width: 28.20513%; } .rs-column.-medium-col-6-3 { width: 46.15385%; } .rs-column.-medium-col-6-4 { width: 64.10256%; } .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 7.69231%; } .rs-column.-medium-first-row { margin-top: 7.69231%; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1 { width: 46.15385%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 28.20513%; } .rs-column.-small-col-3-2 { width: 64.10256%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 19.23077%; } .rs-column.-small-col-4-2 { width: 46.15385%; } .rs-column.-small-col-4-3 { width: 73.07692%; } .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2 { width: 28.20513%; } .rs-column.-small-col-6-3 { width: 46.15385%; } .rs-column.-small-col-6-4 { width: 64.10256%; } .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6 { width: 100%; } } #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} @charset "UTF-8"; /* blau #1c65a5 gelb f8b132 */ * { margin: 0; padding: 0; text-decoration: none; border: none; box-sizing: border-box; } /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('../../files/schulrecht/fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light'), local('OpenSans-Light'), url('../../files/schulrecht/fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/schulrecht/fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/schulrecht/fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../files/schulrecht/fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/schulrecht/fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../../files/schulrecht/fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../../files/schulrecht/fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/schulrecht/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/schulrecht/fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/schulrecht/fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/schulrecht/fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('../../files/schulrecht/fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('../../files/schulrecht/fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/schulrecht/fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/schulrecht/fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */ url('../../files/schulrecht/fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/schulrecht/fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } body { font-family: 'Open Sans', sans-serif; font-size: 1em; font-weight: 300; color: #596670; text-align: center; background-color: #EFEFEE; } #wrapper { width: 100%; height: auto; } /* KOPFZEILE LOGO NAV */ #kopfzeile { height: 180px; width: 100%; background: url(../../files/schulrecht/layout/header.png) no-repeat left bottom; } #kopfzeile .inside { width: 95%; max-width: 1200px; height: 180px; margin: 0 auto; text-align: left; color: #fff; padding-top: 20px; } #kopfzeile .inside #logo img { max-height: 95px; width: auto; margin: 0 0 0 -90px; } #header { width: 100%; background-color: #EFEFEE; border-top: 1px solid #EFEFEE; } #header .inside { width: 95%; max-width: 1200px; height: auto; margin: 0 auto; position: relative; } @media (max-width: 1260px) { #kopfzeile {height: 200px;} #kopfzeile .inside #logo img {margin: 0 0 0 0;} } @media (max-width: 991px) { #kopfzeile {height: 180px;} } @media (max-width: 600px) { #kopfzeile .inside {text-align: center;} #kopfzeile .inside #logo img {max-width: 400px; width: auto;} } @media (max-width: 430px) { #kopfzeile {height: 150px;} #kopfzeile .inside #logo img {max-width: 300px; width: auto;} } /*==================== NAVIGATION ====================*/ #header .mod_navigation { height: auto; text-align: left; margin: -90px -35px 0 0; float: right; } #header .mod_navigation .inside { width: 100%; max-width: 1200px; color: #fff; } .mod_navigation ul { list-style: none; position: relative; margin: 0 auto; } .mod_navigation ul.level_1 a { display: block; font-size: 1.1em; color: #fff; font-weight: 100; padding: 5px 5px 7px 0; } .mod_navigation ul.level_1 li { position: relative; float: left; margin: 0 35px 0 0; } .mod_navigation ul.level_1 li.active a, .mod_navigation ul.level_1 li.trail a, .mod_navigation ul.level_1 li:hover a { color: #f8b132; } .mod_navigation ul ul { display: none; position: absolute; top: 34px; left: 0; background: #fff; padding: 0; z-index: 100; text-align: left; width: auto; } .mod_navigation ul.level_1 ul li { float: none; margin: 0; } .mod_navigation ul.level_1 ul a { line-height: 120%; padding: 10px 15px; font-weight: 300; border: none; } .mod_navigation ul.level_1 li.active ul.level_2 a, .mod_navigation ul.level_1 li.trail ul.level_2 a, .mod_navigation ul.level_1 li:hover ul.level_2 a { border: none; color: #596670; } .mod_navigation ul.level_1 li.active ul.level_2 a.active, .mod_navigation ul.level_1 li.active ul.level_2 a:hover, .mod_navigation ul.level_1 li.trail ul.level_2 a.active, .mod_navigation ul.level_1 li.trail ul.level_2 a:hover, .mod_navigation ul.level_1 li:hover ul.level_2 a:hover { border: none; color: #1c65a5; background-color: #ddd; } .mod_navigation ul li:hover > ul { display:block } @media (max-width: 1260px) { #header .mod_navigation {display: block; float: none; clear: both; margin: -60px 0 0 0;} } @media (max-width: 991px) { #header .mod_navigation {display: none;} } /*================= MOBILE MENUE ===============*/ .mod_mobile_menu { float: right; margin-top: -120px; } @media (max-width: 580px) { .mod_mobile_menu {float: left; margin: -50px 0 0 50%;} } .mobile_menu_trigger { width: 100%; min-width: 20px; position: relative; } .mobile_menu_trigger .button { font-size: 1.3em; position: relative; } .mobile_menu { position: absolute; z-index: 100; display: none; } .mobile_menu .inner { background: #D0D3D4; text-align: left; height: 100%; } .mobile_menu .inner ul { list-style-type: none; float: none; } .mobile_menu .inner ul.level_1 li { display: block; float: none; margin: 0; padding: 5px 20px; border-bottom: 1px solid #fff; } .mobile_menu .inner ul.level_1 a { color: #596670; font-size: 1.3em; width: 100%; display: block; } .mobile_menu .inner ul.level_1 li.active a, .mobile_menu .inner ul.level_1 li.trail a, .mobile_menu .inner ul.level_1 li:hover a { border: none; } .mobile_menu .inner ul.level_1 ul.level_2 { display: block; position: relative; top: 0; left: 0; z-index: 1; background-color: transparent; } .mobile_menu .inner ul.level_1 ul.level_2 li { border: none; } .mobile_menu .inner ul.level_1 ul.level_2 li a { padding-left: 40px; color: #596670; } .mobile_menu .inner ul.level_1 ul.level_2 a.active, .mobile_menu .inner ul.level_1 ul.level_2 a.trail { color: #327188; } .mobile_menu .inner a.invisible { display: none; } /*================ MAIN ===================*/ #main { width: 100%; height: auto; margin: 0 auto; } /*a[href$= ".pdf"] { background: url(../../files/schulrecht/layout/icon_pdf.png) center left no-repeat; background-size: 30px 30px; padding-left: 30px; } .image_container a[href$= ".pdf"] { background: none; padding-left: 0; } /*================== BOXES ====================*/ #main .mod_contentbox { background-color: #1c65a5; color: #fff; position: relative; width: 95%; max-width: 1200px; min-height: 345px; margin: 10px auto 0 auto; text-align: left; } #main .mod_contentbox img { width: 100%; height: auto; } #main .mod_contentbox h4 { font-size: 1.8em; font-weight: 300; position: relative; top: 50px; left: 20px; padding-right: 30px; margin-right: 30px; } #main .mod_contentbox p { position: relative; top: 70px; left: 20px; } @media (max-width: 1200px) { #main .mod_contentbox h4 {font-size: 1em; margin-right: 30px;} } @media (max-width: 900px) { #main .mod_contentbox {padding-bottom: 50px; min-height: 250px; height: auto;} #main .mod_contentbox .image_container {float: none; display: block;} #main .mod_contentbox h4 {top: 0; font-size: 1em; float: none; display: block;} #main .mod_contentbox p {top: 20px; font-size: 1em;} } /*=================== INHALT ================*/ #main .mod_article { background-color: #EFEFEE; padding: 30px 0 10px 0; text-align: left; width: 95%; max-width: 1200px; height: auto; margin: 0 auto; color: #596670; margin-top: 30px; margin-bottom: 30px; } @media (max-width: 900px) { #main .mod_article {padding: 30px 0 10px 10px;} } #main .mod_article h1 { color: #1c65a5; margin-bottom: 30px; font-size: 1.8em; } #main .mod_article h3 { margin-bottom: 20px; } #main hr { border-bottom: 1px solid #ccc; border-top: none; margin: 30px 0; } #main .mod_article .sc { max-width: 535px; width: 50%; height: auto; } #main .mod_article .sc-first { padding-right: 70px; } #main .mod_article p { margin-bottom: 20px; } #main .mod_article a { color: #327188; text-decoration: underline; } #main .mod_article ul, #main .mod_article ol { margin: 0 0 30px 50px; } @media (max-width: 1210px) { #main .mod_article .sc {width: 46%; height: auto;} } @media (max-width: 1000px) { #main .mod_article .sc {width: 100%; max-width:800px; height: auto;} } @media (max-width: 767px) { #main .mod_article ul, #main .mod_article ol {margin: 0 0 30px 20px;} } /*================= KONTAKTFOMRULAR ===================*/ #main form .widget { margin-bottom: 10px; } #main form label { display: block; } #main form input, #main form textarea { padding: 3px; width: 250px; border: 1px solid #ccc; font-size: 1em; } #main form textarea { padding: 3px; width: 500px; } #main form .widget-captcha { width: 330px; margin-top: 10px; } #main form .widget-captcha .captcha_text { display: block; float: left; } #main form .widget-captcha .captcha { width: 30px; float: right; } #main form .explanation { display: block; float: none; clear: both; padding-top: 40px; } #main form .checkbox_container legend { display: none; } #main form .checkbox_container input.checkbox { float: left; width: 40px; } #main form .widget-submit { clear: both; display: block; text-align: left; padding-top: 30px; margin-bottom: 30px; } #main form .widget-submit .submit { color: #fff; background-color: #327188; padding: 10px 30px; border:0 none; cursor:pointer; font-size: 1em; } #main form .widget-submit .submit:hover { background-color: #235061; } /*============= GERICHTSENTSCHEIDUNGEN TEASER STARTSEITE ===============*/ #main .mod_newslist.teaser { width: 100%; margin: 0 auto; height: auto; background-color: #1c65a5; padding: 20px 0; } #main .mod_newslist.teaser .inside, #main .mod_newslist.teaser h3 { width: 95%; max-width: 1200px; margin: 0 auto; text-align: left; color: #fff; } #main .mod_newslist.teaser h3 { margin-bottom: 20px; } #main .mod_newslist.teaser .layout_simple { width: 29%; height: 150px; float: left; font-size: 1em; background-color: #1c65a5; } #main .mod_newslist.teaser .layout_simple.first { border-right: 1px solid #fff; padding-right: 30px; margin-right: 30px; } #main .mod_newslist.teaser .layout_simple.last { border-left: 1px solid #fff; padding-left: 30px; margin-left: 30px; } #main .mod_newslist.teaser .layout_simple time { display: block; color: #fff; } #main .mod_newslist.teaser .layout_simple a { color: #fff; font-style: italic; } #main .mod_newslist.teaser .layout_simple a:hover { text-decoration: underline; } #main .mod_newslist.teaser p.right { text-align: right; font-size: 0.9em; } #main .mod_newslist.teaser p.right a { color: #fff; text-decoration: underline; } @media (max-width: 1005px) { #main .mod_newslist.teaser .layout_simple {display: block; width: 95%; height: auto; border-bottom: 1px solid #fff; padding: 0 0 30px 0; margin: 0 0 30px 0;} #main .mod_newslist.teaser .layout_simple.first {border-right: none; padding-right: 0; margin-right: 0;} #main .mod_newslist.teaser .layout_simple.last {border: none; padding: 0 0 0 0; margin: 0 30px 30px 0;} } /*============== GERICHTSENTSCHEIDUNGEN ==============*/ #main #gerichtsentscheidungen .mod_newslist.listealle .layout_simple { display: block; border-bottom: 1px solid #ccc; padding-bottom: 30px; margin-bottom: 30px; } #main #gerichtsentscheidungen .mod_newslist.listealle time { display: block; } .gerichtsentscheidungen #main .mod_newslist.teaser { display: none; } /*=================== VOR/ZURÜCK PAGINATION ============= */ #main .pagination { margin: 2em 0 0 0; padding: 0; } #main .pagination p { margin: 0; padding: 0; } #main .pagination ul { margin: 0; list-style: none; } #main .pagination ul li { float: left; margin: 0 0.8em 0 0; } #main .pagination ul li .pagination_current { color: #666; font-weight: bold; } /*================ FOOTER =====================*/ #footer { width: 100%; height: auto; background-color: #bbb; padding: 20px 0; } #footer .inside { width: 95%; max-width: 1200px; margin: 0 auto; text-align: left; font-size: 1em; } #footer p { margin-bottom: 20px; } #footer a { color: #596670; } #footer a:hover { text-decoration: underline; } #footer .image_container img { border: 1px solid #596670; } #footer .mod_box_items.kontakt { float: left; width: 70%; } #footer .mod_box_items.servicenav { float: right; width: 30%; } /* Kontaktformular ausgeblendet */ /* #footer .mod_box_items.form { float: right; width: 580px; } #footer .mod_box_items form .widget { margin-bottom: 10px; } #footer .mod_box_items form label { display: block; } #footer .mod_box_items form input, #footer .mod_box_items form textarea { padding: 3px; } #footer .mod_box_items form .widget-text { float: left; } #footer .mod_box_items form .widget-textarea { float: right; width: 330px; } #footer .mod_box_items form .widget-captcha { float: right; width: 330px; margin-top: 10px; } #footer .mod_box_items form .widget-captcha .captcha_text { display: block; float: left; } #footer .mod_box_items form .widget-captcha .captcha { width: 30px; float: right; } #footer .mod_box_items form .submit_container { clear: both; display: block; text-align: right; } #footer .mod_box_items form .submit_container .submit { color: #fff; background-color: #327188; padding: 5px 30px; border:0 none; cursor:pointer; } #footer .mod_box_items form .submit_container .submit:hover { background-color: #235061; }*/ @media (max-width: 767px) { #footer .image_container, #footer form {display: none;} } @media (max-width: 500px) { #footer .mod_box_items.kontakt {width: 100%;} #footer .mod_box_items.servicenav {float: none; width: 100%;} } /*=============== SONSTIGES =======================*/ .clear { clear: both; } .invisible { display: none; } .float_left { float: left; } .float_right { float: right; }