.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("../../bundles/rocksolidslider/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("../../bundles/rocksolidslider/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-content.rsts-main{position:relative}.rsts-skin-default-content.rsts-type-fade .rsts-slide{background-color:#fff}.rsts-skin-default-content .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-content .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-content .rsts-prev,.rsts-skin-default-content .rsts-next{display:none}.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: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;-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}.rsts-skin-default-content .rsts-nav-prev a:hover,.rsts-skin-default-content .rsts-nav-next a:hover,.rsts-skin-default-content .rsts-video-play:hover,.rsts-skin-default-content .rsts-video-stop:hover,.rsts-skin-default-content .rsts-thumbs-prev:hover,.rsts-skin-default-content .rsts-thumbs-next:hover{background-color:#eee;background-color:rgba(238,238,238,0.7)}.rsts-skin-default-content .rsts-nav-prev a,.rsts-skin-default-content .rsts-nav-next a,.rsts-skin-default-content .rsts-thumbs-prev,.rsts-skin-default-content .rsts-thumbs-next{display:inline-block;vertical-align:top}.rsts-skin-default-content .rsts-thumbs-prev,.rsts-skin-default-content .rsts-thumbs-next{position:absolute;top:50%;right:10px;margin-top:-15px}.rsts-skin-default-content .rsts-thumbs-prev{right:auto;left:10px}.rsts-skin-default-content .rsts-nav-prev a,.rsts-skin-default-content .rsts-thumbs-prev{margin-right:10px;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=')}@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-content .rsts-nav-prev a,.rsts-skin-default-content .rsts-thumbs-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAIVBMVEWhoaE7PD15enqVlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXsWX/bAAAAC3RSTlOAgICAgICAgICAgMiF55wAAAB9SURBVHja7dUxEoAgFANRFBTw/ge2YythEivHn/6VmU3XiwUOHPhPuGYf196zjLHPOi0tWsBYtICx/Zxgw4INCzYs2LBgw4INC55ZFadhN+NVbeh9jhf6mGJDgw0NNjTY0GBDgz0NXusiYDRWwGisgNHFL0Yrnwxd4MCBtd3+EosAicYyWQAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default-content .rsts-nav-next a,.rsts-skin-default-content .rsts-thumbs-next{margin-left:10px;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-content .rsts-nav-next a,.rsts-skin-default-content .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAHlBMVEWhoaE7PD2VlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXtfGSSAAAACnRSTlOAgICAgICAgICAXdxslAAAAHxJREFUeNrt1TEOgDAMxdDSAi33vzBbPVUoZkLE+1O2/HK9KHHixH/A9fS4jnGGMfZZl6VFBzAWHcLHQD9gocFCg4UGCw0WGiw0WGjwum3qEsb7tH1xWViwsGBhwcKChQULC5Z2jRs2itHdfc+GjWB094vR+ieHLnHixK4bjyV89TB6vlgAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default-content.rsts-direction-y .rsts-nav-prev a{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-content.rsts-direction-y .rsts-nav-prev a{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAeUlEQVR42u3UMQ6AMAzF0A8BmvufGHVpyOIOFRJI8f5WyxcqXLhw4U9jLeCznYzRNtYi2zsIs2UttqzFlrXYshZb1mLLWmg31iJ7+YVaaJ210GY9x/awWdsc+z5s1uaEQ4cNbY449LChzQFn3W3S9qsBFi5cuPDr+AYQcW8C6kiUiAAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default-content.rsts-direction-y .rsts-nav-next a{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-content.rsts-direction-y .rsts-nav-next a{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAg0lEQVR42u3UMQ6EMAxE0WVDYu5/YhpLXzBSRkAF8i9tvXZ+24MKFy5c+HP4P06H0RzGRoyjjWgOY1Nj0YLFpsaip7hFNrBog3ug02brDKsWK3imxQqe6EWsxWi1HqOxHqONBTuN9RiN9Vg11mPVWI9V99tL0rEe6/dVA1i4cOHCl9oBak1vAkBKLfwAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default-content .rsts-nav{padding:20px 0 0;text-align:center}.rsts-skin-default-content .rsts-nav ul{margin:0 !important;padding:0 !important}.rsts-skin-default-content .rsts-nav li{display:inline}.rsts-skin-default-content .rsts-nav-numbers .rsts-nav-item a,.rsts-skin-default-content .rsts-nav-tabs .rsts-nav-item 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:#333;-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)}.rsts-skin-default-content .rsts-nav-numbers .rsts-nav-item a:hover,.rsts-skin-default-content .rsts-nav-tabs .rsts-nav-item a:hover{background-color:#eee;background-color:rgba(238,238,238,0.5)}.rsts-skin-default-content .rsts-nav-numbers .rsts-nav-item a.active,.rsts-skin-default-content .rsts-nav-tabs .rsts-nav-item a.active{background-color:#777;background-color:rgba(119,119,119,0.5)}.rsts-skin-default-content .rsts-nav-bullets{line-height:0}.rsts-skin-default-content .rsts-nav-bullets .rsts-nav-item 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-content .rsts-nav-bullets .rsts-nav-item a:hover,.rsts-skin-default-content .rsts-nav-bullets .rsts-nav-item 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-content .rsts-nav-thumbs{padding-top:5px}.rsts-skin-default-content .rsts-video-play,.rsts-skin-default-content .rsts-video-stop{position:absolute}.rsts-skin-default-content .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-content .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-content .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-content .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-content .rsts-video-youtube>.rsts-video-stop{top:25px}.rsts-skin-default-content .rsts-video-vimeo>.rsts-video-stop{top:10px;right:auto;left:10px}.rsts-skin-default-content .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-content .rsts-progress div{height:100%;background-color:#fff}.rsts-skin-default-content .rsts-progress.rsts-progress-active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}.rsts-skin-default-content .rsts-thumbs-slide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.rsts-skin-default-content .rsts-thumbs-slide.rsts-thumbs-active-thumb{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}
.justify-items-start{justify-items:start}.justify-items-center{justify-items:center}.justify-items-end{justify-items:end}.content-start{align-content:start}.content-center{align-content:center}.content-end{align-content:end}.items-start{align-items:start}.items-center{align-items:center}.items-end{align-items:end}[class*=grid_]{display:grid;grid-gap:1rem}[class*=grid_]>.block{margin-bottom:0}@media(min-width: 576px){.grid_mobile_100{grid-template-columns:1fr}.grid_mobile_50_50{grid-template-columns:repeat(2, 1fr)}.grid_mobile_33_33_33{grid-template-columns:repeat(3, 1fr)}.grid_mobile_25_25_25_25{grid-template-columns:repeat(4, 1fr)}.grid_mobile_75_25{grid-template-columns:3fr 1fr}.grid_mobile_25_75{grid-template-columns:1fr 3fr}.grid_mobile_66_33{grid-template-columns:2fr 1fr}.grid_mobile_33_66{grid-template-columns:1fr 2fr}.grid_mobile_50_25_25{grid-template-columns:2fr 1fr 1fr}.grid_mobile_25_50_25{grid-template-columns:1fr 2fr 1fr}.grid_mobile_25_25_50{grid-template-columns:1fr 1fr 2fr}.grid_mobile_40_30_30{grid-template-columns:4fr 3fr 3fr}.grid_mobile_30_40_30{grid-template-columns:3fr 4fr 3fr}.grid_mobile_30_30_40{grid-template-columns:3fr 3fr 4fr}}@media(min-width: 768px){.grid_tablet_100{grid-template-columns:1fr}.grid_tablet_50_50{grid-template-columns:repeat(2, 1fr)}.grid_tablet_33_33_33{grid-template-columns:repeat(3, 1fr)}.grid_tablet_25_25_25_25{grid-template-columns:repeat(4, 1fr)}.grid_tablet_75_25{grid-template-columns:3fr 1fr}.grid_tablet_25_75{grid-template-columns:1fr 3fr}.grid_tablet_66_33{grid-template-columns:2fr 1fr}.grid_tablet_33_66{grid-template-columns:1fr 2fr}.grid_tablet_50_25_25{grid-template-columns:2fr 1fr 1fr}.grid_tablet_25_50_25{grid-template-columns:1fr 2fr 1fr}.grid_tablet_25_25_50{grid-template-columns:1fr 1fr 2fr}.grid_tablet_40_30_30{grid-template-columns:4fr 3fr 3fr}.grid_tablet_30_40_30{grid-template-columns:3fr 4fr 3fr}.grid_tablet_30_30_40{grid-template-columns:3fr 3fr 4fr}.grid_tablet_20_40_40{grid-template-columns:1fr 2fr 2fr}.grid_tablet_40_20_40{grid-template-columns:2fr 1fr 2fr}.grid_tablet_40_40_20{grid-template-columns:2fr 2fr 1fr}}@media(min-width: 992px){.grid_desktop_100{grid-template-columns:1fr}.grid_desktop_50_50{grid-template-columns:repeat(2, 1fr)}.grid_desktop_50_25_25{grid-template-columns:2fr 1fr 1fr}.grid_desktop_33_33_33{grid-template-columns:repeat(3, 1fr)}.grid_desktop_75_25{grid-template-columns:3fr 1fr}.grid_desktop_25_75{grid-template-columns:1fr 3fr}.grid_desktop_66_33{grid-template-columns:2fr 1fr}.grid_desktop_33_66{grid-template-columns:1fr 2fr}.grid_desktop_50_25_25{grid-template-columns:2fr 1fr 1fr}.grid_desktop_40_30_30{grid-template-columns:4fr 3fr 3fr}.grid_desktop_50_25_25{grid-template-columns:2fr 1fr 1fr}.grid_desktop_25_50_25{grid-template-columns:1fr 2fr 1fr}.grid_desktop_25_25_50{grid-template-columns:1fr 1fr 2fr}.grid_desktop_40_30_30{grid-template-columns:4fr 3fr 3fr}.grid_desktop_30_40_30{grid-template-columns:3fr 4fr 3fr}.grid_desktop_30_30_40{grid-template-columns:3fr 3fr 4fr}.grid_desktop_20_40_40{grid-template-columns:1fr 2fr 2fr}.grid_desktop_40_20_40{grid-template-columns:2fr 1fr 2fr}.grid_desktop_40_40_20{grid-template-columns:2fr 2fr 1fr}.grid_desktop_25_25_25_25{grid-template-columns:repeat(4, 1fr)}.grid_desktop_40_20_20_20{grid-template-columns:2fr 1fr 1fr 1fr}.grid_desktop_20_40_20_20{grid-template-columns:1fr 2fr 1fr 1fr}.grid_desktop_20_20_40_20{grid-template-columns:1fr 1fr 2fr 1fr}.grid_desktop_20_20_20_40{grid-template-columns:1fr 1fr 1fr 2fr}.grid_desktop_20_20_20_20_20{grid-template-columns:repeat(5, 1fr)}}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.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}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
/* cabin-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Cabin';
font-style: normal;
font-weight: 400;
src: url('../../files/site/css/fonts/cabin-v26-latin-regular.woff2') format('woff2'),
/* Chrome 36+, Opera 23+, Firefox 39+ */ url('../../files/site/css/fonts/cabin-v26-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* cabin-700 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Cabin';
font-style: normal;
font-weight: 700;
src: url('../../files/site/css/fonts/cabin-v26-latin-700.woff2') format('woff2'),
/* Chrome 36+, Opera 23+, Firefox 39+ */ url('../../files/site/css/fonts/cabin-v26-latin-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/*--------------------------------
Nucleo Web Font
Generated using nucleoapp.com
-------------------------------- */
@font-face {
font-family: 'Nucleo';
src: url('../../files/site/css/fonts/Nucleo.eot');
src: url('../../files/site/css/fonts/Nucleo.eot') format('embedded-opentype'), url('../../files/site/css/fonts/Nucleo.woff2') format('woff2'), url('../../files/site/css/fonts/Nucleo.woff') format('woff'),
url('../../files/site/css/fonts/Nucleo.ttf') format('truetype'), url('../../files/site/css/fonts/Nucleo.svg') format('svg');
font-weight: normal;
font-style: normal;
}
/*------------------------
base class definition
-------------------------*/
.icon {
display: inline-block;
font: normal normal normal 1em/1 'Nucleo';
color: inherit;
flex-shrink: 0;
speak: none;
text-transform: none;
/* Better Font Rendering */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*------------------------
change icon size
-------------------------*/
/* relative units */
.icon-sm {
font-size: 0.8em;
}
.icon-lg {
font-size: 1.2em;
}
/* absolute units */
.icon-16 {
font-size: 16px;
}
.icon-32 {
font-size: 32px;
}
/*----------------------------------
add a square/circle background
-----------------------------------*/
.icon-bg-square,
.icon-bg-circle {
padding: 0.35em;
background-color: #eee;
}
.icon-bg-circle {
border-radius: 50%;
}
/*------------------------------------
use icons as list item markers
-------------------------------------*/
.icon-ul {
padding-left: 0;
list-style-type: none;
}
.icon-ul > li {
display: flex;
align-items: flex-start;
line-height: 1.4;
}
.icon-ul > li > .icon {
margin-right: 0.4em;
line-height: inherit;
}
/*------------------------
spinning icons
-------------------------*/
.icon-is-spinning {
animation: icon-spin 1s infinite linear;
}
@keyframes icon-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/*------------------------
rotated/flipped icons
-------------------------*/
.icon-rotate-90 {
transform: rotate(90deg);
}
.icon-rotate-180 {
transform: rotate(180deg);
}
.icon-rotate-270 {
transform: rotate(270deg);
}
.icon-flip-y {
transform: scaleY(-1);
}
.icon-flip-x {
transform: scaleX(-1);
}
/*------------------------
icons
-------------------------*/
.icon-networking::before {
content: '\ea05';
}
.icon-delivery::before {
content: '\ea07';
}
.icon-customer-support::before {
content: '\ea08';
}
.icon-b-meeting::before {
content: '\ea09';
}
.icon-property-app-1::before {
content: '\ea0a';
}
.icon-property-app-2::before {
content: '\ea0b';
}
.icon-reservation-1::before {
content: '\ea0c';
}
.icon-reservation-2::before {
content: '\ea0d';
}
.icon-book-open::before {
content: '\ea10';
}
.icon-contacts-3::before {
content: '\ea13';
}
.icon-reading-tablet::before {
content: '\ea14';
}
.icon-pin-4::before {
content: '\ea1a';
}
.icon-phone-call::before {
content: '\ea1b';
}
.icon-telephone::before {
content: '\ea1c';
}
.icon-newsletter::before {
content: '\ea1d';
}
.icon-send-2::before {
content: '\ea1e';
}
.icon-square-simple-up::before {
content: '\ea1f';
}
.icon-target::before {
content: '\ea20';
}
.icon-arrow-w::before {
content: '\ea21';
}
.icon-arrow-up::before {
content: '\ea22';
}
.icon-arrow-n::before {
content: '\ea23';
}
.icon-undo-25::before {
content: '\ea24';
}
.icon-map-big::before {
content: '\ea25';
}
.icon-pin-3::before {
content: '\ea26';
}
.icon-route-open::before {
content: '\ea28';
}
.icon-newsletter-2::before {
content: '\ea2a';
}
.icon-time-clock::before {
content: '\ea2b';
}
.icon-home::before {
content: '\ea2c';
}
.icon-menu-2::before {
content: '\ea2d';
}
.icon-menu-8::before {
content: '\ea2e';
}
.icon-i-add::before {
content: '\ea2f';
}
.icon-i-delete::before {
content: '\ea30';
}
.icon-woman-2::before {
content: '\ea31';
}
.icon-file-archive::before {
content: '\ea32';
}
.icon-chain::before {
content: '\ea33';
}
.icon-logo-fb-simple::before {
content: '\ea34';
}
.icon-logo-instagram::before {
content: '\ea35';
}
.icon-logo-twitter::before {
content: '\ea36';
}
.icon-frame-s-arrow-up::before {
content: '\ea37';
}
.icon-arrow-up-2::before {
content: '\ea38';
}
.icon-magnifier::before {
content: '\ea39';
}
.icon-a-heart::before {
content: '\ea3a';
}
.icon-add-27::before {
content: '\ea3b';
}
.icon-woman-up::before {
content: '\ea3c';
}
.icon-a-heart-2::before {
content: '\ea3d';
}
.icon-add-27-2::before {
content: '\ea3e';
}
.icon-woman-up-2::before {
content: '\ea3f';
}
.icon-480-file-pdf::before {
content: '\ea40';
}
.icon-482-file-word::before {
content: '\ea41';
}
.icon-menu-6::before {
content: '\ea42';
}
.icon-priority-lowest::before {
content: '\ea43';
}
.icon-crossroad::before {
content: '\ea45';
}
.icon-christianity-1::before {
content: '\ea46';
}
.icon-christianity-2::before {
content: '\ea47';
}
.icon-file-archive-2::before {
content: '\ea48';
}
.icon-cloud-download-93::before {
content: '\ea49';
}
.icon-system-update::before {
content: '\ea4a';
}
.icon-move-down::before {
content: '\ea4b';
}
.icon-add-27-3::before {
content: '\ea4c';
}
.icon-b-meeting-2::before {
content: '\ea4d';
}
.icon-phone::before {
content: '\ea4e';
}
.icon-voice-record::before {
content: '\ea4f';
}
.icon-frame-c-arrow-right::before {
content: '\ea50';
}
.icon-frame-c-arrow-up::before {
content: '\ea51';
}
.icon-file-download-3::before {
content: '\ea52';
}
.icon-goal-65::before {
content: '\ea53';
}
.icon-right-arrow::before {
content: '\ea54';
}
.icon-frame-s-arrow-right::before {
content: '\ea55';
}
.icon-share::before {
content: '\ea56';
}
.icon-down-arrow::before {
content: '\ea57';
}
.icon-left-arrow::before {
content: '\ea58';
}
.icon-letter::before {
content: '\ea59';
}
.icon-newsletter-3::before {
content: '\ea5a';
}
.icon-map::before {
content: '\ea5b';
}
.icon-pin-3-2::before {
content: '\ea5c';
}
.icon-route-open-2::before {
content: '\ea5d';
}
.icon-road-2::before {
content: '\ea5e';
}
.icon-treasure-map-21::before {
content: '\ea5f';
}
.icon-distance::before {
content: '\ea60';
}
.icon-love-heart-pin::before {
content: '\ea61';
}
.icon-logo-vimeo::before {
content: '\ea62';
}
@charset "UTF-8";
/*
otherworld.de
karsten euting
07.01.2019
01.03.2023
****************************************************************************************/
/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Prevent adjustments of font size after orientation changes in IE and iOS.
*/
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
* 2. Add the correct display in IE.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary { /* 1 */
display: block;
}
/**
* Add the correct display in IE 9-.
*/
audio,
canvas,
progress,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Add the correct display in IE 10-.
* 1. Add the correct display in IE.
*/
template,
[hidden] {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
outline-width: 0;
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted; /* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/* Forms
========================================================================== */
/**
* Change font properties to `inherit` in all browsers (opinionated).
*/
button, .projekt-teaser p a,
input,
select,
textarea {
font: inherit;
}
/**
* Restore the font weight unset by the previous rule.
*/
optgroup {
font-weight: bold;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
* 2. Show the overflow in Edge, Firefox, and IE.
*/
button, .projekt-teaser p a,
input,
select { /* 2 */
overflow: visible;
}
/**
* Remove the margin in Safari.
* 1. Remove the margin in Firefox and Safari.
*/
button, .projekt-teaser p a,
input,
select,
textarea { /* 1 */
margin: 0;
}
/**
* Remove the inheritence of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritence of text transform in Firefox.
*/
button, .projekt-teaser p a,
select { /* 1 */
text-transform: none;
}
/**
* Change the cursor in all browsers (opinionated).
*/
button, .projekt-teaser p a,
[type=button],
[type=reset],
[type=submit] {
cursor: pointer;
}
/**
* Restore the default cursor to disabled elements unset by the previous rule.
*/
[disabled] {
cursor: default;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS.
*/
button, .projekt-teaser p a,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button; /* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner, .projekt-teaser p a::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring, .projekt-teaser p a:-moz-focusring,
input:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type=checkbox],
[type=radio] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* Correct the odd appearance of search inputs in Chrome and Safari.
*/
[type=search] {
-webkit-appearance: textfield;
}
/**
* Remove the inner padding and cancel buttons in Chrome on OS X and
* Safari on OS X.
*/
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
.float_left {
float: left;
}
.float_right {
float: right;
}
.block {
overflow: hidden;
}
.clear {
height: 0.1px;
font-size: 0.1px;
line-height: 0.1px;
clear: both;
}
.invisible {
width: 0;
height: 0;
left: -1000px;
top: -1000px;
position: absolute;
overflow: hidden;
display: inline;
}
/**
* Set the global `box-sizing` state to `border-box`.
*
* css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
* paulirish.com/2012/box-sizing-border-box-ftw
*/
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem;
}
ul, ol, dl,
blockquote, p, address,
hr,
fieldset, figure,
pre {
margin-bottom: 1rem;
}
ul, ol, dd {
margin-left: 1rem;
}
.clearfix:after, .ce_gallery ul:after, #container-wrapper:after,
[id=footer] > .inside:after {
content: "";
display: table;
clear: both;
}
a {
color: #dc005a;
}
:not(p) a {
text-decoration: none;
}
figure {
margin: 0;
}
img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}
html {
font-family: "Cabin", "Open Sans", Arial, "Helvetica", "Helvetica Neue", sans-serif;
font-size: calc 1em;
font-weight: 400;
line-height: 1.625;
background-color: #fff;
color: #222;
overflow-y: scroll;
min-height: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 34.375em-0.0625em) {
html {
font-size: 0.875em;
}
}
@media screen and (min-width: 68.75em) {
html {
font-size: 1.125em;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
font-family: "Cabin", -apple-system, BlinkMacSystemFont, Arial, "Segoe UI", Roboto, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
word-break: break-word;
}
h1 {
font-size: 1.75rem;
line-height: 1.25;
margin-bottom: 0.5rem;
}
@media screen and (min-width: 48em) {
h1 {
font-size: 2rem;
}
}
@media screen and (min-width: 68.75em) {
h1 {
font-size: 2rem;
}
}
p + h1, ul + h1, ol + h1 {
margin-top: 2rem;
}
.ce_text + .ce_text h1:first-child {
margin-top: 1rem;
}
h1 + h2 {
margin-top: -0.5rem;
}
h2 {
font-size: 1.425rem;
line-height: 1.125;
margin-bottom: 0.5rem;
}
@media screen and (min-width: 48em) {
h2 {
font-size: 1.5rem;
}
}
@media screen and (min-width: 68.75em) {
h2 {
font-size: 1.75rem;
}
}
p + h2, ul + h2, ol + h2 {
margin-top: 2rem;
}
.ce_text + .ce_text h2:first-child {
margin-top: 1rem;
}
h2 + h3 {
margin-top: -0.5rem;
}
h3 {
font-size: 1.375rem;
line-height: 1.125;
margin-bottom: 0.5rem;
}
@media screen and (min-width: 48em) {
h3 {
font-size: 1.5rem;
}
}
@media screen and (min-width: 68.75em) {
h3 {
font-size: 1.5rem;
}
}
p + h3, ul + h3, ol + h3 {
margin-top: 2rem;
}
.ce_text + .ce_text h3:first-child {
margin-top: 1rem;
}
h3 + h4 {
margin-top: -0.5rem;
}
h4 {
font-size: 1.125rem;
line-height: 1;
margin-bottom: 0.5rem;
}
@media screen and (min-width: 48em) {
h4 {
font-size: 1.25rem;
}
}
@media screen and (min-width: 68.75em) {
h4 {
font-size: 1.25rem;
}
}
p + h4, ul + h4, ol + h4 {
margin-top: 1.5rem;
}
.ce_text + .ce_text h4:first-child {
margin-top: 0.5rem;
}
h4 + h5 {
margin-top: -0.5rem;
}
h5 {
font-size: 1rem;
line-height: 1;
margin-bottom: 0.5rem;
}
@media screen and (min-width: 48em) {
h5 {
font-size: 1rem;
}
}
@media screen and (min-width: 68.75em) {
h5 {
font-size: 1rem;
}
}
p + h5, ul + h5, ol + h5 {
margin-top: 1.5rem;
}
.ce_text + .ce_text h5:first-child {
margin-top: 0.5rem;
}
h5 + h6 {
margin-top: -0.5rem;
}
h6 {
font-size: 0.875rem;
line-height: 1;
margin-bottom: 0.5rem;
}
@media screen and (min-width: 48em) {
h6 {
font-size: 0.875rem;
}
}
@media screen and (min-width: 68.75em) {
h6 {
font-size: 0.875rem;
}
}
p + h6, ul + h6, ol + h6 {
margin-top: 1.5rem;
}
.ce_text + .ce_text h6:first-child {
margin-top: 0.5rem;
}
p {
margin-top: 0;
}
p a {
color: #dc005a;
text-decoration: none;
transition: 700ms all ease-out;
}
p a:hover {
text-decoration: none;
}
p:last-child {
margin-bottom: 0;
}
code {
color: #cce9f8;
}
pre {
padding: 1rem;
background: #cbcbcb;
color: #fff;
overflow-x: scroll;
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border-top: 1px solid #f2f2f2;
border-bottom: 0;
}
.li--block {
margin-bottom: 1rem;
}
.ce_text {
margin-bottom: 1rem;
}
[id=header] {
background: #fff;
color: #222;
}
.rsts-slide .doppel_div,
.top .inner,
.mod_breadcrumb .inner,
#kopf_fest .inner,
#logo,
.swiper-wrapper,
.mod_navigation,
.mod_article,
.mod_article.article_fullwidth .centered-wrapper,
.mod_article.article--full .inner,
.mod_article.article--full section,
.mod_article.article--full .centered-wrapper-inner {
max-width: 66.625rem;
margin-left: auto;
margin-right: auto;
}
#container-wrapper {
max-width: 66.625rem;
margin-left: auto;
margin-right: auto;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
#kopf_fest .inner {
padding-left: 0;
padding-right: 0;
}
.mod_article {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
padding-top: 1.125rem;
padding-bottom: 1.125rem;
position: relative;
}
.mod_article.article--full {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
padding-top: 2em !important;
padding-bottom: 2em !important;
max-width: 100%;
}
.mod_article.abstand0 {
padding-top: 0;
padding-bottom: 0;
}
.mod_article .inner {
max-width: 66.625rem;
margin-left: auto;
margin-right: auto;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
margin: 0 auto;
}
[id=footer] > .inside {
max-width: 66.625rem;
margin-left: auto;
margin-right: auto;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.image--left img {
text-align: left;
margin-left: 0;
}
.image--right img {
text-align: right;
margin-right: 0;
}
.image--center img {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.ce_gallery ul {
margin-left: -0.9375rem;
margin-right: -0.9375rem;
padding: 0;
list-style-type: none;
}
.ce_gallery li {
float: left;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
margin-bottom: 1.875rem;
}
.ce_gallery .cols_2 li {
width: 50%;
}
.ce_gallery .cols_3 li {
width: 50%;
}
@media screen and (min-width: 48em) {
.ce_gallery .cols_3 li {
width: 0.3333333333;
}
}
.ce_gallery .cols_4 li {
width: 50%;
}
@media screen and (min-width: 48em) {
.ce_gallery .cols_4 li {
width: 0.25;
}
}
.ce_gallery .cols_5 li {
width: 50%;
}
@media screen and (min-width: 48em) {
.ce_gallery .cols_5 li {
width: 20%;
}
}
.ce_gallery .cols_6 li {
width: 50%;
}
@media screen and (min-width: 48em) {
.ce_gallery .cols_6 li {
width: 0.1666666667;
}
}
.ce_gallery img {
display: block;
}
.ce_player .inside,
.ce_player .mejs-video,
.ce_youtube .inside,
.ce_youtube .mejs-video {
margin-left: auto;
margin-right: auto;
}
.ce_player .mejs-video,
.ce_youtube .mejs-video {
width: 100% !important;
height: auto !important;
padding-top: 56.25%;
}
.ce_player .mejs-audio,
.ce_youtube .mejs-audio {
margin-top: 30px;
}
.ce_player .mejs-audio audio,
.ce_youtube .mejs-audio audio {
height: auto;
}
.ce_player .mejs-overlay,
.ce_player .mejs-poster,
.ce_youtube .mejs-overlay,
.ce_youtube .mejs-poster {
width: 100% !important;
height: 100% !important;
}
.ce_player .mejs-video .mejs-mediaelement video,
.ce_player .mejs-video .mejs-mediaelement .me-plugin,
.ce_player .mejs-video .mejs-mediaelement embed,
.ce_youtube .mejs-video .mejs-mediaelement video,
.ce_youtube .mejs-video .mejs-mediaelement .me-plugin,
.ce_youtube .mejs-video .mejs-mediaelement embed {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100% !important;
height: 100% !important;
}
input.submit, div.btn > a,
div.btn > button,
.ce_toplink > a,
.ce_toplink > button,
.projekt-teaser p .ce_toplink > a,
.toplink > a,
.toplink > button,
.projekt-teaser p .toplink > a, a.btn,
span.btn,
button.btn,
.projekt-teaser p a.btn {
border-radius: 5px;
padding: 0.5rem 1rem;
display: inline-block;
border: 1px solid transparent;
text-align: center;
background: transparent;
background-image: none;
white-space: nowrap;
}
a.btn,
span.btn,
button.btn,
.projekt-teaser p a.btn {
margin-bottom: 1rem;
}
a.btn--primary,
span.btn--primary,
button.btn--primary,
.projekt-teaser p a.btn--primary {
background: #dc005a;
color: #fff;
}
a.btn--primary:hover,
span.btn--primary:hover,
button.btn--primary:hover {
background: #a90045;
}
div.btn:not(:last-child),
.ce_toplink:not(:last-child),
.toplink:not(:last-child) {
margin-bottom: 1rem;
}
div.btn--primary > a,
div.btn--primary > button,
.ce_toplink > a,
.ce_toplink > button,
.projekt-teaser p .ce_toplink > a,
.toplink > a,
.toplink > button,
.projekt-teaser p .toplink > a {
background: #dc005a;
color: #fff;
}
div.btn--primary > a:hover,
div.btn--primary > button:hover,
.ce_toplink > a:hover,
.ce_toplink > button:hover,
.toplink > a:hover,
.toplink > button:hover {
background: #a90045;
}
.div.btn--left {
text-align: left;
}
div.btn--center {
text-align: center;
}
div.btn--right {
text-align: right;
}
.btn--floated {
float: left;
margin-right: 0.25rem;
}
.ce_toplink a,
.toplink a {
text-decoration: none;
}
.back {
border-top: 1px solid #cbcbcb;
margin-top: 1rem;
padding-top: 0.5rem;
}
.back a {
text-decoration: none;
}
.back a:before {
font-size: 0.75rem;
line-height: 1.4;
padding-bottom: 0.25rem;
display: inline-block;
content: "◄";
vertical-align: middle;
margin-right: 0.25rem;
}
/* ===========================================
* Buttons
* ======================================== */
.button-box {
margin: 0.8em 0;
}
.button-box.-left {
text-align: left;
}
.button-box.-right {
text-align: right;
}
.button-box.-centered {
text-align: center;
}
.button-box.-inline {
display: inline;
}
button.-secondary,
.button.-secondary,
input[type=submit].-secondary,
.main-navigation-search-form button,
.feature-box-link.-secondary,
.headline-box-link.-secondary,
.pricing-table-plan a.-secondary,
.feature-box-link,
.headline-box-link,
.pricing-table-plan a,
button,
.projekt-teaser p a,
.button,
article.teaser p.more,
input[type=submit],
input[type=reset],
input[type=button] {
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
padding: 1.07143em 1.42857em;
padding: 0.66667em 1em;
border: 0;
outline: none;
font-size: 0.93333em;
letter-spacing: 0.1em;
line-height: 1.42929;
color: white;
text-align: center;
text-decoration: none;
text-transform: uppercase;
background: #dc005a;
}
button.-secondary:hover,
.button.-secondary:hover,
input[type=submit].-secondary:hover,
.main-navigation-search-form button:hover,
.feature-box-link:hover,
.headline-box-link:hover,
.pricing-table-plan a:hover,
button.-secondary:focus,
.button.-secondary:focus,
input[type=submit].-secondary:focus,
.main-navigation-search-form button:focus,
.feature-box-link:focus,
.headline-box-link:focus,
.pricing-table-plan a:focus,
button:hover,
.projekt-teaser p a:hover,
button:focus,
.projekt-teaser p a:focus,
.button:hover,
article.teaser p.more:hover,
.button:focus,
article.teaser p.more:focus,
input[type=submit]:hover,
input[type=submit]:focus,
input[type=reset]:hover,
input[type=reset]:focus,
input[type=button]:hover,
input[type=button]:focus {
background-color: #dc005a;
text-decoration: none;
}
button.-secondary:active,
.button.-secondary:active,
input[type=submit].-secondary:active,
.main-navigation-search-form button:active,
.feature-box-link:active,
.headline-box-link:active,
.pricing-table-plan a:active,
button:active,
.projekt-teaser p a:active,
.button:active,
article.teaser p.more:active,
input[type=submit]:active,
input[type=reset]:active,
input[type=button]:active {
background-color: #dc005a;
}
button.-small.-secondary,
.-small.button.-secondary,
input.-small[type=submit].-secondary,
.main-navigation-search-form button.-small,
.-small.feature-box-link,
.-small.headline-box-link,
.pricing-table-plan a.-small,
button.-small,
.projekt-teaser p a.-small,
.button.-small,
article.teaser p.-small.more,
input[type=submit].-small,
input[type=reset].-small,
input[type=button].-small {
padding: 0.66667em 1em;
font-size: 0.8em;
line-height: 1.6675;
}
button.-medium.-secondary,
.-medium.button.-secondary,
input.-medium[type=submit].-secondary,
.main-navigation-search-form button.-medium,
.-medium.feature-box-link,
.-medium.headline-box-link,
.pricing-table-plan a.-medium,
button.-medium,
.projekt-teaser p a.-medium,
.button.-medium,
article.teaser p.-medium.more,
input[type=submit].-medium,
input[type=reset].-medium,
input[type=button].-medium {
padding: 0.75em 1em;
font-size: 1.2em;
line-height: 1.11167;
}
button.-large.-secondary,
.-large.button.-secondary,
input.-large[type=submit].-secondary,
.main-navigation-search-form button.-large,
.-large.feature-box-link,
.-large.headline-box-link,
.pricing-table-plan a.-large,
button.-large,
.projekt-teaser p a.-large,
.button.-large,
article.teaser p.-large.more,
input[type=submit].-large,
input[type=reset].-large,
input[type=button].-large {
padding: 0.71429em 0.95238em;
font-size: 1.4em;
line-height: 0.95286;
}
button.-super-size.-secondary,
.-super-size.button.-secondary,
input.-super-size[type=submit].-secondary,
.main-navigation-search-form button.-super-size,
.-super-size.feature-box-link,
.-super-size.headline-box-link,
.pricing-table-plan a.-super-size,
button.-super-size,
.projekt-teaser p a.-super-size,
.button.-super-size,
article.teaser p.-super-size.more,
input[type=submit].-super-size,
input[type=reset].-super-size,
input[type=button].-super-size {
padding: 0.55556em 0.69444em;
font-size: 2.4em;
line-height: 1.00028;
}
@media screen and (max-width: 599px) {
button.-super-size.-secondary,
.-super-size.button.-secondary,
input.-super-size[type=submit].-secondary,
.main-navigation-search-form button.-super-size,
.-super-size.feature-box-link,
.-super-size.headline-box-link,
.pricing-table-plan a.-super-size,
button.-super-size,
.projekt-teaser p a.-super-size,
.button.-super-size,
article.teaser p.-super-size.more,
input[type=submit].-super-size,
input[type=reset].-super-size,
input[type=button].-super-size {
font-size: 1.86667em;
}
}
.-highlight-color button.-secondary,
.-highlight-color .button.-secondary,
.-highlight-color input[type=submit].-secondary,
.-highlight-color .main-navigation-search-form button,
.main-navigation-search-form .-highlight-color button,
.-highlight-color .feature-box-link,
.-highlight-color .headline-box-link,
.-highlight-color .pricing-table-plan a,
.pricing-table-plan .-highlight-color a,
.-highlight-color button,
.-highlight-color .projekt-teaser p a,
.projekt-teaser p .-highlight-color a,
.-highlight-color .button,
.-highlight-color article.teaser p.more,
article.teaser .-highlight-color p.more,
.-highlight-color input[type=submit],
.-highlight-color input[type=reset],
.-highlight-color input[type=button] {
color: white;
}
button.-small, .projekt-teaser p a.-small,
.button.-small,
article.teaser p.-small.more,
input[type=submit].-small {
padding: 0.41667em 0.83333em;
font-size: 0.8em;
}
button.-secondary, .projekt-teaser p a.-secondary,
.button.-secondary,
article.teaser p.-secondary.more,
input[type=submit].-secondary,
.main-navigation-search-form button,
.main-navigation-search-form .projekt-teaser p a,
.projekt-teaser p .main-navigation-search-form a,
.feature-box-link.-secondary,
.headline-box-link.-secondary,
.pricing-table-plan a.-secondary {
padding: 0.92857em 1.28571em;
border: 2px solid #242424;
border-color: currentColor;
color: inherit;
background: transparent;
}
button.-secondary:hover, .projekt-teaser p a.-secondary:hover,
.button.-secondary:hover,
article.teaser p.-secondary.more:hover,
input[type=submit].-secondary:hover,
.main-navigation-search-form button:hover,
.main-navigation-search-form .projekt-teaser p a:hover,
.projekt-teaser p .main-navigation-search-form a:hover,
.feature-box-link.-secondary:hover,
.headline-box-link.-secondary:hover,
.pricing-table-plan a.-secondary:hover,
button.-secondary:focus,
.projekt-teaser p a.-secondary:focus,
.button.-secondary:focus,
article.teaser p.-secondary.more:focus,
input[type=submit].-secondary:focus,
.main-navigation-search-form button:focus,
.main-navigation-search-form .projekt-teaser p a:focus,
.projekt-teaser p .main-navigation-search-form a:focus,
.feature-box-link.-secondary:focus,
.headline-box-link.-secondary:focus,
.pricing-table-plan a.-secondary:focus {
color: white;
}
button.-secondary:hover:after, .projekt-teaser p a.-secondary:hover:after,
.button.-secondary:hover:after,
article.teaser p.-secondary.more:hover:after,
input[type=submit].-secondary:hover:after,
.main-navigation-search-form button:hover:after,
.main-navigation-search-form .projekt-teaser p a:hover:after,
.projekt-teaser p .main-navigation-search-form a:hover:after,
.feature-box-link.-secondary:hover:after,
.headline-box-link.-secondary:hover:after,
.pricing-table-plan a.-secondary:hover:after,
button.-secondary:focus:after,
.projekt-teaser p a.-secondary:focus:after,
.button.-secondary:focus:after,
article.teaser p.-secondary.more:focus:after,
input[type=submit].-secondary:focus:after,
.main-navigation-search-form button:focus:after,
.main-navigation-search-form .projekt-teaser p a:focus:after,
.projekt-teaser p .main-navigation-search-form a:focus:after,
.feature-box-link.-secondary:focus:after,
.headline-box-link.-secondary:focus:after,
.pricing-table-plan a.-secondary:focus:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: currentColor;
opacity: 0.2;
}
button.-secondary:active, .projekt-teaser p a.-secondary:active,
.button.-secondary:active,
article.teaser p.-secondary.more:active,
input[type=submit].-secondary:active,
.main-navigation-search-form button:active,
.main-navigation-search-form .projekt-teaser p a:active,
.projekt-teaser p .main-navigation-search-form a:active,
.feature-box-link.-secondary:active,
.headline-box-link.-secondary:active,
.pricing-table-plan a.-secondary:active {
background-color: transparent;
}
button.-secondary:active:after, .projekt-teaser p a.-secondary:active:after,
.button.-secondary:active:after,
article.teaser p.-secondary.more:active:after,
input[type=submit].-secondary:active:after,
.main-navigation-search-form button:active:after,
.main-navigation-search-form .projekt-teaser p a:active:after,
.projekt-teaser p .main-navigation-search-form a:active:after,
.feature-box-link.-secondary:active:after,
.headline-box-link.-secondary:active:after,
.pricing-table-plan a.-secondary:active:after {
opacity: 0.1;
}
button.-large.-secondary, .projekt-teaser p a.-large.-secondary,
.-large.button.-secondary,
article.teaser p.-large.-secondary.more,
input.-large[type=submit].-secondary,
.main-navigation-search-form button.-large,
.main-navigation-search-form .projekt-teaser p a.-large,
.projekt-teaser p .main-navigation-search-form a.-large,
.-large.feature-box-link.-secondary,
.-large.headline-box-link.-secondary,
.pricing-table-plan a.-large.-secondary,
button.-super-size.-secondary,
.projekt-teaser p a.-super-size.-secondary,
.-super-size.button.-secondary,
article.teaser p.-super-size.-secondary.more,
input.-super-size[type=submit].-secondary,
.main-navigation-search-form button.-super-size,
.main-navigation-search-form .projekt-teaser p a.-super-size,
.projekt-teaser p .main-navigation-search-form a.-super-size,
.-super-size.feature-box-link.-secondary,
.-super-size.headline-box-link.-secondary,
.pricing-table-plan a.-super-size.-secondary {
border-width: 3px;
}
button.-tertiary, .projekt-teaser p a.-tertiary,
.button.-tertiary,
article.teaser p.-tertiary.more,
input[type=submit].-tertiary {
padding: 0;
font-size: 1.6em;
letter-spacing: normal;
text-align: left;
text-transform: none;
background: none;
color: #33b1ec;
}
button.-small.-tertiary, .projekt-teaser p a.-small.-tertiary,
.-small.button.-tertiary,
article.teaser p.-small.-tertiary.more,
input.-small[type=submit].-tertiary {
font-size: 0.93333em;
line-height: 1.42929;
}
button.-medium.-tertiary, .projekt-teaser p a.-medium.-tertiary,
.-medium.button.-tertiary,
article.teaser p.-medium.-tertiary.more,
input.-medium[type=submit].-tertiary {
font-size: 1.2em;
line-height: 1.11167;
}
button.-large.-tertiary, .projekt-teaser p a.-large.-tertiary,
.-large.button.-tertiary,
article.teaser p.-large.-tertiary.more,
input.-large[type=submit].-tertiary {
font-size: 1.4em;
line-height: 0.95286;
}
button.-super-size.-tertiary, .projekt-teaser p a.-super-size.-tertiary,
.-super-size.button.-tertiary,
article.teaser p.-super-size.-tertiary.more,
input.-super-size[type=submit].-tertiary {
font-size: 2.4em;
line-height: 1.00028;
}
button.-tertiary:before, .projekt-teaser p a.-tertiary:before,
.button.-tertiary:before,
article.teaser p.-tertiary.more:before,
input[type=submit].-tertiary:before {
top: -2px;
font-size: 60%;
}
.-color-inverted button.-tertiary, .-color-inverted .projekt-teaser p a.-tertiary, .projekt-teaser p .-color-inverted a.-tertiary,
.-color-inverted .button.-tertiary,
.-color-inverted article.teaser p.-tertiary.more,
article.teaser .-color-inverted p.-tertiary.more,
.-color-inverted input[type=submit].-tertiary {
color: white;
}
button.-tertiary:hover, .projekt-teaser p a.-tertiary:hover,
.button.-tertiary:hover,
article.teaser p.-tertiary.more:hover,
input[type=submit].-tertiary:hover,
button.-tertiary:focus,
.projekt-teaser p a.-tertiary:focus,
.button.-tertiary:focus,
article.teaser p.-tertiary.more:focus,
input[type=submit].-tertiary:focus {
color: #2f8dba;
}
.ce_form {
overflow: visible;
}
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 0.25rem;
font-weight: normal;
}
input[type=text],
input[type=email],
input.text,
input.captcha,
textarea {
display: block;
width: 100%;
padding: 0.5em;
border-radius: 5px;
border: 1px solid rgba(0, 0, 0, 0.25);
background-clip: padding-box;
background-image: none;
}
textarea.textarea {
height: auto;
}
.widget-text,
.widget-textarea,
.widget-email {
margin-bottom: 1rem;
}
input[type=search] {
-webkit-appearance: none;
}
input[type=file] {
display: block;
vertical-align: middle;
line-height: 1;
}
input.radio,
input.checkbox {
margin: 0.25rem 0 0;
margin-left: 1px;
margin-top: 1px \9 ;
line-height: normal;
}
input.radio + label,
input.checkbox + label {
margin-right: 0.25rem;
font-weight: normal;
}
select.select {
margin-left: 0.25rem;
}
.widget-radio,
.widget-checkbox,
.widget-select,
.widget-upload {
margin-bottom: 1rem;
}
.widget-radio legend,
.widget-checkbox legend,
.widget-select legend,
.widget-upload legend {
font-weight: 700;
}
span.mandatory {
color: #006eab;
}
p.error {
margin-bottom: 0;
}
form table {
border: none;
}
form table th, form table td {
border: none;
}
.ce_accordion {
margin-bottom: 0.25rem;
padding-bottom: 4px;
}
.ce_accordion a:hover {
color: black;
}
.ce_accordion .toggler {
font-size: 1.12rem;
line-height: 1.2;
cursor: pointer;
padding: 0.34rem 0.67rem;
border: 1px solid transparent;
font-weight: bold;
outline: none;
cursor: pointer;
background: #f5c300;
color: white;
}
.ce_accordion .toggler:hover {
color: #c29a00;
background: transparent;
border: 1px solid #c29a00;
}
.ce_accordion .toggler:focus {
outline: 0;
}
.ce_accordion .toggler:after {
content: "+";
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
right: 2em;
}
.ce_accordion .accordion {
color: #222;
background: transparent;
border: 1px solid #c29a00;
font-size: 0.86rem;
padding: 0.973rem;
}
.ce_accordion .accordion p a {
color: #222;
padding-left: 2px;
padding-right: 2px;
text-decoration: underline;
transition: 10ms;
}
.ce_accordion .accordion p a:hover {
background-color: #dc005a;
color: white;
text-decoration: none;
}
.ce_accordion .toggler.ui-accordion-header-active:after {
content: "—";
}
.ce_download,
.ce_downloads {
margin-bottom: 1rem;
}
.ce_download .mime_icon,
.ce_downloads .mime_icon {
display: inline-block;
vertical-align: middle;
}
.ce_download a,
.ce_downloads a {
display: inline-block;
color: inherit;
text-decoration: none;
}
.ce_downloads ul {
list-style-type: none;
margin: 0;
padding: 0;
}
table {
margin-bottom: 1rem;
width: 100%;
padding: 0;
border-spacing: 0;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
}
table th,
table td {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 10px;
}
thead {
text-align: left;
background: rgba(204, 204, 204, 0.2);
}
tfoot {
font-style: italic;
}
.table--striped .even {
background: rgba(204, 204, 204, 0.2);
}
.table--overflow {
overflow-x: scroll;
}
.autoComplete_wrapper {
position: relative;
margin-top: 1em;
margin-bottom: 2em;
}
.autoComplete_wrapper > input {
height: 3rem;
width: 99%;
margin: 0;
padding: 0 2rem 0 3.2rem;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
font-size: 1rem;
text-overflow: ellipsis;
color: rgba(220, 0, 90, 0.3);
outline: none;
border-radius: 3px;
border: 0.05rem solid rgba(220, 0, 90, 0.5);
background-image: url(../../files/site/css/./images/search.svg);
background-size: 1.4rem;
background-position: left 1.05rem top 0.8rem;
background-repeat: no-repeat;
background-origin: border-box;
background-color: #fff;
transition: all 0.4s ease;
-webkit-transition: all -webkit-transform 0.4s ease;
}
.autoComplete_wrapper > input::-moz-placeholder {
color: rgba(220, 0, 90, 0.5);
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transition: all -webkit-transform 0.3s ease;
}
.autoComplete_wrapper > input::placeholder {
color: rgba(220, 0, 90, 0.5);
transition: all 0.3s ease;
-webkit-transition: all -webkit-transform 0.3s ease;
}
.autoComplete_wrapper > input:hover::-moz-placeholder {
color: rgba(220, 0, 90, 0.6);
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transition: all -webkit-transform 0.3s ease;
}
.autoComplete_wrapper > input:hover::placeholder {
color: rgba(220, 0, 90, 0.6);
transition: all 0.3s ease;
-webkit-transition: all -webkit-transform 0.3s ease;
}
.autoComplete_wrapper > input:focus::-moz-placeholder {
padding: 0.1rem 0.6rem;
font-size: 0.95rem;
color: rgba(220, 0, 90, 0.4);
}
.autoComplete_wrapper > input:focus::placeholder {
padding: 0.1rem 0.6rem;
font-size: 0.95rem;
color: rgba(220, 0, 90, 0.4);
}
.autoComplete_wrapper > input:focus::-moz-selection {
background-color: rgba(220, 0, 90, 0.15);
}
.autoComplete_wrapper > input:focus::selection {
background-color: rgba(220, 0, 90, 0.15);
}
.autoComplete_wrapper > input::-moz-selection {
background-color: rgba(220, 0, 90, 0.15);
}
.autoComplete_wrapper > input::selection {
background-color: rgba(220, 0, 90, 0.15);
}
.autoComplete_wrapper > input:hover {
color: rgba(220, 0, 90, 0.8);
transition: all 0.3s ease;
-webkit-transition: all -webkit-transform 0.3s ease;
}
.autoComplete_wrapper > input:focus {
color: rgb(220, 0, 90);
border: 0.06rem solid rgba(220, 0, 90, 0.8);
}
.autoComplete_wrapper > ul {
position: absolute;
max-height: 226px;
overflow-y: scroll;
box-sizing: border-box;
left: 0;
right: 0;
margin: 0.5rem 0 0 0;
padding: 0;
z-index: 1;
list-style: none;
border-radius: 0.6rem;
background-color: #fff;
border: 1px solid rgba(33, 33, 33, 0.07);
box-shadow: 0 3px 6px rgba(149, 157, 165, 0.15);
outline: none;
transition: opacity 0.15s ease-in-out;
-moz-transition: opacity 0.15s ease-in-out;
-webkit-transition: opacity 0.15s ease-in-out;
}
.autoComplete_wrapper > ul[hidden],
.autoComplete_wrapper > ul:empty {
display: block;
opacity: 0;
transform: scale(0);
}
.autoComplete_wrapper > ul > li {
margin: 0.3rem;
padding: 0.3rem 0.5rem;
text-align: left;
font-size: 1rem;
color: #212121;
border-radius: 0.35rem;
background-color: rgb(255, 255, 255);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transition: all 0.2s ease;
}
.autoComplete_wrapper > ul > li mark {
background-color: transparent;
color: rgb(220, 0, 90);
font-weight: bold;
}
.autoComplete_wrapper > ul > li:hover {
cursor: pointer;
background-color: rgba(220, 0, 90, 0.15);
}
.autoComplete_wrapper > ul > li[aria-selected=true] {
background-color: rgba(220, 0, 90, 0.15);
}
@media only screen and (max-width: 600px) {
.autoComplete_wrapper > input {
width: 18rem;
}
}
#breadcrumb {
background-color: white;
min-height: 26px;
border-bottom: 1px solid silver;
}
.index #breadcrumb {
display: none;
}
#breadcrumb .inner {
font-size: 1.1rem;
font-weight: 300;
text-transform: uppercase;
color: white;
padding-left: 0.935rem;
}
@media screen and (max-width: 1023px) {
#breadcrumb {
position: fixed;
width: 100%;
z-index: 10;
border-top: 1px solid #dc005a;
border-bottom: 1px solid silver;
box-shadow: 0 11px 18px 0px rgba(0, 0, 0, 0.13);
}
}
@media screen and (max-width: 599px) {
#breadcrumb {
min-height: 2px;
}
}
.is-sticky #breadcrumb {
width: 100%;
min-height: 40px;
z-index: 6;
margin-top: -12px;
box-shadow: 0 11px 18px 0px rgba(0, 0, 0, 0.13);
/*
.mod_breadcrumb{
height:40px;
margin-top:-1rem;
}
*/
}
#breadcrumb-sticky-wrapper {
min-height: 48px;
}
.index #breadcrumb-sticky-wrapper {
display: none;
}
/* <>---------------------------------------------------------------------<> */
.mod_breadcrumb {
padding: 0.15rem 0 0.15rem 1.935rem;
font-size: 0.9em;
width: 100%;
max-width: 66.625rem;
margin: 0 auto;
display: none;
padding-left: -1rem;
}
.mod_breadcrumb ul {
list-style: none;
margin-left: -1rem;
}
.index .mod_breadcrumb {
display: none;
}
@media screen and (min-width: 48em) {
.mod_breadcrumb li {
float: left;
padding-right: 0.5rem;
}
}
@media screen and (min-width: 600px) {
.mod_breadcrumb {
display: block;
}
.mod_breadcrumb ul {
display: inline-block;
margin: -4px 0 -4px -1rem;
padding: 0;
}
.mod_breadcrumb li {
float: left;
}
.mod_breadcrumb li > span {
padding-top: 0.5rem;
color: gray;
}
.mod_breadcrumb li:not(:first-child) {
padding-left: 0.25rem;
}
}
.index .mod_breadcrumb ul {
display: none;
}
.mod_breadcrumb a {
text-decoration: none;
}
.mod_breadcrumb a:hover {
text-decoration: underline;
color: black;
}
.mod_breadcrumb li.active,
.mod_breadcrumb li a span {
padding-top: 0.48rem;
display: inline-block;
}
.mod_breadcrumb a:after {
font-size: 1.34rem;
display: inline-block;
content: "»";
padding-left: 0.65rem;
}
/* =============================================================================
* divider
...
oder oder irgendein block-element
* ========================================================================== */
.divider {
position: relative;
margin-top: 1em;
margin-bottom: 1em;
height: 1px;
}
.divider:before {
content: "";
position: absolute;
top: 0;
left: 10%;
right: 10%;
width: 80%;
height: 1px;
background-image: linear-gradient(to right, transparent, rgb(48, 49, 51), transparent);
}
.divider.divider-arrow-down:after {
content: "";
position: absolute;
z-index: 1;
top: -7px;
left: calc(50% - 7px);
width: 14px;
height: 14px;
transform: rotate(45deg);
background-color: white;
border-bottom: 1px solid rgb(48, 49, 51);
border-right: 1px solid rgb(48, 49, 51);
}
.divider.divider-dot:after {
content: "";
position: absolute;
z-index: 1;
top: -5px;
left: calc(50% - 5px);
width: 10px;
height: 10px;
background-color: #dc005a;
border: 1px solid rgb(48, 49, 51);
border-radius: 50%;
box-shadow: inset 0 0 0 2px white, 0 0 0 4px white;
}
.linie:before {
background: #dc005a;
content: " ";
display: block;
height: 2px;
margin: 1rem 0;
width: 70px;
}
/*
Divider mit H1 bis H3
*/
h1, h2, h3 {
margin-left: 0;
}
h1.divider1, h2.divider1, h3.divider1 {
display: table;
white-space: nowrap;
margin-bottom: 1.5em;
}
h1.divider1:before, h1.divider1:after, h2.divider1:before, h2.divider1:after, h3.divider1:before, h3.divider1:after {
border-top: 1px solid #f5c300;
content: "";
display: table-cell;
position: relative;
top: 0.75em;
width: 45%;
}
h1.divider1:before, h2.divider1:before, h3.divider1:before {
right: 1.5%;
}
h1.divider1:after, h2.divider1:after, h3.divider1:after {
left: 1.5%;
}
h1.divider2, h2.divider2, h3.divider2 {
display: table;
white-space: nowrap;
margin-bottom: 1.5em;
}
h1.divider2:before, h1.divider2:after, h2.divider2:before, h2.divider2:after, h3.divider2:before, h3.divider2:after {
border-top: 1px solid #f5c300;
content: "";
display: table-cell;
position: relative;
top: 0.75em;
}
h1.divider2:before, h2.divider2:before, h3.divider2:before {
right: 1.5%;
width: 5%;
}
h1.divider2:after, h2.divider2:after, h3.divider2:after {
left: 1.5%;
width: 85%;
}
h1.unterstrichen, h2.unterstrichen, h3.unterstrichen {
border-bottom: 1px solid #f5c300;
margin-bottom: 1.5em;
}
.feature-box {
zoom: 1;
position: relative;
overflow: hidden;
}
.feature-box:before {
content: "";
display: table;
}
.feature-box:after {
content: "";
display: table;
clear: both;
}
.feature-box.-image-centered {
text-align: center;
}
.feature-box.-vertical-centered {
display: table;
table-layout: fixed;
/* Fixes IE bug */
width: 100%;
}
.feature-box.-small {
min-height: 300px;
}
.feature-box.-small.-vertical-centered {
height: 300px;
}
@media screen and (max-width: 599px) {
.feature-box.-small {
min-height: 200px;
}
.feature-box.-small.-vertical-centered {
height: 200px;
}
}
.feature-box.-medium {
min-height: 600px;
}
.feature-box.-medium.-vertical-centered {
height: 600px;
}
@media screen and (max-width: 599px) {
.feature-box.-medium {
min-height: 400px;
}
.feature-box.-medium.-vertical-centered {
height: 400px;
}
}
.feature-box.-large {
min-height: 900px;
}
.feature-box.-large.-vertical-centered {
height: 900px;
}
@media screen and (max-width: 599px) {
.feature-box.-large {
min-height: 600px;
}
.feature-box.-large.-vertical-centered {
height: 600px;
}
}
.feature-box-text {
position: relative;
z-index: 1;
margin: 6.66667em 46.66667% 6.66667em 0;
color: #98a0ab;
}
@media screen and (max-width: 900px) {
.feature-box-text {
margin-right: 37.5%;
}
}
@media screen and (max-width: 599px) {
.feature-box-text {
margin: 2.4em 0;
}
}
.-image-left > .feature-box-text {
margin-right: 0;
margin-left: 46.66667%;
}
@media screen and (max-width: 900px) {
.-image-left > .feature-box-text {
margin-left: 37.5%;
}
}
@media screen and (max-width: 599px) {
.-image-left > .feature-box-text {
margin-left: 0;
}
}
.-image-centered > .feature-box-text {
margin-right: 16.66667%;
margin-left: 16.66667%;
}
@media screen and (max-width: 900px) {
.-image-centered > .feature-box-text {
margin-right: 0;
margin-left: 0;
}
}
.-image-centered > .feature-box-text + .feature-box-image {
margin-top: -2.4em;
}
@media screen and (max-width: 599px) {
.-image-centered > .feature-box-text + .feature-box-image {
margin-top: 0;
}
}
.-vertical-centered > .feature-box-text {
display: table-cell;
vertical-align: middle;
width: 56.66667%;
margin: 0;
padding: 4.8em 3.33333% 4.8em 0;
}
@media screen and (max-width: 900px) {
.-vertical-centered > .feature-box-text {
width: 68.75%;
}
}
@media screen and (max-width: 599px) {
.-vertical-centered > .feature-box-text {
display: block;
width: auto;
padding-right: 0;
}
}
.-vertical-centered.-image-left > .feature-box-text {
padding-right: 0;
padding-left: 3.33333%;
}
@media screen and (max-width: 599px) {
.-vertical-centered.-image-left > .feature-box-text {
padding-left: 0;
}
}
.-vertical-centered.-image-centered > .feature-box-text {
width: 100%;
padding-right: 20%;
padding-left: 20%;
}
@media screen and (max-width: 900px) {
.-vertical-centered.-image-centered > .feature-box-text {
padding-right: 0;
padding-left: 0;
}
}
.-vertical-centered.-large-image > .feature-box-text {
width: 40%;
}
@media screen and (max-width: 900px) {
.-vertical-centered.-large-image > .feature-box-text {
width: 68.75%;
}
}
@media screen and (max-width: 599px) {
.-vertical-centered.-large-image > .feature-box-text {
width: auto;
}
}
.-no-image > .feature-box-text {
width: 100%;
}
.-color-inverted .feature-box-text {
color: white;
}
.no-margin .feature-box-text {
margin: 0;
padding: 0;
}
.no-margin-top .feature-box-text {
margin-top: 0;
padding-top: 0;
}
.no-margin-bottom .feature-box-text {
margin-bottom: 0;
padding-bottom: 0;
}
.feature-box-text h1,
.feature-box-text h2,
.feature-box-text h3 {
margin: 0;
color: #242424;
font-size: 1.86667em;
font-weight: normal;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.feature-box-text h1.-small,
.feature-box-text h2.-small,
.feature-box-text h3.-small {
font-size: 1.4em;
}
@media screen and (max-width: 599px) {
.feature-box-text h1.-small,
.feature-box-text h2.-small,
.feature-box-text h3.-small {
font-size: 1.2em;
}
}
.feature-box-text h1.-medium,
.feature-box-text h2.-medium,
.feature-box-text h3.-medium {
font-size: 2.4em;
}
@media screen and (max-width: 599px) {
.feature-box-text h1.-medium,
.feature-box-text h2.-medium,
.feature-box-text h3.-medium {
font-size: 1.86667em;
}
}
.feature-box-text h1.-large,
.feature-box-text h2.-large,
.feature-box-text h3.-large {
font-size: 3.2em;
}
@media screen and (max-width: 599px) {
.feature-box-text h1.-large,
.feature-box-text h2.-large,
.feature-box-text h3.-large {
font-size: 2.4em;
}
}
.feature-box-text h1.-super-size,
.feature-box-text h2.-super-size,
.feature-box-text h3.-super-size {
font-size: 4em;
}
@media screen and (max-width: 599px) {
.feature-box-text h1.-super-size,
.feature-box-text h2.-super-size,
.feature-box-text h3.-super-size {
font-size: 3.2em;
}
}
.feature-box-text h1 + a,
.feature-box-text h2 + a,
.feature-box-text h3 + a {
margin-top: 1.6em;
}
.-color-inverted .feature-box-text h1,
.-color-inverted .feature-box-text h2,
.-color-inverted .feature-box-text h3 {
color: white;
}
.feature-box-text p {
font-size: 1.2em;
margin: 1.33333em 0;
}
.feature-box-text p:before {
content: "";
display: block;
width: 4em;
height: 2px;
margin: 0.8em 0;
background: #33b1ec;
}
.-image-centered .feature-box-text p:before {
width: 5.71429em;
margin-left: auto;
margin-right: auto;
}
.feature-box-text .feature-box-subheadline {
margin-top: 0.28571em;
font-size: 1.4em;
color: #33b1ec;
}
.feature-box-image {
display: block;
float: right;
width: 43.33333%;
margin: 3.2em 0 3.2em 3.33333%;
}
@media screen and (max-width: 900px) {
.feature-box-image {
width: 31.25%;
}
}
@media screen and (max-width: 599px) {
.feature-box-image {
width: 100%;
}
}
.-image-left > .feature-box-image {
float: left;
margin-right: 3.33333%;
margin-left: 0;
}
@media screen and (max-width: 599px) {
.-image-left > .feature-box-image {
float: none;
margin-right: 0;
}
}
.-image-centered > .feature-box-image {
float: none;
width: 60%;
margin-right: auto;
margin-left: auto;
}
@media screen and (max-width: 900px) {
.-image-centered > .feature-box-image {
width: 100%;
}
}
.-image-centered > .feature-box-image + .feature-box-text {
margin-top: 3.2em;
}
.-image-top > .feature-box-image {
margin-top: 0;
}
.-image-bottom > .feature-box-image {
position: absolute;
bottom: 0;
right: 0;
margin: 0;
}
@media screen and (max-width: 599px) {
.-image-bottom > .feature-box-image {
position: static;
margin-bottom: 3.2em;
}
}
.-image-bottom.-image-left > .feature-box-image {
right: auto;
left: 0;
}
.-vertical-centered > .feature-box-image {
display: table-cell;
vertical-align: middle;
float: none;
margin: 0;
padding: 3.2em 0;
}
@media screen and (max-width: 599px) {
.-vertical-centered > .feature-box-image {
display: block;
padding-top: 1.6em;
padding-bottom: 1.6em;
}
}
.-image-rounded > .feature-box-image img {
border-radius: 99em;
}
.-large-image .feature-box-image {
width: 60%;
}
@media screen and (max-width: 900px) {
.-large-image .feature-box-image {
width: 31.25%;
}
}
@media screen and (max-width: 599px) {
.-large-image .feature-box-image {
width: 100%;
}
}
.-image-centered.-large-image .feature-box-image {
width: 73.33333%;
}
@media screen and (max-width: 900px) {
.-image-centered.-large-image .feature-box-image {
width: 62.5%;
}
}
@media screen and (max-width: 599px) {
.-image-centered.-large-image .feature-box-image {
width: 100%;
}
}
.not-in-view > .feature-box-text.-fade,
.not-in-view > .feature-box-image.-fade {
opacity: 0;
}
.not-in-view > .feature-box-text.-move,
.not-in-view > .feature-box-image.-move {
transform: translate(100%, 0);
}
.not-in-view > .feature-box-text.-move-right,
.not-in-view > .feature-box-image.-move-right {
transform: translate(-100%, 0);
}
.not-in-view > .feature-box-text.-move-top,
.not-in-view > .feature-box-image.-move-top {
transform: translate(0, 100%);
}
.not-in-view > .feature-box-text.-move-bottom,
.not-in-view > .feature-box-image.-move-bottom {
transform: translate(0, -100%);
}
.in-view > .feature-box-text,
.in-view > .feature-box-image {
transition: opacity 0.6s linear, transform 0.6s ease-out;
}
.in-view > .feature-box-text.-fade,
.in-view > .feature-box-image.-fade {
opacity: 1;
}
.in-view > .feature-box-text.-move,
.in-view > .feature-box-image.-move {
transform: translate(0, 0);
}
.feature-box-text img,
.feature-box-image img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}
/*
FADING BOX
*/
.fading-boxes {
zoom: 1;
margin: 2.66667em 0;
}
.fading-boxes:before {
content: "";
display: table;
}
.fading-boxes:after {
content: "";
display: table;
clear: both;
}
.fading-boxes > h1,
.fading-boxes > h2,
.fading-boxes > h3,
.fading-boxes > h4,
.fading-boxes > h5,
.fading-boxes > h6 {
margin-top: 0;
margin-bottom: 1.06667em;
}
.fading-boxes-item {
position: relative;
z-index: 0;
color: white;
transition: transform 0.2s linear;
}
.fading-boxes-item.-with-link:hover,
.fading-boxes-item.-with-link.is-hovered {
transform: translate3d(0, -2.33333em, 0);
}
.fading-boxes-item:hover,
.fading-boxes-item.is-hovered {
z-index: 1;
}
.fading-boxes-item-image {
position: relative;
z-index: 1;
background: #33b1ec no-repeat;
background-size: cover;
}
.-highlight-color .fading-boxes-item-image {
background: #3685ab no-repeat;
}
.fading-boxes-item-image:before {
position: absolute;
top: 1.875em;
right: 50%;
z-index: 1;
margin: -0.5em;
font-size: 2.66667em;
font-size: 3.667em !important;
transition: top 0.2s linear, right 0.2s linear, font-size 0.2s linear;
padding: 0.9rem;
margin-right: -0.667em !important;
color: #162127;
border-radius: 5%;
background: rgba(255, 255, 255, 0.543);
width: 5rem;
height: 5rem;
}
.fading-boxes-item:hover .fading-boxes-item-image:before,
.fading-boxes-item.is-hovered .fading-boxes-item-image:before {
top: 2rem;
right: 2rem;
opacity: 0.4;
color: white;
background: none;
font-size: 2.13333em;
/* IE8 and IE9 calculate em's wrong */
font-size: 32px \9 ;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.fading-boxes-item:hover .fading-boxes-item-image:before,
.fading-boxes-item.is-hovered .fading-boxes-item-image:before {
/* IE10 and IE11 calculate em's wrong */
font-size: 32px;
}
}
.fading-boxes-item-image:after {
content: attr(data-headline);
position: absolute;
top: 6.17857em;
left: 5%;
width: 90%;
font-size: 1.586667em;
text-align: center;
transition: opacity 0.1s linear;
transition-delay: 0.1s;
background-color: rgba(255, 255, 255, 0.75);
color: #162127;
line-height: 1.1;
padding: 0.5rem;
margin-top: 1rem;
}
.fading-boxes-item:hover .fading-boxes-item-image:after,
.fading-boxes-item.is-hovered .fading-boxes-item-image:after {
opacity: 0;
transition-delay: 0s;
}
.-has-text-shadow .fading-boxes-item-image:after {
text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.fading-boxes-item-text {
min-height: 19.28571em;
/* clearfix */
overflow: hidden;
padding: 0 1.42857em;
font-size: 0.93333em;
background: rgba(51, 177, 236, 0.8);
opacity: 0;
transition: opacity 0.2s linear;
}
.fading-boxes-item:hover .fading-boxes-item-text,
.fading-boxes-item.is-hovered .fading-boxes-item-text {
opacity: 1;
}
.fading-boxes-item-text h3 {
margin: 1em 0 -0.29167em;
font-size: 1.71429em;
font-weight: normal;
color: inherit;
}
.fading-boxes-item-text p {
margin: 1.5em 0;
}
.fading-boxes-item-text a {
color: inherit;
text-decoration: underline;
}
.fading-boxes-item-text a:hover {
text-decoration: none;
}
.fading-boxes-item-link {
visibility: hidden;
margin: -5.33333em 0 1.33333em;
padding: 1em 1.33333em;
background: #33b1ec;
-webkit-transition: margin 0.2s linear, visibility 0s;
-webkit-transition-delay: 0s, 0.2s;
transition: margin 0.2s linear, visibility 0s 0.2s;
}
.fading-boxes-item:hover .fading-boxes-item-link,
.fading-boxes-item.is-hovered .fading-boxes-item-link {
visibility: visible;
margin-top: 0;
margin-bottom: -4em;
transition-delay: 0s;
}
.fading-boxes-item-link .button, .fading-boxes-item-link article.teaser p.more, article.teaser .fading-boxes-item-link p.more {
display: block;
}
/** **********************************************************************************
Für rsce_teambox
und
rsce_ansprechpartner
**************************************************************************************
Überraschendes entdecken.
Anders denken.
Sich neu orientieren.
mehr >
*/
.cards .inner {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
}
.row {
display: flex;
padding: 0.25rem 0.5rem;
width: 100%;
}
@media (min-width: 40rem) {
.row {
width: 50%;
}
}
@media (min-width: 64rem) {
.row {
width: 25%;
}
}
@media screen and (max-width: 600px) {
.cards .inner {
justify-content: center;
}
.row {
min-width: 307px;
}
}
.card-image {
/*
height: 160px;
height: 200px;
*/
background: transparent no-repeat;
background-size: cover;
flex-grow: 0;
flex-shrink: 1;
}
.card-header {
color: white;
text-align: center;
font-size: 1rem;
background-color: #f5c300;
padding: 5px 10px;
display: block !important;
flex-grow: 0;
flex-shrink: 1;
}
.card-main {
display: flex; /* Children use Flexbox */
flex-direction: column; /* Rotate Axis to Vertical */
justify-content: space-between; /* Group Children in Center */
align-items: center; /* Group Children in Center (on cross axis) */
padding: 1rem; /* Add padding to the top/bottom */
background-color: white;
flex-grow: 1;
align-items: center;
}
.card-main p, .card-main .button, .card-main article.teaser p.more, article.teaser .card-main p.more {
margin-bottom: 2rem;
text-align: center;
font-size: 1.25rem;
display: block !important;
}
.card-main .button, .card-main article.teaser p.more, article.teaser .card-main p.more {
width: 50% !important;
text-align: center;
margin: 0 auto;
padding-left: 10px;
}
.card-main .button span, .card-main article.teaser p.more span, article.teaser .card-main p.more span {
display: inline;
font-size: 2rem;
color: #dc005a;
}
/**
VERANSTALTER Cards
*/
.card {
position: relative;
display: flex; /* Children use Flexbox */
flex-direction: column; /* Rotate Axis */
overflow: hidden; /* Fixes the corners */
margin: 5px; /* Add space between cards */
}
.card .card-body {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
background-color: #dc005a;
color: white;
text-align: center;
line-height: 1.25;
height: 125px;
}
.card .card-body h3 {
margin-top: 0.5rem;
}
.card .card-body p {
font-size: 0.9em;
margin-bottom: 3rem;
}
.card .card-image {
left: 50%;
margin-left: -50px;
position: absolute;
top: 76px;
}
.card .card-image img {
border: 8px solid white;
height: 100px;
width: 100px;
border-radius: 50%;
vertical-align: middle;
box-shadow: 0 0 5px gray;
}
.card .card-footer {
border: 1px solid #dc005a;
border-top: 0;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
padding-top: 79px;
}
@media screen and (min-width: 900px) {
.card .card-footer {
padding-top: 60px;
}
}
.card .card-footer p {
font-size: 0.8em;
flex-grow: 1;
}
.card .card-footer .subfooter {
display: flex;
flex-direction: row;
justify-content: space-between;
align-content: flex-end;
/*
position: absolute; // drücken wir das ganze nach unten
bottom: 0;
width: 100%;
*/
}
.card .card-footer .subfooter p {
border-top: 1px solid #dc005a;
margin-top: 1rem;
text-align: center;
border-collapse: collapse;
margin-bottom: 0px;
line-height: 2rem;
width: 50%;
}
.card .card-footer .subfooter p:nth-child(2) {
border-left: 1px solid #dc005a;
}
.card .card-footer .subfooter p:nth-child(2) i {
vertical-align: sub;
font-size: 0.85rem;
}
.card .card--adresse {
text-align: center;
font-size: 0.9rem;
}
/*
Ansprechpartner
*/
.ansprechpartner.card {
max-width: 600px;
margin: 5px auto;
}
.ansprechpartner.card .card-image {
top: 0px;
z-index: 10;
margin-top: 2px;
}
.ansprechpartner.card .card-body {
padding-top: 50px;
margin-top: 50px;
background-color: #f5c300;
}
.ansprechpartner.card .card-footer {
padding: 0.5rem;
text-align: center;
}
.ansprechpartner.card .card-footer p {
font-size: 0.9em;
}
.ansprechpartner-horizontal {
display: grid;
grid-template-columns: repeat(2, 2fr);
grid-gap: 1rem;
align-items: center;
margin-bottom: 2rem;
}
@media screen and (min-width: 900px) {
.ansprechpartner-horizontal {
grid-template-columns: 2fr repeat(3, 3fr);
}
}
@media screen and (max-width: 900px) {
.ansprechpartner-horizontal {
padding: 1rem 0;
box-shadow: 0 0 3px silver;
}
}
.ansprechpartner-horizontal img {
border: 8px solid white;
height: 100px;
width: 100px;
border-radius: 50%;
vertical-align: middle;
box-shadow: 0 0 5px gray;
display: block;
margin: 0 auto;
}
@media screen and (max-width: 900px) {
.ansprechpartner-horizontal img {
display: inline;
margin: auto;
}
}
@media screen and (max-width: 900px) {
.ansprechpartner-horizontal div.ap-image {
text-align: right;
}
}
.ansprechpartner-horizontal div.ap-name p:first-child {
font-weight: bold;
font-size: 1.1rem;
margin-bottom: 0;
}
.ansprechpartner-horizontal div i {
font-size: 5vw;
vertical-align: middle;
margin-right: 5px;
}
.ansprechpartner-horizontal div.ap-telefon {
text-indent: 2.9rem;
position: relative;
}
@media screen and (max-width: 900px) {
.ansprechpartner-horizontal div.ap-telefon {
text-align: right;
text-indent: 0;
padding-right: 2.5rem;
}
}
.ansprechpartner-horizontal div.ap-telefon:before {
content: "\ea1b";
font-family: Nucleo;
font-size: 36px;
z-index: -1;
position: absolute;
margin-top: 0;
top: 0;
left: 0;
text-indent: 0;
line-height: 34px;
}
@media all and (max-width: 480px) {
.ansprechpartner-horizontal div.ap-telefon:before {
margin-top: -7px;
}
}
@media screen and (max-width: 900px) {
.ansprechpartner-horizontal div.ap-telefon:before {
right: 0;
left: auto;
}
}
.ansprechpartner-horizontal div.ap-mail {
text-indent: 2.9rem;
position: relative;
}
.ansprechpartner-horizontal div.ap-mail:before {
content: "\ea1d";
font-family: Nucleo;
font-size: 36px;
z-index: -1;
position: absolute;
margin-top: 0;
top: 0;
left: 0;
text-indent: 0;
line-height: 34px;
}
@media all and (max-width: 480px) {
.ansprechpartner-horizontal div.ap-mail:before {
margin-top: -7px;
}
}
#footer {
border-top: 1px solid #525252;
padding: 1em;
margin-top: 1rem;
position: relative;
overflow: hidden;
background-color: #ededed;
/*
#footer-bg
{
position: absolute;
top:0;
left:0;
height:100%;
width: 30%;
opacity: 1;
background: url('/files/site/img/kreiskreuz.svg') no-repeat left center;
transform:scaleX(-1);
//z-index: 100;
}
*/
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
#footer {
background-size: 263px;
}
}
@media screen and (max-width: 767px) {
#footer {
background: #ededed url("/files/site/img/kfd-pill.svg") no-repeat left top;
background-size: 120px;
background-position-y: 1.5em;
background-position-x: 50%;
padding-top: 133px;
}
}
#footer p {
font-size: 0.8889375rem;
word-wrap: break-word;
line-height: 1.5em;
}
#footer a:hover {
text-decoration: underline;
}
#footer .nav--vertical strong.active {
padding-right: 0;
}
#footer .nav--vertical a {
padding: 0;
font-size: 0.9rem;
}
#footer span.icon {
float: left;
margin-right: 0.7rem;
}
#footer .inside {
background-position-y: -26px;
background-position-x: 54px;
}
#footer .footer--right {
text-align: right;
}
#footer table {
border: 0;
font-size: 0.8888rem;
line-height: 1.5em;
}
#footer table td,
#footer table th {
border: 0;
padding: 0;
}
@media screen and (max-width: 1023px) and (min-width: 900px) {
#footer p,
#footer a {
font-size: 0.86375rem;
}
.rs-column {
margin-right: 3.69231%;
}
.rs-column.-large-col-4-1 {
width: 22.23077%;
}
}
#copyright {
margin-top: 0.35em;
}
#footer .socials {
text-align: left;
margin-top: -0.347rem;
}
#footer .socials a {
color: white;
margin: 0 0.3rem 0.1rem 0;
padding: 0;
}
#footer .socials a:hover {
background-color: inherit;
}
#footer .socials a .icon-bg-square,
#footer .socials a .icon-bg-circle {
background-color: #656565;
padding: 0.4em;
}
#footer .socials a .icon-bg-square:hover,
#footer .socials a .icon-bg-circle:hover {
background-color: #dc005a;
}
#subfooter {
margin-top: 2rem;
}
#subfooter .mod_customnav ul,
#subfooter .mod_customnav li {
list-style: none;
margin: 0;
padding: 0;
}
#subfooter .mod_customnav ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
#subfooter .mod_customnav li {
margin: 0 1vw;
}
#subfooter .mod_customnav a {
color: #525252;
}
#subfooter .mod_customnav a:hover {
color: #dc005a;
}
/* roboto-300 - latin */
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 300;
src: url("../../files/site/fonts/roboto-v18-latin-300.eot"); /* IE9 Compat Modes */
src: local("Roboto Light"), local("Roboto-Light"), url("../../files/site/fonts/roboto-v18-latin-300.eot?#iefix") format("embedded-opentype"), url("../../files/site/fonts/roboto-v18-latin-300.woff2") format("woff2"), url("../../files/site/fonts/roboto-v18-latin-300.woff") format("woff"), url("../../files/site/fonts/roboto-v18-latin-300.ttf") format("truetype"), url("../../files/site/fonts/roboto-v18-latin-300.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
src: url("../../files/site/fonts/roboto-v18-latin-regular.eot"); /* IE9 Compat Modes */
src: local("Roboto"), local("Roboto-Regular"), url("../../files/site/fonts/roboto-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("../../files/site/fonts/roboto-v18-latin-regular.woff2") format("woff2"), url("../../files/site/fonts/roboto-v18-latin-regular.woff") format("woff"), url("../../files/site/fonts/roboto-v18-latin-regular.ttf") format("truetype"), url("../../files/site/fonts/roboto-v18-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */
}
/*********************************************************************************
HEADER
*/
#header {
height: 180px;
}
#header .mod_article {
border-bottom: 2px solid #dc005a;
}
#header .mod_article .mod_article {
border-bottom: none;
}
#header .mod_article h1,
#header .mod_article h2,
#header .mod_article h3 {
margin-top: 0.25rem;
margin-bottom: 0;
}
@media screen and (max-width: 1023px) {
#header {
position: fixed;
width: 100%;
z-index: 10;
height: 85px;
}
}
@media screen and (max-width: 600px) {
#header {
margin-bottom: 0;
}
}
/*
#header .is-sticky .mod_navigation {
padding-top: 0.25em;
transition: all 400ms linear;
overflow-y: visible;
z-index:1000;
}
*/
#kopf_fest {
overflow: visible;
height: 85px;
width: 100%;
transition: all 500ms;
opacity: 1;
}
@media screen and (min-width: 1024px) {
#kopf_fest {
height: 160px;
}
#kopf_fest .inner {
min-height: 70%;
}
}
#kopf_fest .inside {
display: flex;
justify-content: space-between;
max-width: 66.625rem;
margin-left: auto;
margin-right: auto;
margin-bottom: 4px;
}
.is-sticky #kopf_fest {
margin-bottom: -63px;
height: 80px;
padding: 0.725em inherit;
transition: 0;
z-index: 10;
background-image: none;
/* CSS Box Shadow Bottom Only */
}
.is-sticky #kopf_fest #logo-image,
.is-sticky #kopf_fest .socials {
display: none;
}
#logo-image {
display: inline-block;
float: left;
margin-left: 1rem;
margin-top: 0.67rem;
width: 223px;
height: 47px;
width: 216px;
height: 62px;
background-image: url("/files/site/img/kfd-ms-logo-2023.svg");
background-repeat: no-repeat;
background-size: cover;
}
@media screen and (min-width: 1024px) {
#logo-image {
width: 300px;
height: 87px;
background-image: url("/files/site/img/kfd-ms-logo-2023.svg");
background-repeat: no-repeat;
background-size: cover;
}
}
.is-sticky #logo-image {
height: 89px;
}
#logo-image a {
display: block;
width: 224px;
height: 47px;
text-decoration: none !important;
}
@media screen and (min-width: 1024px) {
#logo-image a {
width: 300px;
height: 141px;
}
}
@media screen and (max-width: 1023px) and (min-width: 460px) {
#logo-image a {
width: 268px;
height: 58px;
}
}
#logo-image a:after {
content: "";
}
.is-sticky #logo-image a {
width: 186px;
height: 84px;
}
#nav {
z-index: 1;
transition: all 500ms;
background-color: #dc005a;
}
.is-sticky #nav {
margin-top: -0.55rem;
}
#nav-wrapper {
margin-top: 1.5rem;
}
#nav-wrapper .mod_navigation.block {
/* sonst wird das dropdown nicht sichbar sein: überschreiben von .block */
overflow: visible;
}
#nav-wrapper .inside {
position: relative;
/*
.nav--dropdown {
right: 0;
position: absolute;
}
*/
}
#header .socials {
text-align: right;
padding-right: 1rem;
margin-top: 0.67rem;
margin-right: 1.5em;
}
#header .socials a {
color: white;
margin: 0.3rem 0.67rem;
}
#header .socials a .icon-bg-square,
#header .socials a .icon-bg-circle {
background-color: #656565;
padding: 0.4em;
}
#header .socials a .icon-bg-square:hover,
#header .socials a .icon-bg-circle:hover {
background-color: #dc005a;
}
.hidden {
display: none;
}
@media all and (max-width: 899px) {
.hidden-mobil {
display: none;
}
}
@media all and (min-width: 900px) {
.hidden-desktop {
display: none;
}
}
.padding0 {
padding: 0 !important;
}
.padding-1rem {
padding: 1rem !important;
}
.rs-columns.max800 {
display: block;
margin-top: 3.56%;
}
.rs-columns.max800:after {
content: "";
display: table;
clear: both;
}
.max800 {
max-width: 800px !important;
margin: 0 auto !important;
}
.max600 {
max-width: 600px !important;
margin: 0 auto;
}
.bg-hauptfarbe1,
.bg_hauptfarbe1 {
background-color: #dc005a;
color: white;
}
.bg-hauptfarbe1 a,
.bg_hauptfarbe1 a {
color: white;
text-decoration: underline;
}
.content_gray #container,
.content_gray #container-wrapper #main {
background-color: #f2f2f2;
}
.bg-gray,
.bg_gray {
background-color: #f2f2f2;
}
.bg-grau {
background-color: #f2f2f2;
}
.bg_hauptfarbe2,
.bg-hauptfarbe2 {
background-color: #f5c300;
}
.info-box {
border: 1px solid;
padding: 1rem;
margin-left: -0.9375rem;
margin-right: -0.9375rem;
}
.bg-red {
background-color: #dc005a;
}
.bg-weiss {
background-color: white;
}
.color-white {
color: white;
}
.ce_text ul li {
list-style: circle;
margin-left: 0em !important;
padding-left: 0em !important;
margin-bottom: 0.15em;
/*
&::before {
content: "\e613";
font: 100%/1 "icomoon";
margin-right: 1em;
background: @hauptfarbe1;
padding: 3px;
color: #fff;
border-radius: 50%;
}
*/
}
.margin-bottom-0 {
margin-bottom: 0 !important;
}
.margin-bottom2 {
margin-bottom: 2em !important;
}
.margin-top2,
.abstand-oben-2rem {
margin-top: 2rem !important;
}
.padding-top4,
.padding-top2 {
padding-top: 2rem !important;
}
@media screen and (min-width: 768px) {
.padding-top4 {
padding-top: 4.4rem !important;
}
}
.fontXL {
font-size: 1.125rem;
}
.footer--rechts,
.text--rechts {
text-align: right;
}
.footer--links,
.text--links {
text-align: left;
}
.text--center {
text-align: center;
}
div.centered {
margin: 0 auto;
}
.nav.footer--rechts {
display: inline-block;
/*
display: flex;
justify-content: right;
*/
}
.nav.footer--rechts a {
color: white;
}
.nav.footer--rechts a:hover {
background-color: white;
color: #dc005a;
}
@media screen and (max-width: 600px) {
.footer--rechts,
.footer--links {
text-align: center;
}
}
/* =============================================================================
* mod_eventlist
EVENTREADER folgt weiter unten
Buchungsform am ende
KALENDER on bottom final
* ========================================================================== */
.mod_eventlist {
margin-left: -1rem;
display: grid;
overflow: hidden;
grid-template-columns: repeat(auto-fit, minmax(300px, 537px));
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: center;
margin-left: -0.9375rem;
margin-right: -0.9375rem;
}
.mod_eventlist > h2 {
margin: 0 auto;
}
.mod_eventlist:not(.einspaltig) {
grid-template-columns: repeat(auto-fit, minmax(300px, 445px));
}
.mod_eventlist .item {
margin-bottom: 25px;
height: 100%;
}
.mod_eventlist p.more {
position: absolute;
bottom: 0.5em;
left: 0;
}
.mod_eventlist .event {
position: relative;
border: 1px solid;
padding: 1em;
}
.mod_eventlist .event .upcoming p time {
font-size: 1.34rem;
}
.mod_eventlist .event .ce_text p {
margin-bottom: 2rem;
}
@media screen and (min-width: 1167px) {
.mod_eventlist .event_heading {
min-height: 74px;
}
}
.mod_eventlist .item-inside {
padding: 15px;
border: 2px solid rgb(242, 242, 242);
background: rgba(255, 255, 255, 0.95);
transition: All 0.5s ease;
-webkit-transition: All 0.5s ease;
position: relative;
height: 100%;
}
.mod_eventlist.item:hover .item-inside {
border-color: rgb(142, 142, 142);
}
.mod_eventlist.image_container {
margin-bottom: 15px;
min-height: 110px;
}
.mod_eventlist.date {
left: 2px;
top: 8px;
color: #fff;
padding: 10px;
text-align: center;
line-height: 1.3;
float: left;
width: 60px;
margin-right: 1rem;
margin-bottom: 6px;
background-color: #5b99cd;
}
.mod_eventlist.date .day {
font-size: 1.733rem;
line-height: 1.733rem;
}
.mod_eventlist.date .month {
display: block;
text-transform: uppercase;
font-size: 0.7333rem;
}
.mod_eventlist.date .year {
display: block;
font-size: 0.7333rem;
}
.mod_eventlist i {
margin-right: 8px;
opacity: 0.5;
transition: All 0.5s ease;
-webkit-transition: All 0.5s ease;
}
.mod_eventlist.item:hover i {
opacity: 1;
}
.mod_eventlist.meta-info {
border-top: 1px dotted rgb(220, 220, 220);
padding-top: 15px;
color: rgb(140, 140, 140);
position: absolute;
bottom: 0;
padding-top: 2rem;
padding-bottom: 0.5rem;
}
.mod_eventlist.content {
bottom: 1rem;
}
/*
EVENTREADER
*/
.mod_eventreader p.back > a {
background-color: transparent;
color: #222;
}
.mod_eventreader p.back > a:before {
color: #222;
}
.mod_eventreader p.time {
margin-bottom: 0;
}
.mod_eventreader p.location {
margin-bottom: 1.5rem;
}
/********************************************************************************************
Komprimiert
**********************************************************************************************/
.mod_eventlist.komprimiert {
display: block;
}
.mod_eventlist.komprimiert .event-wrapper {
display: grid;
overflow: hidden;
grid-template-columns: 120px 1fr;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
margin-bottom: 1em;
}
@media screen and (min-width: 400px) and (max-width: 599px) {
.mod_eventlist.komprimiert .event-wrapper {
grid-template-columns: 200px 1fr;
}
}
@media screen and (min-width: 600px) {
.mod_eventlist.komprimiert .event-wrapper {
grid-template-columns: 250px 1fr;
}
}
.mod_eventlist.komprimiert .event-wrapper:nth-of-type(odd) {
background-color: whitesmoke;
}
.mod_eventlist.komprimiert .event-wrapper:nth-of-type(even) {
background-color: white;
}
.mod_eventlist.komprimiert .header {
font-weight: 700;
margin-bottom: 1em;
}
.mod_eventlist.komprimiert .event {
border: none;
display: flex;
flex-direction: column;
height: 100%;
}
@media screen and (max-width: 600px) {
.mod_eventlist.komprimiert .event {
padding-top: 0.3em;
}
}
.mod_eventlist.komprimiert .event div.ce_text {
flex-grow: 2;
}
.mod_eventlist.komprimiert p,
.mod_eventlist.komprimiert .event .ce_text,
.mod_eventlist.komprimiert .event .ce_text p {
margin-bottom: 0;
}
.mod_eventlist.komprimiert h2 {
font-size: 1.425rem;
margin-top: 0;
}
.mod_eventlist.komprimiert p {
font-size: 0.9rem;
}
.mod_eventlist.komprimiert a.btn {
background-color: #f5c300;
margin: 0;
font-size: 0.9rem;
padding: 5px 10px;
color: white;
width: 90px;
text-decoration: none;
border-radius: 0;
transition: all 0.5s;
}
.mod_eventlist.komprimiert a.btn:hover {
background-color: #ffd329;
}
/*
Buchungsformular
*/
.buchen-info-wrapper {
border: 1px solid silver;
margin: 1rem auto;
box-shadow: 0 0 0.67rem silver;
padding: 1em;
background: whitesmoke;
}
/**
KALENDER
***********************************************/
.mod_calendar.kalender--zentriert {
margin: 0 auto;
}
.mod_calendar table {
background: whitesmoke;
border: 20px solid whitesmoke;
position: relative;
}
.mod_calendar table.calendar .header {
font-weight: 500;
}
.mod_calendar table.minicalendar {
width: inherit;
}
.mod_calendar table.minicalendar td {
text-align: center;
vertical-align: middle;
}
.mod_calendar table.minicalendar .head.current {
text-align: center;
}
.mod_calendar table.minicalendar td.col_first {
border-left: 1px solid #ccc;
}
.mod_calendar table.minicalendar td.active > a {
padding: 0.5em 0.75em;
background: #ea542a;
color: white;
border-radius: 0;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
@media (max-width: 450px) {
.mod_calendar table.minicalendar {
width: 100%;
border: 5px solid whitesmoke;
}
.mod_calendar table.minicalendar th,
.mod_calendar table.minicalendar td,
.mod_calendar table.minicalendar td.active a {
padding: 5px;
font-size: 1rem;
}
.mod_calendar table.minicalendar td.active {
padding: 0 5px;
}
.mod_calendar table.minicalendar td.active a {
width: inherit;
height: inherit;
}
}
#monatskalender.mod_calendar th.head.current {
text-align: center;
}
#monatskalender.mod_calendar th.head.next {
text-align: right;
}
#monatskalender.mod_calendar td {
max-width: 14%;
width: 14% !important;
word-break: break-word;
-webkit-hyphens: auto;
hyphens: auto;
aspect-ratio: 1;
}
#monatskalender.mod_calendar td span {
font-size: 0.8rem;
}
/**
Suckerfish Multilevel CSS DropDown
Quelle: http://www.htmldog.com/examples/dropdowns3/
*/
.main_nav.block {
overflow: visible;
}
.main_nav ul {
margin-left: 0;
margin-bottom: 0;
padding-left: 0;
transition: 0.5s;
/* start ausblenden */
}
.main_nav ul.level_1 > li.first {
display: none;
}
.main_nav ul.level_1 > li > a {
/* 1. Ebene fett */
line-height: 32px;
}
.main_nav ul .level_2 {
min-width: 200px;
}
.main_nav ul .level_3 {
min-width: 180px;
}
.main_nav > ul {
display: flex;
justify-content: space-between;
margin-left: 1rem;
}
.main_nav li {
float: left;
position: relative;
z-index: 100;
list-style: none;
border: 1px solid transparent;
transition: 0.5s;
background-color: #dc005a;
}
.main_nav li a {
color: white;
text-decoration: none;
}
.main_nav li.active, .main_nav li.trail {
background-color: white;
color: black;
}
.main_nav li.active > a, .main_nav li.active > strong, .main_nav li.trail > a, .main_nav li.trail > strong {
color: #dc005a;
}
.main_nav li:hover {
background-color: white;
color: black;
}
.main_nav li:hover > a, .main_nav li:hover > strong {
color: #dc005a;
}
.main_nav a,
.main_nav strong {
display: block;
text-decoration: none;
padding: 5px 7px;
color: #000;
font-weight: normal;
}
@media screen and (min-width: 1200px) {
.main_nav a,
.main_nav strong {
padding: 5px 12px;
}
}
.trident .main_nav a,
.trident .main_nav strong {
display: inline-block;
}
/* END .main_nav */
.main_nav > ul > li > a,
.main_nav > ul > li > strong {
text-transform: uppercase;
text-decoration: none;
}
.main_nav ul ul {
position: absolute;
left: 0;
top: 100%;
visibility: hidden;
opacity: 0;
margin-left: 0;
padding-left: 0;
}
.main_nav ul ul:before {
position: relative;
float: left;
margin-left: 10px;
content: "";
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid transparent;
border-bottom: 10px solid #dc005a;
}
.main_nav ul ul li {
width: 100%;
padding: 0;
}
.main_nav ul ul ul {
left: 100%;
top: 0;
}
.main_nav ul ul ul:before {
border: none;
}
.main_nav li li:hover,
.main_nav li li:hover a {
background: #a90045;
color: white;
}
.main_nav li li.active:hover {
background-color: white;
}
.main_nav li li:hover li:hover a {
background: white;
color: #dc005a;
}
.main_nav li li:hover li:hover li a {
background: #a90045;
color: white;
}
.main_nav li li:hover li:hover li a:hover {
background: white;
color: #dc005a;
}
.main_nav li:hover > ul {
visibility: visible;
opacity: 1;
}
.main_nav ul.level_1 > li.last:hover > ul {
left: -6em;
}
.main_nav ul.level_1 > li.last:hover > ul:before {
float: right;
margin-right: 10px;
}
/* kleine dreiecke signalisieren untermenüs *****************************
.main_nav ul > li.submenu > a:after,
.main_nav ul > li.submenu > strong:after
{
position: relative;
float: right;
content: '';
margin-left: 6px;
margin-top: 11px;;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid $hauptfarbe1;
border-bottom: 4px solid transparent;
}
*/
.main_nav ul ul.level_2 > li.submenu > a:after,
.main_nav ul ul.level_2 > li.active.submenu > strong:after {
margin-left: auto;
margin-right: -10px;
border-left: 4px solid #dc005a;
border-right: 4px solid transparent;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
}
/*** Mobile NAV ****/
#showMobileNav {
position: absolute;
right: 1em;
top: 0em;
padding-top: 22px;
font-size: 2em;
display: none;
z-index: 9999;
width: 42px;
height: 42px;
}
#showMobileNav .icon-menu-6 {
color: #dc005a;
transition: all 0.7s;
}
#showMobileNav .icon-menu-6:hover {
color: black;
}
/*
#header {
color:white;
background-color: $hauptfarbe1;
}
*/
@media only screen and (max-width: 767px) {
#showMobileNav {
display: block;
top: -9px;
}
#header #nav nav,
#header .socials {
display: none;
}
}
/* --tablets -- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#showMobileNav {
display: block;
}
#header #nav nav {
display: none;
}
#kopf_fest .inner {
text-align: center;
}
#header .socials {
text-align: center;
padding-right: 1rem;
margin-top: 1.67rem;
margin-right: 6.5em;
display: inline-block;
}
}
@media only screen and (min-width: 1024px) {
#showMobileNav {
display: none;
}
}
.mobile_menu {
color: #9d9d9d;
z-index: 100000;
/*
.submenu.trail.first,
.submenu.first,
.mod_navigation .level_2 a.submenu.trail,
.submenu.sibling{
border-bottom: 1px solid #4e4e4e;
}
*/
}
.mobile_menu .inner {
height: 100%;
background: #2f2f2f;
overflow-y: scroll;
}
.mobile_menu .bottom-links {
display: flex;
flex-direction: row;
justify-content: space-around;
}
.mobile_menu .bottom-links a {
border: 1px solid;
padding: 0.6rem 1rem;
}
.mobile_menu .mod_navigation,
.mobile_menu .nav {
padding-left: 0;
padding-right: 0;
}
.mobile_menu .mod_navigation .startseite,
.mobile_menu .nav .startseite {
min-height: inherit;
}
.mobile_menu .nav,
.mobile_menu .nav ul li,
.mobile_menu .mod_navigation ul li {
float: none;
}
.mobile_menu .nav--dropdown li {
display: block;
}
.mobile_menu .active.submenu_show {
margin-bottom: -5px;
}
.mobile_menu .active.submenu_show a.submenu {
border-bottom: 1px solid #4e4e4e;
}
.mobile_menu a.submenu:after {
content: "\ea54";
font: normal normal normal 14px/1 Nucleo;
transform: translatey(48%);
position: absolute;
right: 1em;
}
.mobile_menu .submenu_show > a.submenu:after {
content: "\ea57";
font: normal normal normal 14px/1 Nucleo;
transform: translatex(-4%);
transform: translatey(48%);
}
.mobile_menu h3 {
margin-bottom: 6px;
}
.mobile_menu li.submenu_show > ul {
max-height: 100%;
opacity: 1;
}
.mobile_menu .nav ul {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
}
.mobile_menu .nav ul li {
position: relative;
margin: 0;
padding: 0;
width: 100%;
}
.mobile_menu .nav ul li.fa:before {
content: none;
}
.mobile_menu .nav ul li a:hover {
text-decoration: none;
background-color: #535353;
}
.mobile_menu .nav ul li .sibling.first,
.mobile_menu .nav ul li a.submenu,
.mobile_menu .nav ul li a.trail,
.mobile_menu .nav ul li a.startseite,
.mobile_menu .nav ul li a.last {
border-color: rgba(0, 0, 0, 0.1);
border-bottom: 1px solid;
}
.mobile_menu .nav a,
.mobile_menu .nav .active {
display: block;
padding: 1em 0;
border-collapse: collapse;
text-decoration: none;
background: #dc005a;
border-width: 1px;
border-color: rgba(0, 0, 0, 0.1);
color: white;
font-weight: 300;
text-indent: 8px;
/*
&.last{
padding-bottom: 8px;
}
*/
}
.mobile_menu .nav a.fa {
font-family: "Cabin", "Open Sans", Arial, "Helvetica", "Helvetica Neue";
}
.mobile_menu .nav a.fa:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
margin-right: 5px;
}
.mobile_menu .nav .active {
color: white !important;
padding-top: 4px;
padding-bottom: 4px;
font-weight: bold;
}
.mobile_menu .nav .level_2 a,
.mobile_menu .nav .level_2 li.active {
padding: 8px;
text-indent: 30px;
background-color: #a90045;
font-family: "Cabin", "Open Sans", Arial, "Helvetica", "Helvetica Neue";
}
.mobile_menu .nav .level_2 .active {
text-indent: 30px;
background: transparent;
}
.mobile_menu .nav i {
right: 15px;
top: 12px;
position: absolute;
font-size: 10px;
}
.mobile_menu .nav .level_2 i {
top: 9px;
}
.mobile_menu .nav .level_3 a,
.mobile_menu .nav .level_3 .acitve {
padding-right: 45px;
padding-left: 45px;
}
.mobile_menu .nav .level_3 .active {
padding-left: 36px;
background-color: #a90045;
}
.mobile_menu .nav .level_3 strong {
padding-top: 3px;
padding-bottom: 3px;
}
.mobile_menu .contact_box {
padding: 0 15px 15px;
}
.mobile_menu .search_box form {
position: relative;
padding-right: 70px;
}
.mobile_menu .search_box .text {
width: 100%;
height: 30px;
margin: 0;
padding: 0 6px;
border-top: 1px solid #c2c2c2;
border-right: 0px solid #c2c2c2;
border-bottom: 1px solid #c2c2c2;
border-left: 1px solid #c2c2c2;
border-radius: 3px 0 0 3px;
}
.mobile_menu .search_box .text:focus {
border: #ee833d;
}
.mobile_menu .search_box .submit {
width: 70px;
height: 30px;
right: 0;
top: 0;
position: absolute;
margin: 0;
padding: 0;
background: #ee833d;
border: 0;
border-radius: 0 3px 3px 0;
font-size: 11px;
line-height: 32px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
behavior: url("assets/css3pie/1.0.0/PIE.htc");
-webkit-appearance: none;
}
.mobile_menu .social_box {
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
font-size: 15px;
}
.mobile_menu .social_box a {
display: inline-block;
margin-right: 10px;
text-decoration: none;
color: #fff;
}
/*
Navigation in den Blog - Kategorien
@uses $mindestbreite_article_card in _variables
*/
.mod_newscategories {
padding-top: 1rem;
display: flex;
justify-content: center;
}
.mod_newscategories h4 {
margin-bottom: 1.267rem;
}
.mod_newscategories ul, .mod_newscategories li {
list-style: none;
padding: 0;
margin: 0;
font-size: 1rem;
}
.mod_newscategories ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 1rem;
}
.mod_newscategories li {
flex-grow: 1;
}
.mod_newscategories li strong {
margin-bottom: 1rem;
}
.mod_newscategories li strong.btn {
cursor: default !important;
background-color: white;
color: #222;
}
.mod_newscategories li strong.active {
padding: 0.5rem 1rem;
text-align: center;
background: #dc005a;
color: white;
}
.mod_newscategories li strong,
.mod_newscategories li a {
display: block;
margin-right: 1rem;
max-width: 300px;
border: 1px solid #dc005a;
border-radius: 0;
}
.mod_newscategories li strong:hover,
.mod_newscategories li a:hover {
background: #dc005a;
color: white;
}
ul.categories {
list-style: none;
padding: 0;
margin: 0;
}
ul.categories li {
display: inline-block;
}
/*
News-LIST ansicht
https://webdesign.tutsplus.com/tutorials/create-a-css-grid-image-gallery-with-blur-effect-and-interaction-media-queries--cms-32287
Für die Rubrik "Aktuell" @ kfd
@uses $mindestbreite_article_card in _variables
*/
.mod_newslist.grid-view .article_grid {
margin-top: 3rem;
margin-bottom: 3rem;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-gap: 1em;
}
.mod_newslist.grid-view .article_grid .referenz-item {
position: relative;
border: 1px solid silver;
/* for touch screen devices */
}
.mod_newslist.grid-view .article_grid .referenz-item .referenz-item-bild {
position: relative;
}
.mod_newslist.grid-view .article_grid .referenz-item span.bildlink {
font-weight: bold;
text-decoration: none;
z-index: 1;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0;
transition: opacity 0.5s;
background: rgba(34, 100, 163, 0.64);
color: white;
/* position the text in t’ middle*/
display: flex;
align-items: center;
justify-content: center;
}
.mod_newslist.grid-view .article_grid .referenz-item span.bildlink:hover {
opacity: 1;
cursor: pointer;
}
.mod_newslist.grid-view .article_grid .referenz-item span.bildlink a {
color: white;
text-decoration: none;
}
.mod_newslist.grid-view .article_grid .referenz-item .image_container {
line-height: 0;
overflow: hidden;
width: 100%;
background-color: white;
}
.mod_newslist.grid-view .article_grid .referenz-item .image_container img {
width: calc(100% - 1rem);
-o-object-fit: cover;
object-fit: cover;
margin: 0.5rem;
}
.mod_newslist.grid-view .article_grid .referenz-item figure a {
display: block;
width: 100%;
}
@media (hover: none) {
.mod_newslist.grid-view .article_grid .referenz-item span {
opacity: 0.8;
font-size: 1.1rem;
}
.mod_newslist.grid-view .article_grid .referenz-item .image_container img {
filter: blur(1px);
}
}
.mod_newslist.grid-view .article_grid .referenz-item p.more {
position: absolute;
bottom: 0;
}
.mod_newslist.grid-view .article_grid .referenz-item-body {
margin: 0.5rem;
font-size: 0.889rem;
line-height: 1.5;
margin-bottom: 5rem; /* damit der absolut positionierte p.more unten platz hat */
}
.mod_newslist.grid-view .pagination {
text-align: center;
}
.mod_newsreader figure {
margin-bottom: 1.25rem;
}
.use_news-navigation p.back {
display: none;
}
#news-navigation {
display: flex;
flex-direction: row;
justify-content: space-between;
}
@media screen and (max-width: 599px) {
#news-navigation span {
display: none;
}
}
/* =============================================================================
* JS - pagination
* ========================================================================== */
.page_navigation {
width: 100%;
text-align: center;
clear: both;
border-top: 1px solid silver;
margin-top: 3rem;
}
.page_navigation ul {
padding: 0;
}
.page_navigation li {
display: inline-block;
min-width: 48px;
text-align: center;
}
.page_navigation li a {
color: inherit;
display: block;
width: 48px;
padding: 5px;
}
.page_navigation li a:hover {
text-decoration: none;
background-color: #f5c300;
color: white;
}
.page_navigation li.active_page a {
background-color: #f5c300;
}
.page_navigation li.active_page a a {
color: white;
}
/* =============================================================================
* pagination
* ========================================================================== */
.pagination {
clear: both;
border-top: 1px solid silver;
margin-top: 3rem;
}
.pagination ul {
padding: 0;
float: left;
}
.pagination p {
float: right;
padding-top: 1rem;
}
.pagination li {
background: none;
padding: 0;
margin: 0;
float: left;
list-style-type: none;
}
.pagination li:before,
.pagination li a:before {
content: "";
}
.pagination li a,
.pagination li span {
background: none;
display: block;
margin-right: 1px;
color: inherit;
text-decoration: none;
padding: 3px 10px;
}
.pagination li strong.active {
background: #f5c300;
color: white;
padding: 3px 10px;
}
.pagination li a:hover {
color: rgb(152, 152, 152);
}
.pagination-white .pagination,
.pagination-white .pagination a {
color: rgb(255, 255, 255);
}
.programmbausteine h2 {
margin-top: 2rem;
margin-bottom: 1rem;
color: #dc005a;
text-align: center;
}
.programmbausteine .grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 350px));
gap: 1em;
justify-content: center;
}
.programmbausteine .grid a {
text-decoration: none;
display: block;
padding: 1em;
color: #000;
}
.programmbausteine .baustein {
border: 1px solid silver;
background-color: white;
}
.programmbausteine .baustein:hover {
background-color: #dc005a;
color: white;
}
.programmbausteine .baustein:hover a {
color: white;
}
.programm .mod_listing {
padding-top: 2em;
}
/*
für Custom Elements rsce_googlemap_iframe
*/
.iframe-container {
height: 100%;
min-height: 450px;
background-size: cover;
padding: 5em;
color: black;
opacity: 0.6;
position: relative;
overflow: hidden;
width: 100%;
}
.iframe-container iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
.iframe-container.display {
background-image: none !important;
padding: 0;
opacity: 1;
padding-top: 56.25%;
}
.iframe-container p {
opacity: 0.9;
background: white;
padding: 1rem;
}
.iframe-container iframe {
height: 100%;
}
.headerbild-v2 {
background-size: cover !important;
background-position: 50% 50%;
max-width: 100vw;
height: calc(70vh - 252px);
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
}
.headerbild-v2 .ueberschrift {
width: 100%;
margin: 0 auto;
}
@media screen and (max-width: 1140px) {
.headerbild-v2 .ueberschrift {
width: auto;
}
}
.headerbild-v2 .ueberschrift div.text {
padding: 1rem;
line-height: 1.15;
}
.headerbild-v2 .ueberschrift div.text h1, .headerbild-v2 .ueberschrift div.text h2, .headerbild-v2 .ueberschrift div.text h3, .headerbild-v2 .ueberschrift div.text p {
font-weight: bold;
position: relative;
text-shadow: 0 0 10px gray;
}
.headerbild-v2 .ueberschrift div.text h1 a, .headerbild-v2 .ueberschrift div.text h2 a, .headerbild-v2 .ueberschrift div.text h3 a, .headerbild-v2 .ueberschrift div.text p a {
color: white;
background: rgba(91, 153, 205, 0.7019607843);
padding: 0.5rem 1rem;
display: inline-block;
}
.headerbild {
background-size: cover !important;
background-position: 50% 50%;
width: 100vw;
height: calc(100vh - 252px);
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
}
.headerbild .ueberschrift {
width: 66.625rem;
margin: 0 auto;
}
@media screen and (max-width: 1140px) {
.headerbild .ueberschrift {
width: auto;
}
}
.headerbild .ueberschrift div.text {
padding: 1rem;
line-height: 1.15;
}
.headerbild .ueberschrift div.text h1, .headerbild .ueberschrift div.text h2, .headerbild .ueberschrift div.text h3, .headerbild .ueberschrift div.text p {
font-weight: bold;
position: relative;
text-shadow: 0 0 10px gray;
}
.headerbild .ueberschrift div.text h1 a, .headerbild .ueberschrift div.text h2 a, .headerbild .ueberschrift div.text h3 a, .headerbild .ueberschrift div.text p a {
color: white;
background: rgba(91, 153, 205, 0.7019607843);
padding: 0.5rem 1rem;
display: inline-block;
}
/*
für Custom Elements Teaser mit Icon (und Link)
*/
.teaser-mit-icon {
padding: 2em 1em 1em;
font-size: 0.85em;
min-height: 4em;
margin-bottom: 2.5em;
line-height: 1.5;
text-align: center;
color: #222;
background-color: white;
border-radius: 3px;
border: 1px solid silver;
}
.teaser-mit-icon:hover {
background-color: #f5c300;
}
.teaser-mit-icon strong {
text-transform: uppercase;
}
.teaser-mit-icon a {
color: white;
text-decoration: none;
display: block;
font-size: 1.15rem;
padding: 0.4rem 0;
}
.teaser-mit-icon::before {
font-size: 2.8571rem;
display: block;
color: #FFF;
text-align: center;
transition-duration: 0.2s, 0.2s, 0.2s, 0.8s;
min-height: 80px;
}
.teaser-mit-icon [data-icon]::before {
font-size: 2.8571rem;
}
.teaser-mit-icon--link.teaser-mit-icon--image {
box-sizing: border-box;
padding-top: 10px;
}
.teaser-mit-icon.transparent {
background-color: transparent;
}
.teaser-mit-icon.transparent::before {
margin-right: 0 !important;
margin-left: 7px;
min-height: 40px;
}
/*
Schwebende Textbox über einem leicht versetzt zurückliegenden und überlappenden Bild
Einfach mit 1 div und 3 klassen
nach: http://html.systems/components/Div/index.html
der extra-trick ist die CSS variable, die hier definiert wird, dann aber
über Custom Elements gesteuert mit je einem eigenen hintergrundbild versehen wird.
zum niederkieen.
*/
:root {
--doppel-div-bildhoehe: 360px;
}
/* Container und Text-Wrapper */
.doppel_div {
background: transparent !important;
z-index: 1;
box-shadow: none !important;
margin: 1rem 0 4rem;
position: relative;
padding: 100px 5% 100px clamp(400px, 575px, 50%);
box-sizing: border-box;
/* Hintergrund für den Text */
/* Das Bild zum Text */
}
@media screen and (max-width: 66.625rem) {
.doppel_div {
margin-left: 1rem !important;
margin-right: 1rem !important;
}
}
.doppel_div:before {
box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
background: white;
z-index: -1;
top: 60px;
left: 45%;
bottom: 60px;
margin-left: 0;
right: 0;
position: absolute;
content: "";
display: block;
}
.doppel_div:after {
z-index: -2;
background: #333 var(--dd-image1) no-repeat;
background-size: cover;
background-position: center center;
position: absolute;
left: 0;
width: 50%;
bottom: 120px;
top: 0;
content: "";
display: block;
border: 1px solid gray;
}
.doppel_div.text--links {
padding: 100px clamp(400px, 575px, 50%) 100px clamp(40px, 60px, 5%); /* viel platz nach rechts lassen fürs bild */
}
.doppel_div.text--links:before {
left: 0;
right: 45%;
}
.doppel_div.text--links:after {
left: 50%;
}
@media screen and (max-width: 767px) {
.doppel_div {
padding: var(--doppel-div-bildhoehe) 5% 100px 2%; /* padding-left von 50% weg ! */
}
.doppel_div .in {
padding-top: 1rem;
}
.doppel_div.text--links {
padding: var(--doppel-div-bildhoehe) 2% 100px 3%;
}
.doppel_div:before {
padding-top: var(--doppel-div-bildhoehe);
top: 0;
margin-top: -2%;
}
.doppel_div:before,
.doppel_div.text--links:after {
left: 0;
}
.doppel_div.text--links:before {
right: 0;
}
.doppel_div.text--links:after,
.doppel_div:after {
z-index: 1;
width: 96%;
margin-left: 2%;
max-height: var(--doppel-div-bildhoehe);
}
}
.ueberschrift_extended {
margin-bottom: 2.67rem;
}
.ueberschrift_extended p.subtitle {
margin-bottom: 0;
color: #525252;
font-size: 1.15rem;
font-style: italic;
display: inline-block;
border-bottom: 1px solid gray;
padding-bottom: 0.3467rem;
margin-bottom: 0.3467rem;
}
.ueberschrift_extended h1, .ueberschrift_extended h2, .ueberschrift_extended h3, .ueberschrift_extended h4, .ueberschrift_extended h5, .ueberschrift_extended h6 {
margin: 0;
}
.ueberschrift_extended span.hauptfarbe1 {
color: #dc005a;
}
.ueberschrift_mit_teaser p.subtitle {
margin-bottom: 0;
color: #dc005a;
}
.ueberschrift_mit_teaser h1, .ueberschrift_mit_teaser h2, .ueberschrift_mit_teaser h3, .ueberschrift_mit_teaser h4, .ueberschrift_mit_teaser h5, .ueberschrift_mit_teaser h6 {
margin: 0;
}
.slick {
margin-top: -2px;
margin-bottom: 2rem;
}
.slick.zweispaltig {
max-width: 840px;
}
.slick-list .article--full {
width: 100vw;
border-bottom: 1px solid;
}
.slick-slide {
width: 100%;
/*
.ce_image{
height: calc(100vh - 250px);
}
*/
}
.slick-slide img {
width: 100vw;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.slick-slide p,
.slick-slide h1,
.slick-slide h2,
.slick-slide h3 {
padding: 0.5rem;
}
.slick-slide figure.image_container figcaption {
position: absolute;
top: 50%;
font-size: 2rem;
color: whitesmoke;
}
a.slick-next,
a.slick-prev {
text-align: right;
display: inline;
position: absolute;
right: 1rem;
top: 40%;
color: gray;
padding: 0 0.4em;
opacity: 0.5;
text-decoration: none;
font-size: 2.36em;
width: 50px;
height: 50px;
}
a.slick-prev {
left: -1rem;
z-index: 10;
text-align: left;
/*
&:after{
content: "«";
font-size: 3rem;
position: absolute;
left: 0.6rem;
top: -1.3rem;
}
*/
}
/*
a.slick-next{
&:after{
content: "»";
font-size: 3rem;
position: absolute;
right: 0.6rem;
top: -1.3rem;
}
}
*/
@media screen and (max-width: 968px) {
a.slick-next,
a.slick-prev {
opacity: 0;
background: none;
color: transparent;
}
}
.slick-dots {
list-style-type: none;
display: flex;
justify-content: center;
}
.slick-dots button, .slick-dots .projekt-teaser p a, .projekt-teaser p .slick-dots a {
border-radius: 50%;
text-indent: -10000px;
aspect-ratio: 1;
font-size: 10px;
margin: 0.5rem;
}
.slick-dots .slick-active button, .slick-dots .slick-active .projekt-teaser p a, .projekt-teaser p .slick-dots .slick-active a {
background-color: silver;
}
#slider .mod_article.article--full {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#slider .mod_article {
padding-bottom: 0;
}
.swiper-slide h1, .swiper-slide h2, .swiper-slide h3, .swiper-slide p {
padding-left: 1rem;
padding-right: 1rem;
}
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 20px;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: black;
}
/*
html{
overflow: hidden;
}
*/
html,
body {
min-height: 100vh;
overflow-x: hidden;
}
body {
font-family: "Cabin", -apple-system, BlinkMacSystemFont, Arial, "Segoe UI", Roboto, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
/** footer immer am ende **/
display: flex;
min-height: 100vh;
margin: 0 auto;
flex-direction: column;
/** /footer positioning */
}
/*
.startseite .custom{ // breadcrumb container
display: none;
}
*/
/*
#wrapper{
background-image: url('/files/site/img/kreiskreuz.svg');
background-repeat: no-repeat;
background-position: right 228px;
z-index:-1;
background-size: 75vw;
}
*/
/*
body.index .mod_article {
padding-top:0;
}
*/
h1,
h2,
h3 {
margin-left: 0;
}
h1.divider1,
h2.divider1,
h3.divider1 {
display: table;
white-space: nowrap;
margin-bottom: 1.5em;
}
h1.divider1:before, h1.divider1:after,
h2.divider1:before,
h2.divider1:after,
h3.divider1:before,
h3.divider1:after {
border-top: 1px solid #f5c300;
content: "";
display: table-cell;
position: relative;
top: 0.75em;
width: 45%;
}
h1.divider1:before,
h2.divider1:before,
h3.divider1:before {
right: 1.5%;
}
h1.divider1:after,
h2.divider1:after,
h3.divider1:after {
left: 1.5%;
}
h1.divider2,
h2.divider2,
h3.divider2 {
display: table;
white-space: nowrap;
margin-bottom: 1.5em;
}
h1.divider2:before, h1.divider2:after,
h2.divider2:before,
h2.divider2:after,
h3.divider2:before,
h3.divider2:after {
border-top: 1px solid #f5c300;
content: "";
display: table-cell;
position: relative;
top: 0.75em;
}
h1.divider2:before,
h2.divider2:before,
h3.divider2:before {
right: 1.5%;
width: 5%;
}
h1.divider2:after,
h2.divider2:after,
h3.divider2:after {
left: 1.5%;
width: 85%;
}
h1.unterstrichen,
h2.unterstrichen,
h3.unterstrichen {
border-bottom: 1px solid #f5c300;
margin-bottom: 1.5em;
}
.mod_newsreader p + h1 {
margin-top: 0;
}
h3 {
font-size: 1em;
text-transform: uppercase;
}
a,
.ce_download a,
.ce_downloada a,
dl a,
p a {
color: #dc005a;
}
a:hover,
.ce_download a:hover,
.ce_downloada a:hover,
dl a:hover,
p a:hover {
text-decoration: underline;
}
#container-wrapper a[href$=".pdf"]:before {
content: "\ea40";
font-family: Nucleo;
margin-right: 0.15em;
font-weight: normal !important;
text-decoration: none !important;
vertical-align: bottom;
}
#container-wrapper a[href$=".pdf"]:before:hover {
text-decoration: none;
}
figure #container-wrapper a[href$=".pdf"]:before {
content: "";
}
#container-wrapper a[href^="http://"]:before,
#container-wrapper a[href^="https://"]:before {
content: " \ea56";
font-family: Nucleo;
margin-left: 0.1rem;
margin-right: 0.2rem;
vertical-align: top;
}
#container-wrapper a[href^="http://"]:before:hover,
#container-wrapper a[href^="https://"]:before:hover {
text-decoration: none !important;
}
figure #container-wrapper a[href^="http://"]:before,
figure #container-wrapper a[href^="https://"]:before {
content: "";
}
#container-wrapper .event a[href^="https://"]:before,
#container-wrapper .mod_eventlist a[href^="https://"]:before {
content: none;
}
b,
strong {
font-weight: bold;
}
img {
margin-left: 0;
}
.bilderrahmen img {
border: 1px solid gray;
}
td {
vertical-align: top;
}
/* Bildunterschrift max. so breit wie das bild */
figure {
display: table;
}
figcaption {
display: table-caption;
caption-side: bottom;
font-size: 0.8em;
line-height: 1.3;
font-style: italic;
}
.firstletter > p:first-child::first-letter {
font-size: 3.6em;
letter-spacing: 5px;
font-family: "Times", serif;
float: left;
margin-top: 8px;
}
.boxshadow {
box-shadow: 0 0 16px silver;
margin: 1px !important;
}
.innenabstand-1 {
padding: 1rem;
}
.innenabstand-2 {
padding: 2rem;
}
#wrapper {
overflow: hidden;
}
@media screen and (max-width: 1023px) {
#wrapper > .custom {
padding-top: 85px;
margin-bottom: 40px;
}
.index #wrapper > .custom {
padding-top: 85px;
margin-bottom: 0px;
}
}
@media screen and (max-width: 600px) {
#wrapper > .custom {
margin-bottom: 2px;
}
}
#container {
/** footer immer am ende **/
flex: 1;
min-height: 5rem;
/** /footer positioning */
position: relative;
/*
@media screen and (max-width:1023px){
padding-top:125px;
}
*/
}
.startseite #container {
width: 100%;
max-width: 100%;
float: none;
margin: 0 !important;
padding: 0;
}
.no-bg-img #container #bg-content-image {
display: none;
}
#container-wrapper {
display: grid;
grid-template-columns: auto;
}
@media screen and (min-width: 900px) {
#container-wrapper {
grid-template-columns: auto 22%;
gap: 3em;
}
}
.einspaltig #container-wrapper {
grid-template-columns: auto;
}
#container-wrapper #main,
#container-wrapper #right {
background-color: white;
}
#container-wrapper #right .inside {
margin-right: 0.67rem;
}
#container-wrapper #right .mod_article > h3 {
background-color: #f5c300;
color: white;
padding: 0.34rem 0.67rem;
font-size: 1.12rem;
}
#container-wrapper #right .mod_navigation {
font-size: 0.86rem;
}
#container-wrapper #right .mod_navigation strong {
padding-left: 4px;
margin-bottom: 0.3467rem;
display: block;
color: #dc005a;
}
#container-wrapper #right .mod_navigation a {
color: #222;
display: block;
padding-left: 4px;
}
#container-wrapper #right .mod_navigation a:hover {
background-color: #dc005a;
color: white;
text-decoration: none;
}
#container-wrapper #right .mod_navigation ul,
#container-wrapper #right .mod_navigation li {
list-style: none;
padding: 0;
margin: 0;
}
#container-wrapper #right .mod_navigation ul {
margin-left: 0.67rem;
}
#container-wrapper #right .mod_navigation ul.level_1 > li > a {
font-weight: bold;
}
#container-wrapper #right .mod_navigation ul ul {
margin-left: 1.34rem;
}
#container-wrapper #right .mod_article {
padding-left: 0;
padding-right: 0;
}
/*
@media screen and (max-width: 900px){
#container{
#main {
width: 100%;
float:none;
margin:0;
}
#right {
//display: none; // was soll,s - weg damit
width: 100%;
float:none;
margin:0;
@include padding-default;
}
}
#undefined-sticky-wrapper.sticky-wrapper{
height: 1px !important;
}
}
*/
.mod_article.block {
overflow: visible;
}
.mod_article {
margin-bottom: 2rem;
}
.mod_article .article--full {
margin-left: -0.9375rem;
margin-right: -0.9375rem;
max-width: 101%;
margin-bottom: -1rem;
}
.mod_article.article--full {
padding-top: 0;
}
.mod_article.non-fixed {
padding-top: 0;
}
.select select {
display: block;
width: 100%;
padding: 0.5em;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.25);
background-clip: padding-box;
background-image: none;
}
.custom-control-label a {
color: #dc005a;
}
/*** Vorschau Projekte ****************************************************************/
.projekt-teaser {
display: flex;
flex-direction: column;
align-items: center;
margin: 0.671rem !important;
box-shadow: 0 0 12px silver;
}
.projekt-teaser h3 {
margin-top: 1rem !important;
}
.projekt-teaser figure {
margin: 2rem;
}
.projekt-teaser img {
border-radius: 50%;
border: 1px solid red;
}
.projekt-teaser p a {
margin-bottom: 3rem;
}
.projekt-teaser.--quadrat img {
border-radius: 0;
}
.projekt-teaser.--quadrat p {
padding: 1rem;
}
.mod_box_items {
margin-bottom: 1.9rem;
}
.mod_box_items h3 {
background-color: #f5c300;
color: white;
padding: 0.34rem 0.67rem;
font-size: 1.12rem;
margin-top: 1.9rem;
font-weight: normal;
}
.mod_box_items.set-icon-menu h3:before {
content: "\ea9a";
font-family: icomoon;
color: white;
font-size: 16px;
margin-right: 0.5rem;
}
.mod_box_items.set-icon-aktuell h3:before {
content: "\eaa7";
font-family: icomoon;
color: white;
font-size: 16px;
margin-right: 0.5rem;
}
.mod_box_items.set-icon-map h3:before {
content: "\eaa6";
font-family: icomoon;
color: white;
font-size: 16px;
margin-right: 0.5rem;
}
.mod_box_items p {
padding-left: 1rem;
padding-right: 1rem;
font-size: 0.9rem;
}
.mod_box_items a {
margin-bottom: 0.467rem;
display: inline-block;
}
/**
Galerie
*/
.ce_gallery ul {
display: table;
}
.ce_gallery ul li {
display: table-cell;
}
.ce_gallery ul li .caption {
font-size: 0.8em;
}
.ce_gallery ul li img {
border: 1px solid #cbcbcb;
}
.ce_gallery ul li img:hover {
border: 1px solid #525252;
box-shadow: 0 0 8px #525252;
}
.ce_gallery.no_figcaption figcaption {
display: none;
}
.ce_gallery > ul li.col_first {
clear: none;
}
/*++++++++++++++++ Events und News *******+ */
p.info {
margin-bottom: 0.3456rem;
font-size: 0.8rem;
}
p.back > a,
.mod_newsarchive p.more > a,
.mod_newslist p.more > a,
.event p.more > a,
.article--button a,
.widget-submit button,
.widget-submit .projekt-teaser p a,
.projekt-teaser p .widget-submit a {
background-color: #f5c300;
padding: 0.67rem 1rem;
color: white;
text-decoration: none;
display: inline-block;
}
p.back > a:hover,
.mod_newsarchive p.more > a:hover,
.mod_newslist p.more > a:hover,
.event p.more > a:hover,
.article--button a:hover,
.widget-submit button:hover,
.widget-submit .projekt-teaser p a:hover,
.projekt-teaser p .widget-submit a:hover {
background-color: #ffd329;
text-decoration: none;
}
p.back > a::after,
.mod_newsarchive p.more > a::after,
.mod_newslist p.more > a::after,
.event p.more > a::after,
.article--button a::after,
.widget-submit button::after,
.widget-submit .projekt-teaser p a::after,
.projekt-teaser p .widget-submit a::after {
content: "\ea54";
font: 100%/1 "Nucleo";
margin-left: 0.4rem;
color: white;
font-size: 0.8rem;
}
p.back > a:before {
content: "\ea58";
font: 100%/1 "Nucleo";
margin-right: 0.4rem;
color: white;
font-size: 0.6rem;
}
p.back > a:after {
content: "";
}
.event p.more > a {
padding: 0.367rem 0.671rem;
}
.mod_article .mod_newsarchive .ce_text,
.mod_article .mod_newsreader .ce_text,
.mod_article .mod_eventreader .ce_text,
.mod_article .mod_eventlist .ce_text,
.mod_article .mod_newslist .ce_text {
padding-left: 0;
}
.mod_newslist p.more > a,
.mod_newsreader p.more > a,
.mod_newsarchive p.more > a {
padding: 0.367rem 0.671rem;
margin-bottom: 1.664rem;
}
.startseite .mod_newslist {
padding-left: 0 !important;
padding-right: 0 !important;
}
.startseite .mod_newslist p.more,
.aktuelles .mod_newslist p.more {
margin-bottom: -1.5rem;
border-bottom: none;
}
.ce_rsce_well_anfang {
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.ce_rsce_well_anfang.max1000 {
max-width: 1180px !important;
margin: 0 auto;
}
.ce_rsce_well_anfang.max1000 h1,
.ce_rsce_well_anfang.max1000 h2,
.ce_rsce_well_anfang.max1000 h3 {
background-color: rgba(231, 50, 44, 0.8);
color: white !important;
padding: 0.25rem 1rem;
margin-right: 3rem;
}
.centered-wrapper {
/*
margin-left: -1rem;
margin-right: -1rem;
border-bottom: 3px solid white;
*/
}
.centered-wrapper.border-bottom-white {
border-bottom: 3px solid #cbcbcb !important;
}
.centered-wrapper-background {
background-attachment: inherit;
background-position: left;
background-repeat: no-repeat;
background-size: cover;
height: 50vh;
}
.centered-wrapper-background.startseite {
height: 60vh;
}
@media screen and (max-width: 899px) {
.centered-wrapper-background {
height: 38vh;
}
}
/* https://stackoverflow.com/questions/46604391/how-to-open-dropdown-on-hover-in-bootstrap-4 */
/*
.dropdown:hover>.dropdown-menu {
display: block;
}
.dropdown-menu {
margin: -0.125rem 0 0;
}
--------------------------------- */
.centered-wrapper-inner {
padding-top: 10vh;
}
.centered-wrapper-inner h1 {
color: white;
font-size: calc(1rem + 2vw);
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.67vw;
}
.centered-wrapper-inner h2 {
font-weight: 700;
color: #f5c300;
text-shadow: 0px 1px 8px rgb(248, 247, 253);
font-size: calc(1rem + 2.5vw);
line-height: 1.2;
letter-spacing: 0.67vw;
}
.linked {
cursor: pointer;
}
.linked:hover {
color: #dc005a;
}
.regionen .linked:before {
content: "\ea53";
font-size: 1.8rem;
font-family: "Nucleo";
color: #222;
min-height: 0;
}
.regionen .linked a {
color: #222;
}
.regionen .linked:hover {
color: #222;
}
.mod_newslist .arc_2,
.print-teaser {
background-color: #cce9f8;
padding: 0.67rem;
margin-top: 0.34rem;
margin-bottom: 1rem;
}
.mod_newslist .arc_2 p.info,
.print-teaser p.info {
margin-bottom: 0;
}
.mod_newslist .arc_2 p time,
.mod_newslist .arc_2 h2 a,
.print-teaser p time,
.print-teaser h2 a {
color: #0f6896;
}
.mod_newslist .arc_2 h2 a:hover,
.print-teaser h2 a:hover {
text-decoration: underline;
}
.print-teaser {
margin-top: 0.705rem;
}
.print-teaser figure {
margin: 0.34rem 0.9375rem;
}
/*
Content-Slider
*/
.ce_swiperStart {
margin-bottom: 1rem;
}
/*
FLYOUT
*/
#FlyOut1 {
display: none;
}
@media screen and (min-width: 768px) {
#FlyOut1 {
display: block;
position: fixed;
left: 21px;
z-index: 100;
margin-top: 278px;
}
#FlyOut1 a {
position: absolute;
left: -70px;
transition: 0.43s;
padding: 11px 0 11px 16px;
width: 100px;
text-decoration: none;
font-size: 22px;
color: white;
background-color: #dc005a;
}
#FlyOut1 a:hover {
left: -60px;
}
}
#Telefon {
top: 20px;
border-bottom: 1px solid white;
}
#Mail {
border-top: 1px solid white;
top: 70px;
}
#FlyOut {
position: fixed;
left: 7px;
z-index: 100;
top: 42vh;
}
#FlyOut a {
position: absolute;
left: -140px;
transition: 0.3s;
padding: 0.67rem;
width: 160px;
text-decoration: none;
font-size: 0.8rem;
color: white;
border-radius: 0 5px 5px 0;
background-color: #f5c300;
color: #222;
}
#FlyOut a:after {
font-family: "Nucleo";
right: 0.5em;
position: absolute;
color: black;
font-size: 0.9rem;
}
#FlyOut a:hover {
left: -8px;
}
#FlyOut--mitglied {
top: 20px;
}
#FlyOut--mitglied:after {
content: "\ea3a";
}
#FlyOut--nl {
top: 80px;
}
#FlyOut--nl:after {
content: "\ea5a";
}
#FlyOut--regionen {
top: 140px;
}
#FlyOut--regionen:after {
content: "\ea61";
}
#FlyOut--satzung {
top: 200px;
}
#FlyOut--satzung:after {
content: "\ea10";
}
/**
* Video-Display
*/
#container-wrapper a.splashImage[href^="https://"]::before {
content: none;
}
figure.video_container,
figure.video_container iframe {
display: block; /* default korrigieren */
max-width: 80vw;
aspect-ratio: 16/9;
border: none;
max-height: 44vmin;
}
@media screen and (min-width: 900px) {
figure.video_container {
max-width: 100vw;
border: inherit;
max-height: auto;
}
}
figure.video_container figcaption {
display: block;
}
div.ce_youtube {
max-width: 94vw;
margin: 0 auto;
aspect-ratio: 16/9;
}
/**
SUchue und Ergebnisse
*/
.mod_search h3 {
font-size: 1.2rem;
margin-bottom: 0;
text-transform: none;
}
.mod_search h3 a {
color: #1a0dab;
text-decoration: none;
}
.mod_search h3 a:hover {
text-decoration: underline;
}
.mod_search h3 a[href^="http://"]::after,
.mod_search h3 a[href^="http://"]::before,
.mod_search h3 a[href^="https://"]::after,
.mod_search h3 a[href^="https://"]::before {
content: none !important;
}
.mod_search p.context {
font-size: 0.9rem;
line-height: 1.25;
margin-bottom: 0;
}
.mod_search p.url {
color: #006621;
font-size: small;
margin-bottom: 2rem;
}
.mod_search .relevance {
display: none;
}
.mod_search form:after {
clear: both;
content: "";
display: table;
}
.mod_search .widget.widget-text {
width: 70%;
float: left;
margin-right: 5%;
}
.mod_search mark {
background-color: #cce9f8;
}
.widget.widget-submit button.submit, .widget.widget-submit .projekt-teaser p a.submit, .projekt-teaser p .widget.widget-submit a.submit {
background-image: none !important;
background-color: #f5c300;
color: white;
text-decoration: none;
margin-bottom: 1rem;
display: inline-block;
min-width: 145px;
transition: 0.75s ease-in;
}
.widget.widget-submit button.submit:hover, .widget.widget-submit .projekt-teaser p a.submit:hover, .projekt-teaser p .widget.widget-submit a.submit:hover {
background-color: #ffd329;
}
/**
PLZ-Suche
**/
#list_plz {
display: flex;
flex-direction: row;
justify-content: start;
}
#list_plz label {
transform: translatey(0.5em);
}
#list_plz input.text {
width: inherit;
padding-top: 0;
padding-bottom: 0;
margin-left: 1rem;
margin-right: 1rem;
height: 48px;
max-width: 100px;
}
@media screen and (max-width: 400px) {
#list_plz input.text {
max-width: 60px;
height: 40px;
}
#list_plz button, #list_plz .projekt-teaser p a, .projekt-teaser p #list_plz a {
min-width: auto;
}
#list_plz button span, #list_plz .projekt-teaser p a span, .projekt-teaser p #list_plz a span {
display: none;
}
}
.mod_listing .pagination,
.mod_listing .all_records {
display: none;
}
/* =============================================================================
* für Downloads im Contentbereich
* ========================================================================== */
.ce_accordion.acordion-download--horizontal .toggler {
background-color: #f2f2f2;
border-color: gray;
color: #222;
font-weight: normal;
position: relative;
}
.ce_accordion.acordion-download--horizontal .toggler::after {
content: "\ea57";
font-family: "Nucleo";
color: #dc005a;
padding-right: 1rem;
}
.ce_accordion.acordion-download--horizontal .toggler.ui-accordion-header-active::after {
transform: rotate(180deg);
margin-right: 1rem;
}
.ce_accordion.acordion-download--horizontal .accordion {
border-color: #222;
border-top: none;
}
.ce_accordion.acordion-download--horizontal .accordion p a {
display: inline;
padding: 0.5em 1em;
}
/* =============================================================================
* Interner Bereich
* ========================================================================== */
.mod_personalData .widget-submit,
.mod_login .widget-submit {
margin-top: 1rem;
}
p.error {
background-color: maroon;
color: white;
padding: 0.3em;
font-size: 0.8rem;
}
/* =============================================================================
* Tabelle im Akkordeon unter regionen -> ansprechpartner der einzelnen region
* ========================================================================== */
.dioezesanverband-muenster .ce_accordionSingle table {
width: 100% !important;
}
.dioezesanverband-muenster .ce_accordionSingle table tr:nth-child(even) {
background-color: #f2f2f2;
}
.dioezesanverband-muenster .ce_accordionSingle table th,
.dioezesanverband-muenster .ce_accordionSingle table td {
text-align: left;
padding: 8px;
}
@media screen and (max-width: 600px) {
.dioezesanverband-muenster .ce_accordionSingle.max800 {
max-width: 500px !important;
}
.dioezesanverband-muenster .ce_accordionSingle .accordion div {
overflow-x: auto;
}
.dioezesanverband-muenster .ce_accordionSingle table {
border-collapse: collapse;
border-spacing: 0;
width: 75vw !important;
max-height: 66vh;
overflow-x: auto;
display: block;
}
}
.flex-h-center > div {
display: flex;
flex-direction: column;
justify-content: center;
}
/*** Form ***/
[class*=grid_].gap3,
[class*=grid_].gap3 [class*=grid_] {
grid-gap: 3em;
}
/*
.widget-checkbox fieldset.checkbox_container span{white-space: nowrap;}
.widget-checkbox fieldset.checkbox_container span:after{ content: ' ';}
*/
.checkbox-block fieldset span {
display: block;
}
input.checkbox {
vertical-align: top;
margin-top: 0.5rem;
}
input.checkbox + label {
max-width: 90%;
}
.select select {
width: 99%;
}
#container-wrapper #right .mod_navigation ul ul {
display: none;
}
#container-wrapper #right .mod_navigation ul li.trail > ul,
#container-wrapper #right .mod_navigation ul li.active > ul {
display: block;
}
.iframe-container {
opacity: 1;
}
.safari .main_nav li {
margin-right: 6px !important;
}
.safari .main_nav a {
padding: 5px 8px;
font-size: 0.9rem;
}
/* RS Slider ****** 21.03.2023 *******************************************************/
div.rsts-slide > div,
.ce_cp_grid_start {
height: auto;
}
@media screen and (min-width: 600px) {
div.rsts-slide > div,
.ce_cp_grid_start {
height: 100%;
}
}
/**** TEASER *******************************************************************/
article.teaser {
padding: 0;
display: grid;
grid-template-columns: 1fr;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
overflow: hidden;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
margin-bottom: 1em;
}
article.teaser:nth-child(even) {
background-color: whitesmoke;
}
article.teaser:nth-child(odd) {
background-color: white;
}
@media screen and (min-width: 400px) and (max-width: 599px) {
article.teaser {
grid-template-columns: 200px 1fr;
}
}
@media screen and (min-width: 600px) {
article.teaser {
grid-template-columns: 250px 1fr;
}
}
@media screen and (max-width: 399px) {
article.teaser .teaser_bild {
margin: 1em auto;
}
}
article.teaser .teaser {
padding: 1em;
}
article.teaser p.more {
margin-top: 1.5em;
font-size: 0.71em;
}
article.teaser p.more a {
color: white;
}