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{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{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-avif{background-image:url(../../assets/contao/images/iconAVIF.svg)}.ext-heic{background-image:url(../../assets/contao/images/iconHEIC.svg)}.ext-jxl{background-image:url(../../assets/contao/images/iconJXL.svg)}.ext-eml{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie{background-image:url(../../assets/contao/images/iconMOVIE.svg)}
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%}
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}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/desc.svg)}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
@charset "utf-8";
/* CSS Document */

html { scroll-behavior: smooth; }

:root {
 	--color-brand-primary: #006d75;
	--color-brand-secondary: #f2f9f8;
	--color-brand-bg: #e6e6e6;
	--color-brand-bg-hell: #f7f7f7;
  	--color-global-text: #000;
	--color-weiss: #ffffff;
}
.error p {
	color: red;
}

.login_form .error {
	color: red;
}
/**************************************************************************
DESKTOP
*
*
*
*
*

***************************************************************************/



@media only screen and (min-width: 992px) {
  .mobile_off {
    display: none !important;
	}
/**************************************************************************
Css reset-change
***************************************************************************/
ul li {
margin-left: 1.5em;
list-style: disc;
}

ol li {
margin-left: 1.5em;
list-style: disc;
}
.datenschutz ol li {
margin-left: 1.5em;
list-style: decimal;
}
ol start{
	font-weight: 500;	
	}

	
a {

	text-decoration: underline;
	color: var(--color-brand-primary);
	
}
	
.box_bottom a {
	text-decoration: none;
    color: #fff;
}	
.agb ol li {
margin-left: 1.5em;
list-style: decimal;

}
.agb ol > li::marker {
  font-weight: 500;
}
code {
	font-family: roboto, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: var(--color-global-text);
	font-size: 16px;;
	margin: 0;
	padding: 0;
	line-height: 22px;
	
}
/**************************************************************************
Anrede Divers ausblenden
***************************************************************************/
select option[value="other"] {
     display: none;
}
/**************************************************************************
Grundlayout
***************************************************************************/
.bg_white{
	background-color: rgba(242, 249, 249, 0.96);
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
  	box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
}
body {
	font-family: roboto, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: var(--color-global-text);
	font-size: 16px;;
	margin: 0;
	padding: 0;
	line-height: 22px;
	background-color:var(--color-brand-secondary);

}

#header{
	z-index: 50;
  	position: relative;
}
#header .inside {
	
}
.header_infoleiste{
	width: 100%;
	background-color: var(--color-brand-bg-hell);
}
.header_infoleiste .inside{
	max-width: 77rem;
 	margin-left: auto;
 	margin-right: auto;
	padding-left: 1rem;
	padding-right: 1rem;
	text-align: right;
	font-size: 0.9rem;
}
.header_mid{
	width: 100%;
	background-color: var(--color-brand-secondary);
}
.header_mid .inside{
	max-width: 77rem;
  	margin-left: auto;
  	margin-right: auto;
	padding-left: 1rem;
  	padding-right: 1rem;
	display: flex;
	line-height: 75px;
  	height: 75px;
}

.header_mid .inside .inside_l{
	width: 30%;
}
.header_mid .inside .inside_l img{
	width: 100px;
	margin-top: 10px;
}
.header_mid .inside .inside_m{
	width: 20%;
	text-align: center;
}
.header_mid .inside .inside_r{
	width: 50%;
	text-align: right;
	margin: 10px 0;
}
.header_mid .inside .inside_r img{
	width: 50px;
	padding-left: 15px;
}

.header_mid .inside .inside_r a{
	text-decoration: none;
}
.header_mid .inside .inside_r .anzprod_miniwk{
	color: #ffffff;
	background-color: var(--color-brand-primary);
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 10px;
    border: none;
    text-align: center;
    border-radius: 10px;
	line-height: 20px;
	font-size: 18px;
	
}



.header_menu{
	width: 100%;
	background-color: var(--color-brand-primary);
	height: 45px;
  	line-height: 45px;
	opacity: 0.96;
}
.header_menu .inside{
	max-width: 77rem;
  	margin-left: auto;
  	margin-right: auto;
	padding-left: 1rem;
  	padding-right: 1rem;
}
/**************************************************************************
breadcrump
***************************************************************************/
.mod_breadcrumb{
	max-width: 75rem;
  	margin-left: auto;
  	margin-right: auto;
	padding: 0.3rem;
	color: #fff;

	
}
.mod_breadcrumb ul
{
  	margin: 5px 0px 0px 0px;
  	padding: 0;
	display: flex;
    align-items: center;
	flex-direction: row-reverse;
}
.mod_breadcrumb li
{
	line-height: 20px;
	margin: 0px 0px 0px 0px;
  	padding: 0;
	height: 20px;
	font-size: 14px;
	list-style-type: none;
}

.mod_breadcrumb li a
{
  	text-decoration: none;
	color: #fff;
}
.mod_breadcrumb li img
{
  	height: 20px;
}
.mod_breadcrumb li.home::before
{
  	content: " < ";
	position: relative;
  	top: -5px;
	padding: 0 2px;
}
.mod_breadcrumb li::before
{
  	content: " < ";
	position: relative;
  	top: 0px;
	padding: 0 2px;
}
.mod_breadcrumb li.active::before
{
  content: "";
}

/**************************************************************************
Footer
***************************************************************************/
#footer{
	background-color: var(--color-brand-primary);
	color: var(--color-weiss);
	opacity: 0.96;
}
#footer .inside{
	max-width: 77rem;
  	margin-left: auto;
  	margin-right: auto;
	padding-left: 1rem;
  	padding-right: 1rem;
	padding-top: 25px;
}
#footer a{
	color: var(--color-weiss);
	text-decoration: none;
}
.article_wrapper_blue{
	background-color: var(--color-brand-primary);
	color: var(--color-weiss);
}
.footer_under{
	border-top: 1px solid var(--color-brand-bg);
  	width: calc(100% - 20px);
  	display: flex;
	margin: 10px;
  	
}
/**************************************************************************
Boxen
***************************************************************************/
.box_77 {
	max-width: 77rem;
  	margin-left: auto;
  	margin-right: auto;
	padding-left: 1rem;
  	padding-right: 1rem;
}
.flexbox{
	display: flex;
	flex-wrap: wrap;
}
.flexbox_nowrap{
	display: flex;
	justify-content: space-around;
}
.box-rounded{
	border:1px solid var(--color-brand-primary);
	padding: 15px;
	border-radius: 25px;
}
.b33{
	width: calc(33.33% - 13.5px);
}
.product_list .b33{
	width: calc(33.33% - 20px);
}
.aktuelles .b33{
	width: calc(33.33% - 13.5px);
}
.aktuelles .even {
	margin: 0px 20px 0px 20px;
}
.dienst .even {
	margin: 0px 20px 0px 20px;
}
.b45{
	width: calc(45% - 20px);
	margin: 10px;
}
.b45_center_center{
	width: calc(45% - 20px);
	margin: 10px;
	text-align: center;
	align-items: center;
  	display: flex;
	justify-content: center;
}
.b50{
	width: calc(50% - 20px);
	margin: 10px;
	
}
.b90{
	width: calc(100% - 80px);
	margin: 10px;
}
.b100{
	width: calc(100% - 20px);
	margin: 10px;
}
.box_bottom{
	position: absolute;
  	bottom: 0;
	width: calc(33% - 20px);
}

