body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
.download-element a{padding:3px 6px 3px 22px;background:url(../../assets/contao/images/iconPLAIN.svg) left center no-repeat}ul.enclosure{padding-left:0}li.download-element{list-style-type:none}.ext-xl a{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls a{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx a{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx a{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt a{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin a{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc a{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx a{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word a{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto a{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms a{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha a{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh a{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe a{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class a{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so a{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea a{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll a{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda a{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf a{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai a{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps a{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps a{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps a{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt a{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx a{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi a{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil a{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif a{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc a{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf a{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg a{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi a{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp a{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods a{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt a{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml a{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc a{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg a{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr a{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir a{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr a{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi a{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar a{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc a{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php a{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3 a{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4 a{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5 a{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml a{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps a{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js a{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd a{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar a{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla a{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf a{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit a{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar a{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz a{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml a{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht a{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip a{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3 a{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma a{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg a{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav a{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg a{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid a{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi a{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif a{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff a{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc a{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram a{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm a{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm a{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra a{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp a{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif a{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg a{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg a{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe a{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png a{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff a{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif a{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg a{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz a{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp a{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-avif a{background-image:url(../../assets/contao/images/iconAVIF.svg)}.ext-heic a{background-image:url(../../assets/contao/images/iconHEIC.svg)}.ext-jxl a{background-image:url(../../assets/contao/images/iconJXL.svg)}.ext-eml a{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp a{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css a{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss a{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less a{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html a{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm a{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md a{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml a{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt a{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text a{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log a{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx a{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf a{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml a{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl a{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4 a{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v a{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov a{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv a{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm a{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt a{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv a{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi a{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv a{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie a{background-image:url(../../assets/contao/images/iconMOVIE.svg)}
.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%;
  }
}

.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}
/** WebFonts **/

/* josefin-sans-300 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/files/theme/fonts/josefin-sans-v16-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/theme/fonts/josefin-sans-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/theme/fonts/josefin-sans-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/theme/fonts/josefin-sans-v16-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/files/theme/fonts/josefin-sans-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/theme/fonts/josefin-sans-v16-latin-300.svg#JosefinSans') format('svg'); /* Legacy iOS */
}
/* josefin-sans-regular - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/files/theme/fonts/josefin-sans-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/theme/fonts/josefin-sans-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/theme/fonts/josefin-sans-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/theme/fonts/josefin-sans-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/files/theme/fonts/josefin-sans-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/theme/fonts/josefin-sans-v16-latin-regular.svg#JosefinSans') format('svg'); /* Legacy iOS */
}
/* josefin-sans-600 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/files/theme/fonts/josefin-sans-v16-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/theme/fonts/josefin-sans-v16-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/theme/fonts/josefin-sans-v16-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/theme/fonts/josefin-sans-v16-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/files/theme/fonts/josefin-sans-v16-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/theme/fonts/josefin-sans-v16-latin-600.svg#JosefinSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/files/theme/fonts/open-sans-v17-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('/files/theme/fonts/open-sans-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/theme/fonts/open-sans-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/theme/fonts/open-sans-v17-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/files/theme/fonts/open-sans-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/theme/fonts/open-sans-v17-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('/files/theme/fonts/open-sans-v17-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('/files/theme/fonts/open-sans-v17-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/theme/fonts/open-sans-v17-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/theme/fonts/open-sans-v17-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('/files/theme/fonts/open-sans-v17-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/theme/fonts/open-sans-v17-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/files/theme/fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/files/theme/fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/theme/fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/theme/fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/files/theme/fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/theme/fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/files/theme/fonts/open-sans-v17-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('/files/theme/fonts/open-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/theme/fonts/open-sans-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/theme/fonts/open-sans-v17-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/files/theme/fonts/open-sans-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/theme/fonts/open-sans-v17-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/files/theme/fonts/open-sans-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('/files/theme/fonts/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/theme/fonts/open-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/theme/fonts/open-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/files/theme/fonts/open-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/theme/fonts/open-sans-v17-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('/files/theme/fonts/open-sans-v17-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('/files/theme/fonts/open-sans-v17-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/theme/fonts/open-sans-v17-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/theme/fonts/open-sans-v17-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('/files/theme/fonts/open-sans-v17-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/theme/fonts/open-sans-v17-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* Reset */

* {
	margin: 0; 
	padding: 0; 
	border: 0; 
}

*, *:before, *:after { 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
}

a:focus {
	outline: thin dotted;
	outline-offset: -2px;
}

a:hover, a:active { outline: 0; }

figure {
	margin:0;
	padding:0;
}


/* Basisangaben */

html, html a { -webkit-font-smoothing: antialiased;/*text-shadow: 1px 1px 1px rgba(0,0,0,0.004);*/ }

html { height: 100%; }

body > #wrapper { min-height: 100%; }

body {
	height: 100.2%;
	background-color: #2b3130;
	font-family: "Open Sans", Trebuchet, sans-serif;
	line-height: 1.6em;
	color: #525352;
	font-weight: 400;
}

#wrapper {
	height: 100%;
	width: 100%;
}

#header {
	width: 100%;
	left: 0;
	top: 0;
	position: fixed;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.25);
	box-shadow: 0 1px 5px rgba(0,0,0,.25);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
	z-index: 10000;
}

#header .inside, #projekt .ce_image figure.image_container, .mod_article .inside, #footer .inside {
	width: 95%;
	max-width: 1200px;
	margin: 0 auto;
}

#header .inside {
	display: table;
	line-height: 0;
}

.mod_article .inside {
	padding-top: 5em;
	padding-bottom: 3.5em;
}

#service.mod_article .inside { padding-bottom: 2.5em; }

#projekt .ce_image, #projekt.mod_article .inside { padding-top: 5em; }

#projekt .ce_image { text-align: center; }

#impressum.mod_article .inside, #datenschutz.mod_article .inside, #danke.mod_article .inside, #fehler-404.mod_article .inside, #projekt.mod_article .inside {
	padding-top: 9em;
	padding-bottom: 6.5em;
}

#start {
	height: 100%;
	margin-top: 80px;
	padding-top: 8.5%;
	padding-bottom: 14.5%;
	background-image: url("../../files/content/header/webdesign_remscheid.jpg");
	background-position: center bottom;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../content/header/webdesign_remscheid.jpg',sizingMethod='scale');
}

#start.mod_article .inside {
	padding-top: 0;
	padding-bottom: 0;
}

#service, #projekt, #kontakt, #impressum, #datenschutz, #danke, #fehler-404 { background-color: #fff; }

#service .ce_image .image_container img {
	width: 100%;
	max-height: 100%;
}

#projekte, #projekt .ce_image { background-color: #f5f5f5; }

#footer {
	overflow: hidden;
	padding-top: 1.75em;
	padding-bottom: 1em;
	background-color: #2b3130;
}


/* Uebergreifende Klassen und Angaben */

address { font-style: normal; }

em {
	font-weight: 400;
	font-style: italic;
}

abbr[title] {
	border-bottom: 1px dotted;
	font-variant: normal;
	cursor: help;
}

strong { font-weight: 600; }

ul, ol { list-style-type: none; }

img { vertical-align: bottom; }

a img { border: 0 none; }

a:link, a:visited {
	text-decoration: underline;
	color: #3e3e3e;
}

a:focus, a:hover, a:active {
	text-decoration: none;
	color: #7dbc00;
}

blockquote { font-style: italic; }

cite { display: block; }

cite:before { content: "– "; }

sup {
	height: 0;
	bottom: 0.5em;
	position: relative;
	vertical-align: baseline;
	_vertical-align: bottom;
	font-size: .9em;
	line-height: 1;
}

table {
	margin: 0 0 1.2em 0;
	border-collapse: collapse;
	border-spacing: 0;
}

td { vertical-align: top; }

.row { width: auto; }

.row:before, .row:after {
	content: " ";
	display: table;
}

.row:after { clear: both; }


/* Ueberschriften */

h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
	color: #3e3e3e;
}

h1, h2, h3 { 
	font-family: 'Josefin Sans', Trebuchet, sans-serif;
	text-transform: uppercase;	
}

h1 {
	font-size: 2.8em;
	font-weight: 300;
}

h2 {
	margin-bottom: 0.25em;
	padding-top: 0.45em;
}

h2, h3 {
	font-size: 1.4em;
	font-weight: 400;
}

#impressum h3, #datenschutz h3 {
    text-transform:none;
}

h3, h4, h5, h6 { margin-bottom: 0.25em; }

h4 {
    font-weight: 600;
}

h2.ce_headline {
	padding-top: 0;
	font-size: 2.8em;
	font-weight: 300;
}

h1.ce_headline, h2.ce_headline {
	margin-bottom: 0.6em;
	text-align: center;
}

h1.ce_headline:after, h2.ce_headline:after {
	max-width: 2em;
	display: block;
	margin: 0.2em auto 0;
	border-bottom: 1px solid #3e3e3e;
	content: " ";
}

.tagline {
	padding-bottom: 2em;
	text-align: center;
}

.tagline p strong {
	font-size: 1.1em;
	font-style: italic;
	font-weight: 400;
}

.start-content h1 {
	text-align: right;
	color: #fff;
}

.start-content h1 {
	font-size: 4em;
	line-height: 140%;
}

.h1-format {
	text-wrap: balance;
}

#projekt h1 { margin-bottom: 0.6em; }

#projekt h1:after {
	max-width: 2em;
	display: block;
	margin-top: 0.2em;
	margin-bottom: 0;
	margin-left: 0;
	border-bottom: 1px solid #3e3e3e;
	content: " ";
}


/* Kopfbereich */

.logo {
	width: 195px;
	height: 80px;
	float: left;
	background-image: url("../../files/theme/img/webdesign_remscheid_logo.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto !important;
	z-index: 100;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.logo a {
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -99999px;
}


/* Hauptnavigation */

#tnav {
	overflow: visible;
	float: right;
	display: table-cell;
	vertical-align: middle;
	line-height: 0;
}

#tnav li { float: left; }

#tnav li a {
	display: block;
	margin-right: 1.65em;
	margin-left: 1.65em;
	padding: 1.85em 0 1.65em;
	text-align: left;
	border-bottom: 3px solid #fff;
	font-size: 0.975em;
	line-height: 1.58em;
	text-transform: uppercase;
	min-height: inherit;
	-webkit-transition: border-bottom 0.5s ease 0s;
	-moz-transition: border-bottom 0.5s ease 0s;
	-o-transition: border-bottom 0.5s ease 0s;
	-ms-transition: border-bottom 0.5s ease 0s;
	transition: border-bottom 0.5s ease 0s;
}

#tnav li a:link, #tnav li a:visited  { text-decoration: none; }

#tnav li a:focus, #tnav li a:hover, #tnav li a:active, #tnav li a.active, body.imprint #tnav li.imprint a {
	border-color: #7dbc00;
	color: #000;
}

#tnav li.last a { margin-right: 0; }

#navmobile { display: none; }


/* Allgemeine Darstellung */

#container p, address, #footer p { margin: 0 0 1.2em; }

.ce_text ul, .ce_list ul { 
	margin-bottom: 1.2em;
	padding-left: 1.2em;
}

.ce_text ul li, .ce_list ul li {
	list-style-type: disc; 
	list-style-position: outside; 	
}

.ce_text ol, .ce_list ol { margin-bottom: 1.2em; }

.ce_text ol li, .ce_list ol li {
	margin-left: 1.6em;
	list-style-type: decimal;
	list-style-position: outside;
}

span.name a { text-decoration: none; }

span.tele {
	width: 5em;
	display: inline-block;
}

a.telefonnummer { text-decoration: none; }

.abstand0 { margin-bottom: 0 !important; }

.abstand15  { margin-bottom: 1.5em; }

.center { text-align: center; }

.right .image_container {
    position:relative;
    float:right;
    display:inline-block;
}


/* Service */

.service-content {
	width: 31%;
	float: left;
	margin-right: 3.5%;
	margin-bottom: 2em;
}

.service-content:nth-of-type(3n) { margin-right: 0; }

.box h3 {
    margin: 0 0 0.5em 0;
    padding: 0;
}

.box h3::before {
    font-family: "FontAwesome";
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 2em;
    width: auto;
    height: 50px;
    margin-right: 15px;
    display: inline-block;
}

.design h3::before {
    content: "\f108";
}

.webentwicklung h3::before {
    content: "\f121";
}

.cms h3::before {
    content: "\f26d";
}

.webdesign h3::before {
    content: "\f10a";
}

.seo h3::before {
    content: "\f013";
}

.wartung h3::before {
    content: "\f0e6";
}


/* Projekte */

.ce_swiperStart {
    margin: 0.5em 0.75em;
}

.swiper-wrapper .ce_text {
	position: relative;
	margin-bottom: 1.2em;
}

.portfolio .content {
	padding: 1.2em 1.2em .01em;
	background-color: #ffffff;
}

.portfolio h3 { font-size: 1.3em; }

.portfolio h3 a:link, .portfolio h3 a:visited  { text-decoration: none; }

.portfolio h3 a:focus, .portfolio h3 a:hover, .portfolio h3 a:active { text-decoration: underline; }

.portfolio .image_container {
	position: relative;
	overflow: hidden;
	margin: 0;
}

.portfolio .image_container a { display: block; }

.portfolio .image_container img {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.portfolio .image_container:hover img {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.portfolio .overlay {
	width:100%;
	height:100%;
	left:0;
	top:0;
	position:absolute;
	z-index: 200;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.portfolio .image_container:hover .overlay {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.portfolio .overlay i {
	left: 50%;
	top: 50%;
	position: absolute;
	margin-top: -37px;
	margin-left: -40px;
	padding: 37px;
	border-radius: 100%;
	background: #7dbc00;
	background-color: rgba(143,201,65,0.9);
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
}

.portfolio .overlay i:before {
	width: 50px;
	height: 1px;
	left: 50%;
	top: 50%;
	position: absolute;
	margin-left: -25px;
	background-color: #fff;
	content: " ";
}

.portfolio .overlay i:after {
	width: 50px;
	height: 1px;
	left: 50%;
	top: 50%;
	position: absolute;
	margin-left: -25px;
	background-color: #fff;
	content: " ";
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.swipper-arrows-wrapper {
    position: relative;
    height: 2.5em;
    margin: 0.5em 0 1em;
	text-align: center;
}

.swiper-button-prev, .swiper-button-next {
	width: auto;
	overflow: hidden;
	display: inline-table;
	vertical-align: middle;
    padding: 0.5em;
	line-height: 0;
	color: inherit;
    background-image: none;
}

.swiper-button-prev:before, .swiper-button-next:after{
	width: 1.5em;
	height: 1.5em;
	display: block;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: -moz-use-text-color currentcolor currentcolor -moz-use-text-color;
	border-image: none;
	border-style: none solid solid none;
	border-width: 0 1px 1px 0;
	content: "";
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

.swiper-button-prev { margin-right: 2em; }

.swiper-button-next { margin-left: 2em; }

.swiper-button-next:after {
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.swiper-button-prev span, .swiper-button-next span {
	display: table-cell;
	vertical-align: middle;
}

.swiper-button-prev:hover, .swiper-button-prev:focus, .swiper-button-next:hover, .swiper-button-next:focus {
    color: #7dbc00;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

#projekt .details {
	margin-top: 0.75em;
	padding: 0.9em 1.4em 0.4em;
	background-color: #f1f2ee;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

span.fa-globe {
	vertical-align: bottom;
	font-size: 2em;
}

.back a:before {
	display: inline-block;
	padding-right: 0.2em;
	vertical-align: text-top;
	font-size: 1.2em;
	font-family: FontAwesome;
	content: "\f104";
}

.mt-16 {
	margin-top: 1.6em;
}

.mod_booknav {
	height: 50px;
	position: relative;
	margin-top: 1.2em;
	margin-bottom: 1.2em;
	padding-top: 0.6em;
}

.mod_booknav a { text-decoration: none; }

.mod_booknav .previous a { float: left; }

.mod_booknav .previous a:before {
	display: inline-block;
	padding-right: 0.3em;
	vertical-align: text-top;
	font-size: 1.2em;
	font-family: FontAwesome;
	content: "\f104";
}

.mod_booknav .up a {
	width: 2.2em;
	height: 2.2em;
	left: 50%;
	top: 0;
	position: absolute;
	margin-top: 0.25em;
	margin-left: -1.1em;
}

.mod_booknav .up a:before {
	display: inline-block;
	vertical-align: text-top;
	font-size: 2.2em;
	font-family: FontAwesome;
	content: "\f00a";
}

.mod_booknav .next a { float: right; }

.mod_booknav .next a:after {
	display: inline-block;
	padding-left: 0.3em;
	vertical-align: text-top;
	font-size: 1.2em;
	font-family: FontAwesome;
	content: "\f105";
}

.projekt1 .mod_booknav .next a { margin-top:-1.6em; }


/* Galerie */

.ce_gallery > ul.cols_1 > li {
	width: 100%;
}

.ce_gallery > ul.cols_2 > li {
	width: 49.25%;
}

.ce_gallery > ul.cols_3 > li {
	width: 32.33333%;
}

.ce_gallery > ul.cols_4 > li {
	width: 23.875%;
}

@media screen and (max-width: 599px) {
	.ce_gallery.ce_gallery > ul > li {
		/* doubled class for specificity */
		width: 90%;
	}
}

.ce_gallery > ul {
	zoom: 1;
	margin: 0 !important;
	padding: 0 0 1.5% 0 !important;
	list-style: none !important;
}

.ce_gallery > ul > li {
	float: left;
	width: 23.875%;
	margin: 1.5% 0 0 1.5%;
}

@media screen and (max-width: 599px) {
	.ce_gallery > ul > li {
		margin-left: 0;
		margin-right: 1.5%;
	}
}

.ce_gallery > ul > li.col_first {
	clear: left;
	margin-left: 0;
}

@media screen and (max-width: 599px) {
	.ce_gallery > ul > li.col_first {
		clear: none;
	}
}

.ce_gallery > ul > li.col_last {
	/* for rounding failures */
	margin-right: -1%;
}

@media screen and (max-width: 599px) {
	.ce_gallery > ul > li.col_last {
		margin-right: 1.5%;
	}
}

.ce_gallery > ul > li > .image_container {
	display: block;
	width: 100%;
}

.ce_gallery img {
	width: 100%;
	height: auto;
}

.image_container figcaption,
.image_container .caption {
	width: 100% !important;
	padding: 0.42857em;
    margin-bottom: 0.25em;
	font-size: 0.93333em;
    color: #3e3e3e;
    background-color: #f5f5f5;
}


/* Footer */

#fnav {
	overflow: hidden;
	float: right;
}

#fnav li { display: inline; }

#fnav li.first:after, #fnav li.second:after { content: " | "; }

#copyright { float: left; }

#footer p, #fnav li {
	font-size: 0.85em;
	color: #dbddde;
}

#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #dbddde;
	background: transparent;
}

#footer a:focus, #footer a:hover, #footer a:active {
	text-decoration: underline;
	color: #fff;
	background: transparent;
}


/* Formular */

form.kontakt {
	margin-bottom: 1.5em;
	padding: 1.4em;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #f1f2ee !important;
}

label { display: block; }

input, textarea, select {
	margin-bottom: 1em;
	padding: 0.5em;
    font-family: "Open Sans", Trebuchet, sans-serif;
    color: #000000;
    background-color: #ffffff;
	border: 1px solid #ffffff;
	outline: 0;
	width: 100%;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;    
	-moz-transition: all .15s linear;
	-webkit-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear;    
}

input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus { border-color: #7dbc00; }

p.error {
	color: #cc2222;
	border: 2px solid #cc2222;
	padding: 0.5em;
	margin: 0 0 0.25em 0;
}

label, input, textarea, p.error, legend, .explanation p { font-size: 0.9em; }

legend { padding-bottom: 0.25em; }

.radio_container span { margin-right: 2em; }

.radio_container input {
	width: auto;
	margin-left: 2px;
}

.radio_container label { display: inline-block; }

fieldset .checkbox_container { margin-bottom: 1.5em; }

.checkbox_container input {
	width: auto;
	margin-bottom: 0;
}

.checkbox_container label {
	display: inline;
	vertical-align: baseline;
}

input[type=submit], input[type=text] { -webkit-appearance: none; }

.kontakt .submit {
	position: relative;
	display: inline-block;
	padding: 0.8em 1.25em;
    font-size: 0.9em;
	text-align: center;
	background-color: #7dbc00;
	background: -moz-linear-gradient(top,#84c601 0%,#7dbc00 100%);
	background: -webkit-linear-gradient(top,#84c601 0%,#7dbc00 100%);
	background: -o-linear-gradient(top,#84c601 0%,#7dbc00 100%);
	background: -ms-linear-gradient(top,#84c601 0%,#7dbc00 100%);
	background: linear-gradient(to bottom,#84c601 0%,#7dbc00 100%);
	-pie-background: linear-gradient(top,#84c601 0%,#7dbc00 100%);
	border-radius: 2px;
	line-height: 1;
	text-decoration: none;
	color: #fff;
    font-family: "Open Sans", Trebuchet, sans-serif;
	cursor: pointer;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.kontakt button.submit:focus, .kontakt button.submit:hover, .kontakt button.submit:active {
	background-color: #3e3e3e;
	background: -moz-linear-gradient(top,#393f3e 0%,#3e3e3e 100%);
	background: -webkit-linear-gradient(top,#393f3e 0%,#3e3e3e 100%);
	background: -o-linear-gradient(top,#393f3e 0%,#3e3e3e 100%);
	background: -ms-linear-gradient(top,#393f3e 0%,#3e3e3e 100%);
	background: linear-gradient(to bottom,#393f3e 0%,#3e3e3e 100%);
	-pie-background: linear-gradient(top,#393f3e 0%,#3e3e3e 100%);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25);
	box-shadow: 0 1px 3px rgba(0,0,0,.25);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}


/* Accessibility */

.mod_navigation h2 {
	width: 0;
	height: 0;
	left: -2222em;
	top: -2222em;
	position: absolute;
	overflow: hidden;
	display: inline;
}

.printIt { display: none; }


/* Viewport max 1024px */

@media screen and (max-width: 1024px) {
    #navmobile {
        width: 30px;
        height: 30px;
        float: right;
        display: block;
        margin-top: 10px;
        cursor: pointer;
    }

    #navmobile span { display: block; }

    #navmobile span:before {
        display: block;
        font-family: FontAwesome;
        font-size: 2em ;
        line-height: 1.8em;
        content: "\f0c9";
    }

    #tnav {
        width: auto;
        right: 0;
        top: 80px;
        position: absolute;
        display: none;
        padding-top: 1.5em;
        padding-bottom: 1.3em;
        background-color: rgba(255,255,255,.85);
        border-bottom: 3px solid #7dbc00;
    }

    #tnav.active { display: block; }

    #tnav li { float: none; }

    #tnav li a {
        margin-right: 2em;
        margin-left: 2em;
        padding-top: 0.5em;
        padding-bottom: 0;
        text-align: right;
        border-bottom: 0;
        font-weight: 400;
    }

    #tnav li a:focus, #tnav li a:hover, #tnav li a:active, body.imprint #tnav li.imprint a { color: #7dbc00; }

    #tnav li.last a {
        margin-right: 2em;
        margin-left: 2em;
    }

    .start-content h1 { font-size: 3.5em; }

    .service-content {
        width: 48%;
        margin-right: 4%;
    }

    .service-content:nth-of-type(n) { margin-right: 4%; }

    .service-content:nth-of-type(2n) { margin-right: 0; }
}


/* Viewport max 55em */

@media screen and (max-width: 55em) {
    #start { min-height: 520px; }

    .start-content h1 { font-size: 3.2em; }
    
    #fnav, #copyright {
        float: none;
        text-align: center;
    }    
}    
    
    
/* Viewport max 767px */    
    
@media screen and (max-width: 767px) {
    h2, h3 { font-size: 1.35em; }
    
    .box h3::before {
        font-size: 1.75em;
    }

    #projekt .details {
        margin-top: 0.75em;
        margin-bottom: 1em;
    }
}


/* Viewport max 630px */    
    
@media screen and (max-width: 630px) {
    #header { position: relative; }

    .mod_article .inside, #impressum.mod_article .inside, #datenschutz.mod_article .inside, #danke.mod_article .inside, #fehler-404.mod_article .inside {
        padding-top: 3em;
        padding-bottom: 2.5em;
    }

    #service.mod_article .inside { padding-bottom: 0.5em; }

    #projekt .ce_image { padding-top: 1em; }

    #projekt.mod_article .inside { padding-top: 3em; }

    #start {
        min-height: 450px;
        margin-top: 0;
        padding-top: 10%;
        padding-bottom: 14.5%;
    }

    .start-content h1 { font-size: 2.8em; }

    .service-content { width: 100%; }

    .service-content:nth-of-type(n) { margin-right: 0; }    
}


/* Viewport max 520px */    
    
@media screen and (max-width: 520px) {
    #start { min-height: 350px; }

    h1, .start-content h1, h2.ce_headline { font-size: 2.2em; }
}


/* Viewport max 420px */    
    
@media screen and (max-width: 420px) {
    .mod_booknav { height: auto; }

    .mod_booknav .previous a, .mod_booknav .next a { float: none; }

    .mod_booknav li.previous { margin-bottom: 1em; }

    .mod_booknav .up a { left: 94%; }    
}


/* Cookiebar*/

.usercentrics-button .uc-privacy-button-wrapper {
    width: 48px !important;
    height: 48px !important;
}


/* Retina Display */

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.logo {
	background-size: 195px 60px;
	background-image: url("../../files/theme/img/webdesign_remscheid_logo@2x.png");
	}
}

@media print {
* {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent !important;
	color: #000 !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, #projekt .details {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border: 0;
	font-size: 100%;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
}

body {
	height: auto;
	margin: 0;
	padding: 0;
	background-color: #fff;
	background-image: none;
	font-size: 11pt;
	line-height: 1.5;
	font-family: Arial,Helvetica,sans-serif;
	color: #404040;
}

body > #wrapper { min-height: 0; }

h1, h2, h3, h4, h5, h6, .start-content h1, h1.ce_headline, h2.ce_headline {
	text-align: left;
	line-height: 1.2;
	font-weight: bold;
	color: #404040;
	page-break-after: avoid;
}

h1, .start-content h1, h2.ce_headline { font-size: 16pt; }

h1.ce_headline:after, h2.ce_headline:after, #projekt h1:after { border-bottom: 0; }

h2 { font-size: 14pt; }

h3 { font-size: 12pt; }

ul, ol { page-break-before: avoid; }

li { page-break-inside: avoid; }

a img { border: 0; }

a, a:link, a:visited {
	text-decoration: none;
	color: #404040;
}

abbr[title]:after {
	font-style: italic;
	content: '(' attr(title) ')';
	font-size: 10pt !important;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: inherit;
}

address, .tagline p strong { font-style: normal; }

#start {
	height: auto;
	margin-top: 0;
}    
    
#start, #impressum.mod_article .inside, .mod_article .inside, #projekt .ce_image, #projekt.mod_article .inside, #danke.mod_article .inside {
	padding-top: 0;
	padding-bottom: 0;
}

.tagline {
	padding-bottom: 0.5em;
	text-align: left;
}

.service-content {
	width: 100%;
	float: none;
}

.center { text-align: left; }    

.portfolio {
	margin-top: 0;
	margin-bottom: 0;
}    

.portfolio .ce_text {
	width: 40%;
	float: none;
}

.portfolio .content { padding: 0.25cm 0 0; }    
    
 div.printIt {
	width: 100%;
	clear: both;
	display: table;
	padding-top: 0.5cm;
	border-top: 1pt solid #c4c4c4;
	line-height: 1.5;
}

#footer p { font-size: 11pt; }   

.rs-column {
 	width: 100%;
	float: none;
	margin: 0 !important;
}    
    
 #usercentrics-button, #header, .swipper-arrows-wrapper, .mod_booknav, #fnav, .invisible, .back { display: none !important; }

form, fieldset, legend, label, input, select, textarea { display: none !important; }   
}

