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%}
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}
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)}
@charset "UTF-8";/*!
* mmenu.js
* mmenujs.com
*
* Copyright (c) Fred Heusschen
* frebsite.nl
*
* License: CC-BY-NC-4.0
* http://creativecommons.org/licenses/by-nc/4.0/
*/:root{--mm-lineheight:22px}.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu,.mm-menu *,.mm-menu :after,.mm-menu :before{-webkit-transition-property:none;-o-transition-property:none;transition-property:none;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}:root{--mm-blocker-visibility-delay:0.4s;--mm-blocker-opacity-delay:0s}.mm-blocker{display:block;position:absolute;bottom:100%;top:0;right:0;left:0;z-index:3;opacity:0;background:var(--mm-color-background);-webkit-transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),-webkit-transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),-webkit-transform .4s ease;-o-transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease,-webkit-transform .4s ease}.mm-blocker:focus-visible{opacity:.75}.mm-btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;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;position:relative;width:50px;padding:0}.mm-btn--next,[dir=rtl] .mm-btn--prev{--mm-btn-rotate:135deg}.mm-btn--prev,[dir=rtl] .mm-btn--next{--mm-btn-rotate:-45deg}.mm-btn--next:after,.mm-btn--prev:before{content:"";display:block;position:absolute;top:0;bottom:0;width:8px;height:8px;margin:auto;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid var(--mm-color-icon);border-bottom:none;border-right:none;-webkit-transform:rotate(var(--mm-btn-rotate));-ms-transform:rotate(var(--mm-btn-rotate));transform:rotate(var(--mm-btn-rotate))}.mm-btn--prev:before{inset-inline-start:23px}.mm-btn--next:after{inset-inline-end:23px}.mm-btn--close:before{content:"×";font-size:150%}.mm-btnreset{padding:0;background:0 0;border:none;cursor:pointer}.mm-divider{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:-webkit-sticky;position:sticky;z-index:2;top:0;min-height:var(--mm-lineheight);padding:calc((var(--mm-listitem-size) * .65 - var(--mm-lineheight)) * .5) 20px;font-size:75%;text-transform:uppercase;background:var(--mm-color-background);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--mm-color-background-highlight)),to(var(--mm-color-background-highlight)));background-image:-o-linear-gradient(var(--mm-color-background-highlight),var(--mm-color-background-highlight));background-image:linear-gradient(var(--mm-color-background-highlight),var(--mm-color-background-highlight));opacity:1;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.mm-navbar:not(.mm-hidden)~.mm-listview .mm-divider{top:var(--mm-navbar-size)}:root{--mm-listitem-size:50px}.mm-listitem{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:0;margin:0;color:var(--mm-color-text);border-color:var(--mm-color-border)}.mm-listitem:after{content:"";border-color:inherit;border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;inset-inline-start:20px;inset-inline-end:0;bottom:0}.mm-listitem__btn,.mm-listitem__text{padding:calc((var(--mm-listitem-size) - var(--mm-lineheight))/ 2) 0}.mm-listitem__text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:10%;flex-basis:10%;display:block;padding-left:20px;padding-right:20px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-listitem__btn{display:block;position:relative;width:auto;-webkit-padding-end:50px;padding-inline-end:50px;border-color:inherit;background:rgba(3,2,1,0)}.mm-listitem__btn:not(.mm-listitem__text){border-left-width:1px;border-left-style:solid}.mm-listitem--selected>.mm-listitem__text{background:var(--mm-color-background-emphasis)}.mm-listitem--opened>.mm-listitem__btn,.mm-listitem--opened>.mm-panel{background:var(--mm-color-background-highlight)}.mm-listview{list-style:none;display:block;padding:0;margin:0}.mm-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;-ms-scroll-chaining:none;overscroll-behavior:none;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);line-height:var(--mm-lineheight);-webkit-tap-highlight-color:var(--mm-color-background-emphasis);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mm-menu ::-webkit-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::-moz-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu :-ms-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::-ms-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::placeholder{color:var(--mm-color-text-dimmed)}.mm-menu,.mm-menu *{-webkit-box-sizing:border-box;box-sizing:border-box}.mm-menu :focus,.mm-menu :focus-visible,.mm-menu:focus,.mm-menu:focus-visible{outline:0}.mm-menu a,.mm-menu button,.mm-menu label{color:inherit}.mm-menu a:focus,.mm-menu button:focus,.mm-menu label:focus{outline:0}.mm-menu a:focus-visible,.mm-menu button:focus-visible,.mm-menu label:focus-visible{outline:2px solid var(--mm-color-focusring);outline-offset:-5px}.mm-menu input:focus,.mm-menu input:focus-visible,.mm-menu select:focus,.mm-menu select:focus-visible,.mm-menu textarea:focus,.mm-menu textarea:focus-visible{outline:2px solid var(--mm-color-focusring);outline-offset:2px}.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{text-decoration:none;color:inherit}:root{--mm-navbar-size:50px}.mm-navbar{display:-webkit-box;display:-ms-flexbox;display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:2;min-height:var(--mm-navbar-size);padding-top:env(safe-area-inset-top);color:var(--mm-color-text-dimmed);text-align:center;opacity:1;background:var(--mm-color-background);border-bottom:1px solid var(--mm-color-border);-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.mm-navbar>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;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;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-navbar__btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.mm-navbar__title{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 20px;overflow:hidden}.mm-navbar__title[href="#"]{pointer-events:none}.mm-navbar__title>span{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-btn.mm-hidden+.mm-navbar__title:not(:last-child){-webkit-padding-start:60px;padding-inline-start:60px;-webkit-padding-end:10px;padding-inline-end:10px}.mm-btn:not(.mm-hidden)+.mm-navbar__title:last-child{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:60px;padding-inline-end:60px}.mm-panel{--mm-panel-child-offset:100%;--mm-panel-parent-offset:-30%;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;color:var(--mm-color-text);border-color:var(--mm-color-border);background:var(--mm-color-background);-webkit-transform:translate3d(var(--mm-panel-child-offset),0,0);transform:translate3d(var(--mm-panel-child-offset),0,0);-webkit-transition-property:inset-inline-start,-webkit-transform;transition-property:inset-inline-start,-webkit-transform;-o-transition-property:transform,inset-inline-start;transition-property:transform,inset-inline-start;transition-property:transform,inset-inline-start,-webkit-transform}[dir=rtl] .mm-panel{--mm-panel-child-offset:-100%;--mm-panel-parent-offset:30%}.mm-panel:after{content:"";display:block;height:var(--mm-listitem-size)}.mm-panel:focus{outline:0}.mm-panel--opened{z-index:2;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.mm-panel--parent{-webkit-transform:translate3d(var(--mm-panel-parent-offset),0,0);transform:translate3d(var(--mm-panel-parent-offset),0,0);z-index:0}.mm-panel--highest{z-index:3}.mm-menu--opened .mm-panel--noanimation{-webkit-transition:none!important;-o-transition:none!important;transition:none!important;-webkit-transition-duration:0s!important;-o-transition-duration:0s!important;transition-duration:0s!important}.mm-panel__content{padding:20px}.mm-panels{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative;height:100%;overflow:hidden;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text)}.mm-panels:focus{outline:0}:root{--mm-toggle-size:34px}.mm-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;-webkit-box-flex:calc(var(--mm-toggle-size) * 1.75);-ms-flex:calc(var(--mm-toggle-size) * 1.75) 0 0px;flex:calc(var(--mm-toggle-size) * 1.75) 0 0;height:var(--mm-toggle-size);-webkit-margin-end:10px;margin-inline-end:10px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:none!important;border-radius:var(--mm-toggle-size);border:var(--mm-color-border);background:var(--mm-color-border);cursor:pointer;-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}.mm-toggle:before{content:"";aspect-ratio:1;margin:2px;border-radius:100%;background:var(--mm-color-background);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.mm-toggle:checked{background:#4bd963}.mm-toggle:checked:before{-webkit-transform:translateX(calc(var(--mm-toggle-size) * .75));-ms-transform:translateX(calc(var(--mm-toggle-size) * .75));transform:translateX(calc(var(--mm-toggle-size) * .75))}[dir=rtl] .mm-toggle:checked:before{-webkit-transform:translateX(calc(var(--mm-toggle-size) * -.75));-ms-transform:translateX(calc(var(--mm-toggle-size) * -.75));transform:translateX(calc(var(--mm-toggle-size) * -.75))}.mm-listitem--vertical>.mm-panel{position:static;width:100%;padding:10px 0 10px 20px;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.mm-listitem--vertical>.mm-panel:after{content:none;display:none}.mm-listitem--vertical:not(.mm-listitem--opened)>.mm-panel{display:none}.mm-listitem--vertical>.mm-listitem__btn{height:var(--mm-listitem-size);bottom:auto}.mm-listitem--vertical .mm-listitem:last-child:after{border-color:transparent}.mm-listitem--opened>.mm-listitem__btn:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}:root{--mm-size:80%;--mm-min-size:240px;--mm-max-size:440px}.mm-menu--offcanvas{position:fixed;z-index:0}.mm-page{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh;background:inherit}:where(.mm-slideout){position:relative;z-index:1;width:100%;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}.mm-wrapper--opened,.mm-wrapper--opened body{overflow:hidden}.mm-wrapper__blocker{background:rgba(0,0,0,.4)}.mm-wrapper--opened .mm-wrapper__blocker{--mm-blocker-visibility-delay:0s;--mm-blocker-opacity-delay:0.4s;bottom:0;opacity:.5}.mm-menu{--mm-translate-horizontal:0;--mm-translate-vertical:0}.mm-menu--position-left,.mm-menu--position-left-front{right:auto}.mm-menu--position-right,.mm-menu--position-right-front{left:auto}.mm-menu--position-left,.mm-menu--position-left-front,.mm-menu--position-right,.mm-menu--position-right-front{width:clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))}.mm-menu--position-left-front{--mm-translate-horizontal:-100%}.mm-menu--position-right-front{--mm-translate-horizontal:100%}.mm-menu--position-top{bottom:auto}.mm-menu--position-bottom{top:auto}.mm-menu--position-bottom,.mm-menu--position-top{width:100%;height:clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))}.mm-menu--position-top{--mm-translate-vertical:-100%}.mm-menu--position-bottom{--mm-translate-vertical:100%}.mm-menu--position-bottom,.mm-menu--position-left-front,.mm-menu--position-right-front,.mm-menu--position-top{z-index:2;-webkit-transform:translate3d(var(--mm-translate-horizontal),var(--mm-translate-vertical),0);transform:translate3d(var(--mm-translate-horizontal),var(--mm-translate-vertical),0);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.mm-menu--position-bottom.mm-menu--opened,.mm-menu--position-left-front.mm-menu--opened,.mm-menu--position-right-front.mm-menu--opened,.mm-menu--position-top.mm-menu--opened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper--position-left{--mm-translate-horizontal:clamp(
var(--mm-min-size),
var(--mm-size),
var(--mm-max-size)
)}.mm-wrapper--position-right{--mm-translate-horizontal:clamp(
calc(-1 * var(--mm-max-size)),
calc(-1 * var(--mm-size)),
calc(-1 * var(--mm-min-size))
)}.mm-wrapper--position-left .mm-slideout,.mm-wrapper--position-right .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper--position-left.mm-wrapper--opened .mm-slideout,.mm-wrapper--position-right.mm-wrapper--opened .mm-slideout{-webkit-transform:translate3d(var(--mm-translate-horizontal),0,0);transform:translate3d(var(--mm-translate-horizontal),0,0)}.mm-wrapper--position-bottom .mm-wrapper__blocker,.mm-wrapper--position-left-front .mm-wrapper__blocker,.mm-wrapper--position-right-front .mm-wrapper__blocker,.mm-wrapper--position-top .mm-wrapper__blocker{z-index:1}.mm-menu--theme-light{--mm-color-background:#f3f3f3;--mm-color-border:rgb(0 0 0 / 0.15);--mm-color-icon:rgb(0 0 0 / 0.4);--mm-color-text:rgb(0 0 0 / 0.8);--mm-color-text-dimmed:rgb(0 0 0 / 0.4);--mm-color-background-highlight:rgb(0 0 0 / 0.05);--mm-color-background-emphasis:rgb(255 255 255 / 0.75);--mm-color-focusring:#06c}.mm-menu--theme-light-contrast{--mm-color-background:#f3f3f3;--mm-color-border:rgb(0 0 0 / 0.5);--mm-color-icon:rgb(0 0 0 / 0.5);--mm-color-text:#000;--mm-color-text-dimmed:rgb(0 0 0 / 0.7);--mm-color-background-highlight:rgb(0 0 0 / 0.05);--mm-color-background-emphasis:rgb(255 255 255 / 0.9);--mm-color-focusring:#06c}.mm-menu--theme-dark{--mm-color-background:#333;--mm-color-border:rgb(0, 0, 0, 0.4);--mm-color-icon:rgb(255, 255, 255, 0.4);--mm-color-text:rgb(255, 255, 255, 0.8);--mm-color-text-dimmed:rgb(255, 255, 255, 0.4);--mm-color-background-highlight:rgb(255, 255, 255, 0.08);--mm-color-background-emphasis:rgb(0, 0, 0, 0.1);--mm-color-focusring:#06c}.mm-menu--theme-dark-contrast{--mm-color-background:#333;--mm-color-border:rgb(255 255 255 / 0.5);--mm-color-icon:rgb(255 255 255 / 0.5);--mm-color-text:#fff;--mm-color-text-dimmed:rgb(255 255 255 / 0.7);--mm-color-background-highlight:rgb(255 255 255 / 0.1);--mm-color-background-emphasis:rgb(0 0 0 / 0.3);--mm-color-focusring:#06c}.mm-menu--theme-white{--mm-color-background:#fff;--mm-color-border:rgb(0 0 0 / 0.15);--mm-color-icon:rgb(0 0 0 / 0.3);--mm-color-text:rgb(0 0 0 / 0.8);--mm-color-text-dimmed:rgb(0 0 0 / 0.3);--mm-color-background-highlight:rgb(0 0 0 / 0.06);--mm-color-background-emphasis:rgb(0 0 0 / 0.03);--mm-color-focusring:#06c}.mm-menu--theme-white-contrast{--mm-color-background:#fff;--mm-color-border:rgb(0 0 0 / 0.5);--mm-color-icon:rgb(0 0 0 / 0.5);--mm-color-text:#000;--mm-color-text-dimmed:rgb(0 0 0 / 0.7);--mm-color-background-highlight:rgb(0 0 0 / 0.07);--mm-color-background-emphasis:rgb(0 0 0 / 0.035);--mm-color-focusring:#06c}.mm-menu--theme-black{--mm-color-background:#000;--mm-color-border:rgb(255 255 255 / 0.2);--mm-color-icon:rgb(255 255 255 / 0.4);--mm-color-text:rgb(255 255 255 / 0.7);--mm-color-text-dimmed:rgb(255 255 255 / 0.4);--mm-color-background-highlight:rgb(255 255 255 / 0.1);--mm-color-background-emphasis:rgb(255 255 255 / 0.06);--mm-color-focusring:#06c}.mm-menu--theme-black-contrast{--mm-color-background:#000;--mm-color-border:rgb(255 255 255 / 0.5);--mm-color-icon:rgb(255 255 255 / 0.5);--mm-color-text:#fff;--mm-color-text-dimmed:rgb(255 255 255 / 0.6);--mm-color-background-highlight:rgb(255 255 255 / 0.125);--mm-color-background-emphasis:rgb(255 255 255 / 0.1);--mm-color-focusring:#06c}.mm-counter{display:block;-webkit-padding-start:20px;padding-inline-start:20px;float:right;color:var(--mm-color-text-dimmed)}[dir=rtl] .mm-counter{float:left}:root{--mm-iconbar-size:50px}.mm-menu--iconbar-left .mm-navbars,.mm-menu--iconbar-left .mm-panels{margin-left:var(--mm-iconbar-size)}.mm-menu--iconbar-right .mm-navbars,.mm-menu--iconbar-right .mm-panels{margin-right:var(--mm-iconbar-size)}.mm-iconbar{display:none;position:absolute;top:0;bottom:0;z-index:2;width:var(--mm-iconbar-size);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border:0 solid;border-color:var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center}.mm-menu--iconbar-left .mm-iconbar,.mm-menu--iconbar-right .mm-iconbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mm-menu--iconbar-left .mm-iconbar{border-right-width:1px;left:0}.mm-menu--iconbar-right .mm-iconbar{border-left-width:1px;right:0}.mm-iconbar__bottom,.mm-iconbar__top{width:100%;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}.mm-iconbar__bottom>*,.mm-iconbar__top>*{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:calc((var(--mm-iconbar-size) - var(--mm-lineheight))/ 2) 0}.mm-iconbar__bottom a,.mm-iconbar__bottom a:hover,.mm-iconbar__top a,.mm-iconbar__top a:hover{text-decoration:none}.mm-iconbar__tab--selected{background:var(--mm-color-background-emphasis)}:root{--mm-iconpanel-size:50px}.mm-panel--iconpanel-0{inset-inline-start:calc(0 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-1{inset-inline-start:calc(1 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-2{inset-inline-start:calc(2 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-3{inset-inline-start:calc(3 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-4{inset-inline-start:calc(4 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-first~.mm-panel{inset-inline-start:var(--mm-iconpanel-size)}.mm-menu--iconpanel .mm-panel--parent .mm-divider,.mm-menu--iconpanel .mm-panel--parent .mm-navbar{opacity:0}.mm-menu--iconpanel .mm-panels>.mm-panel--parent{overflow-y:hidden;-webkit-transform:unset;-ms-transform:unset;transform:unset}.mm-menu--iconpanel .mm-panels>.mm-panel:not(.mm-panel--iconpanel-first):not(.mm-panel--iconpanel-0){border-inline-start-width:1px;border-inline-start-style:solid}.mm-navbars{-ms-flex-negative:0;flex-shrink:0}.mm-navbars .mm-navbar{position:relative;padding-top:0;border-bottom:none}.mm-navbars--top{border-bottom:1px solid var(--mm-color-border)}.mm-navbars--top .mm-navbar:first-child{padding-top:env(safe-area-inset-top)}.mm-navbars--bottom{border-top:1px solid var(--mm-color-border)}.mm-navbars--bottom .mm-navbar:last-child{padding-bottom:env(safe-area-inset-bottom)}.mm-navbar__breadcrumbs{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mm-navbar__breadcrumbs>*{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;-webkit-padding-end:6px;padding-inline-end:6px}.mm-navbar__breadcrumbs>a{text-decoration:underline}.mm-navbar__breadcrumbs:not(:last-child){-webkit-padding-end:0;padding-inline-end:0}.mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs{-webkit-padding-start:0;padding-inline-start:0}.mm-navbar__tab{padding:0 10px;border:1px solid transparent}.mm-navbar__tab--selected{background:var(--mm-color-background)}.mm-navbar__tab--selected:not(:first-child){border-inline-start-color:var(--mm-color-border)}.mm-navbar__tab--selected:not(:last-child){border-inline-end-color:var(--mm-color-border)}.mm-navbars--top.mm-navbars--has-tabs{border-bottom:none}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar{background:var(--mm-color-background-emphasis)}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar--tabs~.mm-navbar{background:var(--mm-color-background)}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar:not(.mm-navbar--tabs):last-child{border-bottom:1px solid var(--mm-color-border)}.mm-navbars--top .mm-navbar__tab{border-bottom-color:var(--mm-color-border)}.mm-navbars--top .mm-navbar__tab--selected{border-top-color:var(--mm-color-border);border-bottom-color:transparent}.mm-navbars--bottom.mm-navbar--has-tabs{border-top:none}.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar{background:var(--mm-color-background)}.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs,.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs~.mm-navbar{background:var(--mm-color-background-emphasis)}.mm-navbars--bottom .mm-navbar__tab{border-top-color:var(--mm-color-border)}.mm-navbars--bottom .mm-navbar__tab--selected{border-bottom-color:var(--mm-color-border);border-top-color:transparent}.mm-searchfield{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:var(--mm-navbar-size);padding:0;overflow:hidden}.mm-searchfield__input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;max-width:100%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-searchfield__input input{display:block;width:100%;max-width:100%;height:calc(var(--mm-navbar-size) * .7);min-height:auto;max-height:auto;margin:0;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;border-radius:4px;line-height:calc(var(--mm-navbar-size) * .7);font:inherit;font-size:inherit}.mm-searchfield__input input,.mm-searchfield__input input:focus,.mm-searchfield__input input:hover{background:var(--mm-color-background-highlight);color:var(--mm-color-text)}.mm-menu[class*=-contrast] .mm-searchfield__input input{border:1px solid var(--mm-color-border)}.mm-searchfield__input input::-ms-clear{display:none}.mm-searchfield__btn{display:none;position:absolute;inset-inline-end:0;top:0;bottom:0}.mm-searchfield--searching .mm-searchfield__btn{display:block}.mm-searchfield__cancel{display:block;position:relative;-webkit-margin-end:-100px;margin-inline-end:-100px;-webkit-padding-start:5px;padding-inline-start:5px;-webkit-padding-end:20px;padding-inline-end:20px;visibility:hidden;line-height:var(--mm-navbar-size);text-decoration:none;-webkit-transition-property:visibility,margin;-o-transition-property:visibility,margin;transition-property:visibility,margin}.mm-searchfield--cancelable .mm-searchfield__cancel{visibility:visible;-webkit-margin-end:0;margin-inline-end:0}.mm-panel--search{left:0!important;right:0!important;width:100%!important;border:none!important}.mm-panel__splash{padding:20px}.mm-panel--searching .mm-panel__splash{display:none}.mm-panel__noresults{display:none;padding:40px 20px;color:var(--mm-color-text-dimmed);text-align:center;font-size:150%;line-height:1.4}.mm-panel--noresults .mm-panel__noresults{display:block}:root{--mm-sectionindexer-size:20px}.mm-sectionindexer{background:inherit;text-align:center;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--mm-sectionindexer-size);position:absolute;top:0;bottom:0;inset-inline-end:calc(-1 * var(--mm-sectionindexer-size));z-index:5;-webkit-transition-property:inset-inline-end;-o-transition-property:inset-inline-end;transition-property:inset-inline-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.mm-sectionindexer a{color:var(--mm-color-text-dimmed);line-height:1;text-decoration:none;display:block}.mm-sectionindexer~.mm-panel{-webkit-padding-end:0;padding-inline-end:0}.mm-sectionindexer--active{right:0}.mm-sectionindexer--active~.mm-panel{-webkit-padding-end:var(--mm-sectionindexer-size);padding-inline-end:var(--mm-sectionindexer-size)}.mm-menu--selected-hover .mm-listitem__btn,.mm-menu--selected-hover .mm-listitem__text,.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text{-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}@media (hover:hover){.mm-menu--selected-hover .mm-listview:hover>.mm-listitem--selected:not(:hover)>.mm-listitem__text{background:0 0}.mm-menu--selected-hover .mm-listitem__btn:hover,.mm-menu--selected-hover .mm-listitem__text:hover{background:var(--mm-color-background-emphasis)}}.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}@media (hover:hover){.mm-menu--selected-parent .mm-listitem__btn:hover,.mm-menu--selected-parent .mm-listitem__text:hover{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}}.mm-menu--selected-parent .mm-panel--parent .mm-listitem:not(.mm-listitem--selected-parent)>.mm-listitem__text{background:0 0}.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__btn,.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__text{background:var(--mm-color-background-emphasis)}:root{--mm-sidebar-collapsed-size:50px;--mm-sidebar-expanded-size:var(--mm-max-size)}.mm-wrapper--sidebar-collapsed .mm-slideout{width:calc(100% - var(--mm-sidebar-collapsed-size));-webkit-transform:translate3d(var(--mm-sidebar-collapsed-size),0,0);transform:translate3d(var(--mm-sidebar-collapsed-size),0,0)}[dir=rtl] .mm-wrapper--sidebar-collapsed .mm-slideout{-webkit-transform:none;-ms-transform:none;transform:none}.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-divider,.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-navbar{opacity:0}.mm-wrapper--sidebar-expanded .mm-menu--sidebar-expanded{width:var(--mm-sidebar-expanded-size);border-right-width:1px;border-right-style:solid}.mm-wrapper--sidebar-expanded.mm-wrapper--opened{overflow:auto}.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-wrapper__blocker{display:none}.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout{width:calc(100% - var(--mm-sidebar-expanded-size));-webkit-transform:translate3d(var(--mm-sidebar-expanded-size),0,0);transform:translate3d(var(--mm-sidebar-expanded-size),0,0)}[dir=rtl] .mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout{-webkit-transform:none;-ms-transform:none;transform:none}
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
max-width: none !important;
max-height: none !important;
}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
width: auto;
padding: 0;
}
.leaflet-container img.leaflet-tile {
/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
mix-blend-mode: plus-lighter;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom;
/* Fallback for FF which doesn't support pinch-zoom */
touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane { z-index: 400; }
.leaflet-tile-pane { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane { z-index: 500; }
.leaflet-marker-pane { z-index: 600; }
.leaflet-tooltip-pane { z-index: 650; }
.leaflet-popup-pane { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg { z-index: 200; }
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
}
/* control positioning */
.leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
svg.leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
-moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
transition: transform 0.25s cubic-bezier(0,0,0.25,1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
}
/* cursors */
.leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
pointer-events: auto;
}
/* visual tweaks */
.leaflet-container {
background: #ddd;
outline-offset: 1px;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255,255,255,0.5);
}
/* general typography */
.leaflet-container {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
}
/* general toolbar styles */
.leaflet-bar {
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
border-radius: 4px;
}
.leaflet-bar a {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
font-size: 22px;
}
/* layers control */
.leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(../../files/Z/leaflet/images/layers.png);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(../../files/Z/leaflet/images/layers-2x.png);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
font-size: 13px;
font-size: 1.08333em;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
}
/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
background-image: url(../../files/Z/leaflet/images/marker-icon.png);
}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.8);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
line-height: 1.4;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
text-decoration: underline;
}
.leaflet-attribution-flag {
display: inline !important;
vertical-align: baseline !important;
width: 1em;
height: 0.6669em;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
white-space: nowrap;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.8);
text-shadow: 1px 1px #fff;
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0,0,0,0.2);
background-clip: padding-box;
}
/* popup */
.leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 24px 13px 20px;
line-height: 1.3;
font-size: 13px;
font-size: 1.08333em;
min-height: 1px;
}
.leaflet-popup-content p {
margin: 17px 0;
margin: 1.3em 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-top: -1px;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
pointer-events: auto;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
border: none;
text-align: center;
width: 24px;
height: 24px;
font: 16px/24px Tahoma, Verdana, sans-serif;
color: #757575;
text-decoration: none;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
color: #585858;
}
.leaflet-popup-scrolled {
overflow: auto;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
-ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
}
/* div icon */
.leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.leaflet-tooltip.leaflet-interactive {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
}
/* Directions */
.leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
}
/* Printing */
@media print {
/* Prevent printers from removing background-images of controls. */
.leaflet-control {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
}
.rs-columns {
clear: both;
display: inline-block;
width: 100%;
}
.rs-column {
float: left;
width: 100%;
margin-top: 7.69231%;
margin-right: 7.69231%;
}
.rs-column.-large-first {
clear: left;
}
.rs-column.-large-last {
margin-right: -5px;
}
.rs-column.-large-first-row {
margin-top: 0;
}
.rs-column.-large-col-1-1 {
width: 100%;
}
.rs-column.-large-col-2-1 {
width: 46.15385%;
}
.rs-column.-large-col-2-2 {
width: 100%;
}
.rs-column.-large-col-3-1 {
width: 28.20513%;
}
.rs-column.-large-col-3-2 {
width: 64.10256%;
}
.rs-column.-large-col-3-3 {
width: 100%;
}
.rs-column.-large-col-4-1 {
width: 19.23077%;
}
.rs-column.-large-col-4-2 {
width: 46.15385%;
}
.rs-column.-large-col-4-3 {
width: 73.07692%;
}
.rs-column.-large-col-4-4 {
width: 100%;
}
.rs-column.-large-col-5-1 {
width: 13.84615%;
}
.rs-column.-large-col-5-2 {
width: 35.38462%;
}
.rs-column.-large-col-5-3 {
width: 56.92308%;
}
.rs-column.-large-col-5-4 {
width: 78.46154%;
}
.rs-column.-large-col-5-5 {
width: 100%;
}
.rs-column.-large-col-6-1 {
width: 10.25641%;
}
.rs-column.-large-col-6-2 {
width: 28.20513%;
}
.rs-column.-large-col-6-3 {
width: 46.15385%;
}
.rs-column.-large-col-6-4 {
width: 64.10256%;
}
.rs-column.-large-col-6-5 {
width: 82.05128%;
}
.rs-column.-large-col-6-6 {
width: 100%;
}
@media screen and (max-width: 900px) {
.rs-column {
margin-top: 7.69231%;
margin-right: 7.69231%;
}
.rs-column.-large-first {
clear: none;
}
.rs-column.-large-last {
margin-right: 7.69231%;
}
.rs-column.-large-first-row {
margin-top: 7.69231%;
}
.rs-column.-medium-first {
clear: left;
}
.rs-column.-medium-last {
margin-right: -5px;
}
.rs-column.-medium-first-row {
margin-top: 0;
}
.rs-column.-medium-col-1-1 {
width: 100%;
}
.rs-column.-medium-col-2-1 {
width: 46.15385%;
}
.rs-column.-medium-col-2-2 {
width: 100%;
}
.rs-column.-medium-col-3-1 {
width: 28.20513%;
}
.rs-column.-medium-col-3-2 {
width: 64.10256%;
}
.rs-column.-medium-col-3-3 {
width: 100%;
}
.rs-column.-medium-col-4-1 {
width: 19.23077%;
}
.rs-column.-medium-col-4-2 {
width: 46.15385%;
}
.rs-column.-medium-col-4-3 {
width: 73.07692%;
}
.rs-column.-medium-col-4-4 {
width: 100%;
}
.rs-column.-medium-col-5-1 {
width: 13.84615%;
}
.rs-column.-medium-col-5-2 {
width: 35.38462%;
}
.rs-column.-medium-col-5-3 {
width: 56.92308%;
}
.rs-column.-medium-col-5-4 {
width: 78.46154%;
}
.rs-column.-medium-col-5-5 {
width: 100%;
}
.rs-column.-medium-col-6-1 {
width: 10.25641%;
}
.rs-column.-medium-col-6-2 {
width: 28.20513%;
}
.rs-column.-medium-col-6-3 {
width: 46.15385%;
}
.rs-column.-medium-col-6-4 {
width: 64.10256%;
}
.rs-column.-medium-col-6-5 {
width: 82.05128%;
}
.rs-column.-medium-col-6-6 {
width: 100%;
}
}
@media screen and (max-width: 599px) {
.rs-column {
margin-top: 7.69231%;
margin-right: 7.69231%;
}
.rs-column.-large-last {
margin-right: 7.69231%;
}
.rs-column.-large-first-row {
margin-top: 7.69231%;
}
.rs-column.-medium-first {
clear: none;
}
.rs-column.-medium-last {
margin-right: 7.69231%;
}
.rs-column.-medium-first-row {
margin-top: 7.69231%;
}
.rs-column.-small-first {
clear: left;
}
.rs-column.-small-last {
margin-right: -5px;
}
.rs-column.-small-first-row {
margin-top: 0;
}
.rs-column.-small-col-1-1 {
width: 100%;
}
.rs-column.-small-col-2-1 {
width: 46.15385%;
}
.rs-column.-small-col-2-2 {
width: 100%;
}
.rs-column.-small-col-3-1 {
width: 28.20513%;
}
.rs-column.-small-col-3-2 {
width: 64.10256%;
}
.rs-column.-small-col-3-3 {
width: 100%;
}
.rs-column.-small-col-4-1 {
width: 19.23077%;
}
.rs-column.-small-col-4-2 {
width: 46.15385%;
}
.rs-column.-small-col-4-3 {
width: 73.07692%;
}
.rs-column.-small-col-4-4 {
width: 100%;
}
.rs-column.-small-col-5-1 {
width: 13.84615%;
}
.rs-column.-small-col-5-2 {
width: 35.38462%;
}
.rs-column.-small-col-5-3 {
width: 56.92308%;
}
.rs-column.-small-col-5-4 {
width: 78.46154%;
}
.rs-column.-small-col-5-5 {
width: 100%;
}
.rs-column.-small-col-6-1 {
width: 10.25641%;
}
.rs-column.-small-col-6-2 {
width: 28.20513%;
}
.rs-column.-small-col-6-3 {
width: 46.15385%;
}
.rs-column.-small-col-6-4 {
width: 64.10256%;
}
.rs-column.-small-col-6-5 {
width: 82.05128%;
}
.rs-column.-small-col-6-6 {
width: 100%;
}
}
:root, html.theme-dark {
--schrift_dark:#000;
--schrift_dark_hover:#444;
--schrift_white:#fff;
--bgblue:#354248;
--bgbrown:#73675B;
--bgblack:#000;
--containerbg: #19191f;
--blockInside: #29292e;
--topbg:#71675c; /* Top und Standard Schriftfarbe */
--submitBase:#b19570;
--submitBaseColor:#3b3125;
--submitHover:#71675c;
--submitHoverColor:#dbcfbf;
--colorDark:#10101f;
--colorLight:#71675c;
--colorHeadline:#dbcfbf;
--colorHeadline1:#b7b3a7; /* Hintergrund Inserate content*/
--colorScrollbar:#1f3b2d;
--colorHighlight:rgba(245, 158, 11, 0.16);
--colorHighlightSolid:#ffa500;
--error-delete:#c62828;
--confirm-green:#2e7d32;
--green_full: #2e7d32;
--green_trans: rgba(46, 125, 50, 0.4);
--purple_full: #7c3aed;
--purple_trans: rgba(124, 58, 237, 0.4);
--orange_full: #f97316;
--orange_trans: rgba(249, 115, 22, 0.4);
--blue_dark_full: #1d4ed8;
--blue_dark_trans: rgba(29, 78, 216, 0.4);
--blue_mid_full: #2563eb;
--blue_mid_trans: rgba(37, 99, 235, 0.4);
--blue_light_full: #60a5fa;
--blue_light_trans: rgba(96, 165, 250, 0.4);
--chipgreen: #2e7d32;
--chipblue: #60a5fa;
--chipreserviert: #295F7E;
--chiporange: #EF9117;
--chipwhite: #FFFFFF;
--chipgray: #767474;
--bgblack:#000;
}
html.theme-light {
--schrift_dark: #111;
--schrift_dark_hover: #444;
--schrift_white: #fff;
--bgblue: #dfe7eb;
--bgbrown: #d2c6b9;
--bgblack: #fff;
--containerbg: #f4f1ec;
--blockInside: #dbcfbf;
--topbg: #19191f;
--submitBase: #71675c;
--submitBaseColor: #ffffff;
--submitHover: #b19570;
--submitHoverColor: #3b3125;
--colorDark: #ffffff;
--colorLight: #71675c;
--colorHeadline: #3b3125;
--colorHeadline1: #71675c; /* Hintergrund Inserate content*/
--colorScrollbar: #1f3b2d;
--error-delete:#c62828;
--confirm-green:#2e7d32;
--green_full: #2e7d32;
--green_trans: rgba(46, 125, 50, 0.4);
--purple_full: #7c3aed;
--purple_trans: rgba(124, 58, 237, 0.4);
--orange_full: #f97316;
--orange_trans: rgba(249, 115, 22, 0.4);
--blue_dark_full: #1d4ed8;
--blue_dark_trans: rgba(29, 78, 216, 0.4);
--blue_mid_full: #2563eb;
--blue_mid_trans: rgba(37, 99, 235, 0.4);
--blue_light_full: #60a5fa;
--blue_light_trans: rgba(96, 165, 250, 0.4);
--chipgreen: #2e7d32;
--chipblue: #60a5fa;
--chipreserviert: #295F7E;
--chiporange: #EF9117;
--chipwhite: #FFFFFF;
--chipgray: #767474;
--bgblack:#fff;
}
checkbox:hover {cursor:pointer;}
/* Anfang Akkordeon */
h2.handorgel__header {
padding-top: inherit;
background: var(--containerbg);
}
.handorgel__header__button {
border:none;
color: var(--colorHeadline);
background: var(--containerbg);
}
.handorgel__content {
border:none;
color: var(--containerbg);
background: var(--colorHeadline);
}
.handorgel__content__inner,
.handorgel__header__button{
padding: 10px 12px;
}
.content-accordion {
border:none;
max-width:1100px;
}
.handorgel__header__button {
position: relative;
width: 100%;
padding-right: 60px;
text-align: left;
cursor: pointer;
}
.handorgel__header__button::before,
.handorgel__header__button::after {
content: "";
position: absolute;
right: 20px;
width: 20px;
height: 20px;
box-sizing: border-box;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: translateY(-65%) rotate(45deg);
transform-origin: center;
transition: transform 0.2s ease;
}
.handorgel__header__button::after {
top: 50%;
}
.handorgel__header__button::before {
top: calc(50% - 6px);
}
.handorgel__header__button[aria-expanded="true"]::before,
.handorgel__header__button[aria-expanded="true"]::after {
transform: translateY(calc(-65% + 10px)) rotate(225deg);
}
/* Ende Akkordeon */
/* Menü-Benachrichtigungen Anfang */
.m-mein-bereich.has-notification,
.m-nachrichten.has-notification,
.m-treffer.has-notification {
position: relative;
}
.m-mein-bereich.has-notification::after,
.m-nachrichten.has-notification::after,
.m-treffer.has-notification::after {
content: '!';
position: absolute;
top: 0.7rem;
right: 1rem;
color: var(--colorHighlightSolid);
font-size: 1.6rem;
font-weight: 700;
line-height: 1;
}
#header .m-mein-bereich.has-notification::after {
content: '!';
position: absolute;
top: 1.1rem;
right: 0.25rem;
color: var(--colorHighlightSolid);
font-size: 1.6rem;
font-weight: 700;
line-height: 1;
}
.mm-panel .m-treffer.has-notification::after,
.mm-panel .m-mein-bereich.has-notification::after,
.mm-panel .m-nachrichten.has-notification::after {
content: none;
}
.mm-panel .m-treffer.has-notification::before,
.mm-panel .m-mein-bereich.has-notification::before,
.mm-panel .m-nachrichten.has-notification::before {
content: '!';
position: absolute;
top: 1.2rem;
right: 0;
color: var(--colorHighlightSolid);
font-size: 1.2rem;
font-weight: 700;
line-height: 1;
}
/* Menü-Benachrichtigungen Ende */
/* Bimmeln Suchagent Anfang */
.grafm-list-sort .grafm-list-sort__view-icon--bell-animated {
animation: bimmeln 1s ease-in-out infinite;
animation-iteration-count: 3;
transform-origin: top center;
}
.grafm-list-sort .grafm-list-sort__view-icon--bell:hover {
animation: bimmeln 1s ease-in-out infinite;
transform-origin: top center;
}
@keyframes bimmeln {
0% { transform: rotate(0deg); }
20% { transform: rotate(-10deg); }
40% { transform: rotate(10deg); }
60% { transform: rotate(-5deg); }
80% { transform: rotate(5deg); }
100% { transform: rotate(0deg); }
}
/* Bimmeln Suchagent Ende */
.inserat_merken_notice__link {
text-decoration: underline;
}
.db-meinevereine {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.5rem;
width:100%;
}
.partner-kopf img {
width: 50px;
height: 50px;
object-fit: contain;
}
.partner-kopf {
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
}
.partner-kopf__link {
display: flex;
align-items: center;
gap: 1rem;
color: inherit;
text-decoration: none;
}
.mod_grafm_meinverein {
grid-column: 1 / -1;
width: 100%;
}
.db-layout-verein {
min-width: 0;
}
.db-layout-verein a {
display: block;
text-align: center;
text-decoration:none;
}
.db-layout-verein img {
display: block;
margin-inline: auto;
padding-top:1.5rem;
padding-bottom: 1rem;
}
.db-verein-rolle {
font-size:1.4rem;
}
.db-verein-button {
max-width:300px;
margin: 1rem auto;
}
.db-verein-button a {
color: var(--containerbg);
padding-top: 6px;
height: 44px;
border-radius: 4px;
background: var(--colorHeadline);
border: 1px solid var(--colorHeadline);
text-decoration: none;
}
.db-verein-button a:hover {
color: var(--colorHeadline);
background: var(--containerbg);
border: 1px solid var(--colorHeadline);
}
.partner__detail-news-accordion .toggler button {
height:auto;
padding-top:0;
padding-bottom: 5px;
}
.handorgel .accordion {
margin-top1:-20px;
padding: 0;
}
.hakerl {
font-size:1.5rem;
}
.toplink {
opacity: 0;
visibility: hidden;
pointer-events: none;
position: fixed;
left: 50%;
bottom: 20px;
z-index: 5001;
transform: translateX(-50%);
padding: 10px 18px;
background: var(--blockInside);
color: var(--colorHeadline);
border: 1px solid currentColor;
box-shadow: 0 0 10px #111;
text-decoration: none;
transition: opacity 0.3s ease, visibility 0s linear 0.3s;
}
.toplink.is-visible {
opacity: 1;
visibility: visible;
pointer-events: auto;
transition-delay: 0s;
}
.toplink:hover,
.toplink:focus {
background: var(--colorHeadline);
color: var(--blockInside);
}
/* Passwort toggle Anfang*/
.widget.widget-text, .widget.widget-password {
position: relative;
}
input.password {
width: 100%;
min-height: 40px;
padding-right: 45px;
box-sizing: border-box;
}
.password-toggle {
position: absolute;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0;
border: 0;
background: none;
font-size: 22px;
line-height: 1;
cursor: pointer;
color: var(--colorHeadline);
}
.password-toggle button:active {
background:none;
}
form button:active, input[type=submit]:active, .button:active {
background: none;
}
.password-toggle::before {
content: "";
width: 20px;
height: 14px;
border: 2px solid currentColor;
border-radius: 50%;
box-sizing: border-box;
}
.password-toggle::after {
content: "";
position: absolute;
width: 6px;
height: 6px;
background: currentColor;
border-radius: 50%;
}
/* passwort toggle Ende*/
.doppelpfeil .toggler > button {
position: relative;
padding-right: 60px;
background: var(--blockInside);
color:var(--colorHeadline);
box-shadow: 0 0 10px #111;
width:100%;
max-width:100%;
margin-bottom: 1em;
justify-content:flex-start;
border: 1px solid transparent;
}
.doppelpfeil .toggler > button::after,
.doppelpfeil .toggler > button::before {
content: "";
position: absolute;
right: 20px;
top: 50%;
width: 20px;
height: 20px;
box-sizing: border-box;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: translateY(-65%) rotate(45deg);
transition: transform 0.2s ease;
transform-origin: center center;
}
.doppelpfeil .toggler > button::before {
right: 20px;
top: calc(50% - 6px);
}
.doppelpfeil .toggler > button[aria-expanded="true"]::after,
.doppelpfeil .toggler > button[aria-expanded="true"]::before {
transform: translateY(calc(-65% + 10px)) rotate(225deg);
}
.doppelpfeil .toggler > button:hover::after,
.doppelpfeil .toggler > button:hover::before {
border-right-color: currentColor;
border-bottom-color: currentColor;
}
.partner-inserate-accordion.doppelpfeil .toggler {
display: flex;
justify-content: center;
}
.partner-inserate-accordion {
scroll-margin-top: 95px;
}
.partner-inserate-accordion.doppelpfeil .toggler > button {
width: 100%;
max-width: 100%;
height: auto;
margin: 0;
margin-bottom:2rem;
margin-top: 1.5rem;
line-height: 150%;
white-space: normal;
}
.partner-inserate-accordion.doppelpfeil .toggler > button::before,
.partner-inserate-accordion.doppelpfeil .toggler > button::after {
right:25px;
}
.partner__detail-news--interessenten.plusshadow {
box-shadow1: 0 0 10px red;
border:2px solid orange;
}
.partner__detail-news--mitglieder.plusshadow {
box-shadow1: 0 0 10px green;
border:2px solid green;
}
/* Ende Partner Seiten Toggle */
.db-layout {
margin-inline: auto;
text-align: center;
}
.db-layout a{text-decoration:none;}
.db-layout h3 {
padding-top:0;
font-size:1.4rem;
}
.db-content {
font-size:4rem;
text-align:center;
line-height: 125%;
}
.db-content__notification {
color: var(--colorHighlightSolid);
vertical-align: top;
}
.mod_grafm_meinverein.link-box.plusshadow ul li a {
display:inline-block;
white-space: nowrap;
}
.mod_grafm_meinverein.link-box.plusshadow ul li {
list-style-type:none;
display: flex;
align-items: center;
gap: 1rem;
line-height: 50px;
}
.mod_grafm_meinverein.link-box.plusshadow ul li img {
max-height: 50px;
width: auto;
}
.mod_grafm_meinverein.link-box.plusshadow .dashboard-meinevereine__logo {
display: flex;
flex: 0 0 100px;
align-items: center;
justify-content: center;
width: 100px;
height: 50px;
}
.mod_grafm_dashboard_inserate .db-inserate {
font-size:1.2rem;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-auto-flow: row;
gap: 1.5rem 4rem;
text-align: left;
width: 100%;
padding-top:0.5rem;
}
.mod_grafm_dashboard_inserate .db-inserate__item {
display: block;
}
.mod_grafm_dashboard_inserate {
grid-column: 1 / -1;
width: 100%;
}
.dashboard-hinweis {
font-size: 1.2rem;
}
.partner__detail-titelbild img {
display: block;
width: 100%;
height: 400px;
object-fit: cover;
object-position: center;
}
.partner__detail-titelbild {
position: relative;
height: 400px;
}
.partner__detail-titelbild-services {
position: absolute;
bottom: 1.25rem;
left: 1.25rem;
z-index: 1;
display: flex;
flex-wrap: wrap;
gap: .75rem 1.5rem;
}
.partner__detail-titelbild-service {
padding: .75rem 1rem;
border: 0 solid rgb(255 255 255 / 18%);
border-radius: 10px;
background: rgb(0 0 0 / 25%);
box-shadow: 0 20px 60px rgb(0 0 0 / 60%), inset 0 1px 0 rgb(255 255 255 / 25%);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(20px);
color: var(--colorHeadline);
}
.partner__detail-kopf {
position: relative;
margin-top:2em;
}
.partner__detail-titel-container {
position: absolute;
inset: 0;
z-index: 2;
box-sizing: border-box;
left:260px;
top: 50px;
}
.partner__detail-titel-inhalt {
}
.partner__detail-logo {
position: absolute;
top: 40px;
left: 45px;
z-index: 1;
}
.partner__detail-logo img {
display: block;
width: 180px;
height: 180px;
object-fit: contain;
box-shadow: 0 0 10px #111;
}
h1.partner__detail-name {
font-size:3rem;
color:var(--colorHeadline);
border-radius: 10px;
display:inline-block;
padding: 0 1rem;
background: rgba(0, 0, 0, 0.25);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(20px);
border: 0px solid rgba(255, 255, 255, 0.18);
box-shadow:
0 20px 60px rgba(0, 0, 0, 0.6),
inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.partner__detail-daten,
.partner__detail-news-container {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.5rem;
}
.partner__detail-news-container {
margin-bottom: 1.5rem;
}
.partner__detail-news-container--einzeln .partner__detail-news {
grid-column: 1 / -1;
}
.partner__detail-news-container .plusshadow {
margin-bottom: 0;
}
.partner-news-edit__dates {
display: flex;
max-width: 845px;
gap: 1rem;
align-items: flex-end;
margin-bottom: 1rem;
}
.partner-oeffnungszeiten-verwaltung__zeitraum-daten {
display: flex;
max-width: 845px;
gap: 1rem;
align-items: flex-end;
margin-bottom: 1rem;
margin-top: 1rem;
padding-left:1rem;
}
.partner-oeffnungszeiten-verwaltung__zeitraum-bezeichnung{
padding-left:1rem;
padding-top:12px;
}
.partner-news-edit__content {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(220px, 360px);
gap: 1.5rem;
align-items: stretch;
}
.partner-news-edit__fields {
min-width: 0;
}
.partner-news-edit__dropzone {
display: flex;
position: relative;
align-items: center;
justify-content: center;
min-height: 250px;
padding: 12px;
box-sizing: border-box;
border: 1px dashed var(--colorHeadline);
border-radius: 4px;
cursor: pointer;
overflow: visible;
}
.partner-news-edit__dropzone input[type="file"] {
display: none;
}
.partner-news-edit__dropzone span {
text-align: center;
color: var(--colorHeadline);
}
.partner-news-edit__dropzone img {
width: 100%;
max-height: 226px;
object-fit: contain;
}
.partner-news-edit__dropzone.is-dragover {
border-color: var(--colorHeadline);
}
.partner-news-edit__image-actions {
display: flex;
position: absolute;
top: 8px;
left: 8px;
right: 8px;
justify-content: space-between;
z-index: 2;
}
.partner-news-edit__image-actions[hidden] {
display: none;
}
.partner-news-edit__image-actions .bild-loeschen-wrap {
position: relative;
}
.partner-news-edit__image-actions button.bild-loeschen-x,
.partner-news-edit__image-actions button.bild-drehen-button {
display: flex;
width: 28px;
height: 28px;
align-items: center;
justify-content: center;
padding: 0;
border: 0;
border-radius: 50%;
appearance: none;
-webkit-appearance: none;
background: rgba(0, 0, 0, 0.55);
color: #fff;
cursor: pointer;
font-weight: 400;
line-height: 1;
}
.partner-news-edit__image-actions button.bild-loeschen-x {
font-size: 1.2rem;
}
.partner-news-edit__image-actions button.bild-drehen-button {
font-size: 1rem;
}
.partner-news-edit__image-actions button.bild-loeschen-x:hover,
.partner-news-edit__image-actions button.bild-drehen-button:hover {
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.9);
}
.partner-news-edit__image-actions .bild-loeschen-tooltip {
position: absolute;
top: -110px;
left: -166px;
z-index: 5000;
padding: 10px;
border-radius: 8px;
background: #000;
color: #fff;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
text-align: center;
}
.partner-news-edit__image-actions .bild-loeschen-tooltip[hidden] {
display: none;
}
.partner-news-edit__image-actions .bild-loeschen-tooltip span {
display: block;
margin-bottom: 10px;
color: #fff;
}
.partner-news-edit__image-actions .bild-loeschen-tooltip-buttons {
display: flex;
gap: 8px;
}
.partner-news-edit__image-actions .bild-loeschen-tooltip-buttons button {
height: 44px;
padding: 6px 10px;
border: 1px solid #fff;
background: #000;
color: #fff;
cursor: pointer;
}
.partner-news-edit__image-actions .bild-loeschen-ja {
border-color: #2e7d32 !important;
}
.partner-news-edit__image-actions .bild-loeschen-ja:hover {
background: #2e7d32;
}
.partner-news-edit__image-actions .bild-loeschen-nein {
border-color: #c62828 !important;
}
.partner-news-edit__image-actions .bild-loeschen-nein:hover {
background: #c62828;
}
.partner-news-edit__actions {
display: flex;
align-items: center;
gap: 1rem;
margin-top: 1rem;
}
.partner-news-edit__status{
margin-top:1em;
}
.partner__detail-news-image {
display: block;
max-width: 100%;
max-height: 300px;
width: auto;
height: auto;
margin-top: 1rem;
}
.partner__detail-news-image-link {
float: right;
max-width: 50%;
margin: 0 0 1rem 1rem;
}
.partner__detail-news::after {
content: '';
display: block;
clear: both;
}
.partner-news-edit__date {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
align-items: center;
}
.partner-news-edit__date > span {
flex-basis: 100%;
color: var(--colorHeadline);
}
.partner-news-edit__headline,
.partner-news-edit__textarea,
.partner-news-edit__date-select {
box-sizing: border-box;
padding: 10px 12px;
border: 1px solid var(--containerbg);
border-radius: 4px;
font-size: 15px;
color: var(--colorHeadline);
background: var(--containerbg);
-webkit-box-shadow: inset 0 1px 1px #111;
box-shadow: inset 0 1px 1px #111;
}
.partner-news-edit__headline,
.partner-news-edit__textarea {
width: 100%;
max-width: 845px;
}
.partner-news-edit__headline {
height: 44px;
}
.partner-news-edit__date-select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 3rem;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 1rem;
background-position: right 1rem center;
cursor: pointer;
height: 44px;
}
.partner-news-edit__date-select--tag {
flex: 0 0 80px;
}
.partner-news-edit__date-select--monat {
flex: 0 0 150px;
}
.partner-news-edit__date-select--jahr {
flex: 0 0 100px;
}
html.theme-light .partner-news-edit__headline,
html.theme-light .partner-news-edit__textarea,
html.theme-light .partner-news-edit__date-select {
box-sizing: border-box;
padding: 10px 12px;
border: 1px solid var(--containerbg);
border-radius: 4px;
font-size: 15px;
color: var(--colorHeadline);
background: #fff;
}
html.theme-light .partner-news-edit__headline::placeholder,
html.theme-light .partner-news-edit__textarea::placeholder {
color: var(--colorHeadline1);
opacity: 1;
}
html.theme-light .partner-news-edit__date-select {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 1rem;
background-position: right 1rem center;
}
html.theme-light .partner-news-edit__headline:focus,
html.theme-light .partner-news-edit__headline:active,
html.theme-light .partner-news-edit__textarea:focus,
html.theme-light .partner-news-edit__textarea:active,
html.theme-light .partner-news-edit__date-select:focus,
html.theme-light .partner-news-edit__date-select:active {
background: #fff;
}
.partner__detail-bildergalerie__liste {
display: grid;
grid-template-columns: repeat(8, minmax(125px, 1fr));
max-width: calc(8 * 200px + 7 * 1rem);
margin: 0;
padding: 0;
list-style: none;
justify-content: start;
gap: 1rem;
}
.partner__detail-bildergalerie__liste > .partner__detail-bildergalerie__eintrag {
width: 100%;
min-width: 125px;
max-width: 200px;
margin: 0;
padding: 0;
height: auto;
list-style: none;
color: inherit;
font-size: inherit;
}
.partner__detail-bildergalerie__link {
display: block;
width: 100%;
aspect-ratio: 1;
}
.partner__detail-bildergalerie__liste img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.partner__detail-daten {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-template-areas:
"kontakt adresse karte"
"services services services"
"oeffnungszeiten oeffnungszeiten oeffnungszeiten"
"beschreibung beschreibung beschreibung"
"standordnung standordnung standordnung";
gap: 1.5rem;
}
.partner__detail-daten .plusshadow {
margin-bottom:0;
}
.partner__detail-adresse {
grid-area: adresse;
}
.partner__detail-karte {
grid-area: karte;
}
.partner__karte {
--partner-marker-color: #c62828;
height: 280px;
border-radius: 0.5rem;
overflow: hidden;
margin-top:10px;
}
.partner__detail-karte .partner__karte {
margin-top: 0;
}
.partner__detail-karte.plusshadow{
padding:0;
}
.partner__karten-marker {
background: transparent;
border: 0;
}
.partner__karten-marker svg {
display: block;
width: 24px;
height: 36px;
filter: drop-shadow(0 1px 3px rgb(0 0 0 / 45%));
}
.partner__karten-marker path {
fill: var(--partner-marker-color, #c62828);
stroke: #fff;
stroke-width: 1.5;
}
.partner__karten-marker circle {
fill: #fff;
}
.partner__karte-popup-name {
display: block;
margin-bottom: 0.35rem;
}
.partner__detail-kontakt {
grid-area: kontakt;
}
.partner__detail-services {
grid-area: services;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0 1.5rem;
padding-top: 0;
}
.partner__detail-services > h2 {
grid-column: 1 / -1;
}
.partner__detail-servicegruppe h2 {
margin-top: 0;
}
.partner__detail-service {
position: relative;
padding-left: 1.8rem;
margin-bottom: 12px;
}
.partner__detail-service::before {
position: absolute;
left: 0;
color: var(--colorHeadline);
font-size: 1.05rem;
font-weight: bold;
content: '✓';
}
.partner__detail-servicegruppe ul {
margin-left: 1rem;
padding: 0;
list-style: none;
}
.partner__detail-servicegruppe li {
position: relative;
padding-left: 1.8rem;
list-style: none;
}
.partner__detail-servicegruppe li::marker {
content: '';
}
.partner__detail-servicegruppe li::before {
position: absolute;
left: 0;
color: var(--colorHeadline);
font-size: 1.05rem;
font-weight: bold;
content: '✓';
}
.partner__detail-oeffnungszeiten {
grid-area: oeffnungszeiten;
}
.partner__detail-oeffnungszeiten__inhalt {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 1.5rem;
}
.partner__detail-oeffnungszeiten-zeitraum h2,
.partner__detail-oeffnungszeiten-zusatzinfos h2 {
padding-top: 0;
}
.partner__detail-oeffnungszeiten-zeiten {
margin-bottom: 10px;
}
.partner__detail-oeffnungszeiten-zeit {
display: grid;
grid-template-columns: 2.5em auto;
}
.partner__detail-oeffnungszeiten-zeit > span:last-child {
font-variant-numeric: tabular-nums;
}
.partner__detail-beschreibung {
grid-area: beschreibung;
}
.partner__detail-standordnung {
grid-area: standordnung;
}
.mod_grafm_partner_beschreibung,
.mod_grafm_partner_standordnung {
width: 100%;
}
.standordnung:has(.partner-standordnung-empty) {
display: none;
}
.partner-text-edit textarea {
width: 100%;
box-sizing: border-box;
padding: 10px 12px;
border: 1px solid var(--containerbg);
border-radius: 4px;
font-size: 15px;
color: var(--colorHeadline);
background: var(--containerbg);
-webkit-box-shadow: inset 0 1px 1px #111;
box-shadow: inset 0 1px 1px #111;
}
.partner-text-edit textarea:focus {
border: 1px solid var(--containerbg);
-webkit-box-shadow: inset 0 1px 1px #111;
box-shadow: inset 0 1px 1px #111;
}
.partner__detail-bildergalerie {
grid-column: 1 / -1;
}
.partner__detail-videos {
grid-column: 1 / -1;
}
.partner__detail-anfrage {
grid-column: 1 / -1;
}
.partner__detail-kontakt-icon {
display: inline-block;
width: 1.5em;
margin-right: 0.35em;
font-size: 1.2em;
}
.partner__detail-routenplaner {
display: inline-block;
margin-top: 1.5rem;
padding: 0.5rem 1rem;
border: 1px solid var(--colorHeadline);
border-radius: 4px;
background: var(--colorHeadline);
color: var(--containerbg);
text-decoration: none;
}
.partner__detail-routenplaner:hover,
.partner__detail-routenplaner:focus {
background: var(--containerbg);
color: var(--colorHeadline);
}
.vereins-detail-popup {
position: fixed;
inset: 0;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
box-sizing: border-box;
background: rgba(31, 59, 45, 0.3);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.vereins-detail-popup[hidden] {
display: none;
}
.vereins-detail-popup__inner {
position: relative;
max-width: 90vw;
max-height: 70vh;
}
.vereins-detail-popup__image {
display: block;
max-width: 90vw;
max-height: 70vh;
}
.vereins-detail-popup__topbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.vereins-detail-popup__title {
flex: 1 1 auto;
margin: 0;
color: #fff;
font-size: 1rem;
text-align: left;
}
.vereins-detail-popup__close {
position: relative;
top: -1px;
}
.vereins-detail-popup__nav {
position: absolute;
top: 50%;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
color: #fff;
font-size: 64px;
line-height: 1;
cursor: pointer;
transform: translateY(-50%);
appearance: none;
-webkit-appearance: none;
outline: none;
box-shadow: none;
}
.vereins-detail-popup__nav:hover {
background: none;
box-shadow: none;
}
.vereins-detail-popup__nav[hidden] {
display: none;
}
.vereins-detail-popup__nav--prev {
left: -100px;
}
.vereins-detail-popup__nav--next {
right: -100px;
}
html.vereins-detail-popup-open,
body.vereins-detail-popup-open {
overflow: hidden;
}
#preavatar.partnerlogo-preavatar {
display: grid;
place-items: center;
width: min(100%, 400px);
min-height: 180px;
position: relative;
}
#preavatar.partnerlogo-preavatar img {
display: block;
max-width: 100%;
max-height: 300px;
object-fit: contain;
}
#preavatar.partnerlogo-preavatar.partnerlogo-form--rund img,
.partner__detail-logo--rund img,
#pretitelbild .partnertitelbild-vorschau__logo--rund {
border-radius: 999px;
}
#preavatar.partnerlogo-preavatar.partnerlogo-form--eckig img,
.partner__detail-logo--eckig img,
#pretitelbild .partnertitelbild-vorschau__logo--eckig {
border-radius: 0;
}
#preavatar.partnerlogo-preavatar.has-image::before,
#preavatar.partnerlogo-preavatar.has-image::after {
content: none;
}
#preavatar.partnerlogo-preavatar:not(.has-image)::before,
#preavatar.partnerlogo-preavatar:not(.has-image)::after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
box-sizing: border-box;
border: 4px solid var(--colorHeadline);
}
#preavatar.partnerlogo-preavatar:not(.has-image)::before {
top: 38px;
width: 36px;
height: 36px;
border-radius: 999px;
}
#preavatar.partnerlogo-preavatar:not(.has-image)::after {
top: 86px;
width: 72px;
height: 38px;
border-bottom: 0;
border-radius: 72px 72px 0 0;
}
.partnerlogo-popup.meinaccount .profilfoto-cropper--rund,
.partnerlogo-popup.meinaccount .profilfoto-cropper--rund .profilfoto-cropper__overlay::after {
border-radius: 999px;
}
.partnerlogo-popup.meinaccount .profilfoto-cropper--eckig,
.partnerlogo-popup.meinaccount .profilfoto-cropper--eckig .profilfoto-cropper__overlay::after {
border-radius: 0;
}
.partnerlogo-popup.meinaccount .profilfoto-form:has([data-crop-shape][value="rund"]:checked) [data-cropper],
.partnerlogo-popup.meinaccount .profilfoto-form:has([data-crop-shape][value="rund"]:checked) [data-cropper] .profilfoto-cropper__overlay::after {
border-radius: 999px;
}
.partnerlogo-popup.meinaccount .profilfoto-form:has([data-crop-shape][value="eckig"]:checked) [data-cropper],
.partnerlogo-popup.meinaccount .profilfoto-form:has([data-crop-shape][value="eckig"]:checked) [data-cropper] .profilfoto-cropper__overlay::after {
border-radius: 0;
}
html.partnerlogo-popup-open,
body.partnerlogo-popup-open {
overflow: hidden;
}
.partnerlogo-popup[hidden] {
display: none;
}
.partnerlogo-popup {
position: fixed;
inset: 0;
z-index: 5000;
}
.partnerlogo-popup__backdrop {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
background: rgba(5, 10, 8, .6);
cursor: pointer;
}
.partnerlogo-popup__dialog {
position: relative;
width: min(92vw, 520px);
margin: 100px auto 0;
padding: 1.1rem;
border: 1px solid rgba(164, 214, 179, .24);
border-radius: 18px;
background: linear-gradient(180deg, rgba(58, 108, 80, .34), rgba(18, 44, 31, .48)), rgba(255, 255, 255, .06);
backdrop-filter: blur(14px) saturate(122%);
-webkit-backdrop-filter: blur(14px) saturate(122%);
box-shadow: 0 24px 50px rgba(0, 0, 0, .3);
color: var(--colorHeadline);
}
.partnerlogo-popup__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: .75rem;
margin-bottom: 1rem;
}
.partnerlogo-popup__header h2 {
margin: 0;
}
.partnerlogo-popup__header button {
width: 42px;
height: 42px;
padding: 0;
border: 1px solid rgba(255, 255, 255, .18);
border-radius: 999px;
background: rgba(255, 255, 255, .08);
color: var(--colorHeadline);
font-size: 1.5rem;
cursor: pointer;
}
.partnerlogo-popup__actions {
display: flex;
gap: .75rem;
}
.partnerlogo-popup__actions [data-delete] {
background: var(--error-delete);
}
.partnerlogo-popup .profilfoto-native-input {
display: none !important;
}
.partnerlogo-popup .profilfoto-zoom-wrap {
width: 100%;
}
.partnerlogo-zuschnitt {
display: flex;
gap: 1rem;
margin: 1rem 0 0.5rem;
padding: 0;
border: 0;
background: transparent;
}
.partnerlogo-zuschnitt label {
display: inline-flex;
align-items: center;
gap: 0.35rem;
background: transparent;
}
.partnerlogo-popup .profilfoto-zoom {
width: 100%;
}
html.partnertitelbild-popup-open,
body.partnertitelbild-popup-open {
overflow: hidden;
}
.partnertitelbild-popup[hidden] {
display: none;
}
.partnertitelbild-popup {
position: fixed;
inset: 0;
z-index: 5000;
}
.partnertitelbild-popup__backdrop {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
background: rgba(5, 10, 8, .6);
cursor: pointer;
}
.partnertitelbild-popup__dialog {
position: relative;
width: min(92vw, 1700px);
margin: 100px auto 0;
padding: 1.1rem;
border: 1px solid rgba(164, 214, 179, .24);
border-radius: 18px;
background: linear-gradient(180deg, rgba(58, 108, 80, .34), rgba(18, 44, 31, .48)), rgba(255, 255, 255, .06);
backdrop-filter: blur(14px) saturate(122%);
-webkit-backdrop-filter: blur(14px) saturate(122%);
box-shadow: 0 24px 50px rgba(0, 0, 0, .3);
color: var(--colorHeadline);
}
.partnertitelbild-popup__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: .75rem;
margin-bottom: 1rem;
}
.partnertitelbild-popup__header h2 {
margin: 0;
}
.partnertitelbild-popup__header button {
width: 42px;
height: 42px;
padding: 0;
border: 1px solid rgba(255, 255, 255, .18);
border-radius: 999px;
background: rgba(255, 255, 255, .08);
color: var(--colorHeadline);
font-size: 1.5rem;
cursor: pointer;
}
.partnertitelbild-popup .profilfoto-native-input {
display: none !important;
}
.partnertitelbild-popup .profilfoto-zoom-wrap,
.partnertitelbild-popup .profilfoto-zoom {
width: 100%;
}
.partnertitelbild-dropzone {
min-height: 380px;
}
.partnertitelbild-popup .partnertitelbild-cropper {
width: 100% !important;
height: 400px;
aspect-ratio: 1700 / 400 !important;
border-radius: 0 !important;
}
.partnertitelbild-popup .partnertitelbild-cropper .profilfoto-cropper__overlay::after {
border-radius: 0 !important;
}
.partnertitelbild-cropper__logo {
position: absolute;
top: 40px;
left: 45px;
z-index: 1;
width: 180px;
height: 180px;
aspect-ratio: 1 / 1;
object-fit: contain;
pointer-events: none;
}
.partnertitelbild-cropper__logo--rund {
border-radius: 999px;
}
.partnertitelbild-cropper__logo--eckig {
border-radius: 0;
}
.partnertitelbild-popup__actions [data-delete] {
background: var(--error-delete);
}
#pretitelbild.partnertitelbild-vorschau {
width: min(100%, 1700px);
height: 400px;
overflow: hidden;
}
#pretitelbild.partnertitelbild-vorschau > img:not(.partnertitelbild-vorschau__logo) {
display: block;
width: 100%;
height: 400px;
object-fit: cover;
object-position: center;
}
#pretitelbild .partnertitelbild-vorschau__logo {
position: absolute;
top: 30px;
left: 35px;
z-index: 1;
display: block;
width: 180px;
height: 180px;
object-fit: contain;
box-shadow: 0 0 10px #111;
}
#pretitelbild .partnertitelbild-vorschau__logo--default {
border: 2px solid var(--colorHeadline);
}
#pretitelbild .partnertitelbild-vorschau__logo--default::before,
#pretitelbild .partnertitelbild-vorschau__logo--default::after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
box-sizing: border-box;
border: 4px solid var(--colorHeadline);
}
#pretitelbild .partnertitelbild-vorschau__logo--default::before {
top: 30px;
width: 30px;
height: 30px;
border-radius: 999px;
}
#pretitelbild .partnertitelbild-vorschau__logo--default::after {
top: 68px;
width: 60px;
height: 32px;
border-bottom: 0;
border-radius: 60px 60px 0 0;
}
#partnertitelbild-submit,
#partnertitelbild-delete {
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--colorHeadline);
color: var(--submitBaseColor);
border: 0;
padding: 12px 22px;
border-radius: 4px;
cursor: pointer;
height: 44px;
width: calc(50% - .375rem);
}
#partnertitelbild-submit:hover,
#partnertitelbild-submit:focus {
color: var(--schrift_white);
background: var(--confirm-green);
border: 1px solid var(--confirm-green);
}
#partnertitelbild-delete:hover,
#partnertitelbild-delete:focus {
color: var(--schrift_white);
background: var(--error-delete);
border: 1px solid var(--error-delete);
}
/* Scrollbar Anfang */
:root {
--scrollbar-track-glass: rgba(255, 255, 255, 0.08);
--scrollbar-thumb-glass: rgba(255, 255, 255, 0.10);
--scrollbar-thumb-glass-hover: rgba(255, 255, 255, 0.2);
--scrollbar-border-glass: rgba(255, 255, 255, 0.18);
}
::-webkit-scrollbar {
width: 16px;
}
::-webkit-scrollbar-thumb {
background: var(--scrollbar-thumb-glass);
border: 1px solid var(--scrollbar-border-glass);
border-radius: 999px;
box-shadow:
inset 0 1px 1px rgba(255, 255, 255, 0.35),
0 4px 12px rgba(0, 0, 0, 0.18);
}
::-webkit-scrollbar-thumb:hover {
background: var(--scrollbar-thumb-glass-hover);
}
::-webkit-scrollbar-track {
background-color: var(--containerbg);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-radius: 999px;
}
/* Scrollbar Ende */
html {
scrollbar-gutter: stable;
}
*{box-sizing:border-box;}
.startseite .grafm-list-sort {display:none;}
body{
color:var(--topbg);
}
.margtop1x {margin-top:1em;}
.margtop2x {margin-top:2em;}
.margtop3x {margin-top:3em;}
.mod_article.maxcenter{
width:100%;
max-width:1280px;
margin:0 auto;
box-sizing:border-box;
padding-left:2%;
padding-right:2%;
}
.content-hyperlink.pwlink a{
background: var(--containerbg);
color: var(--colorHeadline);
border: 1px solid var(--colorHeadline);
padding: 6px 22px;
border-radius: 4px;
cursor: pointer;
box-sizing: border-box;
box-sizing:border-box;
margin:0;
height:44px;
}
.content-hyperlink.pwlink a:hover{
background: var(--colorHeadline);
color: var(--containerbg);
border: 1px solid var(--colorHeadline);
}
.avatar-box.plusshadow, .email-box.plusshadow, .telefon-box.plusshadow {
padding:20px 20px 8px 20px;
font: 1.2rem / 150% 'Inter', arial, verdana, sans-serif;
color: var(--colorHeadline);
}
.email-box.plusshadow,
.telefon-box.plusshadow {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
text-align: center;
}
.email-box.plusshadow > .rte,
.telefon-box.plusshadow > .rte {
display: flex;
flex: 1 1 auto;
flex-direction: column;
justify-content: center;
width: 100%;
text-align: center;
}
.avatar-box img {
width: 100px;
height:100px;
border-radius: 999px;
border: 2px solid var(--colorHeadline);
}
.avatar-box.confirm-box > .rte {
display: flex;
align-items: center;
align-self: stretch;
gap: 1.5rem;
width: 100%;
min-width: 0;
}
.avatar-box.confirm-box > .rte > p,
.email-box.confirm-box > .rte > p,
.telefon-box.confirm-box > .rte > p {
margin-bottom: 0;
line-height:200%;
}
.avatar-box.confirm-box > .rte > p:first-child {
display: flex;
align-items: center;
flex: 0 0 auto;
line-height: 0;
}
.avatar-box.confirm-box > .rte > p:last-child {
display: flex;
flex: 1 1 auto;
align-items: center;
justify-content: flex-start;
min-width: 0;
text-align: left;
font-size:2rem;
padding-left:20px;
}
.bgblack {
opacity:0.9;
background:var(--blockInside);
position:relative;
margin-bottom:2em;
-webkit-box-shadow: inset 0 0px 2px #111;
box-shadow: inset 0 0px 2px #111;
padding: 5px;
}
.bgblack img {opacity:1;display:block;padding-right:1em;}
.bgblack p {opacity:1;color:var(--colorHeadline);}
#main {
position: relative;
isolation: isolate;
overflow: hidden;
z-index: 1;
background:
/* dunkle obere Bereiche */
radial-gradient(ellipse at 20% 8%, rgba(0,0,0,0.30) 0%, transparent 34%),
radial-gradient(ellipse at 82% 12%, rgba(15,15,15,0.24) 0%, transparent 30%),
radial-gradient(ellipse at 50% 22%, rgba(40,40,40,0.14) 0%, transparent 36%),
/* hellerer Nebel nach unten */
radial-gradient(ellipse at 22% 82%, rgba(255,255,255,0.10) 0%, transparent 34%),
radial-gradient(ellipse at 78% 88%, rgba(180,180,180,0.11) 0%, transparent 36%),
radial-gradient(ellipse at 52% 72%, rgba(120,120,120,0.08) 0%, transparent 40%),
/* vertikale Grundaufhellung: oben dunkel, unten heller */
linear-gradient(
180deg,
rgba(0,0,0,0.26) 0%,
rgba(0,0,0,0.10) 38%,
rgba(255,255,255,0.04) 100%
),
/* leichte industrielle Tiefe */
linear-gradient(
145deg,
rgba(255,255,255,0.015),
rgba(0,0,0,0.10)
),
/* Grundfarbe */
var(--blockInside);
}
#main::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
z-index: 0;
background:
/* Nebelschleier */
radial-gradient(
ellipse at 30% 26%,
rgba(0,0,0,0.10) 0%,
transparent 44%
),
radial-gradient(
ellipse at 68% 74%,
rgba(255,255,255,0.05) 0%,
transparent 42%
),
radial-gradient(
ellipse at 50% 90%,
rgba(255,255,255,0.04) 0%,
transparent 36%
),
/* subtile horizontale Struktur */
linear-gradient(
rgba(255,255,255,0.010) 50%,
rgba(0,0,0,0.022) 50%
);
background-size:
auto,
auto,
auto,
100% 6px;
mix-blend-mode: overlay;
opacity: 0.30;
}
#main .inside {min-height: 60vh;}
#main > * {
position: relative;
z-index: 1;
}
#main {
min-height:100vh;
padding-bottom: 4em;
}
ol li {
margin-bottom:12px;
}
#chatform .mandatory span{display:none;}
.whitefont {color:var(--schrift_white);}
html {
color: var(--topbg);
}
#top{
background:var(--bgblack);
overflow-y:scroll;
font-size: 1.2rem;
line-height:150%;
font-family: 'Inter',arial, verdana, sans-serif;
font-style: normal;
font-weight: 400;
color:var(--topbg);
}
h1, h2, h3, h4, h5, h6 {
font: 1.6rem / 150% 'Inter',arial, verdana, sans-serif;
color:var(--colorHeadline);
margin-top:0;
padding-top:20px;
}
fieldset h2 {font-size:1.4rem;}
.error {color:red;}
#container {
max-width:1920px;
min-height:600px;
margin:0 auto;
background:var(--containerbg);
padding-top:75px;
}
/* Dunst Container Anfang */
#container {
position: relative;
isolation: isolate;
overflow: hidden;
background1: var(--containerbg);
}
#container > * {
position: relative;
z-index: 2;
}
/* Dunst Container Ende */
#header .inside {
position: relative;
overflow: hidden;
isolation: isolate;
background: var(--bgbrown, #73675B);
backdrop-filter: blur(10px) saturate(110%);
-webkit-backdrop-filter: blur(10px) saturate(110%);
border-top: 1px solid rgba(255, 255, 255, 0.12);
-webkit-box-shadow: 0px 0px 5px 0px var(--bgblack);
box-shadow: 0px 0px 5px 0px var(--bgblack);
}
#header .inside::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
background:
radial-gradient(circle, rgba(255, 255, 255, 0.16) 0 1px, transparent 1.15px),
radial-gradient(circle, rgba(0, 0, 0, 0.22) 0 1px, transparent 1.25px),
linear-gradient(
rgba(255, 255, 255, 0.035) 50%,
rgba(0, 0, 0, 0.05) 50%
);
background-size:
3px 3px,
5px 5px,
100% 4px;
background-position:
0 0,
2px 1px,
0 0;
opacity: 0.18;
mix-blend-mode: overlay;
}
.startseite #container{padding-top:75px;}
#header {
margin:0 auto;
position:fixed;
width:100%;
z-index:5000;
;
}
#header .inside{
height:75px;
margin: 0 auto;
max-width:1920px;
padding: 8px 5% 0 5%;
background:var(--bgbrown,#73675B);
position:relative;
-webkit-box-shadow: 0px 0px 5px 0px var(--bgblack);
box-shadow: 0px 0px 5px 0px var(--bgblack)
}
/* Footer Stil Anfang */
#footer {
max-width:1920px;
margin:0 auto;
padding: 10px 5% 10px 5%;
background:var(--bgbrown,#73675B);
clear: both;
position: relative;
overflow: hidden;
isolation: isolate;
color: var(--schrift_dark);
background:
radial-gradient(
ellipse at 18% 35%,
rgba(255, 255, 255, 0.16) 0%,
rgba(255, 255, 255, 0.06) 28%,
transparent 58%
),
radial-gradient(
ellipse at 82% 65%,
rgba(0, 0, 0, 0.18) 0%,
rgba(0, 0, 0, 0.08) 30%,
transparent 62%
),
linear-gradient(
145deg,
rgba(255, 255, 255, 0.08),
rgba(255, 255, 255, 0.015) 38%,
rgba(0, 0, 0, 0.18)
),
var(--bgbrown, #73675B);
backdrop-filter: blur(10px) saturate(110%);
-webkit-backdrop-filter: blur(10px) saturate(110%);
border-top: 1px solid rgba(255, 255, 255, 0.12);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.12),
0 -6px 20px rgba(0, 0, 0, 0.30);
}
#footer::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
background:
radial-gradient(circle, rgba(255, 255, 255, 0.16) 0 1px, transparent 1.15px),
radial-gradient(circle, rgba(0, 0, 0, 0.22) 0 1px, transparent 1.25px),
linear-gradient(
rgba(255, 255, 255, 0.035) 50%,
rgba(0, 0, 0, 0.05) 50%
);
background-size:
3px 3px,
5px 5px,
100% 4px;
background-position:
0 0,
2px 1px,
0 0;
opacity: 0.28;
mix-blend-mode: overlay;
}
#footer > * {
position: relative;
z-index: 1;
}
#footer p{margin-bottom:0;}
#footer .mod_customnav {text-align:right;}
/* Footer Stil Ende */
a{
color: var(--colorHeadline);
}
a:hover{
text-decoration: none;
}
a.content-cookiebar-opener{
color:var(--schrift_dark);
text-decoration: none;
text-align:center;
display:block;
}
a.content-cookiebar-opener:hover{
color:var(--schrift_white);
}
.cc-inner {
background:var(--bgblack);
color:var(--colorHeadline);
}
.cc-cookies, .cc-cookie-info {
background:var(--bgblack);
}
.contao-cookiebar .highlight .success{
--ccb-btn-bg: var(--confirm-green);
--ccb-btn-bg-hvr:var(--confirm-green);
}
.contao-cookiebar p, .cc-detail-btn, .cc-detail-btn-details{
color:var(--colorHeadline);
}
.cc-group,.cc-cookies>.cc-cookie, .cc-cookies>p, .cc-cookie-info {
border: 1px solid var(--colorHeadline);
}
.contao-cookiebar .cc-btn{
color:var(--bgblack);
background:var(--colorHeadline);
}
.cc-info>a:hover, .cc-detail-btn span:hover{
color:var(--schrift_white);
}
.contao-cookiebar .success {
background:var(--confirm-green);
color:var(--colorHeadline);
}
/* Formulare Anfang */
form {
font: 1rem / 125% 'Inter',arial, verdana, sans-serif;
}
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]), select {
padding:0.8em 1em;
}
.widget>label {font-weight:inherit;}
.geburtsdatum-selects {
display:flex;
gap:0.75em;
align-items:flex-start;
flex-wrap:wrap;
}
.inseratdatum-selects {
display:flex;
gap:0.75em;
align-items:flex-start;
flex-wrap:wrap;
}
.geburtsdatum-selects .geburtsdatum-select {
min-width:0;
}
.inseratdatum-selects .inseratdatum-select {
min-width:0;
}
.geburtsdatum-selects .geburtsdatum-select-tag {
flex:0 0 80px;
}
.inseratdatum-selects .inseratdatum-select-tag {
flex:0 0 80px;
}
.geburtsdatum-selects .geburtsdatum-select-monat {
flex:0 0 150px;
}
.inseratdatum-selects .inseratdatum-select-monat {
flex:0 0 150px;
}
.geburtsdatum-selects .geburtsdatum-select-jahr {
flex:0 0 100px;
}
.geburtsdatum-selects .geburtsdatum-select:disabled {
cursor:not-allowed;
}
.inseratdatum-selects .inseratdatum-select-jahr {
flex:0 0 100px;
}
.password-reset a, label{color: var(--colorHeadline);}
form button,
.partner-oeffnungszeiten-verwaltung__detailseite-button {
background:var(--bgblack,#000);
color: var(--schrift_white,#fff);
border:none;
font-size:1.2rem;
display:block;
padding:0.8em 1em;
}
.partner-oeffnungszeiten-verwaltung__detailseite-button {
display: inline-block;
text-decoration: none;
font-family: Arial, Verdana, sans-serif;
}
.partner-oeffnungszeiten-verwaltung__abschluss-aktionen {
display: flex;
align-items: center;
justify-content: space-between;
gap: .5rem;
}
.plusbtn{
background: var(--containerbg);
border: 1px solid #000;
color:var(--colorHeadline);
}
.plusbtn:hover{
border: 1px solid var(--colorHeadline);
}
button, form button{
font-family1:'Saira Semi Condensed',
arial,
verdana,
sans-serif;
}
.content-hyperlink a {
display:block;
max-width:300px;
background:var(--bgblack,#000);
color: var(--schrift_white,#fff);
border:none;
margin:0 1em 1em 0;
padding:0.8em 1em;
text-decoration:none;
text-align:center;
}
.ce_form.searchhome {
max-width: 700px;
margin: 8vh auto 5vh auto;
margin1: 4vh auto 1vh auto;
box-sizing: border-box;
display:inline-block;
}
.BtnWaffen .ce_form.searchhome {
display:inline-block;
margin:0 auto;
}
/* Formulare Ende */
.padtop1 {padding-top:1em;}
.padtop2 {padding-top:2em;}
.padbot1 {padding-bottom:1em;}
.padbot2 {padding-bottom:2em;}
.mod_article {
padding-left:5%;
padding-right:5%;
box-sizing:border-box;
}
.mod_article.center, .center {
margin:0 auto;
text-align:center;
}
.searchhome .widget{
float:left;
margin:5px 5px 5px 10px;
border-radius: 5px;
box-shadow: 0px 0px 3px 0px var(--submitBase);
}
#home_first {
background-image: url(../../files/Bilder/bgpics/wzbg_home.jpg);
background-repeat: no-repeat;
background-position: center center; /* zentrierter Ausschnitt */
background-size: 3000px auto; /* KEINE Skalierung, native Größe */
background-attachment: fixed;
overflow: hidden;
padding-bottom:50px;
animation-name: home-bg-zoom;
animation-duration: 40s;
animation-timing-function: ease-in-out;
background-attachment: scroll;
animation-fill-mode: both;
}
@keyframes home-bg-zoom {
from
{
background-position: center center;
}
to
{
background-position: left center; /* nur Ausschnitt verschieben */
}
}
@keyframes home-bg-zoom1 {
from {
background-position: left center;
}
to {
background-position: right center;
}
}
.movetop {
margin-top: 30vh;
transform1: translateY(400px);
animation1: movetopEffect 2s ease-in-out 0.25s forwards;
will-change: transform;
backface-visibility: hidden;
}
@keyframes movetopEffect {
to {
transform1: translateY(0);
}
}
@media (prefers-reduced-motion: reduce) {
.movetop {
animation: none;
transform: none;
}
}
#bgwaffen,#bgmunition,#bgoptik,#bgzubehoer,#bgjagd{
background-repeat: no-repeat;
background-position: left;
background-size: cover;
position: fixed;
inset: 0;
z-index: 0;
max-width:1920px;
margin:0 auto;
opacity: 0.25;
animation: bgFadeIn 2s ease-in-out forwards;
}
@keyframes bgFadeIn {
from {
opacity: 0.25;
}
to {
opacity: 1;
}
}
#bgmunition {
background-image: url(../../files/Bilder/Hintergrundbilder/bgmunition2.png);
background-position:1% 50px;
}
#bgwaffen {background-image: url(../../files/Bilder/Hintergrundbilder/bgwaffen.jpg);}
#bgoptik {background-image: url(../../files/Bilder/Hintergrundbilder/bgoptik.jpg);}
#bgzubehoer {background-image: url(../../files/Bilder/Hintergrundbilder/bgzubehoer.jpg);}
#bgjagd {background-image: url(../../files/Bilder/Hintergrundbilder/bgjagd.jpg);}
.falke-husch {
position: absolute;
top: 8%;
left: -40px;
width: 20px;
height: 12px;
background-image: url("../../files/Audio/falke.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
pointer-events: none;
opacity: 0;
z-index: 100;
}
.falke-husch.aktiv {
opacity: 1;
animation: falke-flug 1.8s linear forwards;
}
@keyframes falke-flug {
0% {
transform: translateX(-80px) translateY(0) scale(1) rotate(-6deg);
}
50% {
transform: translateX(50vw) translateY(-4px) scale(1.05) rotate(-2deg);
}
100% {
transform: translateX(120vw) translateY(3px) scale(0.95) rotate(4deg);
}
}
#anmelden_first {
position: relative;
min-height: 100vh;
overflow: hidden;
}
#anmelden_first::before {
content: "";
position: absolute;
inset: 0;
background-image: url(../../files/Bilder/bgpics/meinaccountbg.png);
background-repeat: no-repeat;
background-position: 100% 120%;
background-position: right bottom;
background-size: cover;
transform: scale(1);
transform-origin: right top;
animation: zoomoutbg 10s ease-out forwards;
z-index: 0;
pointer-events: none;
inset: -4%;
}
#anmelden_first > * {
position: relative;
z-index: 1;
}
@keyframes zoomoutbg {
0% {
transform: scale(1);
}
100% {
transform: scale(1.1);
}
}
#anmelde_intro {
margin-top:6vh;
margin-bottom:10px;
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
white-space: nowrap;
transition: border-color 0.28s ease, background-color 0.28s ease, transform 0.2s ease;
display:inline-block;
padding:0 20px;
border-radius: 10px;
box-shadow: 0 0 10px #111;
color: var(--colorHeadline);
width:300px;
text-shadow: 1px 1px #111;
}
html.theme-light #anmelde_intro,html.theme-light #anmelde_intro h1, html.theme-light #anmelde_intro a {
color:#fff;
}
#anmelde_intro h1 {
padding-top:10px;
}
.mod_login {
opacity:0.95;
width: 350px;
}
#logo {
float:left;
padding:10px 0;
background-repeat: no-repeat;
background-position: left center; /* PNG links (vertikal zentriert) */
background-size: auto 100%;
}
#logo.content-hyperlink a {
font-size:2.5rem;
font-family: 'Black Ops One',arial, sans-serif;
text-decoration:none;
background:none;
color: var(--schrift_dark);
margin:0;
padding:8px 0 0 0;
max-width:inherit;
text-align:left;
}
#footer #logo.content-hyperlink a {font-size:1.5rem;padding-left:0px;}
#footer #logo {background-size:auto 75%;float:none;}
/* Meine Inserate Anfang */
li.inserat{
float:none;
clear:both;
margin: 0 2% 2% 2%;
background:var(--blockInside);
background:var(--containerbg);
box-shadow: 0 0 10px #111;
border-radius: 10px;
max-width: 1200px;
margin:0 auto;
margin-left:7%;
margin-bottom:2em;
border:2px solid var(--colorHeadline1);
color:var(--blockInside);
}
.inserat li {padding:0 16px;}
.inserate-list li.inserat {
position: relative;
overflow: visible;
}
.inserate-list li.inserat--dealer::after,
.inserate-list li.inserat--private::after {
position: absolute;
right: 0;
bottom: 0;
z-index: 5;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 26px 26px;
content: '';
}
.inserate-list li.inserat--dealer::after {
border-color: transparent transparent #1769aa transparent;
}
.inserate-list li.inserat--private::after {
border-color: transparent transparent #238b45 transparent;
}
.meine-inserate .inserat--status-verkauft,
.meine-inserate .inserat--status-abgelaufen {
filter: grayscale(1) brightness(0.6);
}
.meine-inserate .inserat--status-verkauft:hover {
filter: grayscale(1) brightness(0.6);
}
.meine-inserate .inserat--status-abgelaufen:hover {
filter: grayscale(1) brightness(0.6);
}
.inserat__status-link {
position: absolute;
z-index: 3;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 12px;
background: rgba(0, 0, 0, 0.55);
color: var(--colorHeadline);
text-decoration: none;
line-height: 1.2;
font-size: 14px;
left:0px;
bottom:0px;
border-radius:5px;
}
.inserat__status-link::before {
content: '';
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--colorHeadline);
flex: 0 0 8px;
}
.inserat--status-aktiv .inserat__status-link {
background: #000;
}
.inserat--status-reserviert .inserat__status-link {
background: #000;
}
.inserat--status-inaktiv .inserat__status-link {
background: #000;
}
.inserat--status-verkauft .inserat__status-link {
background: #000;
}
.inserat--status-abgelaufen .inserat__status-link {
background: #000;
}
.inserat--status-kontrolle .inserat__status-link {
background: #000;
}
.inserat--status-aktiv .inserat__status-link::before {
background: var(--chipgreen);
}
.inserat--status-reserviert .inserat__status-link::before {
background: var(--chipreserviert);
}
.inserat--status-inaktiv .inserat__status-link::before {
background: var(--chiporange);
}
.inserat--status-verkauft .inserat__status-link::before {
background: var(--chipwhite);
}
.inserat--status-abgelaufen .inserat__status-link::before {
background: var(--chipgray);
}
.inserat--status-kontrolle .inserat__status-link::before {
background: var(--chipblue);
}
.inserat--status-aktiv .inserat__status-link:hover {
background: #000;
}
.inserat--status-reserviert .inserat__status-link:hover {
background: #000;
}
.inserat--status-inaktiv .inserat__status-link:hover {
background: #000;
}
.inserat--status-verkauft .inserat__status-link:hover {
background: #000;
}
.inserat--status-abgelaufen .inserat__status-link:hover {
background: #000;
}
.inserat--status-kontrolle .inserat__status-link:hover {
background: #000;
}
.inserat__status-link:hover {
background: #000;
}
.inserat-status-legend {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 0 0 1.5em 0;
}
.inserat-status-chip {
display: inline-flex;
align-items: center;
justify-content: flex-start;
gap: 8px;
position: relative;
min-height: 36px;
padding: 6px 44px 6px 42px;
border: 2px solid #000;
border-radius: 5px;
background: #000;
background-clip: padding-box;
appearance: none;
font: inherit;
color: var(--colorHeadline);
text-align: center;
text-decoration: none;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
font-size: 14px;
line-height: 1.1;
cursor:pointer;
transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.inserat-status-chip__label {
text-align: left;
}
.inserat-status-chip__count {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
text-align: right;
}
.inserat-status-chip::before {
content: '';
position: absolute;
left: 16px;
top: 50%;
width: 8px;
height: 8px;
border-radius: 50%;
transform: translateY(-50%);
background: currentColor;
}
.inserat-status-chip.is-active {
box-shadow: none;
transform: none;
}
.inserat-status-chip.is-active::after {
content: none;
}
.inserat-status-chip--aktiv {
color: var(--colorHeadline);
}
.inserat-status-chip--alle {
color: var(--colorHeadline);
}
.inserat-status-chip--alle::before {
background: var(--colorHeadline);
}
.inserat-status-chip--alle:hover {
background: #000;
border-color: var(--colorHeadline);
}
.inserat-status-chip--alle.is-active {
background: #000;
border-color: var(--colorHeadline);
}
.inserat-status-chip--alle.is-active:hover {
cursor: default;
}
.inserat-status-chip--aktiv::before {
background: var(--chipgreen);
}
.inserat-status-chip--aktiv:hover {
background: #000;
border-color: var(--chipgreen);
}
.inserat-status-chip--aktiv.is-active {
background: #000;
border-color: var(--chipgreen);
}
.inserat-status-chip--reserviert {
color: var(--colorHeadline);
}
.inserat-status-chip--reserviert::before {
background: var(--chipreserviert);
}
.inserat-status-chip--reserviert.is-active {
background: #000;
border-color: var(--chipreserviert);
}
.inserat-status-chip--reserviert:hover {
background: #000;
border-color: var(--chipreserviert);
}
.inserat-status-chip--inaktiv {
color: var(--colorHeadline);
}
.inserat-status-chip--inaktiv::before {
background: var(--chiporange);
}
.inserat-status-chip--inaktiv:hover {
background: #000;
border-color: var(--chiporange);
}
.inserat-status-chip--verkauft {
color: var(--colorHeadline);
}
.inserat-status-chip--verkauft::before {
background: var(--chipwhite);
}
.inserat-status-chip--verkauft:hover {
background: #000;
border-color: var(--chipwhite);
}
.inserat-status-chip--abgelaufen {
color: var(--colorHeadline);
}
.inserat-status-chip--abgelaufen::before {
background: var(--chipgray);
}
.inserat-status-chip--abgelaufen:hover {
background: #000;
border-color: var(--chipgray);
}
.inserat-status-chip--kontrolle {
color: var(--colorHeadline);
}
.inserat-status-chip--kontrolle::before {
background: var(--chipblue);
}
.inserat-status-chip--kontrolle:hover {
background: #000;
border-color: var(--chipblue);
}
.inserat-status-chip--inaktiv.is-active {
background: #000;
border-color: var(--chiporange);
}
.inserat-status-chip--verkauft.is-active {
background: #000;
border-color: var(--chipwhite);
}
.inserat-status-chip--abgelaufen.is-active {
background: #000;
border-color: var(--chipgray);
}
.inserat-status-chip--kontrolle.is-active
{
background: #000;
border-color: var(--chipblue);
}
html.inserat-status-popup-open,
body.inserat-status-popup-open {
overflow: hidden;
}
.inserat-alterspruefung-popup {
position: fixed;
inset: 0;
z-index: 5000;
}
.inserat-alterspruefung-popup__backdrop {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
background: rgba(5, 10, 8, 0.6);
cursor: pointer;
}
.inserat-alterspruefung-popup__dialog {
position: relative;
width: min(92vw, 520px);
margin: 100px auto 0;
padding: 1.1rem;
display: grid;
gap: 1rem;
border: 1px solid rgba(164, 214, 179, 0.24);
border-radius: 18px;
background:
linear-gradient(180deg, rgba(58, 108, 80, 0.34), rgba(18, 44, 31, 0.48)),
rgba(255, 255, 255, 0.06);
backdrop-filter: blur(14px) saturate(122%);
-webkit-backdrop-filter: blur(14px) saturate(122%);
box-shadow: 0 24px 50px rgba(0, 0, 0, 0.3);
color: var(--colorHeadline);
}
.inserat-alterspruefung-popup__dialog h2,
.inserat-alterspruefung-popup__dialog p {
margin: 0;
}
.inserat-alterspruefung-popup__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
width: 100%;
padding: 0 1em;
border: 1px solid var(--colorHeadline);
border-radius: 4px;
background: var(--colorHeadline);
color: var(--submitBaseColor);
font: inherit;
text-decoration: none;
cursor: pointer;
}
.inserat-alterspruefung-popup__button:hover,
.inserat-alterspruefung-popup__button:focus-visible {
background: var(--containerbg);
color: var(--colorHeadline);
}
.inserat-status-popup[hidden] {
display: none;
}
.inserat-status-popup {
position: fixed;
inset: 0;
z-index: 5000;
}
.inserat-status-popup__backdrop {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
background: rgba(5, 10, 8, 0.6);
cursor: pointer;
}
.inserat-status-popup__dialog {
position: absolute;
top: 100px;
right: 0;
left: 0;
width: min(92vw, 520px);
margin: 0 auto;
padding: 1.1rem;
display: flex;
flex-direction: column;
gap: 1rem;
border: 1px solid rgba(164, 214, 179, 0.24);
border-radius: 18px;
background:
linear-gradient(180deg, rgba(58, 108, 80, 0.34), rgba(18, 44, 31, 0.48)),
rgba(255, 255, 255, 0.06);
backdrop-filter: blur(14px) saturate(122%);
-webkit-backdrop-filter: blur(14px) saturate(122%);
box-shadow: 0 24px 50px rgba(0, 0, 0, 0.3);
color: var(--colorHeadline);
}
.inserat-status-popup__header,
.inserat-status-popup__actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
}
.inserat-status-popup__title {
margin: 0;
padding: 0;
}
.inserat-status-popup__close {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 42px;
width: 42px;
min-width: 42px;
height: 42px;
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 999px;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.08);
color: var(--colorHeadline);
font-size: 1.5rem;
line-height: 1;
cursor: pointer;
}
.inserat-status-popup__body {
display: grid;
gap: 1rem;
margin-bottom:1em;
}
.inserat-status-popup__intro {
margin: 0;
color: rgba(255, 255, 255, 0.82);
}
.inserat-status-popup__body > .inserat-status-popup__intro,
.inserat-status-popup__body > .inserat-status-popup__field,
.inserat-status-popup__meta-label {
display: none;
}
.inserat-status-popup__meta {
display: grid;
gap: 0.85rem;
}
.inserat-status-popup__meta-item,
.inserat-status-popup__preview {
display: grid;
gap: 0.35rem;
padding: 0.85rem 1rem;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 12px;
background: rgba(255, 255, 255, 0.05);
}
.inserat-status-popup__meta-label,
.inserat-status-popup__field {
font-size: 0.95rem;
color: rgba(255, 255, 255, 0.74);
}
.inserat-status-popup__select {
width: 100%;
box-sizing: border-box;
padding: 10px 12px;
border: 1px solid var(--containerbg);
border-radius: 4px;
font-size: 15px;
color: var(--colorHeadline);
background: var(--containerbg);
-webkit-box-shadow: inset 0 1px 1px #111;
box-shadow: inset 0 1px 1px #111;
height: 44px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 3rem;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 1rem;
background-position: right 1rem center;
}
.inserat-status-popup__button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 40px;
height: 40px;
padding: 0 1em;
border-radius: 4px;
background: var(--colorHeadline);
color: var(--submitBaseColor);
border: 1px solid var(--colorHeadline);
cursor: pointer;
box-sizing: border-box;
text-decoration: none;
text-shadow: none;
transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.inserat-status-popup__button--secondary {
background: rgba(255, 255, 255, 0.08);
color: var(--colorHeadline);
border-color: rgba(255, 255, 255, 0.2);
}
.inserat-status-popup__actions {
position: relative;
}
.inserat-status-popup__delete-tooltip {
position: absolute;
left: 1.1rem;
right: 1.1rem;
bottom: 4.6rem;
z-index: 20;
min-width: 0;
min-height: 100px;
}
.inserat-status-popup__button:hover,
.inserat-status-popup__button:focus {
color: var(--colorHeadline);
background: var(--containerbg);
border: 1px solid var(--colorHeadline);
}
.inserat_meta {
display: flex;
gap: 0;
align-items: stretch;
max-height:180px;
}
.inserat__image {
position: relative;
flex: 0 0 300px;
max-width: 300px;
width: 100%;
margin: 0;
overflow: hidden;
border-top-left-radius:10px;
border-bottom-left-radius:10px;
}
.inserate-list:not(.kachel) .inserat__image {
flex: 0 0 28%;
max-width: 28%;
width: 28%;
}
.inserat__image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-top-left-radius:10px;
border-bottom-left-radius:10px;
transform: scale(1.1);
transition: transform 0.35s ease;
}
li.inserat:hover .inserat__image img {
transform: scale(1);
}
.inserat__content {
flex: 1 1 auto;
display: grid;
grid-template-rows: auto auto auto;
row-gap: 0;
min-width: 0;
padding: 0 1em;
color:var(--blockInside);
background: var(--colorHeadline1);
}
.inserat__banderole,
.inserat-detail__banderole.banderole_suche,
.inserat-banderole.banderole_suche {
position: absolute;
top: 14px;
left: -70px;
z-index: 4;
width: 190px;
padding: 3px 0 2px 0;
font-size: 0.7rem;
letter-spacing: 1px;
line-height: 1;
text-align: center;
transform: rotate(-45deg);
border: 1px solid rgba(164, 214, 179, 0.24);
background: linear-gradient(180deg, rgba(58, 108, 80, 0.34), rgba(18, 44, 31, 0.48)), rgba(255, 255, 255, 0.06);
backdrop-filter: blur(14px) saturate(122%);
-webkit-backdrop-filter: blur(14px) saturate(122%);
color: var(--colorHeadline);
font-weight: 300;
}
.inserat--suchagent .inserat_meta {
max-height: none;
min-height: 180px;
background: var(--blockInside);
background-image: none;
border-radius:10px;
}
.inserat--suchagent {
background: var(--blockInside);
background-image: none;
border-color: var(--colorHeadline1);
}
.inserat__content--suchagent {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
padding: 1.5em;
min-height: 180px;
background: var(--blockInside) !important;
background-image: none !important;
color: var(--colorHeadline);
border-radius:10px;
}
.inserat__suchagent-copy {
display: flex;
align-items: center;
gap: 30px;
flex: 1 1 auto;
min-width: 0;
}
.inserat__suchagent-copy-text {
min-width: 0;
}
.inserat__suchagent-bell-link {
display: inline-flex;
flex: 0 0 auto;
text-decoration: none;
cursor: pointer;
}
.inserat__suchagent-bell-link:hover,
.inserat__suchagent-bell-link:focus {
text-decoration: none;
}
#fm_inserate .grafm-list-sort__view-icon--bell.inserat__suchagent-bell {
flex: 0 0 auto;
width: 120px;
height: 120px;
padding: 22px;
border: 2px solid var(--colorHeadline);
border-radius: 50%;
background-size: 80px 80px;
background-position: center;
background-repeat: no-repeat;
box-sizing: border-box;
}
.inserat__suchagent-title {
margin: 0 0 0.35em 0;
padding: 0;
font-size: 28px;
line-height: 1.2;
color: var(--colorHeadline);
}
.inserat__suchagent-text {
margin: 0;
font-size: 22px;
line-height: 1.4;
color: var(--colorHeadline);
}
.suchagenten-popup-button--inline {
flex: 0 0 auto;
white-space: nowrap;
}
.inserat__top {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 0;
align-items: start;
min-width: 0;
}
h2.inserat_title {
min-width: 0;
max-width: 100%;
margin: 0;
padding-top: 10px;
font-size: 24px;
line-height: 120%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
color:var(--blockInside);
}
.inserat_preis {
white-space: nowrap;
text-align: left;
font-size:24px;
padding-top:10px;
line-height: 120%;
padding-left:20px;
}
.inserat__kaliber {
min-width: 0;
font-size: 22px;
margin-bottom: 40px;
padding-top:0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.inserat__meta-extra-list {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 0.25em;
margin-top: -28px;
margin-bottom: 0.25em;
text-align: left;
}
.inserat__meta-extra {
display: inline-flex;
align-items: center;
gap: 0.45em;
text-align: left;
line-height: 1.2;
}
.inserat__meta-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 0.95em;
height: 0.95em;
flex: 0 0 0.95em;
color: var(--schrift_dark);
}
.inserat__meta-icon--views {
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 5c5.23 0 9.27 4.11 10.77 6.02a1.55 1.55 0 0 1 0 1.96C21.27 14.89 17.23 19 12 19S2.73 14.89 1.23 12.98a1.55 1.55 0 0 1 0-1.96C2.73 9.11 6.77 5 12 5Zm0 2C8.19 7 4.96 9.83 3.34 12 4.96 14.17 8.19 17 12 17s7.04-2.83 8.66-5C19.04 9.83 15.81 7 12 7Zm0 2.25A2.75 2.75 0 1 1 9.25 12 2.75 2.75 0 0 1 12 9.25Zm0 2A.75.75 0 1 0 12.75 12 .75.75 0 0 0 12 11.25Z'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 5c5.23 0 9.27 4.11 10.77 6.02a1.55 1.55 0 0 1 0 1.96C21.27 14.89 17.23 19 12 19S2.73 14.89 1.23 12.98a1.55 1.55 0 0 1 0-1.96C2.73 9.11 6.77 5 12 5Zm0 2C8.19 7 4.96 9.83 3.34 12 4.96 14.17 8.19 17 12 17s7.04-2.83 8.66-5C19.04 9.83 15.81 7 12 7Zm0 2.25A2.75 2.75 0 1 1 9.25 12 2.75 2.75 0 0 1 12 9.25Zm0 2A.75.75 0 1 0 12.75 12 .75.75 0 0 0 12 11.25Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.inserat__meta-icon--bookmark {
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 2.8 2.84 5.75 6.35.92-4.6 4.48 1.09 6.32L12 17.26 6.32 20.27l1.09-6.32-4.6-4.48 6.35-.92L12 2.8Z'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 2.8 2.84 5.75 6.35.92-4.6 4.48 1.09 6.32L12 17.26 6.32 20.27l1.09-6.32-4.6-4.48 6.35-.92L12 2.8Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.inserat_ort {
min-width: 0;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.inserat__bottom {
display: grid;
grid-template-columns: auto auto 1fr;
gap: 16px;
align-items: center;
}
.inserat__bottom > :last-child {
text-align: right;
justify-self: end;
}
.meine-inserate .grafm-inserat__main-link {
display: flex;
flex: 1 1 auto;
min-width: 0;
color: inherit;
text-decoration: none;
}
.inserat_anbieter {
min-width: 0;
max-width: 100%;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.inserat_anbieter__partner-link {
max-width: 300px;
display: inline-block;
min-width: 0;
text-align: center;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: var(--containerbg);
color: var(--colorHeadline);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 3px;
padding: 2px 10px;
box-sizing:border-box;
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%);
}
.meine-inserate .inserat__actions {
flex: 0 0 60px;
max-width: 60px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
padding: 12px 8px;
background: var(--colorHeadline1);
border-left: 1px solid rgba(0, 0, 0, 0.12);
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
box-sizing: border-box;
}
.meine-inserate .inserat__delete-wrap {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 44px;
width: 44px;
height: 44px;
margin: 0;
}
.meine-inserate .inserat__delete-tooltip {
right: calc(100% + 0.75rem);
}
.meine-inserate .inserat__action-button {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 44px;
width: 44px;
height: 44px;
padding: 0;
border: 1px solid var(--blockInside);
border-radius: 6px;
background: transparent;
color: var(--blockInside);
text-decoration: none;
cursor: pointer;
transition: background-color 0.2s ease, color 0.2s ease;
box-sizing: border-box;
line-height: 1;
vertical-align: top;
}
.meine-inserate .inserat__action-button:hover,
.meine-inserate .inserat__action-button:focus {
background: var(--blockInside);
color: var(--colorHeadline1);
outline: none;
}
.meine-inserate .inserat__action-icon {
width: 22px;
height: 22px;
}
.meine-inserate .inserat__action-icon--status {
width: 24px;
height: 24px;
}
/* WERBUNG */
.inserate-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 300px;
gap: 2em;
align-items: stretch;
width: 85%;
margin: 0 auto;
padding-bottom:4em;
}
.inserate-layout__list {
min-width: 0;
}
.inserate-list.kachel {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 2em;
}
.inserate-list.kachel li.inserat,
.inserate-layout .inserate-list.kachel li.inserat {
width: 100%;
max-width: none;
margin: 0;
border-radius: 10px;
overflow: visible;
}
.inserate-list.kachel .inserat_meta {
display: flex;
flex-direction: column;
max-height: none;
align-items: stretch;
}
.inserate-list.kachel .inserat__image {
flex: none;
max-width: none;
width: 100%;
aspect-ratio: 16 / 9;
margin: 0;
border-top-left-radius: 10px;
border-bottom-left-radius: 0;
border-top-right-radius: 10px;
}
.inserate-list.kachel .inserat__image img {
width: 100%;
height: 100%;
object-fit: cover;
border-top-left-radius: 10px;
border-bottom-left-radius: 0;
border-top-right-radius: 10px;
}
.inserate-list.kachel .inserat__content {
display: block;
padding: 0.8em 1em 1em 1em;
min-width: 0;
}
.inserate-list.kachel .inserat__content--suchagent {
display: flex;
padding: 1.25em;
}
.inserate-list.kachel li.inserat--suchagent,
.inserate-layout .inserate-list.kachel li.inserat--suchagent {
grid-column: 1 / -1;
width: 100%;
}
.inserate-list.kachel .inserat__top {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 0.35em;
min-width: 0;
}
.inserate-list.kachel h2.inserat_title {
padding-top: 0;
font-size: 20px;
line-height: 125%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.inserate-list.kachel .inserat_preis {
text-align: left;
font-size: 20px;
padding-top: 0;
padding-left: 0;
}
.inserate-list.kachel .inserat__kaliber {
margin-bottom: 1em;
padding-top: 0;
font-size: 18px;
}
.inserate-list.kachel .inserat__bottom {
grid-template-columns: minmax(0, 1fr);
gap: 0.45em;
align-items: start;
}
.inserate-list.kachel .inserat__bottom > :last-child {
text-align: left;
justify-self: start;
}
.inserate-layout__ad {
width: 300px;
align-self: stretch;
}
.grafm-list-sort {
width: 100%;
max-width: 1200px;
margin: 0 auto 1.5em auto;
padding-left: 0;
box-sizing: border-box;
}
.fm-search-meta {
position: absolute;
top: 200px;
left: 50%;
z-index: 30;
width: max-content;
max-width: calc(100% - 1rem);
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
backdrop-filter: none;
-webkit-backdrop-filter: none;
text-align: center;
transform: translateX(-50%);
}
.fm-inserate-search-summary,
.fm-inserate-count {
margin: 0;
color: var(--colorHeadline);
}
.fm-inserate-search-summary + .fm-inserate-count {
margin-top: 0.45em;
}
.fm-filter__checkbox-row {
display: flex;
align-items: center;
gap: 1.1rem;
flex-wrap: wrap;
}
.fm-filter__checkbox {
display: inline-flex;
align-items: center;
gap: 0.45rem;
width: auto;
margin: 0;
color: var(--colorHeadline);
}
.fm-filter__checkbox input[type="checkbox"] {
width: auto;
height: auto;
margin: 0;
}
.inserate-layout .grafm-list-sort {
max-width: none;
padding-left: 0;
}
.grafm-list-sort__panel {
display: flex;
align-items: center;
gap: 1rem;
flex-wrap: wrap;
justify-content: space-between;
padding: 0;
border-radius: 14px;
border: 0;
background: transparent;
box-shadow: none;
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
#fm_inserate .grafm-list-sort__bezirk-wrap {
display: flex;
align-items: center;
justify-content: flex-start;
flex: 1 1 280px;
min-width: 0;
}
#fm_inserate .grafm-list-sort__button-wrap {
display: flex;
align-items: center;
justify-content: flex-start;
flex: 0 0 auto;
min-width: 0;
gap: 1rem;
}
#fm_inserate .grafm-list-sort__select-wrap {
display: flex;
align-items: center;
justify-content: flex-end;
flex: 1 1 280px;
min-width: 0;
}
#fm_inserate .grafm-list-sort__bezirk-select {
width: min(100%, 360px);
box-sizing: border-box;
padding: 10px 44px 10px 12px;
border: 1px solid var(--containerbg);
border-radius: 4px;
font-size: 15px;
color: var(--colorHeadline);
background-color: var(--containerbg);
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 1rem;
background-position: right 1rem center;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-webkit-box-shadow: inset 0 1px 1px #111;
box-shadow: inset 0 1px 1px #111;
height: 44px;
text-align: left;
}
#fm_inserate .grafm-list-sort__bezirk-select option {
color: var(--colorHeadline);
background: var(--containerbg);
}
#fm_inserate .grafm-list-sort__bezirk-select:focus {
outline: none;
box-shadow: inset 0 1px 1px var(--colorHeadline);
-webkit-box-shadow: inset 0 1px 1px var(--colorHeadline);
}
#fm_inserate .grafm-list-select {
width: min(100%, 220px);
box-sizing: border-box;
padding: 10px 44px 10px 12px;
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 10px;
font-size: 15px;
color: var(--colorHeadline);
background-color: rgba(255, 255, 255, 0.05);
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 1rem;
background-position: right 1rem center;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
box-shadow: 0 0 10px #111;
-webkit-box-shadow: 0 0 10px #111;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
height: 44px;
text-align: left;
}
#fm_inserate .grafm-list-select option {
color: var(--colorHeadline);
background: var(--containerbg);
}
#fm_inserate .grafm-list-select:focus {
outline: none;
border-color: rgba(255, 255, 255, 0.28);
background-color: rgba(255, 255, 255, 0.08);
}
#fm_inserate .grafm-list-sort__toggle {
display: inline-flex;
align-items: center;
justify-content: center;
height: 44px;
padding: 0 18px;
min-width: 92px;
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 10px;
color: var(--colorHeadline);
text-decoration: none;
background: rgba(255, 255, 255, 0.05);
box-shadow: 0 0 10px #111;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
cursor: pointer;
transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
margin-left: auto;
}
#fm_inserate .grafm-list-sort__toggle:hover,
#fm_inserate .grafm-list-sort__toggle:focus {
color: var(--colorHeadline);
border-color: rgba(255, 255, 255, 0.28);
background: rgba(255, 255, 255, 0.08);
}
#fm_inserate .grafm-list-sort__toggle:focus {
outline: none;
}
#fm_inserate .grafm-list-sort__toggle,
#fm_inserate .grafm-list-sort__toggle-symbol {
color: var(--colorHeadline);
white-space: nowrap;
}
#fm_inserate .grafm-list-sort__placeholder-button {
margin-left: 0;
min-width: 44px;
width: 44px;
padding: 0;
}
#fm_inserate .grafm-list-sort__view-button {
min-width: 44px;
}
#fm_inserate .grafm-list-sort__view-icon {
display: block;
width: 18px;
height: 18px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
#fm_inserate .grafm-list-sort__view-icon--grid {
background-image: url("data:image/svg+xml;utf8,");
}
#fm_inserate .grafm-list-sort__view-icon--list {
background-image: url("data:image/svg+xml;utf8,");
}
#fm_inserate .grafm-list-sort__view-icon--bell {
background-image: url("data:image/svg+xml;utf8,");
width: 25px;
height:25px;
}
.inserate-adbox {
height: 100%;
min-height: 600px;
background: var(--blockInside);
box-shadow: 0 0 10px #111;
border-radius: 10px;
padding: 1em;
position: static;
}
/* vorhandene li-Breite im Layout überschreiben */
.inserate-layout li.inserat {
width: 100%;
margin-left: 0;
margin-right: 0;
}
/* Filterbox Anfang */
#filterbox {
position: static;
width: :200px;
background: var(--schrift_dark_hover);
height: 90%;
}
/* Filterbox Ende */
/* Mobile */
/* Ende Mobile Inserate*/
/* Meine Inserate Ende */
/* Paginierung Anfang */
.inserate-pagination {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 0.5em;
width: 100%;
margin: 2em auto;
padding: 0 2em;
box-sizing: border-box;
}
.inserate-pagination__link {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
min-height: 40px;
padding: 0 1em;
background: var(--blockInside);
text-decoration: none;
border-radius: 8px;
box-shadow: 0 0 6px #111;
box-sizing: border-box;
}
.inserate-pagination__link--active {
background: var(--colorHeadline);
color: var(--schrift_white);
}
.inserate-pagination__link:hover {
color: var(--blockInside);
background: var(--colorHeadline);
}
/* Paginierung Ende */
.password-reset {margin-top:1.75em;}
/* Anfang Inserate erstellen */
#grafmInseratForm .required_color {
color1: #ff0000;
font-weight1: 600;
}
/* Selects */
#grafmInseratForm select {
width: 100%;
padding: 10px 12px;
border: 1px solid #ccc;
border-radius: 8px;
background-color: var(--schrift_white);
color: #222;
font: inherit;
}
#grafmInseratForm select:hover {
border-color: #999;
background-color: #fafafa;
}
#grafmInseratForm select:focus {
outline: none;
border-color: #c00;
box-shadow: 0 0 0 2px rgba(204, 0, 0, 0.15);
}
#grafmInseratForm select option:checked {
background: var(--colorHeadline);
color: var(--blockInside);
}
/* #form-setup Anfang */
.plusshadow ul li {
margin:5px 0;
list-style-type:circle;
color: var(--colorHeadline);
font-size:16px;
height: 50px;
padding-top:0;
}
fieldset .radio_container, fieldset .checkbox_container {
box-shadow:none;
}
#form_setup legend {
padding:20px 0 10px 0;
color: var(--colorHeadline);
}
#form_setup .explanation {
padding:0 20px 10px 20px;
color: var(--colorHeadline);
}
#form_setup span.mandatory {
display:inline-blocK;
}
#form_setup span {
display:block;
margin:6px 0;
}
.plusshadow {
margin-bottom:2em;
border-radius:10px;
box-shadow: 0 0 10px #111;
background: var(--blockInside);
padding:0 30px 20px 30px;
}
.meinsuchagent-liste .plusshadow {margin-bottom:0;}
/* #form-setup Ende */
/* Selects */
#grafmInseratForm {max-width:1100px;width:100%;}
#grafmInseratForm .widget.fullsize { width:98%; float:none;clear:both; }
#grafmInseratForm .widget.inserat-als select { max-width:380px; }
#grafmInseratForm .widget { margin-bottom:24px; float:left; margin-right:2%;width:23%; }
#grafmInseratForm .widget.widget-beginn,
#grafmInseratForm .widget.widget-ende {
float:left;
clear:none;
}
#grafmInseratForm .widget.widget-beginn {
width:380px;
max-width:380px;
}
#grafmInseratForm .widget.widget-ende {
width:150px;
max-width:150px;
}
#grafmInseratForm .widget.widget-laufzeit {
clear:both;
}
fieldset {
width:98%;
display:block;
margin-bottom:1em;
border-radius:10px;
box-shadow: 0 0 10px #111;
background: var(--blockInside);
padding:0 20px 20px 20px;
}
#grafmInseratForm .widget label{ display:block; font-weight:600; margin:0 0 6px 0; }
textare {resize: vertical;}
#grafmInseratForm .widget input:not([type="radio"]),
#grafmInseratForm .widget select,
#grafmInseratForm .widget textarea, #grafmInseratForm .widget input {
width:100%;
box-sizing:border-box;
padding:10px 12px;
border:1px solid var(--containerbg);
border-radius:4px;
font-size:15px;
color: var(--colorHeadline);
background:var(--containerbg);
-webkit-box-shadow: inset 0 1px 1px #111;
box-shadow: inset 0 1px 1px #111;
}
#grafmInseratForm .widget input:not([type="radio"]), #grafmInseratForm .widget select {
height:44px;
}
#grafmInseratForm .widget select
{ appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 3rem;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 1rem;
background-position: right 1rem center;
}
#grafmInseratForm .widget > label {
display: block;
margin-bottom: 6px;
font-weight:300;
color: var(--colorHeadline);
}
#grafmInseratForm .inserat-typ-row {
display:flex;
align-items:center;
gap:14px;
flex-wrap:nowrap;
}
#grafmInseratForm .inserat-typ-row .inserat-typ-label {
color:var(--colorHeadline);
margin:0;
flex:0 0 auto;
font-size:1.2rem;
}
#grafmInseratForm #vkpreisToggle {
margin-top1:2em;
}
#grafmInseratForm #vkpreisToggle[hidden] {
display:none !important;
}
#grafmInseratForm #artikelstandortContainer[hidden] {
display:none !important;
}
#grafmInseratForm .inserat-create-actions {
display:flex;
justify-content:space-between;
align-items:center;
gap:1rem;
}
#grafmInseratForm .inserat-typ-row .inserat-typ-option {
display:inline-flex;
align-items:center;
gap:6px;
margin:0;
font-weight:300;
flex:0 0 auto;
}
#grafmInseratForm .inserat-typ-row .inserat-typ-option input {
width:auto;
height:auto;
margin:0;
}
#grafmInseratForm fieldset[disabled] .inserat-typ-row .inserat-typ-option input[type="radio"] {
opacity:1;
accent-color:var(--colorHeadline);
}
#grafmInseratForm input[type="date"][readonly] {
pointer-events:none;
cursor:not-allowed;
}
#grafmInseratForm input[type="date"][readonly]::-webkit-calendar-picker-indicator {
display:none;
}
#grafmInseratForm1 .inserat-typ-row .inserat-typ-option input:focus,
#grafmInseratForm1 .inserat-typ-row .inserat-typ-option input:focus-visible {
outline:none;
box-shadow:none;
-webkit-box-shadow:none;
}
#grafmInseratForm #haeInseratWrap {
width:98%;
float:none;
clear:both;
}
#grafmInseratForm #haeInseratWrap h2 {
margin:0 0 20px 0;
}
#grafmInseratForm .hae-inserat-group {
display:grid;
grid-template-columns:repeat(2, minmax(0, 150px));
gap:12px;
align-items:center;
justify-content:flex-start;
}
#grafmInseratForm .hae-inserat-option {
display:flex;
align-items:flex-start;
gap:0;
margin:0;
padding:0;
max-width:150px;
border:0;
border-radius:0;
background:none;
color:var(--colorHeadline);
cursor:pointer;
box-sizing:border-box;
font-size:0;
}
#grafmInseratForm .hae-inserat-option span {
font-size:15px;
font-weight:600;
padding-top:4px;
}
#grafmInseratForm input:focus, #grafmInseratForm textarea:focus{
box-shadow: inset 0 1px 1px var(--colorHeadline);
-webkit-box-shadow: inset 0 1px 1px var(--colorHeadline);
}
input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date]{
box-sizing: border-box;
padding: 10px 12px;
border: 1px solid var(--containerbg);
border-radius: 4px;
font-size: 15px;
color: var(--colorHeadline);
background: var(--containerbg);
-webkit-box-shadow: inset 0 1px 1px #111;
box-shadow: inset 0 1px 1px #111;
height: 44px;
}
input:focus, textarea:focus{
border: none;
box-shadow: inset 0 1px 1px var(--colorHeadline);
-webkit-box-shadow: inset 0 1px 1px var(--colorHeadline);
}
button[type="submit"],
.partner-oeffnungszeiten-verwaltung__detailseite-button,
.partner-standordnung-verwaltung__speichern-button {
background:var(--colorHeadline);
color:var(--submitBaseColor);
border:0px solid var(--schrift_dark_hover);
padding:12px 22px;
border-radius:4px;
cursor:pointer;
box-sizing:border-box;
height:44px;
}
button[type="submit"]:hover,
.partner-oeffnungszeiten-verwaltung__detailseite-button:hover,
.partner-standordnung-verwaltung__speichern-button:hover {
color:var(--colorHeadline);
background:var(--containerbg);
border:1px solid var(--colorHeadline);
}
.partner-oeffnungszeiten-verwaltung__detailseite-button {
background: var(--containerbg);
color: var(--colorHeadline);
border: 1px solid var(--colorHeadline);
}
.partner-oeffnungszeiten-verwaltung__detailseite-button:hover {
background: var(--colorHeadline);
color: var(--submitBaseColor);
border: 0;
}
.field-error{
margin-top:6px;
font-size:0.95rem;
color:#ff0000;
display:none;
}
#grafmInseratForm .widget {
position:relative;
}
#grafmInseratForm .field-error {
position:absolute;
margin-top:2px;
}
.mod_registration .registration-phone-widget {
position:relative;
}
.mod_registration .registration-country-locked {
cursor:default;
}
.mod_registration .registration-phone-prefix {
display:inline-block;
box-sizing:border-box;
width:52px;
height:44px;
margin-right:6px;
padding:10px 12px;
border:0;
border-radius:4px;
color:var(--colorHeadline);
background:var(--containerbg);
box-shadow:inset 0 1px 1px #111;
}
.mod_registration input[data-registration-phone] {
width:calc(100% - 58px);
}
.mod_registration .registration-phone-error {
position:absolute;
top:100%;
left:58px;
margin:2px 0 0;
color:var(--error-delete);
font-size:0.95rem;
}
#grafmInseratForm .widget input.input_fullsize{
width:100%;
max-width:1280px;
}
#grafmInseratForm legend {
font-size:1.6rem;
padding:1em 0 0.75em 0;
border-top:1px solid var(--bgbrown,#73675B);
color: var(--bgbrown,#73675B);
display:none;
}
#grafmInseratForm fieldset{
margin-bottom:1em;
background:var(--blockInside);
padding: 0 0 20px 20px;
box-shadow:0 0 10px #111;
border-radius:10px;
}
.hilfetext {color:var(--schrift_white);display:none;}
.inputandere {margin-top:5px;}
/* Standard Formulare */
form {
max-width: 1100px;
width: 100%;
}
.widget select, .widget textarea {
width: 100%;
box-sizing: border-box;
padding: 10px 12px;
border: 0px solid #ccc;
border-radius: 4px;
font-size: 15px;
color: var(--colorHeadline);
background: var(--containerbg);
-webkit-box-shadow: inset 0 1px 1px #111;
box-shadow: inset 0 1px 1px #111;
}
legend {
font-size:18px;
text-transform:uppercase;
padding:50px 5px 0 0px;
font-weight:inherit;
display1:none;
}
.mod_registration legend {
font-size:18px;
text-transform:uppercase;
padding:50px 5px 0 0px;
font-weight:inherit;
display:block;
}
.mod_personalData, .mod_login, .mod_lostPassword, .mod_changePassword, .mod_closeAccount {
margin-top:1em;
max-width:800px;
display:block;
margin-bottom:1em;
border-radius:10px;
box-shadow: 0 0 10px #111;
background: var(--blockInside);
padding:1em 20px 20px 20px;
}
.mod_registration { margin-top:1em;}
.mod_login.logout {
background:none;
box-shadow:none;
padding:0;
}
.login_info {
margin-bottom:2em;
}
.mod_lostPassword,.mod_changePassword, .mod_registration label {
padding-top:0em;
opacity:0.95;
}
.mod_lostPassword,.mod_changePassword, .mod_registration label{padding-top:1em;}
.mod_personalData #ctrl_customer_number_5 {}
.mod_personalData fieldset, .mod_login fieldset {
background:var(--blockInside);
margin: 1em 0 1em 0;
padding:1em;
box-sizing:border-box;
}
.mod_login fieldset {box-shadow:none;}
.mod_login input[type="checkbox"]{height:inherit;width:inherit;}
.mod_login .checkbox_container {padding-left:0;}
/* Animation Login Anfang */
/* Animation Login Ende */
.widget select{
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 3rem;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 1rem;
background-position: right 1rem center;
cursor:pointer;
height:44px;
}
/* Standard Formulare */
/* Tooltips Anfang *>
/* Rotes i */
.info-icon {
display: inline-flex;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
margin-left: 10px;
font-size: 16px;
font-weight: bold;
color: var(--schrift_dark);
background: var(--schrift_white);
border-radius: 50%;
cursor: help;
position: relative;
}
/* Tooltip */
.info-icon::after {
content: attr(data-tooltip);
position: absolute;
bottom: 120%;
left: 50%;
transform: translateX(-50%);
background: black;
color: white;
padding: 6px 8px;
font-size: 14px;
border-radius: 4px;
white-space: nowrap;
opacity: 0;
transition: opacity 0.2s ease;
pointer-events: none;
}
/* Nur Hover auf i */
.info-icon:hover::after {
opacity: 1;
}
/* Tooltips Ende */
/* Layout: Preis links, Toggle rechts */
#vkpreisWrap{
display: flex;
}
.vkpreisInput{
flex: 1 1 auto;
min-width: 220px;
}
.vkpreisToggle{
display: flex;
flex-direction: column;
align-items: flex-start;
gap1: 6px;
}
.toggleLabel{
font-size: 16px;
cursor: pointer;
color: var(--colorHeadline);
padding-bottom:10px;
margin-right:10px;
}
/* Optisch deaktiviertes Preisfeld */
#vkpreis.is-disabled{
opacity: 0.55;
cursor: not-allowed;
}
/* Switch (Schieberegler) */
/* ===== Konfiguration ===== */
/* Standard Switch */
.switch {
--switch-width: 70px;
--switch-height: 28px;
--knob-size: 22px;
--switch-padding: 3px;
position: relative;
display: inline-block;
width: var(--switch-width);
height: var(--switch-height);
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
/* Track */
.slider {
position: absolute;
inset: 0;
cursor: pointer;
background: #ccc;
border-radius: var(--switch-height);
transition: 0.25s;
}
/* Knopf */
.slider::before {
content: "";
position: absolute;
width: var(--knob-size);
height: var(--knob-size);
left: var(--switch-padding);
top: 50%;
transform: translateY(-50%);
background: var(--schrift_white);
border-radius: 50%;
transition: 0.25s;
box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}
/* Aktiv */
.switch input:checked ~ .slider {
background: var(--submitHoverColor, #22c55e);
}
.switch input:checked ~ .slider::before {
background:var(--containerbg);
transform: translate(
calc(var(--switch-width) - var(--knob-size) - var(--switch-padding) * 2),
-50%
);
}
input#vkpreis:disabled{
background:var(--colorDark);
background:var(--blockInside);
}
input[type=text]:focus, input[type=password]: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, select:focus {
background:var(--containerbg);
box-sizing:border-box;
-webkit-box-shadow: inset 0 1px 1px var(--colorHeadline);
box-shadow: inset 0 1px 1px var(--colorHeadline);
}
input[type=date]:focus, #grafmInseratForm .widget input:focus, #grafmInseratForm .widget select:focus {
box-shadow: inset 0 1px 1px var(--colorHeadline);
}
.searchhome .widget input {
color: var(--colorHeadline);
box-sizing:border-box;
font-size:16px;
-webkit-box-shadow: inset 0 1px 1px #111;
box-shadow: inset 0 1px 1px #111;
}
.searchhome button[type="submit"] {font-size:16px;}
.searchhome button[type="submit"]:hover {border:none;background:var(--containerbg);}
#top:target .ce_form.searchhome.block input[name="searchtype"]::placeholder,
#top:target .ce_form.searchhome.block input[name="standort"]::placeholder {
color: #c93333;
opacity: 1;
}
#top:target .ce_form.searchhome.block:has(input[name="searchtype"]:not(:placeholder-shown)) input[name="searchtype"]::placeholder,
#top:target .ce_form.searchhome.block:has(input[name="searchtype"]:not(:placeholder-shown)) input[name="standort"]::placeholder,
#top:target .ce_form.searchhome.block:has(input[name="standort"]:not(:placeholder-shown)) input[name="searchtype"]::placeholder,
#top:target .ce_form.searchhome.block:has(input[name="standort"]:not(:placeholder-shown)) input[name="standort"]::placeholder {
color: var(--colorHeadline);
}
input[type=date]:focus{background:var(--containerbg);}
input[readonly] { background:var(--containerbg); color: var(--colorHeadline); }
input[readonly]:focus, input:disabled:focus{background:var(--containerbg);box-shadow:none;}
input[type=date]{
padding-right:3.2em;
cursor:pointer;
position:relative;
appearance:none;
-webkit-appearance:none;
}
.widget:has(> input[type=date]){
position:relative;
}
.widget:has(> input[type=date])::after{
content:'';
position:absolute;
right:14px;
top:calc(50% + 20px);
transform:translateY(-50%);
width:20px;
height:20px;
background-color:var(--bgbrown,#73675B);
pointer-events:none;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2a1 1 0 0 1 1 1v1h8V3a1 1 0 1 1 2 0v1h1a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1V3a1 1 0 0 1 1-1Zm12 8H5v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-9ZM6 6a1 1 0 0 0-1 1v1h14V7a1 1 0 0 0-1-1H6Z'/%3E%3C/svg%3E") center / contain no-repeat;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2a1 1 0 0 1 1 1v1h8V3a1 1 0 1 1 2 0v1h1a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1V3a1 1 0 0 1 1-1Zm12 8H5v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-9ZM6 6a1 1 0 0 0-1 1v1h14V7a1 1 0 0 0-1-1H6Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
input[type=date]::-webkit-calendar-picker-indicator{
opacity:0;
position:absolute;
right:0;
top:0;
width:44px;
height:100%;
cursor:pointer;
}
.submit-row {
display: flex;
gap: 1rem;
align-items: center;
flex-wrap: wrap;
}
#grafm-bild-form .submit-container label {
display:block;
font-weight:600;
margin:0 0 6px 0;
}
#grafm-bild-form .submit-container .status-select-row {
display:flex;
flex-direction:column;
align-items:flex-start;
gap:12px;
}
#grafm-bild-form .submit-container .status-select-row label {
margin:0;
}
#grafm-bild-form .submit-container .status-select-row__current {
margin:0;
font-weight:600;
}
#grafm-bild-form .submit-container .status-select-row__controls {
width:100%;
display:flex;
align-items:center;
gap:12px;
flex-wrap:wrap;
}
#grafm-bild-form .submit-container select {
width:100%;
max-width:534px;
box-sizing:border-box;
padding:10px 12px;
padding-right:3rem;
border:1px solid var(--containerbg);
border-radius:4px;
font-size:15px;
color:var(--colorHeadline);
background:var(--containerbg);
background-image:url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;
background-size:1rem;
background-position:right 1rem center;
-webkit-box-shadow: inset 0 1px 1px #111;
box-shadow: inset 0 1px 1px #111;
height:44px;
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
cursor:pointer;
}
#grafm-bild-form .submit-container .status-select-row__controls select {
flex:1 1 260px;
}
#grafm-bild-form .submit-container .status-select-row__controls button {
width:auto;
margin:0;
}
#grafm-bild-form .submit-container select:focus {
background:var(--containerbg);
box-sizing:border-box;
-webkit-box-shadow: inset 0 1px 1px var(--colorHeadline);
box-shadow: inset 0 1px 1px var(--colorHeadline);
}
.inserat_error {color:#ff0000;font-weight:700;}
/* Ende Inserate erstellen */
/* Anfang Foto Upload */
.filepond--root {cursor:pointer;}
.filepond--panel-root {background:transparent;}
.filepond--credits {display:none;}
.filepond--drop-label {color:var(--schrift_white); font-size:2rem;}
.filepond--drop-label label{cursor:pointer;}
.filepond--root .filepond--drop-label {min-height:200px;}
.filepond--label-action {text-decoration:none;}
.filepond--root :not(text) {font-size:1.6rem;}
.widget.widget-filepond-uploader {
border: 2px dashed var(--schrift_white);
border-radius: 4px;
height: auto;
}
.filepond--root .filepond--list-scroller {
display: flex;
flex-wrap: wrap;
gap: 1rem;
overflow: visible;
}
.filepond--root .filepond--item {
width: calc(50% - 0.5rem);
max-width: 300px;
margin: 0;
box-sizing: border-box;
}
.filepond--root.has-files .filepond--drop-label,
.filepond--root.has-files .filepond--drop-label label {
display: none !important;
}
.filepond--root.has-files,
.widget.widget-filepond-uploader.has-files .filepond--root {
min-height: 0 !important;
height: auto !important;
}
.filepond--root.has-files.filepond--hopper,
.filepond--root.has-files .filepond--hopper {
height: auto !important;
min-height: 0 !important;
}
.filepond--root.has-files .filepond--drop-label {
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
.filepond--root.has-files .filepond--panel-root {
height: 0 !important;
min-height: 0 !important;
}
.filepond--root :not(text) {font-size:1.2rem;}
.filepond--file-status {
position: absolute;
z-index: 5000;
top: -15px;
background:var(--bgblack);
}
.filepond--file-status-sub, .filepond--file-status-main {display:none;}
.filepond--file-action-button.filepond--file-action-button:after {cursor:pointer;}
.category-row {
display: flex;
align-items: center;
gap: .75rem;
flex-wrap: wrap;
}
.category-part {
flex: 0 1 auto;
min-width: 180px;
}
.category-arrow {
font-size: 1.2rem;
line-height: 1;
}
/* Ende Foto Upload */
@keyframes grafmUploadHintSlideIn {
from {
opacity: 0;
transform: translateY(-24px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.grafm-upload-hinweis {
position: absolute;
inset: 0;
left: 0;
right: 0;
z-index: 4500;
display: flex;
align-items: flex-start;
justify-content: center;
padding: 20px 12px;
border: 1px solid rgba(164, 214, 179, 0.24);
border-radius: 0;
background: linear-gradient(180deg, rgba(58, 108, 80, 0.34), rgba(18, 44, 31, 0.48)), rgba(255, 255, 255, 0.06);
backdrop-filter: blur(14px) saturate(122%);
-webkit-backdrop-filter: blur(14px) saturate(122%);
color: var(--schrift_white);
text-align: center;
animation: grafmUploadHintSlideIn 0.42s ease;
}
.grafm-upload-hinweis-host {
position: relative;
}
.grafm-upload-hinweis__inner {
width: 100%;
max-width: 600px;
height: 300px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.grafm-upload-hinweis__text {
margin: 0 0 18px 0;
font-size: 1.1rem;
line-height: 1.6;
color: var(--schrift_white);
}
.grafm-upload-hinweis__button {
min-width: 120px;
padding: 10px 18px;
border: 1px solid var(--schrift_white);
background: transparent;
color: var(--schrift_white);
cursor: pointer;
box-shadow: none;
}
/* Chat */
.inserat-chat-start {
margin-top: 3rem;
padding: 2rem;
background: var(--blockInside);
border-radius: 16px;
}
.inserat-chat-start__notice,
.member-chats__notice {
margin-bottom: 1rem;
}
.inserat-chat-start__notice--success,
.member-chats__notice--success {
color: var(--confirm-green);
}
.inserat-chat-start__notice--error,
.member-chats__notice--error {
color: var(--error-delete);
}
.member-chats__notice--block {
background: transparent;
color: var(--error-delete);
}
.member-chats__unblock-form {
margin: 0;
display: inline;
}
button[type="submit"].member-chats__unblock-button {
min-height: inherit;
margin-left: 0.75rem;
display:inline-block;
height:35px;
padding: 8px 12px;
}
button[type="submit"].member-chats__unblock-button:hover,
button[type="submit"].member-chats__unblock-button:focus {
background: var(--confirm-green);
color: var(--schrift_white);
border: 1px solid var(--confirm-green);
}
.member-chats {
display: grid;
grid-template-columns: minmax(120px, 150px) minmax(0, 1fr);
gap: 2rem;
}
.member-chats {
display: grid;
grid-template-columns: minmax(200px, 250px) minmax(0, 1fr);
gap: 2rem;
}
.member-chats__sidebar,
.member-chats__content {
min-width: 0;
background: var(--blockInside);
border-radius: 16px;
padding: 1em;
;
}
.member-chats__content {
scroll-margin-top: 120px;
}
.member-account-nav-toggle-wrap {
display: none;
}
.member-account-nav-panel {
display: none;
}
.member-chats__list {
display: grid;
min-width: 0;
--chat-list-card-width: 180px;
gap: 30px;
margin: 0;
padding: 0 0 0 15px;
list-style: none;
}
.member-chats__item {
position: relative;
min-width: 0;
width: var(--chat-list-card-width);
margin: 0;
padding-bottom: 0;
overflow: visible;
max-height: 420px;
opacity: 1;
transition: none;
}
.member-chats__list.is-chat-list-ready .member-chats__item {
transition: max-height 0.35s ease, opacity 0.25s ease, margin 0.35s ease, padding 0.35s ease, border-width 0.35s ease;
}
.member-chats__list.is-chat-list-no-animate .member-chats__item,
.member-chats__list.is-chat-list-no-animate .member-chats__item.is-chat-list-item-hidden {
transition: none;
}
.member-chats__item.is-chat-list-item-hidden {
max-height: 0;
opacity: 0;
margin: 0;
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
pointer-events: none;
}
li.member-chats__item.is-chat-list-item-hidden:not(:last-of-type) {
border-bottom-width: 0;
padding-bottom: 0;
}
li.member-chats__item:not(:last-of-type){
border-bottom: 5px solid var(--containerbg);
padding-bottom: 25px;
}
.member-chats__item-link {
display: block;
width: var(--chat-list-card-width);
min-width: 0;
padding: 0;
border-radius: 12px;
color: inherit;
text-decoration: none;
transition: background 0.2s ease;
}
.member-chats__item-link:hover,
.member-chats__item.is-active {
background: transparent;
}
.member-chats__item-top {
display: block;
width: 100%;
box-sizing: border-box;
margin-bottom: 0;
font-size: 1.2rem;
padding-left:45px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align1:center;
}
.member-chats__item-notification {
color: var(--colorHighlightSolid);
font-weight: 700;
}
.member-chats__item-thumb {
display: block;
position: relative;
width: fit-content;
margin: 0 auto;
overflow: visible;
border-radius: 10px;
padding-bottom: 2px;
}
.member-chats__item-thumb img {
display: block;
width: var(--chat-list-card-width);
height: auto;
margin: 0 auto;
border-radius: 10px;
object-fit: cover;
aspect-ratio: 1 / 1;
}
.member-chats__item-avatar {
position: absolute;
left: -18px;
top:-25px;
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border: 0;
border-radius: 999px;
box-sizing: border-box;
overflow: hidden;
background: var(--containerbg);
}
.member-chats__item.is-active .member-chats__item-avatar {
border: 2px solid var(--colorHeadline);
border-color: var(--colorHeadline);
box-shadow: 0 0 5px var(--containerbg);
}
.member-chats__item-avatar::before,
.member-chats__item-avatar::after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
box-sizing: border-box;
border: 2px solid var(--colorHeadline);
}
.member-chats__item-avatar::before {
top: 8px;
width: 10px;
height: 10px;
border-radius: 999px;
}
.member-chats__item-avatar::after {
top: 20px;
width: 20px;
height: 12px;
border-bottom: 0;
border-radius: 20px 20px 0 0;
}
.member-chats__item-avatar.has-image::before,
.member-chats__item-avatar.has-image::after {
content: none;
}
.member-chats__item-avatar img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.member-chats__item.is-active .member-chats__item-thumb img {
border1: 2px solid var(--colorHeadline);
}
.member-chats__item.is-active .member-chats__item-top, .member-chats__item.is-active .inserattitel {
color: var(--colorHeadline);
}
.inserattitel {
text-align:center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding:0 15px;
}
.member-chats__status-badge {
display: flex;
align-items: center;
justify-content: center;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
position: absolute;
left: 5%;
bottom: 3px;
transform: none;
z-index: 2;
width: 90%;
padding: 0.14rem 0.45rem;
font-size: 0.72rem;
line-height: 1.15;
color: var(--schrift_white);
text-transform: uppercase;
letter-spacing: 0.03em;
white-space: nowrap;
background: rgba(4,4,4, 0.5);
bordxer-radius: 3px;
}
.member-chats__status-badge.is-verkauft,
.member-chats__status-badge.is-reserviert,
.member-chats__status-badge.is-abgelaufen {
background: rgba(4,4,4, 0.5);
}
.member-chats__thread-head {
display: flex;
justify-content: space-between;
align-items: stretch;
gap: 1rem;
}
.member-chats__thread-head h2 {
margin: 0 0 12px 0;
padding: 0;
flex: 1 1 auto;
min-width: 0;
overflow-wrap: anywhere;
}
.member-chats__thread-actions {
display: flex;
justify-content: flex-end;
align-items: flex-start;
gap: 0.9rem;
flex-shrink: 0;
flex-wrap: nowrap;
margin-left: auto;
align-self: flex-start;
}
.member-chats__thread-title-link {
text-decoration: underline;
}
.member-chats__main {
min-width: 0;
width: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.member-chats__delete-wrap {
position: relative;
display: flex;
flex-shrink: 0;
width: auto;
margin-left: 0;
}
.member-chats__delete-button,
.member-chats__report-button,
.member-chats__block-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
background: transparent;
color: var(--colorHeadline);
border: 1px solid var(--colorHeadline);
cursor: pointer;
}
.member-chats__icon-button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
}
.member-chats__icon {
width: 22px;
height: 22px;
}
.member-chats__icon--report {
width: 26px;
height: 26px;
}
.member-chats__report-wrap {
position: relative;
display: flex;
align-items: center;
}
.member-chats__block-button {
min-width: 44px;
max-width: 44px;
width: 44px;
height: 44px;
flex: 0 0 44px;
box-sizing: border-box;
}
html.chat-report-popup-open,
body.chat-report-popup-open {
overflow: hidden;
}
html.suchagent-popup-open,
body.suchagent-popup-open {
overflow: hidden;
}
.member-chats__delete-button:hover,
.member-chats__report-button:hover,
.member-chats__block-button:hover,
.member-chats__icon-button:hover {
background: var(--colorHeadline);
color: var(--containerbg);
}
.member-chats__report-button:disabled,
.member-chats__report-button:disabled:hover,
.member-chats__report-button:disabled:focus-visible {
background: transparent;
color: var(--colorHeadline);
border-color: var(--colorHeadline);
cursor: not-allowed;
opacity: 0.55;
box-shadow: none;
}
.member-chats__delete-tooltip {
position: absolute;
right: calc(100% + 0.75rem);
top: 0;
z-index: 15;
min-width: 220px;
padding: 10px;
border-radius: 8px;
background: var(--bgblack);
color: var(--schrift_white);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}
.member-chats__delete-tooltip[hidden] {
display: none;
}
.member-chats__delete-tooltip span {
display: block;
width: 100%;
margin-bottom: 10px;
font-size: 1.2rem;
color: var(--schrift_white);
text-align: center;
}
.member-chats__delete-tooltip-buttons,
.member-chats__block-tooltip-buttons {
display: flex;
margin-top: 10px;
gap: 8px;
justify-content: center;
}
.member-chats__report-tooltip span {
text-align: center;
}
.chat-report-popup[hidden] {
display: none;
}
.chat-report-popup {
position: fixed;
inset: 0;
z-index: 5000;
}
.chat-report-popup__backdrop {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
background: rgba(5, 10, 8, 0.6);
cursor: pointer;
}
.chat-report-popup__dialog {
position: absolute;
top: 100px;
right: 0;
bottom: 100px;
left: 0;
width: min(90vw, 1000px);
margin: 0 auto;
padding: 1.1rem;
display: flex;
flex-direction: column;
gap: 1rem;
border: 1px solid rgba(164, 214, 179, 0.24);
border-radius: 18px;
background:
linear-gradient(180deg, rgba(58, 108, 80, 0.34), rgba(18, 44, 31, 0.48)),
rgba(255, 255, 255, 0.06);
backdrop-filter: blur(14px) saturate(122%);
-webkit-backdrop-filter: blur(14px) saturate(122%);
box-shadow: 0 24px 50px rgba(0, 0, 0, 0.3);
color: var(--colorHeadline);
}
.chat-report-popup__header,
.chat-report-popup__actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
}
.chat-report-popup__title {
margin: 0;
padding: 0;
}
.chat-report-popup__close {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 42px;
width: 42px;
min-width: 42px;
height: 42px;
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 999px;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.08);
color: var(--colorHeadline);
font-size: 1.5rem;
line-height: 1;
text-shadow: none;
cursor: pointer;
}
.chat-report-popup__body {
display: grid;
gap: 1rem;
overflow-y: auto;
padding-right: 6px;
}
.chat-report-popup__intro {
margin: 0;
color: var(--colorHeadline);
}
.chat-report-popup__checkbox-list {
display: grid;
gap: 0.75rem;
}
.chat-report-popup__checkbox {
display: flex;
align-items: center;
gap: 0.65rem;
padding: 0.5em;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.chat-report-popup__checkbox:hover {
cursor: pointer;
}
.chat-report-popup__checkbox input[type="checkbox"] {
width: auto;
margin: 0;
}
.chat-report-popup__checkbox span,
.chat-report-popup__field {
color: var(--colorHeadline);
}
.chat-report-popup__field {
display: block;
margin: 0;
}
.chat-report-popup__textarea {
width: 100%;
min-height: 140px;
box-sizing: border-box;
padding: 10px 12px;
border: none;
border-radius: 4px;
font-size: 15px;
color: var(--colorHeadline);
background: var(--containerbg);
-webkit-box-shadow: inset 0 1px 1px #111;
box-shadow: inset 0 1px 1px #111;
resize: vertical;
}
.chat-report-popup__textarea:focus {
box-shadow: inset 0 1px 1px var(--colorHeadline);
-webkit-box-shadow: inset 0 1px 1px var(--colorHeadline);
}
.chat-report-popup__button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 40px;
height: 40px;
padding: 0 1em;
border-radius: 4px;
background: var(--colorHeadline);
color: var(--submitBaseColor);
border: 1px solid var(--colorHeadline);
text-decoration: none;
text-shadow: none;
cursor: pointer;
box-sizing: border-box;
transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.chat-report-popup__button:hover,
.chat-report-popup__button:focus-visible {
color: var(--colorHeadline);
background: var(--containerbg);
border: 1px solid var(--colorHeadline);
}
.chat-report-popup__button--secondary {
background: rgba(255, 255, 255, 0.08);
color: var(--colorHeadline);
border-color: rgba(255, 255, 255, 0.2);
}
.chat-report-popup__button:focus-visible {
outline: 2px solid rgba(255, 255, 255, 0.35);
outline-offset: 2px;
}
.suchagent-popup[hidden] {
display: none;
}
.suchagent-popup {
position: fixed;
inset: 0;
z-index: 5000;
}
#fm-werbung,
#fm-werbung > div,
#fm_werbung,
#fm_werbung > div {
position: relative;
z-index: 1;
}
.suchagent-popup__backdrop {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
background: rgba(5, 10, 8, 0.6);
cursor: pointer;
}
.suchagent-popup__dialog {
position: absolute;
top: 140px;
right: 0;
bottom: auto;
left: 0;
width: min(90vw, 560px);
margin: 0 auto;
padding: 1.1rem;
display: flex;
flex-direction: column;
gap: 1rem;
border: 1px solid rgba(164, 214, 179, 0.24);
border-radius: 18px;
background:
linear-gradient(180deg, rgba(58, 108, 80, 0.34), rgba(18, 44, 31, 0.48)),
rgba(255, 255, 255, 0.06);
backdrop-filter: blur(14px) saturate(122%);
-webkit-backdrop-filter: blur(14px) saturate(122%);
box-shadow: 0 24px 50px rgba(0, 0, 0, 0.3);
color: var(--colorHeadline);
}
.suchagent-popup__header,
.suchagent-popup__actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
}
.suchagent-popup__title {
margin: 0;
padding: 0;
}
.suchagent-popup__close {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 42px;
width: 42px;
min-width: 42px;
height: 42px;
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 999px;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.08);
color: var(--colorHeadline);
font-size: 1.5rem;
line-height: 1;
text-shadow: none;
cursor: pointer;
}
.suchagent-popup__body {
display: grid;
gap: 1rem;
min-height: 0;
}
.suchagent-popup__group {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0.75rem 1rem;
}
.suchagent-popup__group .suchagent-popup__label {
grid-column: 1 / -1;
}
.suchagent-popup__checkbox {
display: flex;
align-items: center;
gap: 0.65rem;
color: var(--colorHeadline);
}
.suchagent-popup__checkbox input[type="checkbox"] {
width: auto;
margin: 0;
}
.suchagent-popup__textarea[readonly] {
width: 100%;
min-height: 110px;
box-sizing: border-box;
padding: 10px 12px;
border: none;
border-radius: 4px;
font-size: 15px;
color: var(--colorHeadline);
background: var(--containerbg);
-webkit-box-shadow: inset 0 1px 1px #111;
box-shadow: inset 0 1px 1px #111;
resize: none;
}
.suchagent-popup__textarea:focus {
box-shadow: inset 0 1px 1px var(--colorHeadline);
-webkit-box-shadow: inset 0 1px 1px var(--colorHeadline);
}
.suchagent-popup__button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
height: 44px;
padding: 0 1em;
border-radius: 4px;
background: var(--colorHeadline);
color: var(--submitBaseColor);
border: 1px solid var(--colorHeadline);
text-decoration: none;
text-shadow: none;
cursor: pointer;
box-sizing: border-box;
transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
font-size:16px;
}
.suchagent-popup__button:hover,
.suchagent-popup__button:focus-visible {
color: var(--colorHeadline);
background: var(--containerbg);
border: 1px solid var(--colorHeadline);
}
.suchagent-popup__button--secondary {
background: rgba(255, 255, 255, 0.08);
color: var(--colorHeadline);
border-color: rgba(255, 255, 255, 0.2);
}
.suchagent-popup__button:focus-visible {
outline: 2px solid rgba(255, 255, 255, 0.35);
outline-offset: 2px;
}
.suchagent-popup__actions {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.member-chats__delete-tooltip-buttons button,
.member-chats__block-tooltip-buttons button {
min-width: 84px;
height: 44px;
padding: 6px 10px;
border: 1px solid var(--schrift_white);
background: var(--bgblack);
color: var(--schrift_white);
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
line-height: 1;
appearance: none;
-webkit-appearance: none;
}
.member-chats__delete-yes,
.member-chats__block-yes {
border-color: #2e7d32 !important;
}
button[type="submit"].member-chats__delete-yes:hover,
button[type="submit"].member-chats__block-yes:hover {
background: var(--confirm-green);
color: var(--schrift_white);
}
.member-chats__delete-no,
.member-chats__block-no {
border-color: var(--error-delete) !important;
}
.member-chats__delete-no:hover,
.member-chats__delete-no:focus,
.member-chats__block-no:hover,
.member-chats__block-no:focus {
background: var(--error-delete) !important;
color: var(--schrift_white) !important;
border-color: var(--error-delete) !important;
}
.member-chats__thread {
display: grid;
gap: 1.75rem;
}
.chat-message {
min-width: 100%;
max-width: 100%;
padding: 1rem 1.2rem;
box-sizing: border-box;
position: relative;
}
.chat-message--geber {
justify-self: start;
margin-left: 1.8rem;
min-width: calc(100% - 1.8rem);
max-width: calc(100% - 1.8rem);
padding-left: 1.4rem;
border-radius: 16px;
border-bottom-right-radius:0;
}
.chat-message--bieter {
justify-self: start;
margin-right: 1.8rem;
min-width: calc(100% - 1.8rem);
max-width: calc(100% - 1.8rem);
padding-left: 1.4rem;
border-radius: 16px;
border-bottom-left-radius:0;
}
.chat-message--own {
background: rgba(115, 103, 91, 0.45);
}
.chat-message--other {
background: rgba(255, 255, 255, 0.08);
}
.chat-message--geber::after {
content: "";
position: absolute;
bottom: -12px;
right: 0;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 12px solid transparent;
transform:skewX(45deg);
transform-origin:top left;
}
.chat-message--bieter::before {
content: "";
position: absolute;
bottom: -12px;
left: 0;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 12px solid transparent;
transform:skewX(-45deg);
transform-origin:top left;
}
.chat-message--geber.chat-message--own::after,
.chat-message--bieter.chat-message--own::before {
border-top-color: rgba(115, 103, 91, 0.45);
}
.chat-message--geber.chat-message--other::after,
.chat-message--bieter.chat-message--other::before {
border-top-color: rgba(255, 255, 255, 0.08);
}
.chat-message__meta {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.5rem;
font-size: 1.35rem;
text-align: left;
}
.chat-message__meta-left {
display: inline-flex;
align-items: center;
gap: 0.65rem;
}
.chat-message__meta > span:last-child {
font-size: 1rem;
}
.chat-message__avatar {
display: inline-flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border: 2px solid var(--colorHeadline);
border-radius: 999px;
box-sizing: border-box;
overflow: hidden;
flex-shrink: 0;
position: relative;
}
.chat-message__avatar img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.chat-message__avatar.has-image::before,
.chat-message__avatar.has-image::after {
content: none;
}
.chat-message__avatar::before,
.chat-message__avatar::after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
box-sizing: border-box;
border: 2px solid var(--colorHeadline);
}
.chat-message__avatar::before {
top: 10px;
width: 14px;
height: 14px;
border-radius: 999px;
}
.chat-message__avatar::after {
top: 28px;
width: 28px;
height: 15px;
border-bottom: 0;
border-radius: 28px 28px 0 0;
}
.chat-message__meta-right {
display: inline-flex;
align-items: center;
gap: 0.45rem;
}
.chat-message__read-indicator {
display: inline-flex;
align-items: center;
color: var(--colorHeadline);
font-size: 1rem;
font-weight: 700;
line-height: 1;
}
.chat-message__text {
line-height: 1.55;
text-align: left;
}
.chat-message__read-note {
display: inline-flex;
align-items: center;
gap: 0.35rem;
margin-top: 0.55rem;
font-size: 0.95rem;
color: var(--colorHeadline);
}
.member-chats__reply {
margin-top: 2rem;
width: 100%;
max-width: 100%;
}
.member-chats__reply textarea {
display: block;
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
min-height: 180px;
resize: vertical;
background: var(--colorHeadline);
color: var(--containerbg);
border-top-left-radius: 0;
}
.member-chats__reply textarea:focus {
-webkit-box-shadow: inset 0 1px 5px var(--colorScrollbar);
box-shadow: inset 0 1px 5px var(--colorScrollbar);
}
.chat-message__text {
color: var(--colorHeadline);
}
.inserat-detail__merken-form {
width: 100%;
}
.inserat-detail__contact-actions .inserat-detail__merken-button {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
background-color: var(--colorHighlightSolid);
color: var(--submitBaseColor);
border: 1px solid var(--colorHeadline);
}
.inserat-detail__contact-actions .inserat-detail__merken-button:hover {
background-color: var(--boxInside);
color: var(--colorHighlightSolid);
}
li.inserat.merkliste-eintrag {
position: relative;
}
.merkliste-list li.inserat {
margin-left: 0;
width: inherit;
}
.merkliste-eintrag .inserat__bottom {
padding-right: 48px;
}
.merkliste-eintrag .inserat__bottom > :last-child {
text-align: left;
justify-self: start;
}
.merkliste-remove-wrap {
position: absolute;
right: 8px;
bottom: 8px;
z-index: 4;
width: auto;
max-width: none;
margin: 0;
}
.merkliste-remove-wrap.is-open {
z-index: 10;
}
.merkliste-remove-wrap .merkliste-remove-button {
width: 44px;
height: 44px;
min-width: 44px;
max-width: 44px;
padding: 0;
border: 1px solid var(--schrift_dark);
border-radius: 0;
background: transparent;
color: var(--schrift_dark);
font-size: 2.2rem;
font-weight: 400;
display: inline-flex;
align-items: center;
justify-content: center;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
margin: 0;
line-height: 1;
}
.merkliste-remove-button__empty {
display: none;
}
.merkliste-remove-wrap .merkliste-remove-button:hover,
.merkliste-remove-wrap .merkliste-remove-button:focus {
background: transparent;
color: var(--schrift_dark);
border: 1px solid var(--schrift_dark);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}
.merkliste-remove-wrap .merkliste-remove-button:hover .merkliste-remove-button__filled,
.merkliste-remove-wrap .merkliste-remove-button:focus .merkliste-remove-button__filled {
display: none;
}
.merkliste-remove-wrap .merkliste-remove-button:hover .merkliste-remove-button__empty,
.merkliste-remove-wrap .merkliste-remove-button:focus .merkliste-remove-button__empty {
display: inline;
}
.merkliste-loeschen-tooltip {
position: absolute;
right: 0;
bottom: 48px;
background: var(--bgblack);
color: var(--schrift_white);
padding: 10px;
border-radius: 8px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
z-index: 5000;
text-align: center;
pointer-events: auto;
}
.merkliste-loeschen-tooltip[hidden] {
display: none;
}
.merkliste-loeschen-tooltip span {
display: block;
margin-bottom: 10px;
color: var(--schrift_white);
white-space: nowrap;
}
.merkliste-loeschen-tooltip-buttons {
display: flex;
gap: 8px;
}
.merkliste-loeschen-tooltip-buttons button {
border: 1px solid var(--schrift_white);
background: var(--bgblack);
color: var(--schrift_white);
padding: 6px 10px;
cursor: pointer;
height: 44px;
}
.merkliste-loeschen-ja {
border-color: #2e7d32 !important;
}
button[type="submit"].merkliste-loeschen-ja:hover {
background: #2e7d32;
color: var(--schrift_white);
}
.merkliste-loeschen-nein {
border-color: #c62828 !important;
}
button[type="button"].merkliste-loeschen-nein:hover {
background: #c62828;
color: var(--schrift_white);
}
/* Mein Account Anfang */
.mod_article.account-layout {
display: block;
min-height: 80vh;
}
body:has(#main > .inside > .mod_customnav.navi_account.block + .mod_article.account-layout) #main > .inside > .mod_customnav.navi_account.block {
grid-column: 1;
position: -webkit-sticky;
position: sticky;
top: 110px;
align-self: start;
width: 100%;
max-width: 250px;
margin: 0;
z-index: 100;
}
body:has(#main > .inside > .mod_customnav.navi_account.block + .mod_article.account-layout) #main > .inside > .mod_article.account-layout {
grid-column: 2;
min-width: 0;
width: auto;
margin: 0;
padding-left: 0;
padding-right: 2%;
}
.mod_article.account-layout > .account-nav {
width: 250px;
z-index: 100;
display: block;
margin: 0;
border-radius: 10px;
box-shadow: 0 0 10px #111;
background: var(--blockInside);
padding: 1em;
float: left;
}
body:has(#main > .inside > .mod_customnav.navi_account.block + .mod_article.account-layout) .mod_article.account-layout > .account-content {
margin-left: 1%;
}
.mod_article.account-layout > .account-content {
margin-left: 250px;
min-width: 0;
}
.mod_article.account-layout:has(> :is(.link-box, .confirm-box)) {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
align-items: start;
}
.mod_article.account-layout:has(> :is(.link-box, .confirm-box)) > h1,
.mod_article.account-layout:has(> :is(.link-box, .confirm-box)) > h2 {
grid-column: 1 / -1;
padding-top: 0;
}
.link-box h3,
.confirm-box h3{padding-top:0;}
.mod_article.account-layout:has(> :is(.link-box, .confirm-box)) > .account-content.content-text {
grid-column: 1 / -1;
}
.mod_article.account-layout:has(> :is(.link-box, .confirm-box)) > :is(.link-box, .confirm-box) {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
gap: 1.5rem;
min-width: 0;
min-height: 220px;
width: 100%;
padding-top:2rem;
text-align: left;
}
.mod_article.account-layout:has(> :is(.link-box, .confirm-box)) > :is(.link-box, .confirm-box) {
align-self: stretch;
}
.mod_article.account-layout:has(> :is(.confirm-box)) > :is(.confirm-box) {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
gap: 1.5rem;
min-width: 0;
width: 100%;
padding-top:2rem;
text-align: left;
}
.mod_article.account-layout:has(> .confirm-box) > .confirm-box {
align-items: stretch;
padding-block: 1.5rem;
}
.mod_article.account-layout:has(> .link-box) > .link-box::before {
content: "A";
display: inline-grid;
place-items: center;
width: 2.5rem;
height: 2.5rem;
border-radius: 999px;
background: var(--bgbrown, #73675B);
color: var(--page-bg, #fff);
font-size: 1rem;
line-height: 1;
flex: 0 0 2.5rem;
}
.mod_article.account-layout:has(> .link-box) > .link-box:nth-of-type(3n + 1)::before {
content: "N";
}
.mod_article.account-layout:has(> .link-box) > .link-box:nth-of-type(3n + 2)::before {
content: "I";
}
.mod_article.account-layout:has(> .link-box) > .link-box:nth-of-type(3n)::before {
content: "S";
}
#main .meinaccount .rs-columns > .rs-column {
float: none;
width: auto;
margin: 0;
min-width: 0;
}
#main .meinaccount .rs-columns {
width: 97%;
display: grid;
margin-bottom: 1em;
border-radius: 10px;
box-shadow: 0 0 10px #111;
background: var(--blockInside);
padding: 0 20px 20px 20px;
grid-template-columns: calc(60% - 5%) calc(40% - 5%);
gap: 10%;
align-items: stretch;
}
.meinaccount form {
max-width: 1600px;
}
p.hell {
position:absolute;
top:130px;
left:170px;
display:inline-flex;
flex-direction:column;
align-items:center;
gap:0.35rem;
}
p.dunkel{
position:absolute;
top:185px;
left:65px;
display:inline-flex;
flex-direction:column;
align-items:center;
gap:0.35rem;
}
p.hell::before,
p.dunkel::before {
content:"";
width:35px;
height:35px;
display:inline-block;
flex:0 0 35px;
background-color: currentColor;
-webkit-mask-repeat:no-repeat;
-webkit-mask-position:center;
-webkit-mask-size:contain;
mask-repeat:no-repeat;
mask-position:center;
mask-size:contain;
}
p.hell::before {
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4' fill='black'/%3E%3Cg stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 2v3'/%3E%3Cpath d='M12 19v3'/%3E%3Cpath d='M2 12h3'/%3E%3Cpath d='M19 12h3'/%3E%3Cpath d='M4.93 4.93l2.12 2.12'/%3E%3Cpath d='M16.95 16.95l2.12 2.12'/%3E%3Cpath d='M4.93 19.07l2.12-2.12'/%3E%3Cpath d='M16.95 7.05l2.12-2.12'/%3E%3C/g%3E%3C/svg%3E");
mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4' fill='black'/%3E%3Cg stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 2v3'/%3E%3Cpath d='M12 19v3'/%3E%3Cpath d='M2 12h3'/%3E%3Cpath d='M19 12h3'/%3E%3Cpath d='M4.93 4.93l2.12 2.12'/%3E%3Cpath d='M16.95 16.95l2.12 2.12'/%3E%3Cpath d='M4.93 19.07l2.12-2.12'/%3E%3Cpath d='M16.95 7.05l2.12-2.12'/%3E%3C/g%3E%3C/svg%3E");
}
p.dunkel::before {
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M21 14.5A8.5 8.5 0 0 1 9.5 3a9 9 0 1 0 11.5 11.5Z'/%3E%3C/svg%3E");
mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M21 14.5A8.5 8.5 0 0 1 9.5 3a9 9 0 1 0 11.5 11.5Z'/%3E%3C/svg%3E");
}
html.theme-light .meinaccount p.hell,
html.theme-dark .meinaccount p.dunkel,
p.hell.is-active,
p.dunkel.is-active {
color: var(--colorHeadline);
}
.schalterbox figure {
position: absolute;
top: 240px;
left:190px;
margin: 0;
height:150px;
/* Pivot-Ausgleich */
transform: translate(-35px, -28px);
}
.schalterbox figure img {
display: inline-block;
width: 140px;
max-width: 140px;
height: 60px;
transform: rotate(90deg);
transform-origin: 35px 28px;
transition: transform 0.18s ease-in-out;
pointer-events: none;
touch-action: none;
user-select: none;
}
.schalterbox figure.is-dark img {
transform: rotate(0deg);
}
.schalterbox figure {
cursor: pointer;
}
.schalterbox figure:active {
cursor1: grabbing;
}
.profilbild {
display:inline-block;
width:60%;
margin:0 2% 2% 1%;
}
.profilbild h2 {
padding-left:245px;
}
.schalterbox {
width:35%;
position:relative;
margin:0 2% 2% 0%;
float:right;
}
.profilbild,.schalterbox {height: 350px;}
.accordion .profilbild,
.accordion .titelbild {
margin-left:0;
}
.hebelbox {position:relative;}
.meinaccount .fieldset-grid {
display: block;
}
.meinaccount .form-fieldset {
margin-bottom: 2%;
min-width: 0;
padding:20px;
}
.meinaccount .fieldset-layout {
display: grid;
grid-template-columns:
4rem /* Spalte 1: Icon */
minmax(14rem, 1fr) /* Spalte 2: Legend/Text */
minmax(0, 1fr) /* Spalte 3: Widget */
minmax(0, 1fr); /* Spalte 4: Widget */
gap: 2%;
align-items: start;
}
.meinaccount .fieldset-icon-wrap {
grid-column: 1;
grid-row: 1;
}
.meinaccount .fieldset-head {
grid-column: 2;
grid-row: 1;
min-width: 0;
}
.meinaccount .fieldset-content {
grid-column: 3 / 5;
grid-row: 1;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem 1.25rem;
min-width: 0;
}
.meinaccount .fieldset-content > .widget {
min-width: 0;
}
.meinaccount fieldset h2 {padding-top:0;}
.meinaccount .fieldset-title {
margin: 0;
}
.meinaccount .fieldset-description {
margin: 0.35rem 0 0;
font-size: 0.95rem;
line-height: 1.4;
opacity: 0.75;
}
.meinaccount .fieldset-icon {
display: inline-flex;
width: 2.5rem;
height: 2.5rem;
flex: 0 0 2.5rem;
border-radius: 999px;
background-color: currentColor;
}
.meinaccount .fieldset-icon::before {
width: 100%;
height: 100%;
display: grid;
place-items: center;
font-size: 1rem;
color: var(--page-bg, #fff);
}
.meinaccount .icon-kundendaten::before {
content: "K";
}
.meinaccount .icon-personendaten::before {
content: "P";
}
.meinaccount .icon-adressdaten::before {
content: "A";
}
.meinaccount .icon-kontaktdaten::before {
content: "K";
}
.toggler button{
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.55rem;
background: var(--colorHeadline);
color: var(--submitBaseColor);
border: 0px solid var(--schrift_dark_hover);
padding: 12px 22px;
border-radius: 4px;
cursor: pointer;
box-sizing: border-box;
height: 44px;
text-decoration: none;
margin-top:1em;
margin-bottom: 2em;
}
.toggler button:after {
content: "\21D3";
display: inline-block;
font-size: 1rem;
line-height: 1;
}
.toggler.open button:after {
content1: "\21D1";
}
.meinaccount #popupprofilbild, #partnerlogo, #titelbild{
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.55rem;
background: var(--colorHeadline);
color: var(--submitBaseColor);
border: 0px solid var(--schrift_dark_hover);
padding: 12px 22px;
border-radius: 4px;
cursor: pointer;
box-sizing: border-box;
height: 44px;
text-decoration: none;
margin-top:1em;
}
.meinaccount #popupprofilbild:hover,
.meinaccount #popupprofilbild:focus,
#partnerlogo:hover,#partnerlogo:focus,
#titelbild:hover, #titelbild:focus,
.toggler button:hover, .toggler.open button
{
color: var(--colorHeadline);
background: var(--containerbg);
border-top: 1px solid var(--colorHeadline);
}
.meinaccount #popupprofilbild::before , #partnerlogo::before, #titelbild::before{
content: "\2191";
display: inline-block;
font-size: 1rem;
line-height: 1;
}
.meinaccount #preavatar {
width: 180px;
height: 180px;
border: 2px solid var(--colorHeadline);
border-radius: 999px;
box-sizing: border-box;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
position: relative;
float: left;
margin: 0 2.5em 1.5em 1em;
}
.meinaccount #preavatar.partnerlogo-preavatar {border-radius:1px;}
.meinaccount #preavatar img {
display: block;
width: 180px;
height: 180px;
}
.meinaccount #preavatar.has-image::before,
.meinaccount #preavatar.has-image::after {
content: none;
}
.meinaccount #preavatar::before,
.meinaccount #preavatar::after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
box-sizing: border-box;
border: 4px solid var(--colorHeadline);
}
.meinaccount #preavatar::before {
top: 38px;
width: 36px;
height: 36px;
border-radius: 999px;
}
.meinaccount #preavatar::after {
top: 86px;
width: 72px;
height: 38px;
border-bottom: 0;
border-radius: 72px 72px 0 0;
}
#pretitelbild {
width: min(100%, 1700px);
height: 300px;
border: 2px solid var(--colorHeadline);
border-radius: 0;
box-sizing: border-box;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin: 0 0 1.5em;
}
#pretitelbild img {
display: block;
width: 100%;
height: 300px;
object-fit: cover;
}
#pretitelbild.partnertitelbild-vorschau > img.partnertitelbild-vorschau__logo {
width: 180px;
height: 180px;
object-fit: contain;
}
#pretitelbild.has-image::before,
#pretitelbild.has-image::after {
content: none;
}
.meinaccount #profilbildtext {
max-width: 800px;
}
html.telefon-bestaetigung-popup-open,
body.telefon-bestaetigung-popup-open {
overflow: hidden;
}
.telefon-bestaetigung__popup[hidden] {
display: none;
}
.telefon-bestaetigung__popup {
position: fixed;
inset: 0;
z-index: 5000;
}
.telefon-bestaetigung__open,
.telefon-bestaetigung__send,
.telefon-bestaetigung__confirm,
.telefon-bestaetigung__resend {
padding: 6px 12px;
border: 1px solid var(--schrift_dark_hover);
border-radius: 4px;
box-sizing: border-box;
background: var(--colorHeadline);
color: var(--submitBaseColor);
cursor: pointer;
}
.telefon-bestaetigung__is-hidden {
display: none;
}
.telefon-bestaetigung__resend:disabled {
cursor: default;
pointer-events: none;
}
.telefon-bestaetigung__open:hover,
.telefon-bestaetigung__open:focus-visible,
.telefon-bestaetigung__send:hover,
.telefon-bestaetigung__send:focus-visible,
.telefon-bestaetigung__confirm:hover,
.telefon-bestaetigung__confirm:focus-visible,
.telefon-bestaetigung__resend:hover,
.telefon-bestaetigung__resend:focus-visible {
border: 1px solid var(--colorHeadline);
background: var(--containerbg);
color: var(--colorHeadline);
}
.telefon-bestaetigung__backdrop {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
background: rgba(5, 10, 8, 0.6);
cursor: pointer;
}
.telefon-bestaetigung__dialog {
position: relative;
width: min(92vw, 520px);
margin: 100px auto 0;
padding: 1.1rem;
display: flex;
flex-direction: column;
gap: 1rem;
border: 1px solid rgba(164, 214, 179, 0.24);
border-radius: 18px;
background:
linear-gradient(180deg, rgba(58, 108, 80, 0.34), rgba(18, 44, 31, 0.48)),
rgba(255, 255, 255, 0.06);
backdrop-filter: blur(14px) saturate(122%);
-webkit-backdrop-filter: blur(14px) saturate(122%);
box-shadow: 0 24px 50px rgba(0, 0, 0, 0.3);
color: var(--colorHeadline);
}
.telefon-bestaetigung__header {
display: flex;
align-items: left;
justify-content: space-between;
gap: 0.75rem;
}
.telefon-bestaetigung__header h2,
.telefon-bestaetigung__body p {
margin: 0;
text-align:left;
}
.telefon-bestaetigung__close {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 42px;
width: 42px;
height: 42px;
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 999px;
background: rgba(255, 255, 255, 0.08);
color: var(--colorHeadline);
font-size: 1.5rem;
line-height: 1;
cursor: pointer;
}
.telefon-bestaetigung__body {
display: grid;
gap: 1rem;
}
.telefon-bestaetigung__digits {
display: flex;
gap: 0.5rem;
}
.telefon-bestaetigung__digit {
width: 2.8rem;
height: 3.2rem;
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 6px;
background: rgba(255, 255, 255, 0.08);
color: var(--colorHeadline);
font-size: 1.4rem;
line-height: 1;
text-align: center;
}
.telefon-bestaetigung__digit:focus {
border-color: var(--colorHeadline);
outline: 2px solid rgba(164, 214, 179, 0.45);
outline-offset: 2px;
}
.telefon-bestaetigung__code-wrap {
display: grid;
gap: 0.75rem;
}
.telefon-bestaetigung__code-label,
.telefon-bestaetigung__message {
color: var(--colorHeadline);
}
.telefon-bestaetigung__message:empty {
display: none;
}
/* Personendaten Popup Anfang */
html.personendaten-popup-open,
body.personendaten-popup-open {
overflow: hidden;
}
.meinaccount .personendaten-popup[hidden] {
display: none;
}
.meinaccount .personendaten-popup {
position: fixed;
inset: 0;
z-index: 5000;
}
.meinaccount .personendaten-popup__backdrop {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
background: rgba(5, 10, 8, 0.6);
cursor: pointer;
}
.meinaccount .personendaten-popup__dialog {
position: absolute;
top: 100px;
right: 0;
left: 0;
width: min(92vw, 520px);
min-height: 520px;
margin: 0 auto;
padding: 1.1rem;
display: flex;
flex-direction: column;
gap: 1rem;
border: 1px solid rgba(164, 214, 179, 0.24);
border-radius: 18px;
background:
linear-gradient(180deg, rgba(58, 108, 80, 0.34), rgba(18, 44, 31, 0.48)),
rgba(255, 255, 255, 0.06);
backdrop-filter: blur(14px) saturate(122%);
-webkit-backdrop-filter: blur(14px) saturate(122%);
box-shadow: 0 24px 50px rgba(0, 0, 0, 0.3);
color: var(--colorHeadline);
}
.meinaccount .personendaten-popup__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
}
.meinaccount .personendaten-popup__title {
margin: 0;
padding: 0;
}
.meinaccount .personendaten-popup__close {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 42px;
width: 42px;
min-width: 42px;
height: 42px;
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 999px;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.08);
color: var(--colorHeadline);
font-size: 1.5rem;
line-height: 1;
text-shadow: none;
cursor: pointer;
}
.meinaccount .personendaten-popup__body {
display: grid;
gap: 6px;
flex: 1 1 auto;
min-height: 0;
overflow: hidden;
padding-right: 0;
}
.meinaccount .profilfoto-form {
display: grid;
gap: 1rem;
height: 100%;
}
.meinaccount .profilfoto-form__field {
display: grid;
gap: 0.75rem;
flex: 1 1 auto;
}
.meinaccount .profilfoto-dropzone,
.partnerlogo-dropzone {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-height: 380px;
padding: 1rem;
border: 1px dashed var(--colorHeadline);
border-radius: 10px;
background: rgba(255, 255, 255, 0.04);
color: var(--colorHeadline);
cursor: pointer;
text-align: center;
overflow: hidden;
}
.meinaccount .profilfoto-dropzone.is-dragover {
background: rgba(255, 255, 255, 0.08);
border-color: var(--submitBase);
}
.meinaccount .profilfoto-cropper {
position: relative;
width: min(100%, 340px);
aspect-ratio: 1 / 1;
border-radius: 999px;
overflow: hidden;
touch-action: none;
cursor: grab;
}
.meinaccount .profilfoto-cropper.is-dragging {
cursor: grabbing;
}
.meinaccount .profilfoto-cropper__image {
position: absolute;
top: 0;
left: 0;
max-width: none;
user-select: none;
-webkit-user-drag: none;
}
.meinaccount .profilfoto-cropper__overlay {
position: absolute;
inset: 0;
pointer-events: none;
}
.meinaccount .profilfoto-cropper__overlay::after {
content: "";
position: absolute;
inset: 0;
border: 2px solid var(--colorHeadline);
border-radius: 999px;
box-sizing: border-box;
}
.meinaccount .profilfoto-dropzone__text {
position: relative;
z-index: 1;
font-weight: 600;
}
.meinaccount .profilfoto-native-input {
display: none !important;
}
.meinaccount .profilfoto-zoom-wrap {
display: flex;
align-items: center;
}
.meinaccount .profilfoto-zoom {
width: 100%;
margin: 0;
accent-color: var(--colorHeadline);
}
.meinaccount .profilfoto-form__actions {
display: flex;
justify-content: flex-start;
gap: 0.75rem;
flex-wrap: nowrap;
}
.meinaccount .profilfoto-form__error {
margin: 0;
color: var(--colorRot);
font-weight: normal;
text-align: center;
}
.meinaccount #profilfoto-submit,
#partnerlogo-submit,
#titelbild-submit {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.55rem;
background: var(--colorHeadline);
color: var(--submitBaseColor);
border: 0px solid var(--schrift_dark_hover);
padding: 12px 22px;
border-radius: 4px;
cursor: pointer;
box-sizing: border-box;
height: 44px;
width: calc(50% - 0.375rem);
text-align: center;
}
.meinaccount .profilfoto-submit-spinner {
display: inline-block;
width: 14px;
height: 14px;
border: 2px solid currentColor;
border-right-color: transparent;
border-radius: 999px;
opacity: 0;
}
.meinaccount #profilfoto-delete,
#partnerlogo-delete {
background: var(--colorHeadline);
color: var(--submitBaseColor);
border: 0px solid var(--schrift_dark_hover);
padding: 12px 22px;
border-radius: 4px;
cursor: pointer;
box-sizing: border-box;
height: 44px;
width: calc(50% - 0.375rem);
text-align: center;
}
.meinaccount #profilfoto-submit:hover,
.meinaccount #profilfoto-submit:focus,
#partnerlogo-submit:hover,
#partnerlogo-submit:focus {
color: var(--schrift_white);
background: var(--confirm-green);
border: 1px solid var(--confirm-green);
}
.meinaccount #profilfoto-delete:hover,
.meinaccount #profilfoto-delete:focus,
#partnerlogo-delete:hover,
#partnerlogo-delete:focus {
color: var(--schrift_white);
background: var(--error-delete);
border: 1px solid var(--error-delete);
}
.meinaccount .profilfoto-form__actions button.is-loading {
opacity: 0.7;
pointer-events: none;
}
.meinaccount #profilfoto-submit.is-loading .profilfoto-submit-spinner {
opacity: 1;
animation: profilfoto-submit-spin 0.75s linear infinite;
}
@keyframes profilfoto-submit-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/* Mein Account Ende */
.meinsuchagent-liste {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 1rem;
align-items: stretch;
}
.meinsuchagent-liste .suchagent-fieldset {
position: relative;
width: 100%;
box-sizing: border-box;
padding: 0;
}
.meinsuchagent-liste .suchagent-fieldset:has(.suchagent-toggle[aria-expanded="true"]) {
border: 1px solid var(--colorHeadline);
}
.meinsuchagent-liste .suchagent-row {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
align-items: center;
gap: 1rem;
padding: 1rem 1.25rem 1.25rem 1.25rem;
}
.suchagent-toggle {
position: relative;
display: block;
width: 100%;
justify-self: stretch;
padding: 0 31px 0 0;
border: 0;
background: transparent;
color: inherit;
text-align: left;
cursor: pointer;
}
.suchagent-toggle__icon {
position: absolute;
right: 20px;
top: 55%;
width: 20px;
height: 20px;
box-sizing: border-box;
border-right: 2px solid var(--colorHeadline);
border-bottom: 2px solid var(--colorHeadline);
transform: translateY(-65%) rotate(45deg);
transition: transform 0.2s ease;
display: block;
}
.suchagent-toggle__icon::before {
content: "";
position: absolute;
top: -6px;
left: -6px;
width: 20px;
height: 20px;
box-sizing: border-box;
border-right: 2px solid var(--colorHeadline);
border-bottom: 2px solid var(--colorHeadline);
border-right1: 2px solid var(--topbg);
border-bottom1: 2px solid var(--topbg);
}
.suchagent-toggle[aria-expanded="true"] .suchagent-toggle__icon {
transform: translateY(-35%) rotate(225deg);
}
.suchagent-toggle__title {
font-size: 1.2rem;
color: var(--colorHeadline);
}
.suchagent-toggle__title.has-notification::after {
content: '!';
margin-left: 0.5rem;
color: var(--colorHighlightSolid);
font-weight: 700;
}
.suchagent-toggle__copy {
display: grid;
gap: 0.25rem;
min-width: 0;
position: relative;
padding-bottom: 1.25rem;
}
.suchagent-toggle__created {
position: absolute;
left: 0;
top: calc(100% - 0.95rem);
font-size: 0.95rem;
white-space: nowrap;
}
.suchagent-row__status {
min-width: 0;
text-align: left;
}
.suchagent-row__actions {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
gap: 1rem;
width: 100%;
}
.suchagent-actions-group {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 0.75rem;
}
.suchagent-actions-group--details {
margin-right: auto;
}
.suchagent-actions-group--toggle,
.suchagent-actions-group--manage {
flex: 0 0 auto;
}
.suchagent-toggle-wrap {
width: auto;
flex: 0 0 auto;
}
.meinsuchagent-liste .fieldset-content {
display: block;
box-sizing: border-box;
overflow: hidden;
background: var(--blockInside);
border-radius: 10px;
}
.meinsuchagent-liste .fieldset-content__inner {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0.1rem 1rem;
padding: 1rem 1.25rem;
position: relative;
}
.meinsuchagent-liste .fieldset-content__inner::before {
content: "";
position: absolute;
top: 0;
left: 1.25em;
right: 1.25em;
border-top: 2px solid var(--containerbg);
}
.meinsuchagent-liste .fieldset-content[hidden] {
display: none;
}
.meinsuchagent-liste .suchagent-detail-item {
margin: 0;
}
.meinsuchagent-liste .suchagent-detail-item--area {
grid-column: span 1;
}
.meinsuchagent-liste .suchagent-detail-item--wide {
grid-column: span 2;
}
.meinsuchagent-liste .suchagent-detail-item--category {
grid-column: 2 / span 2;
}
.meinsuchagent-liste .suchagent-inserate-liste {
grid-column: 1 / -1;
margin-top: 1rem;
}
.meinsuchagent-liste .suchagent-inserate-liste .inserate-list {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 1rem;
margin: 0;
padding: 0;
list-style: none;
}
.meinsuchagent-liste .suchagent-inserate-liste .grafm-inserat__title-link,
.meinsuchagent-liste .suchagent-inserate-liste .grafm-inserat__title-link:hover,
.meinsuchagent-liste .suchagent-inserate-liste .grafm-inserat__title-link:focus {
text-decoration: none;
}
.meinsuchagent-liste .suchagent-inserate-liste .inserat {
width: 100%;
margin: 0;
list-style: none;
}
.meinsuchagent-liste .suchagent-inserate-liste li.inserat {
margin-left: 0;
margin-bottom: 0;
}
.meinsuchagent-liste .suchagent-inserate-liste .inserat_title {
font-size: 24px;
line-height: 120%;
}
.meinsuchagent-liste .suchagent-inserate-liste .inserat_preis {
font-size: 24px;
line-height: 120%;
}
.meinsuchagent-liste .suchagent-inserate-liste .inserat__kaliber {
font-size: 22px;
}
.meinsuchagent-liste .inserat {
max-width:100%;
height:auto;
}
.grafm-inserat__title-link,
.grafm-inserat__title-link:hover,
.grafm-inserat__title-link:focus {
text-decoration: none;
}
.inserat_preisue {
font-size: 16px;
line-height: 28.8px;
}
#vereinsanfrage strong {
color: var(--colorHeadline);
}
#vereinsanfrage fieldset {
box-shadow:none;
padding-left:0;
}
.partnernachrichten__mitglied-aufnehmen {
margin-bottom: 1em;
}
.partner__detail-anfrage-loeschen {
margin-top: 1em;
}
.mod_grafm_partnermitglieder {
padding-bottom: 1em;
}
.suchagent-hit-button {
display: inline-flex;
align-items: center;
justify-content: flex-start;
width: auto;
justify-self: start;
min-height: 44px;
padding: 0 12px;
border: 1px solid var(--colorHeadline);
border-radius: 6px;
background: transparent;
color: var(--colorHeadline);
cursor: pointer;
transition: background-color 0.2s ease, color 0.2s ease;
box-sizing: border-box;
line-height: 1;
white-space: nowrap;
}
.suchagent-hit-button--has-hits {
grid-column: 2;
background: var(--colorHeadline);
color: var(--bgblack);
}
.suchagent-hit-button:hover {
color: var(--colorHeadline);
background: transparent;
}
.suchagent-hit-text {
grid-column: 2;
justify-self: start;
align-self: center;
min-height: 44px;
display: inline-flex;
align-items: center;
line-height: 1;
white-space: nowrap;
padding-left: 11px;
}
.suchagent-delete-wrap {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
grid-column: 4;
flex-shrink: 0;
width: 44px;
height: 44px;
margin-left: 0;
margin: 0;
}
.suchagent-toggle-wrap {
display: flex;
margin: 0;
}
.suchagent-delete-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
background: transparent;
color: var(--colorHeadline);
border: 1px solid var(--colorHeadline);
cursor: pointer;
}
.suchagent-placeholder-button {
padding: 0;
background: transparent;
color: var(--colorHeadline);
border: 0;
cursor: default;
}
.suchagent-switch-button {
grid-column: 2;
width: 88px;
min-width: 88px;
min-height: 28px;
justify-content: center;
cursor: pointer;
}
.suchagent-settings-button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
border: 1px solid var(--colorHeadline);
border-radius: 6px;
background: transparent;
color: var(--colorHeadline);
cursor: pointer;
transition: background-color 0.2s ease, color 0.2s ease;
box-sizing: border-box;
line-height: 1;
vertical-align: top;
}
.suchagent-icon-button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
}
.suchagent-settings-button {
grid-column: 3;
}
.suchagent-delete-icon {
width: 22px;
height: 22px;
}
.suchagent-action-icon {
width: 24px;
height: 24px;
}
.suchagent-switch {
display: inline-flex;
align-items: center;
justify-content: flex-start;
position: relative;
width: 88px;
min-width: 88px;
height: 28px;
padding: 3px;
border-radius: 999px;
box-sizing: border-box;
background: var(--chiporange);
transition: background-color 0.2s ease;
}
.suchagent-switch__label {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
line-height: 1;
color: var(--containerbg);
pointer-events: none;
}
.suchagent-switch__label--inactive {
right: 9px;
}
.suchagent-switch__label--active {
left: 9px;
opacity: 0;
}
.suchagent-switch__knob {
display: block;
position: relative;
z-index: 1;
width: 22px;
height: 22px;
border-radius: 50%;
background: var(--chipgray);
transition: margin-left 0.2s ease;
}
.suchagent-switch-button[aria-pressed="true"] .suchagent-switch {
background: var(--chipgreen);
}
.suchagent-switch-button[aria-pressed="true"] .suchagent-switch__knob {
background: var(--containerbg);
}
.suchagent-switch-button[aria-pressed="true"] .suchagent-switch__label--inactive {
opacity: 0;
}
.suchagent-switch-button[aria-pressed="true"] .suchagent-switch__label--active {
opacity: 1;
}
.suchagent-switch-button[aria-pressed="true"] .suchagent-switch__knob {
margin-left: auto;
}
.suchagent-delete-button:hover,
.suchagent-icon-button:hover {
background: var(--colorHeadline);
color: var(--containerbg);
}
.suchagent-hit-button:hover {
color: var(--colorHeadline);
background: var(--containerbg);
}
.suchagent-settings-button:hover,
.suchagent-settings-button:focus,
.suchagent-hit-button[aria-pressed="true"] {
color: var(--colorHeadline);
background: var(--containerbg);
outline: none;
}
.suchagent-settings-button:hover,
.suchagent-settings-button:focus {
background: var(--colorHeadline);
color: var(--containerbg);
outline: none;
}
.suchagent-toggle-wrap .suchagent-switch-button.suchagent-icon-button.suchagent-placeholder-button,
.partnermitglieder__status-formular .partnermitglieder__status-switch-button {
background: transparent;
border: 0;
box-shadow: none;
appearance: none;
-webkit-appearance: none;
}
.suchagent-toggle-wrap .suchagent-switch-button.suchagent-icon-button.suchagent-placeholder-button:hover,
.suchagent-toggle-wrap .suchagent-switch-button.suchagent-icon-button.suchagent-placeholder-button:focus,
.partnermitglieder__status-formular .partnermitglieder__status-switch-button:hover,
.partnermitglieder__status-formular .partnermitglieder__status-switch-button:focus {
background: transparent;
border: 0;
color: var(--colorHeadline);
outline: none;
box-shadow: none;
}
.suchagent-delete-tooltip {
position: absolute;
right: calc(100% + 0.75rem);
top: 0;
z-index: 15;
min-width: 220px;
padding: 10px;
border-radius: 8px;
background: var(--bgblack);
color: var(--schrift_white);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}
.suchagent-delete-tooltip[hidden] {
display: none;
}
.suchagent-delete-tooltip span {
display: block;
width: 100%;
margin-bottom: 10px;
font-size: 1.2rem;
color: var(--schrift_white);
text-align: center;
}
.suchagent-delete-tooltip-buttons {
display: flex;
margin-top: 10px;
gap: 8px;
justify-content: center;
}
.suchagent-delete-tooltip-buttons button {
min-width: 84px;
height: 44px;
padding: 6px 10px;
border: 1px solid var(--schrift_white);
background: var(--bgblack);
color: var(--schrift_white);
}
.suchagent-delete-yes {
border-color: #2e7d32 !important;
}
button[type="submit"].suchagent-delete-yes:hover {
background: #2e7d32;
color: var(--schrift_white);
}
.suchagent-delete-no {
border-color: #c62828 !important;
}
button[type="button"].suchagent-delete-no:hover {
background: #c62828;
color: var(--schrift_white);
}
/* Responsive Breakpoints */
@media (max-width: 1599px) {
.inserate-list.kachel {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
html.suchagent-settings-popup-open,
body.suchagent-settings-popup-open {
overflow: hidden;
}
.suchagent-settings-popup[hidden] {
display: none;
}
.suchagent-settings-popup {
position: fixed;
inset: 0;
z-index: 5000;
}
.suchagent-settings-popup__backdrop {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
background: rgba(5, 10, 8, 0.6);
cursor: pointer;
}
.suchagent-settings-popup__dialog {
position: absolute;
top: 100px;
right: 0;
left: 0;
width: min(92vw, 520px);
margin: 0 auto;
padding: 1.1rem;
display: flex;
flex-direction: column;
gap: 1rem;
border: 1px solid rgba(164, 214, 179, 0.24);
border-radius: 18px;
background:
linear-gradient(180deg, rgba(58, 108, 80, 0.34), rgba(18, 44, 31, 0.48)),
rgba(255, 255, 255, 0.06);
backdrop-filter: blur(14px) saturate(122%);
-webkit-backdrop-filter: blur(14px) saturate(122%);
box-shadow: 0 24px 50px rgba(0, 0, 0, 0.3);
color: var(--colorHeadline);
}
.suchagent-settings-popup__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
}
.suchagent-settings-popup__title {
margin: 0;
padding: 0;
}
.suchagent-settings-popup__close {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 42px;
width: 42px;
min-width: 42px;
height: 42px;
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 999px;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.08);
color: var(--colorHeadline);
font-size: 1.5rem;
line-height: 1;
cursor: pointer;
}
.suchagent-settings-popup__body {
display: grid;
gap: 1rem;
margin-bottom: 1em;
}
.suchagent-settings-popup__checkbox,
.suchagent-settings-popup__radio {
display: flex;
align-items: center;
gap: 0.65rem;
color: var(--colorHeadline);
}
.suchagent-settings-popup__checkbox input,
.suchagent-settings-popup__radio input {
margin: 0;
}
.suchagent-settings-popup__checkbox input:focus,
.suchagent-settings-popup__radio input:focus {
box-shadow:none;
}
.suchagent-settings-popup__group {
margin: 0;
padding: 0;
border: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.85rem 1.25rem;
}
fieldset.suchagent-settings-popup__group {
box-shadow:none;
background:none;
}
html.theme-light fieldset {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
html.theme-light #header .inside {
-webkit-box-shadow: none;
box-shadow: none;
}
html.theme-light #main,
html.theme-light #main::before {
background: none;
}
html.theme-light *,
html.theme-light *::before,
html.theme-light *::after {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
html.therme-light h1 {
color:#fff;
}
.suchagent-settings-popup__legend {
width: 100%;
padding: 0;
margin: 0 0 10px 0;
color: var(--colorHeadline);
text-transform: none;
}
.suchagent-settings-popup__intro {
margin: 0;
color: rgba(255, 255, 255, 0.82);
}
.suchagent-settings-popup__actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.85rem;
}
.suchagent-settings-popup__form {
display: contents;
}
.suchagent-settings-popup__button {
min-width: 140px;
min-height: 44px;
padding: 0.65rem 1rem;
border: 1px solid var(--colorHeadline);
border-radius: 8px;
background: transparent;
color: var(--colorHeadline);
cursor: pointer;
}
.suchagent-settings-popup__button:hover,
.suchagent-settings-popup__button:focus {
background: var(--colorHeadline);
color: var(--containerbg);
outline: none;
}
.suchagent-settings-popup__button--secondary {
justify-self: flex-start;
}
.member-account-nav-toggle {display:none;}
@media (min-width: 1201px){
.member-chats__sidebar {
height: 100vh;
overflow-y:auto
}
}
@media (max-width: 1400px) {
.meinaccount .fieldset-layout {
grid-template-columns: 3rem 1fr;
}
.meinaccount .fieldset-icon-wrap {
grid-column: 1;
grid-row: 1;
}
.meinaccount .fieldset-head {
grid-column: 2;
grid-row: 1;
}
.meinaccount .fieldset-content {
grid-column: 1 / -1;
grid-row: 2;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 1350px) {
.profilbild {float:none;min-height:300px;height:inherit;width:97%;}
.schalterbox{float:none;width:97%;margin-left:1%;}
}
@media (max-width: 1280px) {
.meinsuchagent-liste .suchagent-row {
grid-template-columns: minmax(0, 1fr) auto;
align-items: start;
}
.suchagent-toggle {
grid-column: 1 / -1;
padding-right: 0;
}
.meinsuchagent-liste .fieldset-content {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.meinsuchagent-liste .suchagent-detail-item--category {
grid-column: 1 / span 2;
}
}
@media (max-width: 1220px) {
.inserate-layout {
grid-template-columns: 1fr;
}
.inserate-layout__ad {
width: 100%;
}
.inserate-adbox {
min-height: 200px;
position: static;
}
}
@media (max-width: 1200px) {
#main .meinaccount .rs-columns {
grid-template-columns: calc(50% - 5%) calc(50% - 5%);
gap: 2%;
}
.meinsuchagent-liste {
grid-template-columns: minmax(0, 1fr);
}
.profilbild,.schalterbox{
margin-left:0;
margin-right:0;
width:98%;
}
}
@media (min-width: 431px) and (max-width: 1090px) {
.meine-inserate .inserat-status-chip {
flex: 0 0 calc(33.333% - 7px);
max-width: calc(33.333% - 7px);
box-sizing: border-box;
}
}
@media (max-width: 900px) {
.inserat-status-popup__dialog {
top: 84px;
width: min(94vw, 380px);
}
.inserat-status-popup__header,
.inserat-status-popup__actions {
align-items: stretch;
flex-direction: column;
}
}
@media (max-width: 900px) {
#grafmInseratForm .hae-inserat-group {
grid-template-columns:1fr;
}
.meinaccount .personendaten-popup__dialog {
top: 84px;
width: min(94vw, 380px);
min-height: 380px;
padding: 1rem;
}
.meinaccount .profilfoto-dropzone {
min-height: 240px;
}
.meinaccount .fieldset-content {
grid-template-columns: 1fr;
}
.meinsuchagent-liste .suchagent-row {
grid-template-columns: minmax(0, 1fr) auto;
align-items: start;
}
.suchagent-toggle {
grid-column: 1 / -1;
padding-right: 0;
}
.meinsuchagent-liste .fieldset-content {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.meinsuchagent-liste .suchagent-detail-item--category {
grid-column: 1 / span 2;
}
}
@media (max-width: 800px) {
#main .meinaccount .rs-columns {
grid-template-columns: 1fr;
}
}
@media (max-width: 800px) {
.profilbild h2 {padding-left:0;text-align:center;}
.meinaccount #preavatar {
float: none;
margin: 0 auto 16px auto;
}
.meinaccount #profilbildtext {
max-width: none;
}
}
@media (max-width: 768px) {
.meinsuchagent-liste {
grid-template-columns: 1fr;
}
.meinsuchagent-liste .suchagent-row {
grid-template-columns: minmax(0, 1fr);
align-items: start;
}
.suchagent-toggle {
justify-self: stretch;
}
.suchagent-row__status {
text-align: left;
}
.meinsuchagent-liste .fieldset-content {
grid-template-columns: minmax(0, 1fr);
gap: 1rem;
}
.meinsuchagent-liste .suchagent-detail-item--category,
.meinsuchagent-liste .suchagent-detail-item--wide {
grid-column: span 1;
}
.inserat__status-link {
left:1em;
bottom:1em;
padding:0.5em 1em;
}
}
@media (min-width: 601px) and (max-width: 767px) {
.meine-inserate li.inserat {
width: 100%;
margin: 0 0 1.5em 0;
border-radius: 10px;
overflow: visible;
}
.meine-inserate .inserat_meta {
display: flex;
flex-direction: column;
max-height: none;
align-items: stretch;
}
.meine-inserate .grafm-inserat__main-link {
display: block;
}
.meine-inserate .inserat__image,
.meine-inserate .inserate-list:not(.kachel) .inserat__image {
flex: none;
max-width: none;
width: 100%;
aspect-ratio: 16 / 9;
margin: 0;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.meine-inserate .inserat__image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.meine-inserate .inserat__content {
display: block;
padding: 0.8em 1em 1em 1em;
min-width: 0;
}
.meine-inserate .inserat__top {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 0.35em;
min-width: 0;
}
.meine-inserate h2.inserat_title {
padding-top: 0;
font-size: 20px;
line-height: 125%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.meine-inserate .inserat_preis {
padding-top: 0;
padding-left: 0;
text-align: left;
font-size: 20px;
line-height: 125%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.meine-inserate .inserat__kaliber {
font-size: 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.meine-inserate .inserat__meta-extra-list {
margin-top: -0.4em;
margin-bottom: 0.25em;
}
.meine-inserate .inserat__bottom {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 0.25em;
align-items: start;
}
.meine-inserate .inserat_datum,
.meine-inserate .inserat_ort,
.meine-inserate .inserat_anbieter {
min-width: 0;
max-width: 100%;
text-align: left;
justify-self: start;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.meine-inserate .inserat__bottom > :last-child {
text-align: left;
justify-self: start;
}
}
@media (max-width: 767px) {
.meine-inserate .grafm-inserat__main-link {
display: block;
}
.meine-inserate .inserat_meta {
display: inherit;
max-height: none;
}
.meine-inserate .inserat__actions {
flex: none;
max-width: none;
width: 100%;
flex-direction: row;
justify-content: flex-end;
padding: 12px;
border-left: 0;
border-top: 1px solid rgba(0, 0, 0, 0.12);
border-top-right-radius: 0;
border-bottom-left-radius: 10px;
}
.meine-inserate .inserat__delete-tooltip {
top: auto;
bottom: calc(100% + 0.75rem);
right: 0;
}
}
@media (max-width: 767px) {
.chat-report-popup__dialog {
top: 24px;
right: 12px;
bottom: 24px;
left: 12px;
width: auto;
}
.chat-report-popup__header,
.chat-report-popup__actions {
align-items: stretch;
flex-direction: column;
}
.suchagent-popup__dialog {
top: 24px;
right: 12px;
left: 12px;
width: auto;
}
.suchagent-popup__header,
.suchagent-popup__actions {
align-items: stretch;
flex-direction: column;
}
.suchagent-popup__actions {
grid-template-columns: 1fr;
}
}
@media (max-width: 600px) {
.fm-filter__checkbox-row {
gap: 0.85rem;
}
.inserate-layout {
grid-template-columns: 1fr;
gap: 1.5em;
}
.inserate-layout .inserate-list {
margin: 0;
padding: 0;
}
.inserate-list.kachel {
grid-template-columns: 1fr;
}
.grafm-list-sort {
margin-bottom: 1.25em;
}
.fm-search-meta {
padding: 0;
max-width: calc(100% - 0.5rem);
}
.grafm-list-sort__panel {
gap: 0.85rem;
}
.grafm-list-sort__panel {
justify-content: space-between;
}
.grafm-list-sort__bezirk-wrap {
flex-basis: 100%;
}
.grafm-list-sort__bezirk-select {
width: 100%;
}
.grafm-list-sort__button-wrap,
.grafm-list-sort__select-wrap {
flex-basis: 100%;
}
#fm_inserate .grafm-list-sort__button-wrap {
display: none;
}
.grafm-list-select {
width: 100%;
}
.grafm-list-sort__toggle {
width: auto;
margin-left: auto;
}
.grafm-list-sort__placeholder-button {
margin-left: 0;
}
li.inserat,
.inserate-layout li.inserat {
width: 100%;
margin: 0 0 1.5em 0;
border-radius: 10px;
overflow: visible;
}
.inserat_meta {
display: flex;
flex-direction: column;
max-height: none;
align-items: stretch;
}
.inserat__image,
.inserate-list:not(.kachel) .inserat__image {
flex: none;
max-width: none;
width: 100%;
aspect-ratio: 16 / 9;
margin: 0;
border-top-left-radius:10px;
border-bottom-left-radius:10px;
}
.inserat__image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.inserat__content {
display: block;
padding: 0.8em 1em 1em 1em;
min-width: 0;
}
.inserat__content--suchagent {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 1.2em 1em;
}
.inserat__suchagent-copy {
align-items: flex-start;
}
.inserat__suchagent-title {
font-size: 24px;
}
.inserat__suchagent-text {
font-size: 18px;
}
.suchagenten-popup-button--inline {
white-space: normal;
}
.inserat__top {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 0.35em;
min-width: 0;
}
h2.inserat_title {
padding-top: 0;
font-size: 20px;
line-height: 125%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.inserat_preis {
padding-top: 0;
padding-left: 0;
text-align: left;
font-size: 20px;
line-height: 125%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.inserat__kaliber {
font-size: 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.inserat__bottom {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 0.25em;
align-items: start;
}
.inserat_datum,
.inserat_ort,
.inserat_anbieter {
min-width: 0;
max-width: 100%;
text-align: left;
justify-self: start;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.inserat__bottom > :last-child {
text-align: left;
justify-self: start;
}
.inserate-layout__ad {
width: 100%;
}
.inserate-adbox {
min-height: 160px;
position: static;
}
}
/* Partnerliste Anfang */
.partnerliste {
width: 100%;
max-width: none;
color: var(--colorHeadline);
}
.partnerliste__suche {
display: grid;
grid-template-columns: minmax(0, 1fr) max-content;
gap: 1rem;
align-items: end;
width: 100%;
max-width: 600px;
margin: 0 0 2rem;
border:1px solid var(--colorHeadline);
padding:20px;
border-radius:4px;
background: var(--submitBaseColor);
}
.partnerliste__umkreis {
margin: 0;
}
.partnerliste__umkreis-ueberschrift {
margin: 0 0 1rem;
color: var(--colorHeadline);
}
.partnerliste__umkreis-felder {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
}
.partnerliste__umkreis-feld {
min-width: 0;
}
.partnerliste__umkreis-feld label {
display: block;
margin-bottom: 0.5rem;
color: var(--colorHeadline);
font-weight: 700;
}
.partnerliste__umkreis-feld input {
width: 100%;
box-sizing: border-box;
padding: 10px 12px;
border: none;
border-radius: 4px;
font-size: 15px;
color: var(--colorHeadline);
background: var(--containerbg);
-webkit-box-shadow: inset 0 1px 1px #111;
box-shadow: inset 0 1px 1px #111;
height: 40px;
}
.partnerliste__umkreis-feld input:focus {
box-shadow: inset 0 1px 1px var(--colorHeadline);
-webkit-box-shadow: inset 0 1px 1px var(--colorHeadline);
}
.partnerliste__suche > p {
display: flex;
gap: 0.5rem;
align-items: end;
align-self: end;
margin: 0;
}
.partnerliste__suche button {
font-size:1rem;
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
height: 44px;
padding: 0 1em;
border-radius: 4px;
background: var(--colorHeadline);
color: var(--submitBaseColor);
border: 1px solid var(--colorHeadline);
text-decoration: none;
text-shadow: none;
cursor: pointer;
box-sizing: border-box;
transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.partnerliste__suche button:hover
{
color: var(--colorHeadline);
background: var(--containerbg);
border: 1px solid var(--colorHeadline);
}
.partnerliste__liste {
margin: 0 0 2em 0em;
padding: 0;
border: 1px solid var(--colorHeadline);
list-style: none;
}
.partnerliste__zeile {
display: grid;
grid-template-columns: 70px minmax(0, 1fr) 70px repeat(4, minmax(0, 1fr)) 70px 70px;
gap: 1rem;
align-items: center;
padding: 5px;
box-sizing: border-box;
}
.partnerliste__zeile--kopf {
background: var(--colorHeadline);
color: var(--containerbg);
}
.partnerliste__zeile--kopf > :nth-child(1),
.partnerliste__zeile--kopf > :nth-child(2) {
text-align: center;
}
.partnerliste__zeile:not(.partnerliste__zeile--kopf):nth-child(odd) {
background: var(--submitBaseColor);
}
.partnerliste__logo img {
display: block;
width: 70px;
height: 70px;
object-fit: contain;
}
.partnerliste__zeile p {
margin: 0;
color: var(--colorHeadline);
font-size: 1.1rem;
}
.partnerliste__zeile:not(.partnerliste__zeile--kopf) > :nth-child(2) p,
.partnerliste__zeile:not(.partnerliste__zeile--kopf) > :nth-child(5) {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
}
.partnerliste__zeile a {
color: var(--colorHeadline);
font-weight: 700;
font-size: 1.8rem;
line-height: 1;
text-decoration: none;
}
/* Partnerliste Ende */
/* Partnermitglieder Anfang */
.meine-partnermitgliedschaften__liste {
margin: 0;
padding: 0;
list-style: none;
}
.meine-partnermitgliedschaften__eintrag {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr)) 170px;
gap: 1rem;
align-items: center;
padding: 0rem;
}
.meine-partnermitgliedschaften__partner {
margin-bottom: 1rem;
padding-bottom: 4rem;
}
.meine-partnermitgliedschaften__verlassen-form {
position: relative;
width: auto;
max-width: none;
margin: 0;
}
.meine-partnermitgliedschaften__verlassen-button {
padding: 0;
background: transparent;
color: var(--error-delete);
border: 0;
cursor: pointer;
font-size: 2.5rem;
line-height: 1;
height: 44px;
}
.meine-partnermitgliedschaften__verlassen-button:hover {
background: transparent;
color: var(--error-delete);
}
.meine-partnermitgliedschaften__bestaetigung {
position: absolute;
right: calc(100% + 0.75rem);
top: -20px;
z-index: 15;
min-width: 220px;
padding: 10px;
border-radius: 8px;
background: var(--bgblack);
color: var(--schrift_white);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}
.meine-partnermitgliedschaften__bestaetigung[hidden] { display: none; }
.meine-partnermitgliedschaften__bestaetigung span {
display: block;
width: 100%;
margin-bottom: 10px;
color: var(--schrift_white);
font-size: 1.2rem;
text-align: center;
}
.meine-partnermitgliedschaften__bestaetigung-aktionen {
display: flex;
justify-content: center;
gap: 8px;
margin-top: 10px;
}
.meine-partnermitgliedschaften__bestaetigung-aktionen button {
min-width: 84px;
height: 44px;
padding: 6px 10px;
border: 1px solid var(--schrift_white);
background: var(--bgblack);
color: var(--schrift_white);
}
.meine-partnermitgliedschaften__bestaetigung-ja { border-color: #2e7d32 !important; }
button[type="submit"].meine-partnermitgliedschaften__bestaetigung-ja:hover { background: #2e7d32; color: var(--schrift_white); }
.meine-partnermitgliedschaften__bestaetigung-nein { border-color: #c62828 !important; }
button[type="button"].meine-partnermitgliedschaften__bestaetigung-nein:hover { background: #c62828; color: var(--schrift_white); }
.meine-partnermitgliedschaften__eintrag--kopf {
color: var(--containerbg);
}
.meine-partnermitgliedschaften__eintrag--kopf > div {
color: inherit;
font-weight:700;
}
.partnermitglieder__liste {
margin: 0;
padding: 0;
list-style: none;
}
.partnermitglieder__eintrag {
display: grid;
grid-template-columns: 0.8fr 1fr 1fr 1.5fr 1fr 0.7fr 1.5fr;
gap: 10px;
align-items: center;
padding: 0;
border-bottom: 1px solid var(--topbg);
}
.partnermitglieder__eintrag--kopf {
color: var(--colorHeadline);
font-weight: 700;
}
.partnermitglieder__status-verwaltung {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem;
}
.partnermitglieder__aktionen {
display: flex;
align-items: center;
}
.partnermitglieder__status-verwaltung form {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.partnermitglieder__status-formular {
display: flex;
flex-wrap: nowrap;
gap: normal;
margin: 0;
}
.partnermitglieder__rolle-select {
width: min(100%, 220px);
height: 44px;
padding: 10px 44px 10px 12px;
box-sizing: border-box;
border: 1px solid var(--containerbg);
border-radius: 4px;
background-color: var(--containerbg);
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 1rem center;
background-size: 1rem;
color: var(--colorHeadline);
font-size: 15px;
text-align: left;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
box-shadow: inset 0 1px 1px #111;
-webkit-box-shadow: inset 0 1px 1px #111;
}
.partnermitglieder__rolle-select option {
color: var(--colorHeadline);
background: var(--containerbg);
}
.partnermitglieder__rolle-select:focus {
outline: none;
border-color: var(--containerbg);
background-color: var(--containerbg);
}
html.theme-light .partnermitglieder__rolle-select,
html.theme-light .partnermitglieder__rolle-select:focus,
html.theme-light .partnermitglieder__rolle-select:active {
border-color: var(--containerbg);
background-color: #fff;
color: var(--colorHeadline);
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 1rem;
background-position: right 1rem center;
}
.partnermitglieder__status-switch-button {
display: inline-flex;
align-items: center;
justify-content: center;
grid-column: 2;
width: 88px;
min-width: 88px;
height: 44px;
min-height: 28px;
padding: 0;
border: 0;
background: transparent;
color: var(--colorHeadline);
box-shadow: none;
appearance: none;
-webkit-appearance: none;
cursor: pointer;
}
.partnermitglieder__status-switch-button:hover,
.partnermitglieder__status-switch-button:focus {
border: 0;
background: transparent;
color: var(--colorHeadline);
outline: none;
box-shadow: none;
}
.partnermitglieder__status-switch {
display: inline-flex;
position: relative;
align-items: center;
justify-content: flex-start;
width: 88px;
min-width: 88px;
height: 28px;
padding: 3px;
box-sizing: border-box;
border-radius: 999px;
background: var(--chiporange);
transition: background-color 0.2s ease;
}
.partnermitglieder__status-switch-label {
position: absolute;
top: 50%;
transform: translateY(-50%);
color: var(--containerbg);
font-size: 14px;
line-height: 1;
pointer-events: none;
}
.partnermitglieder__status-switch-label--inaktiv {
right: 9px;
}
.partnermitglieder__status-switch-label--aktiv {
left: 9px;
opacity: 0;
}
.partnermitglieder__status-switch-knopf {
display: block;
position: relative;
z-index: 1;
width: 22px;
height: 22px;
border-radius: 50%;
background: var(--chipgray);
transition: margin-left 0.2s ease;
}
.partnermitglieder__status-switch-button[aria-pressed="true"] .partnermitglieder__status-switch {
background: var(--chipgreen);
}
.partnermitglieder__status-switch-button[aria-pressed="true"] .partnermitglieder__status-switch-knopf {
margin-left: auto;
background: var(--containerbg);
}
.partnermitglieder__status-switch-button[aria-pressed="true"] .partnermitglieder__status-switch-label--inaktiv {
opacity: 0;
}
.partnermitglieder__status-switch-button[aria-pressed="true"] .partnermitglieder__status-switch-label--aktiv {
opacity: 1;
}
.partnermitglieder__entfernen-form {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
grid-column: 4;
flex-shrink: 0;
width: 44px;
height: 44px;
margin-left: 0;
margin: 0;
}
.partnermitglieder__entfernen-button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
background: transparent;
color: var(--colorHeadline);
border: 1px solid var(--colorHeadline);
cursor: pointer;
}
.partnermitglieder__entfernen-icon {
width: 22px;
height: 22px;
}
.partnermitglieder__entfernen-button:hover {
background: var(--colorHeadline);
color: var(--containerbg);
}
.partnermitglieder__bestaetigung {
position: absolute;
right: calc(100% + 0.75rem);
top: 0;
z-index: 15;
min-width: 220px;
padding: 10px;
border-radius: 8px;
background: var(--bgblack);
color: var(--schrift_white);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}
.partnermitglieder__bestaetigung[hidden] {
display: none;
}
.partnermitglieder__bestaetigung span {
display: block;
width: 100%;
margin-bottom: 10px;
color: var(--schrift_white);
font-size: 1.2rem;
text-align: center;
}
.partnermitglieder__bestaetigung-aktionen {
display: flex;
justify-content: center;
gap: 8px;
margin-top: 10px;
}
.partnermitglieder__bestaetigung-aktionen button {
min-width: 84px;
height: 44px;
padding: 6px 10px;
border: 1px solid var(--schrift_white);
background: var(--bgblack);
color: var(--schrift_white);
}
.partnermitglieder__bestaetigung-ja {
border-color: #2e7d32 !important;
}
button[type="submit"].partnermitglieder__bestaetigung-ja:hover {
background: #2e7d32;
color: var(--schrift_white);
}
.partnermitglieder__bestaetigung-nein {
border-color: #c62828 !important;
}
button[type="button"].partnermitglieder__bestaetigung-nein:hover {
background: #c62828;
color: var(--schrift_white);
}
/* Partnermitglieder Ende */
/* Partnerdetail Anfang */
.partnerdetail {
color: var(--colorHeadline);
}
.partnerdetail__kopf,
.partnerdetail__bereich {
margin-bottom: 1.5rem;
padding: 1.5rem;
background: var(--containerbg);
border: 1px solid var(--topbg);
border-radius: 8px;
}
.partnerdetail__titel {
margin-top: 0;
color: var(--colorHeadline);
}
.partnerdetail__logo {
display: block;
width: 100px;
height: 100px;
object-fit: contain;
background: var(--blockInside);
}
.partnerdetail__bild {
display: block;
width: 100%;
height: auto;
}
/* Partnerdetail Ende */
/* Partner-Videos Anfang */
.partner-videos {
display: grid;
margin-top:1.5rem;
border-radius: 10px;
box-shadow: 0 0 10px #111;
background: var(--blockInside);
}
.partner-videos__video {
position: relative;
width: 100%;
max-width: 100%;
aspect-ratio: 16 / 9;
}
.partner-videos__titel {
margin: 0;
padding-left: 20px;
margin-bottom: 12px;
}
.partner-videos__video iframe {
position: absolute;
width: 100%;
height: 100%;
border: 0;
}
.partner-videos-verwaltung__feld {
display: flex;
align-items: end;
flex-wrap: wrap;
gap: 1rem;
margin-bottom: 1rem;
border-bottom: dashed 1px var(--colorHeadline);
padding-bottom: 1.5rem;
}
.partner-standordnung-verwaltung__feld {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
gap: 1rem;
margin-bottom: 1rem;
border-bottom: dashed 1px var(--colorHeadline);
padding-bottom: 1.5rem;
}
.partner-standordnung-verwaltung__speichern-button {
flex-basis: 100%;
align-self: flex-start;
}
form.partner-oeffnungszeiten-verwaltung{
padding-top: 20px;
}
.partner-oeffnungszeiten-verwaltung__feld {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
gap: 1rem;
padding-bottom: 1.5rem;
}
.partner-standordnung-verwaltung__felder > .partner-standordnung-verwaltung__feld:last-of-type {
border-bottom: 0;
}
.partner-oeffnungszeiten-verwaltung__felder > .partner-oeffnungszeiten-verwaltung__feld:last-of-type {
border-bottom: 0;
}
.partner-standordnung-verwaltung__feld label {
display: block;
}
.partner-oeffnungszeiten-verwaltung__feld label {
display: block;
}
.partner-oeffnungszeiten-verwaltung__zeitraum {
padding-bottom: 1.5rem;
border-bottom1: 1px dashed var(--colorHeadline);
}
.partner-oeffnungszeiten-verwaltung__zeitraum-kopf {
display: block;
margin-top:1rem;
padding-left: 1rem;
}
.partner-oeffnungszeiten-verwaltung__zeitraum-auswahl {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 1rem;
}
.partner-oeffnungszeiten-verwaltung__zeitraum-auswahl h2 {
margin: 0;
padding: 0;
font-size: 1.2rem;
}
h2#telefon-nummer-fehlt-titel,
h2#telefon-bestaetigung-titel,
h2#inserat-alterspruefung-title {
padding-top: 0;
}
.partner-oeffnungszeiten-verwaltung .partner-oeffnungszeiten-verwaltung__zeitraum-auswahl [data-partner-oeffnungszeiten-zeitraum-ausblenden-bereich] {
margin: 0;
}
.partner-oeffnungszeiten-verwaltung__zeitraum-bezeichnung {
box-sizing: border-box;
width: 100%;
padding-right: 1rem;
}
.partner-oeffnungszeiten-verwaltung__zeitraum-bezeichnung label,
.partner-oeffnungszeiten-verwaltung__zeitraum-bezeichnung input {
display: block;
box-sizing: border-box;
width: 100%;
}
.partner-oeffnungszeiten-verwaltung__tage {
display: grid;
gap: .75rem;
margin-top: 1rem;
border1: 1px solid var(--colorHeadline);
color: var(--colorHeadline);
padding:1rem;
}
.zeitraumcontainer {
position: relative;
border:1px solid var(--colorHeadline);
padding: 0 1rem;
margin-bottom: 1rem;
}
.partner-oeffnungszeiten-verwaltung__zeitraum .partner-videos-verwaltung__entfernen-bereich {
position: absolute;
top: 1rem;
right: 1rem;
}
.partner-oeffnungszeiten-verwaltung__tag {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: .75rem 1rem;
}
.partner-oeffnungszeiten-verwaltung__tag > strong {
width: 6.5rem;
font-weight: 400;
}
.partner-oeffnungszeiten-verwaltung__zeiten,
.partner-oeffnungszeiten-verwaltung__zeiten-zwei {
display: inline-flex;
align-items: center;
gap: .5rem;
}
.partner-oeffnungszeiten-verwaltung__zeiten-zwei {
margin-left: .5rem;
}
.partner-oeffnungszeiten-verwaltung__zeiten-zwei[hidden] {
display: none !important;
}
.partner-oeffnungszeiten-verwaltung__zeiten[hidden],
.partner-oeffnungszeiten-verwaltung__zeitfenster-hinzufuegen[hidden] {
display: none !important;
}
.partner-oeffnungszeiten-verwaltung .partner-oeffnungszeiten-verwaltung__zeitraum-daten[hidden] {
display: none !important;
}
.partner-oeffnungszeiten-verwaltung [data-partner-oeffnungszeiten-zeitraum-ausblenden-bereich][hidden] {
display: none !important;
}
.partner-oeffnungszeiten-verwaltung [data-partner-oeffnungszeiten-zeitraum-ausblenden-bereich] {
display: flex;
flex-wrap: wrap;
gap: 1rem;
margin: 1.5rem 0;
}
.fancy_radio {
display: inline-flex !important;
align-items: center;
gap: .5rem;
cursor: pointer;
font-size: 1.2rem;
}
.fancy_radio input {
position: absolute;
opacity: 0;
margin-top: 3px;
}
.fancy_radio span {
display: inline-flex;
align-items: center;
}
.fancy_radio span::before {
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.2rem;
height: 1.2rem;
margin-right: .5rem;
border: 1px solid var(--colorHeadline);
border-radius: 50%;
background: var(--containerbg);
color: var(--colorHeadline);
font-size: 1.4rem;
line-height: 1;
text-align: center;
content: '';
}
.fancy_radio input:checked ~ span::before {
background: radial-gradient(circle at center, var(--colorHeadline) 0 .25rem, var(--containerbg) .27rem);
}
.fancy_radio input:focus-visible + span::before {
outline: 2px solid var(--colorHeadline);
outline-offset: 2px;
}
.partner-oeffnungszeiten-verwaltung__tag select {
box-sizing: border-box;
padding: 10px 12px;
border: 1px solid var(--containerbg);
border-radius: 4px;
font-size: 15px;
color: var(--colorHeadline);
background: var(--containerbg);
-webkit-box-shadow: inset 0 1px 1px #111;
box-shadow: inset 0 1px 1px #111;
}
.partner-oeffnungszeiten-verwaltung__zeitfenster-hinzufuegen {
padding: 10px 12px;
border: 1px solid var(--colorHeadline);
border-radius: 4px;
background: transparent;
color: var(--colorHeadline);
cursor: pointer;
}
.fancy_checkbox {
display: inline-flex !important;
align-items: center;
gap: .5rem;
cursor: pointer;
}
.fancy_checkbox input {
position: absolute;
opacity: 0;
margin-top: 3px;
}
.fancy_checkbox span {
display: inline-flex;
align-items: center;
}
.fancy_checkbox span::before {
width: 1.35rem;
height: 1.35rem;
margin-right: .5rem;
border: 1px solid var(--colorHeadline);
border-radius: 3px;
background: var(--containerbg);
color: var(--colorHeadline);
font-size: 1.4rem;
line-height: 1;
text-align: center;
content: '';
}
.fancy_checkbox input:checked + span::before {
content: '✓';
}
.fancy_checkbox input:focus-visible + span::before {
outline: 2px solid var(--colorHeadline);
outline-offset: 2px;
}
.partner-standordnung-verwaltung__feld input,
.partner-standordnung-verwaltung__feld select,
.partner-standordnung-verwaltung__feld textarea {
box-sizing: border-box;
padding: 10px 12px;
border: 1px solid var(--containerbg);
border-radius: 4px;
font-size: 15px;
color: var(--colorHeadline);
background: var(--containerbg);
-webkit-box-shadow: inset 0 1px 1px #111;
box-shadow: inset 0 1px 1px #111;
}
.partner-oeffnungszeiten-verwaltung__feld select {
box-sizing: border-box;
padding: 10px 12px;
border: 1px solid var(--containerbg);
border-radius: 4px;
font-size: 15px;
color: var(--colorHeadline);
background: var(--containerbg);
-webkit-box-shadow: inset 0 1px 1px #111;
box-shadow: inset 0 1px 1px #111;
}
.partner-oeffnungszeiten-verwaltung textarea {
box-sizing: border-box;
width: 100%;
padding: 10px 12px;
border: 1px solid var(--containerbg);
border-radius: 4px;
font-size: 15px;
color: var(--colorHeadline);
background: var(--containerbg);
-webkit-box-shadow: inset 0 1px 1px #111;
box-shadow: inset 0 1px 1px #111;
resize: vertical;
}
.partner-oeffnungszeiten-verwaltung .vkpreisToggle {
flex-direction: row;
align-items: center;
gap: 10px;
}
.partner-oeffnungszeiten-verwaltung .toggleLabel {
padding-bottom: 0;
margin-right: 0;
}
.partner-standordnung-verwaltung__basisdaten {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr)) 50px;
gap: 1rem;
flex: 0 0 100%;
width: 100%;
}
.partner-standordnung-verwaltung__basisdaten > .partner-standordnung-verwaltung__entfernen-bereich {
justify-self: end;
align-self: start;
margin-left: 0;
margin-top: 1.2rem;
width: 50px;
}
.partner-standordnung-verwaltung__basisdaten label {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.35rem;
}
.partner-standordnung-verwaltung__standnummer input,
.partner-standordnung-verwaltung__typ select,
.partner-standordnung-verwaltung__distanz input {
width: 100%;
max-width: none;
}
.partner-standordnung-verwaltung__distanz {
position: relative;
}
.partner-standordnung-verwaltung__distanz .field-error {
position: absolute;
top: calc(100% + 6px);
left: 0;
z-index: 1;
width: 200px;
}
.partner-standordnung-verwaltung__formular,
.partner-standordnung-verwaltung__zusatzinfo {
display: block;
flex: 0 0 100%;
width: 100%;
}
.partner-standordnung-verwaltung__formular fieldset {
box-shadow: none;
padding: 0;
margin-bottom: 0;
}
.partner-standordnung-verwaltung__formular legend {
display: block;
font: inherit;
padding: 0;
text-transform: inherit;
margin-bottom: 6px;
color: var(--colorHeadline);
}
.partner-standordnung-verwaltung__formular .checkbox_container {
display: flex;
flex-wrap: wrap;
gap: 0.5rem 1rem;
}
.partner-standordnung-verwaltung__formular .checkbox_container span {
display: inline-flex;
align-items: center;
margin: 0;
}
.partner-standordnung-verwaltung__formular .checkbox_container input[type="checkbox"] {
width: auto;
margin: 0 0.35rem 0 0;
}
.partner-standordnung-verwaltung__zusatzinfo textarea {
display: block;
width: 100%;
min-height: 0;
flex: 1 1 auto;
resize: vertical;
}
.partner-standordnung-verwaltung__feld > .partner-standordnung-verwaltung__entfernen-bereich {
flex: 0 0 44px;
margin-left: auto;
}
.partner-oeffnungszeiten-verwaltung__feld > .partner-videos-verwaltung__entfernen-bereich {
flex: 0 0 44px;
}
.partner-standordnung-verwaltung__zusatzinfo {
display: flex;
flex: 1 1 auto;
flex-direction: column;
}
.partner-videos-verwaltung__felder > .partner-videos-verwaltung__feld:last-of-type {
border-bottom: 0;
}
.partner-videos-verwaltung__feld label {
display: block;
flex: 0 1 400px;
}
.partner-videos-verwaltung__feld input {
width: 100%;
max-width: 400px;
}
.partner-videos-verwaltung__id-zeile {
display: flex;
align-items: end;
flex: 0 1 auto;
gap: 1rem;
}
.partner-videos-verwaltung__id-zeile label {
flex: 0 1 400px;
}
.partner-videos-verwaltung__vorschau {
display: block;
flex: 0 0 80px;
width: 80px;
height: 45px;
overflow: hidden;
border-radius: 4px;
}
.partner-videos-verwaltung__vorschau[hidden] {
display: none;
}
.partner-videos-verwaltung__vorschau img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.partner-videos-verwaltung__gueltig {
display: block;
align-self: center;
flex: 0 0 40px;
width: 40px;
text-align: center;
color: var(--colorHeadline);
font-size: 2.5rem;
padding-top: 20px;
}
.partner-videos-verwaltung__gueltig[hidden] {
display: none;
}
.partner-videos-verwaltung__gueltig--ungueltig {
color: var(--error-delete);
}
.partner-videos-verwaltung__entfernen-bereich,
.partner-standordnung-verwaltung__entfernen-bereich {
position: relative;
}
.partner-videos-verwaltung__entfernen-button,
.partner-standordnung-verwaltung__entfernen-button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
border: 1px solid var(--colorHeadline);
border-radius: 6px;
background: transparent;
color: var(--colorHeadline);
cursor: pointer;
}
.partner-videos-verwaltung__entfernen-icon,
.partner-standordnung-verwaltung__entfernen-icon {
width: 22px;
height: 22px;
}
.partner-videos-verwaltung__entfernen-button:hover,
.partner-standordnung-verwaltung__entfernen-button:hover {
background: var(--colorHeadline);
color: var(--containerbg);
}
.partner-videos-verwaltung__bestaetigung,
.partner-standordnung-verwaltung__bestaetigung {
position: absolute;
right: calc(100% + 0.75rem);
bottom: 0;
z-index: 15;
min-width: 220px;
padding: 10px;
border-radius: 8px;
background: var(--bgblack);
color: var(--schrift_white);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}
.partner-videos-verwaltung__bestaetigung[hidden],
.partner-standordnung-verwaltung__bestaetigung[hidden] {
display: none;
}
.partner-videos-verwaltung__bestaetigung > span:first-child,
.partner-standordnung-verwaltung__bestaetigung > span:first-child {
display: block;
margin-bottom: 10px;
color: var(--schrift_white);
font-size: 1.2rem;
text-align: center;
}
.partner-videos-verwaltung__bestaetigung-aktionen,
.partner-standordnung-verwaltung__bestaetigung-aktionen {
display: flex;
justify-content: center;
gap: 8px;
}
.partner-videos-verwaltung__bestaetigung-aktionen button,
.partner-standordnung-verwaltung__bestaetigung-aktionen button {
min-width: 84px;
height: 44px;
padding: 6px 10px;
border: 1px solid var(--schrift_white);
background: var(--bgblack);
color: var(--schrift_white);
}
.partner-videos-verwaltung__bestaetigung-aktionen [data-partner-video-loeschen-ja],
.partner-standordnung-verwaltung__bestaetigung-aktionen [data-partner-stand-loeschen-ja],
.partner-videos-verwaltung__bestaetigung-aktionen [data-partner-stand-loeschen-ja],
.partner-videos-verwaltung__bestaetigung-aktionen [data-partner-oeffnungszeiten-loeschen-ja] {
border-color: #2e7d32;
}
.partner-videos-verwaltung__bestaetigung-aktionen [data-partner-video-loeschen-nein],
.partner-standordnung-verwaltung__bestaetigung-aktionen [data-partner-stand-loeschen-nein],
.partner-videos-verwaltung__bestaetigung-aktionen [data-partner-stand-loeschen-nein],
.partner-videos-verwaltung__bestaetigung-aktionen [data-partner-oeffnungszeiten-loeschen-nein] {
border-color: #c62828;
}
.partner-videos-verwaltung__bestaetigung-aktionen [data-partner-oeffnungszeiten-loeschen-ja]:hover,
.partner-videos-verwaltung__bestaetigung-aktionen [data-partner-stand-loeschen-ja]:hover,
.partner-standordnung-verwaltung__bestaetigung-aktionen [data-partner-stand-loeschen-ja]:hover {
background: #2e7d32;
}
.partner-videos-verwaltung__bestaetigung-aktionen [data-partner-oeffnungszeiten-loeschen-nein]:hover,
.partner-videos-verwaltung__bestaetigung-aktionen [data-partner-stand-loeschen-nein]:hover,
.partner-standordnung-verwaltung__bestaetigung-aktionen [data-partner-stand-loeschen-nein]:hover {
background: #c62828;
}
.partner-videos-verwaltung__meldung--fehler,
.partner-videos-verwaltung__meldung.error {
color: #a40000;
}
/* Partner-Videos Ende */
/* Partner-Bildergalerie-Verwaltung Anfang */
.partner-bildergalerie-verwaltung__vorhanden,
.partner-bildergalerie-verwaltung__auswahl {
display: grid;
grid-template-columns: repeat(auto-fill, 120px);
gap: 1rem;
margin-bottom: 1rem;
}
.partner-bildergalerie-verwaltung__dropzone .partner-bildergalerie-verwaltung__auswahl {
width: 100%;
margin-top: 1rem;
margin-bottom: 0;
}
.partner-bildergalerie-verwaltung__vorhanden img,
.partner-bildergalerie-verwaltung__auswahl img {
display: block;
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
}
.partner-bildergalerie-verwaltung__bild {
position: relative;
}
.partner-bildergalerie-verwaltung__bild > img {
cursor: zoom-in;
}
.partner-bildergalerie-verwaltung__auswahl > div.is-invalid {
outline: 3px solid #c62828;
outline-offset: 2px;
}
.partner-bildergalerie-verwaltung .bild-loeschen-wrap {
position: absolute;
top: 5px;
right: 5px;
z-index: 6;
}
.partner-bildergalerie-verwaltung .bild-drehen-wrap {
position: absolute;
top: 5px;
left: 5px;
z-index: 6;
}
.partner-bildergalerie-verwaltung button.bild-loeschen-x,
.partner-bildergalerie-verwaltung button.bild-drehen-button {
display: flex;
width: 28px;
height: 28px;
align-items: center;
justify-content: center;
padding: 0;
border: 0;
border-radius: 50%;
appearance: none;
-webkit-appearance: none;
background: rgba(0, 0, 0, 0.55);
color: #fff;
cursor: pointer;
font-weight: 400;
line-height: 1;
}
.partner-bildergalerie-verwaltung button.bild-loeschen-x {
font-size: 1.2rem;
}
.partner-bildergalerie-verwaltung button.bild-drehen-button {
font-size: 1rem;
}
.partner-bildergalerie-verwaltung button.bild-loeschen-x:hover,
.partner-bildergalerie-verwaltung button.bild-drehen-button:hover {
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.9);
}
.partner-bildergalerie-verwaltung .bild-loeschen-tooltip {
position: absolute;
top: -150px;
left: -80px;
z-index: 5000;
padding: 10px;
border-radius: 8px;
background: #000;
color: #fff;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
text-align: center;
}
.partner-bildergalerie-verwaltung .bild-loeschen-tooltip[hidden] {
display: none;
}
.partner-bildergalerie-verwaltung .bild-loeschen-tooltip span {
display: block;
margin-bottom: 10px;
color: #fff;
}
.partner-bildergalerie-verwaltung .bild-loeschen-tooltip-buttons {
display: flex;
gap: 8px;
}
.partner-bildergalerie-verwaltung .bild-loeschen-tooltip-buttons button {
height: 44px;
padding: 6px 10px;
border: 1px solid #fff;
background: #000;
color: #fff;
cursor: pointer;
}
.partner-bildergalerie-verwaltung .bild-loeschen-ja {
border-color: #2e7d32 !important;
}
.partner-bildergalerie-verwaltung .bild-loeschen-ja:hover {
background: #2e7d32;
}
.partner-bildergalerie-verwaltung .bild-loeschen-nein {
border-color: #c62828 !important;
}
.partner-bildergalerie-verwaltung .bild-loeschen-nein:hover {
background: #c62828;
}
.partner-bildergalerie-verwaltung__bild-aktionen {
position: absolute;
top: 0.25rem;
right: 0.25rem;
display: flex;
gap: 0.25rem;
}
.partner-bildergalerie-verwaltung__drehen,
.partner-bildergalerie-verwaltung__loeschen {
display: flex;
width: 28px;
height: 28px;
align-items: center;
justify-content: center;
padding: 0;
border: 0;
border-radius: 50%;
appearance: none;
-webkit-appearance: none;
background: rgba(0, 0, 0, 0.55);
color: #fff;
cursor: pointer;
line-height: 1;
}
.partner-bildergalerie-verwaltung__drehen {
font-size: 1.4rem;
}
.partner-bildergalerie-verwaltung__loeschen {
font-size: 2rem;
}
.partner-bildergalerie-verwaltung__drehen:hover,
.partner-bildergalerie-verwaltung__loeschen:hover {
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.9);
}
.partner-bildergalerie-verwaltung__loeschen-wrap {
position: relative;
}
.partner-bildergalerie-verwaltung__loeschen-bestaetigung {
position: absolute;
top: -150px;
bottom: calc(100% + 0.25rem);
left:-80px;
z-index: 15;
min-width: 220px;
width: max-content;
padding: 10px;
border-radius: 8px;
background: var(--bgblack);
color: var(--schrift_white);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
text-align: center;
}
.partner-bildergalerie-verwaltung__loeschen-bestaetigung[hidden] {
display: none;
}
.partner-bildergalerie-verwaltung__loeschen-bestaetigung > span {
display: block;
margin-bottom: 10px;
}
.partner-bildergalerie-verwaltung__loeschen-bestaetigung-buttons {
display: flex;
justify-content: center;
gap: 8px;
}
.partner-bildergalerie-verwaltung__loeschen-bestaetigung-buttons button {
min-width: 84px;
height: 44px;
padding: 6px 10px;
border: 1px solid var(--schrift_white);
background: var(--bgblack);
color: var(--schrift_white);
}
.partner-bildergalerie-verwaltung__loeschen-bestaetigung [data-bild-loeschen-ja]:hover {
background: #2e7d32;
}
.partner-bildergalerie-verwaltung__loeschen-bestaetigung [data-bild-loeschen-nein]:hover {
background: #c62828;
}
.partner-bildergalerie-verwaltung__vergroesserung {
position: fixed;
inset: 0;
z-index: 1000;
display: flex;
align-items: center;
justify-content: center;
padding: 2rem;
background: rgba(0, 0, 0, 0.85);
cursor: zoom-out;
}
.partner-bildergalerie-verwaltung__vergroesserung img {
display: block;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.partner-bildergalerie-verwaltung__auswahl > div {
position: relative;
}
.partner-bildergalerie-verwaltung__auswahl button {
position: absolute;
top: 0.25rem;
right: 0.25rem;
z-index: 6;
width: 32px;
height: 32px;
padding: 0;
border: 0;
border-radius: 50%;
background: transparent;
color: #fff;
cursor: pointer;
font-size: 1.2rem;
line-height: 1;
}
.partner-bildergalerie-verwaltung__dropzone {
display: flex;
min-height: 180px;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 1rem;
border: 1px dashed var(--colorHeadline);
cursor: pointer;
text-align: center;
margin-bottom: 1em;
}
.partner-bildergalerie-verwaltung input[type="file"] {
display: none;
}
.partner-bildergalerie-verwaltung__dropzone.is-dragover {
border-color: var(--colorHeadline);
}
.partner-bildergalerie-verwaltung__status.error {
color: #a40000;
}
/* Partner-Bildergalerie-Verwaltung Ende */
html.standbild-popup-open,
body.standbild-popup-open { overflow: hidden; }
.standbild-popup[hidden] { display: none; }
.standbild-popup { position: fixed; inset: 0; z-index: 5000; }
.standbild-popup-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(0, 0, 0, .65); }
.standbild-popup-dialog { position: relative; width: min(92vw, 680px); margin: 8vh auto; padding: 1.25rem; border-radius: 12px; background: var(--containerbg); color: var(--colorHeadline); }
.standbild-popup-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.standbild-popup-header h2 { margin: 0; }
.standbild-popup-header button { min-width: 44px; }
.standbild-dropzone { display: flex; align-items: center; justify-content: center; min-height: 300px; margin: 1rem 0; border: 2px dashed var(--colorHeadline); cursor: pointer; overflow: hidden; }
.standbild-dropzone img { display: block; width: 100%; height: 400px; object-fit: cover; }
.standbild-zoom { display: block; margin: 1rem 0; }
.standbild-zoom input { width: 100%; }
.standbild-actions { display: flex; gap: 1rem; }
.standbild-actions [data-standbild-delete] { background: var(--error-delete); }
.standbild-status { min-height: 1.5em; }
.standbild-popup:not([hidden]) { display: block !important; }
.standbild-popup-dialog { z-index: 1; }
.standbild-button { display: block; margin: 1rem 0; }
.partner-standordnung-verwaltung__status { display: flex; flex-direction: column; width: 100%; margin-top: 1rem; }
.partner-standordnung-verwaltung__status select { width: 100%; }
.standbild-popup { position: fixed; inset: 0; z-index: 5000; }
.standbild-popup-backdrop { background: rgba(5, 10, 8, .6); cursor: pointer; }
.standbild-popup-dialog { width: min(92vw, 680px); margin: 100px auto 0; padding: 1.1rem; border: 1px solid rgba(164, 214, 179, .24); border-radius: 18px; background: linear-gradient(180deg, rgba(58, 108, 80, .34), rgba(18, 44, 31, .48)), rgba(255, 255, 255, .06); backdrop-filter: blur(14px) saturate(122%); -webkit-backdrop-filter: blur(14px) saturate(122%); box-shadow: 0 24px 50px rgba(0, 0, 0, .3); color: var(--colorHeadline); }
.standbild-popup-header { margin-bottom: 1rem; }
.standbild-popup-header button { width: 42px; height: 42px; padding: 0; border: 1px solid rgba(255, 255, 255, .18); border-radius: 999px; background: rgba(255, 255, 255, .08); color: var(--colorHeadline); font-size: 1.5rem; cursor: pointer; }
.standbild-dropzone { min-height: 380px; border-color: rgba(164, 214, 179, .24); background: rgba(255, 255, 255, .04); }
.standbild-actions { justify-content: flex-end; }
.standbild-popup .standbild-actions button { min-width: 140px; height: 44px; padding: 6px 10px; }
.standbild-popup .standbild-actions [data-standbild-delete] { background: var(--error-delete); }
.standbild-popup .standbild-actions [data-standbild-save] { background: var(--submitBase); }
.standbild-dropzone:hover { border-color: var(--submitBase); background: rgba(255, 255, 255, .08); }
.standbild-popup [data-standbild-file] { display: none !important; }
.standbild-popup .standbild-actions { display: flex; gap: .75rem; justify-content: flex-end; margin: 1rem 0 0; }
.standbild-popup .standbild-actions button { min-width: initial; height: auto; padding: inherit; }
.standbild-popup .standbild-actions [data-standbild-delete] { background: var(--error-delete); }
/* Offcanvas Anfang */
/* Hamburger Button Anfang */
/* Position & Standard */
a.mbutton {
--size: 45px; /* Buttongröße */
--ring: 2px; /* Kreisstärke */
--line: 2px; /* Kreuz-Linienstärke */
--cross-x: 14px; /* horizontale Linie normal */
--cross-y: 14px; /* vertikale Linie normal */
--cross-x-hover: 60px;/* horizontale Linie hover */
--cross-y-hover: 60px;/* vertikale Linie hover */
--x-w: 28px; /* Breite X im offenen Zustand */
--x-h: 2px; /* Stärke X im offenen Zustand */
--c: #000;
--hover: #fff;
--dur: .3s;
position: fixed;
right: 50px;
top: 20px;
z-index: 10200;
display: none; /* Standard ausgeblendet */
width: var(--size);
height: var(--size);
cursor: pointer;
}
/* offener Zustand = X */
a.mbutton::before,
a.mbutton::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: var(--x-w);
height: var(--x-h);
background: transparent;
border-radius: 999px;
opacity: 0;
transform-origin: center;
transition:
transform var(--dur) ease,
opacity var(--dur) ease,
background var(--dur) ease;
}
/* Kreis */
a.mbutton span {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
box-sizing: border-box;
border: var(--ring) solid var(--c);
border-radius: 50%;
background: transparent;
transition:
border-color var(--dur) ease,
transform var(--dur) ease,
opacity var(--dur) ease;
}
/* vertikale Kreuzlinie */
a.mbutton span::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: var(--line);
height: var(--cross-y);
background: var(--c);
border-radius: 999px;
transform: translate(-50%, -50%);
transition:
height var(--dur) ease,
background var(--dur) ease,
opacity var(--dur) ease;
}
/* horizontale Kreuzlinie */
a.mbutton span::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: var(--cross-x);
height: var(--line);
background: var(--c);
border-radius: 999px;
transform: translate(-50%, -50%);
transition:
width var(--dur) ease,
background var(--dur) ease,
opacity var(--dur) ease;
}
/* Hover-Farbe + Kreuz verlängern */
a.mbutton:hover span {
border-color: var(--c);
}
a.mbutton:hover span::before {
height: var(--cross-y-hover);
background: var(--c);
}
a.mbutton:hover span::after{
width: var(--cross-x-hover);
background: var(--c);
}
/* Offen/X Zustand */
a.mbutton.is-open span {
opacity: 0;
transform: scale(.85);
}
a.mbutton.is-open span::before,
a.mbutton.is-open span::after {
opacity: 0;
}
a.mbutton.is-open::before,
a.mbutton.is-open::after {
opacity: 1;
background: var(--c);
left: 50%;
top: 50%;
margin-left: calc(var(--x-w) / -2);
margin-top: calc(var(--x-h) / -2);
}
a.mbutton.is-open::before {
transform: rotate(45deg);
}
a.mbutton.is-open::after {
transform: rotate(-45deg);
}
/* Hover im offenen Zustand */
a.mbutton.is-open:hover::before,
a.mbutton.is-open:hover::after {
background: var(--hover);
}
/* Ende Offcanvas *****************************************************************************************************************************/
#offcanvas {top:75px;}
#offcanvas:not(.mm-menu), .cc-close {
display: none;
}
#offcanvas {
display: none;
top: 90px;
overflow:hidden;
}
#offcanvas ul {margin-top:0;}
.mm-btn--next:after, .mm-btn--prev:before {
width: 14px;
height: 14px;
}
.mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited{
color:var(--colorHeadline);
}
#offcanvas ul.level_2 li
{
background:#000;
}
/* Offcanvas Ende */
/* Switcher Anfang*/
#switcher {
position:fixed;
top:75px;
left:1.5%;
z-index:5000;
margin-left:0;
width:300px;
}
.switcher.mod_customnav li{
float:left;
background: rgba(255, 255, 255, 0.05);
margin-right:2%;
width:18%;
}
.switcher.mod_customnav li a,
.switcher.mod_customnav li strong {
background-image:none;
display: block;
border: 1px solid rgba(255, 255, 255, 0.18);
border-top: 0;
border-radius: 10px;
border-top-left-radius:0;
border-top-right-radius:0;
color: var(--colorHeadline);
text-decoration: none;
box-shadow: 0 0 10px #111;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
cursor: pointer;
transition: all 0.18s ease, border-color 0.18s ease, color 0.18s ease;
padding:0 10px;
}
.switcher.mod_customnav a:hover, .switcher.mod_customnav strong, .switcher.mod_customnav .trail, .switcher.mod_customnav a:active, .switcher.mod_customnav a {
color: var(--colorHeadline);
}
.switcher.mod_customnav li a:hover, .switcher.mod_customnav li strong {
padding-top:10px;
border-color: rgba(255, 255, 255, 0.28);
background: rgba(255, 255, 255, 0.08);
}
#switcher .switcher.mod_customnav li a,
#switcher .switcher.mod_customnav li strong {
position: relative;
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
}
#switcher .switcher.mod_customnav li a::before,
#switcher .switcher.mod_customnav li strong::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 18px;
height: 18px;
background-color: currentColor;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
}
#switcher .BtnWaffen a::before,
#switcher .BtnWaffen strong::before {
-webkit-mask-image1: url("/files/Z/Icons/waffen.svg");
mask-image1: url("/files/Z/Icons/waffen.svg");
content: "W";
}
/* Switcher Ende */
.mm-panels {
--mm-color-background: rgba(0, 0, 0, 1);
--mm-color-text: var(--colorHeadline);
}
.mm-panels li {
font-size: 1.2rem;
line-height: 140%;
}
.mm-panels li a,
.mm-menu a:visited {
display: block;
padding: 15px 15px 15px 30px;
background:#000;
}
.mm-panels li a:hover,.mm-panels li span {
padding: 15px 15px 15px 30px;
background: var(--blockInside);
}
.mm-listitem--selected>.mm-listitem__text , .mm-panels li.active, .mm-panels li.trail a{
background: var(--blockInside);
}
/* Offcanvas Ende */
/* Filternavi Anfang */
#filternavi {
position:fixed;
top:90px;
left: 0px;
min-height:60vh;
width: 300px;
background:var(--bgblue,#354248);
transform: translateX(-300px);
transition: transform 0.3s ease;
border-radius:3px;
padding:0.5em 1em 1em 1em;
box-shadow:0 0 5px #444;
z-index:1;
text-align:center;
color:#fff;
}
#filternavi.is-open {
transform: translateX(+0px);
}
#filter-toggle-btn {
position: fixed;
border-radius:0 3px 3px 0;
top: 90px;
left: 0px;
width: 45px;
height: 45px;
cursor: pointer;
z-index:10;
border:none;
background:rgba(255,255,255,0.25);
background-image: url(../../files/Z/Icons/filter-50.png);
background-repeat: no-repeat;
background-position: center center; /* zentrierter Ausschnitt */
background-size: 80%;
}
/* Filternavi Ende */
.mod_customnav {
font: 1.3rem / 150% 'Inter',arial, verdana, sans-serif;
}
#header .mod_customnav {
float:right;
}
#hdswitch {
position: relative;
top: 2px;
float: right;
display: flex;
align-items: center;
}
#hdswitch .hdswitch-button {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 54px;
height: 58px;
padding: 0;
border: 0;
background: transparent;
color: var(--schrift_dark, #444);
cursor: pointer;
}
#hdswitch .hell,
#hdswitch .dunkel {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 32px;
height: 32px;
transform: translate(-50%, -50%);
color: var(--schrift_dark, #444);
opacity: 0;
transition: opacity 0.18s ease-in-out;
}
html.theme-light #hdswitch .hell,
html.theme-dark #hdswitch .dunkel {
opacity: 1;
}
#hdswitch .hell::before,
#hdswitch .dunkel::before {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: currentColor;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
}
#hdswitch .hell::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4' fill='black'/%3E%3Cg stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 2v3'/%3E%3Cpath d='M12 19v3'/%3E%3Cpath d='M2 12h3'/%3E%3Cpath d='M19 12h3'/%3E%3Cpath d='M4.93 4.93l2.12 2.12'/%3E%3Cpath d='M16.95 16.95l2.12 2.12'/%3E%3Cpath d='M4.93 19.07l2.12-2.12'/%3E%3Cpath d='M16.95 7.05l2.12-2.12'/%3E%3C/g%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4' fill='black'/%3E%3Cg stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 2v3'/%3E%3Cpath d='M12 19v3'/%3E%3Cpath d='M2 12h3'/%3E%3Cpath d='M19 12h3'/%3E%3Cpath d='M4.93 4.93l2.12 2.12'/%3E%3Cpath d='M16.95 16.95l2.12 2.12'/%3E%3Cpath d='M4.93 19.07l2.12-2.12'/%3E%3Cpath d='M16.95 7.05l2.12-2.12'/%3E%3C/g%3E%3C/svg%3E");
}
#hdswitch .dunkel::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M21 14.5A8.5 8.5 0 0 1 9.5 3a9 9 0 1 0 11.5 11.5Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M21 14.5A8.5 8.5 0 0 1 9.5 3a9 9 0 1 0 11.5 11.5Z'/%3E%3C/svg%3E");
}
#header .mod_customnav li {
float:left;
padding:1em;
}
#header .mod_customnav li{
padding:0.8em 1em;
}
.mod_customnav a{
display:block;
text-decoration:none;
color: var(--schrift_dark,#444);
}
.mod_customnav a:hover, .mod_customnav strong, .mod_customnav .trail, .mod_customnav a:active{
color: var(--schrift_white,#fff);
font-weight:normal;
}
/* Kategorien Anfang */
.mod_customnav.kategorien li a {
color: var(--schrift_white,#fff);
color: var(--bgbrown,#73675B);
position:absolute;
top:0;
display:flex;
align-items:flex-end;
justify-content:center;
gap:0.4em;
width:100%;
left:0;
height:100%;
bottom:0;
padding: 0;
box-sizing:border-box;
background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0, rgba(0, 0, 0, 0.75) 48px, rgba(0, 0, 0, 0) 48px, rgba(0, 0, 0, 0) 100%);
}
.mod_customnav.kategorien a:hover, .mod_customnav.kategorien strong, .mod_customnav.kategorien .trail, .mod_customnav.kategorien a:active{
color: var(--colorHeadline);
font-weight:normal;
}
.mod_customnav.kategorien {
font: 2rem / 150% 'Saira Semi Condensed',arial, verdana, sans-serif;
font-style: normal;
width:100%;
margin-left:0;
text-shadow:2px 2px #000;
letter-spacing:2px;
position:relative;
z-index:200;
}
.mod_customnav.kategorien li {
position:relative;
text-align:center;
text-transform: uppercase;
margin: 1em 1%;
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
box-sizing:border-box;
width:18%;
height: 50vh;
border-radius:5px;
box-shadow: 0px 0px 15px 0px #444;
overflow:hidden;
transition: transform 0.35s ease, filter 0.9s ease;
float:left;
}
.mod_customnav.kategorien li::before {
content: "";
position: absolute;
inset: 0;
background-image: inherit;
background-repeat: inherit;
background-position: inherit;
background-size: inherit;
border-radius: inherit;
transition: filter 1.2s ease-in-out;
z-index: 0;
}
.quickswitch .BtnMunition::before {
--nav-icon: url("/files/Bilder/NavIcons/munition_icon.svg");
background-image: none;
background-color: currentColor;
-webkit-mask: url("/files/Bilder/NavIcons/waffen_icon.svg") center / contain no-repeat;
mask: url("/files/Bilder/NavIcons/waffen_icon.svg") center / contain no-repeat;
mask-position: top center;
mask-size: 40px auto;
padding-left: 20px;
}
quickswitch a.BtnOptik::before {
--nav-icon: url("/files/Bilder/NavIcons/optik_icon.svg");
}
.quickswitch a.BtnZubehoer::before {
--nav-icon: url("/files/Bilder/NavIcons/zubehoer_icon.svg");
}
.quickswitch a.BtnJagd::before {
--nav-icon: url("/files/Bilder/NavIcons/jagd_icon.svg");
}
.mod_customnav.kategorien li:hover {
transform: translateY(-10px);
}
li.BtnWaffen{
background-image1: url(../../files/Bilder/BGButtons/BtnWaffen.jpeg);
background-image: url(../../files/Bilder/BGButtons/BtnWaffen2.png);
}
li.BtnMunition{
background-image: url(../../files/Bilder/BGButtons/BtnMunition.jpeg);
}
li.BtnOptik{
background-image: url(../../files/Bilder/BGButtons/BtnOptik.jpeg);
}
li.BtnZubehoer{
background-image: url(../../files/Bilder/BGButtons/BtnZubehoer.jpg);
}
li.BtnJagd{
background-image: url(../../files/Bilder/BGButtons/BtnJagd.jpg);
}
/* Kategorien Ende */
/* Naviation Account Anfang */
.mod_customnav.navi_account {
display: block;
margin: 1em 0 0 0;
border-radius: 10px;
box-shadow: 0 0 10px #111;
background: var(--blockInside);
padding: 1em;
min-height: auto;
float: none;
position: -webkit-sticky;
position: sticky;
top: 1rem;
}
.mod_customnav.navi_account li{padding:0.5em;}
.mod_customnav.navi_account li a, .mod_customnav.navi_account strong {
color: var(--colorHeadline);
}
.mod_customnav.navi_account strong {
color: var(--colorLight);
}
.theme-light .mod_customnav.navi_account strong,
.theme-light .mod_customnav.navi_account a:hover {
color:#fff;
}
body:has(#main > .inside > .mod_customnav.navi_account.block + .mod_article.account-layout) #container,
body:has(#main > .inside > .mod_customnav.navi_account.block + .mod_article.account-layout) #main,
body:has(#main > .inside > .mod_customnav.navi_account.block + .mod_article.account-layout) #main > .inside {
overflow: visible;
}
body:has(#main > .inside > .mod_customnav.navi_account.block + .mod_article.account-layout) #main > .inside {
display: grid;
grid-template-columns: 250px minmax(0, 1fr);
gap: 2rem;
align-items: start;
padding-top: 1em;
padding-left: 1.5%;
padding-right: 1.5%;
}
.meine_inserate li.inserat {width:inherit;}
.meine_inserate li.inserat {margin-left:0;}
/* Naviation Account Ende */
/* Anfang Navi Inserate */
.mod_customnav.navi_inserate {
float: none;
margin-top: 1em;
width: 100%;
font-size: 1.4rem;
}
.mod_customnav.navi_inserate strong,
.mod_customnav.navi_inserate .trail {
color: var(--colorHeadline);
}
.navi_inserate ul {
--circle-size: 2.6rem;
--circle-border: 5px;
--item-gap: 0.85rem;
counter-reset: step;
display: grid;
grid-template-columns: repeat(3, 1fr);
align-items: start;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
gap: 0;
position: relative;
}
.navi_inserate li {
position: relative;
display: grid;
grid-template-columns: var(--circle-size) auto;
column-gap: var(--item-gap);
align-items: center;
padding: 0.5em 0;
box-sizing: border-box;
min-width: 0;
}
/* 1. Element links */
.navi_inserate li:nth-child(1) {
justify-self: start;
}
/* 2. Element exakt mittig */
.navi_inserate li:nth-child(2) {
justify-self: center;
}
/* 3. Element rechts */
.navi_inserate li:nth-child(3) {
justify-self: end;
}
/* Nummer-Kreis */
.navi_inserate li::before {
content: counter(step);
counter-increment: step;
grid-column: 1;
grid-row: 1;
display: inline-flex;
align-items: center;
justify-content: center;
width: var(--circle-size);
height: var(--circle-size);
border-radius: 50%;
background: var(--colorHeadline);
color: var(--schrift_dark, #444);
border: var(--circle-border) solid var(--bgbrown);
box-sizing: border-box;
font-size: 1.4rem;
line-height: 1;
z-index: 2;
}
/* Text */
.navi_inserate li a,
.navi_inserate li strong,
.navi_inserate li .inserat-navi-disabled {
grid-column: 2;
grid-row: 1;
display: inline-block;
color: var(--colorHeadline);
text-align: left;
white-space: nowrap;
font-size: 1.4rem;
line-height: 1.3;
font-weight: normal;
text-decoration: none;
z-index: 2;
}
.navi_inserate a {
color: var(--colorHeadline);
text-decoration: none;
cursor: pointer;
}
.navi_inserate .inserat-navi-disabled {
opacity: 0.5;
cursor: not-allowed;
}
/* Active / Trail */
.navi_inserate li.active::before,
.navi_inserate li.trail::before {
background: var(--colorHeadline);
}
.navi_inserate li.active a,
.navi_inserate li.trail a,
.navi_inserate li.active strong,
.navi_inserate li.trail strong {
color: var(--colorHeadline);
}
.navi_inserate li.active::before {
border-color: var(--bgbrown);
background:green;
color:#fff;
}
.theme-light .navi_inserate li::before {
color: var(--schrift_white);
}
.theme-light .mod_customnav.navi_inserate a:hover {
text-decoration1:underline;
color: var(--colorHeadline);
}
/* ab 940px untereinander und linksbündig */
@media (max-width: 940px) {
.navi_inserate ul {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.navi_inserate li {
display: grid;
grid-template-columns: var(--circle-size) auto;
column-gap: var(--item-gap);
justify-self: auto;
width: 100%;
padding: 0.5em 0;
}
.navi_inserate li:nth-child(1),
.navi_inserate li:nth-child(2),
.navi_inserate li:nth-child(3) {
justify-self: auto;
}
.navi_inserate li a,
.navi_inserate li strong {
text-align: left;
white-space: normal;
}
}
/* Ende Navi Inserate */
/* Ende Navi Inserate*/
@media (max-width: 1200px) {
a.mbutton {
display: inline-block;
}
#header .mod_customnav, #switcher, #hdswitch{
display: none;
}
}
@media (min-width: 1921px) {
#filternavi {
transform: translateX(0);
background:#fff;
}
#filter-toggle-btn {
display:none;
}
}
@media (max-width: 1500px) {
.partner__detail-oeffnungszeiten__inhalt {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.partner__detail-oeffnungszeiten-zusatzinfos {
grid-column: 1 / -1;
}
}
@media (max-width: 1450px) {
.partner-oeffnungszeiten-verwaltung__tag {
display: grid;
grid-template-columns: max-content max-content minmax(0, 1fr);
align-items: center;
margin-bottom: 1rem;
}
.partner-oeffnungszeiten-verwaltung__tag > strong {
grid-column: 1 / -1;
grid-row: 1;
width: auto;
padding-bottom: .25rem;
}
.partner-oeffnungszeiten-verwaltung__tag > [data-partner-oeffnungszeiten-status] {
grid-column: 1;
grid-row: 2;
}
.partner-oeffnungszeiten-verwaltung__tag > [data-partner-oeffnungszeiten-zeiten] {
grid-column: 2 / -1;
grid-row: 2;
}
.partner-oeffnungszeiten-verwaltung__tag > [data-partner-oeffnungszeiten-zeitfenster-hinzufuegen] {
grid-column: 1;
grid-row: 3;
}
.partner-oeffnungszeiten-verwaltung__tag > [data-partner-oeffnungszeiten-zeiten-zwei] {
grid-column: 2 / -1;
grid-row: 3;
margin-left: 0;
}
}
@media (max-width: 1230px) and (min-width: 601px) {
.partnerliste__zeile {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.partnerliste__logo img {
margin: 0 auto;
}
.partnerliste__zeile > :nth-child(3),
.partnerliste__zeile > :nth-child(4),
.partnerliste__zeile > :nth-child(n + 5) {
text-align: center;
}
}
@media (max-width: 1220px) {
#offcanvas.open, #offcanvas.mm-menu, .mm-wrapper_opened #offcanvas {
display:block;
border-top-left-radius: 10px;
box-shadow: 0 0 10px #111;
}
.mod_customnav.kategorien li {
width:46%;
margin:2%;
height: 25vh;
}
.mod_customnav.kategorien li.BtnJagd {
width:96%;
margin:2%;
height: 25vh;
}
}
@media (max-width: 1200px) {
.mod_customnav.navi_account {display:none;}
.navi_account, .mod_article.account-layout > .account-nav {display:none;}
body:has(#main > .inside > .mod_customnav.navi_account.block + .mod_article.account-layout)
#main > .inside > .mod_article.account-layout {
grid-column: 1 / -1;
min-width: 0;
width: 100%;
margin: 0;
padding-left: 2%;
padding-right:2%;
}
body:has(#main > .inside > .mod_customnav.navi_account.block + .mod_article.account-layout) .mod_article.account-layout > .account-content,
.mod_article.account-layout > .account-content {
margin-left: 0;
}
.mod_article.account-layout:has(> :is(.link-box, .confirm-box)) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mod_article.account-layout > .member-chats {
margin-left: 0;
width: 100%;
}
.member-chats {
grid-template-columns: 1fr;
}
.member-chats__list {
display: flex;
flex-wrap: nowrap;
gap: 20px;
justify-content: flex-start;
position: relative;
padding: 18px 12px 14px 12px;
overflow-x: scroll;
overflow-y: hidden;
scroll-snap-type: x proximity;
scroll-padding-inline: 12px;
-webkit-overflow-scrolling: touch;
overscroll-behavior-x: contain;
scrollbar-width: auto;
}
.member-chats__item {
margin: 0;
flex: 0 0 var(--chat-list-card-width);
scroll-snap-align: start;
width: var(--chat-list-card-width);
}
li.member-chats__item:not(:last-of-type) {
border-bottom: 0;
padding-bottom: 0;
}
.member-chats__item-link {
display: block;
width: var(--chat-list-card-width);
}
.member-chats__item-top {
margin-bottom: 0;
padding-left: 35px;
}
.member-chats__thread-head {
align-items: flex-start;
}
.member-chats__thread-actions {
justify-content: flex-end;
align-self: flex-start;
margin-left: auto;
}
.member-chats__main {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.member-chats__delete-wrap {
align-self: flex-start;
}
.member-chats__item-thumb {
width: var(--chat-list-card-width);
margin: 0 auto;
}
.member-chats__item-thumb img {
width: var(--chat-list-card-width);
max-width: var(--chat-list-card-width);
}
.member-chats__item-avatar {
width: 35px;
height: 35px;
left: -10px;
top: -18px;
}
.chat-message {
max-width: 100%;
}
/* Konto Toggler Inhalt Anfang */
body:has(#main > .inside > .mod_customnav.navi_account.block + .mod_article.account-layout) #main > .inside > .mod_customnav.navi_account.block {
display:block;
position: absolute;
top: -80vh;
width: 100%;
margin: 0;
z-index: 10000;
}
.member-account-nav-toggle {display:block;}
/* Konto Toggler Inhalt Ende */
}
@media (max-width: 1320px) {
.mod_article.account-layout:has(> .link-box) > .link-box {
position: relative;
padding-top: 4.5rem;
}
.mod_article.account-layout:has(> .link-box) > .link-box::before {
position: absolute;
top: 1rem;
left: 50%;
transform: translateX(-50%);
}
}
@media (max-width: 1300px) {
.partner__detail-daten {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-areas:
"kontakt adresse"
"karte karte"
"services services"
"oeffnungszeiten oeffnungszeiten"
"beschreibung beschreibung"
"standordnung standordnung";
}
.partner__detail-services {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 1120px) {
.partner__detail-bildergalerie__liste {
grid-template-columns: repeat(6, minmax(125px, 1fr));
}
}
@media (max-width: 1000px) {
.partner__detail-oeffnungszeiten__inhalt {
grid-template-columns: 1fr;
}
.mod_article.account-layout:has(> :is(.link-box, .confirm-box)) {
grid-template-columns: 1fr;
}
.mod_article.account-layout:has(> .link-box) > .link-box {
justify-content: center;
}
.db-meinevereine {
grid-template-columns: 1fr;
}
.partner__detail-bildergalerie__liste {
grid-template-columns: repeat(5, minmax(125px, 1fr));
}
}
@media (max-width: 900px) {
.partner-oeffnungszeiten-verwaltung .partner-oeffnungszeiten-verwaltung__zeitraum-daten {
flex-direction: column;
align-items: stretch;
}
.partner-oeffnungszeiten-verwaltung .partner-news-edit__date {
width: 100%;
}
}
@media (max-width: 850px) {
.partner__detail-bildergalerie__liste {
grid-template-columns: repeat(4, minmax(125px, 1fr));
}
}
@media (max-width: 768px) {
.partnerliste__liste {
overflow-x: auto;
}
.partnerliste__zeile {
min-width: 1100px;
}
}
@media (max-width: 600px) {
.partner__detail-titelbild img {
height: 400px;
}
#pretitelbild.partnertitelbild-vorschau,
#pretitelbild.partnertitelbild-vorschau > img:not(.partnertitelbild-vorschau__logo) {
height: 400px;
}
.partner__detail-logo img,
#pretitelbild.partnertitelbild-vorschau > img.partnertitelbild-vorschau__logo {
width: 180px;
height: 180px;
}
.mod_article.account-layout:has(> :is(.link-box, .confirm-box)) {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
.partner__detail-news-container,
.partner__detail-daten {
grid-template-columns: 1fr;
}
.partner__detail-oeffnungszeiten__inhalt {
grid-template-columns: 1fr;
}
.partner__detail-services {
grid-template-columns: 1fr;
}
.partner-news-edit__content {
grid-template-columns: 1fr;
}
.partner__detail-news-image-link {
float: none;
margin: 1rem 0 0;
}
.partner__detail-daten {
grid-template-areas:
"kontakt"
"adresse"
"karte"
"services"
"oeffnungszeiten"
"beschreibung"
"standordnung";
}
.partner__detail-bildergalerie__liste {
grid-template-columns: repeat(3, minmax(125px, 1fr));
}
.mod_grafm_dashboard_inserate .db-inserate {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 540px) {
.partner-oeffnungszeiten-verwaltung__tag {
grid-template-columns: 1fr;
}
.partner-oeffnungszeiten-verwaltung__tag > [data-partner-oeffnungszeiten-status],
.partner-oeffnungszeiten-verwaltung__tag > [data-partner-oeffnungszeiten-zeiten],
.partner-oeffnungszeiten-verwaltung__tag > [data-partner-oeffnungszeiten-zeitfenster-hinzufuegen],
.partner-oeffnungszeiten-verwaltung__tag > [data-partner-oeffnungszeiten-zeiten-zwei] {
grid-column: 1;
}
.partner-oeffnungszeiten-verwaltung__tag > [data-partner-oeffnungszeiten-status] {
grid-row: 2;
}
.partner-oeffnungszeiten-verwaltung__tag > [data-partner-oeffnungszeiten-zeiten] {
grid-row: 3;
}
.partner-oeffnungszeiten-verwaltung__tag > [data-partner-oeffnungszeiten-zeitfenster-hinzufuegen] {
grid-row: 4;
}
.partner-oeffnungszeiten-verwaltung__tag > [data-partner-oeffnungszeiten-zeiten-zwei] {
grid-row: 5;
}
.partner-oeffnungszeiten-verwaltung__tag > [data-partner-oeffnungszeiten-status],
.partner-oeffnungszeiten-verwaltung__tag > [data-partner-oeffnungszeiten-zeitfenster-hinzufuegen] {
width: 100%;
}
.partner-oeffnungszeiten-verwaltung__tag > [data-partner-oeffnungszeiten-zeiten],
.partner-oeffnungszeiten-verwaltung__tag > [data-partner-oeffnungszeiten-zeiten-zwei] {
width: 100%;
}
.partner-oeffnungszeiten-verwaltung__tag > [data-partner-oeffnungszeiten-zeiten] select,
.partner-oeffnungszeiten-verwaltung__tag > [data-partner-oeffnungszeiten-zeiten-zwei] select {
flex: 1 1 0;
}
}
@media (max-width: 499px) {
.partner__detail-bildergalerie__liste {
grid-template-columns: repeat(2, minmax(125px, 1fr));
}
.mod_grafm_dashboard_inserate .db-inserate {
grid-template-columns: 1fr;
}
}
@media (max-width: 1000px) {
#waffen_first,#home_first {
background-position:center top;
}
}
@media (max-width: 768px) {
.member-chats__list {
gap: 16px;
}
.mod_customnav.kategorien li {
width:96%;
margin:2%;
}
.mod_customnav.kategorien li:hover
{
transform: none;
}
#grafmInseratForm .widget {width:100%;}
#grafmInseratForm .widget input,#grafmInseratForm .widget select {
width:97% !important;
margin-right:0;
}
#vkpreisWrap {
display:flex;
align-items:flex-start;
}
#vkpreisWrap .widget,
#vkpreisWrap .vkpreisToggle {
width:48%;
}
#vkpreisWrap .vkpreisToggle {
display:block;
}
}
@media (max-width: 550px) {
.member-chats__list {
gap: 12px;
}
}
@media (max-width: 500px) {
.member-chats__thread-head {
flex-wrap: wrap;
row-gap: 0.5rem;
}
.member-chats__thread-actions {
order: 1;
width: 100%;
flex-wrap: nowrap;
justify-content: flex-end;
gap: 0.5rem;
}
.member-chats__thread-actions > form {
flex: 0 0 auto;
width: auto;
margin: 0;
}
.member-chats__thread-head h2 {
order: 2;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 10px;
}
}
@media (max-width: 425px) {
.member-chats__list {
gap: 10px;
}
.member-chats__item,
.member-chats__item-link,
.member-chats__item-thumb,
.member-chats__item-thumb img {
width: var(--chat-list-card-width);
max-width: var(--chat-list-card-width);
}
#logo.content-hyperlink a {
font-size:2.2rem;
}
form button,.content-hyperlink.pwlink a {
min-width:98%;
}
form button.bild-zoom-btn, form button.bild-loeschen-x, button.bild-popup-nav, button.bild-popup-close
{
min-width:inherit;
}
form .merkliste-remove-wrap .merkliste-remove-button {
min-width: inherit;
}
}
@media (max-width: 320px) {
#logo.content-hyperlink a {
font-size:1.7rem;
}
}
@media (max-width: 600px) {
.partnermitglieder__eintrag--kopf {
display: none;
}
.partnermitglieder__eintrag {
grid-template-columns: 1fr;
gap: 0.5rem;
}
.partnermitglieder__eintrag > div {
display: grid;
grid-template-columns: minmax(8rem, 40%) minmax(0, 1fr);
gap: 0.75rem;
}
.partnermitglieder__eintrag > div::before {
content: attr(data-label);
color: var(--colorHeadline);
font-weight: 700;
}
.partnermitglieder__aktionen form {
justify-content: flex-start;
}
.inserate-pagination {
padding: 0 1em;
gap: 0.4em;
}
.inserate-pagination__link {
min-width: 36px;
min-height: 36px;
padding: 0 0.8em;
}
.suchagent-popup__group {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 430px) {
.inserat-status-legend {
display: flex;
flex-wrap: wrap;
}
.meine-inserate .inserat-status-chip {
flex: 0 0 calc(50% - 7px);
max-width: calc(50% - 7px);
box-sizing: border-box;
}
.doppelpfeil .toggler > button {
text-align:left;
height: auto;
}
}
@media (max-width: 400px) {
.suchagent-popup__group {
grid-template-columns: 1fr;
}
}
@media (max-width: 375px) {
.suchagent-actions-group{
display:block;
}
.suchagent-hit-button {
width:100%;
}
.suchagent-settings-button {margin-bottom:10px;
}
.plusshadow {padding: 10px;}
}
@media (max-width: 768px) {
.partner-standordnung-verwaltung__basisdaten {
position: relative;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.partner-standordnung-verwaltung__basisdaten > .partner-standordnung-verwaltung__typ {
grid-column: 1 / -1;
padding-right: 60px;
}
.partner-standordnung-verwaltung__basisdaten > .partner-standordnung-verwaltung__entfernen-bereich {
position: absolute;
top: 0;
right: 0;
}
}
@media (max-width: 730px) {
.partner-videos-verwaltung__feld > label,
.partner-videos-verwaltung__id-zeile,
.partner-videos-verwaltung__id-zeile label {
flex: 0 0 100%;
width: 100%;
}
.partner-videos-verwaltung__id-zeile {
flex-wrap: wrap;
}
.partner-videos-verwaltung__feld input {
max-width: none;
}
.partner-videos-verwaltung__bestaetigung{
right:0;
}
}
@media (max-width: 640px) {
.filepond--root .filepond--item {
width: 100%;
max-width: 100%;
}
}
@media (min-width: 431px) and (max-width: 600px) {
.meine-inserate .inserat-status-chip {
flex: 0 0 calc(33.333% - 7px);
max-width: calc(33.333% - 7px);
box-sizing: border-box;
}
}
@media (max-width: 600px) {
.partner-oeffnungszeiten-verwaltung__abschluss-aktionen {
align-items: stretch;
flex-direction: column;
}
.partner-oeffnungszeiten-verwaltung__abschluss-aktionen > * {
width: 100%;
}
.partner-oeffnungszeiten-verwaltung button,
.partner-oeffnungszeiten-verwaltung__detailseite-button {
text-align: center;
}
.vereins-detail-popup__nav--prev {
left: 8px;
}
.vereins-detail-popup__nav--next {
right: 8px;
}
}
/* black-ops-one-regular - latin */
@font-face {
font-display: swap;
font-family: 'Black Ops One';
font-style: normal;
font-weight: 400;
src: url('../../files/Z/fonts/black-ops-one-v21-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('../../files/Z/fonts/black-ops-one-v21-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* saira-semi-condensed-regular - latin */
@font-face {
font-display: swap;
font-family: 'Saira Semi Condensed';
font-style: normal;
font-weight: 400;
src: url('../../files/Z/fonts/saira-semi-condensed-v15-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('../../files/Z/fonts/saira-semi-condensed-v15-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-regular - latin */
@font-face {
font-display: swap;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
src: url('../../files/Z/fonts/inter-v20-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('../../files/Z/fonts/inter-v20-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-italic - latin */
@font-face {
font-display: swap;
font-family: 'Inter';
font-style: italic;
font-weight: 400;
src: url('../../files/Z/fonts/inter-v20-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('../../files/Z/fonts/inter-v20-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-600 - latin */
@font-face {
font-display: swap;
font-family: 'Inter';
font-style: normal;
font-weight: 600;
src: url('../../files/Z/fonts/inter-v20-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('../../files/Z/fonts/inter-v20-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/*
* Layout fuer Filter, Liste und Werbung.
* Diese Datei wird nach dem bestehenden Theme-CSS geladen.
*/
:root {
--fm-sticky-top: 110px;
--fm-layout-top-space: 300px;
--fm-layout-gap: 2rem;
--fm-layout-side-space: 1.5%;
}
body:has(#fm_inserate) #bgwaffen,
body:has(#fm_inserate) #bgmunition,
body:has(#fm_inserate) #bgoptik,
body:has(#fm_inserate) #bgzubehoer,
body:has(#fm_inserate) #bgjagd {
position: fixed;
top: 0;
bottom: 0;
left: 50%;
width: min(100vw, 1920px);
transform: translateX(-50%);
z-index: 0;
margin: 0;
opacity: 0.25;
animation: bgFadeIn 2s ease-in-out forwards;
pointer-events: none;
}
body:has(#fm_inserate):has(.grafm-query-active) #bgwaffen,
body:has(#fm_inserate):has(.grafm-query-active) #bgmunition,
body:has(#fm_inserate):has(.grafm-query-active) #bgoptik,
body:has(#fm_inserate):has(.grafm-query-active) #bgzubehoer,
body:has(#fm_inserate):has(.grafm-query-active) #bgjagd {
animation: none;
opacity: 1;
}
body:has(#fm_inserate) #container,
body:has(#fm_inserate) #main,
body:has(#fm_inserate) #main > .inside {
overflow: visible;
}
body:has(#fm_inserate) #main,
body:has(#fm_inserate) #main > .inside,
body:has(#fm_inserate) #fm_filter,
body:has(#fm_inserate) #fm_inserate,
body:has(#fm_inserate) #fm_werbung {
position: relative;
z-index: 1;
}
body:has(#fm_inserate) #main > .inside {
display: grid;
grid-template-columns: minmax(0, 300px) minmax(0, 1fr) minmax(0, 300px);
gap: var(--fm-layout-gap);
align-items: stretch;
padding-top: var(--fm-layout-top-space);
padding-left: var(--fm-layout-side-space);
padding-right: var(--fm-layout-side-space);
}
html.fm-location-modal-open,
body.fm-location-modal-open {
overflow: hidden;
height: 100%;
}
body:has(#fm_inserate) #main > .inside > #fm_filter,
body:has(#fm_inserate) #main > .inside > #fm_inserate,
body:has(#fm_inserate) #main > .inside > #fm_werbung {
min-width: 0;
width: auto;
margin: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 5em;
border-radius:10px;
}
body:has(#fm_inserate) #main > .inside > #fm_suche {
grid-column: 1 / -1;
order: -1;
width: 100%;
max-width: 700px;
margin: 4rem auto 2.5rem auto;
box-sizing: border-box;
display: block;
justify-self: center;
padding-left: 0;
padding-right: 0;
}
body:has(#fm_inserate) #main > .inside > #fm_suche form {
max-width: 100%;
}
body.suchergebnis:has(#fm_inserate) #main > .inside > #fm_suche {
margin-top: 0;
}
body:has(#fm_inserate) #main > .inside > .movetop {
margin-top: 0;
}
body:has(#fm_inserate) #fm_filter {
grid-column: 1;
position: sticky;
top: var(--fm-sticky-top);
align-self: start;
width: 100%;
max-width: 300px;
}
body:has(#fm_inserate) #fm_inserate {
grid-column: 2;
min-width: 0;
}
body:has(#fm_inserate) #fm_werbung {
grid-column: 3;
align-self: stretch;
width: 100%;
max-width: 300px;
}
#fm_filter .fm-filter {
position: static;
}
#fm_filter .fm-filter__panel {
min-height: max(80vh, 520px);
min-height: max(80svh, 520px);
padding: 1.25rem;
display: flex;
flex-direction: column;
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 10px;
box-shadow: 0 0 10px #111;
color: var(--colorHeadline);
text-shadow: 1px 1px #111;
transition: border-color 0.28s ease, background-color 0.28s ease, transform 0.2s ease;
}
#fm_filter .fm-filter__title, #fm_werbung h2 {
margin: 0;
padding-top: 0;
}
#fm_filter .fm-filter__category-navigation {
position: relative;
display: inline-block;
}
#fm_filter .fm-filter__category-navigation-button {
padding: 0;
border: 0;
background: transparent;
color: inherit;
font: inherit;
cursor: pointer;
}
#header .fm-filter__category-navigation-menu {
position: absolute;
z-index: 10;
top: 15px;
left: 50%;
display: flex;
gap: 0.4rem;
width: max-content;
max-width: min(90vw, 680px);
flex-wrap: wrap;
justify-content: center;
transform: translateX(-50%);
}
#header .fm-filter__category-navigation-menu[hidden] {
display: none;
}
#header .fm-filter__category-navigation-menu.is-opening {
animation: fm-category-navigation-slide-in 0.35s ease-out both;
}
#header .fm-filter__category-navigation-menu a {
display: block;
padding: 0.4rem 0.65rem;
border: 1px solid var(--colorHeadline);
background: var(--containerbg);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.18);
color: var(--colorHeadline);
text-decoration: none;
}
@keyframes fm-category-navigation-slide-in {
from {
opacity: 0;
transform: translate(-50%, -1rem);
}
to {
opacity: 1;
transform: translate(-50%, 0);
}
}
#fm_filter .fm-filter__context,
#fm_filter .fm-filter__hint {
color: var(--colorHeadline);
}
#fm_filter .fm-filter__context {
margin: 0.75rem 0 0;
font-size: 0.95rem;
}
#fm_filter .fm-filter__body {
margin-top: 1rem;
}
#fm_filter .fm-filter__body.is-category-chain-loading [data-fm-after-category-chain="1"] {
display: none;
}
#fm_filter .fm-filter__toggle {
display: none;
}
#fm_filter .fm-filter__collapsible {
overflow: hidden;
}
#fm_filter .fm-filter__category-group {
display: block;
}
#fm_filter .fm-filter__field {
margin-bottom: 1rem;
}
#fm_filter .fm-filter__field label {
display: block;
margin-bottom: 0.35rem;
color: var(--colorHeadline);
}
html.theme-light #fm_filter .fm-filter__field label,
html.theme-light #fm_filter .fm-filter__title,html.theme-light #fm_werbung h2,
html.theme-light #fm_inserate .grafm-list-select,
html.theme-light #fm_filter .fm-filter__checkbox spa,
html.theme-light h3#fm-location-title,
html.theme-light .fm-filter__checkbox--location span,
html.theme-light .fm-filter__location-radius-heading,
html.theme-light .fm-filter__location-radius-field label,
html.theme-light .fm-filter__location-actions .fm-filter__button--secondary,
html.theme-light .fm-filter__location-close
{
color:#fff;
}
html.theme-light .fm-filter__location-actions .fm-filter__button--secondary:hover
{
color: var(--colorHeadline);
}
#fm_filter .fm-filter__field.is-filter-active label,
#fm_filter .fm-filter__field.is-filter-active .fm-filter__button-label,
#fm_filter .fm-filter__field.is-filter-active .fm-filter__location-summary-state,
#fm_filter .fm-filter__field.is-filter-active .fm-filter__location-summary-district {
color: var(--colorHighlightSolid);
}
#fm_filter .fm-filter__field select,
#fm_filter .fm-filter__field input[type="range"] {
width: 100%;
}
#fm_filter .fm-filter__textsuche-input,
#fm_filter .fm-filter__textsuche-input input {
width: 100%;
}
#fm_filter .fm-filter__textsuche-input input {
box-sizing: border-box;
}
#fm_filter .fm-filter__field select,
#fm_filter .fm-filter__price-inputs input {
width: 100%;
box-sizing: border-box;
padding: 10px 12px;
border: 1px solid var(--containerbg);
border-radius: 4px;
font-size: 15px;
color: var(--colorHeadline);
background: var(--containerbg);
-webkit-box-shadow: inset 0 1px 1px #111;
box-shadow: inset 0 1px 1px #111;
height: 44px;
}
#fm_filter .fm-filter__field select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 3rem;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 1rem;
background-position: right 1rem center;
}
#fm_filter .fm-filter__field select option {
color: var(--colorHeadline);
background: var(--containerbg);
}
#fm_filter .fm-filter__field.is-filter-active select,
#fm_filter .fm-filter__field.is-filter-active .fm-filter__price-inputs input,
#fm_filter .fm-filter__field.is-filter-active .fm-filter__button--location,
#fm_filter .fm-filter__field.is-filter-active .fm-filter__location-summary {
border-color1: var(--colorHighlightSolid);
box-shadow: inset 0 1px 1px var(--colorHighlightSolid);
-webkit-box-shadow: inset 0 1px 1px var(--colorHighlightSolid);
}
#fm_filter .fm-filter__bezirk-select {
text-align: left;
}
#fm_filter .fm-filter__price-inputs {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.65rem;
}
#fm_filter .fm-filter__price-input {
width: 100%;
max-width: 300px;
}
#fm_filter .fm-filter__field--category-child > label {
display: none;
}
#fm_filter .fm-filter__field--category-child.is-category-level-fading-in,
#fm_filter .fm-filter__field--category-child.is-category-level-fading-out,
#fm_filter .fm-filter__fade-area.is-filter-fading-in,
#fm_filter .fm-filter__fade-area.is-filter-fading-out {
will-change: opacity;
}
#fm_filter .fm-filter__field--category-child.is-category-level-fading-in {
opacity: 0;
transition: opacity 1s ease;
}
#fm_filter .fm-filter__field--category-child.is-category-level-fading-in.is-visible {
opacity: 1;
}
#fm_filter .fm-filter__field--category-child.is-category-level-fading-out {
opacity: 0;
transition: opacity 0.1s ease;
}
#fm_filter .fm-filter__fade-area.is-filter-fading-in {
opacity: 0;
transition: opacity 1s ease;
}
#fm_filter .fm-filter__fade-area.is-filter-fading-in.is-visible {
opacity: 1;
}
#fm_filter .fm-filter__fade-area.is-filter-fading-out {
opacity: 0;
transition: opacity 0.1s ease;
}
#fm_filter .fm-filter__price-input label {
margin-bottom: 0.15rem;
font-size: 0.82rem;
line-height: 1.2;
}
#fm_filter .fm-filter__price-inputs input {
height: 40px;
}
#fm_filter .fm-filter__field select:focus,
#fm_filter .fm-filter__price-inputs input:focus {
box-shadow: inset 0 1px 1px var(--colorHeadline);
-webkit-box-shadow: inset 0 1px 1px var(--colorHeadline);
}
#fm_filter .fm-filter__checkbox {
display: flex;
align-items: center;
gap: 0.65rem;
min-width:80px;
}
#fm_filter .fm-filter__field--checkboxes {
display: grid;
gap: 0.5rem;
}
#fm_filter .fm-filter__checkbox input[type="checkbox"] {
width: auto;
margin: 0 5px 2px 0;
cursor:pointer;
}
#fm_filter .fm-filter__checkbox span {
color: var(--colorHeadline);
}
label.fm-filter__checkbox{
cursor:pointer;
}
#fm_filter .fm-filter__actions {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
align-items: center;
margin-top: 0.5rem;
}
#fm_filter .fm-filter__button,
.fm-filter__location-actions .fm-filter__button,
.suchagenten-popup-button {
display: inline-flex;
align-items: center;
justify-content: center;
width:100%;
height: 44px;
padding: 0 1em;
border-radius: 4px;
background: var(--colorHeadline);
color: var(--submitBaseColor);
border:1px solid var(--colorHeadline);
text-decoration: none;
text-shadow: none;
cursor: pointer;
box-sizing: border-box;
transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.suchagenten-popup-button {
width:auto;
font-size:16px;
}
#fm_filter .fm-filter__button:hover,
#fm_filter .fm-filter__button:focus-visible,
.fm-filter__location-actions .fm-filter__button:hover,
.fm-filter__location-actions .fm-filter__button:focus-visible,
.suchagenten-popup-button:hover,
.suchagenten-popup-button:focus-visible {
color: var(--colorHeadline);
background: var(--containerbg);
border: 1px solid var(--colorHeadline);
}
#fm_filter .fm-filter__button--location {
color: var(--colorHeadline);
background: var(--containerbg);
border: 1px solid var(--containerbg);
justify-content: flex-start;
padding: 10px 48px 10px 12px;
height:44px;
position:relative;
}
#fm_filter .fm-filter__button--location:hover {
border: 1px solid var(--containerbg);
}
#fm_filter .fm-filter__button--location::after {
content: "+";
position: absolute;
right: 18px;
top: 50%;
transform: translateY(-50%);
font-size: 16px;
font-weight: 600;
line-height: 1;
}
#fm_filter .fm-filter__button-label {
display: block;
}
#fm_filter .fm-filter__button-label {
font-size:16px;
}
#fm_filter .fm-filter__location-summary {
margin-top: 2px;
padding-top1:0.5em;
background: var(--containerbg);
border-radius:4px;
padding: 10px 12px 10px 12px;
cursor:pointer;
}
#fm_filter .fm-filter__location-summary-item + .fm-filter__location-summary-item {
margin-top: 0.55rem;
}
#fm_filter .fm-filter__location-summary-districts {
list-style: none;
margin: 0;
padding: 0;
}
#fm_filter .fm-filter__location-summary-state {
color: var(--colorHeadline);
font-size: 15px;
margin-bottom: 0;
}
#fm_filter .fm-filter__location-summary-district {
color: var(--border);
font-size: 15px;
padding-left:12px;
text-decoration: none;
}
#fm_filter .fm-filter__location-summary-number {
color: inherit;
white-space: nowrap;
font-size:14px;
color:#999;
}
#fm_filter .fm-filter__button--secondary,
.fm-filter__location-actions .fm-filter__button--secondary,
.fm-inserate-empty .fm-filter__button--secondary {
background: rgba(255, 255, 255, 0.08);
color: var(--colorHeadline);
border-color: rgba(255, 255, 255, 0.2);
}
#fm_filter .fm-filter__button:focus-visible,
.fm-filter__location-actions .fm-filter__button:focus-visible,
.suchagenten-popup-button:focus-visible {
outline: 2px solid rgba(255, 255, 255, 0.35);
outline-offset: 2px;
}
.fm-filter__location-modal[hidden] {
display: none;
}
.fm-filter__location-modal {
position: fixed;
inset: 0;
z-index: 5000;
}
.fm-filter__location-backdrop {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
background: rgba(5, 10, 8, 0.6);
cursor: pointer;
}
.fm-filter__location-dialog {
position: absolute;
top: 100px;
right: 0;
bottom: 100px;
left: 0;
width: min(90vw, 1000px);
margin: 0 auto;
padding: 1.1rem;
display: flex;
flex-direction: column;
gap: 1rem;
border: 1px solid rgba(164, 214, 179, 0.24);
border-radius: 18px;
background:
linear-gradient(180deg, rgba(58, 108, 80, 0.34), rgba(18, 44, 31, 0.48)),
rgba(255, 255, 255, 0.06);
backdrop-filter: blur(14px) saturate(122%);
-webkit-backdrop-filter: blur(14px) saturate(122%);
box-shadow: 0 24px 50px rgba(0, 0, 0, 0.3);
color: var(--colorHeadline);
}
.fm-filter__location-header,
.fm-filter__location-actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
}
.fm-filter__location-title {
margin: 0;
padding: 0;
}
.fm-filter__location-radius-wrap {
display: grid;
gap: 0.85rem;
margin: 2em 0;
}
.fm-filter__location-radius-heading {
margin: 0;
padding: 0;
color: var(--colorHeadline);
font-weight: 600;
}
.fm-filter__location-radius {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.85rem;
}
.fm-filter__location-radius-field label {
display: block;
margin-bottom: 0.35rem;
color: var(--colorHeadline);
}
.fm-filter__location-radius-field input {
width: 100%;
box-sizing: border-box;
padding: 10px 12px;
border: none;
border-radius: 4px;
font-size: 15px;
color: var(--colorHeadline);
background: var(--containerbg);
-webkit-box-shadow: inset 0 1px 1px #111;
box-shadow: inset 0 1px 1px #111;
height:40px;
}
.fm-filter__location-radius-field input:focus {
box-shadow: inset 0 1px 1px var(--colorHeadline);
-webkit-box-shadow: inset 0 1px 1px var(--colorHeadline);
}
.fm-filter__location-close {
width: 42px;
min-width: 42px;
height: 42px;
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 999px;
background: rgba(255, 255, 255, 0.08);
color: var(--colorHeadline);
font-size: 1.5rem;
line-height: 1;
cursor: pointer;
}
.fm-filter__location-body {
display: grid;
gap: 6px;
overflow-y: auto;
padding-right:6px;
}
.fm-filter__location-group {
padding: 0.5em;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 0px;
}
.fm-filter__location-group label:hover{
cursor:pointer;
}
.fm-filter__checkbox--location {
display: flex;
align-items: center;
gap: 0.65rem;
}
.fm-filter__location-group label:hover span {
color:#fff;
}
.fm-filter__checkbox--location input[type="checkbox"] {
width: auto;
margin: 0;
}
.fm-filter__checkbox--location span {
color: var(--colorHeadline);
}
span.fm-filter__location-option-count {
font-size:15px;
color:#999;
}
.fm-filter__location-districts {
margin-top: 0;
padding-top: 0.85rem;
border-top: 0px solid rgba(255, 255, 255, 0.1);
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.6rem 1rem;
}
.fm-filter__location-districts.is-hidden {
display: none;
}
.fm-filter__checkbox--district {
margin-bottom: 0;
}
#fm_inserate .fm-inserate-listing {
min-width: 0;
}
#fm_inserate .fm-inserate-empty {
margin: 0;
padding: 1rem 0;
color: var(--colorHeadline);
}
#fm_inserate li.inserat {
width: 100%;
max-width: none;
margin: 0 0 2em 0;
}
/*
body:has(#bgwaffen) #fm_inserate .inserat__content {
background-color: var(--colorHeadline1);
background-image: url(../../files/Bilder/BGListen/mlok_trans.png);
background-repeat: no-repeat;
background-position: right bottom;
background-size: 550px auto;
}
*/
#fm_werbung > div
{
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 10px;
box-shadow: 0 0 10px #111;
color: var(--colorHeadline);
text-shadow: 1px 1px #111;
transition: border-color 0.28s ease, background-color 0.28s ease, transform 0.2s ease;
}
#fm_werbung > * {
border-radius: 10px;
box-shadow: 0 0 10px #111;
}
#fm_werbung {
height: 100%;
}
#fm_werbung > .inside,
#fm_werbung > * {
min-height: 100%;
padding: 1.25rem;
}
.inserate-pagination {
margin:0;
}
body:has(#fm_inserate) #main > .inside > #fm_werbung {
padding-bottom:2em;
}
@media (max-width: 1200px) {
#fm-filter-fade-area label {
margin-top: 0.5rem;
}
#header .fm-filter__category-navigation-menu {
display: none !important;
}
body:has(#fm_inserate) #main > .inside {
grid-template-columns: 250px minmax(0, 1fr);
}
body:has(#fm_inserate) #fm_werbung {
grid-column: 1 / -1;
}
body:has(#fm_inserate) #main > .inside {
grid-template-columns: minmax(0, 1fr);
gap: 1em;
padding-top: 2rem;
}
body:has(#fm_inserate) #fm_filter,
body:has(#fm_inserate) #fm_inserate,
body:has(#fm_inserate) #fm_werbung {
grid-column: 1;
}
#fm_werbung {
width: 100%;
}
body:has(#fm_inserate) #fm_filter {
position: relative;
top: auto;
max-width: none;
padding-bottom: 0;
z-index: 2000;
}
#fm_filter .fm-filter__panel {
min-height: 0;
width: 100%;
padding: 0;
position: fixed;
left: 0;
top: 75px;
display: block;
background: none;
border: 0;
box-shadow: none;
backdrop-filter: none;
-webkit-backdrop-filter: none;
z-index: 2000;
pointer-events: none;
}
#fm_filter .fm-filter__toggle {
display: block;
position: absolute;
left: 50%;
bottom: -50px;
transform: translateX(-50%);
width: min(250px, calc(100vw - 24px));
min-height: 48px;
margin: 0;
padding: 0.8rem 1.1rem;
border: 1px solid rgba(164, 214, 179, 0.24);
border-radius: 0 0 16px 16px;
background:
linear-gradient(180deg, rgba(60, 110, 83, 0.34), rgba(24, 55, 39, 0.44)),
rgba(255, 255, 255, 0.06);
backdrop-filter: blur(12px) saturate(118%);
-webkit-backdrop-filter: blur(12px) saturate(118%);
box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22);
color: #eef7ef;
text-align: center;
text-shadow: none;
cursor: pointer;
z-index: 2003;
pointer-events: auto;
}
#fm_filter .fm-filter__collapsible {
position: relative;
width: 100%;
max-height: calc(100svh - 75px - 120px);
transform: translateY(0);
margin-top: 0;
overflow-y: scroll;
padding: 1rem 12px;
border: 1px solid rgba(164, 214, 179, 0.24);
border-radius: 0;
background:
linear-gradient(180deg, rgba(58, 108, 80, 0.34), rgba(18, 44, 31, 0.48)),
rgba(255, 255, 255, 0.06);
backdrop-filter: blur(14px) saturate(122%);
-webkit-backdrop-filter: blur(14px) saturate(122%);
box-shadow: 0 24px 50px rgba(0, 0, 0, 0.3);
z-index: 2002;
transition: max-height 0.42s ease, padding 0.42s ease, border-width 0.42s ease, transform 0.42s ease;
pointer-events: auto;
}
#fm_filter .fm-filter__panel.is-collapsed .fm-filter__collapsible {
max-height: 0;
transform: translateY(-18px);
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
border-width: 0;
pointer-events: none;
}
#fm_filter .fm-filter__body {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.85rem 1rem;
align-items: end;
margin-top: 0;
}
#fm_filter .fm-filter__title {
display: none;
}
#fm_filter .fm-filter__field {
margin-bottom: 0;
}
#fm_filter .fm-filter__field--textsuche {
grid-column: 1 / -1;
}
#fm_filter .fm-filter__category-group {
display: flex;
flex-wrap: wrap;
gap: 0.85rem 1rem;
align-items: end;
grid-column: 1 / -1;
}
#fm_filter .fm-filter__category-group > .fm-filter__field--category {
flex: 0 0 100%;
max-width: 100%;
}
#fm_filter .fm-filter__field--category {
flex: 0 1 calc(50% - 0.5rem);
min-width: 0;
max-width: calc(50% - 0.5rem);
}
#fm_filter #fm-category-chain {
display: flex;
flex: 0 0 100%;
flex-wrap: wrap;
width: 100%;
gap: 0.85rem 1rem;
min-width: 0;
}
#fm_filter #fm-category-chain .fm-filter__field {
flex: 0 1 calc(50% - 0.5rem);
min-width: 0;
max-width: calc(50% - 0.5rem);
}
#fm_filter .fm-filter__field--price,
#fm_filter .fm-filter__field--checkboxes,
#fm_filter .fm-filter__actions {
grid-column: 1 / -1;
}
#fm_filter .fm-filter__price-inputs {
display: flex;
flex-wrap: wrap;
gap: 0.65rem 1rem;
}
#fm_filter .fm-filter__price-input {
flex: 0 1 calc(50% - 0.5rem);
max-width: calc(50% - 0.5rem);
}
#fm_filter .fm-filter__field--checkboxes {
display: flex;
flex-wrap: wrap;
grid-column: auto;
gap: 0.75rem 1.25rem;
margin-top: 0.5rem;
}
#fm_filter .fm-filter__checkbox {
white-space: nowrap;
}
#fm_filter .fm-filter__actions {
justify-content: center;
margin-top: 0.25rem;
}
.fm-filter__location-dialog {
width: min(90vw, 680px);
}
body:has(#fm_inserate) #main > .inside > #fm_filter, body:has(#fm_inserate) #main > .inside > #fm_inserate
{
padding-bottom:1em;
}
#fm_filter .fm-filter__fade-area {
display: contents;
}
}
@media (max-width: 720px) {
.fm-filter__location-districts {
grid-template-columns: 1fr;
}
.fm-filter__location-radius {
grid-template-columns: 1fr;
}
}
@media (max-width: 600px) {
#fm_filter .fm-filter__field--checkboxes {
grid-column: 1 / -1;
}
}
@media (max-width: 500px) {
#fm_filter .fm-filter__body {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
#fm_filter .fm-filter__field--category, #fm_filter #fm-category-chain .fm-filter__field {
flex-basis: 100%;
max-width: 100%;
}
}