/**************************************************************************
Abstände
***************************************************************************/
.bottom50{
	margin-bottom: 50px;
}
/**************************************************************************
Buttons
***************************************************************************/
form button {
	background-color: var(--color-brand-primary);
    color: #ffffff;
    display: block;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    text-align: center;
	border-radius: 5px;
	border: none;
	font-size: 1rem;
	background-image: none;
	background-repeat: no-repeat;
	transition: none;
	padding: 0px;
	width: 100%;
}
.btn-register {
    background-color: var(--color-brand-primary);
    color: #ffffff;
    display: block;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    text-align: center;
	border-radius: 5px;
	cursor: pointer;
}
.btn-register a {
    color: #ffffff;
	text-decoration: none;
   
}
.btn-blue p{
    background-color: var(--color-brand-primary);
    color: #ffffff;
    display: block;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    text-align: center;
	border-radius: 5px;
	cursor: pointer;
}
/**************************************************************************
Formulare
***************************************************************************/
.checkbox_container{
	border: none;
}
/**************************************************************************
div Abstände
***************************************************************************/
.pad10 {
	padding:0px 20px 20px 20px;
	margin-bottom: 20px;
	margin-top: 18px;
}

h1{
	margin: 25px 0px 25px 0px;
	padding: 0px;
}
h2{
	margin: 25px 0px 10px 0px;
	padding: 0px;
}

.bild_r img {
		margin-left: 25px;
	}
.bild_l img {
		margin-right: 25px;
	}
/**************************************************************************
Hintergründe
***************************************************************************/
.wrapper_bg_asa{
	position: relative;
  height: 100%;
  width: 100vw;
  background: linear-gradient(102deg, rgba(0,109,117,0) 43%, rgba(2,0,36,0) 43%, rgba(0,109,117,0) 43%);
  z-index: 10;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-attachment: fixed;
  background-image: url("/files/asa_webseite/video/video_start_standbild.jpg");
  object-fit: cover;

}
.wrapper_bg_shop{
	position: relative;
  height: 100%;
  width: 100vw;
  background: linear-gradient(102deg, rgba(0,109,117,0) 43%, rgba(2,0,36,0) 43%, rgba(0,109,117,0) 43%);
  z-index: 10;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-attachment: fixed;
  background-image: url("/files/asa_webseite/video/video_start_standbild.jpg");
  object-fit: cover;

}
#video_wrapper_inside {
	background: linear-gradient(102deg, rgba(0,109,117,0.4) 43%, rgba(2,0,36,1) 43%, rgba(0,109,117,0.96) 43%);
}

/**************************************************************************
Aktuelles
***************************************************************************/
.aktuelles .ctlg_master {
	width: 100%;
}
.aktuelles .bild_container img {
	height: 300px;
	width: 100%;
	object-fit: cover;
}
.aktuelles .text_container_l {
	float: left;
	width: 50%;
}
.aktuelles .text_container_r {
	float: left;
	width: 50%;
	text-align: right;
}
.aktuelles .text_container_main {
	float: left;
	width: 100%;
	display: flex;
}
.aktuelles .text_container_main_t {
	max-width: 100%;
}
.aktuelles .text_container_main_g ul {
	width: 400px;
	display: flex;
	flex-wrap: wrap;
	margin-left: 25px;
}
.aktuelles .text_container_main_g li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.aktuelles .text_container_main_g img {
	width: 120px;
	height: 120px;
	object-fit: cover;
	display: block;
    margin: 0px 10px 10px 0px;
}
.aktuelles .text_container_main_g .even {
	margin: 0;
}
.aktuelles .text_back {
	width: 100%;
	float: left;
	}}
/**************************************************************************
Mobile
*
*
*
*
*

***************************************************************************/



@media only screen and (max-width: 992px) {
  .desktop_off {
    display: none !important;
	}
/**************************************************************************
Css reset-change
***************************************************************************/
ul li {
margin-left: 1.5em;
list-style: disc;
}

ol li {
margin-left: 1.5em;
list-style: disc;
}
.datenschutz ol li {
margin-left: 1.5em;
list-style: decimal;
}

a {

	text-decoration: underline;
	color: var(--color-brand-primary);
	
}
.box_bottom a {
	text-decoration: none;
    color: #fff;
}
.agb ol li {
margin-left: 1.5em;
list-style: decimal;

}
.agb ol > li::marker {
  font-weight: 500;
}
code {
	font-family: roboto, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: var(--color-global-text);
	font-size: 16px;;
	margin: 0;
	padding: 0;
	line-height: 22px;
	
}

/**************************************************************************
Grundlayout
***************************************************************************/
.bg_white{
	background-color: rgba(242, 249, 249, 0.96);
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
  	box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
}
body {
	font-family: roboto, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: var(--color-global-text);
	font-size: 16px;;
	margin: 0;
	padding: 0;
	line-height: 22px;
	background-color:var(--color-brand-secondary);

}

#header{
	z-index: 50;
  	position: relative;
}
#header .inside {
	
}
.header_infoleiste{
	width: 100%;
	background-color: var(--color-brand-bg-hell);
}
.header_infoleiste .inside{
	max-width: 77rem;
 	margin-left: auto;
 	margin-right: auto;
	padding-left: 1rem;
	padding-right: 1rem;
	text-align: right;
	font-size: 0.9rem;
}
.header_mid{
	width: 100%;
	background-color: var(--color-brand-secondary);
}
.header_mid .inside{
	max-width: 77rem;
  	margin-left: auto;
  	margin-right: auto;
	padding-left: 1rem;
  	padding-right: 1rem;
	display: flex;
	line-height: 75px;
  	height: 75px;
}

.header_mid .inside .inside_l{
	width: 30%;
}
.header_mid .inside .inside_l img{
	width: 100px;
	margin-top: 10px;
}
.header_mid .inside .inside_m{
	width: 20%;
	text-align: center;
}
.header_mid .inside .inside_r{
	width: 50%;
	text-align: right;
	margin: 10px 0;
}
.header_mid .inside .inside_r img{
	width: 50px;
	padding-left: 15px;
}

.header_mid .inside .inside_r a{
	text-decoration: none;
}
.header_mid .inside .inside_r .anzprod_miniwk{
	color: #ffffff;
	background-color: var(--color-brand-primary);
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 10px;
    border: none;
    text-align: center;
    border-radius: 10px;
	line-height: 20px;
	font-size: 18px;
	
}



