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}.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%} .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)} .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} @media screen{ #iso_ajaxBox{width:20%;padding:9px 50px 9px 24px;position:fixed;top:10%;left:40%;background:#fff url(../../system/modules/isotope/assets/images/loading.gif) no-repeat right center;border:2px solid #000;font-family:"Trebuchet MS",Verdana,sans-serif;font-size:15px;line-height:18px;text-align:left;color:#000;z-index:9999}#iso_ajaxBox.btnClose{background-image:none;cursor:pointer}#iso_ajaxBox p{margin:1em 0;padding:0}#iso_ajaxBox .iso_error{padding-left:34px;background:url(../../system/modules/isotope/assets/images/cross-24.png) left center no-repeat}#iso_ajaxBox .iso_confirm{padding-left:34px;background:url(../../system/modules/isotope/assets/images/tick-24.png) left center no-repeat}#iso_ajaxBox .iso_info{padding-left:34px;background:url(../../system/modules/isotope/assets/images/information-24.png) left center no-repeat}#iso_ajaxOverlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;z-index:9998;-moz-opacity:.5;opacity:.5;_display:none;filter:Alpha(opacity=50)} } .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%; } } #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} #mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:150%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayOpaque{background:url(../../assets/mediabox/images/80.png)}#mbOverlay.mbOverlayAbsolute{position:absolute}#mbOverlay.mbMobile{position:absolute;background-color:transparent}#mbBottom.mbMobile{line-height:24px;font-size:16px}#mbCenter{position:absolute;z-index:9999;left:50%;padding:10px;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";-webkit-box-shadow:0 5px 20px rgba(0,0,0,.5);-khtml-box-shadow:0 5px 20px rgba(0,0,0,.5);-moz-box-shadow:0 5px 20px rgba(0,0,0,.5);box-shadow:0 5px 20px rgba(0,0,0,.5)}#mbCenter.mbLoading{background:#000 url(../../assets/mediabox/images/loading-dark.gif) no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbMedia{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat}#mbBottom{line-height:20px;font-size:12px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;text-align:left;color:#999;min-height:20px;padding:10px 0 0}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:700}#mbNumber{display:inline;color:#999;font-size:.8em;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:1.6em;font-size:.8em}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:400}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:700;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:1.4em;font-weight:700}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:700;text-decoration:underline} @charset "UTF-8"; /* lila 887177 BLAU HEX: #0281C8 RGB: 002, 129, 200 CMYK: 63, 41, 00, 00 ScHWARZ HEX: #0C0C0C RGB: 012, 012, 012 CMYK: 74, 67, 68, 85 GELB HEX: #FFC600 RGB: 255, 198, 000 CMYK: 00, 22, 100, 00 */ *, *::before, *::after { border: none; text-decoration: none; margin: 0; padding: 0; box-sizing: border-box; word-wrap: break-word; } @font-face { font-family: 'Montserrat Regular'; font-weight: regular; font-style: 400; src: url('/files/BlacklabelTCG/layout/fonts/Montserrat-Regular.ttf') format('truetype'); } @font-face { font-family: 'Montserrat SemiBold'; font-weight: semi-bold; font-style: 600; src: url('/files/BlacklabelTCG/layout/fonts/Montserrat-SemiBold.ttf') format('truetype'); } body { font-family: 'Montserrat Regular', sans-serif; font-size: 1em; text-align: center; color: #fff; background-color: #0C0C0C; } #wrapper { max-width: 100%; height: auto; margin: 0 auto; text-align: center; } /*============== HEADER ==================*/ #header { width: 100%; text-align: center; background-color: #0C0C0C; border-bottom: 1px solid #4b4a54; position: fixed; top: 0; z-index: 100; } #header .inside { max-width: 1200px; width: 95%; height: auto; min-height: 100px; margin: 0 auto; text-align: center; } #header #logo { padding: 10px 0; margin: 0 auto; width: 200px; height: auto; } #header #logo img { width: 200px; height: auto; } @media (max-width: 500px) { #header #logo {padding: 10px 0 5px 0;} } /*============= MINIWARENKORB =============*/ #header .mod_iso_cart { width: 120px; float: right; margin: 40px 0 0 0; font-size: 0.9em; text-align: center; } #header .mod_iso_cart div { margin: 0 auto; } #header .mod_iso_cart a { color: #fff; } #header .mod_iso_cart img { width: 40px; } #header .mod_iso_cart .empty { display: none; } #header .mod_iso_cart .subtotal { margin: 5px 0 0 0; } @media (max-width: 550px) { #header .mod_iso_cart {width: 100px; height: auto;} #header .mod_iso_cart .subtotal {float: none;} } /*================ NAVIGATION =================*/ #header .mod_customnav { width: 340px; float: left; margin: 20px 0 0 0; } #header .mod_customnav ul { list-style-type: none; } #header .mod_customnav ul li { float: left; text-align: center; margin-right: 30px; } #header .mod_customnav ul li a { max-width: 150px; color: #fff; text-decoration: none; display: block; padding: 5px 5px; font-weight: 100; } #header .mod_customnav ul li a:hover, #header .mod_customnav ul li.active a, #header .mod_customnav ul li.trail a{ color: #0281C8; } @media (max-width: 1200px) { #header .mod_customnav {display: none;} } /* SUCHE #header .mod_iso_productfilter { float: left; width: 460px; height: auto; margin: 43px 0 0 80px; position: relative; overflow: visible; } #header .mod_iso_productfilter label, #header .mod_iso_productfilter a.clear_filters { display: none; } #header .mod_iso_productfilter input.text { border: 1px solid #ccc; padding: 5px 5px; width: 300px; float: left; } #header .mod_iso_productfilter input.submit { background-color: #999999; padding: 5px 10px; color: #fff; font-family: 'OPENSANS-LIGHT', sans-serif; font-size: 0.95em; float: right; width: 150px; } #header .mod_iso_productfilter input.submit:hover { background-color: #014401; cursor: pointer; } /* autoversvollständigung #header div.awesomplete ul { height: auto; margin-top: 30px; } @media (max-width: 1000px) { #header .mod_iso_productfilter {display: none;} } /*================= MOBILE MENUE ===============*/ .mod_mobile_menu { float: left; } .mobile_menu_trigger { width: 100%; min-width: 40px; float: left; padding: 3px 0 0 0; text-align: center; } .mobile_menu_trigger .button { margin: 30px 0 0 0; } .mobile_menu { z-index: 100; display: none; } .mobile_menu .inner { background: #000000; text-align: left; height: 100%; } .mobile_menu .inner ul { list-style-type: none; } .mobile_menu .inner ul li { display: block; border-bottom: 1px solid #fff; } .mobile_menu .inner a { display: block; font-family: 'Montserrat Regular'; color: #fff; background-color: #000000; padding: 10px 15px; margin-bottom: 1px; } .mobile_menu .inner a.active, .mobile_menu .inner a.trail { background-color: #000000; color: #0281C8; } .mobile_menu .inner .mod_customnav { margin-top: 20px; } /* NAVIGATION KUNDENBEREICH */ .mobile_menu .inner .navkunde ul.level_1 li a { display: block; font-family: 'Montserrat Regular'; color: #999999; background-color: #fff; padding: 5px 10px; margin-bottom: 1px; border-bottom: 1px solid #999999; } .mobile_menu .inner .navkunde ul.level_1 li.active a { font-weight: bold; } .mobile_menu .inner .navkunde ul.level_1 li.trail a { font-weight: 400; } .mobile_menu .inner .mod_login.logout p.login_info { display: none; } .mobile_menu .inner .mod_login.logout button { font-family: 'Montserrat Regular'; color: #999999; background-color: #fff; padding: 5px 10px; margin-bottom: 1px; text-align: left; border-bottom: 1px solid #999999; width: 100%; font-size: 0.95em; } /* SUCHE */ .mobile_menu .inner .mod_iso_productfilter { width: 95%; height: auto; margin: 30px 0 0 10px; position: relative; overflow: visible; } .mobile_menu .inner .mod_iso_productfilter label, .mobile_menu .inner .mod_iso_productfilter a.clear_filters { display: none; } .mobile_menu .inner .mod_iso_productfilter input.text { border: 1px solid #ccc; padding: 5px 5px; width: 100%; margin-bottom: 10px; } .mobile_menu .inner .mod_iso_productfilter input.submit { background-color: #999999; padding: 5px 10px; color: #fff; font-family: 'Montserrat Regular', sans-serif; font-size: 0.95em; width: 100%; } /* autoversvollständigung */ .mobile_menu .inner div.awesomplete ul { height: auto; /*border: 1px solid red;*/ margin-top: 30px; } /*======================= MAIN =======================*/ #main { width: 100%; height: auto; text-align: center; background: url(/files/BlacklabelTCG/layout/logo_hg.png) center center #0C0C0C no-repeat; background-size: 40%; background-attachment: fixed; color: #fff; margin-top: 110px; padding: 50px 0; } #main .inside { max-width: 1200px; width: 95%; height: auto; margin: 0 auto; text-align: left; } @media (max-width: 1280px) { #main {max-width: 100%; background: url(/files/BlacklabelTCG/layout/logo_hg.png) center center #0C0C0C no-repeat; background-size: 60%; background-attachment: fixed; } } @media (max-width: 900px) { #main {max-width: 100%; background: url(/files/BlacklabelTCG/layout/logo_hg.png) center center #0C0C0C no-repeat; background-size: 110%; background-attachment: fixed; } } #main h1, #main h2, #main h3, #main h4, #main h5, #main h6 { font-family: 'Montserrat SemiBold'; margin-bottom: 10px; color: #0281C8; } #main strong { font-family: 'Montserrat SemiBold'; } #main a { color: #0281C8; } #main a:hover { text-decoration: underline; color: #FFC600; } #main hr { border-top: 1px solid #fff; margin: 0 0 30px 0; } #main p { margin-bottom: 20px; } #main p.error { background-color: #990000; padding: 3px; color: #fff; } #main p.confirm { background-color: #009900; padding: 3px; color: #fff; } #main ul, #main ol { margin: 0 0 20px 20px; } #main img { border: 1px solid #111; } #main .widget { margin-bottom: 10px; } #main .widget-checkbox label { width: auto; } #main label, #main legend { width: 120px; padding-top: 3px; display: inline-block; vertical-align: top; } #main input.text, #main input.captcha { border: 1px solid #ccc; font-family: 'Montserrat Regular', sans-serif; font-size: 0.95em; padding: 5px; width: 300px; } #main input.captcha { width: 50px; } #main textarea { border: 1px solid #ccc; font-family: 'Montserrat Regular', sans-serif; font-size: 0.95em; padding: 5px; max-width: 90%; min-height: 200px; } #main .widget-submit { text-align: center; margin-top: 20px; } #main input.submit, #main button, #main a.button { background-color: #999999; padding: 5px 10px; color: #fff; font-family: 'Montserrat Regular', sans-serif; font-size: 0.95em; text-decoration: none; min-width: 150px; } #main input.submit:hover, #main button:hover, #main a.button:hover { background-color: #0281C8; cursor: pointer; } #main select { border: 1px solid #ccc; font-family: 'Montserrat Regular', sans-serif; font-size: 0.95em; padding: 5px; width: 300px; } #main select option { font-family: 'Montserrat Regular', sans-serif; font-size: 0.95em; } #main .checkbox_container span { display: block; } #main .checkbox_container legend { float: left; } #main form .widget.error label { color: #990000; } #main form .widget.error input.error { border: 1px solid #990000; } #main form .widget.error p.error { margin-top: 10px; } #main table { border-spacing: 0; } #main table tr td, #main table tr th { vertical-align: top; } @media (max-width: 600px) { #main .image_container.float_right {float: none; clear: both;} #main .image_container.float_left {float: none; clear: both;} } /*=============== SUCHE ERGEBNISSE ================*/ #main .mod_iso_productfilter { margin-bottom: 30px; } /*===================== BREADCRUMB =====================*/ #main .mod_breadcrumb { margin-bottom: 30px; } #main .mod_breadcrumb ul { list-style: none; margin: 0; } #main .mod_breadcrumb ul li { float: left; font-size: 0.85em; } #main .mod_breadcrumb ul li.first { display: none; } #main .mod_breadcrumb ul li span { padding: 0 8px; } .startseite #main .mod_breadcrumb { display: none; } .nobreadcrumb #main .mod_breadcrumb { display: none; } /*================= ACCORDION ===============*/ #main .ce_accordion .toggler { background-image: linear-gradient(to top, #014401, #999999); color: #fff; padding: 8px 15px; margin-bottom: 15px; border-radius: 8px; } #main .ce_accordion .toggler span.acc_icon { width: 20px; height: 20px; background: url('../../files/BlacklabelTCG/layout/accordion_arrow_down.png') no-repeat; float: right; } #main .ce_accordion .toggler:hover, #main .ce_accordion .toggler.active { cursor: pointer; } #main .ce_accordion .toggler.active span.acc_icon { background: url('../../files/BlacklabelTCG/layout/accordion_arrow_up.png') no-repeat; } #main .ce_accordion .accordion { padding: 0 10px; } /*=================== SPALTENSET ==================*/ #main .rs-columns { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #main .rs-columns .rs-column { background-color: #fff; padding: 20px 20px 0 20px; margin-bottom: 30px; float: left; text-align: center; } #main .rs-columns .-large-col-4-1 { width: 23%; margin: 0 20px 30px 0; } #main .rs-columns .-large-col-4-1.-large-last { width: 24%; margin: 0 0 30px 0; } @media (max-width: 1000px) { #main .rs-columns .-large-col-4-1 {width: 30%;} #main .rs-columns .-large-col-4-1.-large-last {width: 30%; margin: 0 20px 30px 0;} } @media (max-width: 700px) { #main .rs-columns .-large-col-4-1 {width: 46%;} #main .rs-columns .-large-col-4-1.-large-last {width: 46%; margin: 0 20px 30px 0;} } @media (max-width: 600px) { #main .rs-columns .-large-col-4-1 {width: 100%;} #main .rs-columns .-large-col-4-1.-large-last {width: 100%; margin: 0 20px 30px 0;} } /* ALIGN LEFT SPALTENSET */ .alignleft #main .rs-columns .rs-column { background-color: #fff; padding: 20px 20px 0 20px; margin-bottom: 30px; float: left; text-align: left; } /*==================== KONTAKTFORMULAR ==================*/ .kontakt #main .widget-submit { text-align: center; } .kontakt #main input.submit, .kontakt #main button { margin: 20px auto; } /*====================== PRODUKTLISTE ====================*/ #main .product_list { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #main .mod_iso_productlist .product { width: 32%; background-color: #151515; padding: 5px 5px 5px 5px; margin: 0 20px 30px 0; float: left; text-align: center; color: #fff; border: 0.1px solid #FFC600; } #main .mod_iso_productlist .product:nth-child(3n) { width: 32%; margin: 0 0 30px 0; } @media (max-width: 1200px) { #main .mod_iso_productlist .product {width: 48%;} #main .mod_iso_productlist .product:nth-child(3n) {width: 48%; margin: 0 20px 30px 0;} #main .mod_iso_productlist .product:nth-child(2n) {width: 48%; margin: 0 0 30px 0;} } @media (max-width: 600px) { #main .mod_iso_productlist .product {width: 100%;} #main .mod_iso_productlist .product:nth-child(3n) {width: 100%; margin: 0 20px 30px 0;} #main .mod_iso_productlist .product:nth-child(2n) {width: 100%; margin: 0 20px 30px 0;} } #main .mod_iso_productlist .product h3 { -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; } #main .mod_iso_productlist .product .teaser { margin-bottom: 20px; font-size: 0.9em; } #main .mod_iso_productlist .product .submit_container { display: flex; width: 80%; margin: 0 auto; justify-content: space-between; } #main .mod_iso_productlist .product input { width: 50px; } #main .mod_iso_productlist .product .price { font-weight: 600; margin: 6px 0 0 0; } /*#main .mod_iso_productlist .product .options { margin-bottom: 10px; } #main .mod_iso_productlist .product select { width: 98%; }*/ #main .mod_iso_productlist .product .submit_container .submit { height: 30px; min-width: auto; width: 30%; background: url(/files/BlacklabelTCG/layout/icons/warenkorb_weiss.png) center center no-repeat #0281C8; background-size: 25%; text-indent: -999em; } #main .mod_iso_productlist .product .submit_container .submit:hover { background-color: #FFC600; } /*================== PRODUKT DETAILS ===================*/ #main .mod_iso_productreader .readergallery { width: 40%; float: left; margin-right: 30px; } #main .mod_iso_productreader .readergallery img { } #main .mod_iso_productreader .readergallery .smallgallery img { float: left; margin-right: 30px; } #main .mod_iso_productreader .readertext { width: 50%; float: right; } @media (max-width: 991px) { #main .mod_iso_productreader .readertext {max-width: 460px;} } @media (max-width: 970px) { #main .mod_iso_productreader .readergallery {float: none;} #main .mod_iso_productreader .readertext {float: none;} } #main .mod_iso_productreader .readertext .sku { font-style: italic; margin-bottom: 30px; } #main .mod_iso_productreader .readertext .price { font-size: 2em; font-weight: 900; } #main .mod_iso_productreader .submit_container { margin-bottom: 30px; margin-top: 30px; } #main .mod_iso_productreader .quantity_container { margin-bottom: 10px; } #main .mod_iso_productreader .quantity_container label { width: 60px; } #main .mod_iso_productreader .quantity_container input.text { width: 30px; } #main .mod_iso_productreader .submit_container .submit { padding: 10px; width: 100%; background-color: #0281C8; } #main .mod_iso_productreader .submit_container .submit:hover { background-color: #000; } #main .mod_iso_productreader p.back { padding-top: 30px; clear: both; } /*========== NACHRICHT IN DEN WARENKORB GELEGT ==============*/ @media (max-width: 600px) { #iso_ajaxBox {width: 80%; padding:9px 50px 9px 24px;position:fixed;top:10%;left:10%} } /*=================== VOR/ZURÜCK PAGINATION ============= */ #main .pagination { margin: 20px 0 20px 0; padding: 0; text-align: center; clear: both; } #main .pagination p { margin: 0; padding: 0; } #main .pagination ul { margin: 0; list-style: none; text-align: center; } #main .pagination ul li { display: inline; margin: 0 5px 0 0; } /*================= WARENKORB =====================*/ #main .mod_iso_cart table { margin-bottom: 30px; } #main .mod_iso_cart table tr th { border-bottom: 1px solid #ddd; padding-bottom: 5px; } #main .mod_iso_cart table tr.product td { border-bottom: 1px solid #ddd; padding: 10px 0; } #main .mod_iso_cart table tr th.artikel, #main .mod_iso_cart table tr td.image { text-align: left; width: 120px; } #main .mod_iso_cart table tr td.name { text-align: left; width: 400px; } #main .mod_iso_cart table tr td.name ul { list-style: none; margin-left: 0; width: 280px; } #main .mod_iso_cart table tr td.name ul li strong { display: none; } #main .mod_iso_cart table tr td.name .sku { font-style: italic; margin-bottom: 30px; } #main .mod_iso_cart table tr th.menge, #main .mod_iso_cart table tr td.quantity { text-align: right; width: 80px; } #main .mod_iso_cart table tr td.quantity input { width: 30px; } #main .mod_iso_cart table tr th.price, #main .mod_iso_cart table tr td.price { text-align: right; width: 120px; } #main .mod_iso_cart table tr td.actions { text-align: right; width: 50px; } #main .mod_iso_cart table tr td.actions img { border: none; } #main .mod_iso_cart table tfoot tr.subtotal td { padding-top: 20px; } #main .mod_iso_cart table tfoot tr td.name { text-align: right; } #main .mod_iso_cart table tfoot tr.total td { font-weight: 600; } #main .mod_iso_cart table tfoot tr td.mwst { text-align: right; font-weight: 600; } #main .mod_iso_cart table tr td.tax { font-size: 0.7em; font-style: italic; padding: 3px 0 0 10px; color: #aaa; } #main .mod_iso_cart .submit_container input.button_update { float: left; } #main .mod_iso_cart .submit_container input.button_cart { display: none; } #main .mod_iso_cart .submit_container input.button_checkout { float:right; } @media (max-width: 700px) { #main .mod_iso_cart table, #main .mod_iso_cart table thead, #main .mod_iso_cart table tbody, #main .mod_iso_cart table th, #main .mod_iso_cart table tbody tr, #main .mod_iso_cart table tbody tr td {display: block;} /* Hide table headers (but not display: none;, for accessibility) */ #main .mod_iso_cart table thead {position: absolute; top: -9999px; left: -9999px;} #main .mod_iso_cart table tr {border-bottom: 1px solid #ccc; padding-bottom: 20px;} #main .mod_iso_cart table tbody tr.product td { /* Behave like a "row" */ border: none; position: relative; text-align: right; width: 100%; padding: 5px 0;} #main .mod_iso_cart table tbody tr.product td.image, #main .mod_iso_cart table tbody tr.product td.name{text-align: left;} #main .mod_iso_cart table tr.product td:before {content: attr(data-title); float: left; font-weight: 600;} #main .mod_iso_cart table tr.product td.name:before {width: 0%;} #main .mod_iso_cart table tbody td.price, #main .mod_iso_cart table td.actions {text-align: left;} #main .mod_iso_cart .submit_container input.button_update {float: none; clear: both; margin: 30px 0 0 0;} #main .mod_iso_cart .submit_container input.button_checkout {float: none; clear: both;margin: 30px 0 0 0;} } /*============ GUTSCHEINCODE =============*/ #main .mod_iso_cart .coupon label { display: none; border: 1px solid #ddd; } @media (max-width: 800px) { #main .mod_iso_cart .coupon input.submit {float: none; clear: both; margin: 30px 0 0 0;} #main .mod_iso_cart .coupon input.text {float: none; clear: both; margin: 0 0 0 0;} } /*======================= KASSE ==================*/ /* STEPS */ #main .mod_iso_checkout .steps { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 20px; } #main .mod_iso_checkout .steps ol li { float: left; margin-right: 50px; } #main .mod_iso_checkout .steps ol li.active { font-weight: 600; } #main .mod_iso_checkout .billingaddress, #main .mod_iso_checkout .shippingaddress { float: left; width: 50%; text-align: left; } @media (max-width: 767px) { #main .mod_iso_checkout .billingaddress, #main .mod_iso_checkout .shippingaddress {float: none; display: block; width: 100%;} } #main .mod_iso_checkout .billingaddress .widget, #main .mod_iso_checkout .shippingaddress .widget { margin-bottom: 10px; text-align: left; } #main .mod_iso_checkout .billingaddress .widget label, #main .mod_iso_checkout .shippingaddress .widget label { width: 120px; padding-top: 3px; display: inline-block; } #main .mod_iso_checkout .billingaddress .widget input, #main .mod_iso_checkout .shippingaddress .widget input { display: inline-block; width: 270px; } #main .mod_iso_checkout .billingaddress .widget select, #main .mod_iso_checkout .shippingaddress .widget select { width: 270px; } #main .mod_iso_checkout .shippingaddress .widget .radio_container span { display: block; margin-bottom: 10px; } #main .mod_iso_checkout .shippingaddress .widget .radio_container input { display: inline-block; width: 25px; } #main .mod_iso_checkout .shippingaddress .widget .radio_container label { display: inline-block; width: 300px; padding-top: 0; } /* alternative Versandadresse */ #main .mod_iso_checkout .shippingaddress .widget .radio_container .vcard span { display: inline; } @media (max-width: 500px) { #main .mod_iso_checkout .shippingaddress .widget .radio_container label {width: 180px;} } #main .mod_iso_checkout p.pflichtfeld { clear: both; margin-top: 30px; } #main .mod_iso_checkout .submit_container { clear: both; border-top: 1px solid #ccc; padding-top: 20px; margin-top: 20px; } #main .mod_iso_checkout .submit_container .submit.next, #main .mod_iso_checkout .submit_container .submit.confirm { float: right; } #main .mod_iso_checkout p.error { display: none; } /*===================== VERSANDART ===================*/ #main .mod_iso_checkout .shippingmethod { text-align: left; } #main .mod_iso_checkout .shippingmethod .radio_container span { display: block; margin-bottom: 5px; } #main .mod_iso_checkout .shippingmethod .radio_container span label { display: inline; width: 100%; margin-bottom: 5px; } #main .mod_iso_checkout .shippingmethod .radio_container span.currency { display: inline; } #main .mod_iso_checkout .shippingmethod p.pflichtfeld { display: none; } /*================ ZAHLUNG ======================*/ #main .mod_iso_checkout .paymentmethod .radio_container span { display: block; margin-bottom: 5px; } #main .mod_iso_checkout .paymentmethod .radio_container span label { display: inline; width: 100%; margin-bottom: 5px; } #main .mod_iso_checkout .paymentmethod .radio_container span.note { margin: 0 0 0 20px; } #main .mod_iso_checkout .paymentmethod .radio_container span.note img { padding: 5px; } /*======================= ZUSAMMENFASSUNG ==================*/ #main .mod_iso_checkout .orderinfo .info_container { border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px; } #main .mod_iso_checkout .orderinfo .products p.pflichtfeld { display: none; } #main .mod_iso_checkout .orderinfo .info { margin-bottom: 30px; } #main .mod_iso_checkout .orderproducts table { margin-bottom: 20px } #main .mod_iso_checkout .orderproducts table tr.product td { border-bottom: 1px solid #ddd; padding: 10px 0; } #main .mod_iso_checkout .orderproducts table tr th.artikel, #main .mod_iso_checkout .orderproducts table tr td.image { width: 120px; text-align: left; } #main .mod_iso_checkout .orderproducts table tr td.name { width: 400px; text-align: left; } #main .mod_iso_checkout .orderproducts table tr td .sku { font-style: italic; } #main .mod_iso_checkout table tr td.name ul { list-style: none; margin-left: 0; width: 280px; } #main .mod_iso_checkout table tr td.name ul li strong { display: none; } #main .mod_iso_checkout .orderproducts table tr th.menge, #main .mod_iso_checkout .orderproducts table tr td.quantity { width: 80px; text-align: right; } #main .mod_iso_checkout .orderproducts .quantity input.text { width: 30px; } #main .mod_iso_checkout .orderproducts table tr th.price, #main .mod_iso_checkout .orderproducts table tr td.price { width: 120px; text-align: right; } #main .mod_iso_checkout .orderproducts table tr td.remove { width: 100px; } #main .mod_iso_checkout .orderproducts table tr.foot_first td { padding-top: 20px; } #main .mod_iso_checkout .orderproducts table tfoot tr td.name { text-align: right; } #main .mod_iso_checkout .orderproducts table tr.total td { font-weight: 600; } #main .mod_iso_checkout .orderproducts table tr td.mwst { text-align: right; font-weight: 600; } #main .mod_iso_checkout .orderproducts table tr td.tax { font-size: 0.7em; font-style: italic; padding: 3px 0 0 10px; color: #aaa; } @media (max-width: 700px) { #main .mod_iso_checkout .orderproducts table, #main .mod_iso_checkout .orderproducts table thead, #main .mod_iso_checkout .orderproducts table tbody, #main .mod_iso_checkout .orderproducts table th, #main .mod_iso_checkout .orderproducts table tbody tr, #main .mod_iso_checkout .orderproducts table tbody tr td {display: block;} /* Hide table headers (but not display: none;, for accessibility) */ #main .mod_iso_checkout .orderproducts table thead {position: absolute; top: -9999px; left: -9999px;} #main .mod_iso_checkout .orderproducts table tr {border-bottom: 1px solid #ccc; padding-bottom: 20px;} #main .mod_iso_checkout .orderproducts table tbody tr.product td { /* Behave like a "row" */ border: none; position: relative; text-align: right; width: 100%; padding: 5px 0;} #main .mod_iso_checkout .orderproducts table tbody tr.product td.image, #main .mod_iso_checkout .orderproducts table tbody tr.product td.name {text-align: left;} #main .mod_iso_checkout .orderproducts table tr.product td:before {content: attr(data-title); float: left; font-weight: 600;} #main .mod_iso_checkout .orderproducts table tr.product td.name:before {width: 0%;} #main .mod_iso_checkout .orderproducts table tbody td.price, #main .mod_iso_checkout .orderproducts table td.actions {text-align: right;} #main .mod_iso_checkout .submit_container {text-align: center} #main .mod_iso_checkout .submit_container input.submit.previous {float: none; clear: both; margin: 30px 0 0 0;} #main .mod_iso_checkout .submit_container input.submit.confirm {float: none; clear: both;margin: 30px 0 0 0;} } /* DATENSCHUTZ AGB */ #main .mod_iso_checkout .orderconditions .widget-explanation { border-top: 1px solid #620905; border-left: 1px solid #620905; border-right: 1px solid #620905; margin: 0; padding: 10px; } #main .mod_iso_checkout .orderconditions .widget-checkbox { border-left: 1px solid #620905; border-right: 1px solid #620905; margin: 0; padding: 10px; } #main .mod_iso_checkout .orderconditions .widget-checkbox.agb { border-bottom: 1px solid #620905; } #main .mod_iso_checkout .orderconditions .widget-explanation p { margin: 0; } #main .mod_iso_checkout .orderconditions .widget-textarea { margin-bottom: 30px; } #main .mod_iso_checkout .orderconditions .checkbox_container { margin: 0; } #main .mod_iso_checkout .orderconditions .checkbox_container span label { display: inline; width: 100%; } #main .mod_iso_checkout .orderconditions .checkbox_container.error { background-color: #620905; color: #fff; padding: 5px; } #main .mod_iso_checkout .orderconditions .checkbox_container.error label { color: #fff; } @media (max-width: 700px) { #main .mod_iso_checkout table, #main .mod_iso_checkout table thead, #main .mod_iso_checkout table tbody, #main .mod_iso_checkout table th, #main .mod_iso_checkout table tbody tr, #main .mod_iso_checkout table tbody tr td { display: block;} /* Hide table headers (but not display: none;, for accessibility) */ #main .mod_iso_checkout table thead {position: absolute; top: -9999px; left: -9999px;} #main .mod_iso_checkout .orderproducts table tr { border-bottom: 1px solid #ccc; padding-bottom: 20px;} #main .mod_iso_checkout .orderproducts table tbody tr.product td { /* Behave like a "row" */ border: none; position: relative; } #main .mod_iso_checkout table tr.product td:before {content: attr(data-title); display: block; font-weight: 600;} #main .mod_iso_checkout table tr.product td.name:before {width: 0%;} #main .mod_iso_checkout .orderproducts table tbody td.price, #main .mod_iso_checkout .orderproducts table td.actions {text-align: left;} #main .mod_iso_checkout .submit_container .button {float: none; margin: 30px 0 0 0;} } /*================== MITGLIEDERBEREICH ================*/ /* KUNDENBEREICH */ .kundenbereich #main .rs-columns .rs-column { text-align: center; } .kundenbereich #main .rs-columns .rs-column .widget-checkbox .checkbox_container legend { float: none; clear: both; display: block; text-align: center; width: 100%; } .kundenbereich #main .rs-columns .rs-column .widget-checkbox .checkbox_container span { display: inline; width: auto; } /* PERSÖNLICHE DATEN */ .mod_personalData form input.text { width: 400px; } .mod_personalData form select { width: 400px; } /* ADDRESSBUCH */ #main .mod_iso_addressbook .address { background-color: #fff; width: 30%; padding: 10px; margin-right: 30px; margin-bottom: 30px; float: left; } #main .mod_iso_addressbook .address.even.last, #main .mod_iso_addressbook .address.odd.last { margin-right: 0px; } #main .mod_iso_addressbook .address .info { margin-bottom: 30px; } #main .mod_iso_addressbook .address .buttons a.edit{ float: left; } #main .mod_iso_addressbook .address .buttons a.delete { float: right; background-color: #9C0F08; } #main .mod_iso_addressbook .address .buttons a.delete:hover { background-color: #620905; } @media (max-width: 1000px) { #main .mod_iso_addressbook .address {width: 30%;} #main .mod_iso_addressbook .address.even.last {width: 30%; margin: 0 20px 30px 0;} #main .mod_iso_addressbook .address.odd.last {width: 30%; margin: 0 20px 30px 0;} } @media (max-width: 700px) { #main .mod_iso_addressbook .address {width: 46%;} #main .mod_iso_addressbook .address.even.last {width: 46%; margin: 0 20px 30px 0;} #main .mod_iso_addressbook .address.odd.last {width: 46%; margin: 0 20px 30px 0;} } @media (max-width: 600px) { #main .mod_iso_addressbook .address {width: 100%;} #main .mod_iso_addressbook .address.even.last {width: 100%; margin: 0 20px 30px 0;} #main .mod_iso_addressbook .address.odd.last {width: 100%; margin: 0 20px 30px 0;} } /* BESTELLHISTORY */ .mod_iso_orderhistory table { width: 100%; display: block; overflow-x: auto; white-space: nowrap; } .mod_iso_orderhistory table::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 14px; } .mod_iso_orderhistory table tr th { padding: 3px 5px; border-bottom: 1px solid #ccc; } .mod_iso_orderhistory table tr td { padding: 3px 5px; border-bottom: 1px solid #ccc; } .mod_iso_orderhistory table tr:hover td { background-color: #fff; } /* BESTELLHISTORY DETAILS */ #main .mod_iso_orderdetails .info_container, #main .mod_iso_orderdetails .order_status { border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px; } #main .mod_iso_orderdetails .orderorderinfo products p.pflichtfeld { display: none; } #main .mod_iso_orderdetails table { margin-bottom: 20px } #main .mod_iso_orderdetails table tr.product td { border-bottom: 1px solid #ddd; padding: 10px 0; } #main .mod_iso_orderdetails table tr th.artikel, #main .mod_iso_orderdetails table tr td.image { width: 120px; text-align: left; } #main .mod_iso_orderdetails table tr td.name { width: 400px; text-align: left; } #main .mod_iso_orderdetails table tr td.name ul { list-style: none; margin-left: 0; width: 280px; } #main .mod_iso_orderdetails table tr td.name ul li strong { display: none; } #main .mod_iso_orderdetails table tr th.menge, #main .mod_iso_orderdetails table tr td.quantity { width: 80px; text-align: right; } #main .mod_iso_orderdetails table tr th.price, #main .mod_iso_orderdetails table tr td.price { width: 120px; text-align: right; } #main .mod_iso_orderdetails table tr td.price.total { width: 120px; } #main .mod_iso_orderdetails table tr td.remove { width: 100px; } #main .mod_iso_orderdetails table tr.foot_first td { padding-top: 10px; } #main .mod_iso_orderdetails table tr.total td { font-weight: 900; } @media (max-width: 700px) { #main .mod_iso_orderdetails table, #main .mod_iso_orderdetails table thead, #main .mod_iso_orderdetails table tbody, #main .mod_iso_orderdetails table th, #main .mod_iso_orderdetails table tbody tr, #main .mod_iso_orderdetails table tbody tr td { display: block;} /* Hide table headers (but not display: none;, for accessibility) */ #main .mod_iso_orderdetails table thead {position: absolute; top: -9999px; left: -9999px;} #main .mod_iso_orderdetails table tr { border-bottom: 1px solid #ccc; padding-bottom: 20px;} #main .mod_iso_orderdetails table tbody tr.product td { /* Behave like a "row" */ border: none; position: relative; } #main .mod_iso_orderdetails table tr.product td:before {content: attr(data-title); display: block; font-weight: 600;} #main .mod_iso_orderdetails table tr.product td.name:before {width: 0%;} #main .mod_iso_orderdetails table tbody td.price, #main .mod_iso_orderdetails table td.actions {text-align: left;} #main .mod_iso_orderdetails .submit_container .button {float: none; margin: 30px 0 0 0;} } /*==================== FOOTER ===================*/ #footer { width: 100%; text-align: center; background-color: #0C0C0C; border-top: 1px solid #4b4a54; padding: 30px; } #footer .inside { max-width: 1200px; margin: 0 auto; text-align: left; color: #fff; } /* #footer .box { width: 18%; height: auto; float: left; margin-right: 20px; } @media (max-width: 1000px) { #footer .box {width: 30%; border-bottom: 1px solid #fff; padding-bottom: 20px; margin-bottom: 20px;} #footer .box.kontakt {border-bottom: 1px solid #fff; padding-bottom: 0; margin-bottom: 20px;} #footer .box.versand {clear: both;} } @media (max-width: 700px) { #footer .box {width: 46%;} #footer .box.versand {clear: none;} } @media (max-width: 600px) { #footer .box {width: 100%; border-bottom: 1px solid #fff; padding-bottom: 20px; margin-bottom: 20px;} } */ #footer a { color: #fff; } #footer a:hover { text-decoration: underline; } #footer p { margin-bottom: 20px; } #footer p.copyright { clear: both; text-align: center; } .clear { clear: both; } p.back { clear: both; padding: 20px 0 0 0; }