header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} .download-element a{padding:3px 6px 3px 22px;background:url(../../assets/contao/images/iconPLAIN.svg) left center no-repeat}ul.enclosure{padding-left:0}li.download-element{list-style-type:none}.ext-xl a{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls a{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx a{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx a{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt a{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin a{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc a{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx a{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word a{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto a{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms a{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha a{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh a{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe a{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class a{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so a{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea a{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll a{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda a{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf a{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai a{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps a{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps a{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps a{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt a{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx a{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi a{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil a{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif a{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc a{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf a{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg a{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi a{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp a{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods a{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt a{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml a{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc a{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg a{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr a{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir a{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr a{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi a{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar a{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc a{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php a{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3 a{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4 a{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5 a{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml a{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps a{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js a{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd a{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar a{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla a{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf a{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit a{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar a{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz a{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml a{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht a{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip a{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3 a{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma a{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg a{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav a{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg a{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid a{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi a{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif a{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff a{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc a{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram a{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm a{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm a{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra a{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp a{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif a{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg a{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg a{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe a{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png a{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff a{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif a{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg a{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz a{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp a{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-avif a{background-image:url(../../assets/contao/images/iconAVIF.svg)}.ext-heic a{background-image:url(../../assets/contao/images/iconHEIC.svg)}.ext-jxl a{background-image:url(../../assets/contao/images/iconJXL.svg)}.ext-eml a{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp a{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css a{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss a{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less a{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html a{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm a{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md a{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml a{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt a{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text a{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log a{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx a{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf a{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml a{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl a{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4 a{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v a{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov a{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv a{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm a{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt a{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv a{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi a{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv a{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie a{background-image:url(../../assets/contao/images/iconMOVIE.svg)} .mod_visitors .invisible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; float: left; width:0px; height:0px; } .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} #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} .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} @font-face { font-family: 'iksfont'; src: url('../../files/googlefonts/lato-bold-webfont.eot'); src: url('../../files/googlefonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/googlefonts/lato-bold-webfont.woff2') format('woff2'), url('../../files/googlefonts/lato-bold-webfont.woff') format('woff'), url('../../files/googlefonts/lato-bold-webfont.ttf') format('truetype'), url('../../files/googlefonts/lato-bold-webfont.svg#latobold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'iksfont'; src: url('../../files/googlefonts/lato-light-webfont.eot'); src: url('../../files/googlefonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/googlefonts/lato-light-webfont.woff2') format('woff2'), url('../../files/googlefonts/lato-light-webfont.woff') format('woff'), url('../../files/googlefonts/lato-light-webfont.ttf') format('truetype'), url('../../files/googlefonts/lato-light-webfont.svg#latolight') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'iksfont'; src: url('../../files/googlefonts/lato-regular-webfont.eot'); src: url('../../files/googlefonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/googlefonts/lato-regular-webfont.woff2') format('woff2'), url('../../files/googlefonts/lato-regular-webfont.woff') format('woff'), url('../../files/googlefonts/lato-regular-webfont.ttf') format('truetype'), url('../../files/googlefonts/lato-regular-webfont.svg#latoregular') format('svg'); font-weight: normal; font-style: normal; } html { -webkit-text-size-adjust:100%; } body #anim, body #main { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } body { color:#333; font:16px/1.5 'iksfont',sans-serif; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } } ::selection { background-color:#3363AE; color:#ffffff; } .hidden { display:none; } img { display:block; } /* Abstand zum Rand */ .mod_article { margin-right:20px; margin-left:20px; } .mod_article.breit { margin-right:0; margin-left:0; } /* Abstand zum Rand */ #anim .mod_article { margin-right:0; margin-left:0; } ul { margin-left:20px; padding:0; list-style-type:square; } ol { margin-left:25px; padding:0; list-style-type:decimal; } strong { font-weight:bold; } a { background-repeat:no-repeat; background:-moz-linear-gradient(top,#ffffff 12%,#009136 10%); background:-webkit-linear-gradient(top,#ffffff 12%,#009136 10%); background:-o-linear-gradient(top,#ffffff 12%,#009136 10%); background:-ms-linear-gradient(top,#ffffff 12%,#009136 10%); background:linear-gradient(to bottom,#ffffff 12%,#009136 10%); -pie-background:linear-gradient(top,#ffffff 12%,#009136 10%); color: inherit; outline: none; text-decoration: none; transition-duration: 1.5s; background-size: 100% .06em; background-repeat: no-repeat; background-position: left 0 bottom 0; transition: background 1.5s; } a:hover { background-repeat:no-repeat; background:-moz-linear-gradient(top,#ffffff 12%,#FEED01 10%); background:-webkit-linear-gradient(top,#ffffff 12%,#FEED01 10%); background:-o-linear-gradient(top,#ffffff 12%,#FEED01 10%); background:-ms-linear-gradient(top,#ffffff 12%,#FEED01 10%); background:linear-gradient(to bottom,#ffffff 12%,#FEED01 10%); -pie-background:linear-gradient(top,#ffffff 12%,#FEED01 10%); color: inherit; outline: none; text-decoration: none; background-size: 100% .06em; background-repeat: no-repeat; background-position: left 0 bottom 0; transition: background 1.5s; } li.active a { background-repeat:no-repeat; background:-moz-linear-gradient(top,#ffffff 12%,#E3001B 10%); background:-webkit-linear-gradient(top,#ffffff 12%,#E3001B 10%); background:-o-linear-gradient(top,#ffffff 12%,#E3001B 10%); background:-ms-linear-gradient(top,#ffffff 12%,#E3001B 10%); background:linear-gradient(to bottom,#ffffff 12%,#E3001B 10%); -pie-background:linear-gradient(top,#ffffff 12%,#E3001B 10%); color: inherit; outline: none; text-decoration: none; background-size: 100% .06em; background-repeat: no-repeat; background-position: left 0 bottom 0; transition: background 1.5s; } a:focus { background-color:#3363AE; color:#ffffff; transition: background 0.5s; } #header { width:100%; position:fixed; background-color:rgba(255,255,255,.96); border-bottom:1px solid #3363AE; z-index:1000; } .startseite #header.large { border-bottom:0; background: none; } #header.small { width:100%; height:70px; background-color:rgba(255,255,255,.96); border-bottom:1px solid #3363AE; } /* Abstand zum Rand */ #header .inside { margin-right:20px; margin-left:20px; } /* Abstand zum Rand */ #header .inside { margin-top:13px; margin-bottom:28px; display: flex; justify-content: space-between; } #header .logo .img { background-color:#fff; } #header .logo { max-width:50%; /* max-width: calc(100% - 40px);*/ } .logo .image_container img { border: none !important; } #header.small .logo img { width:auto; max-height:50px; background-color:#ffffff; } #main { display:inline-block; margin-top:210px; font-weight:300; } .startseite #main { margin-top:0; } #main .mod_article { max-width:1280px; margin-right:auto; margin-bottom:30px; margin-left:auto; padding-right:20px; padding-left:20px; } #main .mod_article.breit { max-width:100%; padding-right:0; padding-left:0; } #galerie { margin-top:32px; } .content-gallery ul { list-style-type:none; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 12px; } @media(min-width:660px){ .content-gallery ul { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } } #footer { margin-top:30px; background-color:#555555; border-top:1px solid #3363AE; color:#ffffff; } #footer .footerbloecke { padding-top:13px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: stretch; } #footer .footerbloecke div { margin-right:23px; } #footer .inside { margin-right:20px; margin-left:20px; } #footer .darstellungen { width:32px; height:32px; display:inline-block; } #footer .content-toplink { bottom:60px; right:12px; position:fixed; padding:3px 12px; text-align:right; background-color:rgba(51,51,51,.85); border:1px solid #555555; border-radius:7px; color:#ffffff; z-index: 2; } #footer .mod_customnav ul { list-style-type:none; } #footer .mod_customnav ul li { display:inline-block; margin-right:3px; margin-left:3px; } #footer .mod_customnav ul li a { display:block; padding-right:3px; padding-bottom:3px; padding-left:3px; } /* keine Punkte, kein Abstand */ .mod_navigation ul { margin:0; padding:0; list-style-type:none; } .mod_navigation ul li { margin-right:10%; margin-left:10%; padding-top:12px; padding-bottom:12px; } .mobile_menu_overlay.background { background-color:rgba(333333,.4); } .mobile_menu { max-width:320px; } .mobile_menu .inner { background-color:rgba(333333,.96); } .mobile_menu_trigger button { width:42px; height:42px; right:7px; position:fixed; padding:10px 4px 22px; border:1px solid rgba(555555,.6); display: flex; align-items: flex-start; background: -moz-linear-gradient(top, #cccccc 0%, #DDDDDD 100%); background: -webkit-linear-gradient(top, #cccccc 0%,#DDDDDD 100%); background: linear-gradient(to bottom, #cccccc 0%,#DDDDDD 100%); box-shadow:0 8px 8px 0 rgba(0,0,0,.2),0 6px 12px 0 rgba(0,0,0,.19); cursor: pointer; z-index: 2; outline: 1px solid #ffffff; } @media(min-width:621px){ .mobile_menu_trigger button { right:22px; margin-top:1px; } } .mobile_menu_trigger button:hover { background: -moz-linear-gradient(top, #DDDDDD 0%, #cccccc 100%); background: -webkit-linear-gradient(top, #DDDDDD 0%,#cccccc 100%); background: linear-gradient(to bottom, #DDDDDD 0%,#cccccc 100%); box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19); } .mobile_menu_trigger button:focus { cursor: pointer; } .mobile_menu_trigger button div { width:100%; height:4px; border:none; background-color:#182983; content:""; box-shadow: 0 7px 0 0 #182983, 0 14px 0 0 #182983; } .mobile_menu_trigger button:hover div { background-color:#FEED01; box-shadow: 0 8px 0 0 #FEED01, 0 16px 0 0 #FEED01; } .mod_navigation li.active, .mod_navigation a { display:block; color:#ffffff; } .mod_navigation a:focus { } .anker { top:2px; position:relative; display:block; } @media(min-width:768px){ .anker { top:0; } } #anim .image_container { width:100%; } #anim .image_container img { width:100%; height:100%; margin:0; padding:0; object-fit: cover; } #anim .swiper .swiper-slide img { min-width: 100vw; object-fit: cover; object-position: center; max-height: 100vh; } #anim .swiper .swiper-slide .rte { bottom: 20%; position: absolute; margin-top: -3%; margin-right: 3%; margin-left: 3%; padding: 12px 20px 5px 20px; background-color: rgba(51,51,51,.7); border-radius: 20px; color: #ffffff; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12); transition: all .5s ease-in-out; } #anim .swiper .swiper-button-prev, #anim .swiper .swiper-button-next{ color: #312683; background: rgba(255, 255, 255, .3); padding: 12px; margin-left: 20px; margin-right: 20px; border-radius: 7px; } #anim .swiper .swiper-button-prev:hover, #anim .swiper .swiper-button-next:hover{ color: #312683; background: rgba(255, 255, 255, .5); } #anim .swiper .swiper-pagination { width: auto; bottom: 1%; left: auto; top: auto; margin-left: auto; right: 1%; } #anim .swiper .swiper-pagination .swiper-pagination-bullet { background: #bbb; cursor: pointer; width: 16px; height: 16px; } #anim .swiper .swiper-pagination .swiper-pagination-bullet-active { background: #666; } #anim .information { bottom:7%; left:50%; right:50%; position:absolute; display:flex; justify-content: center; } #anim .innen { text-align:center; border-radius:7px; background-color:rgba(51,51,51,.21); box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } #anim .innen:hover { background-color:rgba(333333,.33); box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19); } #anim .innen a:hover { text-decoration:none; } #anim .innen span { display:block; padding-top:10%; font-size:3em; color:#ffffff; transition: all 0.8s ease-out; transform: translateY(0); } #anim .innen span:hover { transition: all 0.8s ease-in; transform: translateY(10px); } .bg-img { width:100%; background-color:rgba(333333,.4); background-size: contain; } .jarallax, .parallax-pic { min-height:700px; background-position:center; background-repeat:no-repeat; background-size: cover; } .flexi { min-height:700px; display: -ms-flexbox !important; display: flex !important; } .align-items-center { -ms-flex-align:center!important; align-items:center!important; } .justify-content-center { -ms-flex-pack:center!important; justify-content:center!important; } .text-center { max-width:920px; padding-right:10px; padding-left:10px; font-size:1.2em; color:#ffffff; } .text-center a { color:#ffffff; } .white { color:#ffffff; } .parallax-pic h2 { color:#ffffff; text-shadow: 2px 2px 4px #B75832; } @media(min-width:768px){ .parallax-pic h2 { font-size:2.3em; line-height:1.3; } } .mod_search .formbody { width:100%; border-top:2px solid rgba(333333,.85); border-right:0px solid rgba(333333,.85); border-bottom:0px solid rgba(333333,.85); border-left:2px solid rgba(333333,.85); display: flex; } .mod_search .formbody .widget-text { width:100%; height:30px; } .mod_search .formbody .widget-text input { width:100%; height:100%; border: none; } .mod_search .formbody .widget-submit button { height:100%; border: none; cursor: pointer; } .mod_newsarchive.mitgliederliste { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 13px; grid-row-gap: 7px; align-items: start; } @media(min-width:440px) { .mod_newsarchive.mitgliederliste { grid-template-columns: 1fr 1fr 1fr 1fr; } } .layout_latest a, .layout_full { margin-top:13px; margin-bottom:13px; display: grid; grid-template-columns: 1fr; grid-column-gap: 13px; grid-row-gap: 7px; align-items: start; justify-items: stretch; } @media(min-width:660px) { .layout_latest a { grid-template-columns: 1fr 2fr; } } @media(min-width:660px) { .layout_latest.mitglieder a { grid-template-columns: 1fr; } } @media(min-width:660px) { .layout_full.mitglieder { grid-template-columns: 2fr 1fr; } } @media(min-width:660px) { .layout_full.mitglieder h1 { grid-column: 1 / 5; grid-row: 1 / 3; } } @media(min-width:660px) { .layout_full.mitglieder .content-text { grid-column: 1 / 3; grid-row: 3 / 5; } } @media(min-width:660px) { .layout_full.mitglieder .image_container { grid-column: 3 / 5; grid-row: 3 / 5; } } @media(min-width:660px) { .layout_full.mitglieder .content-gallery { grid-column: 1 / 5; } } .layout_latest .image_container { grid-column: 1 / 2; grid-row: 1 / 5; } .image_container img { border:1px solid #555555; } h1, h2, h3, h4, h5 h6 { margin-top:0; } .info { font-size:14px; font-style:italic; }