.header_menu{
	width: 100%;
	background-color: var(--color-brand-primary);
	height: 45px;
  	line-height: 45px;
	opacity: 0.96;
}
.header_menu .inside{
	max-width: 77rem;
  	margin-left: auto;
  	margin-right: auto;
	padding-left: 1rem;
  	padding-right: 1rem;
}
/**************************************************************************
breadcrump
***************************************************************************/
.mod_breadcrumb{
	max-width: 75rem;
  	margin-left: auto;
  	margin-right: auto;
	padding: 0.3rem;
	color: #fff;

	
}
.mod_breadcrumb ul
{
  	margin: 5px 0px 0px 0px;
  	padding: 0;
	display: flex;
    align-items: center;
	flex-direction: row-reverse;
}
.mod_breadcrumb li
{
	line-height: 20px;
	margin: 0px 0px 0px 0px;
  	padding: 0;
	height: 20px;
	font-size: 14px;
	list-style-type: none;
}

.mod_breadcrumb li a
{
  	text-decoration: none;
	color: #fff;
}
.mod_breadcrumb li img
{
  	height: 20px;
}
.mod_breadcrumb li.home::before
{
  	content: " < ";
	position: relative;
  	top: -5px;
	padding: 0 2px;
}
.mod_breadcrumb li::before
{
  	content: " < ";
	position: relative;
  	top: 0px;
	padding: 0 2px;
}
.mod_breadcrumb li.active::before
{
  content: "";
}

/**************************************************************************
Footer
***************************************************************************/
#footer{
	background-color: var(--color-brand-primary);
	color: var(--color-weiss);
	opacity: 0.96;
}
#footer .inside{
	max-width: 77rem;
  	margin-left: auto;
  	margin-right: auto;
	padding-left: 1rem;
  	padding-right: 1rem;
	padding-top: 25px;
}
#footer a{
	color: var(--color-weiss);
	text-decoration: none;
}
.article_wrapper_blue{
	background-color: var(--color-brand-primary);
	color: var(--color-weiss);
}
.footer_under{
	border-top: 1px solid var(--color-brand-bg);
  	width: calc(100% - 20px);
  	display: flex;
	margin: 10px;
  	
}
/**************************************************************************
Boxen
***************************************************************************/
.box_77 {
	max-width: 77rem;
  	margin-left: auto;
  	margin-right: auto;
	padding-left: 1rem;
  	padding-right: 1rem;
}
.flexbox{
	display: flex;
	flex-wrap: wrap;
}
.flexbox_nowrap{
	display: flex;
	justify-content: space-around;
}
.box-rounded{
	border:1px solid var(--color-brand-primary);
	padding: 15px;
	border-radius: 25px;
}
.b33{
	width: calc(100% - 50px);
}
.product_list .b33{
	width: calc(100% - 20px);
}
.aktuelles .b33{
	width: 100%;
	margin: 0px 20px 0px 20px;
}
.aktuelles .even {
	margin: 0px 20px 0px 20px;
}
.dienst .even {
	
}
.dienst .b33{
	margin: 0px 20px 0px 20px;
}	
.b45{
	width: calc(100% - 20px);
	margin: 10px;
}
.b45_center_center{
	width: calc(100% - 20px);
	margin: 10px;
	text-align: center;
	align-items: center;
  	display: flex;
	justify-content: center;
}
.b50{
	width: calc(50% - 20px);
	margin: 10px;
	
}
.b90{
	width: calc(100% - 80px);
	margin: 10px;
}
.b100{
	width: calc(100% - 20px);
	margin: 10px;
}
.box_bottom{
	position: relative;
  	margin-bottom: 25px;
	
}

/**************************************************************************
Abstände
***************************************************************************/
.bottom50{
	margin-bottom: 50px;
}
.dienst .bottom50{
	margin-bottom: 10px;
}
/**************************************************************************
Buttons
***************************************************************************/
form button {
	background-color: var(--color-brand-primary);
    color: #ffffff;
    display: block;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    text-align: center;
	border-radius: 5px;
	border: none;
	font-size: 1rem;
	background-image: none;
	background-repeat: no-repeat;
	transition: none;
	padding: 0px;
	width: 100%;
}
.btn-register {
    background-color: var(--color-brand-primary);
    color: #ffffff;
    display: block;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    text-align: center;
	border-radius: 5px;
	cursor: pointer;
}
.btn-register a {
    color: #ffffff;
	text-decoration: none;
   
}
.btn-blue p{
    background-color: var(--color-brand-primary);
    color: #ffffff;
    display: block;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    text-align: center;
	border-radius: 5px;
	cursor: pointer;
}
/**************************************************************************
Formulare
***************************************************************************/
.checkbox_container{
	border: none;
}
/**************************************************************************
div Abstände
***************************************************************************/
.pad10 {
	padding:0px 20px 20px 20px;
	margin-bottom: 0px;
	margin-top: 0px;
}

h1{
	margin: 25px 0px 25px 0px;
	padding: 0px;
}
h2{
	margin: 25px 0px 10px 0px;
	padding: 0px;
}
.bild_r img {
		margin-left: 0px;
	}
.bild_l img {
		margin-right: 0px;
	}
/**************************************************************************
Hintergründe
***************************************************************************/
.wrapper_bg_asa{
	position: relative;
  height: 100%;
  width: 100vw;
  background: linear-gradient(102deg, rgba(0,109,117,0) 43%, rgba(2,0,36,0) 43%, rgba(0,109,117,0) 43%);
  z-index: 10;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-attachment: fixed;
  background-image: url("/files/asa_webseite/video/bg_mobile.jpg");
  object-fit: cover;

}
.wrapper_bg_shop{
	position: relative;
  height: 100%;
  width: 100vw;

  z-index: 10;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-attachment: fixed;
  background: url("/files/asa_webseite/video/bg_mobile.jpg");
  object-fit: cover;

}
#video_wrapper_inside {
	background: linear-gradient(102deg, rgba(0,109,117,0.4) 43%, rgba(2,0,36,1) 43%, rgba(0,109,117,0.96) 43%);
}

/**************************************************************************
Aktuelles
***************************************************************************/
.aktuelles .ctlg_master {
	width: 100%;
}
.aktuelles .bild_container img {
	height: 300px;
	width: 100%;
	object-fit: cover;
}
.aktuelles .text_container_l {
	float: left;
	width: 100%;
}
.aktuelles .text_container_r {
	float: left;
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
}
.aktuelles .text_container_main {
	float: left;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.aktuelles .text_container_main_t {
	max-width: 100%;
}
.aktuelles .text_container_main_g ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-left: 0px;
}
.aktuelles .text_container_main_g li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.aktuelles .text_container_main_g img {
	width: 100px;
	height: 100px;
	object-fit: cover;
	display: block;
    margin: 0px 10px 10px 0px;
}
.aktuelles .text_container_main_g .even {
	margin: 0;
}
.aktuelles .text_back {
	width: 100%;
	float: left;
	}}
