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}.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}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width: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{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{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-avif{background-image:url(../../assets/contao/images/iconAVIF.svg)}.ext-heic{background-image:url(../../assets/contao/images/iconHEIC.svg)}.ext-jxl{background-image:url(../../assets/contao/images/iconJXL.svg)}.ext-eml{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie{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} table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/desc.svg)} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} @charset "UTF-8"; .contao-cookiebar { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; font-size: 0; letter-spacing: 0; text-align: center; padding: 15px; max-height: 100vh; box-sizing: border-box; pointer-events: none; overflow: hidden; } .contao-cookiebar * { box-sizing: border-box; } .contao-cookiebar:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .contao-cookiebar .cc-inner { display: inline-block; overflow-y: auto; max-height: 100%; max-width: 100%; opacity: 0; pointer-events: none; visibility: hidden; font-size: 1rem; text-align: left; } .contao-cookiebar.cc-top .cc-inner { vertical-align: top; } .contao-cookiebar.cc-top.cc-active .cc-inner { animation: cookiebar-top-in 0.5s ease-in-out forwards; } .contao-cookiebar.cc-top.cc-saved .cc-inner { animation: cookiebar-top-out 0.5s ease-in-out forwards; } .contao-cookiebar.cc-bottom .cc-inner { vertical-align: bottom; } .contao-cookiebar.cc-bottom.cc-active .cc-inner { animation: cookiebar-bottom-in 0.5s ease-in-out forwards; } .contao-cookiebar.cc-bottom.cc-saved .cc-inner { animation: cookiebar-bottom-out 0.5s ease-in-out forwards; } .contao-cookiebar.cc-middle .cc-inner { vertical-align: middle; } .contao-cookiebar.cc-middle.cc-active .cc-inner { animation: cookiebar-middle-in 0.5s ease-in-out forwards; } .contao-cookiebar.cc-middle.cc-saved .cc-inner { animation: cookiebar-middle-out 0.5s ease-in-out forwards; } .contao-cookiebar.cc-left { text-align: left; } .contao-cookiebar.cc-right { text-align: right; } .contao-cookiebar .cc-head h1:first-child, .contao-cookiebar .cc-head h2:first-child, .contao-cookiebar .cc-head h3:first-child, .contao-cookiebar .cc-head h4:first-child, .contao-cookiebar .cc-head h5:first-child, .contao-cookiebar .cc-head h6:first-child { margin-top: 0; } .contao-cookiebar .cc-head p { margin-bottom: 15px; } .contao-cookiebar .cc-btn { display: inline-block; cursor: pointer; width: 100%; padding: 8px 14px; margin-bottom: 8px; font-size: 15px; outline: 0 none; border: 1px solid #cfcfcf; border-radius: 4px; color: #444; background: #f5f5f5; } .contao-cookiebar .cc-btn:hover { background: #ececec; } .contao-cookiebar .cc-btn:last-child { margin-bottom: 0; } .contao-cookiebar .grayscale .cc-btn { background: #f1efef; } .contao-cookiebar .grayscale .cc-btn:hover { background: #ececec; } .contao-cookiebar .grayscale .cc-btn.success { background: #fbfbfb; } .contao-cookiebar .grayscale .cc-btn.success:hover { background: #f7f7f7; } .contao-cookiebar .highlight .cc-btn.success { background: #4e9e3e; border-color: #3e7830; color: #fff; } .contao-cookiebar .highlight .cc-btn.success:hover { background: #4c933f; } .contao-cookiebar label { position: relative; display: block; padding: 8px 13px 8px 0; line-height: 1.2rem; } .contao-cookiebar label.group { font-weight: 600; } .contao-cookiebar input { position: absolute; width: 1px; height: 1px; outline: 0 none; opacity: 0; } .contao-cookiebar input + label { padding: 8px 13px 8px 50px; cursor: pointer; } .contao-cookiebar input + label:before { content: ''; position: absolute; top: 6px; left: 0; width: 35px; height: 18px; margin: 0; box-sizing: content-box; border-radius: 10px; background: #fff; border: 2px solid #9c9b99; transition: border-color .2s; } .contao-cookiebar input + label:after { display: block; content: ''; position: absolute; top: 10px; left: 4px; width: 14px; height: 14px; border-radius: 10px; background: #9c9b99; transition: background .2s, margin-left .2s, padding .2s; } .contao-cookiebar input + label:active:after { padding-left: 5px; } .contao-cookiebar input.cc-group-half + label:after { background: linear-gradient(to right, #9c9b99 0%, #9c9b99 50%, #399d32 50%, #399d32 100%); } .contao-cookiebar input:checked + label:after { background: #399d32; margin-left: 17px; } .contao-cookiebar input:checked + label:active:after { margin-left: 12px; } .contao-cookiebar input:checked + label:before { background: #dcf3db; border-color: #399d32; } .contao-cookiebar input:disabled + label { pointer-events: none; } .contao-cookiebar input:disabled + label:after { background: #c8c7c5; } .contao-cookiebar input:disabled + label:before { background: #f4f4f4; border-color: #c8c7c5; } .contao-cookiebar.cc-active .cc-inner { opacity: 1; pointer-events: auto; visibility: visible; } .contao-cookiebar.cc-active.cc-blocked { pointer-events: auto; animation: cookiebar-overlay-in 0.5s ease-in-out forwards; } .contao-cookiebar.cc-saved.cc-inner { opacity: 0; pointer-events: none; visibility: hidden; } .contao-cookiebar.cc-saved.cc-blocked { pointer-events: none; animation: cookiebar-overlay-out 0.5s ease-in-out forwards; } @media (min-width: 768px) { .contao-cookiebar .cc-btn { width: auto; margin-bottom: 0; } .contao-cookiebar .cc-inner { max-width: 750px; } } @keyframes cookiebar-overlay-in { 0% { background: rgba(0, 0, 0, 0); } 100% { background: rgba(0, 0, 0, 0.75); } } @keyframes cookiebar-overlay-out { 0% { background: rgba(0, 0, 0, 0.75); } 100% { background: rgba(0, 0, 0, 0); visibility: hidden; } } @keyframes cookiebar-top-in { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0); } } @keyframes cookiebar-top-out { 0% { opacity: 1; visibility: visible; transform: translateY(0); } 100% { opacity: 0; visibility: hidden; transform: translateY(-100%); } } @keyframes cookiebar-middle-in { 0% { opacity: 0; transform: scale(0); } 100% { opacity: 1; transform: scale(1); } } @keyframes cookiebar-middle-out { 0% { opacity: 1; visibility: visible; transform: scale(1); } 100% { opacity: 0; visibility: hidden; transform: scale(0); } } @keyframes cookiebar-bottom-in { 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0); } } @keyframes cookiebar-bottom-out { 0% { opacity: 1; visibility: visible; transform: translateY(0); } 100% { opacity: 0; visibility: hidden; transform: translateY(100%); } } .contao-cookiebar { color: #444444; } .contao-cookiebar p { color: #868686; line-height: 1.4; } .contao-cookiebar .cc-inner { padding: 25px; border-radius: 5px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); background: #fff; } .contao-cookiebar .cc-group { display: flex; flex-wrap: wrap; justify-content: space-between; align-content: center; position: relative; border: 1px solid #d0d0d0; border-radius: 5px; margin-bottom: 10px; } .contao-cookiebar .cc-group > label { flex-grow: 1; margin: 5px 0 5px 10px; } .contao-cookiebar .cc-group .cc-detail-btn { border: 0 none; outline: 0 none; background: transparent; font-size: 13px; letter-spacing: 0; text-transform: initial; cursor: pointer; color: #a2a2a2; padding: 8px 10px; line-height: 1.2rem; } .contao-cookiebar .cc-group .cc-detail-btn span:nth-child(2) { display: none; } .contao-cookiebar .cc-group .cc-detail-btn.cc-active span:nth-child(1) { display: none; } .contao-cookiebar .cc-group .cc-detail-btn.cc-active span:nth-child(2) { display: inline; } .contao-cookiebar .cc-group .cc-detail-btn:hover { color: #717171; } .contao-cookiebar .cc-group .cc-detail-btn-details { display: inline-block; border: 0 none; outline: 0 none; background: transparent; font-size: 13px; letter-spacing: 0; text-transform: initial; cursor: pointer; color: #a2a2a2; text-decoration: underline; padding: 0; margin: 0 0 10px; } .contao-cookiebar .cc-group .cc-detail-btn-details span:nth-child(2) { display: none; } .contao-cookiebar .cc-group .cc-detail-btn-details.cc-active span:nth-child(1) { display: none; } .contao-cookiebar .cc-group .cc-detail-btn-details.cc-active span:nth-child(2) { display: inline; } .contao-cookiebar .cc-group .cc-detail-btn-details:hover { color: #717171; } .contao-cookiebar .cc-cookies { display: none; width: 100%; background: #fbfbfb; border-radius: 0 0 5px 5px; } .contao-cookiebar .cc-cookies > p { font-size: 0.875rem; } .contao-cookiebar .cc-cookies > p, .contao-cookiebar .cc-cookies > .cc-cookie { margin: 0; padding: 15px; border-top: 1px solid #e6e6e6; } .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info { font-size: 0.875rem; background: #fff; padding: 10px; border-radius: 5px; border: 1px solid #efefef; } .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info > div > span { font-weight: 600; } .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info > div + div { margin-top: 5px; } .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info + button.cc-detail-btn-details { margin-top: 15px; } .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-desc > p { margin-bottom: 0; } .contao-cookiebar .cc-cookies .cc-cookie label.cookie + p, .contao-cookiebar .cc-cookies .cc-cookie label.cookie + .cc-cookie-info, .contao-cookiebar .cc-cookies .cc-cookie label.cookie + button.cc-detail-btn-details { margin-top: 10px; } .contao-cookiebar .cc-cookies .cc-cookie p { margin: 0 0 15px; font-size: 0.875rem; } .contao-cookiebar .cc-footer, .contao-cookiebar .cc-info { text-align: center; } .contao-cookiebar .cc-info { margin-top: 15px; } .contao-cookiebar .cc-info > p { font-size: 0.875rem; } .contao-cookiebar .cc-info > a { display: inline-block; font-size: 0.813rem; color: #a2a2a2; text-decoration: none; } .contao-cookiebar .cc-info > a:hover { color: #717171; } .contao-cookiebar .cc-info > a + a:before { display: inline-block; content: '·'; margin-right: 5px; } /* colors_and_fonts.css */ *{/* remove blue highlight color on (some) mobile devices */ -webkit-tap-highlight-color: rgba(155, 155, 155, 0)}*::selection{background-color: #333333;color: #FFFFFF}*::-moz-selection{background-color: #333333;color: #FFFFFF}:focus{outline: none}input:focus,input:active,textarea:focus,textarea:active{box-shadow: 0 0 6px rgba(152, 209, 41, 0.7)}.radio_container input:focus,.radio_container input:active,.radio_container input:hover,.checkbox_container input:focus,.checkbox_container input:active,.checkbox_container input:hover,.mod_search input:focus,.mod_search input:active,.mod_search input:hover{box-shadow: none !important}body{background: #FFFFFF;color: #333333}h1,h2,h3,h4,h5,h6{color: #6b7b7c}.h_underline{border-bottom-color: #d1d8d8}a,a:link,a:visited{color: #6b7b7c;-webkit-tap-highlight-color: rgba(155, 155, 155, 0)}.pagination ul li a,.pagination ul li a:link,.pagination ul li a:visited{background-color: #f0f2f2;color: #333333}.pagination ul li a:hover,.pagination ul li a:focus,.pagination ul li a:active{background-color: #d51030;color: #FFFFFF}.pagination ul li .current,.pagination ul li .active{background-color: #d51030;color: #FFFFFF}.nav_main{background: #f0f2f2}.nav_main .level_1 li a,.nav_main .level_1 li a:link,.nav_main .level_1 li a:visited{color: #333333}.nav_main .level_1 li a:hover,.nav_main .level_1 li a:focus,.nav_main .level_1 li a:active{background-color: #d51030;color: #FFFFFF}.nav_main .level_1 li span.active,.nav_main .level_1 li a.trail,.nav_main .level_1 li span.trail{color: #FFFFFF;background-color: #d51030}.nav_main .level_2,.nav_main .level_3{background-color: #f0f2f2}.nav_main .level_2 li span.active,.nav_main .level_2 li .active,.nav_main .level_2 li .trail,.nav_main .level_3 li span.active,.nav_main .level_3 li .active,.nav_main .level_3 li .trail{background: #6b7b7c}.nav_main .level_2 li a:hover,.nav_main .level_2 li a:focus,.nav_main .level_2 li a:active,.nav_main .level_3 li a:hover,.nav_main .level_3 li a:focus,.nav_main .level_3 li a:active{background-color: #6b7b7c;color: #FFFFFF}footer{background-color: #f0f2f2}.nav_meta{/* Google Maps */}.nav_meta ul li > span,.nav_meta ul li strong,.nav_meta ul li .trail,.nav_meta ul li .forward{color: #d51030}.nav_meta ul li a,.nav_meta ul li a:link,.nav_meta ul li a:visited{color: #333333}.nav_meta ul li a:hover,.nav_meta ul li a:focus,.nav_meta ul li a:active{color: #d51030}.nav_meta ul li.active{color: #333333}.nav_meta iframe{border-color: #FFFFFF}.nav_meta .copyright a:hover,.nav_meta .copyright a:active,.nav_meta .copyright a:focus{color: #333333}aside .mod_navigation li,aside .mod_newsmenu li{background-color: #f0f2f2}aside .mod_navigation li a,aside .mod_navigation li span,aside .mod_navigation li strong,aside .mod_newsmenu li a,aside .mod_newsmenu li span,aside .mod_newsmenu li strong{color: #333333}aside .mod_navigation li.active,aside .mod_navigation li:not(.active):hover,aside .mod_newsmenu li.active,aside .mod_newsmenu li:not(.active):hover{background-color: #d51030}aside .mod_navigation li.active > a,aside .mod_navigation li.active > span,aside .mod_navigation li.active > strong,aside .mod_navigation li:not(.active):hover > a,aside .mod_navigation li:not(.active):hover > span,aside .mod_navigation li:not(.active):hover > strong,aside .mod_newsmenu li.active > a,aside .mod_newsmenu li.active > span,aside .mod_newsmenu li.active > strong,aside .mod_newsmenu li:not(.active):hover > a,aside .mod_newsmenu li:not(.active):hover > span,aside .mod_newsmenu li:not(.active):hover > strong{color: #FFFFFF}aside .mod_navigation li.submenu > *:first-child,aside .mod_newsmenu li.submenu > *:first-child{border-bottom-color: #FFFFFF}.sidebar #right .mod_newslist a,.sidebar #right .mod_newslist a:link,.sidebar #right .mod_newslist a:visited,.sidebar #left .mod_newslist a,.sidebar #left .mod_newslist a:link,.sidebar #left .mod_newslist a:visited{color: #d51030}.sidebar #right .mod_newslist .more a,.sidebar #left .mod_newslist .more a{color: #333333;background-color: #f0f2f2}.sidebar #right .mod_newslist .more a:hover,.sidebar #right .mod_newslist .more a:focus,.sidebar #right .mod_newslist .more a:active,.sidebar #left .mod_newslist .more a:hover,.sidebar #left .mod_newslist .more a:focus,.sidebar #left .mod_newslist .more a:active{background-color: #d1d8d8}.calendar-icon .calendar-icon-day{background-color: #d51030;color: #FFFFFF}.calendar-icon .calendar-icon-month{background-color: #f0f2f2;color: #333333}.mod_newslist a,.mod_newslist a:link,.mod_newslist a:visited,.mod_eventlist a,.mod_eventlist a:link,.mod_eventlist a:visited,.mod_newsachive a,.mod_newsachive a:link,.mod_newsachive a:visited{color: #d51030}.mod_newslist .more a,.mod_newslist time a,.mod_eventlist .more a,.mod_eventlist time a,.mod_newsachive .more a,.mod_newsachive time a{color: #333333;background-color: #f0f2f2}.mod_newslist .more a:hover,.mod_newslist .more a:focus,.mod_newslist .more a:active,.mod_newslist time a:hover,.mod_newslist time a:focus,.mod_newslist time a:active,.mod_eventlist .more a:hover,.mod_eventlist .more a:focus,.mod_eventlist .more a:active,.mod_eventlist time a:hover,.mod_eventlist time a:focus,.mod_eventlist time a:active,.mod_newsachive .more a:hover,.mod_newsachive .more a:focus,.mod_newsachive .more a:active,.mod_newsachive time a:hover,.mod_newsachive time a:focus,.mod_newsachive time a:active{background-color: #d1d8d8}.back a,.back a:link,.back a:visited{color: #FFFFFF;background-color: #d51030}.back a:hover,.back a:focus,.back a:active{background-color: #333333}.ce_form input,.ce_form textarea,.ce_comments input,.ce_comments textarea{border-color: #d1d8d8;background-color: #f0f2f2}.ce_form input:hover,.ce_form input:focus,.ce_form input:active,.ce_form textarea:hover,.ce_form textarea:focus,.ce_form textarea:active,.ce_comments input:hover,.ce_comments input:focus,.ce_comments input:active,.ce_comments textarea:hover,.ce_comments textarea:focus,.ce_comments textarea:active{background-color: #d1d8d8;box-shadow: 0 0 6px rgba(152, 209, 41, 0.7)}.ce_form label,.ce_comments label{color: #6b7b7c}.ce_form select,.ce_comments select{border-color: #d1d8d8}.ce_form .checkbox_container legend,.ce_comments .checkbox_container legend{color: #6b7b7c}.ce_form .checkbox_container input,.ce_form .checkbox_container label,.ce_comments .checkbox_container input,.ce_comments .checkbox_container label{color: #333333 !important}.ce_form .submit_container input,.ce_comments .submit_container input{background-color: #d51030;color: #FFFFFF}.ce_form .submit_container input:hover,.ce_form .submit_container input:focus,.ce_form .submit_container input:active,.ce_comments .submit_container input:hover,.ce_comments .submit_container input:focus,.ce_comments .submit_container input:active{background-color: #333333;box-shadow: 0 0 6px rgba(0, 0, 0, 0)}.ce_form p.error,.ce_comments p.error{color: #D84b37}.mod_calendar thead{background-color: #d51030}.mod_calendar thead th a,.mod_calendar thead th a:link,.mod_calendar thead th a:visited{color: #FFFFFF}.mod_calendar thead > tr:first-child th{background-color: #6b7b7c}.mod_calendar td div.header{background-color: #cecece}.mod_calendar td div a,.mod_calendar td div a:link,.mod_calendar td div a:visited{color: #333333}.mod_calendar td div a:hover,.mod_calendar td div a:focus{background-color: #d51030;color: #FFFFFF}.mod_calendar td.active{background-color: #d1d8d8}.mod_calendar td.today{background-color: #6b7b7c}.mod_calendar td.today div.header{color: #FFFFFF}.mod_calendar td.today div a{color: #FFFFFF}.sidebar .mod_calendar thead th{background-color: #d51030}.sidebar .mod_calendar thead th a,.sidebar .mod_calendar thead th a:link,.sidebar .mod_calendar thead th a:visited{color: #FFFFFF}.sidebar .mod_calendar td a,.sidebar .mod_calendar td a:link,.sidebar .mod_calendar td a:visited{color: #333333}.sidebar .mod_calendar td a:hover,.sidebar .mod_calendar td a:focus,.sidebar .mod_calendar td a:active{background-color: #d51030;color: #FFFFFF}.sidebar .mod_calendar td.active{background-color: #d1d8d8 !important}.mod_breadcrumb ul li a{transition: all 0.3s ease-in}.mod_breadcrumb ul li a,.mod_breadcrumb ul li a:link,.mod_breadcrumb ul li a:visited{background-color: #f0f2f2;color: #333333}.mod_breadcrumb ul li a:before{border-top-color: transparent;border-bottom-color: transparent;border-left-color: #FFFFFF}.mod_breadcrumb ul li a:after{border-bottom-color: transparent;border-left-color: #f0f2f2;border-top-color: transparent}.mod_breadcrumb ul li a:hover,.mod_breadcrumb ul li a:focus,.mod_breadcrumb ul li a:active{background-color: #d51030;color: #FFFFFF}.mod_breadcrumb ul li a:hover:after,.mod_breadcrumb ul li a:focus:after,.mod_breadcrumb ul li a:active:after{border-bottom-color: transparent;border-left-color: #d51030;border-top-color: transparent}.mod_breadcrumb ul li.active,.mod_breadcrumb ul li.trial{background-color: #d51030;color: #FFFFFF}.mod_breadcrumb ul li.active:before,.mod_breadcrumb ul li.trial:before{border-top-color: transparent;border-bottom-color: transparent;border-left-color: #FFFFFF}.mod_breadcrumb ul li.active:after,.mod_breadcrumb ul li.trial:after{border-bottom-color: transparent;border-left-color: #d51030;border-top-color: transparent}.mod_sitemap ul.level_1 li{border-bottom-color: #d1d8d8}.mod_sitemap ul.level_1 li a,.mod_sitemap ul.level_1 li a:link,.mod_sitemap ul.level_1 li a:visited{color: #333333}.mod_sitemap ul.level_1 li a:hover,.mod_sitemap ul.level_1 li a:focus,.mod_sitemap ul.level_1 li a:active{color: #d51030}.mod_sitemap ul.level_2 li a,.mod_sitemap ul.level_2 li a:link,.mod_sitemap ul.level_2 li a:visited{color: #333333}.mod_sitemap ul.level_2 li a:hover,.mod_sitemap ul.level_2 li a:focus,.mod_sitemap ul.level_2 li a:active{color: #d51030}.ce_download a,.ce_download a:link,.ce_download a:visited,.ce_downloads a,.ce_downloads a:link,.ce_downloads a:visited{color: #333333}.ce_download a:hover,.ce_download a:focus,.ce_download a:active,.ce_download a:link:hover,.ce_download a:link:focus,.ce_download a:link:active,.ce_download a:visited:hover,.ce_download a:visited:focus,.ce_download a:visited:active,.ce_downloads a:hover,.ce_downloads a:focus,.ce_downloads a:active,.ce_downloads a:link:hover,.ce_downloads a:link:focus,.ce_downloads a:link:active,.ce_downloads a:visited:hover,.ce_downloads a:visited:focus,.ce_downloads a:visited:active{color: #d51030}.ce_download ul li,.ce_downloads ul li{border-bottom-color: #f0f2f2}.ce_download ul li.download-element,.ce_downloads ul li.download-element{padding-left:2.2rem}.ce_download ul li img,.ce_downloads ul li img{float:left;margin-right:.5rem}.ce_download ul li a:link,.ce_download ul li a:visited,.ce_downloads ul li a:link,.ce_downloads ul li a:visited{display:block;padding:0;line-height:2.2rem}.ce_download ul li a:hover,.ce_download ul li a:focus,.ce_download ul li a:active,.ce_downloads ul li a:hover,.ce_downloads ul li a:focus,.ce_downloads ul li a:active{color: #d51030}.mod_search input,.mod_search button{background: #f0f2f2;color: #333333}.mod_search input:hover,.mod_search input:focus,.mod_search input:active,.mod_search button:hover,.mod_search button:focus,.mod_search button:active{background-color: #d1d8d8}.mod_search input.submit,.mod_search button.submit{background-color: #d51030;color: #FFFFFF}.mod_search input.submit:hover,.mod_search input.submit:focus,.mod_search input.submit:active,.mod_search button.submit:hover,.mod_search button.submit:focus,.mod_search button.submit:active{background-color: #333333}.mod_search input button,.mod_search button button{background-color: #d51030}.mod_search input button:hover,.mod_search input button:focus,.mod_search input button:active,.mod_search button button:hover,.mod_search button button:focus,.mod_search button button:active{background-color: #333333}.mod_search .relevance{color: #333333}.mod_search .highlight{color: #d51030}.social-wrapper .social-content .social-fb{background-color: #3b5998}.social-wrapper .social-content .social-twitter{background-color: #1DA1F2}.social-wrapper .social-content .social-gplus{background-color: #D84b37}.social-wrapper .social-content .social-linkedin{background-color: #0077B5}.social-wrapper .social-content .social-instagram{background-color: #d83474}.mod_login{background: rgba(255, 255, 255, 0.95)}.mod_login .formbody label{color: #333333}.mod_login .formbody input{border-color: #d1d8d8}.mod_login .error{color: #D84b37}.login-container .submit_container .submit{background-color: #d51030;color: #FFFFFF}.login-container .submit_container .submit:hover,.login-container .submit_container .submit:focus,.login-container .submit_container .submit:active{background-color: #333333}.login-container .login-close{color: #333333}.widget-submit button.submit{background-color: #d51030;color: #FFFFFF}.widget-submit button.submit:hover,.widget-submit button.submit:focus,.widget-submit button.submit:active{background-color: #333333}.show-mobile .mod_search input.text,.show-mobile .mod_search .widget-text{background-color: #d1d8d8}#cboxOverlay{background-color: rgba(255, 255, 255, 0.8) !important}#cboxLoadedContent{border-color: #FFFFFF}#cboxCurrent,#cboxTitle,#cboxPrevious{color: #333333}#cboxClose,#cboxNext{background-color: #FFFFFF}#cboxClose:hover,#cboxClose:focus,#cboxClose:active,#cboxNext:hover,#cboxNext:focus,#cboxNext:active{background: #FFFFFF}table th{background-color: #d51030;color: #FFFFFF}table td{background-color: #f0f2f2}table tfoot td{background-color: #d51030;color: #FFFFFF}.teaser p:last-child a,.teaser p:last-child a:link,.teaser p:last-child a:visited{background-color: #d51030;color: #FFFFFF}.teaser p:last-child a:hover,.teaser p:last-child a:focus,.teaser p:last-child a:active,.teaser p:last-child a:link:hover,.teaser p:last-child a:link:focus,.teaser p:last-child a:link:active,.teaser p:last-child a:visited:hover,.teaser p:last-child a:visited:focus,.teaser p:last-child a:visited:active{background-color: #333333}.toggler{background-color: #f0f2f2}.toggler:hover,.toggler:focus,.toggler:active,.toggler.ui-state-active{background-color: #d51030;color: #FFFFFF}.icon-faq .toggler:before{color: #333333}.icon-faq .toggler:hover:before,.icon-faq .toggler:focus:before,.icon-faq .toggler:active:before,.icon-faq .toggler.ui-state-active:before{color: #FFFFFF}#wrapper .image_container{border-color: #FFFFFF}#wrapper .ce_sliderStart .slider-control a,#wrapper .ce_sliderStart .slider-control a:link,#wrapper .ce_sliderStart .slider-control a:visited{background-color: #d51030;color: #FFFFFF}#wrapper .ce_sliderStart .slider-control a:hover,#wrapper .ce_sliderStart .slider-control a:focus,#wrapper .ce_sliderStart .slider-control a:active{background-color: #333333}.mod_faqlist ul li{border-bottom-color: #d1d8d8}.mod_faqlist ul li:before{background-color: #d51030;color: #FFFFFF}.mod_faqlist ul li a,.mod_faqlist ul li a:link,.mod_faqlist ul li a:visited{color: #333333;background-color: #FFFFFF}.mod_faqlist ul li a:hover,.mod_faqlist ul li a:focus,.mod_faqlist ul li a:active{background-color: #f0f2f2}@media (min-width: 1px) and (max-width: 1023px){.nav-wrapper { background-color: #f0f2f2; } .nav_main .level_2 { background-color: #d1d8d8; } .nav_main .level_3 { background-color: #cecece; } input:checked + .button-nav-mobile { background-color: #FFFFFF; }}body{font-family: 'Open Sans', Arial, Verdana, sans-serif}input,select,textarea,.submit,button,label,fieldset{font-family: 'Open Sans', Arial, Verdana, sans-serif} /* Author : CTS Media GmbH Copyright : CTS Media GmbH */ body.sidebar #main:after, .ce_text:after, .innerwrapper:after, .mod_breadcrumb:after, .mod_search fieldset span label:last-child:after, #wrapper .ce_gallery ul:after { content: ""; clear: both; visibility: hidden; } * { padding: 0; margin: 0; } html { font-size: 10px; } body { font-weight: 300; font-size: 18px; line-height: 2.6rem; } body.sidebar #main { width: 70%; padding-right: 2.5rem; box-sizing: border-box; } body.sidebar #right { width: 30%; padding-left: 0.5rem; box-sizing: border-box; } input, select, textarea, .submit, button, label, fieldset { -webkit-appearance: none; border-radius: 0; } input.radio { -webkit-appearance: radio; padding-left: 5px; } input.checkbox { -webkit-appearance: checkbox; } .ce_text { margin-bottom: 2rem; } .z_index { z-index: 10; } /* Typography */ p { margin-bottom: 2rem; line-height: 2.6rem; } h1, h2, h3, h4, h5, h6 { font-weight: 300; padding-bottom: 1rem; box-sizing: border-box; } .h_underline { border-bottom-width: 0.1rem; border-bottom-style: solid; } h1 { font-size: 4.6rem; line-height: 5.2rem; } h2 { font-size: 3.2rem; line-height: 3.6rem; } h3 { font-size: 2.6rem; line-height: 3rem; } h4 { font-size: 2.4rem; line-height: 2.8rem; } h5 { font-size: 2.2rem; line-height: 2.6rem; } h6 { font-size: 2rem; line-height: 2.4rem; } a, a:link, a:visited { -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; } strong { font-weight: 600; } .center { text-align: center; } mark { background-color: transparent; } /* List */ #main ul, #main ol { padding-left: 4rem; margin-bottom: 3rem; } /* Layout */ .innerwrapper, #wrapper { width: 96rem; margin: 0 auto; } #wrapper { padding: 5px 0; overflow: hidden; } .innerwrapper { height: 10rem; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; z-index: 1; } .right-elements, .logo { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .logo { float: left; } .logo h1, .logo div { max-width: 90%; -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); padding: 0; line-height: 0; } .logo h1 a, .logo div a { display: block; } .logo h1 img, .logo div img { height: auto; max-height: 70px; max-width: 100%; } .logo .image_container { max-width: 90%; } .logo .image_container a { display: block; } .logo .image_container img { height: auto; max-height: 70px; max-width: 100%; width: auto; vertical-align: bottom; } .headerimage { position: relative; height: 30rem; width: 100%; z-index: -1; } .headerimage .ce_gallery li { display: none; position: absolute; top: 0; left: 0; height: 30rem; width: 100%; background-size: cover; background-position: center center !important; background-repeat: no-repeat !important; } .headerimage .ce_gallery li:first-child { display: block; } /* Navigation Elements ----------------------------------------------------------------------------------*/ .pagination > p { display: none; } .pagination .first, .pagination .last { display: none; } .pagination ul { list-style: none; padding: 0 !important; margin: 0 !important; } .pagination ul li { border: 0 none; opacity: 1; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; margin: 0 0.5rem 0 0 !important; float: left; } .pagination ul li a, .pagination ul li a:link, .pagination ul li a:visited { text-decoration: none; display: block; padding: 0.2rem 0.8rem; opacity: 1; font-size: 1.4rem; transition: background-color .3s ease-in, color .3s ease-in; } .pagination ul li a:hover, .pagination ul li a:focus, .pagination ul li a:active { opacity: 1; } .pagination ul li:hover, .pagination ul li:focus, .pagination ul li:active { opacity: 1; } .pagination ul li .current, .pagination ul li .active { text-decoration: none; display: block; padding: 0.2rem 0.8rem; opacity: 1; font-size: 1.4rem; } .pagination:after { content: "."; visibility: hidden; display: block; clear: both; height: 0; width: 0; } .nav_main { overflow: visible; height: 6rem; display: block; text-align: center; position: relative; box-sizing: border-box; /* Show hidden level */ } .nav_main .level_1 { width: 96rem; display: inline-block; margin: 0 auto; } .nav_main .level_1 li { list-style: none; float: left; position: relative; } .nav_main .level_1 li a { transition: background-color .3s ease-in, color .3s ease-in; display: block; padding: 0 1.5rem; line-height: 6rem; font-weight: 300; font-size: 1.8rem; } .nav_main .level_1 li a, .nav_main .level_1 li a:link, .nav_main .level_1 li a:visited { text-decoration: none; } .nav_main .level_1 li span.active, .nav_main .level_1 li a.trail, .nav_main .level_1 li span.trail { display: block; padding: 0 1.5rem; line-height: 6rem; font-size: 1.8rem; } .nav_main .level_2, .nav_main .level_3 { display: none; position: absolute; top: 6rem; left: 0; min-width: 19rem; text-align: left; padding: 0; z-index: 100; } .nav_main .level_2 li, .nav_main .level_3 li { float: none; } .nav_main .level_2 li span.active, .nav_main .level_2 li .active, .nav_main .level_2 li .trail, .nav_main .level_3 li span.active, .nav_main .level_3 li .active, .nav_main .level_3 li .trail { font-size: 1.6rem; line-height: 2rem; padding: 1.5rem; } .nav_main .level_2 li a, .nav_main .level_3 li a { font-size: 1.6rem; line-height: 2rem; padding: 1.5rem; white-space: nowrap; } .nav_main .level_3 { left: 100%; top: 0; } @media (min-width: 1023px) { .nav_main .level_1 li:hover .level_2, .nav_main .level_1 li:focus .level_2, .nav_main .level_1 li:active .level_2 { display: block; } .nav_main .level_2 li:hover .level_3, .nav_main .level_2 li:focus .level_3, .nav_main .level_2 li:active .level_3 { display: block; } } /* hide toggle arrow on desktop view */ li .submenu-toggle, ul.level_1 > li .submenu-toggle { display: none; } /* Content ----------------------------------------------------------------------------------*/ /* FOOTER */ footer { padding: 2rem 0 4rem 0; margin-top: 6rem; position: relative; overflow: hidden; font-size: 1.4rem; line-height: 1.8rem; /* Google Maps */ /* Table */ } footer .inside { width: 96rem; margin: 0 auto; } footer .nav_meta { position: relative; right: 0; top: 0; margin-bottom: 3rem; } footer .nav_meta ul { float: right; } footer .nav_meta ul li { float: left; display: block; } footer .nav_meta ul li > span, footer .nav_meta ul li .trail, footer .nav_meta ul li .forward { display: block; padding: 0.5rem; } footer .nav_meta ul li a { display: block; padding: 0.5rem; font-size: 1.4rem; } footer .nav_meta ul li a, footer .nav_meta ul li a:link, footer .nav_meta ul li a:visited { text-decoration: none; } footer .nav_meta ul li.active { display: block; padding: 0.5rem; text-decoration: none; font-size: 1.4rem; } footer .nav_meta ul li.active strong { font-weight: 300; } footer .nav_meta ul li.active span { padding: 0; } footer iframe { box-sizing: border-box; border-width: 0.5rem; border-style: solid; -o-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); } footer table td { font-size: 1.4rem; line-height: 1.6rem; } footer .copyright { font-size: 1.4rem; line-height: 1.6rem; margin-left: 1rem; padding-top: 2rem; clear: both; } footer .copyright h6 { font-size: 1.4rem; line-height: 1.6rem; } footer .copyright a { font-size: 1.4rem; line-height: 1.6rem; text-decoration: none; } /* SIDEBAR */ /* sidebar navigation */ aside .mod_navigation, aside .mod_newsmenu { margin-bottom: 4rem; padding: 0; } aside .mod_navigation ul, aside .mod_newsmenu ul { display: block; } aside .mod_navigation li, aside .mod_newsmenu li { padding: 0 10px; display: flex; align-items: center; width: 100%; height: 4.5rem; margin-bottom: 1px; box-sizing: border-box; transition: background-color 0.25s ease; } aside .mod_navigation li a, aside .mod_navigation li span, aside .mod_navigation li strong, aside .mod_newsmenu li a, aside .mod_newsmenu li span, aside .mod_newsmenu li strong { display: inline-block; line-height: 1.1; font-size: 1.8rem; text-decoration: none; } aside .mod_navigation li.active > a, aside .mod_navigation li.active > span, aside .mod_navigation li.active > strong, aside .mod_navigation li:not(.active):hover > a, aside .mod_navigation li:not(.active):hover > span, aside .mod_navigation li:not(.active):hover > strong, aside .mod_newsmenu li.active > a, aside .mod_newsmenu li.active > span, aside .mod_newsmenu li.active > strong, aside .mod_newsmenu li:not(.active):hover > a, aside .mod_newsmenu li:not(.active):hover > span, aside .mod_newsmenu li:not(.active):hover > strong { color: #ffffff; } aside .mod_navigation li.submenu, aside .mod_newsmenu li.submenu { height: auto; flex-direction: column; align-items: start; padding: 0; } aside .mod_navigation li.submenu > *:first-child, aside .mod_newsmenu li.submenu > *:first-child { height: 4.5rem; line-height: 4.5rem; border-bottom-width: 1px; border-bottom-style: solid; padding: 0 10px; display: inline-block; width: 100%; } aside .mod_navigation li.submenu ul, aside .mod_newsmenu li.submenu ul { width: 100%; } aside .mod_navigation li.submenu li, aside .mod_newsmenu li.submenu li { padding-left: 20px; margin-bottom: 0; } .sidebar #right { /* News */ } .sidebar #right h1 { font-size: 2.4rem; line-height: 2.8rem; } .sidebar #right h2 { font-size: 2.2rem; line-height: 2.6rem; } .sidebar #right h3 { font-size: 2.0rem; line-height: 2.4rem; } .sidebar #right h4 { font-size: 1.8rem; line-height: 2.2rem; } .sidebar #right h5 { font-size: 1.6rem; line-height: 2rem; } .sidebar #right h6 { font-size: 1.4rem; line-height: 1.8rem; } .sidebar #right p { font-size: 1.4rem; line-height: 1.8rem; } .sidebar #right .calendar-icon { width: 4rem; text-align: center; float: left; font-size: 1.2rem; } .sidebar #right .calendar-icon .calendar-icon-day { padding: 0; margin-bottom: 0.2rem; -moz-box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); -o-box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); } .sidebar #right .calendar-icon .calendar-icon-month { padding: 0.4rem; -moz-box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); -o-box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); } .sidebar #right .mod_newslist > .block { margin-bottom: 5rem; } .sidebar #right .mod_newslist a, .sidebar #right .mod_newslist a:link, .sidebar #right .mod_newslist a:visited { text-decoration: none; display: block; } .sidebar #right .mod_newslist h1, .sidebar #right .mod_newslist h2, .sidebar #right .mod_newslist h3, .sidebar #right .mod_newslist .teaser { box-sizing: border-box; margin-left: 5rem; } .sidebar #right .mod_newslist .more { display: inline-block; box-sizing: border-box; margin-left: 5rem; } .sidebar #right .mod_newslist .more a { padding: 0.2rem 1rem; text-decoration: none; } .sidebar #right .mod_newslist .more a:hover, .sidebar #right .mod_newslist .more a:focus, .sidebar #right .mod_newslist .more a:active { cursor: pointer; } /* News */ .calendar-icon { width: 6rem; text-align: center; float: left; } .calendar-icon .calendar-icon-day { padding: 0.4rem; margin-bottom: 0.2rem; -moz-box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); -o-box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); } .calendar-icon .calendar-icon-month { padding: 1rem 0.4rem; -moz-box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); -o-box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); } .calendar-icon .calendar-icon-year { display: none; } .mod_newslist > .block, .mod_eventlist > .block, .mod_newsachive > .block { margin-bottom: 5rem; } .mod_newslist a, .mod_newslist a:link, .mod_newslist a:visited, .mod_eventlist a, .mod_eventlist a:link, .mod_eventlist a:visited, .mod_newsachive a, .mod_newsachive a:link, .mod_newsachive a:visited { text-decoration: none; } .mod_newslist h1, .mod_newslist h2, .mod_newslist h3, .mod_newslist .teaser, .mod_eventlist h1, .mod_eventlist h2, .mod_eventlist h3, .mod_eventlist .teaser, .mod_newsachive h1, .mod_newsachive h2, .mod_newsachive h3, .mod_newsachive .teaser { box-sizing: border-box; margin-left: 8rem; } .mod_newslist .more, .mod_newslist time, .mod_eventlist .more, .mod_eventlist time, .mod_newsachive .more, .mod_newsachive time { display: inline-block; box-sizing: border-box; margin-left: 8rem; } .mod_newslist .more a, .mod_newslist time a, .mod_eventlist .more a, .mod_eventlist time a, .mod_newsachive .more a, .mod_newsachive time a { padding: 0.2rem 1rem; text-decoration: none; display: block; } .mod_newslist .more a:hover, .mod_newslist .more a:focus, .mod_newslist .more a:active, .mod_newslist time a:hover, .mod_newslist time a:focus, .mod_newslist time a:active, .mod_eventlist .more a:hover, .mod_eventlist .more a:focus, .mod_eventlist .more a:active, .mod_eventlist time a:hover, .mod_eventlist time a:focus, .mod_eventlist time a:active, .mod_newsachive .more a:hover, .mod_newsachive .more a:focus, .mod_newsachive .more a:active, .mod_newsachive time a:hover, .mod_newsachive time a:focus, .mod_newsachive time a:active { cursor: pointer; } .mod_newslist .layout_teaser, .mod_eventlist .layout_teaser, .mod_newsachive .layout_teaser { margin-bottom: 5rem; } .info { font-size: 1.4rem; } .back { display: inline-block; } .back a, .back a:link, .back a:visited { text-decoration: none; display: block; padding: 0.5rem 0.8rem; } /* Archive */ .mod_newsmenu ul { list-style: none; } .mod_newsmenu ul.level_1 li a { font-weight: 600; } .mod_newsmenu ul.level_1 li a, .mod_newsmenu ul.level_1 li a:link, .mod_newsmenu ul.level_1 li a:visited { text-decoration: none; } .mod_newsmenu ul.level_1 li a:hover, .mod_newsmenu ul.level_1 li a:focus, .mod_newsmenu ul.level_1 li a:active, .mod_newsmenu ul.level_1 li a:link:hover, .mod_newsmenu ul.level_1 li a:link:focus, .mod_newsmenu ul.level_1 li a:link:active, .mod_newsmenu ul.level_1 li a:visited:hover, .mod_newsmenu ul.level_1 li a:visited:focus, .mod_newsmenu ul.level_1 li a:visited:active { color: #574844; } .mod_newsmenu ul.level_1 li .active { font-weight: 600; } .mod_newsmenu ul.level_2 li { padding-left: 2rem; } .mod_newsmenu ul.level_2 li a, .mod_newsmenu ul.level_2 li a:link, .mod_newsmenu ul.level_2 li a:visited { text-decoration: none; font-weight: 300; } .mod_newsmenu ul.level_2 li .active { font-weight: 300; } /* Form */ .ce_comments { margin-top: 2rem; } .ce_form, .ce_comments { padding-left: 1px; padding-right: 1px; } .ce_form .widget, .ce_comments .widget { margin-bottom: 2rem; padding: 0 3px; } .ce_form label, .ce_form input, .ce_form textarea, .ce_form .formbody > span, .ce_form select, .ce_comments label, .ce_comments input, .ce_comments textarea, .ce_comments .formbody > span, .ce_comments select { display: block; box-sizing: border-box; width: 100%; font-weight: 300; } .ce_form input, .ce_form textarea, .ce_comments input, .ce_comments textarea { border-width: 0.1rem; border-style: solid; padding: 0.5rem; transition: box-shadow .3s, ease-out, background-color .3s ease-out; } .ce_form input:hover, .ce_form input:focus, .ce_form input:active, .ce_form textarea:hover, .ce_form textarea:focus, .ce_form textarea:active, .ce_comments input:hover, .ce_comments input:focus, .ce_comments input:active, .ce_comments textarea:hover, .ce_comments textarea:focus, .ce_comments textarea:active { outline: none; } .ce_form label, .ce_comments label { margin-bottom: 0.5rem; font-weight: 600; } .ce_form select, .ce_comments select { padding: 0.3rem; border-width: 0.1rem; border-style: solid; } .ce_form .checkbox_container, .ce_comments .checkbox_container { border: 0; } .ce_form .checkbox_container legend, .ce_comments .checkbox_container legend { font-weight: 600; } .ce_form .checkbox_container input, .ce_form .checkbox_container label, .ce_comments .checkbox_container input, .ce_comments .checkbox_container label { width: auto; display: inline-block; font-weight: 300 !important; } .ce_form .submit_container, .ce_comments .submit_container { display: inline-block; } .ce_form .submit_container input, .ce_comments .submit_container input { border: 0; -webkit-transition: background-color 0.3s ease-in; -moz-transition: background-color 0.3s ease-in; -o-transition: background-color 0.3s ease-in; transition: background-color 0.3s ease-in; } .ce_form .submit_container input:hover, .ce_form .submit_container input:focus, .ce_form .submit_container input:active, .ce_comments .submit_container input:hover, .ce_comments .submit_container input:focus, .ce_comments .submit_container input:active { cursor: pointer; } .ce_form p.error, .ce_comments p.error { font-size: 1.4rem; line-height: 1.6rem; } .ce_form fieldset, .ce_comments fieldset { border: none; } /* Events */ /* Calendar */ .mod_calendar { transition: all 0.3s ease-in; } .mod_calendar table { width: 100%; border-spacing: 0; } .mod_calendar thead { font-size: 1.4rem !important; } .mod_calendar thead th { text-align: center; } .mod_calendar thead th a, .mod_calendar thead th a:link, .mod_calendar thead th a:visited { display: block; text-decoration: none; } .mod_calendar td { height: 10rem; text-align: center; padding: 0; vertical-align: top; width: 14%; border-right-width: .1rem; border-right-style: solid; border-right-color: #cecece; border-bottom-width: .1rem; border-bottom-style: solid; border-bottom-color: #cecece; } .mod_calendar td div { display: block; box-sizing: border-box; height: auto; } .mod_calendar td div.header { height: auto; line-height: 2.5rem; } .mod_calendar td div a { padding: 0 0.3rem; height: auto; box-sizing: border-box; font-size: 1.6rem; line-height: 2.5rem; } .mod_calendar td div a, .mod_calendar td div a:link, .mod_calendar td div a:visited { display: block; text-decoration: none; } .sidebar .mod_calendar { transition: all 0.3s ease-in; } .sidebar .mod_calendar table thead th { font-size: 1.4rem; } .sidebar .mod_calendar table thead th a, .sidebar .mod_calendar table thead th a:link, .sidebar .mod_calendar table thead th a:visited { display: block; text-decoration: none; } .sidebar .mod_calendar table td { font-size: 1.2rem; text-align: center; padding: 0; height: auto; border: 0; vertical-align: middle; } .sidebar .mod_calendar table td a { padding: 0.5rem; } .sidebar .mod_calendar table td a, .sidebar .mod_calendar table td a:link, .sidebar .mod_calendar table td a:visited { display: block; text-decoration: none; } .mod_eventlist h1 { margin-left: 0; margin-bottom: 2rem; } .mod_eventlist .date, .mod_eventlist .day, .mod_eventlist .info, .mod_eventlist .recurring { font-size: 1.4rem; } .mod_eventlist .empty { margin-bottom: 1rem; } .mod_eventlist .layout_teaser { margin-bottom: 5rem; } .mod_eventlist .time { margin-left: 8rem; } .mod_eventreader .date, .mod_eventreader .day, .mod_eventreader .info, .mod_eventreader .recurring { font-size: 1.4rem; } .mod_eventreader .info { padding-right: 2rem; float: left; } /* Breadcrumb */ .mod_breadcrumb { overflow: hidden !important; width: 96rem; margin: 2rem auto 4rem; } .mod_breadcrumb ul { padding-left: 0 !important; } .mod_breadcrumb ul li { list-style: none; float: left; } .mod_breadcrumb ul li a { transition: all 0.3s ease-in; display: block; padding: 0.5rem; font-size: 1.4rem; line-height: 1.8rem; height: 2.8rem; box-sizing: border-box; margin-right: 2rem; padding-left: 2rem; position: relative; z-index: 10; } .mod_breadcrumb ul li a, .mod_breadcrumb ul li a:link, .mod_breadcrumb ul li a:visited { text-decoration: none; } .mod_breadcrumb ul li a:before { content: ""; border-top-width: 1.4rem; border-bottom-width: 1.4rem; border-left-width: 1.4rem; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; position: absolute; left: 0; top: 0; } .mod_breadcrumb ul li a:after { border-bottom-width: 1.4rem; border-left-width: 1.4rem; border-top-width: 1.4rem; border-bottom-style: solid; border-left-style: solid; border-top-style: solid; content: ""; position: absolute; right: -1.4rem; top: 0; transition: all 0.3s ease-in; } .mod_breadcrumb ul li a:hover:after, .mod_breadcrumb ul li a:focus:after, .mod_breadcrumb ul li a:active:after { border-bottom-width: 1.4rem; border-left-width: 1.4rem; border-top-width: 1.4rem; border-bottom-style: solid; border-left-style: solid; border-top-style: solid; } .mod_breadcrumb ul li.active, .mod_breadcrumb ul li.trial { display: block; padding: 0.5rem; font-size: 1.4rem; line-height: 1.8rem; height: 2.8rem; box-sizing: border-box; margin-right: 0; padding-left: 2rem; position: relative; z-index: 10; text-decoration: none; } .mod_breadcrumb ul li.active:before, .mod_breadcrumb ul li.trial:before { content: ""; border-bottom-width: 1.4rem; border-left-width: 1.4rem; border-top-width: 1.4rem; border-bottom-style: solid; border-left-style: solid; border-top-style: solid; position: absolute; left: 0; top: 0; } .mod_breadcrumb ul li.active:after, .mod_breadcrumb ul li.trial:after { border-bottom-width: 1.4rem; border-left-width: 1.4rem; border-top-width: 1.4rem; border-bottom-style: solid; border-left-style: solid; border-top-style: solid; content: ""; position: absolute; right: -1.4rem; top: 0; } /* Sitemap */ .mod_sitemap ul { list-style: none; } .mod_sitemap ul.level_1 { padding-left: 0 !important; } .mod_sitemap ul.level_1 li { padding: 0.2rem 0; border-bottom-style: solid; border-bottom-width: 0.1rem; margin-bottom: 1.5rem; } .mod_sitemap ul.level_1 li a { font-weight: 600; display: block; } .mod_sitemap ul.level_1 li a, .mod_sitemap ul.level_1 li a:link, .mod_sitemap ul.level_1 li a:visited { text-decoration: none; } .mod_sitemap ul.level_1 li.submenu { border-bottom: 0 none; } .mod_sitemap ul.level_2 { padding-left: 0 !important; margin-bottom: 0 !important; } .mod_sitemap ul.level_2 li { padding: 0.2rem 0 0.2rem 2rem; margin-bottom: 0; } .mod_sitemap ul.level_2 li a { font-weight: 300; } .mod_sitemap ul.level_2 li a, .mod_sitemap ul.level_2 li a:link, .mod_sitemap ul.level_2 li a:visited { text-decoration: none; } .mod_sitemap ul .level_3 { padding-left: -1rem !important; } .mod_sitemap ul .level_3 li { padding: 0.2rem 0 0.2rem 4rem; } .ce_download a, .ce_download a:link, .ce_download a:visited, .ce_downloads a, .ce_downloads a:link, .ce_downloads a:visited { text-decoration: none; } .ce_download ul, .ce_downloads ul { padding-left: 0 !important; } .ce_download ul li, .ce_downloads ul li { list-style: none; border-bottom-style: solid; border-bottom-width: 0.1rem; line-height: 1.2rem; padding: 0.5rem 0; } .ce_download ul li.download-element, .ce_downloads ul li.download-element { padding-left: 2.2rem; } .ce_download ul li img, .ce_downloads ul li img { float: left; margin-right: 0.5rem; } .ce_download ul li a:link, .ce_download ul li a:visited, .ce_downloads ul li a:link, .ce_downloads ul li a:visited { padding: 0; display: block; line-height: 2.2rem; } /* Search */ .mod_search { margin-right: 1rem; } .mod_search input, .mod_search button { border: 0; font-weight: 300; font-size: 1.6rem; padding: 0 0.5rem; width: 20rem; height: 4rem; box-sizing: border-box; margin-bottom: 1rem; display: block; float: left; transition: all 0.3s ease-in; } .mod_search input.radio, .mod_search button.radio { margin-left: 5px; } .mod_search input.submit, .mod_search button.submit { border: 0; background-image: url("../../files/theme_health-navigator/images/layout_images/icons/icon-search.svg"); background-repeat: no-repeat; background-position: center center; text-indent: -9999px !important; width: 4rem; height: 4rem; } .mod_search input.submit:hover, .mod_search input.submit:focus, .mod_search input.submit:active, .mod_search button.submit:hover, .mod_search button.submit:focus, .mod_search button.submit:active { cursor: pointer; } .mod_search input button, .mod_search button button { transition: all 0.3s ease-in; } .mod_search input button:hover, .mod_search input button:focus, .mod_search input button:active, .mod_search button button:hover, .mod_search button button:focus, .mod_search button button:active { cursor: pointer; } .mod_search fieldset { border: 0; margin-bottom: 2rem; clear: both; } .mod_search fieldset input { width: auto; height: auto; margin: 0.5rem 1rem 0 0; } .mod_search fieldset span { margin-right: 2rem; } .mod_search fieldset span label { display: block; float: left; margin-right: 1rem; } .mod_search .relevance { font-size: 1.6rem; font-weight: 600; } .mod_search .highlight { font-weight: 600; } /* Header Elements */ header .right-elements { float: right; width: 65%; } header .right-elements .mod_search { float: right; } header .right-elements .mod_search .widget-text, header .right-elements .mod_search .widget-submit { float: left; line-height: 1; } header .right-elements .mod_search form { float: right; } header .right-elements .mod_search input { margin-bottom: 0; } /* Social Buttons */ .social-wrapper { float: right; } .social-wrapper .social-content { float: left; margin-right: 1rem; } .social-wrapper .social-content a, .social-wrapper .social-content a:link, .social-wrapper .social-content a:visited { text-indent: -999.9rem; display: block; width: 4rem; height: 4rem; opacity: 1; transition: all 0.3s ease-in; } .social-wrapper .social-content a:hover, .social-wrapper .social-content a:focus, .social-wrapper .social-content a:active { opacity: 0.5; } .social-wrapper .social-content .social-fb { background-image: url("../../files/theme_health-navigator/images/layout_images/icons/icon-social-facebook.svg"); background-repeat: no-repeat; background-position: center center; } .social-wrapper .social-content .social-twitter { background-image: url("../../files/theme_health-navigator/images/layout_images/icons/icon-social-twitter.svg"); background-repeat: no-repeat; background-position: center center; } .social-wrapper .social-content .social-gplus { background-image: url("../../files/theme_health-navigator/images/layout_images/icons/icon-social-gplus.svg"); background-repeat: no-repeat; background-position: center center; background-size: 98%; } .social-wrapper .social-content .social-linkedin { background-image: url("../../files/theme_health-navigator/images/layout_images/icons/icon-social-linkedin.svg"); background-repeat: no-repeat; background-position: center center; } .social-wrapper .social-content .social-instagram { background-image: url("../../files/theme_health-navigator/images/layout_images/icons/icon-social-instagram.svg"); background-repeat: no-repeat; background-position: center center; } /* Login */ .mod_login { visibility: hidden; opacity: 0; float: right; position: absolute; z-index: 10; padding: 0.5rem; top: 6.5rem; right: 0; } .mod_login h6 { display: none; font-size: 2rem; text-transform: none; } .mod_login .formbody br { display: none; } .mod_login .formbody label { font-weight: 300; display: block; } .mod_login .formbody input { font-weight: 300; padding: 0.5rem; box-sizing: border-box; width: 100%; border-style: solid; border-width: 1px; } .mod_login .formbody .submit_container, .mod_login .formbody .widget-submit { clear: both; float: none; border: 0; margin-top: 1rem; display: block; } .mod_login .formbody .submit_container input, .mod_login .formbody .submit_container button, .mod_login .formbody .widget-submit input, .mod_login .formbody .widget-submit button { width: 100%; } .mod_login .error { font-size: 1.2rem; line-height: 1.4rem; width: 20rem; margin-bottom: 0; } .login-container { position: relative; } .login-container .submit_container, .login-container .widget-submit { float: right; } .login-container .submit_container .submit, .login-container .widget-submit .submit { font-weight: 300; border: 0; padding: 0.5rem 1rem; box-sizing: border-box; height: 4rem; line-height: 3rem; display: block; text-decoration: none; transition: all 0.3s ease-in; } .login-container .submit_container .submit:hover, .login-container .submit_container .submit:focus, .login-container .submit_container .submit:active, .login-container .widget-submit .submit:hover, .login-container .widget-submit .submit:focus, .login-container .widget-submit .submit:active { cursor: pointer; } .login-container .login-close { visibility: hidden; opacity: 0; position: absolute; top: 4.3rem; right: 1rem; z-index: 15; text-decoration: none; font-weight: 600; font-size: 1.4rem; } .widget-submit { display: inline-block; } .widget-submit button { width: 100%; font-size: 99%; } .widget-submit button.submit { font-weight: 300; border: 0; padding: 0.5rem 1rem; box-sizing: border-box; height: 4rem; line-height: 3rem; display: block; text-decoration: none; transition: all 0.3s ease-in; } .widget-submit button.submit:hover, .widget-submit button.submit:focus, .widget-submit button.submit:active { cursor: pointer; } #top:target .mod_login { visibility: visible; opacity: 1; -o-transition: all 1s ease-in-out 0s; -webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #top:target .login-close { visibility: visible; opacity: 1; } input.mobile-check { display: none; opacity: 0; } .show-mobile { display: none; overflow: hidden; } .show-mobile .login-container .submit_container .submit { text-align: right; font-size: 1.8rem; } .show-mobile .mod_search { margin: 2rem 0 0 0; height: 4rem; padding: 0.5rem; } .show-mobile .mod_search input.text, .show-mobile .mod_search .widget-text { width: 88%; } .show-mobile .mod_search .submit, .show-mobile .mod_search .widget-submit { width: 12%; } .show-mobile .mod_search .widget-submit .submit { width: 100%; text-align: center; } .show-mobile .mod_search .widget-text { width: 100%; margin-bottom: 0; } .show-mobile .social-wrapper { margin: 2rem 0 0 2rem; overflow: hidden; } /* j_colorbox */ #cboxLoadedContent { border-style: solid; border-width: 0.1rem; -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); -o-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); } #colorbox, #cboxOverlay, #cboxWrapper { overflow: visible; } #cboxCurrent, #cboxTitle { font-size: 1.4rem; font-weight: 600; top: -2.8rem; } #cboxClose { background-image: url("../../files/theme_health-navigator/images/layout_images/icons/sprite-icons-colorbox.png"); background-repeat: no-repeat; background-position: -7.1rem 0; width: 3.7rem; height: 4rem; right: 0.1rem; top: 0.1rem; } #cboxClose:hover, #cboxClose:focus, #cboxClose:active { background-image: url("../../files/theme_health-navigator/images/layout_images/icons/sprite-icons-colorbox.png"); background-position: -7.1rem -4rem; } #cboxNext { background-image: url("../../files/theme_health-navigator/images/layout_images/icons/sprite-icons-colorbox.png"); background-repeat: no-repeat; background-position: -3.6rem 0; width: 3.6rem; height: 6.1rem; right: -0.1rem; } #cboxNext:hover, #cboxNext:focus, #cboxNext:active { background-image: url("../../files/theme_health-navigator/images/layout_images/icons/sprite-icons-colorbox.png"); background-position: -3.6rem -6.1rem; } #cboxPrevious { background-image: url("../../files/theme_health-navigator/images/layout_images/icons/sprite-icons-colorbox.png"); background-repeat: no-repeat; background-position: 0 0; width: 3.6rem; height: 6.1rem; left: 0; } #cboxPrevious:hover, #cboxPrevious:focus, #cboxPrevious:active { background-image: url("../../files/theme_health-navigator/images/layout_images/icons/sprite-icons-colorbox.png"); background-position: 0 -6.1rem; } /* Grids */ .grid1, .grid2, .grid3, .grid4 { float: left; display: inline-block; box-sizing: border-box; } .grid1:after, .grid2:after, .grid3:after, .grid4:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; } .grid1 { width: 22rem; margin: 0 1rem; } .grid1 img { display: block; margin: 0 auto; } .grid2 { width: 46rem; margin: 0 1rem; } .grid3 { width: 70rem; margin: 0 1rem; } /* Image ce_image */ .image_container figcaption { line-height: 1.2; margin-top: 1rem; font-size: 16px; } /* Author : CTS Media GmbH Copyright : CTS Media GmbH */ body.sidebar #main:after, .ce_text:after, .innerwrapper:after, .mod_breadcrumb:after, .mod_search fieldset span label:last-child:after, #wrapper .ce_gallery ul:after { content: ""; clear: both; visibility: hidden; } /* Browser */ .ie8 .logo, .ie8 .right-elements { top: 0; margin-top: 2rem; } .safari { font-weight: 400; } .safari * { font-weight: 400 !important; } /* Author : CTS Media GmbH Copyright : CTS Media GmbH */ body.sidebar #main:after, .ce_text:after, .innerwrapper:after, .mod_breadcrumb:after, .mod_search fieldset span label:last-child:after, #wrapper .ce_gallery ul:after { content: ""; clear: both; visibility: hidden; } /* Table */ table { width: 100%; margin-bottom: 2rem; } table th { font-size: 2rem; padding: 0.5rem; font-weight: 600; text-align: left; } table td { padding: 0.5rem; font-size: 1.6rem; } table tfoot td { padding: 0.5rem; font-size: 1.6rem; font-size: 2rem; padding: 0.5rem; font-weight: 600; text-align: left; } /* Teaser Home */ .teaser p:last-child a { display: block; padding: 0.5rem .5rem; transition: all .3s ease-in; } .teaser p:last-child a, .teaser p:last-child a:link, .teaser p:last-child a:visited { text-decoration: none; } /* Speical Elements */ .pdf_link, .syndication { margin: 2rem 0; } /* Accordion */ .toggler { transition: all .3s ease-in; display: block; font-size: 1.8rem; font-weight: 600; padding: 1rem 0 1rem 2rem; } .toggler:hover, .toggler:focus, .toggler:active, .toggler.ui-state-active { cursor: pointer; } .accordion > div { padding: 1rem 0 2rem 2rem; } .icon-faq .toggler:before { transition: all .3s ease-in; content: "?"; display: inline-block; float: left; font-size: 2.6rem; font-weight: 300; margin-right: 1.5rem; } .icon-faq .toggler:hover:before, .icon-faq .toggler:focus:before, .icon-faq .toggler:active:before, .icon-faq .toggler.ui-state-active:before { transition: all .3s ease-in; } .icon-faq .toggler.ui-state-active:before { transition: all .3s ease-in; content: "!"; } /* Text with Image */ #wrapper .image_container { line-height: 0; border-width: 1rem; border-style: solid; -moz-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3); box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3); display: inline-block; margin: 0.3rem; } #wrapper .image_container.float_left { margin: 0 2rem 2rem 0.3rem; } #wrapper .image_container.float_right { margin: 0 0.3rem 2rem 2rem; } #wrapper .image_container.float_above { margin: 0 0.3rem 2rem 0.3rem; } #wrapper .image_container a, #wrapper .image_container a:link, #wrapper .image_container a:visited { display: block; } /* Gallery */ #wrapper .ce_gallery { overflow: visible; } #wrapper .ce_gallery ul { padding: 0 !important; overflow: visible; clear: both; display: block; } #wrapper .ce_gallery ul li { margin: 0 2rem 2rem 0; } #wrapper .ce_gallery ul li figure { line-height: 0; opacity: 1; transition: opacity .3s ease-in; } #wrapper .ce_gallery ul li figure:hover, #wrapper .ce_gallery ul li figure:focus, #wrapper .ce_gallery ul li figure:active { opacity: 0.5; } #wrapper .ce_gallery .pagination { overflow: visible; } /* Content Slider */ #wrapper .ce_sliderStart { overflow: hidden; } #wrapper .ce_sliderStart .slider-control { display: block; clear: both; height: 4rem; } #wrapper .ce_sliderStart .slider-control a, #wrapper .ce_sliderStart .slider-control a:link, #wrapper .ce_sliderStart .slider-control a:visited { text-decoration: none; background-color: #98d129; padding: 0.2rem 0.5rem; color: #ffffff; } #wrapper .ce_sliderStart .slider-control a:hover, #wrapper .ce_sliderStart .slider-control a:focus, #wrapper .ce_sliderStart .slider-control a:active { background-color: #574844; } #wrapper .ce_sliderStart .image_container { margin: 0.5rem; } /* FAQ */ .mod_faqlist { transition: all 0.3s ease-in; } .mod_faqlist ul { padding-left: 0 !important; } .mod_faqlist ul li { list-style: none; padding-left: 0; border-bottom-width: 0.1rem; border-bottom-style: solid; line-height: 3rem; } .mod_faqlist ul li:before { content: "?"; display: inline-block; width: 4rem; height: 4rem; line-height: 4rem; text-align: center; font-size: 2.6rem; margin-right: 1.5rem; float: left; } .mod_faqlist ul li a, .mod_faqlist ul li a:link, .mod_faqlist ul li a:visited { text-decoration: none; display: block; padding: 0.5rem 0; } /* Author : CTS Media GmbH Copyright : CTS Media GmbH */ body.sidebar #main:after, .ce_text:after, .innerwrapper:after, .mod_breadcrumb:after, .mod_search fieldset span label:last-child:after, #wrapper .ce_gallery ul:after { content: ""; clear: both; visibility: hidden; } /* BREAKPOINTS */ @media (min-width: 1px) and (max-width: 1023px) { body { font-size: 2rem; line-height: 3rem; } body.sidebar #main { width: 100%; padding-right: 0; margin-bottom: 7rem; } body.sidebar #right { width: 100%; padding-left: 0; margin-top: 3rem; float: none; overflow: auto; } h1 { font-size: 3.6rem; line-height: 4.2rem; } h2 { font-size: 2.8rem; line-height: 3.2rem; } h3 { font-size: 2.6rem; line-height: 3rem; } h4 { font-size: 2.4rem; line-height: 2.8rem; } h5 { font-size: 2.2rem; line-height: 2.6rem; } h6 { font-size: 2rem; line-height: 2.4rem; text-transform: uppercase; } iframe { width: 100%; } .image_container.float_right, .image_container.float_left { float: none !important; margin: 0 2rem 2rem 0 !important; } .ce_sliderStart .image_container.float_right, .ce_sliderStart .image_container.float_left { float: none !important; margin: 0.5rem !important; } .right-elements { display: none; } .innerwrapper, #wrapper { width: 95%; } .innerwrapper { height: 6rem; } .show-mobile { display: none; } .show-mobile > * { float: none; } .mod_login { visibility: visible; opacity: 1; } /* Logo */ .logo h1, .logo div { max-width: 60%; -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .logo img { max-height: 50px; } .nav-wrapper { position: fixed; right: 0; top: 0; width: 25rem; height: 100%; box-sizing: border-box; opacity: 0; -moz-transform: translate3D(25rem, 0, 0); -webkit-transform: translate3D(25rem, 0, 0); transform: translate3D(25rem, 0, 0); -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; z-index: -1; overflow-y: scroll; } .nav_main { height: auto; box-sizing: border-box; opacity: 1; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; z-index: -1; margin-top: 6rem; } .nav_main .submenu.open > ul { display: none; opacity: 1; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .nav_main .level_1, .nav_main .level_2, .nav_main .level_3 { width: 100%; } .nav_main .level_1 li, .nav_main .level_2 li, .nav_main .level_3 li { display: block; float: none; } .nav_main .level_1 li a, .nav_main .level_1 li a:link, .nav_main .level_1 li a:visited, .nav_main .level_2 li a, .nav_main .level_2 li a:link, .nav_main .level_2 li a:visited, .nav_main .level_3 li a, .nav_main .level_3 li a:link, .nav_main .level_3 li a:visited { text-align: right; line-height: 4rem; } .nav_main .level_1 li .active, .nav_main .level_2 li .active, .nav_main .level_3 li .active { text-align: right; line-height: 4rem; } .nav_main .level_1 li:hover .level_2, .nav_main .level_1 li:hover .level_3, .nav_main .level_1 li:focus .level_2, .nav_main .level_1 li:focus .level_3, .nav_main .level_1 li:active .level_2, .nav_main .level_1 li:active .level_3, .nav_main .level_2 li:hover .level_2, .nav_main .level_2 li:hover .level_3, .nav_main .level_2 li:focus .level_2, .nav_main .level_2 li:focus .level_3, .nav_main .level_2 li:active .level_2, .nav_main .level_2 li:active .level_3, .nav_main .level_3 li:hover .level_2, .nav_main .level_3 li:hover .level_3, .nav_main .level_3 li:focus .level_2, .nav_main .level_3 li:focus .level_3, .nav_main .level_3 li:active .level_2, .nav_main .level_3 li:active .level_3 { width: auto; text-align: right; opacity: 1; } .nav_main .level_1 li span.active, .nav_main .level_1 li a.trail, .nav_main .level_1 li span.trail, .nav_main .level_2 li span.active, .nav_main .level_2 li a.trail, .nav_main .level_2 li span.trail, .nav_main .level_3 li span.active, .nav_main .level_3 li a.trail, .nav_main .level_3 li span.trail { line-height: 4rem; } .nav_main li .submenu-toggle, .nav_main ul.level_1 > li .submenu-toggle { content: "+"; cursor: pointer; display: block; position: absolute; left: 0; top: 0; width: 4rem; box-sizing: border-box; font-size: 3.5rem; line-height: 4rem; text-align: center; font-weight: 300; font-style: normal; -webkit-transition: -webkit-transform 0.5s, border 0s 1s; -moz-transition: -moz-transform 0.5s, border 0s 1s; transition: transform 0.5s, border 0s 1s; } .nav_main li .submenu-toggle:before, .nav_main ul.level_1 > li .submenu-toggle:before { content: "+"; } .nav_main li.open > .submenu .submenu-toggle { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; } .nav_main .level_2, .nav_main .level_3 { position: relative; display: none; top: 0; } .nav_main .level_2 li, .nav_main .level_3 li { float: none; } .nav_main .level_2 li span.active, .nav_main .level_2 li .active, .nav_main .level_2 li .trail, .nav_main .level_3 li span.active, .nav_main .level_3 li .active, .nav_main .level_3 li .trail { line-height: 4rem !important; padding: 0 1.5rem; } .nav_main .level_2 li a, .nav_main .level_2 li a:link, .nav_main .level_2 li a:visited, .nav_main .level_3 li a, .nav_main .level_3 li a:link, .nav_main .level_3 li a:visited { line-height: 4rem !important; padding: 0 1.5rem; } .nav_main .level_3 { left: auto; } .login-container .submit_container { float: none; display: none; } .login-container .mod_login { position: static; width: 100%; box-sizing: border-box; background: none; visibility: visible; float: none; border-top: 1px solid #e4e4e4; } .login-container .mod_login h6 { display: block; } .login-container .mod_login .formbody input { float: none; } .login-container .mod_login .formbody .submit_container, .login-container .mod_login .formbody .widget-submit { display: block; } .login-container .mod_login .formbody .submit_container .submit, .login-container .mod_login .formbody .widget-submit .submit { text-align: left; } .login-container .login-close { display: none; } .social-wrapper { float: none; } .social-wrapper .social-content a, .social-wrapper .social-content a:link, .social-wrapper .social-content a:visited { width: 3rem; height: 3rem; } .button-nav-mobile { display: block; width: 25rem; height: 6rem; background-image: url("../../files/theme_health-navigator/images/layout_images/icons/icon-nav.png"); background-repeat: no-repeat; background-position: 90% 50%; background-size: 3rem 2.4rem; position: absolute; right: 0; top: 0; z-index: 99; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; transition: background-color 0.5s; } .button-nav-mobile:hover, .button-nav-mobile:focus, .button-nav-mobile:active { cursor: pointer; background: url("../../files/theme_health-navigator/images/layout_images/icons/icon-nav.png") 90% 50% no-repeat; background-size: 3rem 2.4rem; } .outer-wrapper { position: relative; } .inner-wrapper { position: relative; right: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } input:checked ~ .outer-wrapper { position: fixed; } input:checked ~ .outer-wrapper .inner-wrapper { right: 25rem; } input:checked ~ .outer-wrapper .nav-wrapper { display: block; opacity: 1; z-index: 80; -moz-transform: translate3D(0, 0, 0); -webkit-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); } input:checked ~ .outer-wrapper .show-mobile { display: block; opacity: 1; z-index: 80; margin-bottom: 5rem; } input:checked + .button-nav-mobile { background-image: url("../../files/theme_health-navigator/images/layout_images/icons/nav-close.png"); background-position: 90% 50%; background-repeat: no-repeat; background-size: 2rem 2rem; position: fixed; } header .innerwrapper { width: 100%; padding: 0 1rem; box-sizing: border-box; } .headerimage { height: 20rem; } .headerimage .ce_gallery li { height: 20rem; } /* Breadcrumb */ .mod_breadcrumb { width: 100%; margin: 0 auto 4rem; padding: 0 1rem; box-sizing: border-box; } .mod_breadcrumb ul li { margin-top: 2rem; } /* News */ .mod_newslist h1, .mod_newslist h2, .mod_newslist h3, .mod_newslist .teaser { margin-left: 0; } .calendar-icon { width: 4rem; text-align: center; float: left; font-size: 1.2rem; margin-right: 1rem; } .calendar-icon.detail { margin-top: 0; } .calendar-icon .calendar-icon-day { padding: 0 0.2rem; margin-bottom: 0.2rem; line-height: 2.2rem; } .calendar-icon .calendar-icon-month { padding: 0.4rem; } .mod_newslist .more, .mod_eventlist .more { margin: 0; } /* Search */ .mod_search { margin-right: 0; } .mod_search input { width: 80%; } .mod_search fieldset { border: 0; margin-bottom: 2rem; clear: both; } .mod_search fieldset input { width: auto; height: auto; margin: 0.5rem 1rem 0 0; } .mod_search fieldset span { margin-right: 0; display: inline-block; } .mod_search fieldset span label { display: block; float: left; margin-right: 1rem; } .mod_search fieldset span label:last-child:after { content: "."; clear: both; visibility: hidden; } .mod_search .relevance { font-size: 1.6rem; font-weight: 600; } .mod_search .highlight { font-weight: 600; } .grid1 { min-width: 22rem; width: 47%; margin: 0 1.5%; } .grid2 { width: 47%; margin: 0 1.5%; } .grid3 { width: 100%; margin: 0 0 3rem 0; } /* Footer */ footer .inside { width: 95%; } footer .inside .nav_meta ul { margin-right: 1rem; } footer .copyright { margin-left: 1.5%; } } @media (min-width: 1px) and (max-width: 687px) { table th { font-size: 1rem; padding: 0.1rem; font-weight: 400; } table td { padding: 0.3rem; font-size: 1rem; } table tfoot td { padding: 0.1rem; font-size: 1rem; } .grid1, .grid2, .copyright { width: 100%; margin: 0 auto 3rem 0; padding: 0 1rem; } } /*# sourceMappingURL=styles.css.map */ h1 { line-height: 7rem; margin-top: 1rem; } #footer { background: url('http://juristische-gesellschaft-owl.eu/files/theme_health-navigator/images/layout_images/JUG_Logo+HG_Footer.jpg') no-repeat; background-size: cover; background-position: center center; } #footer .mod_customnav ul {list-style: none;} #footer .mod_customnav ul li { text-align: left;} #mitglied { clear: both; background: #6b7b7c; color: #FFF; min-height: 180px; } #mitglied h2, #mitglied p {color: #FFF; padding: 1rem;} .footer-content .mod_customnav {margin-top: 4.5rem;} .footer-content .mod_customnav li { text-align: right; } .mod_eventlist .teaser {margin: 0; clear: both; padding-top: 2rem;} .layout_teaser {border-bottom: 2px solid #DDD;} /* Kontaktformular */ .ce_form .checkbox_container label {display: inline;} .ce_form .checkbox_container .checkbox {position: relative; top: -3px; width: 20px;} .widget.widget-submit {margin-top: 2rem;} @media screen and (max-width: 1024px) { .footer-content {text-align: center;} .footer-content .mod_customnav li {margin-top: 0; text-align: center;} } .footer-content .mod_customnav a, .footer-content .mod_customnav strong { text-transform: uppercase; text-decoration: none; color: #333; font-size: 1.75rem; line-height: 2.5rem; } .footer-content .mod_customnav strong { color: #d51030; } /* MENÜ */ .mod_navigation a, .mod_navigation span { text-transform: uppercase; } #header .logo { position: relative; float: none; } #header .logo div img { position: absolute; top: 0; right: 0; display: block; max-height: 300px; } @media screen and (max-width: 1024px) { #header .logo div img{ position: absolute; top: 0; left: 0; height: 200px; } } h1 { font-size: 3.5rem; line-height: 4rem; } h2 { } .teaser p:last-child a, .teaser p:last-child a:link, .teaser p:last-child a:visited { padding-left: 1.25rem; padding-right: 1.25rem; font-size: 1.6rem; background: #677c7d; } .teaser p:last-child a:visited:hover, .teaser p:last-child a:hover { background: #d51030; } #cboxTitle, #cboxCurrent {display: none !important;} #container {margin-top: 1rem;} #right {margin-top: 1rem;} /* NEWSLIST STARTSEITE */ .mod_eventlist .layout_teaser{ background: #cfd8d8; } h1.ce_headline.layout_teaser { background: #677c7d; font-size: 1.75rem; padding: 0 1rem; color: #FFF; } .mod_eventlist .layout_teaser h2{ font-size: 1.75rem; padding: 0 1rem; } .mod_eventlist .layout_teaser a { color: #d51030 !important; font-size: 1.75rem; line-height: 2rem; } .mod_eventlist .layout_teaser h2, .mod_eventlist .layout_teaser { margin-left: 0; padding: 0.25rem 0.75rem; } .mod_eventlist .more { margin-left: 0; } .mod_eventlist table td {font-size: 1.5rem; vertical-align: top; background: transparent; padding: 0;} .mod_eventlist .event {border-bottom: 1px solid #DDD; margin-bottom: 2rem;} .mod_eventreader .date, .mod_eventreader .location {float: none; font-size: inherit; margin-bottom: 1rem; padding-bottom: 1rem;} .mod_eventreader .date { border-bottom: 1px solid #CCC;} .mod_eventreader .red {color: #CC0000;} .mod_eventreader .ce_text {background: #EEE; padding: 2rem;} .mod_eventlist.archiv .date {margin-left: 0;} @media (min-width: 1px) and (max-width: 1023px) { .nav_main .level_2, .nav_main .level_3 { display: block; } } @media print { #header, #footer {display: none;} a:after { content:' - ' attr(href); } table, img { page-break-inside: avoid; } h1 { page-break-before: always; } h1, h2, h3, h4, h5, h6 { page-break-after: avoid; } table { page-break-after: always; } }