body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%} legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%} .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)} /* basic.css */ 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 } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local(''), url('/files/fonts/open-sans-v28-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/files/fonts/open-sans-v28-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local(''), url('/files/fonts/open-sans-v28-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/files/fonts/open-sans-v28-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; src: local(''), url('/files/fonts/open-sans-v28-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/files/fonts/open-sans-v28-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } table { border-collapse: collapse; border-spacing: 0 } caption, th, td { text-align: start; /* see #4596 */ vertical-align: top } abbr, acronym { border-bottom: 1px dotted #666; font-variant: normal; cursor: help } blockquote, q { quotes: none } fieldset, img { 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 } header, footer, nav, section, aside, article, figure, figcaption { display: block } body { color: #000; font: 17px Open Sans, sans-serif } input, button, textarea, select { font-size: 99%; font-family: inherit; font-weight: inherit } pre, code { font-family: Monaco, monospace } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal } h2, h3, h4, h5, h6 { margin-top: 1em } h2, h3, h4, h5, h6, p, pre, blockquote, table, ol, ul, form { margin-bottom: 12px; /* Should match the font size */ } h1 { margin-top: 2em; margin-bottom: 1.4em; font-size: 2.44em; line-height: 1.1em; letter-spacing: .17px; font-weight: 500 } h2 { margin-bottom: 1.07em; font-size: 1.77em; font-weight: 500 } h3 { font-size: 1.37em; color: #000; font-weight: 600 } h4 { font-size: 1.3333em; /* 16px */ } table { font-size: inherit } caption, th { font-weight: bold } a { text-decoration: underline; color: #000 } a:hover { color: #ce1719 } table td { padding: 4px; border: 1px solid #888 } .k63 { margin-top: 2em; color: #7a7a7a } :root { --maincolor: #ce1719; --nav-color:#000; --nav-active-color:var(--maincolor); --nav-mobile-color: #222; --nav-mobile-active-color:#fff; --nav-mobile-active-border-color:var(--maincolor); --nav-mobile-active-background:var(--maincolor); --nav-mobile-btn-clr:var(--maincolor); --skip-focus-border-color:var(--maincolor); --nav-font-weight: 400; --nav-burger-line-color:var(--maincolor); --nav-font-size: 1em; --nav-mobile-background: #fff; --nav-mobile-icon: url('data:image/svg+xml;charset=utf-8,'); /* Bildschirm.css */ body { background-color: #FBFBFB } .headerWrapper { display: grid; grid-template-columns: 300px auto; gap: 20px; } #wrapper { width: 100% } #header { width: 100%; height: 130px; max-width: 100; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0 } #header .inside { width: 94%; max-width: 1500px; margin-right: auto; margin-left: auto } #kopfbild { max-width: 1700px; margin-right: auto; margin-left: auto; padding-right: 4%; padding-left: 4%; padding-top: 30px } #kopfbild .content-image { margin-bottom: -6px; padding-bottom: 0 } #kopfbild img { width: 100%; min-height: 480px; max-height: 700px; overflow: hidden; object-fit: cover } #container { max-width: 1700px; margin-right: auto; margin-left: auto; padding-right: 4%; padding-left: 4% } #main { min-height: 680px } #main .inside { min-height: 0 } #main .mod_article { padding-top: 20px; padding-bottom: 34px } #main .content-text li { margin-left: 2.4em; padding-bottom: .4em; padding-left: .3em; list-style-type: disc } #main .mod_article .inside { width: 96%; max-width: 1420px; margin-right: auto; margin-left: auto; padding-right: 2%; padding-bottom: 0; padding-left: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } #grau { background-color: #f1f2f3 } #footer { min-height: 20em; max-width: 1700px; margin: 4em auto 3em; padding-top: 1em; background-color: #737373; font-size: .94em; line-height: 1.47em } #footer a { text-decoration: none; color: #fff } #footer a:hover { color: #d6d6d6 } #footer .inside { width: 99%; max-width: 1500px; margin-right: auto; margin-left: auto; background-color: #b4b4b4; color: #fff } #footer h3 { padding-top: .04em; padding-bottom: .7em; color: #fff } #footer .envelope::before { top: 3px; position: relative; display: inline-block; background-image: url("../../files/grafik/mail.svg"); line-height: 1em; margin-right: 0px; margin-left: 4px; content: ""; width: 20px; height: 18px; font-size: inherit; background-size: contain; background-repeat: no-repeat } #footer .phone::before { background-image: url("../../files/grafik/call.svg"); top: 3px; position: relative; display: inline-block; line-height: 1em; margin-right: 0px; margin-left: 4px; content: ""; width: 20px; height: 18px; font-size: inherit; background-size: contain; background-repeat: no-repeat } #main .grid6 img { margin-bottom: 6% } .grid12, .grid9, .grid8, .grid6, .grid4, .grid3, .grid2, .grid44 { float: left; margin-right: 0; margin-left: 0; padding-right: 2%; padding-left: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .grid12 { width: 98% } .grid9 { width: 75%; margin-top: 1% } .grid8 { width: 66.6% } .grid6 { width: 48% } .grid6 img { width: 100% } .grid4 { width: 33.3% } .grid3 { width: 23%; padding-right: 0 } .grid2 { width: 10%; margin-bottom: 1.5em; padding-right: .4%; padding-left: .4% } #footer .grid4 { width: 25%; padding-right: 0 } #footer .social a:hover { transform: scale(1.01, 1.01); transition-duration: 0.75s; filter: brightness(84%) } .leer { height: 0; color: #fff } .cta a { width: auto; float: right; clear: both; margin-top: 1em; margin-bottom: 1em; padding: .6em 2em; background-color: #ce1719; border-radius: 2em; text-decoration: none; color: #fff; border: none } .cta a:hover { background-color: #ab2b2f } .start { min-height: 580px; margin-top: 1em; margin-bottom: 1em } .start h2 { font-size: 1.7em } .start p a { width: auto; margin-top: 2em; margin-bottom: 1em; padding: .5em 1.74em .54em; background-color: #ce1719; border-radius: 2em; text-decoration: none; color: #fff; border: none } .start p a:hover { background-color: #ab2b2f } .portrait { margin-right: 2%; margin-bottom: 2%; padding-top: .4em; padding-right: .4em; background-color: #f1f2f3 } .mod_rocksolid_slider .content-text { min-width: 19.5em; min-height: 2.4em; top: 54%; position: absolute; padding-right: 9px; padding-bottom: 9px; padding-left: 9px; font-size: 1.0em; line-height: 1.4em; color: #fff; background-color: rgba(0, 0, 0, .47) } .mod_rocksolid_slider .content-text h2 { font-size: 1.81em; font-weight: bold } .mod_rocksolid_slider p a { position: relative; float: left; clear: both; margin-bottom: 1em; padding: 10px 11px 11px; background-color: #ce1719; border-radius: 7px; font-size: 1.54em; text-decoration: none; color: #fff } .mod_rocksolid_slider p a::before { background-image: url("../../files/grafik/phone2.png"); top: 3px; position: relative; display: inline-block; background-image: url("../../files/grafik/phone2.png"); line-height: 1em; margin-right: 4px; margin-left: 4px; content: ""; width: 26px; height: 26px; font-size: inherit; background-size: contain; background-repeat: no-repeat } form#kontaktformular { margin-top: 1em } .formbody .widget-text { width: 100%; color: #212121 } .upload { width: 100%; padding-top: 15px; color: #212121 } #kontaktformular input, #kontaktformular textarea { width: 100%; min-height: 2.5em; margin-top: .1em; margin-bottom: .7em; padding-left: .4em; background-color: #f1f1f1; border: 0px solid #212121 } #kontaktformular .submit { margin-top: 1em; margin-bottom: 1em; margin-left: 1.5em; padding: .6em 2em .5em; background-color: #ce1719; border-radius: 2em; text-decoration: none; color: #fff; border: none } .widget-submit { margin-top: 1em; margin-bottom: 1em; margin-left: 1.5em; text-decoration: none; color: #000 } #kontaktformular .submit:hover { background-color: #b32227; color: #fff; transition: background 0.3s ease-out } .widget-checkbox { margin-bottom: 1em } form label { display: block; padding: 0 } form .checkbox_container label { display: block; margin-bottom: 1px; margin-left: 17px; padding: 0; font-size: 90% } #kontaktformular .check input { width: 19px; height: 1em; margin-top: -4px; margin-right: 9px; margin-bottom: -9px } .check mandatory legend { margin-bottom: 1em; background-color: #ccc; font-size: 2em } #kontaktformular .checkbox { height: 1em; float: left; clear: both; display: block; font-size: 1em } #kontaktformular .checkbox .input { height: 1em; background-color: #ccc } #main p.error { padding: 1em; background-color: #ffc0cb; border: 1px solid #f00; color: #000; marging-bottom: 0.25em } .contao-cookiebar .highlight .cc-btn.success { border-color: #ce1719; background: #ce1719 } .contao-cookiebar .highlight .cc-btn.success:hover { background-color: #a31f1a; border-color: #a31f1a } .logo { width:350px; padding-top:17px; padding-bottom:1px; } .nav-is-desktop .btn-toggle-submenu { top: 6px; } .nav-burger, .nav-is-desktop .navigation-main { margin-left: auto; } .nav-is-mobile .nav-wrapper { display: grid; align-content: center; } .nav-burger .icon-line{ background:#000000; } .nav-burger .icon-line::before { background:#000000; } .nav-burger .icon-line::after{ background:#000000; } #header .mod_navigation { margin-top:-20px; } .nav-wrapper { font-size: 18px; font-weight:600; } /* .mobilnavi { margin:0; } #header .mod_navigation { float:right; margin-top:2.0em; } #header .mod_navigation ul { width:auto; float:right; margin:0; padding:0; list-style-type:none; } #header .mod_navigation li { width:auto; float:left; margin:0; padding:0; } #header .mod_navigation a { display:block; margin-right:.1em; margin-left:.1em; padding:.445em; font-size:1.2em; font-weight:normal; text-decoration:none; color:#303030; } #header .mod_navigation strong { display:block; margin-right:.1em; margin-left:.1em; padding:.245em; font-weight:normal; text-decoration:none; color:#2e911f; font-size:1.2em; } #header .mod_navigation li.active, #header .mod_navigation li.trail { color:#2e911f; } #header .mod_navigation a:hover, #header .mod_navigation a:focus { color:#2e911f; } #header .mod_navigation .level_2 { position:absolute; display:none; z-index:1000; } #header .mod_navigation .level_2 li { width:100%; clear:both; background-color:#f2f2f2; border-bottom:1px solid #d6d6d6; } #header .mod_navigation li:hover .level_2, #header .mod_navigation li:focus .level_2 { width:auto; height:auto; min-width:11em; left:auto; top:auto; overflow:auto; float:left; display:block; background-color:#fff; } #header .mod_navigation .level_2 a, #header .mod_navigation .level_2 span { min-width:14em; margin-right:0; margin-left:0; color:#303030; border:none; } #header .mod_navigation .level_2 .active, #header .mod_navigation .level_2 .trail, #header .mod_navigation .level_2 strong.active { } #header .mod_navigation .level_2 a:hover, #header .mod_navigation .level_2 a:focus { background-color:#d1d1d1; color:#fff; border: none !important; color: #fff !important; }