/**************************************************************************
Menü Standart
***************************************************************************/
.menu_main {
	
}
.menu_main ul{
	display: flex;
  	justify-content: space-between;
	z-index: 500; 
}
.menu_main li{
	list-style-type: none;
	text-decoration: none;
	color: #fff;
	font-size: 1rem;
	margin-left: 0em;
}


.menu_main li a{
	color: #fff;
	font-size: 1rem;
	list-style-type: none;
	text-decoration: none;
 
}
/**************************************************************************
Menü Standart Dropdown
***************************************************************************/

#header .mod_navigation .level_1 li .submenu
{
	padding-right:15px;
	z-index: 500;
}
#header .mod_navigation level_2
{
	z-index: 500;
}
#header .mod_navigation .level_2 li
{
	width:auto;
	float:left;
	margin:0;
	border:0;
	z-index: 500;
}
#header .mod_navigation .level_2 li a
{
	color: var(--color-global-text);
}

#header .mod_navigation .level_2
{
	width:0;
	height:0;
	left:-32768px;
	position:absolute;
	overflow:hidden;
	display:inline;
	top: -32768px;
}

#header .mod_navigation .level_2 li
{
	clear:both;
	z-index: 500;
}

#header .mod_navigation .level_2 li:hover
{
	background-color: #fff;
	z-index: 500;
}

#header .mod_navigation li:hover .level_2
{
	width:auto;
	height:auto;
	left:auto;
	top:auto;
	overflow:auto;
	display:block;
	background-color: #fff;
	background-position:left top;
	border:1px solid #8B7D7B;
	padding: 10px 10px 10px 10px;
	z-index: 500;
}

#header .mod_navigation li:hover .level_2 a,
#header .mod_navigation li:hover .level_2 span
{
	font-weight:100;
	text-decoration:none;
	font-size:16px;
	line-height:14px;
	padding: 10px 10px 10px 10px;
	margin: 0;
	z-index: 500;
	
}

#header .mod_navigation .level_2 span.active
{
	font-weight:100;
	text-decoration:none;
	font-size:16px;
	line-height:14px;
	padding: 10px 10px 10px 10px;
	margin: 0;
	color: #000;
	z-index: 500;
}

#header .mod_navigation .level_2 .active
{
	font-weight:700;
	text-decoration:none;
	font-size:16px;
	line-height:14px;
	padding: 10px 10px 10px 10px;
	color: #000;
	z-index: 500;
}
#header .mod_navigation .level_2 .forward
{
	font-weight:700;
	text-decoration:none;
	font-size:16px;
	line-height:14px;
	padding: 10px 10px 10px 10px;
	color: #000;
	z-index: 500;
}





/**************************************************************************
Menü left Shop
***************************************************************************/
.menu_left_shop li{
	list-style-type: none;
	margin-left: 0.5em;
	font-size: 1rem;
}

/**************************************************************************
Mobile Menü
***************************************************************************/
.fa {
 
  font-size: 45px !important;
}
.mod_mobile_menu {
	
	color: #fff;
	z-index:100;
	display:inline;
	
}

	.mobile_menu .inner {
    height: 100%;
    background: none;
    
	}

.mobile_menu .mod_navigation ul {
	Padding: 10px 5px;
	display: block;
	line-height: 35px;
}
.mobile_menu .mod_navigation li {

	display: block;
}

.mobile_menu .mod_navigation li a {
	text-decoration: none;
	line-height: 35px;
}


.mobile_menu_trigger{
	display: block !important;;
}

 /* Hide scrollbar for Chrome, Safari and Opera */
.mobile_menu .inner::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.mobile_menu .inner {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
	background-color: #fff;
	font-weight: 300;
	font-size: 22px;
}
/**************************************************************************
DESKTOP
*
*
*
*
*

***************************************************************************/
@media only screen and (min-width: 992px) {
  .mobile_off {
    display: none !important;
	}
/**************************************************************************
Grundlayout Shop Liste
***************************************************************************/
.product_list {
	display: flex;
	flex-wrap: wrap;
	background-color: var(--color-brand-secondary);
	margin: 15px 10px 45px 10px;
	padding-bottom: 15px;
}
.product_list .formbody {
	margin: 15px;
	position: relative;
	height:  calc(100% - 20px);
}

.product_list .product{
	background-color:var(--color-weiss);
	
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
}
.product_list .product {
	margin: 15px 0px 0px 15px; 
}

.product_list .product_last{
	border-bottom: none;

}
.product_list .image_container{
	text-align: center;
}
.product_list .marke{
	position: absolute;
	right:0;
	width: 50px;
}
.product_list .teaser{
	margin-bottom: 50px;
}
.product_list .price_container{
	width: 100%;
	display: flex;
	justify-content: flex-end;
	position: absolute;
 	 bottom: 0;
}
.product_list .anzoptions{
	width: 50%;
	text-align: left;
}
.product_list .offer{
	width: 50%;
	text-align: right;
	font-weight: 700;
}
.product_list .rabatt{
	position: absolute;
    left: 0;
    padding: 5px 10px;
    background-color: red;
    color: white;
}
/**************************************************************************
Produktdetails Desktop&Tablet
***************************************************************************/
@media (min-width: 768px) {
.mod_iso_productreader .formbody{
	margin: 15px 0px 0px 0px;
}
.mod_iso_productreader{
	background-color:var(--color-brand-secondary);
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.46);
  	box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.46);
	padding: 10px;
	margin: 15px 10px 45px 10px;
	} 
.mod_iso_productreader form {
	background-color: #fff;	
	padding-top: 10px;
	}
.produkt-detail{
	margin: 0px 0px 0px 0px;
	display: -webkit-flex;
   	display: -ms-flex;
   	display: flex;
   	-webkit-flex-wrap: wrap;
   	-ms-flex-wrap: wrap;
   	flex-wrap: wrap;
	border-bottom: 1px solid var(--color-brand-bg);
}

.produkt-detail-pic {
	width: 40%;
	position: relative;
}
.produkt-detail-pic img{
	display: block;
    }
.produkt-detail-gall .image_container {
	height: 50px;
	width: auto;
	float: left;
	margin: 10px;
}
.produkt-detail-gall img {
	height: 50px;
	width: auto;
}
.produkt-detail-desc {
	width: calc(60% - 15px);
    padding-right: 15px;
}
.produkt-detail-teas {
	margin-left: 0px;
}

.produkt-detail-titel{
	margin: 0px 0px 0px 0px;
	display: -webkit-flex;
   	display: -ms-flex;
   	display: flex;
   	-webkit-flex-wrap: wrap;
   	-ms-flex-wrap: wrap;
   	flex-wrap: wrap;
}

