header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
.download-element a{padding:3px 6px 3px 22px;background:url(../../assets/contao/images/iconPLAIN.svg) left center no-repeat}ul.enclosure{padding-left:0}li.download-element{list-style-type:none}.ext-xl a{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls a{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx a{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx a{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt a{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin a{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc a{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx a{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word a{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto a{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms a{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha a{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh a{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe a{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class a{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so a{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea a{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll a{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda a{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf a{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai a{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps a{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps a{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps a{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt a{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx a{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi a{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil a{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif a{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc a{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf a{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg a{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi a{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp a{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods a{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt a{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml a{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc a{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg a{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr a{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir a{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr a{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi a{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar a{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc a{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php a{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3 a{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4 a{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5 a{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml a{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps a{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js a{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd a{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar a{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla a{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf a{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit a{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar a{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz a{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml a{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht a{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip a{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3 a{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma a{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg a{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav a{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg a{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid a{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi a{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif a{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff a{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc a{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram a{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm a{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm a{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra a{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp a{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif a{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg a{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg a{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe a{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png a{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff a{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif a{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg a{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz a{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp a{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-avif a{background-image:url(../../assets/contao/images/iconAVIF.svg)}.ext-heic a{background-image:url(../../assets/contao/images/iconHEIC.svg)}.ext-jxl a{background-image:url(../../assets/contao/images/iconJXL.svg)}.ext-eml a{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp a{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css a{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss a{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less a{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html a{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm a{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md a{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml a{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt a{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text a{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log a{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx a{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf a{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml a{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl a{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4 a{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v a{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov a{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv a{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm a{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt a{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv a{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi a{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv a{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie a{background-image:url(../../assets/contao/images/iconMOVIE.svg)}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)}
@charset "UTF-8";
@font-face {
  /* font-family: "fira_sans_condenseditalic";*/
  font-family: 'Fira Sans Condensed';
  src: url("../../files/vilingo/fonts/fira/firasanscondensed-italic-webfont.eot");
  src: url("../../files/vilingo/fonts/fira/firasanscondensed-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../../files/vilingo/fonts/fira/firasanscondensed-italic-webfont.woff") format("font-woff"), url("../../files/vilingo/fonts/fira/FiraSansCondensed-Italic.ttf") format("truetype"), url("../../files/vilingo/fonts/fira/firasanscondensed-italic-webfont.svg#fira_sans_condenseditalic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  /* font-family: "fira_sans_condensedlight"; */
  font-family: 'Fira Sans Condensed';
  src: url("../../files/vilingo/fonts/fira/firasanscondensed-light-webfont.eot");
  src: url("../../files/vilingo/fonts/fira/firasanscondensed-light-webfont.eot?#iefix") format("embedded-opentype"), url("../../files/vilingo/fonts/fira/firasanscondensed-light-webfont.woff") format("font-woff"), url("../../files/vilingo/fonts/fira/FiraSansCondensed-Light.ttf") format("truetype"), url("../../files/vilingo/fonts/fira/firasanscondensed-light-webfont.svg#fira_sans_condensedlight") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  /* font-family: "fira_sans_condensedregular"; */
  font-family: 'Fira Sans Condensed';
  src: url("../../files/vilingo/fonts/fira/firasanscondensed-regular-webfont.eot");
  src: url("../../files/vilingo/fonts/fira/firasanscondensed-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../../files/vilingo/fonts/fira/firasanscondensed-regular-webfont.woff") format("font-woff"), url("../../files/vilingo/fonts/fira/FiraSansCondensed-Regular.ttf") format("truetype"), url("../../files/vilingo/fonts/fira/firasanscondensed-regular-webfont.svg#fira_sans_condensedregular") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  /* font-family: "fira_sans_condensedsemibold"; */
  font-family: 'Fira Sans Condensed';
  src: url("../../files/vilingo/fonts/fira/firasanscondensed-semibold-webfont.eot");
  src: url("../../files/vilingo/fonts/fira/firasanscondensed-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../../files/vilingo/fonts/fira/firasanscondensed-semibold-webfont.woff") format("font-woff"), url("../../files/vilingo/fonts/fira/FiraSansCondensed-SemiBold.ttf") format("truetype"), url("../../files/vilingo/fonts/fira/firasanscondensed-semibold-webfont.svg#fira_sans_condensedsemibold") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  /* font-family: "fira_sans_condensedSBdIt"; */
  font-family: 'Fira Sans Condensed';
  src: url("../../files/vilingo/fonts/fira/firasanscondensed-semibolditalic-webfont.eot");
  /* IE9 Compat Modes */
  src: url("../../files/vilingo/fonts/fira/firasanscondensed-semibolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../../files/vilingo/fonts/fira/firasanscondensed-semibolditalic-webfont.woff") format("font-woff"), url("../../files/vilingo/fonts/fira/FiraSansCondensed-SemiBoldItalic.ttf") format("truetype");
  /* Safari, Android, iOS */
  font-weight: 500;
  font-style: italic;
}

/* blue */
/* petrol */
/* dark grey */
/* light blue */
/* white */
body {
  font: 12px/1 'Fira Sans Condensed', Verdana, Arial, sans-serif;
}

#header .inside {
  position: fixed;
  z-index: 10;
  width: 100%;
}

#header .header_container {
  width: 80%;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
  flex-direction: row;
  flex: 1;
}

/* ohne onepager */
#header .inside .header_container {
  background-color: #2B464B;
  background-image: url(https://vilingo.com/files/vilingo/grafik/pattern_header_02.png);
  background-repeat: repeat;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: center;
  box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.2);
}

/* fuer onepager */
#header .inside .mod_article {
  background-color: #2B464B;
  background-image: url(https://vilingo.com/files/vilingo/grafik/pattern_header_02.png);
  background-repeat: repeat;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: center;
  box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.2);
}

#container {
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}

#main .mod_article {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  /*align-content: center;*/
  margin-left: auto;
  margin-right: auto;
}

/* Einrückung aller article in Onepager */
.level_1 .mod_article {
  padding-left: 10%;
  padding-right: 10%;
}

/* Einrückung aller article */
#marketingplanung,
#webdesign,
#grafikdesign,
#neuigkeiten,
#neuigkeiten-beitraege,
#kontakt,
#impressum,
#datenschutz,
#sitemap,
.neuigkeiten-beitraege {
  padding-left: 10%;
  padding-right: 10%;
}
.neuigkeiten-beitraege {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.backlink-analyse {
	max-width: 90%;
	padding-top: 2rem;
	padding-bottom: 2rem;
	padding-left: 5%;
	padding-right: 5%;
}
@media screen and (min-width: 768px) {
	.backlink-analyse {
		max-width: 70%;
		padding-left: 10%;
		padding-right: 30%;
	}
}
.backlink-analyse h1 {
	font-size: clamp(2rem, 15vw, 3rem);
}
#ueber-uns {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.box_aboutme {
  padding-bottom: 0;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 1em;
  display: flex;
  align-self: flex-end;
  background-color: #EAE7E7;
  background-image: url(https://vilingo.com/files/vilingo/fotos/inhalt/vilingo-buero.jpg);
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.box_aboutme .ce_text {
  align-self: flex-start;
  flex-basis: 55%;
  max-width: 55%;
  padding-top: 6%;
}

.box_aboutme .ce_image {
  align-self: flex-end;
  flex-basis: 45%;
}

.box_aboutme .ce_image img {
  display: block;
}

/* ===========================================
 * Spaltenbreiten
 * ======================================== */
.width100 {
  width: 100%;
}

.width75 {
  width: 75%;
}

.width50 {
  width: 50%;
}

.width25 {
  width: 25%;
}

.nojs {
  display: none;
}

p, td {
  font-family: 'Fira Sans Condensed', Verdana, Arial, sans-serif;
  font-weight: 300;
  font-size: 1.13rem;
  line-height: 140%;
  color: #5C5D5F;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

h1 {
  font-family: 'Fira Sans Condensed', Verdana, Arial, sans-serif;
  font-weight: 400;
  font-size: 225%;
  line-height: 125%;
  color: #009CE0;
}

h2 {
  font-family: 'Fira Sans Condensed', Verdana, Arial, sans-serif;
  font-weight: 400;
  font-size: 2.25rem;
  line-height: 125%;
  color: #009CE0;
}

h3 {
  font-family: 'Fira Sans Condensed', Verdana, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 125%;
  color: #5C5D5F;
  margin-top: 0.5rem;
}

h4 {
  font-family: 'Fira Sans Condensed', Verdana, Arial, sans-serif;
  font-weight: 400;
  font-size: 113%;
  line-height: 125%;
  color: #009CE0;
}

ul li {
  font-family: 'Fira Sans Condensed', Verdana, Arial, sans-serif;
  font-size: 1.13rem;
  line-height: 140%;
  font-weight: 300;
  color: #5C5D5F;
  list-style: disc;
}

ol li {
  font-family: 'Fira Sans Condensed', Verdana, Arial, sans-serif;
  font-size: 1.13rem;
  line-height: 140%;
  color: #5C5D5F;
}

strong, b {
  font-weight: 500;
  letter-spacing: 0.3px;
}

/* *** Restaurierung Listen *** */
/* Abstand nach unten */
/* h1, h2, h3, h4, h5, h6, 
*/
p, ul, ol {
  margin-bottom: 1em;
}

ul {
  margin-left: 0.5em;
}

/* Verschachtelte Listen ohne Abstand */
ul ul {
  margin-bottom: 0;
}

ol ol {
  margin-bottom: 0;
}

/* Abstand von links */
li {
  margin-left: 1.4em;
}

a {
  text-decoration: none;
  color: #009CE0;
  cursor: pointer;
}

.ce_toplink {
  width: 100%;
  margin-top: 1em;
  margin-bottom: 2em;
}

.ce_toplink a {
  font-family: 'Fira Sans Condensed', Verdana, Arial, sans-serif;
  font-weight: 400;
  color: #ffffff;
  font-size: 113%;
  background-color: #009CE0;
  padding: 0.5rem 2rem;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  letter-spacing: 1px;
  border: 1px solid #009CE0;
}

.ce_toplink a:hover {
  background-color: #ffffff;
  text-decoration: none;
  color: #009CE0;
  border: 1px solid #009CE0;
}

.btn {
  font-family: 'Fira Sans Condensed', Verdana, Arial, sans-serif;
  font-weight: 400;
  color: #ffffff;
  font-size: 113%;
  background-color: #009CE0;
  padding: 0.5rem 2rem;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  letter-spacing: 1px;
  border: 1px solid #009CE0;
}

.btn:hover {
  background-color: #ffffff;
  text-decoration: none;
  color: #009CE0;
  border: 1px solid #009CE0;
}
.btn-big {
	font-size: 21px;
}
a.textlink {
  font-family: 'Fira Sans Condensed', Verdana, Arial, sans-serif;
  font-weight: 400;
  color: #009CE0;
  text-decoration: none;
  cursor: pointer;
  letter-spacing: 1px;
}

a.textlink:hover {
  text-decoration: none;
  color: #009CE0;
  /* border-bottom: 1px dotted $c1; */
  /* Eigene Unterstreichung */
  /*background: linear-gradient($c1, $c1) no-repeat;
	background-size: 100% 1px;
	background-position: 0 1.05em;
	text-shadow: .05em 0 white, -0.05em 0 white;*/
  /* Eigene gestrichelte Unterstreichung */
  background: linear-gradient(90deg, #5C5D5F 45%, transparent 0) repeat-x;
  background-size: 0.08em 0.04em;
  background-position: 0 1.08em;
}

#main .inside {
  margin-bottom: 0;
}

.mod_sitemap {
  width: 100%;
}

/* Sonderklassen */
.full_width {
  width: 100%;
}

.center {
  text-align: center;
}

.center_list {
  background-image: url(https://vilingo.com/files/vilingo/grafik/background_billie_holiday_02.png);
  background-repeat: repeat;
  border: 1px solid #dddddd;
}

.mod_onepagewebsiteregular ul,
.mod_onepagewebsiteregular li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.mod_article#leistungen {
  /*
	background : -moz-linear-gradient(50% 0% -90deg,rgba(255, 255, 255, 1) 0%,rgba(234, 231, 231, 1) 100%);
	background : -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(234, 231, 231, 1) 100%);
	background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(255, 255, 255, 1) ),color-stop(1,rgba(234, 231, 231, 1) ));
	background : -o-linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(234, 231, 231, 1) 100%);
	background : -ms-linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(234, 231, 231, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EAE7E7' ,GradientType=0)";
	background : linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(234, 231, 231, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#EAE7E7' , GradientType=0);
	*/
  background-color: #EAE7E7;
}

.item_flex {
  flex-basis: auto;
  align-self: center;
  flex-grow: 1;
  flex-shrink: 1;
}


.box_yousearch {
  width: 100%;
}



/* Kontaktbereich */
#kontakt {
  background-color: #2B464B;
  padding-top: 4em;
  padding-bottom: 4em;
  align-items: stretch !important;
}

#kontakt p {
  color: #ffffff;
}

.contact_text {
  flex: 1;
  padding-left: 2em;
  padding-right: 2em;
  font-family: 'Fira Sans Condensed', Verdana, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.13rem;
  line-height: 140%;
  color: #ffffff;
}

.contact_text h2 {
  color: #ffffff;
  margin-top: 0;
}

.contact_block {
  /*flex: 2;*/
  background-color: rgba(255, 255, 255, 0.1);
  padding-left: 2em;
  padding-right: 2em;
}

.contact_block h2 {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}

/* Google Maps */
.maps_container {
  flex: 2;
}

#confirm-googlemaps {
  border: 1px #009CE0 solid;
  padding: 1em;
}

/* Google Maps zusätzlicher Div-Container zum überscrollen */
.overlay {
  background: transparent;
  position: relative;
  z-index: 9;
  width: 100%;
  height: 450px;
  top: 450px;
  margin-top: -450px;
  display: block !important;
}

/* Nav ohne onepage */
.mod_navigation ul,
.mod_navigation li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.layout_latest {
  border-bottom: 1px #5C5D5F dotted;
  padding-bottom: 2em;
  margin-bottom: 3em;
  text-shadow: 0 1px 0 #fff;
}

.layout_latest.last {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

/* Footer */
#footer {
  height: 70px;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: #5C5D5F;
  color: #ffffff;
}

#footer .inside {
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 80%;
  margin: auto auto;
}

#footer .mod_article {
  width: 100%;
  padding-top: 1em;
}

#footer .nav_meta {
  width: 100%;
  text-align: right;
}

#footer .nav_meta li {
  list-style: none;
  display: inline-flex;
}

#footer .nav_meta a {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

#footer .nav_meta a:hover {
  text-decoration: underline;
}

/* MEDIA QUERY kleiner 320px + safari 7 und safari 8 */
@media screen and (max-width: 320px) {
  .sf7 .header_container,
  .sf8 .header_container {
    display: inline-block;
    padding-top: 1.5em;
  }
  .sf7 .logo,
  .sf8 .logo {
    max-width: 50%;
    padding-right: 1em;
    display: inline-block;
    position: relative;
    display: table-cell;
    vertical-align: middle;
  }
  .sf7 .claim,
  .sf8 .claim {
    display: none;
  }
  .sf7 .hamburger,
  .sf8 .hamburger {
    max-width: 20%;
    display: inline-block;
    position: relative;
    display: table-cell;
    vertical-align: middle;
  }
}

@media screen and (max-width: 767px) {
  /* NAVIGATION < 767 */
  #header .claim h1,
  #header .claim h2 {
    font-size: 14px;
    letter-spacing: 1px;
    color: #ffffff;
    text-align: right;
    text-shadow: 0 -1px 1px black;
  }
  /* fuer onepager */
  #header .mod_article {
    display: flex;
    align-items: center !important;
  }
  /* ohne onepager */
  #header {
    height: 76px;
  }
  #header .header_container {
    display: flex;
    align-items: center !important;
    height: 76px;
  }
  .logo,
  .claim {
    flex: 1;
    align-self: center;
    flex-basis: 20%;
  }
  .hamburger {
    width: calc(76px - 2em);
    height: calc(76px - 2em);
    display: flex;
    margin-left: 1em;
    /* flex: 1; */
    z-index: 10;
  }
  .hamburger img {
    width: calc(76px - 2em);
    height: calc(76px - 2em);
    display: block;
  }
  /* mit onepager */
  .mod_onepagewebsitenavigation {
    display: none;
  }
  /* ohne onepgaer */
  .mod_navigation {
    display: none;
  }
  .btn_mobile {
    width: 100%;
    flex: 1;
  }
  .btn_mobile figure {
    text-align: center;
    width: 100%;
  }
  .btn_mobile img {
    max-height: 100px;
    width: inherit;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .btn_mobile h2 {
    font-size: 1.5rem;
    text-align: center;
  }
  .btn_marketing,
  .btn_web,
  .btn_grafik {
    display: none;
  }
  #leistungen h2.first {
    min-width: 100%;
    font-size: 1.5rem;
    margin-top: 2rem;
    top: 0rem;
    position: relative;
    -webkit-animation: fade 1s linear;
    animation: fade 1s linear;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
    margin-bottom: 2rem;
  }
  #main .mod_article {
    flex-direction: column;
  }
  .box_aboutme {
    flex-direction: column;
  }
  .contact_text {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .box_experience {
    max-width: 100%;
    padding-left: 0%;
    padding-right: 0%;
    flex-basis: 100%;
  }
  .box_portrait {
    max-width: 100%;
    padding-left: 0%;
    padding-right: 0%;
    text-align: center;
    flex-basis: 100%;
  }
  .box_portrait h2 {
    margin-top: 0.5em;
    margin-bottom: 0.2em;
  }
  #leistungen {
    height: auto;
  }
  .mod_newslist figure {
    margin-right: 0;
  }
  .center_list {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding: 4%;
  }
  #main #referenzen.mod_article {
    flex-direction: row !important;
  }
  .box_aboutme .ce_text {
    align-self: flex-start;
    flex-basis: 100%;
    max-width: 100%;
    padding-top: 6%;
  }
  .box_aboutme .ce_image {
    align-self: flex-end;
    flex-basis: 100%;
  }
  #footer .inside {
    width: 80%;
  }
  #footer .nav_meta ul {
    text-align: center;
    margin: 0;
    display: flex;
    flex-direction: row;
  }
  #footer .nav_meta li {
    flex: 1;
    margin: 0;
    justify-content: space-between;
  }
  #footer .nav_meta li a {
    text-align: center;
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
  /* CONTENT > 767  < 1280*/
  .box_aboutme {
    padding-left: 10%;
    padding-right: 3%;
  }
  .box_aboutme .ce_text {
    align-self: flex-start;
    flex-basis: 40%;
    max-width: 40%;
    padding-top: 6%;
  }
  .box_aboutme .ce_image {
    align-self: flex-end;
    flex-basis: 60%;
  }
}

@media screen and (min-width: 768px) {
  /* NAVIGATION < 767   */
  #header .logo,
  #header .claim {
    flex: 1;
    flex-basis: auto;
    align-self: center;
  }
  .hamburger {
    display: none;
  }
  #header .claim h1,
  #header .claim h2 {
    font-size: 16px;
    letter-spacing: 1px;
    color: #ffffff;
    text-align: right;
    text-shadow: 0 -1px 1px black;
  }
  /* Navigation Onepager */
  #header .mod_onepagewebsitenavigation {
    width: 80%;
    padding-left: 10%;
    padding-right: 10%;
    display: flex;
    flex-direction: row;
    flex: 1;
  }
  #header .mod_onepagewebsitenavigation {
    min-height: 50px;
  }
  /* Navigation aktuell */
  .mod_onepagewebsitenavigation {
    width: 100%;
    background-color: #009CE0;
    color: #ffffff;
    z-index: 10;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: center;
    padding-left: 10%;
    padding-right: 10%;
    width: 80%;
    /*	padding: 0 calc((100% - (60% + 22.8em)) / 2);  */
  }
  .mod_onepagewebsitenavigation ul {
    display: inline-flex;
    margin: 0;
    flex-basis: auto;
    align-self: center;
    font-size: 14px;
  }
  .mod_onepagewebsitenavigation ul li {
    list-style: none;
  }
  .mod_onepagewebsitenavigation ul li.first {
    margin-left: -1rem;
  }
  .mod_onepagewebsitenavigation ul li a {
    color: #2B464B;
    text-decoration: none;
    font-weight: 400;
    letter-spacing: 1px;
    display: block;
    line-height: 60px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .mod_onepagewebsitenavigation ul li a:hover,
  .mod_onepagewebsitenavigation ul li a.active,
  .mod_onepagewebsitenavigation ul li a.trail {
    color: #ffffff;
    box-shadow: 2px 0 10px -5px #5C5D5F, -2px 0 10px -5px #5C5D5F;
  }
  /* navigation ohne onepager */
  #header .mod_navigation {
    width: 80%;
    padding-left: 10%;
    padding-right: 10%;
    display: flex;
    flex-direction: row;
    flex: 1;
  }
  #header .mod_navigation {
    min-height: 60px;
  }
  /* Navigation aktuell */
  .mod_navigation {
    width: 100%;
    background-color: #009CE0;
    color: #ffffff;
    z-index: 10;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: center;
    padding-left: 10%;
    padding-right: 10%;
    width: 80%;
    /*	padding: 0 calc((100% - (60% + 22.8em)) / 2);  */
  }
  .mod_navigation ul {
    display: inline-flex;
    margin: 0;
    flex-basis: auto;
    align-self: center;
    font-size: 14px;
  }
  .mod_navigation ul li {
    list-style: none;
  }
  .mod_navigation ul li.first {
    margin-left: -1rem;
  }
  .mod_navigation ul li a,
  .mod_navigation ul li span {
    color: #ffffff;
    text-decoration: none;
    font-weight: 400;
    letter-spacing: 1px;
    display: block;
    line-height: 60px;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: calc(24px + (30 - 24) * (100vw - 1920px) / (1920 - 400));
  }
  .mod_navigation ul li a:hover,
  .mod_navigation ul li a.active,
  .mod_navigation ul li a.trail,
  .mod_navigation ul li span:hover,
  .mod_navigation ul li span.active,
  .mod_navigation ul li span.trail {
    color: #5C5D5F;
    box-shadow: 2px 0 10px -5px #5C5D5F, -2px 0 10px -5px #5C5D5F;
  }
  /* Untermenü */
  .mod_navigation .level_2 {
    position: absolute;
    left: auto;
    height: 0;
    z-index: 9;
    background-color: #29abe4;
    overflow: hidden;
    top: calc(96px + 60px);
  }
  .mod_navigation .submenu:hover .level_2 {
    height: auto;
    display: block;
    text-align: left;
  }
  .mod_navigation .level_2 li a,
  .mod_navigation .level_2 li span {
    text-decoration: none;
    font-weight: 400;
    letter-spacing: 1px;
    padding-left: 2rem;
    padding-right: 1rem;
  }
  .mod_navigation .level_2 li {
    margin-left: -1rem;
  }
  /* HEADER */
  #header .header_container {
    height: 96px;
  }
  .btn_mobile {
    display: none;
  }
  .btn_marketing,
  .btn_web,
  .btn_grafik {
    flex: 1;
    display: block;
    top: -2rem;
  }
  .safari .btn_marketing,
  .safari .btn_web,
  .safari .btn_grafik {
    flex-basis: auto;
    display: block;
    top: -3rem;
  }
  .btn_marketing:hover,
  .btn_web:hover,
  .btn_grafik:hover {
    transform: scale(1.08);
  }
  #main .mod_article {
    flex-direction: row;
  }
  .box_aboutme {
    flex-direction: row;
  }
  .contact_text {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .box_experience {
    max-width: 50%;
    padding-left: 9%;
    padding-right: 0%;
    flex-basis: 50%;
  }
  .box_portrait {
    max-width: 30%;
    padding-left: 2%;
    padding-right: 9%;
    text-align: center;
    flex-basis: 30%;
  }
  .box_portrait h2 {
    margin-top: 0.5em;
    margin-bottom: 0.2em;
  }
  #leistungen {
    height: 450px;
  }
  #leistungen h2.first {
    min-width: 100%;
    /*align-self: start;*/
    font-size: 1.75rem;
    margin-top: 0rem;
    top: 5.5rem;
    position: relative;
    -webkit-animation: fade 4s linear;
    animation: fade 4s linear;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
    margin-bottom: 2.5em;
  }
  .mod_newslist figure {
    margin-right: 2em;
  }
  .center_list {
    margin-left: auto;
    margin-right: auto;
    max-width: 70%;
    padding: 2%;
  }
  /* Slider bisher
#referenzen {
	
}
#main #referenzen.mod_article  {
	flex-direction: row !important;
	height: calc(100vh - 196px);
	padding-bottom: 2em;
	min-height: 300px;
}

.mod_rocksolid_slider {
    width: 100%;
    height: 50vh;
    min-height: 300px;
}
.rsts-slide {
	height: 50vh;
	display: block;
	min-height: 300px;
}
*/
  /* Slider Anpassungen */
  /*
.rsts-main .image_container{
	height: 50vh;
	display: block;
	min-height: 300px;
}


.rsts-main .image_container img{
	width: auto;
	display: block;
	margin-left: auto;
    margin-right: auto;
    max-height: calc(100% - 100px);
}
.rsts-main .ce_text p,
.rsts-main .ce_text h3{
    text-align: center;
    display: block;
    position: absolute;
    margin-bottom: 0;
    width: 100%;
    bottom: 25vh;
    left: -30%;
    max-width: 20%;
    margin-left: 40%;
    padding-left: 1em;
    padding-right: 1em;
}
.rsts-skin-default-content.rsts-type-fade .rsts-slide {
	background-color: inherit;
}
.rsts-caption {
	display:none;
}
.rsts-nav li {
	margin-left: 0; // Listenpunkte reset//
}
.rsts-nav li.rsts-nav-prev {
	margin-left: 0;
}
.rsts-view {
	z-index: 2;
	height: calc(50vh - 60px);
}
.slider_background {
	position: absolute;
	background-color: #ffffff;
    height: calc(40vh / 2);
    padding-top: 1em;
	width: 60%;
    margin-left: 10%;
    margin-right: 30%;
    z-index: 1;
}
*/
}

/* deaktiviert 20241125 */
/*
#referenzen {
  padding-left: 0%;
  padding-right: 0%;
}
*/
/* Slider neuer Aufbau */
/*
#referenzen {
  width: 100%;
  height: calc(100vh - 96px - 50px);
  min-height: 610px;
}

.mod_rocksolid_slider {
  width: 100%;
  height: 100%;
  z-index: 3;
  align-self: center;
}

.rsts-view {
  height: 100%;
  align-self: center;
}

.rsts-crop {
  height: calc(100vh - 96px - 50px);
}

.rsts-slide {
  height: calc(100vh - 96px - 50px);
  min-height: 100%;
}

.rsts-skin-default-content.rsts-type-fade .rsts-slide {
  background-color: inherit;
}

.rsts-skin-default-content.rsts-type-fade .rsts-slide {
  height: auto;
}

.rsts-caption {
  display: none;
}

#referenzen .content_ref {
  display: flex;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  align-items: center;
}

#referenzen .image_container {
  width: 100%;
  text-align: center;
  display: flex;
  min-height: 100%;
}

#referenzen .image_container > img {
  margin: auto;
  padding-top: 0.5em;
  padding-bottom: 1em;
  width: auto;
  max-height: calc(100vh - 135px - 146px) !important;
}

#referenzen .slider_background {
  display: flex;
  width: 100%;
  height: 100%;
  bottom: 100%;
  position: relative;
}

#referenzen .slider_background_left {
  background-color: #F2F2F2;
  width: 66%;
}

#referenzen .slider_background_right {
  background: #244449;
  background: -moz-radial-gradient(center, ellipse cover, #244449 0%, #122325 100%);

  background: -webkit-radial-gradient(center, ellipse cover, #244449 0%, #122325 100%);
  background: radial-gradient(ellipse at center, #244449 0%, #122325 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#244449', endColorstr='#122325',GradientType=1 );
  width: 34%;
}

.rstss-close,
.rstss-prev,
.rstss-next {
  position: absolute;
  overflow: hidden;
  padding: 1em;
  border: 1px solid #c9c9c9;
  border-radius: 100%;
  font-size: .75em;
  line-height: 0;
  color: #757b7f;
  text-indent: -99em;
  background: white;
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  cursor: pointer;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.05);
}

.rstss-close:after,
.rstss-prev:after,
.rstss-next:after {
  font: 100%/1 "RockSolid Icons";
  content: "×";
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  text-indent: 0;
  display: inline-block;
  position: relative;
  display: block;
  text-indent: 0;
}

.rstss-close {
  top: -2em;
  right: -2em;
}

.rstss-prev,
.rstss-next {
  top: 50%;
  margin: -1.5833333333em;
}

.rstss-prev {
  left: -16.6666666667%;
}

.rstss-prev:after {
  content: "\e018";
}
*/
/*************** Slider Nav *************/
/*
.rsts-skin-default-content .rsts-nav {
  padding: 0 0 0;
}

.rsts-skin-default-content .rsts-nav-bullets {
  line-height: 0;
  display: block;
  z-index: 5;
  position: relative;
  top: -50%;
  align-self: start;
}

.rsts-skin-default-content .rsts-nav-item {
  display: none !important;
}

.rsts-nav-prev {
  position: absolute;
  left: 10%;
}

.rsts-nav-next {
  position: absolute;
  right: 10%;
}

.rsts-skin-default-content .rsts-nav-next a,
.rsts-skin-default-content .rsts-thumbs-next {

  content: '>';
}

.rsts-skin-default-content .rsts-nav-prev a,
.rsts-skin-default-content .rsts-nav-next a,
.rsts-skin-default-content .rsts-video-play,
.rsts-skin-default-content .rsts-video-stop,
.rsts-skin-default-content .rsts-thumbs-prev,
.rsts-skin-default-content .rsts-thumbs-next {
  overflow: hidden;
  width: 40px;
  height: 40px;
  -moz-border-radius: 3px;
  outline: none;
  line-height: 0;
  text-align: center;
  text-decoration: none;
  text-indent: -9999px;
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  background-position: 50% 50%;
  -webkit-transition: opacity 0.05s linear;
  -moz-transition: opacity 0.05s linear;
  -o-transition: opacity 0.05s linear;
  transition: opacity 0.05s linear;
}

@media only screen and (max-width: 699px) {
  #referenzen {
    width: 100%;
    height: auto;
  }
}
*/

/* ===========================================
 * Slider Content Slider V3 #ref
 * ======================================== */
/* 
#ref {
	display: flex;
	width: 100%;
	text-align: center;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
}
#ref > div {
	flex-basis: auto;
	align-self: stretch;
}
#ref .content_ref {
	align-self: stretch;
	flex-direction: column;
	height: 100%;
}
#ref .slider-control {
    width: 50vw;
}
#ref .slider-control .slider-menu {
    top: inherit;
    width: 100%;
    left: inherit;
    margin-left: auto;
    margin-right: auto;
    font-size: 27px;
    text-align: center;
}
.slider-control .slider-prev {
    display:none;
}
.slider-control .slider-next {
    display:none;
}
*/
/* ===========================================
 * Cookie Bar
 * ======================================== */
.mod_cms_cookie_bar {
	bottom:70px !important;
}
.mod_cms_cookie_bar form .formbody {
    margin: 0.7rem 30px !important;
}
.mod_cms_cookie_bar form {
    max-width: 84% !important;
}
.mod_cms_cookie_bar form p{
    font-size: 1rem;
}
    

/* ===========================================
 * News-Bereich
 * ======================================== */
.mod_newsreader .ce_gallery li {
  list-style: none;
}

.mod_newsreader .ce_gallery li.col_first {
  margin-left: 0;
}

/* Formular */
label {
  display: block;
}

input,
textarea,
select {
  margin-bottom: 1em;
  padding: 0.25em;
  border: 1px solid #292c37;
  outline: 0;
  width: 100%;
}

input:focus,
textarea:focus,
select:focus {
  border: 1px solid #009CE0;
}

.submit {
  background: #009CE0;
  text-align: center;
  padding: 0.75em 1em;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  border: none;
}

.submit:hover,
.submit:focus {
  background: #009CE0;
  border: none;
}

p.error {
  color: red;
  background: #009CE0;
  border: 2px solid red;
  padding: 0.5em;
  margin: 0 0 0.25em 0;
}

.widget-checkbox label {
  display: inline-block;
}

#worldmap {
  display: block !important;
  width: 100%;
}

#countries g path,
#countries g g path {
  fill: #507ac0;
}

#countries g g:hover path,
#countries g:hover path {
  fill: #C31936;
  cursor: pointer;
}

#ersterContainer, #zweiterContainer, #dritterContainer {
  display: none;
}

/* iPhone und iPod */
/*
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait)
{
	body
	{
	}
}
*(


/* iPad */
/*
@media only screen and (max-device-width: 768px) and (orientation:portrait), only screen and (max-device-width: 1024px) and (orientation:landscape)
{
	
}
*/
/* all */
/*
@media only screen{
	body
	{
	}
}
*/
/*

@media only screen and (min-width: 768px) and (max-width: 979px) {}

@media only screen and (min-width: 480px) and (max-width: 767px) {}

@media only screen and (min-width: 0) and (max-width: 479px) {}
*/

/* Für private Video-Seite */
.video_center {
	background: black;
	align-content: stretch;
    justify-content: center !important;
    min-height: 100vh;
}



/* Manuelle Abstandsklassen */
.mb3 {
	margin-bottom: 3rem;
}
.mb2 {
	margin-bottom: 2rem;
}
.mb1 {
	margin-bottom: 1rem;
}
.mt3 {
	margin-top: 3rem;
}
.mt2 {
	margin-top: 2rem;
}
.mt1 {
	margin-top: 1rem;
}

/* Sonderanpassungen SChriftgrößen */
.fontsize2 {
	font-size: 200%;
}
.fontsize3 {
	font-size: 300%;
}
.fontsize35 {
	font-size: 350%;
}
.fontsize4 {
	font-size: 400%;
}

.rstss-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 2.5%;
    z-index: 20;
    background: white;
    box-shadow: inset 10px 0 8px -10px rgba(0, 0, 0, 0.3)
}

.rstss-main {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 21;
    width: 100%;
    height: 100%
}

.rstss-main.rstss-zoomed {
    position: absolute
}

.rstss-crop {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    width: 97.5%;
    height: 100%;
    transition-property: width
}

.rstss-crop:after {
    content: "";
    position: absolute;
    top: 0;
    left: -20px;
    width: 20px;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3)
}

.rstss-content-wrap {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: white;
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.1);
    transform: translateZ(0)
}

.rstss-main.rstss-zoomed .rstss-content-wrap {
    box-shadow: none
}

.rstss-content {
    position: absolute;
    top: 5%;
    right: 20%;
    z-index: 1;
    width: 60%;
    transition-property: opacity
}

@media screen and (max-width: 1500px) {
    .rstss-content {
        right: 15%;
        width: 70%
    }
}

@media screen and (max-width: 1200px) {
    .rstss-content {
        right: 10%;
        width: 80%
    }
}

.rstss-title {
    margin: 0 0 2em;
    font-size: 1.125em;
    font-weight: bold;
    text-align: center
}

@media screen and (max-height: 500px) {
    .rstss-title {
        margin-bottom: .6666666667em
    }
}

.rstss-text {
    margin: 2.25em 0 0;
    text-align: center
}

@media screen and (max-height: 500px) {
    .rstss-text {
        margin-top: .75em
    }
}

.rstss-text.rstss-multi-line {
    text-align: left
}

.rstss-content-item {
    position: relative;
    margin: 0 auto
}

.rstss-content-item:before {
    content: "";
    position: absolute;
    top: -.625em;
    left: -.625em;
    z-index: -1;
    width: 100%;
    height: 100%;
    padding: .625em;
    border-radius: 6px;
    background: #f1f1f1;
    background: linear-gradient(#f1f1f1, #fff);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset
}

.rstss-content-item>iframe {
    width: 100%;
    height: 100%
}

.rstss-content-item>img {
    width: 100%;
    height: auto
}

.rstss-content-item>.rstss-html {
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.rstss-close,
.rstss-prev,
.rstss-next {
    position: absolute;
    overflow: hidden;
    padding: 1em;
    border: 1px solid #c9c9c9;
    border-radius: 100%;
    font-size: .75em;
    line-height: 0;
    color: #757b7f;
    text-indent: -99em;
    background: white;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    cursor: pointer;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.05)
}

.rstss-close:after,
.rstss-prev:after,
.rstss-next:after {
    font: 100%/1 "RockSolid Icons";
    content: "×";
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    display: block;
    text-indent: 0
}

.rstss-close {
    top: -2em;
    right: -2em
}

.rstss-prev,
.rstss-next {
    top: 50%;
    margin: -1.5833333333em
}

.rstss-prev {
    left: -16.6666666667%
}

.rstss-prev:after {
    content: "\e018"
}

@media screen and (max-width: 1500px) {
    .rstss-prev {
        left: -10.7142857143%
    }
}

@media screen and (max-width: 1200px) {
    .rstss-prev {
        left: -6.25%
    }
}

.rstss-next {
    right: -16.6666666667%
}

.rstss-next:after {
    content: "\e019"
}

@media screen and (max-width: 1500px) {
    .rstss-next {
        right: -10.7142857143%
    }
}

@media screen and (max-width: 1200px) {
    .rstss-next {
        right: -6.25%
    }
}







/*
	*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*/
.slider__navi {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	z-index: 999;
}

.slider__navi a {
	display: block;
	height: 6px;
	width: 20px;
	margin: 20px 0;
	text-indent: -9999px;
	box-shadow: none;
	border: none;
	background: rgba(0,0,0,0.2);
}

.slider__navi a.active {
	background: rgba(255,255,255,1);
}

/*body {
	position: relative;
	font-size: 100%;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	min-height: 100vh;
}
*/

.flex__container {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	flex-flow: row wrap; 
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	justify-content: flex-start;
	height: 100vh;
	width: 100%;
	z-index: 1;
}

.flex__container.flex--active {
	z-index: 2;
}

.text--sub {
	font-size: 12px;
	letter-spacing: 0.5rem;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.text--big {
	font-family: 'Poppins', sans-serif;
	font-size: 7.5em;
	font-weight: 700;
	line-height: 110px;
  margin-left: -8px;
}

.text--normal {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.8);
	line-height: 22px;
	margin-top: 25px;
}

.text__background {
	font-family: 'Poppins', sans-serif;
	position: absolute;
	left: 72px;
	bottom: -60px;
	color: rgba(0,0,0,0.05);
	font-size: 170px;
	font-weight: 700;
}

.flex__item {
	height: 100vh;
	color: #fff;
	transition: transform 0.1s linear;
}

.flex__item--left {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	width: 65%;
	transform-origin: left bottom;
	transition: transform 0.1s linear 0.4s;
	opacity: 0;
	position: relative;
	overflow: hidden;
}

.flex__item--right {
	width: 35%;
	transform-origin: right center;
	transition: transform 0.1s linear 0s;
	opacity: 0;
}

.flex--preStart .flex__item--left,
.flex--preStart .flex__item--right,
.flex--active .flex__item--left,
.flex--active .flex__item--right {
	opacity: 1;
}

/* Piplup */

.flex--piplup .flex__item--left {
	background: #3e9fe6;
}

.flex--piplup .flex__item--right {
	background: #d3eaef;
}

/* Pikachu */

.flex--pikachu .flex__item--left {
	background: #f8d41f;
}

.flex--pikachu .flex__item--right {
	background: #f4ecc5;
}

/* Blaziken */

.flex--blaziken .flex__item--left {
	background: #f64f37;
}

.flex--blaziken .flex__item--right {
	background: #ffebcd;
}

/* Dialga */

.flex--dialga .flex__item--left {
	background: #476089;
}

.flex--dialga .flex__item--right {
	background: #ade8f7;
}

/* Zekrom */

.flex--zekrom .flex__item--left {
	background: #424242;
}

.flex--zekrom .flex__item--right {
	background: #a7bcbb;
}

.flex__content {
	margin-left: 80px;
	width: 55%;
	opacity: 1;
	transform: translate3d(0,0,0);
	transition: transform 0.2s linear 0.2s, opacity 0.1s linear 0.2s;
}

.pokemon__img {
	position: absolute;
	bottom: 20px;
	right: 15%;
	max-height: 40vw;
	opacity: 1;
	transform: translate3d(0,0,0);
	transition: opacity 0.43s 0.6s, transform 0.4s 0.65s cubic-bezier(0, 0.88, 0.4, 0.93);
}

/* Animate-START point */

.flex__container.animate--start .flex__content {
	transform: translate3d(0,-200%,0);
	opacity: 0;
}

.flex__container.animate--start .pokemon__img {
	transform: translate3d(-200px,0,0);
	opacity: 0;
}

/* Animate-END point */

.flex__container.animate--end .flex__item--left {
	transform: scaleY(0);
}

.flex__container.animate--end .flex__item--right {
	transform: scaleX(0);
}

.flex__container.animate--end .flex__content {
	transform: translate3d(0,200%,0);
	opacity: 0;
}

.flex__container.animate--end .pokemon__img {
	transform: translate3d(200px,0,0);
	opacity: 0;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/../files/vilingo/grafik/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('../../files/fonts/slick.eot');
    src: url('../../files/fonts/slick.eot?#iefix') format('embedded-opentype'),
	url('../../files/fonts/slick.woff') format('woff'),
	url('../../files/fonts/slick.ttf') format('truetype'),
	url('../../files/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
	z-index: 8;	
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 40px;
    height: 40px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    /*color: transparent;*/
    border: none;
    outline: none;
    /*background: transparent;*/
    
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    /*! background: transparent; */
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
	z-index: 10;
    font-family: 'slick';
    font-size: 30px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 30px;
  
    background:url('../../files/vilingo/grafik/icn_prev.svg') no-repeat center center;

}
.slick-prev:hover,
.slick-prev:focus
{
    background:url('../../files/vilingo/grafik/icn_prev_hov.svg') no-repeat center center;
}

[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    /*! content: '←'; */
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: 30px; 
    background:url('../../files/vilingo/grafik/icn_next.svg') no-repeat center center;
}
.slick-next:hover,
.slick-next:focus
{
	background:url('../../files/vilingo/grafik/icn_next_hov.svg') no-repeat center center;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    /*! content: '→'; */
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 4px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 12px;
    line-height: 20px;

    position: absolute;
    top: 8px;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


.bg_petrol {
	background: #244449;
    background: -moz-radial-gradient(center, ellipse cover, #244449 0%, #122325 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #244449 0%, #122325 100%);
    background: radial-gradient(ellipse at center, #244449 0%, #122325 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#244449', endColorstr='#122325',GradientType=1 );
}
.bg_petrol h3 {
	color: #fff;
}

.slick-container {
	padding-left: 10%;
	padding-right: 10%;
}

.slick-slide {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	/*height: calc(100vh - 135px - 146px) !important; */
	align-items: center;
}

.slick-slide .ce_text{
	padding-left: 10%;
	-ms-flex:1;
	flex:1;

}
.slick-slide .ce_image {
	-ms-flex:3;
	flex:3;
}

.slick-slide .image_container {
	
	/*margin-left: 44%;*/

   
}

.slick-slide img {
	padding-right: 10%;
	padding-top: 2em;
	padding-bottom: 2em;
	/*margin-left: -64%;*/
}

/*#referenzen-slick{
	
	background-color: #F2F2F2;
	
}*/

/* 768px ---------------------------------------------------------------------------------- */
@media only screen and (max-width: 1200px) {
.slick-slide .ce_text{
	padding-left: 0;
	-ms-flex:1;
	flex:1;

}
.slick-slide .ce_image {
	-ms-flex:2;
	flex:2;
}
} /* end max-width: 768px */


/* 768px ---------------------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
	
.slick{
	max-width: 100%;
}	
	
.slick-track{
	/*background-color: fuchsia;*/
}	
	
.slick-slide{
	display: block !important;
}	

.slick-slide .ce_text{
	padding-left: 0;
	-ms-flex:inherit;
	flex:inherit;

}
.slick-slide .ce_image {
	-ms-flex:inherit;
	flex:inherit;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.slick-slide figure{
	max-width: 100%;
}
} /* end max-width: 768px */


/* 480px ---------------------------------------------------------------------------------- */
@media only screen and (max-width: 480px) {
    .slick-slide {
      margin: 0px;
    }
} /* end max-width: 480px */


/*** ***/
/*
.container_static{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	width: 100%;
}
.bg-left{
	flex:2;
	background-color: #F2F2F2;
	height: calc(100vh - 135px - 146px);
}
.bg-right{
	background: #244449;
    background: -moz-radial-gradient(center, ellipse cover, #244449 0%, #122325 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #244449 0%, #122325 100%);
    background: radial-gradient(ellipse at center, #244449 0%, #122325 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#244449', endColorstr='#122325',GradientType=1 );
    flex:1;
	height: calc(100vh - 135px - 146px);
}
.headline-static{
	position: absolute;
    z-index: 3;
    text-align: center;
    width: 100%;
}
.slick-slide{
	top: -100%;
	position: relative;
	height: calc(100vh - 135px - 146px) !important;
	z-index:4;
}
*/



/*** ***/
/*
.slick-slide {
	
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    height: 100vh;
    width: 100%;
    z-index: 1;
	
}
.slick_item_left {
	padding-left: 10%;
	-ms-flex:1;
	flex:1;
	
	display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    width: 65%;
    transform-origin: left bottom;
    transition: transform 0.1s linear 0.4s;
    opacity: 0;
    position: relative;
    overflow: hidden;
	
}
.slick_item_right {
	flex: 4;
	background: #244449;
    background: -moz-radial-gradient(center, ellipse cover, #244449 0%, #122325 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #244449 0%, #122325 100%);
    background: radial-gradient(ellipse at center, #244449 0%, #122325 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#244449', endColorstr='#122325',GradientType=1 );
    
    width: 35%;
    transform-origin: right center;
    transition: transform 0.1s linear 0s;
    opacity: 0;
}

.slick-slide ce_image {
	position: absolute;
    bottom: 20px;
    right: 15%;
    max-height: 40vw;
    opacity: 1;
    transform: translate3d(0,0,0);
    transition: opacity 0.43s 0.6s, transform 0.4s 0.65s cubic-bezier(0, 0.88, 0.4, 0.93);
}

*/