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%} 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)} .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; } #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} @font-face { font-family: 'fontello'; src: url('../../files/theme/fonts/fontello.woff2?77534229') format('woff2'), url('../../files/theme/fonts/fontello.ttf?77534229') format('truetype'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-download:before { content: '\e800'; } /* '' */ .icon-tel:before { content: '\f098'; } /* '' */ .icon-x:before { content: '\f099'; } /* '' */ .icon-mail:before { content: '\f0e0'; } /* '' */ .icon-info:before { content: '\f129'; } /* '' */ .icon-yt:before { content: '\f16a'; } /* '' */ .icon-ig:before { content: '\f16d'; } /* '' */ .icon-file-pdf:before { content: '\f1c1'; } /* '' */ /* Sprechblase wurde abgelehnt für Beratungs-Icon .icon-beratung:before { content: '\f27b'; } */ /* '' */ .icon-fb:before { content: '\f308'; } /* '' */ .icon-li:before { content: '\f30c'; } /* '' */ .icon-tt img, .icon-tt svg { margin:0 .2em 2px; vertical-align: sub; } .icon-tt svg { margin-bottom:5px; } /* wix-madefor-display-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Wix Madefor Display'; font-style: normal; font-weight: 400; src: url('../../files/theme/fonts/wix-madefor-display-v10-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../../files/theme/fonts/wix-madefor-display-v10-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* wix-madefor-display-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Wix Madefor Display'; font-style: normal; font-weight: 600; src: url('../../files/theme/fonts/wix-madefor-display-v10-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../../files/theme/fonts/wix-madefor-display-v10-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* Farben/Variablen */ :root { /* 100% 50% */ --color1:#bfddb4; --color1-light:#dfeeda; /*grün: 100%, 50% */ --color2:#e9ebea; --color2-light:#f4f5f5; --color2-dark:#dee0df; /*ice / hellgrau: 100%, 50%, 30% */ --color3:#e62648; --color3-light:#f393a4; --color3-lighter:#fad4da; /* rot: 100%, 50%, 20% */ --color4:#3a4852; --color4-light:#9da4a9; /*grau: 100%, 50% */ } /* zum Farbigmachen von Texten per Klassen */ .rot-markiert { color:var(--color3); } .gruen-markiert { color:var(--color1); } .grau-markiert { color:var(--color4); } ::-webkit-input-placeholder { color:var(--color4); } :-moz-placeholder { color:var(--color4); opacity: 1; } ::-moz-placeholder { color:var(--color4); opacity: 1; } :-ms-input-placeholder { color:var(--color4); } ::-ms-input-placeholder { color:var(--color4); } ::placeholder { color:var(--color4); } .force-hide { display: none !important; } .align-items-center { align-items:center; } body { font-family:'Wix Madefor Display',Arial,sans-serif; background-color:var(--color2-light); } h1,h2,h3,h4,h5,h6,p { margin-top:0; margin-bottom:1rem; line-height:1.5; } /* aktuell wird nur "für Bevollmächtige" auf der Starsteite hiermit hervorgehoben */ .text-red { color:var(--color3); } .abstand-unten { margin-bottom:80px; } /* Seitenabstände */ .mod_article { padding: 80px 0 90px; } .mod_article > .inside { max-width:1140px; margin:0 auto; } .mod_article.hero .inside { max-width:1440px; } /* Artikel allgemeine Einstellungen, Farben etc */ #start { padding:0; } #einleitung-faq { background-color:var(--color2-dark); } #anleitung, #fortbildungen { background-color:var(--color1-light); } #sticker-und-notfallkarte { background-color:white; } .form-getrennt .inside .handorgel__header__button { color:white; background-color:var(--color3); } .form-getrennt .handorgel__content__inner { padding:10px 20px; background-color:var(--color3-lighter); } #faq { background-color:var(--color2); } #seminare { color:black; background-color:var(--color4-light); } #mehr-infos { background-color:var(--color4-light); } #footer { background-color:var(--color4); color:white; } #footer > .inside::before { content: ""; position: absolute; top: 0; left: 0; right:0; bottom:0; background-image:url('/files/theme/img/backgrounds/background-seminare.jpg'); background-repeat:no-repeat; background-position:top left; background-size:cover; filter: grayscale(100%); } body:not(.startseite) #container { padding-top:149px; } .no-margin { margin:0 !important; } /* beim Button des PsyWill-Formular auf der Startseite */ .overflow-visible { overflow:visible; } /* beim Formular auf der Beratungsseite, wegen der nicht sichtbaren Bubble-Help */ /* Kopfbereich */ #header { background-color:var(--color1); background-image:url('/files/theme/img/backgrounds/background-header3.jpg'); background-repeat:no-repeat; background-position:top left; background-size:cover; position:fixed; z-index:100; width:100vw; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); font-size:1.15rem; } #header > .inside { padding:20px 0 16px; } #header .inside .inside { height:113px; display:flex; justify-content:space-between; align-items:center; transition: height 0.3s ease; } #header .logos { display:flex; align-items:flex-start; gap:80px } #header .logos figure { transform: scale(1); transition: transform 0.3s ease; } #header .mod_article { margin-bottom:0 !important; padding:0; } /* fixierter Kopfbereich */ #header.sticky > .inside { padding:10px 0 6px; } #header.sticky .inside .inside { height:65px; } #header.sticky .logos { align-items:center; gap:0; } #header.sticky .logos figure { transform: scale(0.65); } #menu-toggle { display: none; } #header .social-navi { display: flex; flex-direction:row; gap: 15px; align-items: end; margin-top:-20px; } #header .social-icons a { color:var(--color4); font-size:1.3rem; } #header.sticky .social-navi { padding-top:5px; } /* Navigation */ .module-onepage-navigation { overflow:visible; } .module-onepage-navigation ul { display:flex; margin:0; padding:0; list-style:none; } .module-onepage-navigation a { text-decoration:none; color:var(--color4); padding:6px 10px; font-weight:bold; } .module-onepage-navigation .active a, .module-onepage-navigation a:hover { background-color:var(--color3); color:var(--color2-light); } .module-onepage-navigation li[data-onepage-link="start"] { display: none; } .module-onepage-navigation li.last a { border:2px solid var(--color3); padding:4px 8px; } .floating-icon { position:absolute; top:0; right:0; background-color:var(--color3); color:white; padding:8px 10px; font-size:1rem; display: none; transition: all 0.5s ease; white-space: nowrap; opacity: 0; text-decoration:none; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5); } .floating-icon.fixed { position:fixed; top:0; right:20px; transform:translateY(0); } .floating-icon span {font-size:1.5rem; font-weight:bold; vertical-align:sub; } /* Hingucker/Hero */ .ce_heroimage_element .heroimage-button-box .btn { color:var(--color2-light) !important; background-color:var(--color3); text-decoration:none; font-weight:bold; padding:5px 20px; transition: background-color 0.6s; } .ce_heroimage_element .heroimage-button-box .btn:hover { background-color:var(--color4); } .ce_heroimage_element h1, .ce_heroimage_element h2 { color:white !important; text-shadow: 1px 1px 0 black, 1px -1px 0 black, -1px 1px 0 black, -1px -1px 0 black, 1px 0px 0 black, 0px 1px 0 black, -1px 0px 0 black, 0px -1px 0 black; color: #FFFFFF, 2px 2px 7px rgba(0,0,0,0.85); line-height:1.2 !important; } .ce_heroimage_element .heroimage-content-box {margin-top:140px; } @media (min-width: 120em) { .ce_heroimage_element .heroimage-content-box { padding: 1rem 9rem; width: 70%; } } .ce_heroimage_element .heroimage-wrapper { background-position:right top; } #main { font-size:1.35rem; } #main ul { padding-left:20px; } #main a { color:var(--color3); } #main a[href^="tel:+"] { white-space: nowrap; } .media--left > figure { margin-right:20px; margin-bottom:10px; } .media--right > figure { margin-left:20px; margin-bottom:10px; } .btn-beratung { color:var(--color2-light) !important; background-color:var(--color3); text-decoration:none; font-weight:bold; padding:5px 20px; transition: background-color 0.6s; } .btn-beratung:hover { background-color:var(--color4); } .roter-button a, #sticker-und-notfallkarte .btn, #anleitung .btn { color:var(--color2-light) !important; background-color:var(--color3); text-decoration:none; font-weight:bold; padding:5px 20px; transition: background-color 0.6s; } .roter-button a:hover, #sticker-und-notfallkarte .btn:hover, #anleitung .btn:hover { background-color:var(--color4); } /* allgemeine Anzeige-Einstellungen */ .legende p { margin-bottom:3px; } .legende figure { width:20px; margin-right:5px; text-align:center; } .legende.info-erklaerung span.icon-info { color:var(--color3); } .legende.info-erklaerung span.icon-info::before { padding:0; width:0.4em; } .nebeneinander { display:flex; flex-wrap:wrap; gap:20px; } .zweispaltig { display:flex; flex-wrap:wrap; gap:2% } .zweispaltig > div, .zweispaltig > .widget { flex-basis:49%; } .dreispaltig { display:flex; flex-wrap:wrap; gap:2% } .dreispaltig .widget { flex-basis:32%; } .vierspaltig { display:flex; flex-wrap:wrap; gap:2%; align-items:center; } .vierspaltig .widget { flex-basis:23.5%; } .widget.vierspaltig:last-of-type{ margin-bottom:0; } .button-row { min-height:5px; } /* +/- Buttons beim Duplizieren */ /* Anleitung */ /* kann raus, da wir ein internes Video nehmen .steps > div, .hintergrund-weiss { background-color:rgba(255,255,255,0.6); padding:20px 30px; box-sizing:border-box; } #anleitung .privacy-msg { background-color:var(--color2-light); } #anleitung .privacy-msg p { padding:10px; } #anleitung .privacy-msg a:last-of-type { font-weight:bold; } #anleitung .privacy-msg a:last-of-type:before { content: '\f16a'; text-decoration:none; } */ /* Videos responsive darstellen */ .content-player figure { position:relative; padding-bottom: 56%; /* 16:9 Video */ padding-top:30px; height:0; overflow:hidden; } .content-player video { position:absolute; top:0; left:0; width:100%; height:100%; } .content-player.hochformat figure { padding-bottom: 173%; /* 9:16 Video */ } .content-player.hochformat video { box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); border-radius: 10px; } /* Formular */ .ce_form { margin-top:20px; } .formbody { font-size:1.15rem } .widget { margin-bottom:20px; position:relative; } fieldset { border:0; padding:0; margin-bottom:20px; } .widget-explanation, fieldset fieldset .widget {margin-bottom:10px; } .formbody .icon-info { font-size:1.8rem; color:var(--color3); position:absolute; top:0px; right:2px; cursor:pointer; } .formbody .icon-info::before { padding:0; margin:0; width:0.5em; } .formbody .widget div.info, .formbody .widget p.info { display:none; padding:5px 10px; background-color: var(--color2-dark); margin-right: 5px; margin-top: 5px; } .content-text.media--left img { vertical-align:middle; } /* Bubble-Help Formularfelder */ .widget { position: relative; } .widget > label { display:none; width:auto; padding:10px; background-color:var(--color3); border:1px solid #ccc; border-radius:10px; box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); font-size:1rem; color:white; } .radio_container label { display:inline-block !important; } .widget-select { margin-left:2px; } .widget input[type="text"], .widget input[type="email"], .widget textarea { background-repeat: no-repeat; background-position: right center; background-size: 20px 20px; font-family:'Wix Madefor Display',Arial,sans-serif; font-size:1.1rem; } .widget.mandatory input[type="text"], .widget.mandatory input[type="email"], .widget.mandatory textarea { background-image:url(/files/theme/img/ausrufezeichen.svg); border-color:var(--color3); background-position: right center; } .widget input[type="text"].filled, .widget input[type="email"].filled, .widget textarea.filled { background-image:url(/files/theme/img/check-haken.svg); border-color:var(--color4);background-position: right 5px center; padding-right:30px; } form button, input[type="submit"], .button { padding:8px 20px; font-size:1.1rem; } .duplizieren-erlaubt, .duplizieren-erlaubt *, .allow-duplication *, .allow-duplication fieldset fieldset .widget{ margin-bottom:0 !important; } .duplication-button { padding:6px 10px !important; font-size:0.9rem !important; margin-bottom:5px; } /* falls abwechselnde Hintergrundfarben gewunescht werden .widget-structure.column:nth-of-type(odd) { background-color:var(--color2); padding:10px 20px; } .widget-structure.column:nth-of-type(even) { background-color:var(--color2); padding:10px 20px; } */ .widget-structure.column { background-color:var(--color2-light); padding:10px 20px; } /* erstellt beim Klick in ein Eingabefeld automatisch ein Textarea, was mitwächst und geht beim Verlist des Focus wieder zurück in ein Eingabefeld (siehe auch Javascript) */ .autoarea { width: 100%; box-sizing: border-box; padding: 0.5em; font-family: inherit; font-size: 1rem; line-height: 1.4; resize: none; overflow: hidden; } .preview { display: block; margin-top: 0.25em; white-space: pre-wrap; word-break: break-word; } .char-counter { display:none; margin-top:0.25em; color:var(--color3); } /* Seminare */ #seminare a { color:black; } #seminare a:hover { color:var(--color3); } .startseite .mod_eventlist { color:white; margin-bottom:20px; display:flex; flex-wrap:wrap; gap:1.5%; } .startseite .event { display: flex; flex-direction:column; padding: 15px; margin-bottom: 15px; flex: 1 1 47%; } .startseite .event:last-child { margin-bottom: 0; } .startseite .event a { text-decoration: none;} .startseite .event a:hover { text-decoration: underline; } .startseite .layout_upcoming.upcoming.cal_1 { background-color:rgba(255,255,255,0.4); padding: 15px; color:black; } .startseite .layout_upcoming.upcoming p { margin-bottom:0; } .cannot-register { background-color:var(--color3); color:white; padding:5px 10px; margin-top:10px; } /* FAQ */ .handorgel__header__button {font-size:1.35rem; } .handorgel__content--opened .handorgel__content__inner {font-size:1.1rem; } .handorgel__content--opened .handorgel__content__inner p:last-of-type { margin-bottom:0; } #referenzen { background-color:var(--color2); } #referenzen-en { background-color:var(--color1-light); } #referenzen img { object-fit: cover; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); border-radius: 10px; } #mehr-infos a { color:black; } #mehr-infos .content-downloads ul { color:white; padding:0; list-style:none; margin:0 0 20px 0; display:flex; flex-wrap:wrap; gap:1.5%; } #mehr-infos .content-downloads li { box-sizing:border-box; padding:15px; background-size:30px auto; background-position-x:15px; flex: 1 1 47%; background-color:var(--color2-light); max-width: 47%; margin-bottom: 1.5%; } #mehr-infos .content-downloads li:last-child { margin-bottom: 0; } #mehr-infos .content-downloads a { text-decoration: none; background-size:32px 32px; padding-left:32px; } #mehr-infos .content-downloads a:hover { text-decoration: underline; color:var(--color3); } /* News */ nav.pagination { display: flex; align-content: start;} nav.pagination p { margin:0; } #main nav.pagination ul { display: flex; margin: .125rem 0 0 1rem; list-style-type: none; border-left: 1px solid #000; padding-left: 1rem; } #main nav.pagination ul strong, #main nav.pagination ul a { padding: 0.25rem .75rem; display: block; color: white; text-decoration: none; margin-right: 10px;} #main nav.pagination ul strong { color:white; background:var(--color4); } #main nav.pagination ul a { color:white; background:var(--color31); } .layout_short { border-bottom:1px solid var(--color3); padding-bottom: 30px; margin-bottom: 40px;} .layout_short:last-of-type { border-bottom:0; margin-bottom:0; padding-bottom:0; } #footer { font-size:1.2rem; } #footer .inside .inside { display:flex; justify-content:space-between; width:100%; } #footer .logo-adresse-container { display:flex; gap:25px; line-height:1.75; } #footer .footer-logo img { margin-top:8px; } #footer ul { margin:0; padding:0; list-style-type:none; } #footer a { text-decoration:none; color:var(--color1); } #footer a:hover { color:white; } #footer ul a { margin-bottom:10px; display:block; } #footer .social-container div:first-of-type { text-align:center; margin-bottom:5px; } #footer .social-icons { display:flex; justify-content:space-evenly; width:100%; font-size:2rem; } #footer .social-icons a { color:white; } #footer .social-icons a:hover { color:var(--color3); } #footer .social-icons a:hover svg path { fill:var(--color3); } #footer .sozialstiftung figure { display:flex; flex-direction:column; } #footer .sozialstiftung figure a { order:2; padding-top:4px; } #footer .sozialstiftung figure figcaption { order:1; font-weight:bold; text-align:center; font-size: 0.8rem; margin-top: 20px; margin-bottom: 5px; } @media (max-width:1440px) { .ce_heroimage_element .heroimage-headline-box > * { font-size:2.5rem; line-height:3rem; } .ce_heroimage_element h2 { font-size:1.5rem; } } @media (max-width:1190px) { /* Seitenabstände */ .mod_article > .inside { max-width:none; margin:0 2.5%; } .mod_article.hero .inside { margin:0; } .mod_article { padding:40px 0; } .iframe-container { position:relative; overflow:hidden; width:100%; padding-top:56.25%; } .iframe-container iframe { position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; } .ce_heroimage_element .heroimage-content-box { padding: 1rem 2rem; } #footer .mod_article > .inside { width:95%; } } /* ab hier mobile Navigation */ @media (max-width: 930px) { .hamburger { display: block; width: 30px; height: 20px; cursor: pointer; position: relative; margin: 10px 0 0px; z-index: 1002; } .hamburger::before, .hamburger::after, .hamburger div { content: ''; background-color:var(--color4); position: absolute; width: 30px; height: 4px; left: 0; transition: transform 0.3s ease, top 0.3s ease, bottom 0.3s ease, opacity 0.3s ease; } .hamburger::before { top: 0; } .hamburger::after { bottom: 0; } .hamburger div { top: 50%; transform: translateY(-50%); } #menu-toggle:checked + .hamburger::before { transform: rotate(45deg); top: 44%; background-color:var(--color1-light); } #menu-toggle:checked + .hamburger::after { transform: rotate(-45deg); bottom: 44%; background-color:var(--color1-light); } #menu-toggle:checked + .hamburger div { opacity: 0; } /* Hamburger-Icon animieren, wenn das versteckte Checkbox-Input aktiviert ist */ /* Mobile Navigation zunächst aus dem Bild schieben */ .module-onepage-navigation ul { display:flex; flex-direction:column; justify-content:center; position:fixed; top:0; right:-250px; width:250px; height:100%; background-color:var(--color4); transition: right 0.3s ease; z-index:1000; line-height:3; } /* Wenn Checkbox gecheckt ist, alle UL-Geschwister reinschieben */ #menu-toggle:checked ~ ul { right:0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } .module-onepage-navigation ul li { width:100%; text-align:center; } .module-onepage-navigation ul li a { color:var(--color1); font-size: 1.2rem; text-decoration: none; padding: 10px 0; display: block; } .module-onepage-navigation .active a, .module-onepage-navigation a:hover { background-color:var(--color1-light); color:var(--color4); } .ce_heroimage_element .heroimage-headline-box > * { font-size: 2rem; margin-bottom: 10px; line-height: 1.3; text-transform:none; } .ce_heroimage_element.align-left .heroimage-button-box {margin-top:6rem; } .zweispaltig, .dreispaltig, .vierspaltig { display:block; } fieldset, .widget input[type="text"], .widget input[type="email"], .widget textarea { margin-bottom:0 !important; } .widget, .allow-duplication *, .allow-duplication fieldset fieldset .widget { margin-bottom:10px !important; } } @media (max-width: 768px) { #header .inside .inside { height:75px; } #header .logos figure, #header.sticky .logos figure { transform: scale(1); } #header .logos figure { width:160px; } .ce_heroimage_element h2, .ce_heroimage_element .heroimage-button-box .btn { font-size:1.25rem; } .ce_heroimage_element h2, .ce_heroimage_element .heroimage-button-box .btn { font-size:1.1rem; } .ce_heroimage_element .heroimage-button-box .btn { max-width:265px; display:block; } #main { font-size:1.25rem; } .ce_heroimage_element .heroimage-wrapper { min-height:450px; } .ce_heroimage_element .heroimage-content-box {margin-top:185px; } .ce_heroimage_element.align-left .heroimage-button-box {margin-top:2rem; } .ce_heroimage_element .heroimage-headline-box > * { font-size:1.5rem; } .ce_heroimage_element .heroimage-content-box {padding:1rem 5%; } #feedback .content-text { flex-direction: column; align-items: left; } .media--left > figure { float:none; margin-right:0; } .media--right > figure { float:none; margin-left:0; } #feedback .media--left img { width: 100%; max-width: 300px; margin-bottom: 20px; } #mehr-infos .content-downloads ul { display:block; } #mehr-infos .content-downloads li { max-width:100%; } #footer .mod_article > .inside { width:100%; margin:0; } #footer .logo-adresse-container, #footer .inside .inside { display:block; text-align:center; } .footer-navi { margin:15px 0; } } @media (max-width: 575px) { .mod_article > .inside { max-width:none; margin:0 5%; } #header > .inside { padding:10px 0 6px; } #header .social-navi { gap:10px; margin-top:-10px; } #header.sticky .social-navi { padding-top:0; } .ce_heroimage_element .heroimage-wrapper {min-height: 400px; } .widget-structure.column { padding:10px 15px; } } @media (max-width: 450px) { #header .social-icons { display:none; } }