.produkt-detail-titelh2{
	width: 80%;
	margin-left: 0px;
	}
.produkt-detail-titelh2 h1{
	margin: 0;
	color: var(--color-brand-primary);
	font-weight: 300;
}

.produkt-detail-marke {
	width: 15%;
	
	
}
.produkt-detail .sku {
	font-size: 1rem;
}
.produkt-detail legend {
	font-weight: 400;
}
.produkt-detail-pers{
	margin: 10px 0px 0px 0px;
	border-bottom: 1px solid var(--color-brand-bg);
}
.price_container {
	border-top: 1px solid var(--color-brand-bg);	
	margin-top: 15px;
	}
.produkt-detail .options{
	margin: 10px 0px 0px 10px;
}
.produkt-detail .options span{
	margin: 0px 15px 0px 0px;
}
.produkt-detail .options span input[type="radio"]{
	margin: 0px 0px 0px 0px;
}	
.produkt-detail .offer{
	font-weight: 700;
	margin-top: 10px;
	
}
.produkt-detail .submit_container{
	margin: 50px 0px 0px 0px;
	display: -webkit-flex;
   	display: -ms-flex;
   	display: flex;
   	-webkit-flex-wrap: wrap;
   	-ms-flex-wrap: wrap;
   	flex-wrap: wrap;
	border-top: 1px solid var(--color-brand-bg);
	
}

.produkt-detail .quantity_container{
	width: 50%;
}
.produkt-detail .quantity_container label{
	font-weight: 700;
}

.produkt-detail .submit_container_button{
	width: 50%;
	text-align: right;
}
.mod_iso_productreader .add_to_cart {
    background-color: var(--color-brand-primary);
    border: none;
    color: white;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    margin: 18px 2px;
    cursor: pointer;
    font-size: 16px;
   	background-image: none;
	background-repeat: no-repeat;
	transition: none;
   
}
  .back a {
    background-color: var(--color-brand-primary);
    color: #ffffff;
    display: block;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    text-align: center;
	border-radius: 3px;
	cursor: pointer;
	width: 120px;
}
.produkt-detail .rabatt{
	position: absolute;
    left: 0;
    top: 0;    
    padding: 5px 10px;
    background-color: red;
    color: white;
}
	
}
/**************************************************************************
Grundlayout Warenkorb
***************************************************************************/
#article-6 {
	background-color:var(--color-brand-secondary);
	margin: 15px 10px 45px 10px;
}
.mod_iso_cart  {
	background-color: #fff;
	margin: 10px;
  	padding: 10px;
}
.warenkorb_asa{
	float: left;
    width: 100%;
    border-top: 1px solid var(--color-brand-bg);
	padding-bottom: 25px;
	
}

.warenkorb_asa_bild{
	float: left;
    margin-top: 15px;
}
  .warenkorb_asa_attr
{
    float: left;
    width: 60%;
  }
  .warenkorb_asa_attr ul
{
    margin: 25px 0px 0px 15px;
  }
 .warenkorb_asa_name
{
    width: 100%;
    font-size: 30px;
    padding: 15px 25px 0px 24px;
	line-height: 30px;
  }
  .warenkorb_asa_menge
{
    float: left;
    margin-left: 40px;
    width: 20%;
	margin-top: 25px;
  }
  .warenkorb_asa_epreis
{
    float: left;
    margin-left: 40px;
    width: 60%;
    font-weight: 700;
  }
 .warenkorb_asa_tpreis
{
    float: left;
    margin-left: 40px;
    width: 60%;
    font-weight: 700;
  }
  .warenkorb_asa_actions
{
    width: 100%;
    float: left;
  }
.warenkorb_asa_bearb{
	width: 130px;
	float: left;
}
.warenkorb_asa_del{
	width: 130px;
	float: left;
}
  .warenkorb_asa_under
{
    float: right;
    width: 100%;
    text-align: left;
    padding-top: 20px;
  }
.warenkorb_asa_under table
{
    text-align: right;
    float: right;
  }
.warenkorb_asa_under table tr.total
{
    height: 30px;
  	line-height: 30px;
}

.submit_container_top
{
    border-top: 1px solid var(--color-brand-bg);
   	float: left;
    width: 100%;
  }
.submit_container_top_inside {
	display: flex;
    justify-content: right;
	}
  .warenkorb_asa_under .submit_container
{
    border-top: 1px solid var(--color-brand-bg);
    margin-top: 25px;
	padding-top: 25px;
	float: left;
    width: 100%;
  }


/**************************************************************************
Warenkorb Buttons
***************************************************************************/
  .warenkorb_asa_bearb a {
    background-color: var(--color-brand-primary);
    color: #ffffff;
    display: block;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    text-align: center;
	border-radius: 3px;
	cursor: pointer;
	width: 120px;
}
  .warenkorb_asa_del a {
    background-color: var(--color-brand-primary);
    color: #ffffff;
    display: block;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    text-align: center;
	border-radius: 3px;
	cursor: pointer;
	width: 120px;
}

 .warenkorb_asa_under .submit_container input
{
    background-color: var(--color-brand-primary);
    border: none;
    color: white;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    margin: 24px 2px;
    cursor: pointer;
    font-size: 16px;
   	background-image: none;
	background-repeat: no-repeat;
	transition: none;
	float: left;
  }
.submit_container_top input
{
    background-color: var(--color-brand-primary);
    border: none;
    color: white;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    margin: 24px 2px;
    cursor: pointer;
    font-size: 16px;
   	background-image: none;
	background-repeat: no-repeat;
	transition: none;
	float: left;
  }
/**************************************************************************
Kasse
***************************************************************************/
.mod_iso_checkout {
	
}
.kasse {
	justify-content: center;
	
}
#article-7{
	margin: 45px 10px 45px 10px;
	padding: 20px;
}
#article-8{
	margin: 45px 10px 45px 10px;
	padding: 20px;
}
.steps ol
{
    margin: 0px;
    padding: 0px 0px 15px 0px;
    font-size: 15px;
    display: flex;
    justify-content: space-between;
	border-bottom: 1px solid var(--color-brand-bg);
  }
.steps ol li.active
{
    font-size: 16px;
    font-weight: 600;
  }
 .submit_container_preview
{
    display: flex;
    justify-content: space-around;
    width: 100%;
    border-top: 1px solid var(--color-brand-bg);
	margin-top: 25px;
  }
.info_container{
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid var(--color-brand-bg);
}
.info_container.last{
	margin-top: 25px;
	padding-top: 25px;
	padding-bottom: 25px;
	border-top: 1px solid var(--color-brand-bg);
}
.review .warenkorb_asa_actions {
	display: none;
}
.review .warenkorb_asa_under {
	border-bottom: 1px solid var(--color-brand-bg);
	margin-bottom: 25px;
}
.mod_iso_orderdetails .warenkorb_asa_actions {
	display: none;
}

