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)} .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} @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/vonheereman/fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light'), local('OpenSans-Light'), url('../../files/vonheereman/fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/vonheereman/fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/vonheereman/fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../files/vonheereman/fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/vonheereman/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/vonheereman/fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../../files/vonheereman/fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/vonheereman/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/vonheereman/fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/vonheereman/fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/vonheereman/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/vonheereman/fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('../../files/vonheereman/fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/vonheereman/fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/vonheereman/fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */ url('../../files/vonheereman/fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/vonheereman/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: #eee;*/ } #wrapper { width: 100%; height: auto; margin: 0; } /* HEADER */ #header { height: 180px; width: 100%; background: url(../../files/vonheereman/layout/header.png) no-repeat left bottom; position: fixed; top: 0; left: 0; z-index: 90; } #header .inside { width: 95%; max-width: 1200px; height: auto; margin: 0 auto; text-align: left; position: relative; } #logo img { max-height: 120px; width: auto; margin: 20px 0 0 -45px; float: left; } @media (max-width: 1260px) { #header {height: 140px;} #logo img {margin: 20px 0 40px -45px; max-height: 90px; margin: 20px 0 40px 0;} } @media (max-width: 1170px) { #header {height: 190px;} } @media (max-width: 991px) { #header {position: fixed; height: 140px;} } @media (max-width: 580px) { #header {height: 140px;} #logo img {max-width: 400px; width: auto;} } @media (max-width: 480px) { #header {height: 100px;} #logo img {max-width: 200px; width: auto;} } /*==================== HAUPTNAVIGATION HEADER ====================*/ #header .mod_navigation { width: 750px; height: auto; float: right; margin: 97px 0 0 0; } #header .mod_navigation ul { list-style: none; position: relative; margin: 0 auto; text-align: right; } #header .mod_navigation ul.level_1 li { position: relative; float: left; margin: 0 0 0 35px; } #header .mod_navigation ul.level_1 a { display: block; color: #fff; font-weight: 100; } #header .mod_navigation ul.level_1 li.active a, #header .mod_navigation ul.level_1 li.trail a, #header .mod_navigation ul.level_1 li:hover a { color: #f8b132; } @media (max-width: 1260px) { #header .mod_navigation {margin: 74px 0 0 0;} } @media (max-width: 1170px) { #header .mod_navigation {display: block; float: none; clear: both; margin: 80px 0 0 0;} #header .mod_navigation ul.level_1 li {margin: 0 35px 0 0 ;} } @media (max-width: 991px) { #header .mod_navigation {display: none;} } /*================= MOBILE MENUE ===============*/ .mod_mobile_menu { float: right; margin-top: 70px; } .mobile_menu_trigger { min-width: 20px; position: relative; } .mobile_menu_trigger .button { color: #327188; font-size: 1.3em; position: relative; } .mobile_menu_trigger .button span { 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: 1px; 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; } @media (max-width: 480px) { .mod_mobile_menu {margin-top: 40px;} } /*================ MAIN ===================*/ #main { width: 100%; height: auto; margin: 0 auto; margin-top: 350px; background-color: #fff; } #main .inside { text-align: left; width: 95%; max-width: 1200px; height: auto; margin: 30px auto; color: #596670; } .start #main { color: #596670; margin-top: 550px;} /* a[href$= ".pdf"] { background: url(../../files/vonheereman/layout/icon_pdf.png) center left no-repeat; background-size: 20px 20px; padding-left: 30px; } .image_container a[href$= ".pdf"] { background: none; padding-left: 0; } */ .ce_divider { clear: both; } /*================== BOXES ==================== #main .mod_contentbox { background-color: #1c65a5; color: #fff; position: relative; width: 95%; max-width: 1200px; min-height: 345px; margin: 30px 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: 1.5em; 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;} } /*================= UNTERNAVIGATION MAIN =============*/ #main .mod_navigation { width: 260px; float: left; border-right: 1px solid #ddd; } #main .mod_navigation .inside { margin: 0; } #main .mod_navigation ul { list-style: none; margin: 0; } #main .mod_navigation ul li a { padding: 5px 10px 5px 0; display: block; color: #596670; } #main .mod_navigation ul li a:hover, #main .mod_navigation ul li.active a, #main .mod_navigation ul li.trail a { color: #f8b132; } #main .mod_navigation ul.level_2 li a { padding: 5px 10px 5px 0; display: block; color: #596670; } #main .mod_navigation ul.level_2 { margin: 0 0 0 30px; } #main .mod_navigation ul.level_2 li a:hover, #main .mod_navigation ul.level_2 li.active a, #main .mod_navigation ul.level_2 li.trail a { color: #f8b132; } @media (max-width: 991px) { #main .mod_navigation {display: none;} /*#main .mod_navigation {display: block; float: none; width: 100%; border: none;} #main .mod_navigation ul li {display: block; float: left; margin-right: 30px;} #main .mod_navigation ul li a {padding: 5px 10px 5px 0; display: inline; color: #596670;} #main .mod_navigation ul.level_2 li {display: block; float: none;} #main .mod_navigation ul.level_2 li a {padding: 5px 10px 5px 0; display: block; color: #596670;}*/ } /*=================== INHALT ================ */ .rechtsgebiete #main .mod_article { float: right; width: 900px; } @media (max-width: 1260px) { .rechtsgebiete #main .mod_article {width: 880px;} } @media (max-width: 1230px) { .rechtsgebiete #main .mod_article {width: 850px;} } @media (max-width: 1200px) { .rechtsgebiete #main .mod_article {width: 820px;} } @media (max-width: 1170px) { .rechtsgebiete #main .mod_article {width: 790px;} } @media (max-width: 1140px) { .rechtsgebiete #main .mod_article {width: 760px;} } @media (max-width: 1110px) { .rechtsgebiete #main .mod_article {width: 730px;} } @media (max-width: 1080px) { .rechtsgebiete #main .mod_article {width: 700px;} } @media (max-width: 1050px) { .rechtsgebiete #main .mod_article {width: 670px;} } @media (max-width: 1020px) { .rechtsgebiete #main .mod_article {width: 640px;} } @media (max-width: 991px) { .rechtsgebiete #main .mod_article {float: none; clear: both; width: auto;} } @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 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: 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: #1c65a5; padding: 10px 30px; border:0 none; cursor:pointer; font-size: 1em; } #main form .widget-submit .submit:hover { background-color: #327188; } /*============== 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; } /*============= GERICHTSENTSCHEIDUNGEN FOOTER ===============*/ #footer .mod_newslist.teaser { width: 100%; margin: 0 auto; height: auto; background-color: #1c65a5; padding: 20px 0; } #footer .mod_newslist.teaser .inside { width: 95%; max-width: 1200px; margin: 0 auto; text-align: left; color: #fff; } #footer .mod_newslist.teaser h3 { margin-bottom: 20px; } #footer .mod_newslist.teaser .layout_simple { width: 29%; height: 150px; float: left; font-size: 1em; background-color: #1c65a5; } /* Contao 5: keine Klassen first/last mehr -> Trennlinie per Nachbar-Selektor */ #footer .mod_newslist.teaser .layout_simple:not(.layout_simple + .layout_simple) { border-right: 1px solid #fff; padding-right: 30px; margin-right: 30px; } #footer .mod_newslist.teaser .layout_simple + .layout_simple:not(:has(+ .layout_simple)) { border-left: 1px solid #fff; padding-left: 30px; margin-left: 30px; } #footer .mod_newslist.teaser .layout_simple time { display: block; color: #fff; } #footer .mod_newslist.teaser .layout_simple a { color: #fff; font-style: italic; } #footer .mod_newslist.teaser .layout_simple a:hover { text-decoration: underline; } #footer .mod_newslist.teaser p.right { text-align: right; font-size: 0.9em; } #footer .mod_newslist.teaser p.right a { color: #fff; text-decoration: underline; } @media (max-width: 1005px) { #footer .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;} #footer .mod_newslist.teaser .layout_simple:not(.layout_simple + .layout_simple) {border-right: none; padding-right: 0; margin-right: 0;} #footer .mod_newslist.teaser .layout_simple + .layout_simple:not(:has(+ .layout_simple)) {border: none; padding: 0 0 0 0; margin: 0 30px 30px 0;} } /*================ FOOTER =====================*/ #footer .mod_contentbox { width: 100%; height: auto; margin: 0 auto; background-color: #bbb; padding: 30px 0; } #footer .mod_contentbox .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%; } @media (max-width: 767px) { #footer .image_container {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; } /* Contao 5 / Standard-fe_page: fehlendes
nach dem Inhalt ersetzen (Rechtsgebiete: Unternavigation + Artikel sind gefloatet) */ #main > .inside::after { content: ""; display: block; clear: both; } /*=============== CONTAO 5: BILDABSTAENDE =======================*/ /* Contao 5 hat den Bildabstand (imagemargin) entfernt -> Abstand per CSS */ #footer .mod_box_items.kontakt .image_container.float_left { margin-right: 30px !important; margin-bottom: 50px !important; } #article-5 .ce_text .image_container { margin-bottom: 20px !important; } /*=============== BARRIEREFREIHEIT (Quick Wins) ===============*/ /* Sprunglink "Navigation überspringen": unsichtbar, erscheint aber bei Tastaturfokus */ #header .mod_navigation a.invisible { display: block; position: absolute; left: -9999px; top: 0; } #header .mod_navigation a.invisible:focus { left: 0; top: 5px; z-index: 1000; padding: 8px 15px; background: #fff; color: #1c65a5; font-weight: 600; text-decoration: underline; } /* Sichtbarer Tastaturfokus */ a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, [tabindex]:focus-visible { outline: 2px solid #1c65a5; outline-offset: 2px; } #header a:focus-visible, #footer .mod_newslist.teaser a:focus-visible { outline-color: #f8b132; } /* Menü-Button (mobil) als echter Button: Browser-Standardaussehen entfernen */ .mobile_menu_trigger button.button { background: none; border: 0; padding: 0; margin: 0; font-family: inherit; line-height: inherit; color: inherit; cursor: pointer; display: block; text-align: left; } /* Kontrast Footer-Text (vorher 3,1:1 -> jetzt 4,7:1) */ #footer .mod_contentbox .inside, #footer .mod_contentbox a { color: #3f4a52; } /* Kontrast mobiles Menü (vorher 3,9:1 -> jetzt 5,1:1) */ .mobile_menu .inner ul.level_1 a, .mobile_menu .inner ul.level_1 ul.level_2 li a { color: #4a555d; } /* Überschriften der Nachrichtenlisten als H2 (richtige Überschriften-Reihenfolge), sehen aus wie bisher H3 */ #footer .mod_newslist.teaser h2, #main .mod_newslist h2 { font-size: 1.17em; font-weight: 700; margin-bottom: 20px; } /* Bewegung reduzieren, wenn im Betriebssystem eingestellt (Hintergrund-Zoom der Startseite) */ @media (prefers-reduced-motion: reduce) { .vegas-slide, .vegas-slide-inner { animation: none !important; transition: none !important; } }