/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ 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{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}header,footer,nav,section,aside,article,figure,figcaption{display:block}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} .rsts-main,.rsts-main *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rsts-header,.rsts-footer,.rsts-thumbs-header,.rsts-thumbs-footer{overflow:hidden}.rsts-view,.rsts-thumbs-view{position:relative}@media print{.rsts-view,.rsts-thumbs-view{position:static}}.rsts-crop,.rsts-thumbs-crop{position:relative;overflow:hidden}@media print{.rsts-crop,.rsts-thumbs-crop{position:static;overflow:visible;width:auto !important;height:auto !important;transform:none !important}}.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:absolute;left:0;top:0}@media print{.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:static;width:auto !important;height:auto !important;transform:none !important}.rsts-slides.rsts-slide-image img,.rsts-slides.rsts-slide-video img,.rsts-slides.rsts-thumbs-slide-image img,.rsts-slides.rsts-thumbs-slide-video img,.rsts-slide.rsts-slide-image img,.rsts-slide.rsts-slide-video img,.rsts-slide.rsts-thumbs-slide-image img,.rsts-slide.rsts-thumbs-slide-video img,.rsts-thumbs-slides.rsts-slide-image img,.rsts-thumbs-slides.rsts-slide-video img,.rsts-thumbs-slides.rsts-thumbs-slide-image img,.rsts-thumbs-slides.rsts-thumbs-slide-video img,.rsts-thumbs-slide.rsts-slide-image img,.rsts-thumbs-slide.rsts-slide-video img,.rsts-thumbs-slide.rsts-thumbs-slide-image img,.rsts-thumbs-slide.rsts-thumbs-slide-video img{width:100% !important;height:auto !important;margin:0 !important}}.rsts-slide,.rsts-thumbs-slide{overflow:hidden}@media print{.rsts-slide,.rsts-thumbs-slide{position:static}}.rsts-video-iframe,.rsts-thumbs-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.rsts-type-slide .rsts-view,.rsts-thumbs-type-slide .rsts-thumbs-view{cursor:url("../../system/modules/rocksolid-slider/assets/img/openhand.cur"),default;cursor:-webkit-grab;cursor:-moz-grab;cursor:-ms-grab;cursor:-o-grab;cursor:grab}.rsts-type-slide.rsts-dragging .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging .rsts-thumbs-view{cursor:url("../../system/modules/rocksolid-slider/assets/img/closedhand.cur"),default;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-ms-grabbing;cursor:-o-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rsts-type-slide.rsts-dragging-disabled .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging-disabled .rsts-thumbs-view{cursor:auto}@media print{.rsts-nav,.rsts-prev,.rsts-next,.rsts-overlay-prev,.rsts-overlay-next,.rsts-progress,.rsts-thumbs-nav,.rsts-thumbs-prev,.rsts-thumbs-next,.rsts-thumbs-overlay-prev,.rsts-thumbs-overlay-next,.rsts-thumbs-progress{display:none !important}} .rsts-skin-default.rsts-main{position:relative}.rsts-skin-default.rsts-type-fade .rsts-slide{background-color:#fff}.rsts-skin-default .rsts-caption{position:absolute;top:20px;left:20px;margin-right:20px;padding:5px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;background-color:#000;background-color:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:translate(0, -20px);-moz-transform:translate(0, -20px);-ms-transform:translate(0, -20px);-o-transform:translate(0, -20px);transform:translate(0, -20px);-webkit-transition:opacity 0.5s,-webkit-transform 0.5s;-moz-transition:opacity 0.5s,-moz-transform 0.5s;-o-transition:opacity 0.5s,-o-transform 0.5s;transition:opacity 0.5s,transform 0.5s}.rsts-skin-default .rsts-active .rsts-caption{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;right:55px;bottom:15px;overflow:hidden;width:30px;height:30px;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;line-height:0;text-align:center;text-decoration:none;text-indent:-9999px;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAilBMVEUHBwg/QEF5enp5ensCAwQHCAhzdHUAAQEGBwh8fX37+/svMDBub3COjo9yc3NtbW709fWvsLDm5uba2trR0dEuLi6Pj4/Q0NDl5eXZ2toFBgfz8/MuLy/09PT29vb8/Pz6+vp7e3x0dXZzdHT4+Pj39/f9/v3+/v79/f3///8EBQb5+fkAAAD19fVMP6q+AAAALnRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8hTP8QAAAJ1JREFUeNrV0lkPwiAMAOB53zrva2xOxQm0///vWZ4a1o3EN20gNPnSlFASRKVQIS2KFHPKaPvcH8St8WesXYzddVMIZn3NZ1tTZ9Y7QLa7MdfVWlgYZqk9lzML7VZPbGCdDsFekpI14GoN/fGoY6aqkbVaUvVg0lKN7v3wvcuwt/Tg5tIPRjA77I/i1dhX2dnEJnYq4vP+2a/4FX8AsSOXytKixMYAAAAASUVORK5CYII=");-webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);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 (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{background-image:url("data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAIVBMVEWhoaE7PD15enqVlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXsWX/bAAAAC3RSTlOAgICAgICAgICAgMiF55wAAAB9SURBVHja7dUxEoAgFANRFBTw/ge2YythEivHn/6VmU3XiwUOHPhPuGYf196zjLHPOi0tWsBYtICx/Zxgw4INCzYs2LBgw4INC55ZFadhN+NVbeh9jhf6mGJDgw0NNjTY0GBDgz0NXusiYDRWwGisgNHFL0Yrnwxd4MCBtd3+EosAicYyWQAAAABJRU5ErkJggg==");background-size:30px,30px}}.rsts-skin-default .rsts-prev:hover,.rsts-skin-default .rsts-next:hover,.rsts-skin-default .rsts-video-play:hover,.rsts-skin-default .rsts-video-stop:hover,.rsts-skin-default .rsts-thumbs-prev:hover,.rsts-skin-default .rsts-thumbs-next:hover{background-color:#eee;background-color:rgba(238,238,238,0.7)}.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{right:20px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAkFBMVEUBAQLPz9AlJiYlJifS0tIsLS0nJyjQ0dDR0tIBAQElJSYrLC2tra39/PwFBQYFBgf6+fmBgYKCgoL9/f339vZBQULIycnIyMiCg4PR0dEmJycmJyjMzMz8/Pzl5eXj4+MCAwQGBwghIiP09PT7+/shIiL6+vrNzs7Nzc0iIyP29vb39/cHCAkAAAD////19fV/WdL3AAAAMHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICRnvRdAAAAnklEQVR42tXSxw7CMAwG4LL3XqUtLdRQqNPY7/92WEJVDhkSN7B8iPTpl6M4ETMAA0t/ChmwPTELe+uPGKsQKywWflYUJxn5eI9xpOsneXidp7pp3Wa+dHrGbWY6d43bLD673nR9vLsZaL5cNfoAyp0eDyRdntxp6icy+/Ei981HqVGLq3xo1GaFm4kuRb1vvp1mFNzYLrzvn/2KX/MbXNOe099MDj0AAAAASUVORK5CYII=")}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{background-image:url("data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAHlBMVEWhoaE7PD2VlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXtfGSSAAAACnRSTlOAgICAgICAgICAXdxslAAAAHxJREFUeNrt1TEOgDAMxdDSAi33vzBbPVUoZkLE+1O2/HK9KHHixH/A9fS4jnGGMfZZl6VFBzAWHcLHQD9gocFCg4UGCw0WGiw0WGjwum3qEsb7tH1xWViwsGBhwcKChQULC5Z2jRs2itHdfc+GjWB094vR+ieHLnHixK4bjyV89TB6vlgAAAAASUVORK5CYII=");background-size:30px,30px}}.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;top:50%;right:10px;margin-top:-15px}.rsts-skin-default .rsts-thumbs-prev{right:auto;left:10px}.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUgISLDw8MgICGUlZaIiImSk5PCwsP9/f39/PyHh4iUlJWSkpLX2NgAAQIoKSkGBwgdHR7Ly8skJSYEBAXHyMj+/v739/ciIyMhIiImJyfNzc3S0tL8/Pz7+/v29vYHCAnNzs4AAAD////19fVh+HN2AAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAiUlEQVR42uXRyQ7CMAwE0LC2QHfaQkji1sP//yNR1csEiXMlfPFI7zCWbN7JCCVmnj9i738x2hbMpHPTzCAmfag+XyAmrWt2QzqV5URuSLWqdHXmsDMRbFHYuPbnkPBw0rtaBzgbw21IWPKjdg6xxHV68ZJ2j9mhXyrRX/34fblgLQyQLf57S/wBI9V2nx3O9QoAAAAASUVORK5CYII=")}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url("data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAeUlEQVR42u3UMQ6AMAzF0A8BmvufGHVpyOIOFRJI8f5WyxcqXLhw4U9jLeCznYzRNtYi2zsIs2UttqzFlrXYshZb1mLLWmg31iJ7+YVaaJ210GY9x/awWdsc+z5s1uaEQ4cNbY449LChzQFn3W3S9qsBFi5cuPDr+AYQcW8C6kiUiAAAAABJRU5ErkJggg==");background-size:30px,30px}}.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUwMTKKi4suLzAGBwja2trR0dEwMDEuLi/Q0NDZ2dmJiYp7e3x6e3t/gIEAAQL09PTn5+f6+vr8/Px0dHVwcHH8/f329vYFBgdzdHT+/v79/v339/f9/f3///90dXb4+Pj5+fkEBQYAAAD19fUC5l8BAAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAnElEQVR42uXSyQ4CIQwG4HEddRZmZUSEQnn/d7RkSAi4HI2Jf6AlfIceoHCOMcccrTXcMR5OtInf5k/YyLVL84qHjoHvwLrhmdW+0AJIhT6eVc79YYtYCQBRIZanPmO1QWuxVqr2/aIylqD9fdP4OoLMZ5sb+dK2i8Xr3cTZie+CRk49aOTUcSRNOfo8TXPUnB1QPj0J5z/5Hb7OD7UPdeTEuFeXAAAAAElFTkSuQmCC")}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url("data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAg0lEQVR42u3UMQ6EMAxE0WVDYu5/YhpLXzBSRkAF8i9tvXZ+24MKFy5c+HP4P06H0RzGRoyjjWgOY1Nj0YLFpsaip7hFNrBog3ug02brDKsWK3imxQqe6EWsxWi1HqOxHqONBTuN9RiN9Vg11mPVWI9V99tL0rEe6/dVA1i4cOHCl9oBak1vAkBKLfwAAAAASUVORK5CYII=");background-size:30px,30px}}.rsts-skin-default.rsts-video-playing .rsts-nav,.rsts-skin-default.rsts-video-playing .rsts-prev,.rsts-skin-default.rsts-video-playing .rsts-next{display:none}.rsts-skin-default.rsts-video-playing .rsts-nav-thumbs{display:block}.rsts-skin-default.rsts-touch .rsts-nav-numbers,.rsts-skin-default.rsts-touch .rsts-nav-tabs{display:none}.rsts-skin-default .rsts-nav{position:absolute;right:95px;bottom:12px;left:10px;text-align:right}.rsts-skin-default .rsts-nav ul{margin:0 !important;padding:0 !important}.rsts-skin-default .rsts-nav li{display:inline}.rsts-skin-default .rsts-nav-numbers a,.rsts-skin-default .rsts-nav-tabs a{display:inline-block;height:30px;min-width:30px;padding:0.65em 0.5em 0.5em;margin:0 2px 3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;font-size:12px;text-align:center;text-decoration:none;color:#fff;background-color:#555;background-color:rgba(85,85,85,0.6);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.2);box-shadow:0 0 2px rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in}.rsts-skin-default .rsts-nav-numbers a:hover,.rsts-skin-default .rsts-nav-numbers a.active,.rsts-skin-default .rsts-nav-tabs a:hover,.rsts-skin-default .rsts-nav-tabs a.active{color:#333;background-color:#fff;background-color:rgba(255,255,255,0.5)}.rsts-skin-default:hover .rsts-nav-numbers a,.rsts-skin-default:hover .rsts-nav-tabs a{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.rsts-skin-default .rsts-nav-bullets{line-height:0}.rsts-skin-default .rsts-nav-bullets a{display:inline-block;width:9px;height:9px;overflow:hidden;margin:12px 4px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;outline:none;text-align:left;text-indent:-999px;background-color:#fff;background-color:rgba(255,255,255,0.8);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px #777;-moz-box-shadow:0 0 2px #777;box-shadow:0 0 2px #777}.rsts-skin-default .rsts-nav-bullets a:hover,.rsts-skin-default .rsts-nav-bullets a.active{background-color:#777;-webkit-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;-moz-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555}.rsts-skin-default .rsts-nav-thumbs{position:static;padding-top:5px}.rsts-skin-default .rsts-nav .rsts-nav-prev,.rsts-skin-default .rsts-nav .rsts-nav-next{display:none}.rsts-skin-default .rsts-video-play{top:50%;right:auto;bottom:auto;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAb1BMVEU4ODgGBgbx8fGurq7i4uIODg5QUFD7+/vBwcEUFBQYGBggICC1tbXNzc0JCQkVFRWsrKwTExPExMTS0tImJibv7+9KSkozMzP4+PhYWFj+/v6Dg4MDAwPl5eVycnKenp4MDAza2toPDw////8AAACZ5/RyAAAAJXRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAwmBGiwAAALNJREFUeNrt1kcOwkAQRFFyxsYmBxtDc/8zIrGpA/xaWKhnO9KT5ncvZvCxnGSSSSaZv2GK0sIsFzMHM53MWwPzfkU8OwsT9cHCRHOyMHFpLYwCIUaBEKNAiFEgxCgQYhSIMQrEGAXijAJxJrZrC7NZGZjb/WF41PHqSLw/Owa+q9D6KQthlAUwykIYZSGMsiBGWRCjLIhRFsQoC2Ga0S8LZMqx7gAzLPr0aUsmmWSS6SXzBf8cqwAv1zglAAAAAElFTkSuQmCC")}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-play{background-image:url("data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAMAAACZHrEMAAAARVBMVEUJCQlOTk4nJyddXV1gYGD29vbh4eGTk5PAwMA2NjYYGBgGBga3t7dUVFQtLS0SEhKHh4fb29sDAwPz8/NaWlr///8AAACZTZFgAAAAF3RSTlOAgICAgICAgICAgICAgICAgICAgICAgCZn8kAAAAFfSURBVHja7dpZUsMwFAVR5gDRLMT+l8r1Cqjih/5oLyB1kurYlp4evkGXGDFixIgRI0aMGDFixIgRI0aMGDFifseQvsBfPvjrdgdhzvsnCHPePkCY8/oCwpxzu4MwCQeESTggTMIBYa5wQJiEA8IkHBAm4YAwVzggTMIBYRIOCJNwQJgrHBAm4YAwCQeESTggzBUOCJNwQJiEA8IkHBDmCgeESTggTMIBYRIOCHOFA8IkHBAm4YAw5/UZhDn7iYOZjfPLlM5pZizMv2lXzk1vNs4duHTOs2kszFN7V87L1WycN73SOe/AY2FWB7tyFnGzcVaUpXPW2mNhdiF25WwWzcbZuSqds6c3Fma3c1fOpvRsnB3y0jmzg7EwU5VdOcOv2TiTuNI5M8qxMNPbXTlD9tk4E//SOWchxsKcEnmsoMM8qGNOYsRgLjFixIgRI0aMGDFixIgRI0aMGDH/e/0Ai4OJ2+ZcrkwAAAAASUVORK5CYII=");background-size:70px,70px}}.rsts-skin-default .rsts-video-stop{top:20px;right:20px;left:auto;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEWnp6dOTk7x8fHv7+9HR0fw8PDu7u7e3t5NTU3f398UFBQTExP4+PhLS0tvb29xcXH09PRJSUn39/fn5+cWFhampqb29vZISEhMTExLS0ukpKT////r6+sAAAD///8AAABKSkr19fUAAAD///8df9PJAAAAJHRSTlN6e35+e35+e3t7fX1/fHl5fXt/e315fnt7e3p/foGBfnt9gIDdofLFAAAAk0lEQVR42u2SSQ7DIAxF03nKPBEC2Ni9/x3jsMXqsuqiljxITx/8EcX7Y/wxuOmUhmPhIMdlg4akzxGbMscrBu4IyHLANce+Ymb7WKRWPsdyqpCnZJzVzUmUEgvpxmAYA4dxAB3TIanvupqisJdkRwr2O403K9V43bdpgaLuu6/x3KY7sO7VN7+m4TI5+K3v8H28AYM7doAzbo6MAAAAAElFTkSuQmCC")}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-stop{background-image:url("data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAALVBMVEXo6OjGxsZjY2PKysq3t7ewsLCOjo7f39+Pj4/l5eVfX19hYWHj4+NRUVH///80A/15AAAAD3RSTlOGkL2PlZemiKWHvr2HyICcCOzTAAAAv0lEQVR42u3VSQ7DIAxA0bRJSBjs+x83mzYfNnatLqpKeM0THmRY9IuYeOKJJ7bwlsdTWwCfUpsS+Smni7EipfVW5PQwtte5iqAdvIvcGiuy25gs0e1ta7YwuqJ76+NRr6P1MbkSTM7HaKyP0QXK1HyMxgaxrjde1cBe1TV4MzZeMxYdm7OvF9OWR7H0YtpDG/ojnDurnc6hfT7Iw9tnImE7ney00bdFJ3Uw+mXpQoq822Nv8/Yf383EE0/8G3wBfh3Bcn7dsMIAAAAASUVORK5CYII=");background-size:30px,30px}}.rsts-skin-default .rsts-video-youtube>.rsts-video-stop{top:25px}.rsts-skin-default .rsts-video-vimeo>.rsts-video-stop{top:10px;right:auto;left:10px}.rsts-skin-default .rsts-video-ipad>.rsts-video-iframe{padding-top:32px;background-color:#000}.rsts-skin-default .rsts-video-ipad>.rsts-video-stop{top:1px;right:1px;left:auto}.rsts-skin-default .rsts-progress{position:absolute;top:0;right:0;width:100%;height:2px;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.rsts-skin-default .rsts-progress div{height:100%;background-color:#fff}.rsts-skin-default .rsts-progress.rsts-progress-active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}.rsts-skin-default .rsts-thumbs-slide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.rsts-skin-default .rsts-thumbs-slide.rsts-thumbs-active-thumb{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} /* dk_masonry global styles */ .masonry .image_container img { vertical-align: bottom; } .masonry > div, .masonry > section { float: left; } /* -- dk_masonry theme 'standard' :: copyright 2013-2015 by Dirk Klemmt -- */ /* global */ .msry_theme_standard.ce_masonry_gallery { padding: 10px; } .msry_theme_standard .masonry_gallery { overflow: hidden; } /* loader */ .msry_theme_standard .masonry_gallery.loading, .msry_theme_standard .masonry_item img.loading { min-width: 75px; min-height: 75px; background: #f5f5f5 url("data:image/gif;base64,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") center no-repeat; } /* slides */ .msry_theme_standard .masonry_gallery { margin-bottom: 10px; padding: 5px; background-color: #f5f5f5; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .01), 0 1px 5px rgba(0, 0, 0, .1); } /* captions */ .msry_theme_standard .masonry_gallery figcaption { box-sizing: border-box; position: absolute; bottom: 5px; padding: 3px 6px; z-index: 1; color: white; background: rgba(0, 0, 0, .5); opacity: 0; } .msry_theme_standard .masonry:not(.loading) .masonry_gallery figcaption { -webkit-animation-name: fadeInUp; -webkit-animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-delay: 1s; animation-name: fadeInUp; animation-fill-mode: both; animation-duration: 1s; animation-delay: 1s; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } /* * folded navi -> */ .useFoldedNavi.showClickableArea .foldedNaviToggler { background-color: rgba(255, 155, 0, 0.5); } .verticalNavigation.useFoldedNavi .foldedNaviToggler, .useFoldedNavi .verticalNavigation .foldedNaviToggler { position: absolute; right: 0px; border: none; padding: 2px; cursor: pointer; z-index: 1; } .unfoldReactsOnWholeMenuItem.verticalNavigation.useFoldedNavi .foldedNaviToggler, .verticalNavigation.useFoldedNavi .unfoldReactsOnWholeMenuItem > .foldedNaviToggler, .useFoldedNavi .unfoldReactsOnWholeMenuItem.verticalNavigation .foldedNaviToggler, .useFoldedNavi .verticalNavigation .unfoldReactsOnWholeMenuItem > .foldedNaviToggler { left: 0px; } .verticalNavigation.useFoldedNavi .foldedNaviToggler::after, .useFoldedNavi .verticalNavigation .foldedNaviToggler::after { content: "" !important; display: block; width: 32px; height: 32px; background-size: 12px; background-position: right center; background-repeat: no-repeat; } .unfoldReactsOnWholeMenuItem.verticalNavigation.useFoldedNavi .foldedNaviToggler::after, .verticalNavigation.useFoldedNavi .unfoldReactsOnWholeMenuItem > .foldedNaviToggler::after, .useFoldedNavi .unfoldReactsOnWholeMenuItem.verticalNavigation .foldedNaviToggler::after, .useFoldedNavi .verticalNavigation .unfoldReactsOnWholeMenuItem > .foldedNaviToggler::after { width: auto; } .horizontalNavigation.useFoldedNavi .foldedNaviToggler, .useFoldedNavi .horizontalNavigation .foldedNaviToggler { position: absolute; right: 0px; top: 0px; bottom: 0px; width: 16px; border: none; padding: 2px; cursor: pointer; z-index: 1; } .unfoldReactsOnWholeMenuItem.horizontalNavigation.useFoldedNavi .foldedNaviToggler, .horizontalNavigation.useFoldedNavi .unfoldReactsOnWholeMenuItem > .foldedNaviToggler, .useFoldedNavi .unfoldReactsOnWholeMenuItem.horizontalNavigation .foldedNaviToggler, .useFoldedNavi .horizontalNavigation .unfoldReactsOnWholeMenuItem > .foldedNaviToggler { left: 0px; width: auto; } .horizontalNavigation.useFoldedNavi .foldedNaviToggler::after, .useFoldedNavi .horizontalNavigation .foldedNaviToggler::after { content: "" !important; display: block; background-size: 10px; background-position: right center; background-repeat: no-repeat; bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .useFoldedNavi .foldedNaviToggler.lsUnfoldClosed::after { background-image: url("../../files/themefiles/images/misc/arrow_right.png"); } .useFoldedNavi .foldedNaviToggler.lsUnfoldClosed.lsUnfoldRunning::after { background-image: url("../../files/themefiles/images/misc/arrow_down.png"); } .useFoldedNavi .foldedNaviToggler.lsUnfoldOpen::after { background-image: url("../../files/themefiles/images/misc/arrow_down.png"); } .useFoldedNavi .foldedNaviToggler.lsUnfoldOpen.lsUnfoldRunning::after { background-image: url("../../files/themefiles/images/misc/arrow_right.png"); } /* #lsOcNaviToggler.lsOcNaviOpen { content: url("../../files/themefiles/images/misc/plusrosa.svg")!important; } #lsOcNaviToggler.lsOcNaviClosed { content: url("../../files/themefiles/images/misc/minusrosa.svg")!important; } */ .useFoldedNavi ul li { position: relative; padding-top: 0px; padding-bottom: 0px; } .useFoldedNavi ul.level_1 ul { display: none; overflow: hidden; } .horizontalNavigation.useFoldedNavi ul.level_1 ul:not(.lsUnfoldRunning), .useFoldedNavi .horizontalNavigation ul.level_1 ul:not(.lsUnfoldRunning) { overflow: visible; } .useFoldedNavi ul.level_2 li { margin-left: 15px; } /* * <- folded navi */ @media only screen and (max-width: 768px) { *:not(#offCanvasContainer) > .bigScreenOnly { display: none; } } #offCanvasContainer { display: none; padding-top: 40px !important; } #offCanvasContainer .ls_languageSelector { left: 10px; position: absolute; top: 15px; } #lsOcNaviToggler.lsOcNaviOpen { content: url("../../files/themefiles/images/misc/minusrosa.svg")!important; } #lsOcNaviToggler.lsOcNaviClosed { content: url("../../files/themefiles/images/misc/plusrosa.svg")!important; } @media only screen and (max-width: 768px) { #offCanvasContainer { display: block; } nav#mainNavigation.horizontalNavigation { display: none; } } /* * horizontal navigation -> */ .horizontalNavigation { overflow: visible; position: relative; } .horizontalNavigation ul { margin: 0; } .horizontalNavigation ul li { position: relative; list-style: none; margin-left: 0px; } .horizontalNavigation ul li span, .horizontalNavigation ul li a { padding-right: 15px; color: #777777; font-size: 1.2rem; text-decoration: none; display: block; } .horizontalNavigation ul li.last a { padding-right: 0px; } .horizontalNavigation ul.level_1 > li.last { margin-right: 0px; } .horizontalNavigation ul.level_1 > li { display: inline-block; margin-right: 10px; padding-bottom: 10px; padding-top: 10px; } .horizontalNavigation li:hover > span, .horizontalNavigation li:hover > a, .horizontalNavigation span:hover, .horizontalNavigation a:hover, .horizontalNavigation span.active, .horizontalNavigation a.active, .horizontalNavigation span.trail, .horizontalNavigation a.trail { color: #BF3737 } .horizontalNavigation:not(.useFoldedNavi) span.submenu, .horizontalNavigation:not(.useFoldedNavi) a.submenu { background-image: url("../../files/themefiles/images/misc/arrow_right.png"); background-size: 10px; background-position: right center; background-repeat: no-repeat; } .horizontalNavigation:not(.useFoldedNavi) span.trail, .horizontalNavigation:not(.useFoldedNavi) a.trail { background-image: url("../../files/themefiles/images/misc/arrow_down.png"); background-size: 10px; background-position: right center; background-repeat: no-repeat; } .horizontalNavigation .submenu ul { position: absolute; display: none; background-color: rgba(255,255,255,1.0); box-shadow: 3px 15px 10px rgba(0,0,0,0.8); padding: 20px; padding-right: 10px; } .horizontalNavigation:not(.useFoldedNavi) .submenu:hover > ul { display: block; } .horizontalNavigation .submenu ul.level_2 { top: 100%; left: 0px; border-top: 1px solid #BF3737; text-align: left; } .horizontalNavigation .submenu ul.level_2 ul { top: 0px; left: 100%; } .horizontalNavigation .submenu ul li { padding-top: 5px; padding-bottom: 5px; padding-right: 10px; margin-right: 0px; white-space: nowrap; } /* * useMaxWidthNavi */ .horizontalNavigation.useMaxWidthNavi ul.level_2 { padding: 20px; } .horizontalNavigation.useMaxWidthNavi ul.level_2 > li { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; display: inline-block; margin: 0 -6px 0 0 !important; padding: 5px !important; vertical-align: top; } .horizontalNavigation.useMaxWidthNavi ul.level_2 > li > a, .horizontalNavigation.useMaxWidthNavi ul.level_2 > li > span { font-weight: bold; } .horizontalNavigation.useMaxWidthNavi ul.level_2 > li > a.submenu, .horizontalNavigation.useMaxWidthNavi ul.level_2 > li > span.submenu { border-bottom: 1px solid #CCCCCC; padding-bottom: 5px; } .horizontalNavigation.useMaxWidthNavi ul.level_2 ul.level_3 > li.submenu { margin-top: 10px; margin-bottom: 10px; } .horizontalNavigation.useMaxWidthNavi ul.level_3 > li > a.submenu, .horizontalNavigation.useMaxWidthNavi ul.level_3 > li > span.submenu { border-bottom: 1px solid #CCCCCC; padding-bottom: 5px; } .horizontalNavigation.useMaxWidthNavi ul.level_2 ul.level_3, .horizontalNavigation.useMaxWidthNavi ul.level_2 ul.level_4 { display: block; position: relative; left: auto; padding: 0; box-shadow: none; } .horizontalNavigation.useMaxWidthNavi ul.level_2 ul.level_3 > li, .horizontalNavigation.useMaxWidthNavi ul.level_2 ul.level_4 > li { margin: 0; } .horizontalNavigation.useMaxWidthNavi ul.level_2 ul.level_3 > li > a, .horizontalNavigation.useMaxWidthNavi ul.level_2 ul.level_3 > li > span { font-size: 1.1rem; } .horizontalNavigation.useMaxWidthNavi ul.level_2 ul.level_4 > li > a, .horizontalNavigation.useMaxWidthNavi ul.level_2 ul.level_4 > li > span { font-size: 0.85rem; } /* * <- horizontal navigation */ /* * vertical navigation */ .verticalNavigation { margin-bottom: 20px; } .verticalNavigation ul { margin-bottom: 0px; } .verticalNavigation ul li { list-style: none; margin-left: 0px; } .verticalNavigation ul li a, .verticalNavigation ul li span { display: block; position: relative; padding-top: 5px; padding-bottom: 5px; } .verticalNavigation ul li:not(:last-child) { border-bottom: 1px solid #CDCDCD; } .verticalNavigation ul.level_2 li:first-child { border-top: 1px solid #CDCDCD; } .verticalNavigation ul li:last-child { margin-bottom: 0px; } .verticalNavigation ul.level_2 li { margin-left: 15px; margin-right: 0px; margin-bottom: 0px; } .verticalNavigation ul.level_1 > li > a, .verticalNavigation ul.level_1 > li > span { font-weight: normal; } .verticalNavigation ul li span, .verticalNavigation ul li a { color: #777777; font-size: 100%; font-size: 0.85rem; text-decoration: none; padding-right: 15px; } .verticalNavigation li:hover > span, .verticalNavigation li:hover > a, .verticalNavigation span:hover, .verticalNavigation a:hover, .verticalNavigation span.active, .verticalNavigation a.active, .verticalNavigation span.trail, .verticalNavigation a.trail { color: #BF3737; } .verticalNavigation ul li .ocSubnaviToggler { display: block; height: 23px; width: 20px; position: absolute; top: 0px; right: 0px; cursor: pointer; background-size: 10px; background-position: center center; background-repeat: no-repeat; background-color: #F4F4F4; } .verticalNavigation ul li.lsUnfoldClosed > .ocSubnaviToggler { background-image: url("../../files/themefiles/images/misc/arrow_down.png"); } .verticalNavigation ul li.lsUnfoldOpen > .ocSubnaviToggler { background-image: url("../../files/themefiles/images/misc/arrow_up.png"); } .verticalNavigation ul li.lsUnfoldOpen.lsUnfoldRunning > .ocSubnaviToggler { background-image: url("../../files/themefiles/images/misc/arrow_down.png"); } .verticalNavigation ul li.lsUnfoldClosed.lsUnfoldRunning > .ocSubnaviToggler { background-image: url("../../files/themefiles/images/misc/arrow_up.png"); } /* * <- vertical navigation */ /* * client: ernesto martens * author: christina martens * 2018 */ /*-----------------------------------------------------------------------------------*/ /* 1.0 Reset /*-----------------------------------------------------------------------------------*/ *, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} *{margin: 0; padding: 0;} ul,p {margin-bottom:0;} a:hover, a:active, a:focus { outline: none; -moz-outline-style: none;} input {-webkit-border-radius:0; border-radius:0;} /* Clearfix */ .clear,#clear,.clearFloat { height:0.1px; font-size:0.1px; line-height:0.1px; clear:both; } .cf:not(.boxwrap) {clear: both;} /*-----------------------------------------------------------------------------------*/ /* General Styles /*-----------------------------------------------------------------------------------*/ body, .fadeIn { -webkit-animation:fadein 1s; -moz-animation:fadein 1s; -ms-animation:fadein 1s; -o-animation:fadein 1s; animation:fadein 1s} @keyframes fadein{ from{opacity:0}to{opacity:1} } @-moz-keyframes fadein{ from{opacity:0}to{opacity:1} } @-webkit-keyframes fadein{ from{opacity:0}to{opacity:1} } @-ms-keyframes fadein{ from{opacity:0}to{opacity:1} } @-o-keyframes fadein{ from{opacity:0}to{opacity:1}} body { display: block; font-family: 'Cutive Mono', monospace; text-transform: lowercase; font-weight: 300; color: #292929; background: #ffffff; letter-spacing: 3px; font-size: 0.9rem; line-height: 1.6; -ms-word-break: break-word; word-break: break-word; } body, html { height:100%; position: relative; } /*-----------------------------------------------------------------------------------*/ /* fonts - sizes /*-----------------------------------------------------------------------------------*/ b, strong { font-weight: bold; color:#292929; } .fat { font-weight: bold; color: #5a5a5a; } /* --- Headings --- */ h1, h2, h3, h4, h5, h6, .hf { font-family: 'Cutive Mono', monospace; color: #292929; line-height: 120%; margin-top: 0rem; margin-bottom: 0rem; } h1, h2, h3, h4, h5, h6 { -webkit-hyphens: manual; -moz-hyphens: manual; -ms-hyphens: manual; hyphens: manual; } /* --- Links --- */ .link a, a.link { text-decoration: underline; } a:hover.link, .link a:hover, #footer a:hover { color: #9b9b9b; } a { text-decoration: none; } .link-showme a { color: #f95e2d; text-align: center; } .link.linkcolor02 a, #bottom a:hover { color: #f95e2d; } .mod_newsreader p.back a { color: #f95e2d; } .mod_newslist a { color: inherit; } .news-box .box-wrap-inner a { color: inherit; } a, .box-wrap-inner a { color: inherit; } .send-button a{ color: #5f5f5f; } .c-black a { color: #000000; } #bottom a { color:#afafaf; } a.pointlink { cursor: pointer; } a.button, a.noline { text-decoration: none; } /*-----------------------------------------------------------------------------------*/ /* contao-reset /*-----------------------------------------------------------------------------------*/ .invisible { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; } .pagination { margin-bottom: 20px; text-align: right; } .pagination ul li { display: inline-block; } .content,div,table input { color: inherit; } /*-----------------------------------------------------------------------------------*/ /* forms - buttons /*-----------------------------------------------------------------------------------*/ input, .button, textarea, select, .submit { padding: 6px; color: inherit; } input, textarea, select { border: 1px solid #000000; } textarea, input,table { width: 100%; } .submit, .button { border: none; cursor: pointer; background-color: #00baff; border: 1px solid #000000; color: #ffffff; } input.submit { width: 30%; } .submit:hover { background: #656565; color: white; } select { cursor: pointer; } td { display: block; padding: 5px 0 2px 0; } td { display: block !important; } /*-----------------------------------------------------------------------------------*/ /* logos /*-----------------------------------------------------------------------------------*/ #logo { max-width: 240px; display: inline-block; padding-right: 1rem; position: relative; } /*-----------------------------------------------------------------------------------*/ /* images /*-----------------------------------------------------------------------------------*/ .imageContainer { position: relative; text-align: center; } .imageContainer img,img { max-width: 100%; height:auto; } .imagebox img { float: right; max-width: 100px; height: auto; } img { display: block; } .imagebox .image_container { padding: 1rem 0; } /*-----------------------------------------------------------------------------------*/ /* classes /*-----------------------------------------------------------------------------------*/ .center { margin: 0 auto; text-align: center!important; } .floatleft { float: left; text-align: left; } .floatright { float: right; text-align: right; } /* .uppercase { text-transform: uppercase; } */ .lowercase { text-transform: lowercase; } .relative { position: relative; } .list li { list-style-type: circle; list-style-position: inside; } .small{font-size:0.7rem;} .sw { border: 1px solid red; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: opacity .8s,-webkit-filter .8s; transition: filter .8s,opacity .8s; transition: filter .8s,opacity .8s,-webkit-filter .8s; } .sw:hover { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; z-index: 8; border: 1px solid pink; cursor: pointer; } /*-----------------------------------------------------------------------------------*/ /* border-lines /*-----------------------------------------------------------------------------------*/ .linesquare { display: block; text-align: center; clear: both; } .linesquare::after, .linesquare::before { background-color: #00baff; display: inline-block !important; vertical-align: middle; content: ""; width: 30%; height: 3px; margin-top: -11px; } .point { display: inline-block; width: 20px; height: 20px; margin: 0 5px; background: #00baff; } .linesquare.pink::after, .linesquare.pink::before { background-color: #af42ae; } .line01 { border-bottom: 3px dotted #afafaf; height: 12px; margin: 20px auto; clear: both; width: 100%; float: left; } /*-----------------------------------------------------------------------------------*/ /* sections /*------------------------------------------------------------------------------------*/ .section { height: 90vh; margin: 0 auto; position: relative; border: 0px solid lime; } /*-----------------------------------------------------------------------------------*/ /* boxes /*------------------------------------------------------------------------------------*/ .squarebox { border: 1px solid red; float: left; min-height: 350px; padding: 1rem; display: table; min-height: 350px; display: flex; align-items: center; justify-content: center; } .center-box { display: table-cell; vertical-align: middle; } .box { width: 100%; float: left; } .visible { opacity: 1; } /* -- colors -- */ .bg-black { background: #000000; } .bg-white { background: #ffffff; } .bg-white-t { background: rgba(255, 255, 255, 0.78); } .bg-color01 { background:#f95e2d; } .bg-color02 { background: #717171; } .bg-color03 { background: #00baff; } .bg-color04 { background:#c1dec1; } .bg-color05 { background: rgb(195, 132, 197); } .bg-color06 { background:#CD52C1; } .bg-color07 { background:#af42ae; } .bg-color08 { background: rgb(231, 229, 214); } .bg-color09 { background: #5f5f5f; } .bg-point { background: url("../../files/themefiles/images/logos/logo-bg.png") repeat; } .c-black { color: #000000; } .c-white { color: #ffffff; } .c-color01 { color: #f95e2d; } .c-color02 { color: #717171; } .c-color03 { color: #c7decf; } .c-color04 { color:#c1dec1; } .c-color05 { color: #e8f4fd; } .c-color06 { color: #c7decf; } .c-color07 { color:#dedac7; } .twitter a:hover { background: #55acee; color: #ffffff; } .facebook a:hover { background: #3b5998; color: #ffffff; } /*-----------------------------------------------------------------------------------*/ /* colored font heading /*-----------------------------------------------------------------------------------*/ .c-white h1, .c-white h2, .c-white h3, .c-white h4, .c-white h5, .c-white h6 { color: #ffffff; } .c-color01 h1, .c-color01 h2, .c-color01 h3, .c-color01 h4, .c-color01 h5, .c-color01 h6 { color: #f95e2d; } .c-color02 h1, .c-color02 h2, .c-color02 h3, .c-color02 h4, .c-color02 h5, .c-color02 h6 { color: #717171; } .c-color03 h1, .c-color03 h2, .c-color03 h3, .c-color03 h4, .c-color03 h5, .c-color03 h6 { color: rgb(192, 188, 159); } .c-color05 h1, .c-color05 h2, .c-color05 h3, .c-color05 h4, .c-color05 h5, .c-color05 h6 { color: #7FC41C; } .c-color09, .c-color09 h2, .c-color09 h3, .c-color09 h4, .c-color09 h5, .c-color09 h6 { color: #5f5f5f!important; } /*-----------------------------------------------------------------------------------*/ /* grid generals /*-----------------------------------------------------------------------------------*/ /*grid*/ .push { margin-left: -1.5%; margin-right: -1.5%; } /*Zeilen*/ .row{ /* width:auto;*/ width: 100%; } .row:before, .row:after { content:''; display: block; /* display: table;*/ } .row:after { clear: both; } /*Spalten*/ .columns { width: 100%; float: left; padding-left: 1rem; padding-right: 1rem; } .columnswrap .columns { padding-top: 1rem; padding-bottom: 1rem; } .flex { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } /*-----------------------------------------------------------------------------------*/ /* nachrichten-system news-box /*-----------------------------------------------------------------------------------*/ .news-box { padding-bottom: 3%; } .mod_newsreader p.back { padding: 0.2rem; font-size: 0.9rem; display: inline-block; margin-left: 2.5%; border: 1px solid #f95e2d; } .news .mod_newsreader p.back { margin-left: 1.5%; margin-top: 1%; } /*-----------------------------------------------------------------------------------*/ /* nachrichten-system overlay boxen | box-wrap-inner /*-----------------------------------------------------------------------------------*/ .mod_newslist .layout_latest.columns.overlay-box { border: 1px solid red; padding-right: 0.5rem; padding-left: 0.5rem; } .overlay-box .more { display: none; } .overlay-box { padding-bottom: 2rem; } .overlay-box .box-wrap-outer { position: relative; } .overlay-box .box-wrap-inner { display: inline; width: 100%; padding: 0.2rem; } .overlay-box h3.overlay { color: white; } .news-box .teaser p { margin-top: 2%; margin-bottom: 1rem; } .link-showme { padding-top: 4%; clear: both; } /*-----------------------------------------------------------------------------------*/ /* nachrichten-system service-boxen /*-----------------------------------------------------------------------------------*/ .image-left { border: 1px solid red; } .service-box .float_above { width: 25%; float: left; padding-right: 10px; } .service-box p { display: table-cell; } /*-----------------------------------------------------------------------------------*/ /* sections /*-----------------------------------------------------------------------------------*/ /* -- navigation --*/ nav.mod_customnav { display: none; z-index: 999999; } #container { padding-top: 10%; } .content-title { color: red; text-transform: uppercase; text-transform: lowercase; letter-spacing: 0.2rem; font-size: 1.5rem; padding-bottom: 3%; } .headerimage .absolute { padding: 1rem; position:relative; top: 0; } .panel { margin-bottom: 0.5rem; display: table; padding: 0.2rem 0.4rem 0.5rem 0.3rem; } .mod_article:not(.mat-0) { margin-top: 1rem; margin-bottom: 1rem; } .ce_text { padding-top: 1rem; padding-bottom: 1rem; } .box { width: 100%; } .headerimage .ce_text{ padding-top: 0rem; padding-bottom: 0rem; } /* footer */ #footer { clear: both; padding: 1rem; padding-bottom: 8%; } footer#footer p, #bottom p { color:#000000; } #bottom { clear: both; background: #ffffff; } #bottom p { color:#afafaf; } #back-to-top { position: fixed; bottom: 40px; right: 40px; z-index: 9999; width: 32px; height: 32px; text-align: center; line-height: 30px; font-size: 1.5rem; color: #2f2f2f; cursor: pointer; border: 0; text-decoration: none; transition: opacity 0.2s ease-out; opacity: 0; } #back-to-top:hover { color: #9b9b9b; } #back-to-top.show { opacity: 1; } /*-----------------------------------------------------------------------------------*/ /* media queries /*-----------------------------------------------------------------------------------*/ @media screen and (orientation: portrait) { } @media screen and (min-width:400px){ .headerimage .absolute { position: absolute; padding: 0.5rem 0.5rem 0.6rem 0.5rem; top: 20%; } .headerimage .absolute.smallbox { bottom: 5%; top: auto; } } /*############################## mobile ##############################*/ /*################################################################################*/ @media screen and (max-width:600px){ /*########## GRID SYSTEM ########## ->*/ .small-1 {width:8.333333%;} .small-2 {width:16.666666%;} .small-3 {width:25%;} .small-4 {width:33.333333%;} .small-5 {width:41.666666%;} .small-6 {width:50%;float: left;} .small-7 {width:58.3333333%;} .small-8 {width:66.666666%;} .small-9 {width:75%;} .small-10 {width:83.333333%;} .small-11 {width:91.666666%;} .small-12 {width:100%;} .small-offset-1 {margin-left:8.333333%;} .small-offset-2 {margin-left:16.666666%;} .small-offset-3 {margin-left:25%;} .small-offset-4 {margin-left:33.333333%;} .small-offset-5 {margin-left:41.666666%;} .small-offset-6 {margin-left:50%;} .small-offset-7 {margin-left:58.3333333%;} .small-offset-8 {margin-left:66.666666%;} .small-offset-9 {margin-left:75%;} .small-offset-10 {margin-left:83.333333%;} .small-offset-11 {margin-left:91.666666%;} .oneOfFour-small {width:25%; float:left;} .oneOfThree-small {width:33.333333%; float:left;} .oneOfTwo-small {width:50%; float:left;} .fullwidth-small {width:100%; float:none;} /*########## GRID SYSTEM ########## <-*/ .s-none { display: none; } .pl05, .pl-8 { margin-top: 1rem; } } @media screen and (min-width:600px) { .ce_image:not(.mat-0) { margin-top: 0rem!important; } .ce_image:not(.masonry_item) { margin-top: 1rem!important; } .ce_image.mat-0, .mod_article.mat-0 { margin-top: 0rem!important; } .hero-image { float: left!important; border: 1px solid blue; } .hero-image.pr { padding-right: 0.5rem; } .hero-image.pl { padding-left: 0.5rem; } .pr-4 { padding-right: 4px!important; padding-right: 0.25rem!important; } .pl-4 { padding-left: 4px!important; padding-left: 0.25rem!important; } .pr05, .pr-8 { padding-right: 8px!important; padding-right: 0.5rem!important; } .pl05, .pl-8 { padding-left: 8px!important; padding-left: 0.5rem!important; } } @media screen and (min-width:600px) and (max-width:1100px) { .medium-1 {width:8.333333%;} .medium-2 {width:16.666666%;} .medium-3 {width:25%;} .medium-4 {width:33.333333%;} .medium-5 {width:41.666666%;} .medium-6 {width:50%;} .medium-7 {width:58.3333333%;} .medium-8 {width:66.666666%;} .medium-9 {width:75%;} .medium-10 {width:83.333333%;} .medium-11 {width:91.666666%;} .medium-12 {width:100%;} .medium-offset-1 {margin-left:8.333333%;} .medium-offset-2 {margin-left:16.666666%;} .medium-offset-3 {margin-left:25%;} .medium-offset-4 {margin-left:33.333333%;} .medium-offset-5 {margin-left:41.666666%;} .medium-offset-6 {margin-left:50%;} .medium-offset-7 {margin-left:58.3333333%;} .medium-offset-8 {margin-left:66.666666%;} .medium-offset-9 {margin-left:75%;} .medium-offset-10 {margin-left:83.333333%;} .medium-offset-11 {margin-left:91.666666%;} .medium-12-offset {margin-left:100%;} .oneOfFour-medium {width:25%; float:left;} .oneOfThree-medium {width:33.333333%; float:left;} .oneOfTwo-medium {width:50%; ; float:none;} /*########## GRID SYSTEM ########## <-*/ .boxwrap.cf {clear: both;} .m-none { display: none; } .service-box.cf-m{ clear: left; border: 1px solid lime } } @media screen and (min-width:600px){ .small.p-xs { padding: 0rem!important; } .tablebox { height: 100%; display: table; display: flex; align-items: center; justify-content: center; display: flex; align-items: center; justify-content: center; } .tablebox .center-box { display: table-cell; vertical-align: middle; } .ce_text.box { height: auto; } .box { border:2px solid red; width: 50%; height: 50%; overflow: hidden; } .box.box01, .box.box03 { top: 0; left: 0; border-right: 10px solid #fff; } .box.box02, .box.box04 { top: 0; right: 0; border-left: 10px solid #fff; } .box.box03 ,.box.box04 { bottom: 0; padding-top: 10px; } .box01, .box02 { border-bottom: 10px solid white; } .box.box03.block { border-right: 0; border-left: 10px solid white; } } @media only screen and (min-width: 1100px) { nav.mod_customnav { position: absolute; top: 1rem; right: 2rem; display: block; } nav.mod_customnav li { display: inline-block; float: left; padding-left: 15px; font-size: 0.9rem; } /*########## GRID SYSTEM ########## ->*/ .large-1 {width:8.333333%;} .large-2 {width:16.666666%;} .large-3 {width:25%;} .large-4 {width:33.333333%;} .large-5 {width:41.666666%;} .large-6 {width:50%;} .large-7 {width:58.3333333%;} .large-8 {width:66.666666%;} .large-9 {width:75%;} .large-10 {width:83.333333%;} .large-11 {width:91.666666%;} .large-12 {width:100%;} .large-offset-1 {margin-left:8.333333%;} .large-offset-2 {margin-left:16.666666%;} .large-offset-3 {margin-left:25%;} .large-offset-4 {margin-left:33.333333%;} .large-offset-5 {margin-left:41.666666%;} .large-offset-6 {margin-left:50%;} .large-offset-7 {margin-left:58.3333333%;} .large-offset-8 {margin-left:66.666666%;} .large-offset-9 {margin-left:75%;} .large-offset-10 {margin-left:83.333333%;} .large-offset-11 {margin-left:91.666666%;} .oneOfFour-large {width:25%; float:left;} .oneOfThree-large {width:33.333333%; float:left;} .oneOfTwo-large {width:50%; float:left;} .fullwidth-large {width:100%; float:none;} /*########## GRID SYSTEM ########## <-*/ .ce_text { padding-top: 2rem; padding-bottom: 2rem; } .service-box.cf-l{ clear: left; border: 0px solid red } #footer .columns { padding: 0 4rem 0rem 0; } .largeDisplayNone { display: none; } .absolute { position: absolute; z-index: 999; } .absolute.content { bottom: 0; right: 0; } .two-image-wrap, .two-image-wrap-left{ position: absolute; bottom: 0; right: 0; } .two-image-wrap-left { left: 0; } .ce_text.inner { padding-top: 0!important; padding-bottom: 0; } } @media screen and (max-width:807px) { .sm-pt-m { margin-top: 1.5rem!important; } } @media screen and (min-width:900px){ .tablebox { min-height: 120px; } } @media screen and (min-width:1024px){ #logo { max-width: 300px; } .contentwrap { max-width: 90%; margin: 0 auto; } .col-2 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 2rem; -webkit-column-gap: 2rem; column-gap: 2rem; } .col-3 { -moz-column-count: 3; -webkit-column-count: 3; column-count:3; -moz-column-gap: 1rem; -webkit-column-gap: 1rem; column-gap: 1rem; } } @media screen and (min-width:1100px){ .horizontalNavigation ul li span, .horizontalNavigation ul li a { font-size: 1.1rem; } } @media screen and (min-width:1200px){ .contentwrap { max-width: 80%; } } .horizontalNavigation li:hover > span, .horizontalNavigation li:hover > a, .horizontalNavigation span:hover, .horizontalNavigation a:hover, .horizontalNavigation span.active, .horizontalNavigation a.active, .horizontalNavigation span.trail, .horizontalNavigation a.trail { color: #000000; } .verticalNavigation li:hover > span, .verticalNavigation li:hover > a, .verticalNavigation span:hover, .verticalNavigation a:hover, .verticalNavigation span.active, .verticalNavigation a.active, .verticalNavigation span.trail, .verticalNavigation a.trail { color: #000000; } @media screen and (max-width:768px){ /* #lsOcNaviToggler { background-image: url("../../files/themefiles/images/misc/hamburger.svg"); } */ span.forward.trail.first, a.submenu.trail.first { display: none; } .useFoldedNavi .verticalNavigation .foldedNaviToggler { display: none; } } @media screen and (min-width:768px){ .useFoldedNavi .foldedNaviToggler.lsUnfoldClosed::after { background-image: url("../../files/themefiles/images/misc/plusrosa.svg")!important; } .useFoldedNavi .foldedNaviToggler.lsUnfoldOpen::after { background-image: url("../../files/themefiles/images/misc/minusrosa.svg")!important; } .submenu.trail { display: none; } .horizontalNavigation { overflow: visible; position: fixed!important; top: 4rem; z-index: 9999999; right: 1rem!important; } .horizontalNavigation .submenu ul { position: relative; display: none; background-color: rgba(255, 255, 255, 0.73); box-shadow: 0px 0px 0px rgba(0,0,0,0); padding: 0; } .horizontalNavigation .submenu ul.level_2 { border-top: 0; } .horizontalNavigation ul li span, .horizontalNavigation ul li a { padding-right: 0px; text-align: right; } .horizontalNavigation.useFoldedNavi .foldedNaviToggler, .useFoldedNavi .horizontalNavigation .foldedNaviToggler { position: fixed!important; right: 1rem!important; left: auto!important; top: 2rem; /* bottom: 0px; */ width: 16px; padding: 2px; cursor: pointer; z-index: 999999!important; height: 35px; width: 35px!important; } .horizontalNavigation.useFoldedNavi .foldedNaviToggler::after, .useFoldedNavi .horizontalNavigation .foldedNaviToggler::after { background-size: 25px; right: 0.2rem; } } /* * client: ernesto martens photographer * author: christina martens * 2018 */ #wrapper { max-width: 1700px; margin: 0 auto; } #logo-slogan, .home #header #logo-slogan2 { padding-top: 1%; padding-left: 1%; max-width: 205px; } #logo-slogan h1, .home #header #logo-slogan2 h1 { font-size: 0.9rem; } .ce_text.h-font-x.first h2, h2.ce_headline.h-font-x.first { text-decoration: underline; } nav.mod_customnav li { display: block; float: none; text-align: center; padding-left: 0px; } nav.mod_customnav { position: relative; display: block; top: 0; right: 0; display: block; } .horizontalNavigation ul li span, .horizontalNavigation ul li a { padding-right: 0; color: #777777; font-size: 0.9rem; text-decoration: none; display: block; } .ucase {text-transform:uppercase;} #footer nav.mod_customnav span.active { color: #9b9b9b; } /*gallery-description ausblenden*/ .rsts-caption { display: none; } .mod_rocksolid_slider .ce_image { margin-top: 0!important; } /*-----------------------------------------------------------------------------------*/ /* classes /*-----------------------------------------------------------------------------------*/ /*logo-text in image zentrieren*/ #centered { opacity: 1; padding:20px; position:absolute; width:400px; top:37%; left:50%; margin-left: -200px; } /*class fadeout on scroll einbinden */ #main.fadeout #centered{ opacity: 0; transition: 0.7s all ease; } .lh { line-height: 0.8; } a.hoverlink:hover { color: #9b9b9b } .tablebox, .center-wrap { display: table; width: 100%; } .center-it { display: table-cell; vertical-align: middle; } /*-----------------------------------------------------------------------------------*/ /* video in masonry einbinden /*-----------------------------------------------------------------------------------*/ .video-container { position: relative; width: 100%; padding-bottom: 56.25%!important; height: 0; overflow: hidden; } .video-container.fullwidth { overflow: visible; } .video-container video, .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } video { width: 100% !important; height: auto !important; } .youtube { height: 0; overflow: hidden; width: 100%; height: auto; position: relative; padding-bottom: 56.25% !important; padding-bottom:28.125% !important; } .youtube iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } /*-----------------------------------------------------------------------------------*/ /*########## boxAccordion ########## ->*/ .accordionElement { position:relative; } .accordion ul.ul { font-size: 1rem; padding-left: 4%; } .ce_accordion .toggler { cursor: pointer; border-bottom: 1px solid #292929; margin-bottom: 1rem; cursor:pointer; } .ce_accordion .toggler:before { position: relative; display: inline-block; margin-right: 5px; text-indent: 0; font-family:"Ionicons"; content: "\f2c7"; cursor:pointer; color: #e5304c; } .ce_accordion .toggler.active:before { position: relative; display: inline-block; margin-right: 5px; text-indent: 0; font-family:"Ionicons"; content: "\f2f4"; cursor:pointer; color: #e5304c; } /*########## boxAccordion ########## <-*/ /*-----------------------------------------------------------------------------------*/ /* button /*-----------------------------------------------------------------------------------*/ .submit, .button { background-color: #000000; } input.submit { width: 40%; border: none; } p.button.enter { font-size: 1rem; cursor: pointer; background-color: transparent; border: 1px solid #000000; display: inline; padding: 8px 10px 9px; } /*------------------------------------------------------------------------- *masonry-grid ---------------------------------------------------------------------------*/ .overlaylink .image_container, .grid figure.image_container { position: relative; } .overlaylink, figcaption.caption { cursor: pointer; top: 0; right: 0; padding: 25% 1%; height: 100%; position: absolute; opacity: 1; font-size: 1rem; left: 0; bottom: 1rem; background: transparent; text-align: center; color: rgb(0, 0, 0, 0); text-transform: lowercase; color: #ffffff; z-index: 10; display: flex; align-items: center; justify-content: center; } .overlaylink:hover, .grid figcaption.caption:hover { opacity: 1; transition: 0.4s all linear; z-index: 11; } .grid a { position: relative; cursor: pointer; z-index: 100; } .masonry-container { width: 100%; height: auto; margin: 0 auto; z-index: 0; } .mod_newslist > div, .mod_newslist > section, .masonry > div, .masonry > section { float: left; width: 100%; } .masonry .grid > div, .masonry .grid> section { float: left; width: 100%; } /*----------------------------------media querries------------------------------------*/ /*----------------------------------media querries------------------------------------*/ @media screen and (min-width: 650px) { #logo-slogan { max-width: 147px; position: fixed; z-index: 9999999; } } @media screen and (max-width:807px){ .mod_article { padding: 0 0.5rem; } .masonry_item { margin-bottom: 0.5rem; } .none-s { display: none; } } @media screen and (min-width:807px){ .overlaylink, figcaption.caption { cursor: pointer; top: 0; right: 0; padding: 25% 1%; height: 100%; position: absolute; opacity: 0; font-size: 1rem; left: 0; bottom: 1rem; background: transparent; text-align: center; color: rgb(0, 0, 0, 0); text-transform: lowercase; background: #ffffff9c; color: #000000; z-index: 10; display: flex; align-items: center; justify-content: center; } .mod_newslist > div, .mod_newslist > section { float: left; } .home #header #logo-slogan2 { display: none; opacity:0; } .home #container { padding-top: 0; } .home #header.sticky #logo-slogan2 { display: block; padding-top: 5%; position: fixed; z-index: 99999; opacity: 1; transition: 0.7s all ease; } .home #header #logo-slogan2 h1 { color: #ffffff; } .masonry > div, .masonry > section { margin: 0 auto; float: none; width: 90%; } .js .columns-2 .masonry > div, .js .columns-2 .masonry > section, .js .masonry > div, .js .masonry > section { float: left; width: 49%; margin: 0.5%; padding-bottom: 0.5%; } .js .page .masonry > div, .js .column-3 .masonry > div { float: left; width: 32%; margin: 0.5%; margin-left: 0.7%!important; } .js .lots .masonry > div, .lots .masonry > section { float: left; width: 10%; width: 10%; } .js .overview .masonry > div { padding-bottom: 0.5%; } .video-container.columns-2 { margin-top: 0.2%!important; padding-bottom:28.125%!important; } .video-container.columns-3 { padding-bottom: 21.5%!important; margin-top: 0!important; margin-bottom: 1%!important; } .youtube.masonry_item { margin-top: 0!important; } } @media screen and (min-width:900px){ .js .overview.col-4 .masonry > div, .js .overview.col-4 .masonry > section, .js .overview .masonry > div, .js .overview .masonry > section { float: left; width: 32.3%; margin: 0.5%; margin-left: 0.5%!important; } #centered { width: 800px; margin-left: -400px; } #centered h1 { font-size: 3rem; } .masonry > div, .masonry > section { width: 70%; margin: 1rem auto; } .col-4 .video-container.columns-3.margin { padding-bottom: 14.0625%!important; margin-top: 0!important; margin-bottom: 0.5rem!important; } } @media screen and (min-width:1024px){ .js .overview.col-4 .masonry > div, .js .overview.col-4 .masonry > section { width: 24%; } .video-container.columns-4 { padding-bottom:14.0625%!important; } .col-4 .video-container.columns-3 { padding-bottom:14.0625%!important; margin-top: 0!important; margin-bottom: 1%!important; } .col-4 .video-container.columns-3.margin { padding-bottom: 14.0625%!important; margin-top: 0!important; margin-bottom: 0!important; } .video-container.columns-3.margin.plus { padding-bottom: 14.0625%!important; margin-top: 0!important; margin-bottom: 1%!important; } } /* basic-font */ /* ============================================================================= * font-size * ========================================================================== */ /* --- Headings --- */ .big-size { letter-spacing: -27px; font-size: 11rem; line-height: 0.5!important; } .h-font-xxs { font-size: 1rem; } h1.h-font-xs, h2.h-font-xs, h3.h-font-xs, h4.h-font-xs, h5.h-font-xs, h6.h-font-xs, .h-font-xs h1, .h-font-xs h2, .h-font-xs h3, .h-font-xs h4, .h-font-xs h5, .h-font-xs h6, .p-font-xs { font-size: 1.3rem; } h1.h-font-s, h2.h-font-s, h3.h-font-s, h4.h-font-s, h5.h-font-s, h6.h-font-s, .h-font-s h1, .h-font-s h2, .h-font-s h3, .h-font-s h4, .h-font-s h5, .h-font-s h6, .p-font-s { font-size: 1.3rem; } h1.h-font-m, h2.h-font-m, h3.h-font-m, h4.h-font-m, h5.h-font-m, h6.h-font-m, .h-font-m h1, .h-font-m h2, .h-font-m h3, .h-font-m h4, .h-font-m h5, .h-font-m h6, .p-font-m { font-size: 1.5rem; } h1.h-font-x, h2.h-font-x, h3.h-font-x, h4.h-font-x, h5.h-font-x, h6.h-font-x, .h-font-x h1, .h-font-x h2, .h-font-x h3, .h-font-x h4, .h-font-x h5, .h-font-x h6, .p-font-x { font-size: 1.7rem; } h1.h-font-xl, h2.h-font-xl, h3.h-font-xl, h4.h-font-xl, h5.h-font-xl, h6.h-font-xl, .h-font-xl h1, .h-font-xl h2, .h-font-xl h3, .h-font-xl h4, .h-font-xl h5, .h-font-xl h6, .p-font-xl { font-size: 1.9rem; } h1.h-font-xxl, h2.h-font-xxl, h3.h-font-xxl, h4.h-font-xxl, h5.h-font-xxl, h6.h-font-xxl, .h-font-xxl h1, .h-font-xxl h2, .h-font-xxl h3, .h-font-xxl h4, .h-font-xxl h5, .h-font-xxl h6, .p-font-xxl { font-size: 2.1rem; } h1.h-font-xxxl, h2.h-font-xxxl, h3.h-font-xxxl, h4.h-font-xxxl, h5.h-font-xxxl, h6.h-font-xxxl, .h-font-xxxl h1, .h-font-xxxl h2, .h-font-xxxl h3, .h-font-xxxl h4, .h-font-xxxl h5, .h-font-xxxl h6, .p-font-xxxl { font-size: 2.3rem; } @media only screen and (min-width: 807px) { h1.h-font-xs, h2.h-font-xs, h3.h-font-xs, h4.h-font-xs, h5.h-font-xs, h6.h-font-xs, .h-font-xs h1, .h-font-xs h2, .h-font-xs h3, .h-font-xs h4, .h-font-xs h5, .h-font-xs h6, .p-font-xs { font-size: 1.5rem; } h1.h-font-s, h2.h-font-s, h3.h-font-s, h4.h-font-s, h5.h-font-s, h6.h-font-s, .h-font-s h1, .h-font-s h2, .h-font-s h3, .h-font-s h4, .h-font-s h5, .h-font-s h6, .p-font-s { font-size: 1.7rem; } h1.h-font-m, h2.h-font-m, h3.h-font-m, h4.h-font-m, h5.h-font-m, h6.h-font-m, .h-font-m h1, .h-font-m h2, .h-font-m h3, .h-font-m h4, .h-font-m h5, .h-font-m h6, .p-font-m { font-size: 1.9rem; } h1.h-font-x, h2.h-font-x, h3.h-font-x, h4.h-font-x, h5.h-font-x, h6.h-font-x, .h-font-x h1, .h-font-x h2, .h-font-x h3, .h-font-x h4, .h-font-x h5, .h-font-x h6, .p-font-x { font-size: 2.0rem; } h1.h-font-xl, h2.h-font-xl, h3.h-font-xl, h4.h-font-xl, h5.h-font-xl, h6.h-font-xl, .h-font-xl h1, .h-font-xl h2, .h-font-xl h3, .h-font-xl h4, .h-font-xl h5, .h-font-xl h6, .p-font-xl { font-size: 2.3rem; } h1.h-font-xxl, h2.h-font-xxl, h3.h-font-xxl, h4.h-font-xxl, h5.h-font-xxl, h6.h-font-xxl, .h-font-xxl h1, .h-font-xxl h2, .h-font-xxl h3, .h-font-xxl h4, .h-font-xxl h5, .h-font-xxl h6, .p-font-xxl { font-size: 2.5rem; } h1.h-font-xxxl, h2.h-font-xxxl, h3.h-font-xxxl, h4.h-font-xxxl, h5.h-font-xxxl, h6.h-font-xxxl, .h-font-xxxl h1, .h-font-xxxl h2, .h-font-xxxl h3, .h-font-xxxl h4, .h-font-xxxl h5, .h-font-xxxl h6, .p-font-xxxl { font-size: 2.8rem; } } @media only screen and (min-width: 1024px) { .big-size { font-size: 18rem; } .h-font-xxs { font-size: 1.5rem; } h1.h-font-xs, h2.h-font-xs, h3.h-font-xs, h4.h-font-xs, h5.h-font-xs, h6.h-font-xs, .h-font-xs h1, .h-font-xs h2, .h-font-xs h3, .h-font-xs h4, .h-font-xs h5, .h-font-xs h6, .p-font-xs { font-size: 1.6rem; } h1.h-font-s, h2.h-font-s, h3.h-font-s, h4.h-font-s, h5.h-font-s, h6.h-font-s, .h-font-s h1, .h-font-s h2, .h-font-s h3, .h-font-s h4, .h-font-s h5, .h-font-s h6, .p-font-s { font-size: 1.9rem; } h1.h-font-m, h2.h-font-m, h3.h-font-m, h4.h-font-m, h5.h-font-m, h6.h-font-m, .h-font-m h1, .h-font-m h2, .h-font-m h3, .h-font-m h4, .h-font-m h5, .h-font-m h6, .p-font-m { font-size: 2.1rem; } h1.h-font-x, h2.h-font-x, h3.h-font-x, h4.h-font-x, h5.h-font-x, h6.h-font-x, .h-font-x h1, .h-font-x h2, .h-font-x h3, .h-font-x h4, .h-font-x h5, .h-font-x h6, .p-font-x { font-size: 2.4rem; } h1.h-font-xl, h2.h-font-xl, h3.h-font-xl, h4.h-font-xl, h5.h-font-xl, h6.h-font-xl, .h-font-xl h1, .h-font-xl h2, .h-font-xl h3, .h-font-xl h4, .h-font-xl h5, .h-font-xl h6, .p-font-xl { font-size: 2.6rem; } h1.h-font-xxl, h2.h-font-xxl, h3.h-font-xxl, h4.h-font-xxl, h5.h-font-xxl, h6.h-font-xxl, .h-font-xxl h1, .h-font-xxl h2, .h-font-xxl h3, .h-font-xxl h4, .h-font-xxl h5, .h-font-xxl h6, .p-font-xxl { font-size: 2.8rem; } h1.h-font-xxxl, h2.h-font-xxxl, h3.h-font-xxxl, h4.h-font-xxxl, h5.h-font-xxxl, h6.h-font-xxxl, .h-font-xxxl h1, .h-font-xxxl h2, .h-font-xxxl h3, .h-font-xxxl h4, .h-font-xxxl h5, .h-font-xxxl h6, .p-font-xxxl { font-size: 3rem; } } @media only screen and (min-width: 1250px) { h1.h-font-xs, h2.h-font-xs, h3.h-font-xs, h4.h-font-xs, h5.h-font-xs, h6.h-font-xs, .h-font-xs h1, .h-font-xs h2, .h-font-xs h3, .h-font-xs h4, .h-font-xs h5, .h-font-xs h6, .p-font-xs { font-size: 1.9rem; } h1.h-font-s, h2.h-font-s, h3.h-font-s, h4.h-font-s, h5.h-font-s, h6.h-font-s, .h-font-s h1, .h-font-s h2, .h-font-s h3, .h-font-s h4, .h-font-s h5, .h-font-s h6, .p-font-s { font-size: 2.2rem; } h1.h-font-m, h2.h-font-m, h3.h-font-m, h4.h-font-m, h5.h-font-m, h6.h-font-m, .h-font-m h1, .h-font-m h2, .h-font-m h3, .h-font-m h4, .h-font-m h5, .h-font-m h6, .p-font-m { font-size: 2.4rem; } h1.h-font-x, h2.h-font-x, h3.h-font-x, h4.h-font-x, h5.h-font-x, h6.h-font-x, .h-font-x h1, .h-font-x h2, .h-font-x h3, .h-font-x h4, .h-font-x h5, .h-font-x h6, .p-font-x { font-size: 2.8rem; } h1.h-font-xl, h2.h-font-xl, h3.h-font-xl, h4.h-font-xl, h5.h-font-xl, h6.h-font-xl, .h-font-xl h1, .h-font-xl h2, .h-font-xl h3, .h-font-xl h4, .h-font-xl h5, .h-font-xl h6, .p-font-xl { font-size: 3rem; } h1.h-font-xxl, h2.h-font-xxl, h3.h-font-xxl, h4.h-font-xxl, h5.h-font-xxl, h6.h-font-xxl, .h-font-xxl h1, .h-font-xxl h2, .h-font-xxl h3, .h-font-xxl h4, .h-font-xxl h5, .h-font-xxl h6, .p-font-xxl { font-size: 3.2rem; } h1.h-font-xxxl, h2.h-font-xxxl, h3.h-font-xxxl, h4.h-font-xxxl, h5.h-font-xxxl, h6.h-font-xxxl, .h-font-xxxl h1, .h-font-xxxl h2, .h-font-xxxl h3, .h-font-xxxl h4, .h-font-xxxl h5, .h-font-xxxl h6, .p-font-xxxl { font-size: 4rem; } } @media screen and (min-width: 1500px){ .big-size { font-size: 21rem; } h1.h-font-xxxl, h2.h-font-xxxl, h3.h-font-xxxl, h4.h-font-xxxl, h5.h-font-xxxl, h6.h-font-xxxl, .h-font-xxxl h1, .h-font-xxxl h2, .h-font-xxxl h3, .h-font-xxxl h4, .h-font-xxxl h5, .h-font-xxxl h6, .p-font-xxxl { font-size: 4.7rem; } } /* cutive-mono-regular - latin */ @font-face { font-family: 'Cutive Mono'; font-style: normal; font-weight: 400; src: url("/files/themefiles/fonts/cutive-mono-v9-latin-regular.eot"); /* IE9 Compat Modes */ src: local(''), url("/files/themefiles/fonts/cutive-mono-v9-latin-regular.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("/files/themefiles/fonts/cutive-mono-v9-latin-regular.woff2") format('woff2'), /* Super Modern Browsers */ url("/files/themefiles/fonts/cutive-mono-v9-latin-regular.woff") format('woff'), /* Modern Browsers */ url("/files/themefiles/fonts/cutive-mono-v9-latin-regular.ttf") format('truetype'), /* Safari, Android, iOS */ url("/files/themefiles/fonts/cutive-mono-v9-latin-regular.svg#CutiveMono") format('svg'); /* Legacy iOS */ } .cookiebar--active { align-items: inherit; } .cookiebar { background-color: #ddd; border-top: 1px solid #b1b1b1; color: #000; z-index:9999; font-size:1rem; letter-spacing: 0; } .cookiebar__message, .cookiebar__text { margin-right: 1rem; line-height: 2; } .cookiebar button.cookiebar__button { background: transparent; font-family: 'Cutive Mono', monospace; font-style: normal; font-size: 1rem; font-weight: 400; padding: 0.45rem 0.5rem; text-transform: inherit; border: 1px solid #000; color:#000; margin-bottom: 0.5rem; } button.cookiebar__button:hover { background: #c6c6c6; } #cookiebar-text a { display: inline-block; border: 1px solid #000; text-decoration: none; color:#000; padding: 0 0.5rem; margin-bottom: 0.5rem; } #cookiebar-text a:hover { background: #c6c6c6; }