.mod_iso_orderdetails .warenkorb_asa_under {
	border-top: 1px solid var(--color-brand-bg);
	border-bottom: 1px solid var(--color-brand-bg);
	margin-bottom: 25px;
}
.review .warenkorb_asa {
	background-color: #fff;
	
}
.mod_iso_orderdetails .warenkorb_asa {
	background-color: #fff;
	
}
.review.orderproducts {
	background-color: #fff;
}
.bestbest {
	padding: 0px 0px 0px 0px;
  	width: 100%;
}
#ctrl_shippingaddress span {
	width: 100%;
  	display: block;
}
#ctrl_shippingmethod label {
	width: 93%;
	float: left;
}
#ctrl_shippingmethod input {
	width: 5%;
	float: left;
	margin-top: 4px;
}
#ctrl_paymentmethod span {
	width: 100%;
  	display: block;
}
#ctrl_paymentmethod label {
	width: 93%;
	float: left;
}
#ctrl_paymentmethod input {
	width: 5%;
	float: left;
	margin-top: 4px;
}
#iso_mod_checkout_review a {
		text-decoration: underline;
		color: var(--color-brand-primary);
	}
/**************************************************************************
Kasse Buttons
***************************************************************************/
.button_order input {
	background-color: var(--color-brand-primary);
    border: none;
    color: white;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    margin: 24px 2px;
    cursor: pointer;
    font-size: 16px;
   	background-image: none;
	background-repeat: no-repeat;
	transition: none;
}
  .button_prev a
{
    background-color: var(--color-brand-primary);
    color: #ffffff;
    display: block;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    text-align: center;
	border-radius: 3px;
	cursor: pointer;
	width: 120px;
	margin: 24px 6px 0px 0px;
  }
.button_prev input
{
    background-color: var(--color-brand-primary);
    border: none;
    color: white;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    margin: 24px 2px;
    cursor: pointer;
    font-size: 16px;
   	background-image: none;
	background-repeat: no-repeat;
	transition: none;
  }
/**************************************************************************
Tabs
***************************************************************************/
.tabbed{
	margin: 20px 0px 20px 0px;
	
}
/* Tabs mit radio-Buttons */
.tabbed figure { 
   display: block; 
   margin-left: 0; 
    clear: both;
}

.tabbed > input,
.tabbed figure > div { display: none; }

.tabbed figure>div {
	padding: 20px;
	border: 1px solid var(--color-brand-bg);
	line-height: 1.5em;
	letter-spacing: 0.3px;
	text-align: left;
}

#tab1:checked ~ figure .tab1,
#tab2:checked ~ figure .tab2,
#tab3:checked ~ figure .tab3 { display: block; }

nav label {
   float: left;
   padding: 15px 15px;
   border-top: 1px solid var(--color-brand-bg);
   border-right: 1px solid var(--color-brand-bg);
  
   
}

nav label:nth-child(1) { border-left: 1px solid var(--color-brand-bg); }
nav label:hover {  }
nav label:active { }

#tab1:checked ~ nav label[for="tab1"],
#tab2:checked ~ nav label[for="tab2"],
#tab3:checked ~ nav label[for="tab3"] {

  color: #8B7D7B;
  position: relative;
  border-bottom: none;
	text-align: left;
}

#tab1:checked ~ nav label[for="tab1"]:after,
#tab2:checked ~ nav label[for="tab2"]:after,
#tab3:checked ~ nav label[for="tab3"]:after {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: white;
  left: 0;
  bottom: -1px;
	}
/**************************************************************************
Orderhistory
***************************************************************************/
.box_orderhistory {
	border: 1px solid var(--color-brand-primary); 
	padding: 5px;
	margin-bottom: 5px;
}
.box_orderhistory_date, .box_orderhistory_number {
	float: left;
	margin-right: 10px;
	width: 125px;
}
.box_orderhistory_details {
	float: left;
	margin-right: 10px;
	
}

}


/**************************************************************************
Mobile
*
*
*
*
*

***************************************************************************/
@media only screen and (max-width: 991px) {
  .desktop_off {
	display: none !important;
	}
/**************************************************************************
Grundlayout Shop Liste
***************************************************************************/
.product_list {
	display: flex;
	flex-wrap: wrap;
	background-color: var(--color-brand-secondary);
	margin: 15px 10px 45px 10px;
	padding-bottom: 15px;
}
.product_list .formbody {
	margin: 15px;
	position: relative;
	height:  calc(100% - 50px);
}

.product_list .product{
	background-color:var(--color-weiss);
	
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
}
.product_list .product {
	margin: 15px 25px 0px 25px; 
}

.product_list .product_last{
	border-bottom: none;

}
.product_list .image_container{
	text-align: center;
}
.product_list .marke{
	position: absolute;
	right:0;
	width: 50px;
}
.product_list .teaser{
	margin-bottom: 50px;
}
.product_list .price_container{
	width: 100%;
	display: flex;
	justify-content: flex-end;
	position: absolute;
 	 bottom: 0;
}
.product_list .anzoptions{
	width: 50%;
	text-align: left;
}
.product_list .offer{
	width: 50%;
	text-align: right;
	font-weight: 700;
}
.product_list .rabatt{
	position: absolute;
    left: 0;
    padding: 5px 10px;
    background-color: red;
    color: white;
}
/**************************************************************************
Produktdetails Desktop&Tablet
***************************************************************************/

.mod_iso_productreader{
	background-color:var(--color-brand-secondary);
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.46);
  	box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.46);
	padding: 10px;
	margin: 15px 10px 45px 10px;
	} 
.mod_iso_productreader form {
	background-color: #fff;	
	padding-top: 10px;
	}
.produkt-detail{
	margin: 0px 0px 0px 0px;
	display: -webkit-flex;
   	display: -ms-flex;
   	display: flex;
   	-webkit-flex-wrap: wrap;
   	-ms-flex-wrap: wrap;
   	flex-wrap: wrap;
	border-bottom: 1px solid var(--color-brand-bg);
}

.produkt-detail-pic {
	width: 100%;
	position: relative;
}
.produkt-detail-pic img{
	display: block;
}
.produkt-detail-gall img {
	height: 50px;
	width: auto;
	
}
.produkt-detail-desc {
	width: calc(100% - 30px);
    padding: 15px;
}
.produkt-detail-teas {
	margin-left: 0px;
}

.produkt-detail-titel{
	margin: 0px 0px 0px 0px;
	display: -webkit-flex;
   	display: -ms-flex;
   	display: flex;
   	-webkit-flex-wrap: wrap;
   	-ms-flex-wrap: wrap;
   	flex-wrap: wrap;
}

.produkt-detail-titelh2{
	width: 80%;
	margin-left: 0px;
	}
.produkt-detail-titelh2 h1{
	margin: 0;
	color: var(--color-brand-primary);
	font-weight: 300;
	line-height: 30px;
}

