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%}.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)} .content-custom-swiper-outer { overflow: hidden; position: relative; .content-custom-swiper-inner, .swiper_thumbs { position: relative; } .swiper_thumbs { margin-top: 5px; } .swiper-button-next, .swiper-button-prev { border: 0; background: transparent; } .swiper-progress { content: ""; position: absolute; bottom: 0; left: 0; width: calc(100% * var(--swiper_progress)); height: 5px; background: var(--color_1, #ccc); z-index: 1; } } .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} /** * CLICKPRESS CSS-Grid * @author: Stefan Schulz-Lauterbach * * thanks to Dinko Skopljak for co-working */ .justify-items-start { justify-items: start; } .justify-items-center { justify-items: center; } .justify-items-end { justify-items: end; } .justify-items-stretch { justify-items: stretch; } .content-start { align-content: start; } .content-center { align-content: center; } .content-end { align-content: end; } .items-start { align-items: start; } .items-center { align-items: center; } .items-end { align-items: end; } .items-stretch { align-items: stretch; } .items-baseline { align-items: baseline; } [class*=grid_] { display: grid; grid-gap: 1rem; } [class*=grid_] > .block { margin-bottom: 0; } @media (min-width: 576px) { .grid_mobile_100 { grid-template-columns: 1fr; } .grid_mobile_50_50 { grid-template-columns: repeat(2, 1fr); } .grid_mobile_33_33_33 { grid-template-columns: repeat(3, 1fr); } .grid_mobile_25_25_25_25 { grid-template-columns: repeat(4, 1fr); } .grid_mobile_75_25 { grid-template-columns: 3fr 1fr; } .grid_mobile_25_75 { grid-template-columns: 1fr 3fr; } .grid_mobile_66_33 { grid-template-columns: 2fr 1fr; } .grid_mobile_33_66 { grid-template-columns: 1fr 2fr; } .grid_mobile_60_40 { grid-template-columns: 3fr 2fr; } .grid_mobile_40_60 { grid-template-columns: 2fr 3fr; } .grid_mobile_50_25_25 { grid-template-columns: 2fr 1fr 1fr; } .grid_mobile_25_50_25 { grid-template-columns: 1fr 2fr 1fr; } .grid_mobile_25_25_50 { grid-template-columns: 1fr 1fr 2fr; } .grid_mobile_40_30_30 { grid-template-columns: 4fr 3fr 3fr; } .grid_mobile_30_40_30 { grid-template-columns: 3fr 4fr 3fr; } .grid_mobile_30_30_40 { grid-template-columns: 3fr 3fr 4fr; } .gap_mobile_0 { grid-gap: 0; } .gap_mobile_1 { grid-gap: 1rem; } .gap_mobile_2 { grid-gap: 2rem; } .gap_mobile_3 { grid-gap: 3rem; } .gap_mobile_4 { grid-gap: 4rem; } .gap_mobile_5 { grid-gap: 5rem; } .gap_mobile_6 { grid-gap: 6rem; } .gap_mobile_7 { grid-gap: 7rem; } .gap_mobile_8 { grid-gap: 8rem; } .gap_mobile_9 { grid-gap: 9rem; } .gap_mobile_10 { grid-gap: 10rem; } .gap_mobile_11 { grid-gap: 11rem; } .gap_mobile_12 { grid-gap: 12rem; } } @media (min-width: 768px) { .grid_tablet_100 { grid-template-columns: 1fr; } .grid_tablet_50_50 { grid-template-columns: repeat(2, 1fr); } .grid_tablet_33_33_33 { grid-template-columns: repeat(3, 1fr); } .grid_tablet_25_25_25_25 { grid-template-columns: repeat(4, 1fr); } .grid_tablet_75_25 { grid-template-columns: 3fr 1fr; } .grid_tablet_25_75 { grid-template-columns: 1fr 3fr; } .grid_tablet_66_33 { grid-template-columns: 2fr 1fr; } .grid_tablet_33_66 { grid-template-columns: 1fr 2fr; } .grid_tablet_60_40 { grid-template-columns: 3fr 2fr; } .grid_tablet_40_60 { grid-template-columns: 2fr 3fr; } .grid_tablet_50_25_25 { grid-template-columns: 2fr 1fr 1fr; } .grid_tablet_25_50_25 { grid-template-columns: 1fr 2fr 1fr; } .grid_tablet_25_25_50 { grid-template-columns: 1fr 1fr 2fr; } .grid_tablet_40_30_30 { grid-template-columns: 4fr 3fr 3fr; } .grid_tablet_30_40_30 { grid-template-columns: 3fr 4fr 3fr; } .grid_tablet_30_30_40 { grid-template-columns: 3fr 3fr 4fr; } .grid_tablet_20_40_40 { grid-template-columns: 1fr 2fr 2fr; } .grid_tablet_40_20_40 { grid-template-columns: 2fr 1fr 2fr; } .grid_tablet_40_40_20 { grid-template-columns: 2fr 2fr 1fr; } .gap_tablet_0 { grid-gap: 0; } .gap_tablet_1 { grid-gap: 1rem; } .gap_tablet_2 { grid-gap: 2rem; } .gap_tablet_3 { grid-gap: 3rem; } .gap_tablet_4 { grid-gap: 4rem; } .gap_tablet_5 { grid-gap: 5rem; } .gap_tablet_6 { grid-gap: 6rem; } .gap_tablet_7 { grid-gap: 7rem; } .gap_tablet_8 { grid-gap: 8rem; } .gap_tablet_9 { grid-gap: 9rem; } .gap_tablet_10 { grid-gap: 10rem; } .gap_tablet_11 { grid-gap: 11rem; } .gap_tablet_12 { grid-gap: 12rem; } } @media (min-width: 992px) { .grid_desktop_100 { grid-template-columns: 1fr; } .grid_desktop_50_50 { grid-template-columns: repeat(2, 1fr); } .grid_desktop_50_25_25 { grid-template-columns: 2fr 1fr 1fr; } .grid_desktop_33_33_33 { grid-template-columns: repeat(3, 1fr); } .grid_desktop_75_25 { grid-template-columns: 3fr 1fr; } .grid_desktop_25_75 { grid-template-columns: 1fr 3fr; } .grid_desktop_66_33 { grid-template-columns: 2fr 1fr; } .grid_desktop_60_40 { grid-template-columns: 3fr 2fr; } .grid_desktop_40_60 { grid-template-columns: 2fr 3fr; } .grid_desktop_33_66 { grid-template-columns: 1fr 2fr; } .grid_desktop_50_25_25 { grid-template-columns: 2fr 1fr 1fr; } .grid_desktop_40_30_30 { grid-template-columns: 4fr 3fr 3fr; } .grid_desktop_50_25_25 { grid-template-columns: 2fr 1fr 1fr; } .grid_desktop_25_50_25 { grid-template-columns: 1fr 2fr 1fr; } .grid_desktop_25_25_50 { grid-template-columns: 1fr 1fr 2fr; } .grid_desktop_40_30_30 { grid-template-columns: 4fr 3fr 3fr; } .grid_desktop_30_40_30 { grid-template-columns: 3fr 4fr 3fr; } .grid_desktop_30_30_40 { grid-template-columns: 3fr 3fr 4fr; } .grid_desktop_20_40_40 { grid-template-columns: 1fr 2fr 2fr; } .grid_desktop_40_20_40 { grid-template-columns: 2fr 1fr 2fr; } .grid_desktop_40_40_20 { grid-template-columns: 2fr 2fr 1fr; } .grid_desktop_25_25_25_25 { grid-template-columns: repeat(4, 1fr); } .grid_desktop_40_20_20_20 { grid-template-columns: 2fr 1fr 1fr 1fr; } .grid_desktop_20_40_20_20 { grid-template-columns: 1fr 2fr 1fr 1fr; } .grid_desktop_20_20_40_20 { grid-template-columns: 1fr 1fr 2fr 1fr; } .grid_desktop_20_20_20_40 { grid-template-columns: 1fr 1fr 1fr 2fr; } .grid_desktop_20_20_20_20_20 { grid-template-columns: repeat(5, 1fr); } .gap_desktop_0 { grid-gap: 0; } .gap_desktop_1 { grid-gap: 1rem; } .gap_desktop_2 { grid-gap: 2rem; } .gap_desktop_3 { grid-gap: 3rem; } .gap_desktop_4 { grid-gap: 4rem; } .gap_desktop_5 { grid-gap: 5rem; } .gap_desktop_6 { grid-gap: 6rem; } .gap_desktop_7 { grid-gap: 7rem; } .gap_desktop_8 { grid-gap: 8rem; } .gap_desktop_9 { grid-gap: 9rem; } .gap_desktop_10 { grid-gap: 10rem; } .gap_desktop_11 { grid-gap: 11rem; } .gap_desktop_12 { grid-gap: 12rem; } } /*# sourceMappingURL=clickpress-grid.css.map */ .glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster{display:none}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%;margin:auto}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}} /* ============================================================= GLEICHKLANG — Praxis für mentale Gesundheit CI strikt nach Farb-Schriftdefinition.pdf Schrift: Google Sans Flex (Variable Font, Alternative zu Ingra) ============================================================= */ /* ------------------------------------------------------------- 1. CUSTOM PROPERTIES — CI & Design-Token ------------------------------------------------------------- */ :root { /* CI-Farben */ --dunkelrot: #99161B; --dunkelrot-hover: #7A1015; --altrosa: #F6B3AB; --altrosa-soft: #FAD5D0; --gelb: #FDD491; --gelb-soft: #FEE5BE; --hellbraun: #A48A7B; /* Neutralfarben */ --weiss: #FFFFFF; --creme: #FBF7F2; --creme-warm: #F7EDE2; --text-dark: #2D201C; --text-grau: #6B5A52; --linie: #EDE3D9; /* Typografie */ --font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; */ /* Border-Radius */ --r-sm: 0.5rem; --r-md: 1rem; --r-lg: 2rem; --r-pill: 999px; /* Schatten */ --shadow: 0 12px 30px -10px rgba(45, 32, 28, 0.200); --shadow-card: 0 8px 28px rgba(45, 32, 28, .06); } /*Allgemein*/ #wrapper { margin: 0 auto; } #header { line-height: 0; position: sticky; top: 0; background: rgba(251, 247, 242, 0.666); backdrop-filter: saturate(180%) blur(2rem); -webkit-backdrop-filter: saturate(180%) blur(2rem); /*+transition: 500ms;*/ -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; z-index: 99 !important; height: auto; padding: 0 5%; } #header .inside { display: grid; grid-template-columns: 172px 1fr; align-items: center; } .is-sticky #header { /*+box-shadow: 0 1rem 2rem -1rem rgba(0, 0, 0, 0.200);*/ -moz-box-shadow: 0 1rem 2rem -1rem rgba(0, 0, 0, 0.200); -webkit-box-shadow: 0 1rem 2rem -1rem rgba(0, 0, 0, 0.200); box-shadow: 0 1rem 2rem -1rem rgba(0, 0, 0, 0.200); } #main .article_wrapper, #footertop .inside, #footer .inside { margin: 0 auto; padding: 0 5%; max-width: 90%; } #main .mod_article { background: linear-gradient(180deg, var(--creme) 0%, var(--creme-warm) 100%); padding-top: clamp(2.5rem, 4.994vw + 0.63rem, 5rem); padding-bottom: clamp(2.5rem, 4.994vw + 0.63rem, 5rem); } #footertop .inside { padding-top: clamp(0.5rem, 4.994vw + 0.63rem, 2rem); padding-bottom: clamp(1.5rem, 4.994vw + 0.63rem, 3rem); } #main .mod_article.full { padding: 0; } #main .mod_article.full .article_wrapper { padding: 0; width: 100vw !important; max-width: 100%; text-align: center; line-height: 0; } /*Spalten*/ .drei-spalten UL { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px; } .vier-spalten UL { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 10px; } @media (max-width: 599px) { .vier-spalten UL { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px; } } /*style.css*/ /* ------------------------------------------------------------- 2. RESET & BASIS ------------------------------------------------------------- */ *, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; background-color: var(--dunkelrot); } body { margin: 0; font-family: var(--font); font-size: 1rem; font-weight: 300; font-stretch: 100; font-variation-settings: "wght" 320, "wdth" 100; line-height: 1.65; color: var(--text-dark); background: linear-gradient(180deg, var(--creme) 0%, var(--creme-warm) 100%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { max-width: 100%; display: block; } /* ------------------------------------------------------------- 3. ALLGEMEINE TYPOGRAFIE — h1 bis h4, p, Listen, Zitat ------------------------------------------------------------- */ /* Gemeinsame Basis aller Überschriften */ H1, H2, H3, H4 { font-family: var(--font); font-weight: 200; font-stretch: semi-expanded; font-optical-sizing: 144; font-variation-settings: "wght" 260, "wdth" 110, "opsz" 144; line-height: 1.1; letter-spacing: -0.015em; color: var(--text-grau); margin: 0; column-span: all; } H1 { font-size: clamp(2rem, 2.9013vw + .9138rem, 3.525rem); font-weight: 200; font-stretch: expanded; font-optical-sizing: 144; line-height: 1.02; letter-spacing: 0.5rem; margin-bottom: 1.7rem; text-transform: uppercase; } H2 { font-size:clamp(1.75rem, 4.4vw, 2.375rem); margin-bottom: 1.4rem; font-family: var(--font-display); font-weight: 300; font-stretch: expanded; letter-spacing: 0.15rem; line-height: 1.2; } H3 { font-size:clamp(1.35rem, 3.4vw, 1.55rem); line-height: 1.25; margin-bottom: 1rem; font-weight: 300; } H4 { font-size: 0.8125rem; letter-spacing: 0.18em; text-transform: uppercase; margin-bottom: 1.2rem; color:var(--text-dark); } .lead P { font-size: 1.1875rem; max-width: 34em; margin-bottom: 40px; color: var(--text-grau); } a { color: var(--dunkelrot); text-decoration: none; transition: all .5s ease-in-out; } a:hover { color: var(--dunkelrot-hover); } ul { list-style: none; padding: 0; margin: 0; } BLOCKQUOTE { /*font-family: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;*/ font-weight: 100; font-size: clamp(1.75rem, 3.8vw, 2.75rem); line-height: 1.25; letter-spacing: -0.01em; /*font-style: italic;*/ /*text-align: center;*/ margin-bottom: 2rem; color:var(--text-grau); } BLOCKQUOTE P { quotes: '»' '«'; } BLOCKQUOTE P:before { content: open-quote; margin-right: 5px; } BLOCKQUOTE P:after { content: close-quote; margin-left: 5px; } cite { display: inline-block; font-style: normal; font-size: 0.8125rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--hellbraun); } cite::before { content: ""; display: inline-block; width: 36px; height: 1px; background: var(--dunkelrot); vertical-align: middle; margin-right: 14px; } @media (max-width: 560px) { H1, H2 { hyphens: auto; } } /* Hilfsklasse für rote Akzentfarbe in Überschriften */ H1 SPAN, H2 SPAN, H3 SPAN, H4 SPAN, H1 EM, H2 EM, H3 EM, H4 EM { color: var(--dunkelrot); } H1 EM, H2 EM, H3 EM, H4 EM { font-style: normal; } H1 SPAN.small { font-size: 50%; letter-spacing: 0.25rem; } /* ------------------------------------------------------------- BUTTONS ------------------------------------------------------------- */ .btn A, .more A, .back A, .content-hyperlink A { display: inline-flex; align-items: center; gap: 10px; margin: 1rem 0; padding: clamp(0.5rem, 0.999vw + 0.126rem, 1rem) clamp(0.938rem, 1.873vw + 0.236rem, 1.875rem); font-family: var(--font); font-size: 0.9375rem; font-weight: 500; font-variation-settings: "wght" 500, "wdth" 100; letter-spacing: 0.04em; border: 2px solid; border-color: var(--dunkelrot); border-radius: var(--r-pill); cursor: pointer; transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; } .btn A:hover, .more A:hover, .back A:hover, .content-hyperlink A:hover { background: var(--dunkelrot); color: var(--weiss); transform: translateY(-2px); } .btn-primary A { background: var(--dunkelrot); color: var(--weiss); box-shadow: 0 0 24px rgba(153, 22, 27, 0.24); } .btn-primary A:hover { background: var(--dunkelrot-hover); color: var(--weiss); transform: translateY(-2px); box-shadow: 0 0 24px rgba(153, 22, 27, 0.32); } .btn-ghost { background: transparent; color: var(--dunkelrot); border-color: var(--dunkelrot); } .btn-ghost:hover { background: var(--dunkelrot); color: var(--weiss); transform: translateY(-2px); } .btn .arrow { transition: transform .25s ease; } .btn:hover .arrow { transform: translateX(4px); } .btn.content-hyperlink { display: inline-grid; margin-right: 1rem; } .contact { line-height: 1; } .contact A { padding: 1.618rem; display: block; background-color: rgba(255, 255, 255, 0.333); backdrop-filter:blur(1rem); border: 2px solid rgba(159, 82, 45, 0.100); /*+border-radius: 1rem;*/ -moz-border-radius: 1rem; -webkit-border-radius: 1rem; -khtml-border-radius: 1rem; border-radius: 1rem; /*+box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260);*/ -moz-box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260); -webkit-box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260); box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260); } .contact A:hover { border: 2px solid rgba(193, 206, 41, 0.100); background: var(--dunkelrot); color: var(--weiss); transform: translateY(-2px); } .contact UL { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 1rem; /* align-items: center; <-- WICHTIG: Dies entfernen oder zu 'stretch' ändern */ align-items: stretch; } .contact LI { margin: 0; padding: 0; list-style-type: none; height: 100%; /* WICHTIG: Das LI muss die volle Höhe der Grid-Zelle einnehmen */ } .contact LI A { display: flex; /* Statt block */ height: 100%; /* Füllt das LI aus */ align-items: center; /* Zentriert Text vertikal */ justify-content: center; /* Zentriert Text horizontal */ box-sizing: border-box; /* Verhindert, dass Padding die Box sprengt */ line-height: 1.33; } @media (max-width: 992px) { .contact UL { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 576px) { .contact UL { grid-template-columns: 1fr; } } .contact.info A:before { font-weight: 400; font-family: 'Material Icons'; content: "\e88e"; vertical-align: middle; color:var(--dunkelrot); font-size: 24px; margin-right: 0.333rem; } .contact.info A:hover:before { color: #FFFFFF; } /*Logo*/ .mod_logo { padding: 0 0 1rem 0; margin-top: -1rem; margin-right: 2rem; } /* ------------------------------------------------------------- 7. HERO ------------------------------------------------------------- */ .hero { position: relative; background: url("../../files/theme/img/logo_ohne_text.png") top right / 50dvw no-repeat transparent !important; overflow: hidden; padding-bottom: 20dvh !important; } @media (max-width: 560px) { .hero { background-position: 20dvw bottom !important; background-size: contain !important; } } /* Organische Hintergrundformen – KEINE Kreise */ /*.hero::before { content: ""; position: absolute; inset: auto -8% -20% 55%; height: 70%; background: var(--altrosa-soft); border-radius: 48% 52% 38% 62% / 56% 40% 60% 44%; opacity: 0.55; pointer-events: none; }*/ /*..hero::after { content: ""; position: absolute; top: -10%; right: 4%; width: 360px; height: 360px; background: var(--gelb-soft); border-radius: 60% 40% 52% 48% / 42% 58% 42% 58%; opacity: .55; pointer-events: none; }*/ /* Organische Bildfläche rechts – KEIN Kreis */ .hero-visual { position: relative; aspect-ratio: 1 / 1.05; max-width: 460px; justify-self: end; width: 100%; } .hero-visual .shape { position: absolute; inset: 0; background: linear-gradient(160deg, var(--altrosa) 0%, var(--gelb) 100%); border-radius: 52% 48% 42% 58% / 58% 42% 58% 42%; box-shadow: var(--shadow); overflow: hidden; } .hero-visual .shape::after { content: ""; position: absolute; inset: 12%; background: linear-gradient(200deg, rgba(255, 255, 255, .18), transparent 60%); border-radius: inherit; } /*Container*/ .content-video, .content-inlinemedia, .content-youtube { position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden; margin-bottom: 1em; } .content-video IFRAME, .content-video OBJECT, .content-video EMBED, .content-inlinemedia IFRAME, .content-youtube IFRAME { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .content-youtube {} P IMG { vertical-align: bottom; } H2 IMG { vertical-align: middle; } #main .liste UL { padding-bottom: 1rem; } #main .liste UL UL { padding-bottom: 0; } #main .liste LI { padding-left: 1.7rem; } #main .liste LI:before { font-weight: 400; font-size: 1em; margin-left: -1.7rem; margin-right: 10px; font-family: 'Material Icons'; content: "\eaaa"; vertical-align: middle; opacity: 0.5; } FORM BUTTON, INPUT[type="submit"], .button { margin-bottom: 0; text-align: center; vertical-align: middle; line-height: 1.7em; cursor: pointer; border: none; background-image: none; /*+transition: all 750ms ease;*/ -webkit-transition: all 750ms ease; -moz-transition: all 750ms ease; -o-transition: all 750ms ease; transition: all 750ms ease; color: #FFFFFF; background-color: #99161B; display: inline-block; padding: 0.25em 1em; /*+border-radius: 2px;*/ -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; font-size: 0.9em; } FORM BUTTON:hover, INPUT[type="submit"]:hover, .button:hover { background-color: #BE1E2E; text-decoration: none; /*+transition: all 750ms ease;*/ -webkit-transition: all 750ms ease; -moz-transition: all 750ms ease; -o-transition: all 750ms ease; transition: all 750ms ease; } #main HR { border: none; border-top: 1px solid #CCCCCC; } #main .kasten { margin: 1rem 0; background: linear-gradient(180deg, var(--creme) 0%, var(--creme-warm) 100%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding:clamp(1rem, 3.074vw + .2334rem, 3rem); /*+box-sizing: border-box;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /*+border-radius:var(--r-lg);*/ -moz-border-radius: var(--r-lg); -webkit-border-radius: var(--r-lg); -khtml-border-radius: var(--r-lg); border-radius:var(--r-lg); border: 1px solid rgba(163, 137, 123, 0.200); } #main .hinweis { display: block; padding: clamp(1rem, 3.074vw + .2334rem, 3rem); background-color: rgba(255, 255, 255, 0.333); backdrop-filter: blur(1rem); border-radius: 0 var(--r-lg) var(--r-lg) 0; /*+box-shadow: -1rem 0 4rem -2.3rem rgba(27, 38, 49, 0.260);*/ -moz-box-shadow: -1rem 0 4rem -2.3rem rgba(27, 38, 49, 0.260); -webkit-box-shadow: -1rem 0 4rem -2.3rem rgba(27, 38, 49, 0.260); box-shadow: -1rem 0 4rem -2.3rem rgba(27, 38, 49, 0.260); border: 1px solid rgba(163, 137, 123, 0.200); border-left: clamp(1rem, 3.074vw + .2334rem, 3rem) solid var(--gelb); /*+border-radius:0 var(--r-lg) var(--r-lg) 0;*/ -moz-border-radius: 0 var(--r-lg) var(--r-lg) 0; -webkit-border-radius: 0 var(--r-lg) var(--r-lg) 0; -khtml-border-radius: 0 var(--r-lg) var(--r-lg) 0; border-radius:0 var(--r-lg) var(--r-lg) 0; } #main .hinweis.margin { margin: clamp(1rem, 3.074vw + .2334rem, 3rem) 0; } #main .leistungen { display: block; padding: clamp(1rem, 3.074vw + .2334rem, 3rem); background-color: rgba(255, 255, 255, 0.333); backdrop-filter: blur(1rem); /*+box-shadow: -1rem 0 4rem -2.3rem rgba(27, 38, 49, 0.260);*/ -moz-box-shadow: -1rem 0 4rem -2.3rem rgba(27, 38, 49, 0.260); -webkit-box-shadow: -1rem 0 4rem -2.3rem rgba(27, 38, 49, 0.260); box-shadow: -1rem 0 4rem -2.3rem rgba(27, 38, 49, 0.260); border: 1px solid rgba(163, 137, 123, 0.200); margin: clamp(1rem, 3.074vw + .2334rem, 3rem) 0; /*+border-radius: var(--r-lg);*/ -moz-border-radius: var(--r-lg); -webkit-border-radius: var(--r-lg); -khtml-border-radius: var(--r-lg); border-radius: var(--r-lg); } #main .shadow .image_container { margin: 5px 20px 30px; } #main .shadow IMG { /*+box-shadow: 0 15px 30px -15px rgba(0, 0, 0, 0.500);*/ -moz-box-shadow: 0 15px 30px -15px rgba(0, 0, 0, 0.500); -webkit-box-shadow: 0 15px 30px -15px rgba(0, 0, 0, 0.500); box-shadow: 0 15px 30px -15px rgba(0, 0, 0, 0.500); } #main .image_container { margin: 0; line-height: 0; padding: 0; } #main IMG { line-height: 0; margin: 0; padding: 0; /*+transition: 500ms ease-in-out;*/ -webkit-transition: 500ms ease-in-out; -moz-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; } #main A IMG:hover { filter: saturate(2) sepia(0.5); } #main .padding.right IMG { margin-right: 1rem; margin-bottom: 1rem; /*+border-radius: 0.5rem;*/ -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -khtml-border-radius: 0.5rem; border-radius: 0.5rem; } #main .padding.left IMG { margin-left: 1rem; margin-bottom: 1rem; /*+border-radius: 0.5rem;*/ -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -khtml-border-radius: 0.5rem; border-radius: 0.5rem; } #main .corner IMG { /*+border-radius:var(--r-lg);*/ -moz-border-radius: var(--r-lg); -webkit-border-radius: var(--r-lg); -khtml-border-radius: var(--r-lg); border-radius:var(--r-lg); } #main .rund IMG { /*+border-radius: 50%;*/ -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; /*+box-shadow: 0 15px 20px -15px rgba(0, 0, 0, 0.500);*/ -moz-box-shadow: 0 15px 20px -15px rgba(0, 0, 0, 0.500); -webkit-box-shadow: 0 15px 20px -15px rgba(0, 0, 0, 0.500); box-shadow: 0 15px 20px -15px rgba(0, 0, 0, 0.500); margin: 5px 10px 20px; } #main .full IMG { width: 100%; } #main .blend IMG { mix-blend-mode: multiply; } #main .abstand { width: 4em; display: inline-block; } I.abstand { display: inline-block; width: 40px; text-align: center; } .zweispaltig { column-width: 480px; column-gap: 5%; } .center { text-align: center; } .width70 { width: 100%; max-width: 680px; margin: 0 auto 3rem; } @media (max-width: 576px) { .float_left, .media--left > FIGURE, .float_right, .media--right > FIGURE { float: none; } } /*Pagination*/ .pagination { font-size: 0.825em; } .pagination P { position: relative; float: right; } .pagination UL LI { position: relative; float: left; margin-right: 0.5em; } .pagination UL LI A { text-decoration: none; color: #676464; /*+transition: all 0.3s ease-in-out;*/ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pagination UL LI A:hover, .pagination UL LI SPAN { color: #33595B; } /*Footertop*/ #footertop { background-color: #BE1E2E; color: #FFFFFF; } #footertop A, #footertop .fa { color: #FFFFFF; } #footertop A:hover { color: #FFFFFF; } #footertop .material-icons { color: #FDD491; } /*Footer*/ #footer { background-color: #99161B; line-height: 0; padding-top: 40px; padding-bottom: 40px; font-weight: normal; font-size: 0.825em; color: #FFFFFF; } #footer .inside { line-height: 1.5; } #footer A { color: #891418; } #mod_footerKontakt { text-align: right; } @media (max-width: 799px) { #mod_footerKontakt { text-align: left; } } /*Downloads*/ .content-downloads, .content-download { position: relative; } .content-downloads UL { margin: 0; padding: 0; list-style-type: none; /*+transition: 500ms ease-in-out;*/ -webkit-transition: 500ms ease-in-out; -moz-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; } .content-downloads UL LI, .content-download A { position: relative; display: block; margin-bottom: 10px; /*+box-sizing: border-box;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /*+transition: 500ms ease-in-out;*/ -webkit-transition: 500ms ease-in-out; -moz-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; } .content-downloads UL LI A, .content-download A { width: 100%; position: relative; display: block; padding: 12px 35px 10px; background-color: #FAA619; text-decoration: none; /*+box-sizing: border-box;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; color: #FFFFFF; /*+transition: 500ms ease-in-out;*/ -webkit-transition: 500ms ease-in-out; -moz-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; } .content-downloads UL LI A:hover, .content-downloads UL LI A:active, .content-download A:hover, .content-download A:active { background-color: #FC9605; color: #FFFFFF; } .content-downloads UL LI A SPAN, .content-download A SPAN { position: relative; float: right; display: block; text-decoration: none; color: #FFFFFF; /*+transition: 500ms ease-in-out;*/ -webkit-transition: 500ms ease-in-out; -moz-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; } .content-downloads UL LI A:hover SPAN, .content-downloads UL LI A:active SPAN, .content-download A:hover SPAN, .content-download A:active SPAN { color: #FFFFFF; } .content-downloads UL LI A:before, .content-download A:before { right: 10px; top: 1em; position: absolute; display: block; font: 16px FontAwesome; text-decoration: none; color: #FFFFFF; content: "\f019"; /*+transition: 500ms ease-in-out;*/ -webkit-transition: 500ms ease-in-out; -moz-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; } .content-downloads UL LI A:hover:before, .content-downloads UL LI A:active:before, .content-download A:hover:before, .content-download A:active:before { color: #FFFFFF; } .content-downloads UL LI A:after, .content-download A:after { position: relative; float: none; clear: both; display: block; content: ""; } .content-downloads UL LI IMG, .content-download IMG { left: 10px; top: 1em; position: absolute; z-index: 999; } /*Sticker*/ #container .sticker { position: absolute; top: 0; right: 0; /*+transform: rotate(12deg);*/ -webkit-transform: rotate(12deg); -moz-transform: rotate(12deg); -o-transform: rotate(12deg); -ms-transform: rotate(12deg); transform: rotate(12deg); margin: 5vw; } .content-hyperlink.sticker A { width: 240px; height: 240px; position: relative; display: table-cell; display: table; vertical-align: middle; padding: 55px 40px 40px; background-color: #F0EEEF; background-color: #B4CC00; text-decoration: none; /*+box-sizing: border-box;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /*+transition: all 0.5s ease-in-out;*/ -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; line-height: 1.5; color: #FFFFFF; font-weight: 700; font-size: 1.05em; /*+border-radius: 50%;*/ -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; /*+box-shadow: 5px 10px 20px -10px rgba(0, 0, 0, 0.333);*/ -moz-box-shadow: 5px 10px 20px -10px rgba(0, 0, 0, 0.333); -webkit-box-shadow: 5px 10px 20px -10px rgba(0, 0, 0, 0.333); box-shadow: 5px 10px 20px -10px rgba(0, 0, 0, 0.333); text-align: center; margin: 10px; } .content-hyperlink.sticker A:before { display: block; font-family: FontAwesome; text-decoration: none; /*color: #565556;*/ content: "\f08e"; /*+transition: all 0.3s ease-in-out;*/ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 1.4em; } .content-hyperlink.sticker A:after { content: none; } @media (max-width: 799px) { .content-hyperlink.sticker A { width: 180px; height: 180px; padding: 20px; margin: 5px 5px 15px 5px; } } /*Hyperlink*/ /*.content-hyperlink A { width: auto; position: relative; display: table-cell; display: table; vertical-align: middle; padding: 10px 20px; background-color: #F0EEEF; background-color: #B4CC00; text-decoration: none; (*+box-sizing: border-box;*) -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; (*+transition: all 0.5s ease-in-out;*) -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; line-height: 1.5; color: #FFFFFF; font-weight: 700; font-size: 1.05em; (*+border-radius: 3px;*) -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; text-align: center; }*/ /*.content-hyperlink A:hover, .content-hyperlink A:active { background-color: #6FB1BD; color: #FFFFFF; }*/ /*.content-hyperlink A SPAN { position: relative; float: right; display: block; text-decoration: none; color: #FFFFFF; (*+transition: all 0.3s ease-in-out;*) -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }*/ /*.content-hyperlink A:hover SPAN, .content-hyperlink A:active SPAN { color: #FFFFFF; }*/ /*.content-hyperlink A:after { font-family: FontAwesome; text-decoration: none; (*color: #565556;*) content: "\f08e"; (*+transition: all 0.3s ease-in-out;*) -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-left: 0.5em; }*/ /*.content-hyperlink A:hover:before, .content-hyperlink A:active:before { color: #FFFFFF; }*/ /*Slider*/ .slider-wrapper .image_container { margin: 0 40px; } .slider-control .slider-prev, .slider-control .slider-next { font-size: 0; margin-top: -30%; } .slider-control .slider-prev:before { font-family: FontAwesome; content: "\f104"; font-size: 40px; } .slider-control .slider-next:after { font-family: FontAwesome; content: "\f105"; font-size: 40px; } .flexslider { margin: 0 0 40px 0; } #main .flexslider LI { margin: 0; padding: 0; } #main .flexslider LI:before { content: none; } .flex-control-nav LI { margin: 0 6px; } .flex-control-paging LI A { width: 10px; height: 10px; display: block; background: #F0EEEF; /*+border-radius: 20px;*/ -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; /*+box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.304);*/ -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.304); -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.304); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.304); margin-right: 5px; margin-left: 5px; } .flex-control-paging LI A:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging LI A.flex-active { background-color: #A3084E; } .achtzigprozent .flexslider .slides IMG { width: 80%; display: block; margin: 0 auto; } @media (max-width: 599px) { .achtzigprozent .flexslider .slides IMG { width: 100%; display: block; margin: 0 auto; } } /*Colors*/ #main .hell { background: rgba(255, 255, 255, 0.333); } #main .dunkel { background: rgba(0, 0, 0, 0.025); } #main .hellbraun { background: var(--hellbraun); } #main .rot { background: var(--dunkelrot); } /*Form*/ FORM .checkbox_container.mandatory SPAN { display: block; } /*nav.css*/ /*Mobile*/ .mobileMenu { display: none; } .mobile_menu_trigger .material-icons { font-size: 2.4rem; display: flex; gap: 0.5rem; align-items: center; justify-content: flex-end; } .mobile_menu_trigger:hover { cursor: pointer; } .mobile_menu .inner { background: linear-gradient(180deg, var(--creme) 0%, var(--creme-warm) 100%); padding: 5% 5% 2rem 5%; font-weight: normal; } .mobile_menu .logo { max-width: 200px; margin-bottom: 1rem; } .mobile_menu { line-height: 1.333; font-size: 1rem; font-style: normal; font-weight: 300; } .mobile_menu .level_1 LI { border-bottom: 1px solid rgba(0, 0, 0, 0.100); padding: 0.5rem 0; } .mobile_menu .level_2 LI, .mobile_menu .level_1 LI.last { border-bottom: none; } .mobile_menu .level_2 LI:nth-child(odd) { background-color: rgba(164, 136, 124, 0.100); } .mobile_menu .level_2 LI:nth-child(even) { background-color: rgba(255, 255, 255, 0.400); } .mobile_menu A { font-weight: 200; color: var(--text-dark); font-stretch: semi-expanded; letter-spacing: 0.05rem; } .mobile_menu LI A:hover { color: var(--dunkelrot); } .mobile_menu .level_1 A, .mobile_menu .level_1 STRONG.active { font-size: 1rem; text-transform: uppercase; } .mobile_menu .level_2 A, .mobile_menu .level_2 STRONG.active { text-transform: none; font-size: 1rem; } .mobile_menu UL.level_2 { margin-top: 1rem; margin-bottom: 1.333rem; } .mobile_menu .level_2 LI { padding: 0.5rem 1rem; } .mobile_menu STRONG.active { color: var(--dunkelrot); } .mobile_menu .kontakt { line-height: 2; font-size: 95%; } /*Navigation*/ /*MainMenu*/ #mainmenu { display: table; line-height: 0; width: 100%; font-weight: normal; } #mainmenu UL.level_1 { display: flex; gap: 0.5rem; align-items: center; justify-content: flex-end; } #mainmenu UL.level_2 { display: block; position: absolute; top: auto; } #mainmenu LI { line-height: 0; } #mainmenu A, #mainmenu STRONG { display: block; font-size: 1rem; text-decoration: none; text-align: center; color: var(--text-dark); line-height: 1.5; } #mainmenu .level_1 A, #mainmenu .level_1 STRONG { text-transform: uppercase; font-style: normal; font-weight: 300; font-stretch: semi-expanded; letter-spacing: 0.025rem; max-width: 180px; } #mainmenu .level_2 A, #mainmenu .level_2 STRONG { text-transform: none; font-size: 0.975rem; min-width: auto; max-width: none; } #mainmenu A:hover { color: var(--dunkelrot-hover); } #mainmenu .level_1 .active STRONG, #mainmenu .level_1 .trail { font-weight: 300; color: var(--dunkelrot-hover); } #mainmenu .level_2 LI.first A, #mainmenu .level_2 LI.first STRONG { /*+border-radius:var(--r-md) var(--r-md) 0 0;*/ -moz-border-radius: var(--r-md) var(--r-md) 0 0; -webkit-border-radius: var(--r-md) var(--r-md) 0 0; -khtml-border-radius: var(--r-md) var(--r-md) 0 0; border-radius:var(--r-md) var(--r-md) 0 0; padding-top: 1rem; } #mainmenu .level_2 LI.last A, #mainmenu .level_2 LI.last STRONG { /*+border-radius:0 0 var(--r-md) var(--r-md);*/ -moz-border-radius: 0 0 var(--r-md) var(--r-md); -webkit-border-radius: 0 0 var(--r-md) var(--r-md); -khtml-border-radius: 0 0 var(--r-md) var(--r-md); border-radius:0 0 var(--r-md) var(--r-md); padding-bottom: 1rem; } @media (max-width: 1099px) { #mainmenu LI { width: auto; } } #mainmenu A.kontakt, #mainmenu .active.kontakt { margin-left: 1rem; /*border: 2px solid;*/ /*border-color: var(--dunkelrot);*/ /*border-radius: var(--r-pill);*/ /*padding: 0.25rem 1rem;*/ } /*Dropdown*/ #mainmenu .level_2 LI.first { position: relative; border-top: none; } #mainmenu .level_2 LI.first:before { display: block; content: no-close-quote; font-size: 2em; line-height: 0; width: 0; height: 0; border-width: 0 12px 10px; border-color: transparent transparent #99161B transparent; border-style: solid; /*+transform: rotate(360deg);*/ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); margin: 0 auto 0 1em; background-color: transparent; } #mainmenu .level_2 LI A, #mainmenu .level_2 LI STRONG { color: #FFFFFF; padding: 0.75rem 1.5rem; background-color: var(--dunkelrot); text-align: left; } #mainmenu .level_2 LI A:hover { background-color: #776458; color: #ffffff; } #mainmenu .level_2 LI .active, #mainmenu .level_2 LI .forward, #mainmenu .level_2 .trail A { background-color: #A48A7B; color: #FFFFFF; font-weight: normal; } #mainmenu .level_2 { position: absolute; left: auto; right: auto; /*+transform: translate(auto);*/ -webkit-transform: translate(auto); -moz-transform: translate(auto); -o-transform: translate(auto); -ms-transform: translate(auto); transform: translate(auto); top: 0; z-index: 9999; opacity: 0; max-height: 0; overflow: hidden; } #mainmenu .submenu:hover .level_2 { opacity: 1; overflow: visible; color: #493D36; width: auto; /*+transition: 500ms ease-in-out;*/ -webkit-transition: 500ms ease-in-out; -moz-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; } #mainmenu A:focus + .level_2 { opacity: 1; max-height: 100%; /*+transition: opacity 500ms ease-in-out 1s, max-height;*/ -webkit-transition: opacity 500ms ease-in-out 1s, max-height; -moz-transition: opacity 500ms ease-in-out 1s, max-height; -o-transition: opacity 500ms ease-in-out 1s, max-height; transition: opacity 500ms ease-in-out 1s, max-height; } #mainmenu UL.level_2 { display: block; width: 100%; } #mainmenu UL.level_2 > LI { display: list-item; width: 100%; border-top: 1px solid #FFFFFF; } @media (max-width: 899px) { #mainmenu { display: none; } } /*Mainmneu Content*/ #mainmenu A { position: relative; } #mainmenu A:after { display: none; font-size: 80%; opacity: 0; /*+transition: all 500ms ease-in-out;*/ -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; position: absolute; top: 80%; left: 50%; background-color:var( --gelb-soft); padding: 1rem; width: 80%; /*+border-radius: 1rem;*/ -moz-border-radius: 1rem; -webkit-border-radius: 1rem; -khtml-border-radius: 1rem; border-radius: 1rem; /*+box-shadow: 0 0 2rem -1rem #000000;*/ -moz-box-shadow: 0 0 2rem -1rem #000000; -webkit-box-shadow: 0 0 2rem -1rem #000000; box-shadow: 0 0 2rem -1rem #000000; z-index: 99; color:var(--text-dark); } #mainmenu STRONG.active:after { } #mainmenu A:hover:after { display: block; opacity: 1; /*+transition: 500ms ease-in-out;*/ -webkit-transition: 500ms ease-in-out; -moz-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; } #mainmenu .osteopathie A:after { content: "Sanfte manuelle Behandlungsform für ganzheitliche Gesundheit."; } #mainmenu .physiotherapie A:after { content: "Wiederherstellung der natürlichen Bewegungsfunktionen"; } #mainmenu .lymphdrainage A:after { content: "Sanfte Entstauung und Aktivierung des Lymphsystems"; } #mainmenu .integrativ A:after { content: "Fachübergreifender Therapieansatz für die seelische Gesundheit"; } #mainmenu .paarbeziehung A:after { content: "Eigene Muster erkennen und Beziehungsfähigkeit stärken"; } #mainmenu .business A:after { content: "Klarheit, Führung und Resilienz im beruflichen Kontext"; } #mainmenu .vitalbalance A:after { content: "Vitalisierung durch integrative Naturheilverfahren"; } #mainmenu .fremdenergien A:after { content: "Das persönliche Energiefeld und energetischer Blockaden"; } #mainmenu .raumqualitaet A:after { content: "Harmonisierung von Wohn-, Arbeits- und Lebensbereichen"; } /* --- Submenu --- */ #submenu { margin-top:clamp(2.5rem, 4.994vw + 0.63rem, 5rem); } #submenu UL { display: grid; grid-gap:clamp(1.1rem, 1.0286rem + 0.2286vw, 1.2rem); grid-template-columns:repeat(auto-fit, minmax(min(100%,50ch), 1fr)); align-items: stretch; } #submenu.small UL { grid-template-columns:repeat(auto-fit, minmax(min(100%,33ch), 1fr)); } #submenu LI { margin: 0; padding: 0; list-style-type: none; height: 100%; /* WICHTIG: Das LI muss die volle Höhe der Grid-Zelle einnehmen */ } #submenu A, #submenu STRONG { text-decoration: none; text-align: center; /* WICHTIG: Damit der Button die Höhe füllt und der Text mittig bleibt: */ display: flex; /* Statt block */ height: 100%; /* Füllt das LI aus */ align-items: center; /* Zentriert Text vertikal */ justify-content: center; /* Zentriert Text horizontal */ box-sizing: border-box; /* Verhindert, dass Padding die Box sprengt */ line-height: 1.33; align-items: center; padding: clamp(0.5rem, 0.999vw + 0.126rem, 1rem) clamp(0.938rem, 1.873vw + 0.236rem, 1.875rem); font-size: 0.9375rem; font-weight: 500; font-variation-settings: "wght" 500, "wdth" 100; /*letter-spacing: 0.04em;*/ border: 2px solid; border-color: var(--dunkelrot); border-radius: var(--r-pill); transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; } #submenu A:hover { background: var(--dunkelrot); color: var(--weiss); transform: translateY(-2px); } /*OnePAgeMenu*/ #onepagemenu { display: table; width: auto; padding: 20px 0; } #onepagemenu UL { display: table-row; } #onepagemenu LI { display: table-cell; vertical-align: middle; /*+transition: all 750ms ease;*/ -webkit-transition: all 750ms ease; -moz-transition: all 750ms ease; -o-transition: all 750ms ease; transition: all 750ms ease; width: auto; padding-right: 20px; } #onepagemenu LI.last { padding-right: 0; } #onepagemenu A, #onepagemenu STRONG { text-decoration: none; display: block; font-size: 1.2em; cursor: pointer; /*+transition: all 750ms ease;*/ -webkit-transition: all 750ms ease; -moz-transition: all 750ms ease; -o-transition: all 750ms ease; transition: all 750ms ease; } #onepagemenu A:hover { } #onepagemenu A:before { font-family: FontAwesome; content: "\f005"; font-weight: 400; font-size: 1em; } @media (max-width: 999px) { #onepagemenu LI { width: auto; } } @media (max-width: 899px) { #onepagemenu LI { display: list-item; } } /*FooterMenu*/ #footer .mod_customnav { font-style: normal; } #footer .mod_customnav LI { display: inline-block; } @media (max-width: 799px) { #footer .mod_customnav LI { display: inherit; } } #footer .mod_customnav A, #footer .mod_customnav STRONG { display: block; text-decoration: none; color: #FFFFFF; margin: 0 0.5em 0 0; font-family: "Barlow Condensed", sans-serif; font-weight: 400; font-style: normal; } #footer .mod_customnav A:before, #footer .mod_customnav STRONG:before { margin: 0 5px 0 0; /*+transition: all 500ms ease;*/ -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; font-family: 'Material Icons'; content: "\e5e1"; vertical-align: middle; } #footer .mod_customnav A:hover, #footer .mod_customnav A:hover:before, #footer .mod_customnav STRONG, #footer .mod_customnav A.trail, #footer .mod_customnav A.active, #footer .mod_customnav STRONG:before, #footer .mod_customnav A.trail:before, #footer .mod_customnav A.active:before { color: #FDD491; } /*Sitemap*/ .mod_sitemap { padding-bottom: 3rem; overflow: visible; } .mod_sitemap UL { display: grid; grid-template-columns: 1fr; } .mod_sitemap LI { /*+transition: 500ms ease-in-out;*/ -webkit-transition: 500ms ease-in-out; -moz-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; } .mod_sitemap .invisible { display: none; } /* Jedes zweite Element (gerade) */ .mod_sitemap LI:nth-child(even) { background-color: rgba(255, 255, 255, 0.200); } /* Optional: Jedes erste Element (ungerade) */ .mod_sitemap LI:nth-child(odd) { background-color: rgba(164, 136, 124, 0.100); } .mod_sitemap A, .mod_sitemap STRONG { padding: 0.75rem clamp(1rem, 3.074vw + .2334rem, 3rem); display: block; line-height: 1.4; color: var(--text-dark); text-align: center; } .mod_sitemap LI A:hover { color: var(--dunkelrot-hover); } .mod_sitemap LI:nth-child(even):hover { background-color: rgba(255, 255, 255, 0.500); } .mod_sitemap LI:nth-child(odd):hover { background-color: rgba(255, 255, 255, 0.600); } /*Sitemap Content*/ .mod_sitemap A { position: relative; } .mod_sitemap A:after { display: none; font-size: 80%; opacity: 0; /*+transition: all 500ms ease-in-out;*/ -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; position: absolute; top: 111%; left: 50%; /*+transform: translateX(-50%);*/ -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: rgba(255, 255, 255, 0.5); backdrop-filter:blur(2rem); padding: 1rem; width: 66%; /*+border-radius: 1rem;*/ -moz-border-radius: 1rem; -webkit-border-radius: 1rem; -khtml-border-radius: 1rem; border-radius: 1rem; /*+box-shadow: 0 0 2rem -1.5rem #000000;*/ -moz-box-shadow: 0 0 2rem -1.5rem #000000; -webkit-box-shadow: 0 0 2rem -1.5rem #000000; box-shadow: 0 0 2rem -1.5rem #000000; z-index: 99; color:var(--text-dark); border: 1px solid rgba(255, 255, 255, 0.60); } .mod_sitemap STRONG.active:after { } .mod_sitemap A:hover:after { display: block; opacity: 1; /*+transition: 500ms ease-in-out;*/ -webkit-transition: 500ms ease-in-out; -moz-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; } .mod_sitemap .osteopathie A:after { content: "Sanfte manuelle Behandlungsform für ganzheitliche Gesundheit."; } .mod_sitemap .physiotherapie A:after { content: "Wiederherstellung der natürlichen Bewegungsfunktionen"; } .mod_sitemap .lymphdrainage A:after { content: "Sanfte Entstauung und Aktivierung des Lymphsystems"; } .mod_sitemap .integrativ A:after { content: "Fachübergreifender Therapieansatz für die seelische Gesundheit"; } .mod_sitemap .paarbeziehung A:after { content: "Eigene Muster erkennen und Beziehungsfähigkeit stärken"; } .mod_sitemap .business A:after { content: "Klarheit, Führung und Resilienz im beruflichen Kontext"; } .mod_sitemap .vitalbalance A:after { content: "Vitalisierung durch integrative Naturheilverfahren"; } .mod_sitemap .fremdenergien A:after { content: "Das persönliche Energiefeld und energetischer Blockaden"; } .mod_sitemap .raumqualitaet A:after { content: "Harmonisierung von Wohn-, Arbeits- und Lebensbereichen"; } /*Angebot*/ .angebot { position: relative; display: flex; flex-direction: column; background: var(--creme-warm); border-radius: var(--r-lg); overflow: hidden; transition: transform 0.35s ease, box-shadow 0.35s ease; margin-bottom: 2rem; overflow: visible; } .angebot .content-text, .angebot .content-image { padding: 1rem clamp(1rem, 3.074vw + .2334rem, 3rem) 0 clamp(1rem, 3.074vw + .2334rem, 3rem); } .angebot:hover { box-shadow: var(--shadow); filter: saturate(133%); } .angebot.altrosa { background: var(--altrosa-soft); } .angebot.gelb { background: var(--gelb-soft); } .angebot.braun { background: #ECE1D8; } /* Dunkelroter Strich oben an der Karte */ .angebot:before { content: ""; position: absolute; top: 0; left: clamp(1rem, 3.074vw + .2334rem, 3rem); width: 72px; height: 5px; background: var(--dunkelrot); border-radius: 0 0 5px 5px; } .angebot H4 { font-size: 105%; text-align: center; color: var(--dunkelrot); } /*Nachrichten*/ #main .mod_newslist { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: calc(3rem - 20px) 3rem; } #main .mod_newslist .layout_latest { position: relative; background-color: rgba(255, 255, 255, 0.284); padding: 5%; /*+box-shadow: 0 20px 40px -30px rgba(78, 65, 120, 0.333);*/ -moz-box-shadow: 0 20px 40px -30px rgba(78, 65, 120, 0.333); -webkit-box-shadow: 0 20px 40px -30px rgba(78, 65, 120, 0.333); box-shadow: 0 20px 40px -30px rgba(78, 65, 120, 0.333); margin-bottom: 20px; } #main .mod_newslist .layout_latest H2 { margin-top: 0; font-size: 2rem; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } #main .mod_newslist .layout_latest P { line-height: 1.5; font-size: 0.925em; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } #main .mod_newslist .info { font-size: 0.875em; line-height: 1; } #main .mod_newslist .layout_latest .image_container { float: left; margin-right: 1em; margin-bottom: 1em; } #footertop .mod_newslist .layout_simple { padding: 0.5rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.333); } #footertop .mod_newslist .layout_simple.last { border-bottom: none; } #footertop .mod_newslist .layout_simple IMG { float: left; margin-right: 0.5rem; } #footertop .mod_newslist .layout_simple TIME { margin-right: 0.5rem; font-size: 0.9rem; } #main .mod_newsreader .image_container.float_left { margin: 0 0 2em 2em; } #main .mod_newsreader .image_container.float_right { margin-left: 50px; margin-bottom: 20px; } #main .mod_newsreader .image_container.float_above { float: right; margin: 0 0 2em 2em; } @media (max-width: 899px) { .mod_newslist { display: block; } .mod_newslist .layout_latest { margin-top: 5%; } .mod_newsreader .image_container.float_left, .mod_newsreader .image_container.float_right { width: 100%; margin: 0 auto 20px; text-align: center; } } @media (max-width: 399px) { #main .mod_newslist .layout_latest .image_container { float: none; margin-left: 0; margin-bottom: 1em; } } .mod_subscribe .widget-explanation { font-size: 0.925em; line-height: 1.5; } /*Galerie*/ .content-gallery { line-height: 0; position: relative; } .content-gallery--cols-1 UL, .content-gallery--cols-2 UL, .content-gallery--cols-3 UL, .content-gallery--cols-4 UL, .content-gallery--cols-5 UL, .content-gallery--cols-6 UL, .content-gallery--cols-7 UL, .content-gallery--cols-8 UL, .content-gallery--cols-9 UL, .content-gallery--cols-10 UL, .content-gallery--cols-11 UL, .content-gallery--cols-12 UL { display: grid; grid-gap: 1rem; } .content-gallery--cols-1 UL { grid-template-columns: 1fr; } .content-gallery--cols-2 UL { grid-template-columns: repeat(2, 1fr); } .content-gallery--cols-3 UL { grid-template-columns: repeat(3, 1fr); } .content-gallery--cols-4 UL { grid-template-columns: repeat(4, 1fr); } .content-gallery--cols-5 UL { grid-template-columns: repeat(5, 1fr); } .content-gallery--cols-6 UL { grid-template-columns: repeat(6, 1fr); } .content-gallery--cols-7 UL { grid-template-columns: repeat(7, 1fr); } .content-gallery--cols-8 UL { grid-template-columns: repeat(8, 1fr); } .content-gallery--cols-9 UL { grid-template-columns: repeat(9, 1fr); } .content-gallery--cols-10 UL { grid-template-columns: repeat(10, 1fr); } .content-gallery--cols-11 UL { grid-template-columns: repeat(11, 1fr); } .content-gallery--cols-12 UL { grid-template-columns: repeat(12, 1fr); } #main .content-gallery IMG { width: auto; /*+box-shadow: 0 0 2rem -1.5rem rgba(0, 0, 0, 0.333);*/ -moz-box-shadow: 0 0 2rem -1.5rem rgba(0, 0, 0, 0.333); -webkit-box-shadow: 0 0 2rem -1.5rem rgba(0, 0, 0, 0.333); box-shadow: 0 0 2rem -1.5rem rgba(0, 0, 0, 0.333); } #main .content-gallery FIGURE { /*+transition: 500ms ease-in-out;*/ -webkit-transition: 500ms ease-in-out; -moz-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; filter: sepia(0) saturate(1); } #main .content-gallery FIGURE:hover { filter: sepia(0.333) saturate(0.9); } @media (max-width: 1199px) { .content-gallery--cols-5 UL, .content-gallery--cols-6 UL, .content-gallery--cols-7 UL, .content-gallery--cols-8 UL, .content-gallery--cols-9 UL, .content-gallery--cols-10 UL, .content-gallery--cols-11 UL, .content-gallery--cols-12 UL { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 599px) { .content-gallery--cols-1 UL, .content-gallery--cols-2 UL, .content-gallery--cols-3 UL, .content-gallery--cols-4 UL, .content-gallery--cols-5 UL, .content-gallery--cols-6 UL, .content-gallery--cols-7 UL, .content-gallery--cols-8 UL, .content-gallery--cols-9 UL, .content-gallery--cols-10 UL, .content-gallery--cols-11 UL, .content-gallery--cols-12 UL { grid-template-columns: repeat(2, 1fr); } } .full .content-gallery UL { grid-gap: 0; } .goverlay { background: linear-gradient(180deg, var(--creme) 0%, var(--creme-warm) 100%); } .goverlay:after { content: url("../../files/theme/img/logo_ohne_text.png"); position: absolute; left: 50%; /*+transform: translateX(-50%);*/ -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .glightbox-mobile .goverlay { background: linear-gradient(180deg, var(--creme) 0%, var(--creme-warm) 100%); } .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev { background-color:var(--gelb); } .gslide-image, .gslide-image IMG { /*+border-radius:var(--r-md);*/ -moz-border-radius: var(--r-md); -webkit-border-radius: var(--r-md); -khtml-border-radius: var(--r-md); border-radius:var(--r-md); /*+border-radius:var(--r-md);*/ -moz-border-radius: var(--r-md); -webkit-border-radius: var(--r-md); -khtml-border-radius: var(--r-md); border-radius:var(--r-md); } @media (min-width: 769px) { .glightbox-clean .gslide-media { /*+box-shadow: 0 0 8rem -2rem rgba(45, 32, 28, 0.666);*/ -moz-box-shadow: 0 0 8rem -2rem rgba(45, 32, 28, 0.666); -webkit-box-shadow: 0 0 8rem -2rem rgba(45, 32, 28, 0.666); box-shadow: 0 0 8rem -2rem rgba(45, 32, 28, 0.666); } } /*Formulare*/ FORM LEGEND { display: block; font-size: 1.2em; padding: 20px; } FORM H2 { display: block; font-size: 1.6em; margin: 0; } FIELDSET { background-color: #FFFFFF; padding: 20px; border: 1px solid #B8CFEC; /*+border-radius: 3px;*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } FIELDSET.checkbox_container { background-color: inherit; padding: inherit; border: inherit; /*+border-radius: inherit;*/ -moz-border-radius: inherit; -webkit-border-radius: inherit; -khtml-border-radius: inherit; border-radius: inherit; } FIELDSET.teilnehmer { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px 20px; /*padding-top: 2em;*/ } FORM .widget { margin-bottom: 0.25em; } FORM .widget > LABEL { display: block; margin-bottom: 0.25em; font-weight: normal; } FORM .radio_container SPAN { margin: 0 0.5em 0 0.25em; display: block; } FORM .radio_container SPAN.mandatory { display: inline; } FORM .radio { margin-right: 0.5em; } @media screen and (max-width: 699px) { FIELDSET.teilnehmer { grid-template-columns: repeat(1, 1fr); } } /*Termine Home*/ .table_home STRONG, .table_home .col_first { color: #1356A7; font-weight: bold; } /*.table_home .col_first { color: #1356A7; font-weight: bold; width: 40%; }*/ .table_home TABLE { width: 100% !important; } .table_home TR { margin-bottom: 1em; } .table_home TD { display: table-cell; width: auto; padding: 0.5em 0.5em 0.5em 0; border-bottom: 1px solid #B8CFEC; } .table_home TD.last { padding-right: 0; } @media screen and (max-width: 399px) { .table_home TR { display: block; border-bottom: 1px solid #B8CFEC; padding-bottom: 1em; } .table_home TD { display: block; padding: 0; border: none; } } /* poppins-100 - 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: 'Poppins'; font-style: normal; font-weight: 100; src: url('../../files/theme/fonts/poppins-v24-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* poppins-200 - 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: 'Poppins'; font-style: normal; font-weight: 200; src: url('../../files/theme/fonts/poppins-v24-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* poppins-300 - 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: 'Poppins'; font-style: normal; font-weight: 300; src: url('../../files/theme/fonts/poppins-v24-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* poppins-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: 'Poppins'; font-style: normal; font-weight: 400; src: url('../../files/theme/fonts/poppins-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* poppins-italic - 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: 'Poppins'; font-style: italic; font-weight: 400; src: url('../../files/theme/fonts/poppins-v24-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* poppins-700 - 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: 'Poppins'; font-style: normal; font-weight: 700; src: url('../../files/theme/fonts/poppins-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* poppins-700italic - 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: 'Poppins'; font-style: italic; font-weight: 700; src: url('../../files/theme/fonts/poppins-v24-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* material-icons-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: 'Material Icons'; font-style: normal; font-weight: 400; src: url('../../files/theme/fonts/material-icons-v145-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /*Material Icons*/ .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; vertical-align: middle; } .hide .material-icons { visibility: hidden; }