.produkt-detail-marke {
	width: 10%;
	margin-right: 5%;
	
}
.produkt-detail .sku {
	font-size: 1rem;
}
.produkt-detail legend {
	font-weight: 400;
}
.produkt-detail-pers{
	margin: 10px 0px 0px 0px;
	border-bottom: 1px solid var(--color-brand-bg);
}
.price_container {
	border-top: 1px solid var(--color-brand-bg);	
	}
.produkt-detail .options{
	margin: 10px 0px 0px 10px;
}
.produkt-detail .options span{
	margin: 0px 15px 0px 0px;
}
.produkt-detail .options span input[type="radio"]{
	margin: 0px 0px 0px 0px;
}	
.produkt-detail .offer{
	font-weight: 700;
	margin-top: 10px;
	
}
.produkt-detail .submit_container{
	margin: 50px 0px 0px 0px;
	display: -webkit-flex;
   	display: -ms-flex;
   	display: flex;
   	-webkit-flex-wrap: wrap;
   	-ms-flex-wrap: wrap;
   	flex-wrap: wrap;
	border-top: 1px solid var(--color-brand-bg);
	
}

.produkt-detail .quantity_container{
	width: 50%;
}
.produkt-detail .quantity_container label{
	font-weight: 700;
}

.produkt-detail .submit_container_button{
	width: 50%;
	text-align: right;
}
.mod_iso_productreader .add_to_cart {
    background-color: var(--color-brand-primary);
    border: none;
    color: white;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    margin: 18px 2px;
    cursor: pointer;
    font-size: 16px;
   	background-image: none;
	background-repeat: no-repeat;
	transition: none;
   
}
  .back a {
    background-color: var(--color-brand-primary);
    color: #ffffff;
    display: block;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    text-align: center;
	border-radius: 3px;
	cursor: pointer;
	width: 120px;
}
.produkt-detail .rabatt{
	position: absolute;
    left: 0;
    top: 0;    
    padding: 5px 10px;
    background-color: red;
    color: white;
}
/**************************************************************************
Grundlayout Warenkorb
***************************************************************************/
#article-6 {
	background-color:var(--color-brand-secondary);
	margin: 15px 10px 45px 10px;
}
.mod_iso_cart  {
	background-color: #fff;
	margin: 10px;
  	padding: 10px;
}
.warenkorb_asa{
	float: left;
    width: 100%;
    border-top: 1px solid var(--color-brand-bg);
	padding-bottom: 25px;
	
}

.warenkorb_asa_bild{
	float: left;
    margin-top: 15px;
}
  .warenkorb_asa_attr
{
    float: left;
    width: 60%;
  }
  .warenkorb_asa_attr ul
{
    margin: 25px 0px 0px 15px;
  }
 .warenkorb_asa_name
{
    width: 100%;
    font-size: 30px;
    padding: 15px 25px 0px 24px;
	line-height: 30px;
  }
  .warenkorb_asa_menge
{
    float: left;
    margin-left: 40px;
    width: 50%;
	margin-top: 25px;
  }
  .warenkorb_asa_epreis
{
    float: left;
    margin-left: 40px;
    width: 50%;
    font-weight: 700;
  }
 .warenkorb_asa_tpreis
{
    float: left;
    margin-left: 40px;
    width: 50%;
    font-weight: 700;
  }
  .warenkorb_asa_actions
{
    width: 100%;
    float: left;
  }
.warenkorb_asa_bearb{
	width: 130px;
	float: left;
}
.warenkorb_asa_del{
	width: 130px;
	float: left;
}
  .warenkorb_asa_under
{
    float: right;
    width: 100%;
    text-align: left;
    padding-top: 20px;
  }
.warenkorb_asa_under table
{
    text-align: right;
    float: right;
  }
.warenkorb_asa_under table tr.total
{
    height: 30px;
  	line-height: 30px;
}
.submit_container_top
{
    border-top: 1px solid var(--color-brand-bg);
   	float: left;
    width: 100%;
  }  
.submit_container_top_inside
{
    display: flex;
    justify-content: space-between;
  }  	
	
  .warenkorb_asa_under .submit_container
{
    border-top: 1px solid var(--color-brand-bg);
    margin-top: 25px;
	padding-top: 25px;
	float: left;
    width: 100%;
  }


/**************************************************************************
Warenkorb Buttons
***************************************************************************/
  .warenkorb_asa_bearb a {
    background-color: var(--color-brand-primary);
    color: #ffffff;
    display: block;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    text-align: center;
	border-radius: 3px;
	cursor: pointer;
	width: 120px;
}
  .warenkorb_asa_del a {
    background-color: var(--color-brand-primary);
    color: #ffffff;
    display: block;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    text-align: center;
	border-radius: 3px;
	cursor: pointer;
	width: 120px;
}

 .warenkorb_asa_under .submit_container input
{
    background-color: var(--color-brand-primary);
    border: none;
    color: white;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    margin: 24px 2px;
    cursor: pointer;
    font-size: 16px;
   	background-image: none;
	background-repeat: no-repeat;
	transition: none;
  }
.submit_container_top input
{
    background-color: var(--color-brand-primary);
    border: none;
    color: white;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    margin: 24px 2px;
    cursor: pointer;
    font-size: 16px;
   	background-image: none;
	background-repeat: no-repeat;
	transition: none;
  }
/**************************************************************************
Kasse
***************************************************************************/
.mod_iso_checkout {
	
}
.kasse {
	justify-content: center;
	
}
#article-7{
	margin: 45px 10px 45px 10px;
	padding: 20px;
}
#article-8{
	margin: 45px 10px 45px 10px;
	padding: 20px;
}
.steps ol
{
    margin: 0px;
    padding: 0px 0px 15px 0px;
    font-size: 15px;
   	border-bottom: 1px solid var(--color-brand-bg);
  }
.steps ol li.active
{
    font-size: 16px;
    font-weight: 600;
  }
 .submit_container_preview
{
    display: flex;
    justify-content: space-around;
    width: 100%;
    border-top: 1px solid var(--color-brand-bg);
	margin-top: 25px;
  }
.info_container{
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid var(--color-brand-bg);
}
.info_container.last{
	margin-top: 25px;
	padding-top: 25px;
	padding-bottom: 25px;
	border-top: 1px solid var(--color-brand-bg);
}
.review .warenkorb_asa_actions {
	display: none;
}
.review .warenkorb_asa_under {
	border-bottom: 1px solid var(--color-brand-bg);
	margin-bottom: 25px;
}
.mod_iso_orderdetails .warenkorb_asa_actions {
	display: none;
}

.mod_iso_orderdetails .warenkorb_asa_under {
	border-top: 1px solid var(--color-brand-bg);
	border-bottom: 1px solid var(--color-brand-bg);
	margin-bottom: 25px;
}
.review .warenkorb_asa {
	background-color: #fff;
	
}
.mod_iso_orderdetails .warenkorb_asa {
	background-color: #fff;
	
}
.review.orderproducts {
	background-color: #fff;
}
.bestbest {
	padding: 0px 0px 0px 0px;
  	width: 100%;
}
#ctrl_shippingaddress span {
	width: 100%;
  	display: block;
}
#ctrl_shippingmethod label {
	width: 93%;
	float: left;
}
#ctrl_shippingmethod input {
	width: 5%;
	float: left;
	margin-top: 4px;
}
#ctrl_paymentmethod span {
	width: 100%;
  	display: block;
}
#ctrl_paymentmethod label {
	width: 93%;
	float: left;
}
#ctrl_paymentmethod input {
	width: 5%;
	float: left;
	margin-top: 4px;
}

#iso_mod_checkout_review a {
		text-decoration: underline;
		color: var(--color-brand-primary);
	}
/**************************************************************************
Kasse Buttons
***************************************************************************/
.button_order input {
	background-color: var(--color-brand-primary);
    border: none;
    color: white;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    margin: 24px 2px;
    cursor: pointer;
    font-size: 16px;
   	background-image: none;
	background-repeat: no-repeat;
	transition: none;
}
  .button_prev a
{
    background-color: var(--color-brand-primary);
    color: #ffffff;
    display: block;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    text-align: center;
	border-radius: 3px;
	cursor: pointer;
	width: 120px;
	margin: 24px 6px 0px 0px;
  }
.button_prev input
{
    background-color: var(--color-brand-primary);
    border: none;
    color: white;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    margin: 24px 2px;
    cursor: pointer;
    font-size: 16px;
   	background-image: none;
	background-repeat: no-repeat;
	transition: none;
  }
/**************************************************************************
Tabs
***************************************************************************/
.tabbed{
	margin: 20px 0px 20px 0px;
	
}
/* Tabs mit radio-Buttons */
.tabbed figure { 
   display: block; 
   margin-left: 0; 
    clear: both;
}

.tabbed > input,
.tabbed figure > div { display: none; }

.tabbed figure>div {
	padding: 20px;
	border: 1px solid var(--color-brand-bg);
	line-height: 1.5em;
	letter-spacing: 0.3px;
	text-align: left;
}

#tab1:checked ~ figure .tab1,
#tab2:checked ~ figure .tab2,
#tab3:checked ~ figure .tab3 { display: block; }

nav label {
   float: left;
   padding: 15px 15px;
   border-top: 1px solid var(--color-brand-bg);
   border-right: 1px solid var(--color-brand-bg);
  
   
}

nav label:nth-child(1) { border-left: 1px solid var(--color-brand-bg); }
nav label:hover {  }
nav label:active { }

#tab1:checked ~ nav label[for="tab1"],
#tab2:checked ~ nav label[for="tab2"],
#tab3:checked ~ nav label[for="tab3"] {

  color: #8B7D7B;
  position: relative;
  border-bottom: none;
	text-align: left;
}

#tab1:checked ~ nav label[for="tab1"]:after,
#tab2:checked ~ nav label[for="tab2"]:after,
#tab3:checked ~ nav label[for="tab3"]:after {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: white;
  left: 0;
  bottom: -1px;
	}
/**************************************************************************
Orderhistory
***************************************************************************/
.box_orderhistory {
	border: 1px solid var(--color-brand-primary); 
	padding: 5px;
	margin-bottom: 5px;
}
.box_orderhistory_date, .box_orderhistory_number {
	float: left;
	margin-right: 10px;
	width: 125px;
}
.box_orderhistory_details {
	float: left;
	margin-right: 10px;
	
}

}
/**************************************************************************
text allgemein
***************************************************************************/
strong{
	font-weight: 500;
}
/**************************************************************************
Titel allgemein
***************************************************************************/
h1, h2, h3, h4, h5, h6
{
  	font-weight: 300;
	color:var(--color-brand-primary);
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
  	text-decoration: none;
}
.ce_headline {
	
}
.b33 h2 {
	margin-left: 0px;
}
.headline_u{
	
	padding-bottom: 10px;
}
h1, h2, h3 {
	line-height: 30px;
}

/**************************************************************************
Titel Shop
***************************************************************************/
.formbody h3{
	color: var(--color-brand-primary);
	text-decoration: none;
	font-size: 1.7rem;
	margin: 0;
	padding: 0;
}

.formbody h3 a{
	color: var(--color-brand-primary);
	text-decoration: none;
	font-size: 1.3rem;
}
/**************************************************************************
Titel Kasse
***************************************************************************/
.kasse h1{
	width: 100%;
	text-align: center;
}

#container {
	max-width: 77rem;
	margin: 0px auto;
	padding: 0rem 0rem 0rem 0rem;
}

/**************************************************************************
Liste
***************************************************************************/
.aquarium_liste {
	display: flex;
	flex-wrap: wrap;
}

.aquarium_liste .ctlg_teaser {
	margin: 10px;
}
.aquarium_liste .bild_container{
	display: flex; 
    justify-content: center; 
    align-items: center;
}
.aquarium_liste .bild_container img{
	object-fit: cover;
   	height: 300px; 
}

/**************************************************************************
Liste
***************************************************************************/
.lexikon_liste {
	display: flex;
	flex-wrap: wrap;
}

.lexikon_liste .ctlg_teaser {
	margin: 10px;
}
.lexikon_liste .bild_container{
	display: flex; 
    justify-content: center; 
    align-items: center;
}
.lexikon_liste .bild_container img{
	object-fit: cover;
   	height: 300px; 
}

/**************************************************************************
asa cookiebar
***************************************************************************/

.contao-cookiebar .cc-inner {
  padding: 25px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  background: rgba(242, 249, 249, 1);
}

.contao-cookiebar input:checked + label::after {
  background: var(--color-brand-primary);
  margin-left: 17px;
}

.contao-cookiebar input:checked + label::before {
  background: rgba(242, 249, 249, 0.96);
  border-color: var(--color-brand-primary);
}

.contao-cookiebar .highlight .cc-btn.success {
  background: var(--color-brand-primary);
  border-color: #3e7830;
  color: #fff;
}

.contao-cookiebar .highlight .cc-btn.success:hover {
  background: var(--color-brand-primary);
}
/**************************************************************************
Popup Ferien
***************************************************************************/
 #mb_wrapper {
        display: none; /* Sicherstellen, dass der Wrapper initial ausgeblendet ist */
    }
    /* CSS für das Popup */
    #mb_popup {
        padding: 25px;
        
    }

    /* CSS für den Schließen-Button */
    #close-popup {
        display: block;
        margin-top: 10px;
        padding: 10px;
        background: var(--color-brand-primary);
        color: white;
        border: none;
        border-radius: 5px;
        cursor: pointer;
    }