body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} .sharebuttons { overflow:hidden; } .sharebuttons > ul.theme { list-style-type:none; margin:-4px; padding:0; } .sharebuttons > ul.theme:after { content:""; display:block; clear:both; } .sharebuttons > ul.theme > li { float:left; } .sharebuttons > ul.theme > li > a { margin:4px; display:block; white-space:nowrap; overflow:hidden; text-indent:101%; background-repeat:no-repeat; background-position:center; } .sharebuttons > ul.text > li > a { text-indent:0; } .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.rsts-main{position:relative}.rsts-skin-default.rsts-type-fade .rsts-slide{background-color:#fff}.rsts-skin-default .rsts-caption{position:absolute;top:20px;left:20px;margin-right:20px;padding:5px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;background-color:#000;background-color:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:translate(0, -20px);-moz-transform:translate(0, -20px);-ms-transform:translate(0, -20px);-o-transform:translate(0, -20px);transform:translate(0, -20px);-webkit-transition:opacity 0.5s,-webkit-transform 0.5s;-moz-transition:opacity 0.5s,-moz-transform 0.5s;-o-transition:opacity 0.5s,-o-transform 0.5s;transition:opacity 0.5s,transform 0.5s}.rsts-skin-default .rsts-active .rsts-caption{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;right:55px;bottom:15px;overflow:hidden;width:30px;height:30px;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;line-height:0;text-align:center;text-decoration:none;text-indent:-9999px;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAilBMVEUHBwg/QEF5enp5ensCAwQHCAhzdHUAAQEGBwh8fX37+/svMDBub3COjo9yc3NtbW709fWvsLDm5uba2trR0dEuLi6Pj4/Q0NDl5eXZ2toFBgfz8/MuLy/09PT29vb8/Pz6+vp7e3x0dXZzdHT4+Pj39/f9/v3+/v79/f3///8EBQb5+fkAAAD19fVMP6q+AAAALnRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8hTP8QAAAJ1JREFUeNrV0lkPwiAMAOB53zrva2xOxQm0///vWZ4a1o3EN20gNPnSlFASRKVQIS2KFHPKaPvcH8St8WesXYzddVMIZn3NZ1tTZ9Y7QLa7MdfVWlgYZqk9lzML7VZPbGCdDsFekpI14GoN/fGoY6aqkbVaUvVg0lKN7v3wvcuwt/Tg5tIPRjA77I/i1dhX2dnEJnYq4vP+2a/4FX8AsSOXytKixMYAAAAASUVORK5CYII=');-webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);background-position:50% 50%;-webkit-transition:opacity 0.05s linear;-moz-transition:opacity 0.05s linear;-o-transition:opacity 0.05s linear;transition:opacity 0.05s linear}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAIVBMVEWhoaE7PD15enqVlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXsWX/bAAAAC3RSTlOAgICAgICAgICAgMiF55wAAAB9SURBVHja7dUxEoAgFANRFBTw/ge2YythEivHn/6VmU3XiwUOHPhPuGYf196zjLHPOi0tWsBYtICx/Zxgw4INCzYs2LBgw4INC55ZFadhN+NVbeh9jhf6mGJDgw0NNjTY0GBDgz0NXusiYDRWwGisgNHFL0Yrnwxd4MCBtd3+EosAicYyWQAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default .rsts-prev:hover,.rsts-skin-default .rsts-next:hover,.rsts-skin-default .rsts-video-play:hover,.rsts-skin-default .rsts-video-stop:hover,.rsts-skin-default .rsts-thumbs-prev:hover,.rsts-skin-default .rsts-thumbs-next:hover{background-color:#eee;background-color:rgba(238,238,238,0.7)}.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{right:20px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAkFBMVEUBAQLPz9AlJiYlJifS0tIsLS0nJyjQ0dDR0tIBAQElJSYrLC2tra39/PwFBQYFBgf6+fmBgYKCgoL9/f339vZBQULIycnIyMiCg4PR0dEmJycmJyjMzMz8/Pzl5eXj4+MCAwQGBwghIiP09PT7+/shIiL6+vrNzs7Nzc0iIyP29vb39/cHCAkAAAD////19fV/WdL3AAAAMHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICRnvRdAAAAnklEQVR42tXSxw7CMAwG4LL3XqUtLdRQqNPY7/92WEJVDhkSN7B8iPTpl6M4ETMAA0t/ChmwPTELe+uPGKsQKywWflYUJxn5eI9xpOsneXidp7pp3Wa+dHrGbWY6d43bLD673nR9vLsZaL5cNfoAyp0eDyRdntxp6icy+/Ei981HqVGLq3xo1GaFm4kuRb1vvp1mFNzYLrzvn/2KX/MbXNOe099MDj0AAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAHlBMVEWhoaE7PD2VlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXtfGSSAAAACnRSTlOAgICAgICAgICAXdxslAAAAHxJREFUeNrt1TEOgDAMxdDSAi33vzBbPVUoZkLE+1O2/HK9KHHixH/A9fS4jnGGMfZZl6VFBzAWHcLHQD9gocFCg4UGCw0WGiw0WGjwum3qEsb7tH1xWViwsGBhwcKChQULC5Z2jRs2itHdfc+GjWB094vR+ieHLnHixK4bjyV89TB6vlgAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;top:50%;right:10px;margin-top:-15px}.rsts-skin-default .rsts-thumbs-prev{right:auto;left:10px}.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUgISLDw8MgICGUlZaIiImSk5PCwsP9/f39/PyHh4iUlJWSkpLX2NgAAQIoKSkGBwgdHR7Ly8skJSYEBAXHyMj+/v739/ciIyMhIiImJyfNzc3S0tL8/Pz7+/v29vYHCAnNzs4AAAD////19fVh+HN2AAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAiUlEQVR42uXRyQ7CMAwE0LC2QHfaQkji1sP//yNR1csEiXMlfPFI7zCWbN7JCCVmnj9i738x2hbMpHPTzCAmfag+XyAmrWt2QzqV5URuSLWqdHXmsDMRbFHYuPbnkPBw0rtaBzgbw21IWPKjdg6xxHV68ZJ2j9mhXyrRX/34fblgLQyQLf57S/wBI9V2nx3O9QoAAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAeUlEQVR42u3UMQ6AMAzF0A8BmvufGHVpyOIOFRJI8f5WyxcqXLhw4U9jLeCznYzRNtYi2zsIs2UttqzFlrXYshZb1mLLWmg31iJ7+YVaaJ210GY9x/awWdsc+z5s1uaEQ4cNbY449LChzQFn3W3S9qsBFi5cuPDr+AYQcW8C6kiUiAAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUwMTKKi4suLzAGBwja2trR0dEwMDEuLi/Q0NDZ2dmJiYp7e3x6e3t/gIEAAQL09PTn5+f6+vr8/Px0dHVwcHH8/f329vYFBgdzdHT+/v79/v339/f9/f3///90dXb4+Pj5+fkEBQYAAAD19fUC5l8BAAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAnElEQVR42uXSyQ4CIQwG4HEddRZmZUSEQnn/d7RkSAi4HI2Jf6AlfIceoHCOMcccrTXcMR5OtInf5k/YyLVL84qHjoHvwLrhmdW+0AJIhT6eVc79YYtYCQBRIZanPmO1QWuxVqr2/aIylqD9fdP4OoLMZ5sb+dK2i8Xr3cTZie+CRk49aOTUcSRNOfo8TXPUnB1QPj0J5z/5Hb7OD7UPdeTEuFeXAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAg0lEQVR42u3UMQ6EMAxE0WVDYu5/YhpLXzBSRkAF8i9tvXZ+24MKFy5c+HP4P06H0RzGRoyjjWgOY1Nj0YLFpsaip7hFNrBog3ug02brDKsWK3imxQqe6EWsxWi1HqOxHqONBTuN9RiN9Vg11mPVWI9V99tL0rEe6/dVA1i4cOHCl9oBak1vAkBKLfwAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default.rsts-video-playing .rsts-nav,.rsts-skin-default.rsts-video-playing .rsts-prev,.rsts-skin-default.rsts-video-playing .rsts-next{display:none}.rsts-skin-default.rsts-video-playing .rsts-nav-thumbs{display:block}.rsts-skin-default.rsts-touch .rsts-nav-numbers,.rsts-skin-default.rsts-touch .rsts-nav-tabs{display:none}.rsts-skin-default .rsts-nav{position:absolute;right:95px;bottom:12px;left:10px;text-align:right}.rsts-skin-default .rsts-nav ul{margin:0 !important;padding:0 !important}.rsts-skin-default .rsts-nav li{display:inline}.rsts-skin-default .rsts-nav-numbers a,.rsts-skin-default .rsts-nav-tabs a{display:inline-block;height:30px;min-width:30px;padding:0.65em 0.5em 0.5em;margin:0 2px 3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;font-size:12px;text-align:center;text-decoration:none;color:#fff;background-color:#555;background-color:rgba(85,85,85,0.6);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.2);box-shadow:0 0 2px rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in}.rsts-skin-default .rsts-nav-numbers a:hover,.rsts-skin-default .rsts-nav-numbers a.active,.rsts-skin-default .rsts-nav-tabs a:hover,.rsts-skin-default .rsts-nav-tabs a.active{color:#333;background-color:#fff;background-color:rgba(255,255,255,0.5)}.rsts-skin-default:hover .rsts-nav-numbers a,.rsts-skin-default:hover .rsts-nav-tabs a{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.rsts-skin-default .rsts-nav-bullets{line-height:0}.rsts-skin-default .rsts-nav-bullets a{display:inline-block;width:9px;height:9px;overflow:hidden;margin:12px 4px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;outline:none;text-align:left;text-indent:-999px;background-color:#fff;background-color:rgba(255,255,255,0.8);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px #777;-moz-box-shadow:0 0 2px #777;box-shadow:0 0 2px #777}.rsts-skin-default .rsts-nav-bullets a:hover,.rsts-skin-default .rsts-nav-bullets a.active{background-color:#777;-webkit-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;-moz-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555}.rsts-skin-default .rsts-nav-thumbs{position:static;padding-top:5px}.rsts-skin-default .rsts-nav .rsts-nav-prev,.rsts-skin-default .rsts-nav .rsts-nav-next{display:none}.rsts-skin-default .rsts-video-play{top:50%;right:auto;bottom:auto;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAb1BMVEU4ODgGBgbx8fGurq7i4uIODg5QUFD7+/vBwcEUFBQYGBggICC1tbXNzc0JCQkVFRWsrKwTExPExMTS0tImJibv7+9KSkozMzP4+PhYWFj+/v6Dg4MDAwPl5eVycnKenp4MDAza2toPDw////8AAACZ5/RyAAAAJXRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAwmBGiwAAALNJREFUeNrt1kcOwkAQRFFyxsYmBxtDc/8zIrGpA/xaWKhnO9KT5ncvZvCxnGSSSSaZv2GK0sIsFzMHM53MWwPzfkU8OwsT9cHCRHOyMHFpLYwCIUaBEKNAiFEgxCgQYhSIMQrEGAXijAJxJrZrC7NZGZjb/WF41PHqSLw/Owa+q9D6KQthlAUwykIYZSGMsiBGWRCjLIhRFsQoC2Ga0S8LZMqx7gAzLPr0aUsmmWSS6SXzBf8cqwAv1zglAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-play{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAMAAACZHrEMAAAARVBMVEUJCQlOTk4nJyddXV1gYGD29vbh4eGTk5PAwMA2NjYYGBgGBga3t7dUVFQtLS0SEhKHh4fb29sDAwPz8/NaWlr///8AAACZTZFgAAAAF3RSTlOAgICAgICAgICAgICAgICAgICAgICAgCZn8kAAAAFfSURBVHja7dpZUsMwFAVR5gDRLMT+l8r1Cqjih/5oLyB1kurYlp4evkGXGDFixIgRI0aMGDFixIgRI0aMGDFifseQvsBfPvjrdgdhzvsnCHPePkCY8/oCwpxzu4MwCQeESTggTMIBYa5wQJiEA8IkHBAm4YAwVzggTMIBYRIOCJNwQJgrHBAm4YAwCQeESTggzBUOCJNwQJiEA8IkHBDmCgeESTggTMIBYRIOCHOFA8IkHBAm4YAw5/UZhDn7iYOZjfPLlM5pZizMv2lXzk1vNs4duHTOs2kszFN7V87L1WycN73SOe/AY2FWB7tyFnGzcVaUpXPW2mNhdiF25WwWzcbZuSqds6c3Fma3c1fOpvRsnB3y0jmzg7EwU5VdOcOv2TiTuNI5M8qxMNPbXTlD9tk4E//SOWchxsKcEnmsoMM8qGNOYsRgLjFixIgRI0aMGDFixIgRI0aMGDH/e/0Ai4OJ2+ZcrkwAAAAASUVORK5CYII=');background-size:70px,70px}}.rsts-skin-default .rsts-video-stop{top:20px;right:20px;left:auto;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEWnp6dOTk7x8fHv7+9HR0fw8PDu7u7e3t5NTU3f398UFBQTExP4+PhLS0tvb29xcXH09PRJSUn39/fn5+cWFhampqb29vZISEhMTExLS0ukpKT////r6+sAAAD///8AAABKSkr19fUAAAD///8df9PJAAAAJHRSTlN6e35+e35+e3t7fX1/fHl5fXt/e315fnt7e3p/foGBfnt9gIDdofLFAAAAk0lEQVR42u2SSQ7DIAxF03nKPBEC2Ni9/x3jsMXqsuqiljxITx/8EcX7Y/wxuOmUhmPhIMdlg4akzxGbMscrBu4IyHLANce+Ymb7WKRWPsdyqpCnZJzVzUmUEgvpxmAYA4dxAB3TIanvupqisJdkRwr2O403K9V43bdpgaLuu6/x3KY7sO7VN7+m4TI5+K3v8H28AYM7doAzbo6MAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-stop{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAALVBMVEXo6OjGxsZjY2PKysq3t7ewsLCOjo7f39+Pj4/l5eVfX19hYWHj4+NRUVH///80A/15AAAAD3RSTlOGkL2PlZemiKWHvr2HyICcCOzTAAAAv0lEQVR42u3VSQ7DIAxA0bRJSBjs+x83mzYfNnatLqpKeM0THmRY9IuYeOKJJ7bwlsdTWwCfUpsS+Smni7EipfVW5PQwtte5iqAdvIvcGiuy25gs0e1ta7YwuqJ76+NRr6P1MbkSTM7HaKyP0QXK1HyMxgaxrjde1cBe1TV4MzZeMxYdm7OvF9OWR7H0YtpDG/ojnDurnc6hfT7Iw9tnImE7ney00bdFJ3Uw+mXpQoq822Nv8/Yf383EE0/8G3wBfh3Bcn7dsMIAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-video-youtube>.rsts-video-stop{top:25px}.rsts-skin-default .rsts-video-vimeo>.rsts-video-stop{top:10px;right:auto;left:10px}.rsts-skin-default .rsts-progress{position:absolute;top:0;right:0;width:100%;height:2px;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.rsts-skin-default .rsts-progress div{height:100%;background-color:#fff}.rsts-skin-default .rsts-progress.rsts-progress-active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}.rsts-skin-default .rsts-thumbs-slide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.rsts-skin-default .rsts-thumbs-slide.rsts-thumbs-active-thumb{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} #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} .cols-sm-2, .cols-sm-3, .cols-md-2, .cols-md-3, .cols-md-4, .cols-lg-2, .cols-lg-3, .cols-lg-4 { display: grid; gap: var(--sp2); } .cols-sm-2 { grid-template-columns: 1fr 1fr; } .cols-sm-3 { grid-template-columns: 1fr 1fr 1fr; } .cols-sm-span-2 { grid-column: span 2; } .cols-sm-span-3 { grid-column: span 3; } .cols-sm-pos-2 { grid-column: 2; } .cols-sm-pos-3 { grid-column: 3; } .show-md, .show-lg { display: none; } @media screen and (min-width: 768px){ .cols-md-span-2 { grid-column: span 2; } .cols-md-span-3 { grid-column: span 3; } .cols-md-3 { grid-template-columns: 1fr 1fr 1fr; } .cols-md-2 { grid-template-columns: 1fr 1fr; } .cols-md-pos-2 { grid-column: 2; } .cols-md-pos-3 { grid-column: 3; } .cols-md-pos-4 { grid-column: 4; } .show-md { display: block; } } @media screen and (min-width: 992px){ .cols-lg-span-2 { grid-column: span 2; } .cols-lg-span-3 { grid-column: span 3; } .cols-lg-span-4 { grid-column: span 4; } .cols-lg-2 { grid-template-columns: 1fr 1fr; } .cols-lg-3 { grid-template-columns: 1fr 1fr 1fr; } .cols-lg-4 { grid-template-columns: 1fr 1fr 1fr 1fr; } .cols-lg-pos-2 { grid-column: 2; } .cols-lg-pos-3 { grid-column: 3; } .cols-lg-pos-4 { grid-column: 4; } .show-lg { display: block; } } .mb-0 { margin-bottom: 0rem !important; } .mb-05 { margin-bottom: var(--sp-half) !important; } .mb-1, .mb-sm-1 { margin-bottom: var(--sp1) !important; } .mb-2, .mb-sm-2 { margin-bottom: var(--sp2) !important; } .mb-3, .mb-sm-3 { margin-bottom: var(--sp3) !important; } .mb-4, .mb-sm-4 { margin-bottom: var(--sp4) !important; } .mb-5, .mb-sm-5 { margin-bottom: var(--sp5) !important; } @media screen and (min-width: 576px){ .mb-md-0 { margin-bottom: 0rem !important; } .mb-md-05 { margin-bottom: var(--sp-half) !important; } .mb-md-1 { margin-bottom: var(--sp1) !important; } .mb-md-2 { margin-bottom: var(--sp2) !important; } .mb-md-3 { margin-bottom: var(--sp3) !important; } .mb-md-4 { margin-bottom: var(--sp4) !important; } .mb-md-5 { margin-bottom: var(--sp5) !important; } } @media screen and (min-width: 992px){ .mb-lg-0 { margin-bottom: 0rem !important; } .mb-lg-05 { margin-bottom: var(--sp-half) !important; } .mb-lg-1 { margin-bottom: var(--sp1) !important; } .mb-lg-2 { margin-bottom: var(--sp2) !important; } .mb-lg-3 { margin-bottom: var(--sp3) !important; } .mb-lg-4 { margin-bottom: var(--sp4) !important; } .mb-lg-5 { margin-bottom: var(--sp5) !important; } } html,body { height:100%; margin: 0px; padding: 0px; } html { /* overflow: hidden; */ } body { font-family: var(--font-copy); color: var(--cl-copy); overflow: visible; -webkit-font-smoothing: antialiased; } body.event .header { display: none; } body.event .content { padding-top: 0rem; } body.menu_open { overflow: hidden; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ul { list-style-type: none; margin: 0px; padding: 0rem; } figure { margin: 0px; } img { display: block; /* width: 100%; */ height: auto; max-width: 100%; } strong { font-weight: var(--fw-bold); } .limited { max-width: var(--max-content-width); /* position: relative; */ margin-left: auto; margin-right: auto; padding-left: var(--sp2); padding-right: var(--sp2); } .invisible { display: none; } input, input::placeholder, textarea::placeholder { color: var(--color4); /* font-family: 'Open Sans', sans-serif; */ } .highlight { background-color: var(--cl1); } .highlight .btn { border-color: white !important; } .highlight * { /* color: white !important; */ } svg .svg-stroke { stroke: var(--cl1); fill: transparent; transition: stroke .4s ease; stroke-width: var(--icon-stroke-width); } svg .svg-outline-negative { stroke: white; fill: transparent; } .border-top { border-top: 1px solid var(--cl1); padding-top: var(--sp1); } .text-align-left { text-align: left; } .text-align-center { text-align: center; } .text-align-right { text-align: right; } .grid { display: grid; grid-template-columns: 1fr; gap: var(--grid-gap); } .page-index { font-size: var(--sm); color: var(--cl3); text-align: center; padding-top: var(--sp3); margin-bottom: var(--sp2); } .page-title { font-size: var(--xxxl); text-align: center; line-height: var(--lh-xxxl); } .page-icon { color: var(--cl3); margin-bottom: var(--sp3); text-align: center; } .page-text { max-width: 36rem; margin-left: auto; margin-right:auto; text-align: center; } .page-form { margin-left: auto; margin-right:auto; max-width:36rem; } .page__index #article-1 { margin-top: var(--sp4); } @media screen and (min-width: 768px){ .grid { grid-template-columns: 1fr 1fr 1fr; } } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .affix { position: fixed; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .mb1-till-md, .mb1-till-lg { margin-bottom: 1em !important; } .mb2-till-md, .mb2-till-lg { margin-bottom: 2em !important; } .mb3-till-md, .mb3-till-lg { margin-bottom: 3em !important; } .mt2-till-md { margin-top: 2em !important; } .mb0 { margin-bottom: 0 !important; } .mb1 { margin-bottom: 1em !important; } .mb2 { margin-bottom: 2em !important; } .mb3 { margin-bottom: 3em !important; } .mb4 { margin-bottom: 4em !important; } .mb5, .mb5_md15p { margin-bottom: 5em !important; } .mb5p { margin-bottom: 5% !important; } .mb6p { margin-bottom: 6% !important; } .mb10p { margin-bottom: 10% !important; } .mb15p { margin-bottom: 15% !important; } .mb20p { margin-bottom: 20% !important; } .mt10p { margin-top: 10% !important; } .show-till-lg { display: block; } .block { /* display: block; */ } .inline_block { display: inline-block; } @media screen and (min-width: 768px){ .mb5_md15p { margin-bottom: 15% !important; } } @media screen and (min-width: 992px){ .mb-md-3 { margin-bottom: 3em !important; } .md-centered { text-align: center; } .md-vertical-centered { display: table; } .md-vertical-centered > div { display: table-cell; vertical-align: middle; } .mb1-till-md, .mb2-till-md, .mb3-till-md { margin-bottom: 0px !important; } .mt2-till-md { margin-top: 0px !important; } .mt-4-after-md { margin-top: 4em; } .mt-10-after-md { margin-top: 10em; } } @media screen and (min-width: 1200px){ .mb4 { margin-bottom: 4em !important; } .mb5 { margin-bottom: 5em !important; } .show-till-lg { display: none; } .mb2-till-lg { margin-bottom: 0 !important; } } .box1, .box2 { padding: var(--sp2); margin-bottom: var(--sp2); margin-top: var(--sp2); } .box1 > *:last-child, .box2 > *:last-child { margin-bottom: 0 !important; } .box1 { background-color: var(--cl4); } .box2 { background-color: var(--cl6); } .box1 > h1:first-of-type, .box2 > h1:first-of-type, .box1 > h2:first-of-type, .box2 > h2:first-of-type, .box1 > h3:first-of-type, .box2 > h3:first-of-type, .box1 > h4:first-of-type, .box2 > h4:first-of-type, .box1 > h5:first-of-type, .box2 > h5:first-of-type { margin-top: 0rem !important; } @media screen and (min-width: 768px){ .box1, .box2 { padding: var(--sp3); margin-left: calc( var(--sp3) * -1 ); margin-right: calc( var(--sp3) * -1 ); } } .ce_form { } .ce_form .formbody, .mod_login .formbody { display: flex; flex-direction: column; gap: clamp(0.8rem,2.5vw,1.2rem); } .ce_form .submit { /* width: 100%; */ /* margin-top: 1rem; */ display: block; } .ce_form .widget, .mod_login .widget { /* margin-bottom: 1.2rem; */ display: flex; flex-direction: column; gap: clamp(0.3rem,1vw,0.5rem); } .ce_form input[type="text"], .ce_form input[type="email"], .ce_form input[type="tel"], .ce_form input[type="search"], .ce_form input[type="password"], .ce_form textarea, .mod_login input[type="text"], .mod_login input[type="password"], .mod_login textarea { display: block; width: 100%; border: none; padding: clamp(0.5rem,1vw,0.6rem); background-color: var(--cl4); /* margin-bottom: var(--sp-quarter); */ border-bottom: 1px solid var(--cl1); transition: background-color .3s; outline: none; font-family: var(--font-copy); font-size: var(--md); color: var(--cl-copy); margin-bottom: 0; padding-left: clamp(0.4rem,1.1vw,0.7rem); padding-bottom: clamp(0.4rem,.9vw,0.4rem); } .highlight .ce_form input[type="text"], .highlight .ce_form input[type="email"], .highlight .ce_form input[type="tel"], .highlight .ce_form input[type="search"], .highlight .ce_form input[type="password"], .highlight .ce_form textarea, .highlight .mod_login input[type="text"], .highlight .mod_login input[type="password"], .highlight .mod_login textarea { border-bottom-color: white; color: white; background-color: transparent; } .highlight .ce_form input:focus, .highlight .mod_login input:focus, .highlight .ce_form textarea:focus, .highlight .mod_login textarea:focus { /* background-color: #ffffff; */ } .ce_form input:focus, .mod_login input:focus, .ce_form textarea:focus, .mod_login textarea:focus { background-color: #ffffff; } .ce_form textarea { resize: none; min-height: 20rem; } .ce_form label, .ce_form legend, .mod_login label { display: block; margin-bottom: 0rem; font-size: var(--sm); color: var(--cl3); } input:focus::placeholder { color: transparent; } .ce_form select, .ce_form input[type="file"] { margin-bottom: .5rem; font-size: var(--sm); padding: .2rem; padding-right: .4rem; background-color: white; /* border: 1px solid var(--cl1); */ } .ce_form input[type="file"] { color: var(--color3); background-color: white; } .ce_form select { min-width: 9rem; background-color: white; border-radius: 0.4rem; padding: clamp(0.3rem,0.4vw,.7rem); border: 1px solid var(--cl2); outline: none; font-family: var(--font-copy); } .ce_form__error { color: red; font-size: var(--md); } .widget-submit { align-self: center; margin-top: var(--sp1); } .widget-checkbox { padding-left: 2px; } .widget-checkbox legend { margin-bottom: .5rem; } .widget-checkbox .checkbox_container { padding: 0rem; border: none; } .widget-checkbox .checkbox_container span { display: grid; grid-template-columns: min-content 1fr; gap: .5rem; } .ce_gallery { } .ce_gallery ul { display: grid; grid-gap: 1rem; grid-template-columns: 1fr; } .ce_gallery ul li { } .ce_gallery ul li figure { } .ce_gallery ul li figure figcaption { font-size: var(--md); padding-top: .5rem; } .ce_gallery ul li figure img { width: 100%; } @media screen and (min-width: 768px){ .ce_gallery { } .ce_gallery ul { grid-gap: 1.5rem; } .ce_gallery ul.cols_2 { grid-template-columns: 1fr 1fr; } .ce_gallery ul.cols_3 { grid-template-columns: 1fr 1fr 1fr; } .ce_gallery ul.cols_4 { grid-template-columns: 1fr 1fr; } .ce_gallery ul.cols_5 { grid-template-columns: 1fr 1fr 1fr; } } @media screen and (min-width: 992px){ .ce_gallery { } .ce_gallery ul.cols_3 { } .ce_gallery ul.cols_4 { grid-template-columns: 1fr 1fr 1fr 1fr; } .ce_gallery ul.cols_5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } } .ce_hyperlink { padding-top: .2rem; padding-bottom: .2rem; } .ce_hyperlink.centered { display: flex; justify-content: center; } .ce_hyperlink__label { line-height: 100%; transition: color .4s ease; transform: translateY(.1rem); } .ce_hyperlink .svg-stroke { stroke: #78e1be; fill: transparent; stroke-width: 2px; } .ce_hyperlink a { display: grid; grid-template-columns: max-content 1fr; align-items: center; gap: clamp(.3rem,1vw,.5rem); } .ce_hyperlink a:hover .ce_hyperlink__label { color: #78e1be; } .ce_hyperlink a span { } .ce_hyperlink a svg { /* width: clamp(1.2rem, 1.5vw,1.4rem) !important; */ height: auto; display: block; } .ce_hyperlink a:hover svg { } .ce_image { margin-bottom: 1rem; } .ce_image__license { font-size: var(--sm); padding-top: .5rem; } .ce_image figure { display: flex; flex-direction: column; gap: var(--sp-half); } .ce_image figure figcaption { color: var(--cl-copy); font-size: var(--sm); line-height: var(--lh-sm); } .ce_image figure img { } @media screen and (min-width: 768px){ .ce_image { } } @media screen and (min-width: 992px){ .ce_image { } } @media screen and (min-width: 1200px){ .ce_image { } } .ce_infobar { } .ce_infobar h1, .ce_infobar h2, .ce_infobar h3 { color: white; } .ce_infobar__content { padding-top: var(--sp2); padding-bottom: var(--sp2); display: none; } .ce_infobar__inner { margin-bottom: var(--sp2); } .ce_infobar__text { } .ce_infobar__note { } .ce_infobar__hl { font-size: var(--xl); line-height: var(--lh-xl); color: white !important; } .ce_infobar p { font-size: var(--md); line-height: var(--lh-md); color: white; } @media screen and (min-width: 768px){ .ce_infobar__text { grid-column: 1 / span 2; } .ce_infobar__hl { grid-column: 1 / span 2; } } @media screen and (min-width: 1200px){ .ce_infobar__text { grid-column: 1; } .ce_infobar__inner { /* grid-template-columns: 1fr 1fr 1fr; */ } } .ce_text { } .ce_list { font-size: var(--md); --fs: var(--md); } .ce_list--lg ol, .ce_list--lg ul { font-size: var(--lg); --fs: var(--lg) !important; } .ce_list--xl ol, .ce_list--xl ul { font-size: var(--xl); --fs: var(--xl) !important; } .ce_list ol, .ce_text ol, .ce_list ul, .ce_text ul { --fs: var(--md); padding-left: var(--fs); margin-bottom: var(--fs); list-style-type: disc; } .ce_list ol li, .ce_text ol li, .ce_list ul li, .ce_text ul li { margin-bottom: calc( var(--fs) / 4 ); margin-bottom: 0; } .ce_list ol, .ce_text ol { list-style: none; counter-reset: my-awesome-counter; color: var(--cl2); } .ce_list ol li, .ce_text ol li { color: var(--cl-copy); counter-increment: my-awesome-counter; position: relative; } .ce_list ol li::before, .ce_text ol li::before { content: counter(my-awesome-counter); color: var(--cl2); font-size: var(--md); left: -1.1rem; width: 2rem; position: absolute; top: 0rem; font-family: var(--bold-font); } .ce_list ol li p, .ce_text ol li p { margin-bottom: 0rem; } .ce_list ul, .ce_text ul { /* list-style-type: none; */ color: var(--cl2); } .ce_list ul li, .ce_text ul li { position: relative; margin-top: 0rem; color: var(--cl-copy); } .ce_list ul li p, .ce_text ul li p { margin-bottom: 0rem; } .ce_list ul li::marker, .ce_text ul li::marker { } .ce_list--lg ul li:after { /* left: -1.1rem; */ /* top: -0.15rem; */ } .highlight .ce_list ul li:after, .highlight .ce_text ul li:after { color: white; } @media screen and (min-width: 768px){ .ce_list--lg ul { /* padding-left: 1.4rem; */ /* margin-bottom: 1.2rem; */ } .ce_list--lg ul li:after { /* left: -1.4rem; */ /* top: -0.1rem; */ } } .ce_reminder-footer { background-color: var(--cl2); padding-top: var(--sp2); padding-bottom: var(--sp2); } .ce_reminder-footer__inner { display: grid; } .ce_reminder-footer__hl { color: white; font-size: var(--lg); line-height: var(--lh-lg); } .ce_reminder-footer__text { } .ce_reminder-footer__text p { color: white; } .ce_reminder-footer__link { color: white; font-size: var(--md); } @media screen and (min-width: 768px){ .ce_reminder-footer__inner { grid-template-columns: 1fr 3fr 2fr; } } .ce_rsce_zitat { padding-top: 2rem; padding-bottom: 2.3rem; } .ce_rsce_zitat__zitat { font-family: 'SuisseBPSerif-Regular'; font-size: var(--lg) !important; /* padding: 1rem; */ line-height: 120% !important; letter-spacing: 0rem; color: var(--color1); margin-bottom: clamp(0.3rem,1vw,0.9rem) !important; } .ce_rsce_zitat__zitat:before { content: '„'; color: var(--color1); } .ce_rsce_zitat__zitat:after { content: '“'; } .ce_rsce_zitat__autor { color: var(--cl3); font-size: var(--sm) !important; margin-bottom: 0 !important; } @media screen and (min-width: 576px){ .ce_rsce_zitat { padding: 2rem 2rem 2.4rem 0rem; } .ce_rsce_zitat__zitat { /* font-size: 1.6rem !important; */ position: relative; } .ce_rsce_zitat__zitat:before { position: relative; margin-left: -0.3rem; } } @media screen and (min-width: 992px){ .ce_rsce_zitat__zitat:before { margin-left: -0.5rem; } } .ce_sidebox { display: flex; gap: clamp(1rem,1vw,2rem); /* justify-content: flex-start; */ /* align-items: flex-start; */ flex-direction: column; width: 100%; margin-bottom: var(--sp4); } .ce_sidebox__module { padding: clamp(1rem,1.9vw,2rem); background-color: var(--cl4); padding-bottom: var(--sp2); } .ce_sidebox__header { background-color: var(--cl4); color: white; padding: var(--sp1); border-bottom: 1px solid white; } .ce_sidebox__title { margin-bottom: var(--sp1); font-size: var(--lg); font-family: var(--font-copy); line-height: var(--lh-lg); } .ce_sidebox__content { background-color: var(--cl4); /* padding: var(--sp1); */ } .ce_sidebox__button { width: 100%; } .ce_sidebox__popular { } .ce_sidebox__reminder { } @media screen and (min-width: 768px){ .ce_sidebox { display: grid; grid-template-columns: 1fr 1fr; gap: var(--grid-gap); align-items: start; } } @media screen and (min-width: 768px){ .ce_sidebox { grid-column: span 3; } } @media screen and (min-width: 992px){ .ce_sidebox { grid-column: span 1; grid-template-columns: 1fr; grid-template-rows: max-content; } } .ce_teaser-nachlese { margin-bottom: var(--sp4); height: clamp(20rem,33vw,64rem); position: relative; width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; } .ce_teaser-nachlese__content { display: flex; flex-direction: column; justify-content: center; align-items: center; } .ce_teaser-nachlese__text { font-size: var(--md); margin-bottom: clamp(1rem,2vw,3rem); } .ce_teaser-nachlese__hl { font-size: var(--xxxl); } .ce_teaser-nachlese__link .link-text__label { color: var(--cl1) !important; } .ce_teaser-nachlese__link .svg-stroke { stroke: var(--cl1) !important; } .ce_teaser-nachlese__image { width: 100%; height: 100%; display: block; object-fit: cover; position: absolute; z-index: -1; } .ce_template_newsletter-anmeldung { margin-bottom: var(--sp4); } .content { padding-top: var(--header-height); /* height: 200rem; */ /* padding-bottom: var(--sp5); */ /* padding-left: var(--sp2); */ /* padding-right: var(--sp2); */ display: grid; grid-template-columns: 1fr min(100%,var(--max-content-width)) 1fr; } .content__inner { grid-column: 2; } @media screen and (min-width: 768px){ .content { /* padding-top: 8rem; */ /* padding-bottom: 10rem; */ } } body .ch2-btn { box-shadow: none; } body .ch2-style-light .ch2-btn-primary:hover, body .ch2-style-dark .ch2-btn-primary:hover, body .ch2-btn:hover { box-shadow: none; } :root { --cl1: #111111; --cl2: #78e1be; --cl3: #a4a5a5; --cl4: #f3f4f4; --cl5: #eaf5f1; --cl6: #e4f3ee; --cl7: #ffffff; --cl-copy: var( --cl1); --cl-headlines: var( --cl1); --cl-links: var( --cl2); --cl-links-hover: var( --cl1); --cl-links-active: var( --cl2); --font-hl: 'SuisseBPSerif-Bold', serif; --font-copy: 'SuisseBPIntl-Regular', sans-serif; --font-button: 'SuisseBPIntl-Regular', sans-serif; --sm: clamp(0.9rem,1vw,1rem); --md: clamp(1rem,1.3vw,1.15rem); --lg: clamp(1.3rem,2vw,1.6rem); --xl: clamp(1.6rem,2.2vw,2.9rem); --xxl: clamp(1.7rem,4vw,3.4rem); --xxxl: clamp(1.9rem,5.6vw,5.5rem); --button-radius: .2rem; --header-height: clamp(4rem,11vw,6.6rem); --sp1: clamp(.5rem, 1.5vw, 3rem); --sp2: calc( var( --sp1) * 2 ); --sp3: calc( var( --sp1) * 3 ); --sp4: calc( var( --sp1) * 4 ); --sp5: calc( var( --sp1) * 5 ); --sp-half: calc( var( --sp1) / 2 ); --sp-quarter: calc( var( --sp1) / 4 ); --grid-gap: clamp(1.5rem,3.1vw,3.7rem); --btn-height: clamp(2.2rem,2.9vw,3.1rem); --btn-padding-horizontal: clamp(.8rem,2.8vw,2.5rem); --btn-padding-vertical: clamp(0.2rem,1vw,0.7rem); --btn-gap: clamp(0.3rem, 0.5vw, 0.6rem); --btn-radius: clamp(.2rem,1vw,.5rem); --btn-border-width: 1px; --max-content-width: 100rem; --max-text-width: 33rem; --headline-shift: clamp(1rem, 10.5vw, 12rem); --section-height: clamp(16rem, 45vw, 50rem); --section-space: var( --sp4); --lh-sm: 123%; --lh-md: 125%; --lh-lg: 120%; --lh-xl: 104%; --lh-xxl: 104%; --lh-xxxl: 100%; --fw-light: 300; --fw-regular: 400; --fw-bold: 700; --icon-stroke-width: clamp(1px,.5vw,1px); --hero-height: clamp(20rem,33vw,64rem); } @media screen and (min-width: 768px) { :root { --button-radius: .3rem; } } .event-detail .header { display: none; } .event-detail .content { padding-top: 0rem; padding-bottom: 0rem; } .event-full { --hero-text-color: black; } .event-full.event-full--text-white { --hero-text-color: white; } .event-full__logo { width: clamp(4rem,12vw,4.6rem); display: block; margin-top: clamp(1rem,2vw,2rem); margin-bottom: 30vw; } .event-full__logo path { fill: var(--hero-text-color); } .event-full__header { position: relative; margin-bottom: var(--sp4); } .event-full__image { position: absolute; width: 100%; height: 100%; z-index: -1; } .has-mobile-heroimage .event-full__image-desktop { display: none; } .event-full__image figure { width: 100%; height: 100%; } .event-full__image img { width: 100%; height: 100%; object-fit: cover; } .event-full__header-info { display: grid; gap: var(--grid-gap); padding-bottom: 10vw; } .event-full__header-info-side { display: none; } .event-full__info-mobile { margin-bottom: clamp(2rem,2vw,3rem); } .event-full__title { font-size: clamp(2.6rem,8vw,6rem); margin-bottom: clamp(1rem,2vw,1.2rem); line-height: 92%; color: var(--hero-text-color); } .event-full__title.green_slash_pseudo:after { } .event-full__subline { font-size: var(--lg); max-width: 25rem; line-height: var(--lh-lg); color: var(--hero-text-color); } .event-full__link { margin-top: var(--sp2); } .event-full__nr { font-size: var(--md); color: var(--hero-text-color); margin-bottom: 0rem; } .event-full__date { font-size: var(--lg); margin-bottom: var(--sp1); } .event-full__location { font-size: var(--md); margin-bottom: 0rem; } .event-full__address { font-size: var(--md); margin-bottom: var(--sp1); } .event-full__hint-free { } .event-full__content { margin-bottom: var(--sp4); display: grid; gap: var(--grid-gap); } .event-full__info { font-size: var(--md); line-height: var(--lh-md); max-width: 40rem; } .event-full__motto { font-size: var(--lg); color: var(--cl2); line-height: var(--lh-lg); } .on-black .event-full__title, .on-black .event-full__subline, .on-black .event-full__nr, .on-black .event-full__date, .on-black .event-full__location, .on-black .event-full__address, .on-black .event-full__hint-free { color: white; } .on-black .event-full__logo path { fill: white; } .event-full__images { margin-bottom: var(--sp4); display: grid; gap: var(--grid-gap); } .event-full__footer { display: grid; gap: var(--grid-gap); font-size: var(--md); line-height: var(--lh-md); margin-bottom: var(--sp3); } .event-full__footer-hl { color: var(--cl2); } .event-full__footer-link { margin-bottom: var(--sp2); } .event-full__registration-info { font-size: var(--sm); color: var(--cl3); line-height: var(--lh-sm); } .event-full__registration { background-color: var(--cl4); padding-top: var(--sp3); padding-bottom: clamp(3rem,15vw,10rem); } .event-full__registration-link { margin-top: var(--sp2); } .event-full__registration-inner { display: grid; gap: var(--grid-gap); } .event-full__registration-text { font-size: var(--md); line-height: var(--lh-md); } .event-full__registration-info { font-size: var(--sm); line-height: var(--lh-sm); color: var(--cl1); } .event-full__registration-consent { font-size: var(--sm); line-height: var(--lh-sm); color: var(--cl1); } .event-full__ausgebucht { background-color: var(--cl2); width: 100%; border-radius: 1rem; padding: var(--sp2); } @media screen and (min-width: 486px){ .event-full__ausgebucht { width: 50vw; padding: var(--sp1); } } @media screen and (min-width: 768px){ .event-full__ausgebucht { width: 30vw; } .event-full__date, .event-full__address, .event-full__location, .event-full__hint-free { color: var(--hero-text-color); } .event-full__image-mobile { display: none; } .has-mobile-heroimage .event-full__image-desktop { display: block; } .event-full__header { height: clamp(30rem,60vw,50rem); } .event-full__header-info { grid-template-columns: 1fr 1fr 1fr; grid-template-rows: clamp(5rem,13vw,10rem) clamp(2rem,4vw,3rem) 1fr; padding-bottom: 0rem; padding-bottom: 30vw; } .event-full__info-mobile { display: none; } .event-full__header-info-main { grid-row: 3; grid-column: 1 / span 2; } .event-full__header-info-side { grid-row: 3; grid-column: 3; display: block; } .event-full__logo { grid-row: 1; margin-bottom: 0rem; } .event-full__nr { grid-row: 2; } .event-full__content { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: var(--grid-gap); } .event-full__info { grid-column: 1 / span 2; } .event-full__images { grid-template-columns: 1fr 1fr 1fr; } .event-full__images figure:nth-of-type(1) { grid-column: 1 / span 2; grid-row: 1 / span 2; margin-top: clamp(5rem,10vw,10rem); } .event-full__images figure:nth-of-type(2) { grid-column: 3; grid-row: 1; } .event-full__images figure:nth-of-type(3) { grid-column: 3; grid-row: 2; } .event-full--image-ly-2 .event-full__images figure:nth-of-type(1) { grid-column: 1 / span 1; grid-row: 1 / span 2; margin-top: 0; } .event-full--image-ly-2 .event-full__images figure:nth-of-type(2) { grid-column: 2 / span 1; grid-row: 1 / span 2; margin-top: 0; } .event-full__footer { grid-template-columns: 1fr 1fr 1fr; } .event-full__registration-inner { grid-template-columns: 1fr 1fr 1fr; } .event-full__registration-intro { grid-column: 1 / span 2; } .event-full__registration-form { grid-column: 1 / span 2; } .event-full .ce_form .widget-submit { margin-top: 1rem; } } @media screen and (min-width: 1500px){ .event-full__ausgebucht { position: absolute; left: 0rem; bottom: -1rem; background-color: var(--cl2); width: 15rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; aspect-ratio: 1; padding: var(--sp1); } } @media screen and (min-width: 1800px){ .event-full__ausgebucht { left: 5rem; bottom: -3rem; } } @media screen and (min-width: 2000px){ .event-full__ausgebucht { left: 10rem; bottom: -5rem; } } @media screen and (min-width: 2000px){ .event-full__ausgebucht { left: 20vw; } } .event-full__ausgebucht-hl { font-size: var(--lg); color: white; text-align: center; margin-bottom: .5rem; } .event-full__ausgebucht-copy { color: white; text-align: center; font-size: var(--sm); margin-bottom: 0rem; } .event-full__back { padding-top: var(--sp4); background-color: var(--cl4); } .event-full .cb_newsletter { } .event-full .cb_newsletter legend { color: var(--cl1); } .event-full .ce_form input { padding-left: 0rem !important; padding-bottom: clamp(.4rem,1vw,.7rem) !important; } .event-full .ce_form .formbody { gap: clamp(.5rem,2vw,1rem); } .event-full .ce_form input:focus { background-color: var(--cl4); } .event-full .ce_form input::placeholder { color: var(--cl3); } .event-full .ce_form .widget-checkbox { margin-top: clamp(.5rem,1vw,1rem); } .event-full .ce_form .widget-submit { margin-top: clamp(2rem,2vw,3rem); align-self: flex-start; } @media screen and (min-width: 992px){ .event-full__registration-inner { grid-template-columns: 1fr 1fr 1fr; } .event-full__registration-intro { grid-column: 1 / span 1; } .event-full__registration-form { grid-column: 2 / span 1; } } .eventheader { position: relative; height: 600px; } .eventheader picture { position: absolute; width: 100%; height: 100%; z-index: -1; } .eventheader picture img { display: block; width: 100%; height: 100%; object-fit: cover; } .eventheader__text { padding-top: 2rem; } .event__text { display: grid; grid-template-columns: 1fr; margin-bottom: 2rem; } .event__text--main { } .event__text--side { } .event__image { padding: 0; margin: 0; margin-bottom: 2rem; } .event__image img { } .event__image figcaption { color: #a4a5a5; padding-top: 0.7rem; } .event__anmeldung { } .event__anmeldung p { max-width: 37rem; margin: 0px auto; } @media screen and (min-width: 768px){ .eventheader { height: 900px; } .eventheader__text { padding-top: 10rem; } .event__text { grid-template-columns: repeat(12,1fr); margin-bottom: 5rem; } .event__text--main { grid-column: span 6 } .event__text--side { grid-column: 9 / span 4; } } @media screen and (min-width: 1200px){ .event__text--side { grid-column: 9 / span 2; } } .sm { font-size: .8rem; } .md { font-size: 1rem; } .lg { font-size: 1.4rem; } .xl { font-size: 1.8rem; } .xxl { font-size: 2.2rem; } @media screen and (min-width: 768px){ .lg { font-size: 1.6rem; } .xl { font-size: 2rem; } .xxl { font-size: 3rem; } } @media screen and (min-width: 992px){ .xxl { font-size: 4rem; } .lg { font-size: 1.8rem; } } @font-face { font-family: 'SuisseBPSerif-Bold'; src: url('../../files/theme/css/fonts/SuisseBPSerif-Bold/SuisseBPSerif-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'SuisseBPSerif-Regular'; src: url('../../files/theme/css/fonts/SuisseBPSerif-Regular/SuisseBPSerif-Regular.woff') format('woff'), url('../../files/theme/css/fonts/SuisseBPSerif-Regular/SuisseBPSerif-Bold.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'SuisseBPIntl-Regular'; src: url('../../files/theme/css/fonts/SuisseBPIntl-Regular/SuisseBPIntl-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'SuisseBPIntl-RegularItalic'; src: url('../../files/theme/css/fonts/SuisseBPIntl-RegularItalic/SuisseBPIntl-RegularItalic.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'SuisseBPIntl-Antique'; src: url('../../files/theme/css/fonts/SuisseBPIntl-Antique/SuisseBPIntl-Antique.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } .footer { background-color: var(--cl4); padding-top: var(--sp2); padding-bottom: var(--sp2); font-size: var(--sm); line-height: var(--lh-sm); } .footer__inner { display: grid; gap: var(--grid-gap); } .footer__sl { margin-bottom: 0rem; color: var(--cl3); } .footer__hk { margin-bottom: var(--sp1) !important; } .footer__sl, .footer__copy { font-size: var(--sm); line-height: var(--lh-sm); } .footer__copy { margin-bottom: .2rem; } .footer__col a { display: block; } .footer__col-5 a { color: var(--cl3); } @media screen and (min-width: 576px){ .footer__inner { grid-template-columns: 1fr 1fr; } .footer__col-1 { grid-column: 1; } .footer__col-2 { grid-column: 1; } .footer__col-3 { grid-column: 2; grid-row: 1; } .footer__col-4 { grid-column: 2; grid-row: 2; } .footer__col-5 { grid-column: 1 / span 2; grid-row: 3; } } @media screen and (min-width: 992px){ .footer__inner { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .footer__col-1 { grid-column: 1; } .footer__col-2 { grid-column: 2; } .footer__col-3 { grid-column: 3; grid-row: 1; } .footer__col-4 { grid-column: 4; grid-row: 1; } .footer__col-5 { grid-column: 6; grid-row: 1; } } .header { position: fixed; width: 100%; height: var(--header-height); background-color: var(--cl4); z-index: 1; overflow: visible; /* align-items: center; */ gap: 1rem; /* padding-left: var(--sp2); */ /* padding-right: var(--sp2); */ display: flex; flex-direction: column; align-items: center; } .header__inner { display: grid; grid-template-columns: min-content 1fr min-content min-content min-content; height: 100%; /* justify-content: center; */ align-items: center; max-width: var(--max-content-width); width: 100%; padding-left: var(--sp2); padding-right: calc( var(--sp2) - clamp(.3rem,1vw,.5rem) ); } .header__menu-desktop { display: none; justify-self: end; } .header__menu-mobile { opacity: 0; pointer-events: none; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease; position: fixed; width: 100%; height: 100%; background-color: var(--cl1); color: white; left: 0rem; top: 0rem; overflow-y: auto; } .header__logo { /* top: 1rem; */ /* left: 0rem; */ width: clamp(2.9rem,6vw,4.6rem); display: block; height: auto; } .header__search { justify-self: end; transform: translateY(.1rem); } .header__search svg { width: clamp(1.9rem,2vw,2.2rem); height: auto; } .header__search .svg-stroke { stroke: var(--cl3); } .header__search:hover .svg-stroke { stroke: var(--cl2); } .header__toggle { right: 0rem; top: 1rem; display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; z-index: 1; justify-self: end; } .header__toggle svg { fill:none; stroke: var(--cl1); stroke-width:2; stroke-miterlimit:10; } .header__toggle-close { display: none; } .menu_open .header__toggle-close { display: block; stroke: white; } .menu_open .header__toggle-open { display: none; } .header__toggle img { position: absolute; } .header__logo svg { width: 100%; height: auto; display: block; } .menu_open .header__menu-mobile { opacity: 1; pointer-events: auto; } .menu strong { font-weight: normal; } @media screen and (min-width: 576px){ .header { } .header__logo { } .header__logo img { } } @media screen and (min-width: 768px){ .header__inner { grid-template-columns: min-content 1fr min-content; } .header__logo { } .header__logo img { } } @media screen and (min-width: 992px){ .header { } .header__logo { /* top: 3rem; */ } .header__logo img { } .header__toggle { display: none; } .menu { display: block; } .header__menu-mobile { display: none; } .header__menu-desktop { display: block; } } .headerimage { height: clamp(25rem,30vw,49rem); position: relative; display: flex; align-items: center; justify-content: center; grid-column: 1 / span 3; } .headerimage__picture { position: absolute; width: 100%; height: 100%; z-index: -1; } .headerimage__picture picture { width: 100%; height: 100%; } .headerimage__linkhint { display: flex; justify-content: center; } .headerimage__arrow { padding-right: 1rem; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transform: translateX(0rem); -ms-transform: translateX(0rem); transform: translateX(0rem); display: block; } .headerimage:hover .headerimage__arrow { -webkit-transform: translateX(.7rem); -ms-transform: translateX(.7rem); transform: translateX(.7rem); } .headerimage__text { margin-bottom: 3rem; } .headerimage__text-inner { max-width: 48rem; } .headerimage__title { z-index: 1; text-align: center; } .headerimage__headline { font-size: 2.3rem; font-family: 'SuisseBPSerif-Bold'; margin-bottom: 1rem; } .headerimage__picture img { display: block; width: 100%; height: 100%; object-fit: cover; } .headerimage__announcement { margin-bottom: 2rem; } @media screen and (min-width: 768px){ .headerimage { /* height: 500px; */ } .headerimage__headline { font-size: 4.5rem; margin-bottom: 1.5rem; } } @media screen and (min-width: 1200px){ .headerimage { /* height: 600px; */ } .headerimage__headline { font-size: 5rem; } } h1,.h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: var(--font-hl); margin-top: 0rem; line-height: 110%; font-weight: var(--fw-regular); color: var(--cl-headlines); } #tinymce h1, #tinymce h2, #tinymce h3, #tinymce h4, #tinymce h5, #tinymce h6 { color: var(--cl1); } h1 { font-size: var(--xxxl); margin-bottom: calc( var(--xxxl) / 2 ); line-height: var(--lh-xxxl); } h2 { font-size: var(--xxl); margin-bottom: calc( var(--xxl) / 2 ); line-height: var(--lh-xxl); } h3 { font-size: var(--xl); margin-bottom: calc( var(--xl) / 2 ); line-height: var(--lh-xl); } h4 { font-size: var(--lg); margin-bottom: calc( var(--lg) / 2 ); line-height: var(--lh-lg); } h5 { font-size: var(--md); margin-bottom: calc( var(--md) / 2 ); line-height: var(--lh-md); } .h1 { font-size: var(--xxxl); margin-bottom: calc( var(--xxxl) / 2 ); line-height: var(--lh-xxxl); } .h2 { font-size: var(--xxl); margin-bottom: calc( var(--xxl) / 2 ); line-height: var(--lh-xxl); } .h3 { font-size: var(--xl); margin-bottom: calc( var(--xl) / 2 ); line-height: var(--lh-xl); } .h4 { font-size: var(--lg); margin-bottom: calc( var(--lg) / 2 ); line-height: var(--lh-lg); } .h5 { font-size: var(--md); margin-bottom: calc( var(--md) / 2 ); line-height: var(--lh-md); } .ce_text h1:first-child, #tinymce h1:first-child, .ce_text h2:first-child, #tinymce h2:first-child, .ce_text h3:first-child, #tinymce h3:first-child, .ce_text h4:first-child, #tinymce h4:first-child, .ce_text h5:first-child, #tinymce h5:first-child { /* margin-top: 0rem; */ } .ce_text h1, .ce_text .h1, #tinymce h1, #tinymce .h1 { margin-top: calc( var(--xxxl) * 1.5 ); } .ce_text h2, .ce_text .h2, #tinymce h2, #tinymce .h2 { /* margin-top: calc( var(--xxl) * 1.5 ); */ } .ce_text h3, .ce_text .h3, #tinymce h3, #tinymce .h3 { margin-top: calc( var(--xl) * 1.5 ); } .ce_text h4, .ce_text .h4, #tinymce h4, #tinymce .h4 { margin-top: calc( var(--lg) * 1.5 ); } .ce_text h5, .ce_text .h5, #tinymce h5, #tinymce .h5 { margin-top: calc( var(--md) * 1.5 ); } body.kontakt .content { padding-bottom: 0rem; } .kontakt__form { padding-top: var(--sp1); padding-bottom: var(--sp3); margin-bottom: var(--sp3); } button { background-color: transparent; } button:focus { outline:0; } .link-button { font-family: var(--font-button), sans-serif; background-color: var(--cl-links); border: none; border-radius: var(--button-radius); color: white; /* text-transform: uppercase; */ display: inline-block; transition: border-color .25s ease-out, color .25s ease-out, background-color .4s ease; font-size: var(--md); /* font-family: var(--font-hl); */ cursor: pointer; text-align: center; border-radius: 0; letter-spacing: .03rem; height: var(--btn-height); /* padding-left: 2rem; */ /* padding-right: 2rem; */ /* min-width: 10rem; */ padding-left: var(--btn-padding-horizontal) !important; padding-right: var(--btn-padding-horizontal) !important; /* padding-top: var(--btn-padding-vertical) !important; */ /* padding-bottom: var(--btn-padding-vertical) !important; */ } .link-button__inner { display: flex; align-items: center; justify-content: center; /* border: 1px solid red; */ height: 100%; gap: clamp(.3rem,1vw,0.4rem); } .link-button svg { transition: transform .4s ease; } .link-button svg path { /* fill: #518196; */ /* -webkit-transition: fill .25s ease-out; */ -moz-transition: fill .25s ease-out; /* transition: fill .25s ease-out; */ } .link-button svg .svg-stroke { stroke: white; } .link-button:hover { background-color: var(--cl-links-hover); color: white !important; } .link-button:hover svg { stroke: white; transform: translateX( clamp( .1rem,.5vw,.3rem) ); } .link-button:hover .link-button__label { color: white !important; } .link-button.link-button--white, .highlight .link-button { /* border: 1px solid white; */ /* background-color: white; */ } .link-button.link-button--white .svg-stroke, .highlight .link-button .svg-stroke { stroke: white; } .link-button--white .link-button__label, .highlight .link-button__label { /* color: var(--cl1) !important; */ } .link-button--white svg, .highlight .link-button svg { /* stroke: var(--cl1); */ } .link-button--white:hover .link-button__label, .highlight .link-button:hover .link-button__label { /* color: var(--cl1) !important; */ } .link-button--white:hover svg, .highlight .link-button:hover svg { stroke: var(--cl1) !important; } .link-button--white:hover, .highlight .link-button:hover { /* background-color: white; */ /* color: var(--cl1) !important; */ } .link-button--sm { font-size: .7rem; padding-left: 1rem; padding-right: 1rem; /* height: 2.1rem; */ } .link-button img, .link-button svg { width: clamp(1rem,2vw,1.3rem); margin-right: 0.5rem; stroke-width: 2px; stroke: white; } .link-button--icon { } .link-button--nolabel { width: 3rem; padding-left: 0rem !important; padding-right: 0rem !important; min-width: auto !important; } .link-button--nolabel svg { margin-right: 0rem; } .link-button_back { /* text-indent: 1rem; */ /* background-image: url('../../files/theme/img/button_back_blue.svg'); */ padding-right: 31px; } .link-button_next { } .link-button_next img { width: .5rem; } .link-button__label { /* border: 1px solid red; */ letter-spacing: 0.05rem; /* margin-left: .5rem; */ color: white; /* margin: 0 0 0 .5rem; */ font-size: var(--md); line-height: var(--lh-md); /* transform: translateY( clamp(0.01rem,0.5vw,0.08rem) ); */ } @media screen and (min-width: 768px){ .link-button { /* height: 2.8rem; */ /* padding-left: 2.5rem; */ /* padding-right: 2.5rem; */ /* min-width: 12rem; */ } } .link-text { margin-bottom: clamp(.2rem,1vw,0.2rem); display: block; } .link-text:hover svg { transform: translateX( clamp(.2rem,1vw,.3rem) ); } .link-text svg { margin-left: calc( clamp(.1rem,.2vw,.3rem) * -1); transition: stroke .3s ease, transform .4s ease; width: clamp(1.1rem,2vw,1.3rem); height: auto; transform: translateY(0.02rem); margin-top: -.2rem; } .link-text--white svg { stroke: white; } .link-text__inner { display: flex; align-items: center; gap: clamp(0.3rem,1vw,0.4rem); } .link-text__label { font-size: var(--md); color: var(--cl3); transition: color .3s ease; } .link-text--white .link-text__label { color: white; } .link-text:hover .link-text__label { color: var(--cl-links-hover); } .link-text .svg-stroke { transition: stroke .3s ease; stroke-width: 1px; stroke: var(--cl3); } .link-text:hover .svg-stroke { stroke: var(--cl-links-hover); } .menu-desktop {overflow: visible !important;justify-self: end;} .menu-desktop ul.level_1 { overflow: visible; display: flex; } .menu-desktop ul.level_1 > li { position: relative; overflow: visible; } .menu-desktop ul.level_1 > li:nth-of-type(6) a, .menu-desktop ul.level_1 > li:nth-of-type(7) a, .menu-desktop ul.level_1 > li:nth-of-type(8) a { color: var(--cl3); } .menu-desktop ul.level_1 > li > a { -webkit-transition: color .3s; -moz-transition: color .3s; transition: color .3s; color: var(--cl1); } .menu-desktop ul.level_1 > li > a:hover { color: var(--cl1); } .menu-desktop ul.level_1 > li:nth-of-type(6) > a:hover, .menu-desktop ul.level_1 > li:nth-of-type(7) > a:hover, .menu-desktop ul.level_1 > li:nth-of-type(8) > a:hover { color: var(--cl3); } .menu-desktop ul.level_1 > li > a, .menu-desktop ul.level_1 > li > strong { padding: 1rem; /* border: 1px solid; */ display: block; /* background-color: yellow; */ font-family: var(--font-copy); font-size: var(--md); /* font-weight: normal; */ } .menu-desktop ul.level_1 > li > strong, .menu-desktop ul.level_1 > li > a.trail { color: var(--cl1); } .menu-desktop ul.level_1 > li:nth-of-type(6) > strong, .menu-desktop ul.level_1 > li:nth-of-type(7) > strong, .menu-desktop ul.level_1 > li:nth-of-type(8) > strong { color: var(--cl3); } .menu-desktop ul.level_2 { opacity: 0; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease; pointer-events: none; position: absolute; left: 0rem; top: 3.3rem; min-width: 14rem; } .menu-desktop ul.level_1 > li:hover ul.level_2 { opacity: 1; pointer-events: auto; } .menu-desktop ul.level_2 > li { min-width: 7rem; width: 100%; } .menu-desktop ul.level_2 > li.last a, .menu-desktop ul.level_2 > li.last strong { border-bottom: none; } .menu-desktop ul.level_2 > li > a, .menu-desktop ul.level_2 > li > strong { padding: 1rem; /* border: 1px solid; */ display: block; background-color: var(--cl-links); color: white; } .menu-desktop ul.level_2 > li > strong { background-color: var(--cl1); } .menu-desktop ul.level_2 > li > a { } .menu-desktop ul.level_2 > li > a:hover { background-color: var(--cl-links-hover); } .menu-desktop__label { position: relative; } .menu-desktop__label:after { content: ''; position: absolute; display: block; height: 1px; background-color: var(--cl1); bottom: calc( clamp(.1rem,1vw,.4rem) * -1 ); left:0rem; right:0rem; width: 100%; opacity: 0; transition: opacity .3s ease; } .menu-desktop ul.level_1 > li:nth-of-type(6) .menu-desktop__label:after, .menu-desktop ul.level_1 > li:nth-of-type(7) .menu-desktop__label:after, .menu-desktop ul.level_1 > li:nth-of-type(8) .menu-desktop__label:after { background-color: var(--cl3); } .menu-desktop ul.level_1 > li > a:hover .menu-desktop__label:after, .menu-desktop ul.level_1 > li > strong .menu-desktop__label:after { opacity: 1; } .menu-mobile { } .menu-mobile a { color: white; } .menu-mobile a:hover, .menu-mobile .switch:hover { } .menu-mobile_inner { position: absolute; top: 0; left: 0; width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: var(--sp); padding-top: var(--header-height); } .menu-mobile .switch { display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background-color .3s ease; aspect-ratio: 1 / 1; align-self: center; width: clamp(2rem,2vw,3rem); } .menu-mobile .switch svg { stroke: white; -webkit-transition: stroke .3s; -moz-transition: stroke .3s; transition: stroke .3s; } .menu-mobile .switch:hover svg { /* stroke: var(--cl1-lighten); */ } .menu-mobile .switch.open { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .menu-mobile_linktitle { /* padding: 1rem; */ display: inline-block; height: 3rem; line-height: 3rem; /* background-color: pink; */ } .menu-mobile strong { font-weight: bold; } .menu-mobile li { } .menu-mobile ul.level_1 { min-width: 14rem; } .menu-mobile ul.level_1>li { border-bottom: 1px solid white; } .menu-mobile ul.level_1>li { display: grid; grid-template-columns: 1fr 3rem; } .menu-mobile ul.level_1>li.trail .level_2 { display: block; } .menu-mobile ul.level_1>li>.switch {} .menu-mobile ul.level_1>li>a, .menu-mobile ul.level_1>li>strong { align-self: center; display: block; color: white; } .menu-mobile ul.level_1>li>a { transition: background-color .3s ease; } .menu-mobile ul.level_2 { display: none; grid-column: span 2; background-color: rgba(255,255,255,0.15); } .menu-mobile ul.level_3 { display: none; grid-column: span 2; background-color: rgba(255,255,255,0.3); } .menu-mobile ul.level_2>li>a, .menu-mobile ul.level_2>li>strong { border-top: 1px solid rgba(255, 255, 255, 0.2); } .menu-mobile ul.level_1>li>a, .menu-mobile ul.level_1>li>strong, .menu-mobile ul.level_2>li>a, .menu-mobile ul.level_2>li>strong { padding-top: clamp(0.7rem, 2vw, 2rem); padding-bottom: clamp(0.7rem, 2vw, 2rem); padding-left: var(--sp2); display: block; font-size: var(--xl); } .mod_article { grid-column: 2; padding-left: var(--sp2); padding-right: var(--sp2); } .mod_article.full { grid-column: 1 / span 3; padding-left: 0; padding-right: 0; } .mod_eventlist { display: grid; gap: var(--grid-gap); padding-top: var(--sp3); margin-bottom: var(--sp5); } .mod_eventlist__teaser { display: grid; column-gap: var(--grid-gap); row-gap: clamp(2.5rem,4vw,4.5rem); } .event-teaser { } .event-teaser__artwork { position: relative; width: 100%; /* height: clamp(20rem,30vw,35rem); */ display: block; margin-bottom: clamp(.9rem,1vw,1rem); } .event-teaser__data { gap: clamp(1rem,2vw,2rem); display: grid; grid-template-columns: max-content max-content max-content; margin-bottom: clamp(.6rem,2vw,1.3rem); } .event-teaser__data p { margin-bottom: 0rem; } .event-teaser__text { margin-bottom: clamp(.6rem,2vw,0.8rem); } .event-teaser__text p { margin-bottom: 0rem; } .event-teaser__title { font-size: var(--xl); line-height: var(--lh-xl); margin-bottom: clamp(.7rem,2vw,1rem); } .event-teaser__artwork figure { } .event-teaser__artwork figure img { /* display: block; */ /* width: 100%; */ } .event-teaser__topic { font-size: var(--xl); line-height: var(--lh-xl); } .event-teaser__nr { color: var(--cl3); font-size: var(--sm); } .event-teaser__date { margin-bottom: 0rem; color: var(--cl3); font-size: var(--sm); } .event-teaser__town { color: var(--cl3); font-size: var(--sm); } @media screen and (min-width: 576px){ .event-teaser__town { justify-self: end; } } @media screen and (min-width: 768px){ .mod_eventlist__teaser { grid-template-columns: 1fr 1fr; } } @media screen and (min-width: 992px){ .mod_eventlist__teaser { grid-template-columns: 1fr 1fr 1fr; } } .mod_newslist { margin-bottom: var(--section-space); display: grid; column-gap: var(--grid-gap); row-gap: clamp(2rem,4vw,4rem); } .mod_newslist__teaser { display: grid; grid-template-columns: 1fr; grid-column-gap: var(--sp2); grid-row-gap: var(--sp3); } .mod_newslist__meta { display: flex; } .mod_newslist__date { font-size: var(--sm); margin-right: 0.4rem; } .mod_newslist__author { font-size: var(--sm); } .mod_newslist-sidebox { display: block; margin: 0; } .mod_newslist-related { padding-top: var(--sp3); padding-bottom: var(--sp3); border-bottom: 1px solid white; } .mod_newslist-related__label { font-size: var(--sm); line-height: var(--lh-sm); margin-bottom: clamp(1rem,2vw,2rem); color: var(--cl3); } .mod_newslist-related__items { display: grid; gap: var(--grid-gap); } .mod_newslist .pagination { } @media screen and (min-width: 768px){ .mod_newslist { grid-column: 1 / span 3; grid-template-columns: 1fr 1fr 1fr 1fr; } .mod_newslist .pagination { grid-column: span 4; } .mod_newslist-related__items { grid-template-columns: 1fr 1fr; } .mod_newslist-related--single .teaser-related { grid-column: 2; } } @media screen and (min-width: 992px){ .mod_newslist { grid-column: 1 / span 2; } .mod_newslist__teaser { grid-template-columns: 1fr 1fr 1fr; } .mod_newslist-related__items { grid-template-columns: 1fr 1fr 1fr; } } .mod_newsreader { /* margin-bottom: var(--sp3); */ } .mod_newsreader__back { /* display: flex; */ /* justify-content: center; */ margin-bottom: var(--sp1); } .mod_newsreader__footer { margin-left: auto; margin-right: auto; max-width: var(--max-text-width); margin-bottom: var(--sp3); } .mod_newsreader__reminder { background-color: var(--cl4); padding-top: var(--sp3); padding-bottom: var(--sp3); padding-left: var(--sp2); padding-right: var(--sp2); } .mod_newsreader__reminder-hl { font-size: var(--lg); font-family: var(--font-copy); text-align: center; margin-bottom: clamp(0.8rem,2vw,1rem); } .mod_newsreader__reminder-copy { font-size: var(--md); line-height: var(--lh-md); text-align: center; margin-left: auto; margin-right:auto; max-width: 27rem; margin-bottom: clamp(1rem,2vw,1.5rem); } .mod_newsreader__reminder-link { display: flex; justify-content: center; } .mod_newsreader__back { display: flex; justify-content: center; } .mod_newsreader__back-link { font-size: var(--sm); } @media screen and (min-width: 768px){ .mod_newsreader .ce_text { /* width: 70%; */ } } @media screen and (min-width: 992px){ .mod_newsreader { } .mod_newsreader .ce_text { /* width: 50%; */ } .mod_newsreader .ce_image { margin-right: -8rem; margin-left: -8rem; } } .mod_rocksolid_slider { margin-bottom: 6em; margin-top: 3rem; overflow: visible !important; } .rsts-skin-default .rsts-prev { left: 36%; background-image: url('../../files/theme/css/img/slider_prev.svg') !important; } .rsts-skin-default .rsts-next { background-image: url('../../files/theme/css/img/slider_next.svg') !important; right: 35%; } .rsts-skin-default .rsts-prev, .rsts-skin-default .rsts-next { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50% !important; box-shadow: none !important; bottom: -5rem !important; border: none !important; } .rsts-skin-default .rsts-prev:hover, .rsts-skin-default .rsts-next:hover { background-color: transparent; } .rsts-nav { display: none; } #cboxClose { background-image: url('../../files/theme/css/img/slider_close.svg'); background-position: center center; width: 8em; height: 8em; top: 0px; right: 0px; } #cboxClose:hover { background-position: center; } #cboxCurrent { display: none !important; } #cboxNext { background-image: url('../../files/theme/css/img/slider_next.svg'); } #cboxPrevious { background-image: url('../../files/theme/css/img/slider_prev.svg'); } #cboxNext, #cboxPrevious { background-position: center; /* border: 1px solid red; */ width: 8em; height: 8em; } #cboxNext:hover, #cboxPrevious:hover { background-position: center; } @media screen and (min-width: 768px){ .mod_rocksolid_slider { margin-left: -6rem; margin-right: -6rem; } } @media screen and (min-width: 992px){ .mod_rocksolid_slider { margin-left: -9rem; margin-right: -9rem; } .rsts-skin-default .rsts-prev, .rsts-skin-default .rsts-next { top: 50% !important; bottom: none !important; } .rsts-skin-default .rsts-prev { left: -6em; } .rsts-skin-default .rsts-next { right: -6em; } } .mod_search { margin-bottom: 2rem; padding-top: var(--sp4); } .mod_search__form { display: grid; gap: var(--grid-gap); margin-bottom: clamp(3rem,4vw,5rem); } .mod_search__form .widget-submit { align-self: flex-start; margin-top: 0rem; } .mod_search__title { font-size: var(--xxl); color: var(--cl1); margin-bottom: var(--sp1); } .mod_search__header { font-size: var(--md); color: var(--cl1); margin-bottom: clamp(2rem,3vw,4rem); /* display: none; */ } .mod_search__info { margin-bottom: var(--sp3); font-size: var(--md); display: none; } .mod_search__results { margin-bottom: var(--sp3); display: grid; gap: var(--grid-gap); } .mod_search__result { } .mod_search__context { margin-bottom: var(--sp-half); font-size: var(--md); line-height: var(--lh-md); } .mod_search__relevance { margin-bottom: var(--sp-quarter); color: var(--cl5); font-size: var(--md); display: none; } .mod_search__headline { color: var(--cl1); margin-bottom: var(--sp-half); font-size: var(--xl); line-height: var(--lh-xl); } .mod_search__link { } .mod_search .highlight { color: var(--cl1); /* padding: .2rem .6rem; */ border-radius: .2rem; display: inline-block; background-color: transparent !important; font-weight: 500; } @media screen and (min-width: 768px){ .mod_search__results { grid-template-columns: 1fr 1fr 1fr; } .mod_search__form { grid-template-columns: 1fr 1fr 1fr; } } .mod_searchform { width: 100%; height: 100%; background-color: white; opacity: 0; transition: transform 0.3s ease, opacity .3s ease; pointer-events: none; position: fixed; z-index: 9999; } .mod_searchform .ce_form { width: min(100%,30rem); } .mod_searchform .widget-submit { display: flex; /* justify-content: center; */ align-items: center; width: 100%; } .mod_searchform__inner { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; flex-direction: column; gap: var(--sp1); padding: var(--sp2); } .mod_searchform__title { font-size: var(--xxl); text-align: center; font-family: var(--font-hl); } .mod_searchform__close { position: absolute; top: var(--sp2); right: var(--sp2); z-index: 99999; /* background-color: red; */ width: clamp(2rem,3vw,4rem); aspect-ratio: 1 / 1; display: flex; justify-content: center; align-items: center; } .mod_searchform__close svg { width: 80%; height: auto; } .mod_searchform__close svg .svg-stroke { stroke: var(--cl1); } .search-active .mod_searchform { pointer-events: auto; opacity: 1; } .mod_searchform .text { } .mod_searchform button { } .mod_searchform button:after { } .mod_searchform .formbody { } @media screen and (min-width: 768px){ .mod_searchform { } } .mod_sharebuttons { margin-bottom: var(--sp4); } .mod_sharebuttons__label { font-size: var(--md); color: var(--cl3); } .mod_sharebuttons ul { display: flex; gap: clamp(.4rem,1vw,.7rem); justify-content: center; } .mod_sharebuttons ul li { } .mod_sharebuttons ul li a { display: block; background-color: var(--cl2); border-radius: 50%; padding: clamp(.12rem,1vw,.24rem); transition: background-color .3s ease; } .mod_sharebuttons ul li a:hover { background-color: var(--cl1); } .mod_sharebuttons ul li a svg { display: block; width: clamp(1.3rem,2vw,1.7rem); height: auto; } .mod_sharebuttons ul li a svg .svg-fill { fill: white; } .mod_sharebuttons ul li a:hover { color: var(--cl1); } .mod_sibling_navigation_news { display: flex; justify-content: space-between; padding-left: var(--sp2); padding-right: var(--sp2); } .mod_sibling_navigation_news a { display: flex; gap: clamp(.2rem,1vw,.3rem); align-items: center; } .mod_sibling_navigation_news a:hover .svg-stroke { stroke: var(--cl1); } .mod_sibling_navigation_news a .svg-stroke { stroke: var(--cl3); transition: stroke .3s ease; } .mod_sibling_navigation_news a span { color: var(--cl3); font-size: var(--sm); transition: color .3s ease; display: none; } .mod_sibling_navigation_news a:hover span { color: var(--cl1); } .mod_sibling_navigation_news a.sibling-prev { } .mod_sibling_navigation_news a.sibling-prev svg { } .mod_sibling_navigation_news a.sibling-prev:hover svg { transform: translateX(-.3rem); } .mod_sibling_navigation_news a.sibling-next { } .mod_sibling_navigation_news a.sibling-next svg { } .mod_sibling_navigation_news a.sibling-next:hover svg { transform: translateX(.3rem); } .mod_sibling_navigation_news a svg { width: clamp(1rem,1vw,1.3rem); transition: 0.3s; } @media screen and (min-width: 768px){ .mod_sibling_navigation_news a span { display: block; } } .news_full { margin-bottom: var(--sp4); } .news_full__sibling-navigation { } .news_full__image { margin-bottom: var(--sp1); } .news_full__image figure { display: flex; justify-content: center; align-items: center; } .news_full__title { } .news_full__content { margin-left: auto; margin-right: auto; max-width: var(--max-text-width); /* margin-bottom: var(--sp3); */ } .news_full__content h2 { margin-top: calc( var(--xxl) * 1.6 ); } .news_full__content h3 { margin-top: calc( var(--xl) * 1.6 ); } .news_full__content h4 { margin-top: calc( var(--lg) * 1.6 ) !important; } .news_full__content h5 { margin-top: calc( var(--md) * 1.6 ); } .news_full__content h1:first-child, .news_full__content h2:first-child, .news_full__content h3:first-child, .news_full__content h4:first-child, .news_full__content h5:first-child { margin-top: 0rem !important; } .news_full .post_content p, .news_full .post_content a, .news_full .post_content ul, .news_full .post_content ol { font-size: var(--md); line-height: var(--lh-md); margin-bottom: var(--md); } .news_full__header { height: var(--hero-height); margin-bottom: var(--sp2); } .news_full__category { font-size: var(--sm); color: var(--cl3); margin-bottom: var(--sp2); text-align: center; margin-top: -1rem; } .news_full__author { font-size: var(--sm); /* text-transform: uppercase; */ text-align: center; color: var(--cl1); } .news_full__header figure { width: 100%; height: 100%; } .news_full__header img { object-fit: cover; width: 100%; height: 100%; } .news_full.headerimage-top .news_full__header img { object-position: center top; } .news_full.headerimage-top-20p .news_full__header img { object-position: center 20%; } .news_full__hl { text-align: center; font-size: var(--xxxl); line-height: var(--lh-xxxl); margin-left: auto; margin-right: auto; max-width: 65rem; margin-bottom: clamp(1.5rem,2vw,3rem); } .news_full__hl br { display: none; } .news_full__meta { text-align: center; font-size: var(--sm); color: var(--cl3); line-height: var(--lh-sm); margin-bottom: var(--sp3); display: flex; flex-direction: column; gap: .2rem; } .news_full__date { display: block; /* font-size: var(--md); */ /* margin-bottom: var(--sp-quarter); */ /* color: var(--cl-copy); */ } .news_full__categories { display: flex; justify-content: center; } .news_full__categories ul { display: flex; } .news_full__categories li { margin-bottom: 0.3rem; } .news_full__categories li span { font-size: var(--md); color: var(--cl-copy); } .news_full__categories li span:after { content: ',\00A0'; } .news_full__categories li:last-of-type span:after { content: ''; } .news_full__categories-label { font-size: var(--md); display: none; } .news_full__sibling-navigation .mod_sibling_navigation__news { display: flex; } .news_full__sibling-navigation .mod_sibling_navigation__next { margin-left: auto; } .news_full__sharebuttons { display: flex; justify-content: center; } .news_full__sharebuttons ul { display: flex; gap: var(--sp-half); } .news_full__sharebuttons a { border-radius:50%; background-color: var(--cl2); width: clamp(1.7rem,3vw,2.3rem); aspect-ratio: 1/1; display: flex; justify-content: center; align-items: center; text-indent: -10rem; overflow: hidden; transition: background-color .3s ease, transform .3s ease; } .news_full__sharebuttons a:hover { background-color: var(--cl1); transform: translateY(-.3rem); } .news_full__sharebuttons svg { width: 80%; height: auto; } .news_full__sharebuttons svg .st0 { fill: white; } @media screen and (min-width: 576px){ .news_full__hl br { display: block; } } @media screen and (min-width: 768px){ .news_full { /* display: grid; */ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap: var(--grid-gap); } .news_full__sibling-navigation { grid-column: 1 / span 6; grid-row: 2; } .news_full__content h2, .news_full__content h3, .news_full__content h4, .news_full__content h5 { /* margin-left: calc(var(--sp2)*-1); */ } .news_full__image { grid-column: span 6; } .news_full__title { grid-column: 2 / span 4; grid-row: 2; } .news_full__categories { } .news_full__categories span { /* text-align: right; */ /* display: block; */ } .news_full__content { grid-column: 2 / span 4; grid-row: 3; } .news_full_hl { } .news_full_meta { margin-bottom: 2rem; } .news_full__sharebuttons { grid-column: 3 / span 2; } } @media screen and (min-width: 992px){ .news_full__content { grid-column: 3 / span 2; grid-row: 3; } } .pagination { } .pagination p { color: var(--cl2); } .pagination ul { margin: 0; padding: 0; /* margin-left: -0.7rem; */ display: flex; gap: .4rem; } .pagination ul li { /* display: inline-block; */ margin-right: 0.5rem; } .pagination ul li a { color: var(--cl3); /* border: 1px solid var(--cl2); */ } .pagination ul li a, .pagination ul li span, .pagination ul li strong { display: block; /* text-align: center; */ /* padding-left: 1.2rem; */ font-weight: normal; min-width: var(--button-height); border-radius: var(--button-radius); height: var(--btn-height); padding-right: 1.2rem; line-height: var(--btn-height); /* padding-top: var(--sp-half); */ /* padding-bottom: var(--sp-half); */ border-radius: var(--btn-radius); display: flex; justify-content: center; align-items: center; } .pagination ul li span, .pagination ul li strong { /* border: 1px solid var(--cl1); */ /* background-color: var(--cl1); */ color: var(--cl1); } /*Remove blue border from css custom-styled button in Chrome*/ button:focus, input:focus { outline:0; } figure { margin: 0px; } .ce_rsce_autor-infos { display: flex; justify-content: center; flex-direction: column; align-items: center; text-align: center; } .ce_rsce_autor-infos__label { margin-bottom: var(--sp1); } .ce_rsce_autor-infos__image { border-radius: 50%; overflow: hidden; aspect-ratio: 1; width: clamp(8rem,10vw,10rem); margin-bottom: var(--sp1); } .ce_rsce_autor-infos__name { font-size: var(--md); line-height: var(--lh-md); font-weight: var(--fw-bold); } .ce_rsce_autor-infos__description { font-size: var(--md); line-height: var(--lh-md); max-width: 23rem; } .ce_rsce_pagetitle { padding-bottom: var(--sp2); padding-top: var(--sp3); } .ce_rsce_pagetitle__subline { font-size: var(--sm); color: var(--cl3); text-align: center; margin-bottom: var(--sp2); } .ce_rsce_pagetitle__hl { font-size: var(--xxxl); margin-bottom: var(--sp1); text-align: center; margin-left: auto; margin-right: auto; max-width: 55rem; } .ce_rsce_pagetitle__hl br { display: none; } .ce_rsce_pagetitle__icon { color: var(--cl3); text-align: center; /* margin-bottom: var(--sp2); */ } .ce_rsce_pagetitle__text { text-align: center; max-width: 40rem; margin-left: auto; margin-right: auto; margin-top: var(--sp2); } .ce_rsce_pagetitle__text p { font-size: var(--md); line-height: var(--lh-md); } @media screen and (min-width: 576px){ .ce_rsce_pagetitle { } .ce_rsce_pagetitle__hl br { display: block; } } .ce_rsce_teaser-event { height: clamp(20rem,33vw,64rem); position: relative; width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; padding-left: var(--sp2); padding-right: var(--sp2); color: var(--cl7) !important; /* fuer 28. HR Café, schwarzer Text war schwer lesbar */ } .ce_rsce_teaser-event picture { position: absolute; width: 100%; height: 100%; z-index: -1; } .ce_rsce_teaser-event__content { display: flex; flex-direction: column; justify-content: center; align-items: center; } .ce_rsce_teaser-event__date { font-size: var(--md); margin-bottom: clamp(1rem,2vw,3rem); line-height: var(--lh-md); } .ce_rsce_teaser-event__text { color: var(--cl7) !important; /* fuer 28. HR Café, schwarzer Text war schwer lesbar */ font-size: var(--md); margin-bottom: clamp(1rem,2vw,3rem); line-height: var(--lh-md); } .ce_rsce_teaser-event__hl { color:var(--cl7) !important; /* fuer 28. HR Café, schwarzer Text war schwer lesbar */ font-size: var(--xxxl); } .ce_rsce_teaser-event__link .link-text__label { color: var(--cl7) !important; /* fuer 28. HR Café, schwarzer Text war schwer lesbar */ } .ce_rsce_teaser-event__link .svg-stroke { stroke: var(--cl7) !important; /* fuer 28. HR Café, schwarzer Text war schwer lesbar */ } .ce_rsce_teaser-event__image { width: 100%; height: 100%; display: block; object-fit: cover; position: absolute; z-index: -1; } .ce_rsce_teaser-nachlese { height: clamp(23rem,33vw,64rem); position: relative; width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; --text-color: black; } .ce_rsce_teaser-nachlese--negative { --text-color: white; } .ce_rsce_teaser-nachlese picture { position: absolute; width: 100%; height: 100%; z-index: -1; } .ce_rsce_teaser-nachlese__content { display: flex; flex-direction: column; justify-content: center; align-items: center; } .ce_rsce_teaser-nachlese__text { font-size: var(--md); margin-bottom: clamp(1rem,2vw,3rem); line-height: var(--lh-md); color: var(--text-color); } .ce_rsce_teaser-nachlese__hl { font-size: var(--xxxl); color: var(--text-color); } .ce_rsce_teaser-nachlese__link .link-text__label { color: var(--text-color) !important; } .ce_rsce_teaser-nachlese__link .svg-stroke { stroke: var(--text-color) !important; } .ce_rsce_teaser-nachlese__image { width: 100%; height: 100%; display: block; object-fit: cover; position: absolute; z-index: -1; } html { } .block { /* overflow: visible; */ } img { max-width: 100%; height: auto; } body { font-family: 'SuisseBPIntl-Regular'; margin: 0px; padding: 0px; background-repeat: no-repeat; background-position: center top; } .nowrap { white-space: nowrap; } .full_width_js { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .full_width { position: relative; } .full_width:after { content: ''; position: absolute; display: block; left: -1000em; width: 4000em; height: 100%; top: 0px; z-index: -1; } .full_width_gray:after { background-color: #f3f4f4; } .clearfix:after { content: ""; display: table; clear: both; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cfix { display: table; content: ''; clear: both; } /* .full { margin: 0 -500%; padding: 0em 500%; } */ a { text-decoration: none; color: inherit; } .zentriert { text-align: center; } p { line-height: 125%; margin: 0 0 1rem 0; letter-spacing: 0.02rem; font-size: 1rem; } p.green { color: #78e1be; } p.einleitung { font-family: 'SuisseBPIntl-Antique'; } p.hervorgehoben { font-size: var(--lg) !important; font-family: 'SuisseBPSerif-Regular'; padding: 1em; line-height: 1.15em !important; letter-spacing: 0em; margin-bottom: 0.8em; padding-left: 0; } p.hervorgehoben strong { font-family: 'SuisseBPSerif-Medium'; } p.hervorgehoben em { font-family: 'SuisseBPSerif-RegularItalic'; font-size: inherit; } p.fussnote { font-size: 1rem !important; line-height: 1.15rem !important; letter-spacing: 0em; color: #bbb; margin-bottom: 0.3em; } p.fussnote a { font-size: inherit !important; } .serif { font-family: 'SuisseBPSerif-Bold'; } p strong, li strong { font-family: 'SuisseBPIntl-Antique'; font-weight: normal; } p em { font-style: normal; /* color: #a4a5a5; */ font-family: 'SuisseBPIntl-RegularItalic'; letter-spacing: 0em; } p strong em { font-family: 'SuisseBPIntl-AntiqueItalic'; } ul { /* margin: 0 0 1rem 0; */ } blockquote p { } figcaption { margin: 1rem 0rem 1.5rem; } .box1, .box2 { /* font-size: 1.2rem; */ /* background-color: #f3f4f4; */ /* margin-top: 2rem; */ /* margin-bottom: 2rem; */ /* padding: 1rem; */ } .box2 { /* background-color: var(--color5); */ } .box1 > h1:first-of-type, .box2 > h1:first-of-type, .box1 > h2:first-of-type, .box2 > h2:first-of-type, .box1 > h3:first-of-type, .box2 > h3:first-of-type, .box1 > h4:first-of-type, .box2 > h4:first-of-type, .box1 > h5:first-of-type, .box2 > h5:first-of-type { /* margin-top: 0rem !important; */ } .green { color: #78e1be; } .white { color: white !important; } .gray { color: #a4a5a5 !important; } .link_underlined { border-bottom: 1px solid rgba(0,0,0,0.2); } .link_underlined_black { border-bottom: 1px solid rgba(0,0,0,0.9); } .link_underlined:hover { border-bottom: 1px solid rgba(0,0,0,0.7); } .text_arrow { display: inline-block; margin: 0 0.6em 0 0; } .centered { text-align: center; } .text_hl { color: #78e1be; display: inline !important; font-weight: lighter; font-family: 'SuisseBPIntl-Thin'; } .h_color { color: black; -webkit-transition: color .3s cubic-bezier(0.445, 0.050, 0.550, 0.950); -moz-transition: color .3s cubic-bezier(0.445, 0.050, 0.550, 0.950); transition: color .3s cubic-bezier(0.445, 0.050, 0.550, 0.950); } .test_frage { margin-bottom: 4rem; } .test_frage h3 { margin-bottom: 1.3rem !important; } .test_frage h3 + p { margin-bottom: 2rem; } .test_antworten { list-style-type: none; } .test_antwort { list-style-type: none; position: relative; } .test_antwort:before { display: none; } .test_antowrt_cb { display: inline-block; width: 1.8rem; height: 1.8rem; border: 2px solid #a4a5a5; background-color: white; position: absolute; left: -2.5rem; border-radius: 3px; top: -.2rem; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); cursor: pointer; } .test_antowrt_cb.active { background-color: #78e1be; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); border: 1px solid #78e1be; } .test_hint { display: none; text-align: center; color: #78e1be; font-size: 1.5rem; } .test_submit { display: block !important; max-width: 15rem; padding-left: 3rem !important; padding-right: 3rem !important; margin: 0px auto 5rem; } .test_result { opacity: 0; -webkit-transform: translateY(-1rem); -ms-transform: translateY(-1rem); transform: translateY(-1rem); -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; padding: 10% 0; } .test_result:nth-of-type(2), .test_result:nth-of-type(3) { position: absolute; top: 0rem; left: 0rem; } .test_result_text { text-align: center; } .test_result_wrap { position: relative; } .test_result.show { opacity: 1; -webkit-transform: translateY(0rem); -ms-transform: translateY(0rem); transform: translateY(0rem); } #countdown { top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgb(248,248,248); z-index: 99999999; position: absolute; } #countdown #info { text-align: center; margin-top: 5em; } #wecker { margin: 0px auto; display: block; width: 18em; max-width: none; } #toggle { position: absolute; right: 2em; top: 1.6em; z-index: 2; } #toggle svg { position: absolute; top: 0px; left: 0px; } #close { display: none; } .menu_open #open { display: none; } .menu_open #close { display: block; } #toggle rect { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } #toggle:hover rect { fill: #78e1be; } #menu { /* position: absolute; */ /* -webkit-transition: opacity .3s ease; */ -moz-transition: opacity .3s ease; /* transition: opacity .3s ease; */ left: 0px; top: 0px; z-index: 1; /* background-color: #f3f4f4; */ /* width: 100%; */ /* opacity: 0; */ /* pointer-events: none; */ /* padding: 1em 0; */ } #menu:after { content: ''; position: absolute; display: block; left: -100em; width: 1000em; height: 100%; top: 0px; background-color: #f3f4f4; z-index: -1; } .menu_open #menu { opacity: 1; pointer-events: auto; } #menu ul { list-style: none; margin: 0; padding: 0; } #menu ul li { } #menu ul li a, #menu ul li span { padding: 1em; display: block; font-size: 1.31em; } #menu ul li:nth-of-type(6) a em, #menu ul li:nth-of-type(6) span em, #menu ul li:nth-of-type(7) a em, #menu ul li:nth-of-type(7) span em { color: #a4a5a5; } #menu ul li a em, #menu ul li span em { border-bottom: 1px solid rgba(0,0,0,0.0); font-style: normal; -webkit-transition: border .3s ease; -moz-transition: border .3s ease; transition: border .3s ease; } #menu ul li a:hover em, #menu ul li span em { border-bottom: 1px solid rgba(0,0,0,0.4); } .searchform_active #menu { opacity: 0; pointer-events: none; } .searchform_active #searchform .widget-text { opacity: 1; pointer-events: auto; } #searchform .submit_container { position: absolute; right: -0.8em; top: -.5em; } #searchform .text { /* border-bottom: 1px solid rgba(0,0,0,0.3); */ /* padding: 0.3em; */ /* background-color: transparent; */ /* width: 100%; */ /* min-width: auto !important; */ /* font-size: 0.9em; */ } #searchform .submit { /* background-color: transparent; */ /* width: 2.1em; */ /* height: 2em; */ /* background-image: url('../../files/theme/css/img/lupe.svg'); */ /* background-position: center center; */ /* background-repeat: no-repeat; */ /* padding: 0; */ } #infobar { background-color: black; color: white; grid-column: 1 / span 3; } .infobar__trigger-label { font-size: var(--sm); color: white; } #infobar #infobar_content { /* padding: 4em 0; */ /* display: none; */ } #infobar #infobar_trigger { padding: 0.4rem 0 0.3rem 0; display: grid; grid-template-columns: max-content 1fr; align-items: center; } #infobar #infobar_trigger img { -webkit-transition: .2s; -moz-transition: .2s; transition: .2s; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } #infobar.open #infobar_trigger img { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #infobar #infobar_trigger span { display: inline-block; margin: 0 0 0 0.7em; } #titlebar { background-color: #f3f4f4; width: 100%; padding: 2em 0; margin-bottom: 1.8em; } #titlebar_icon { float: left; margin-right: 1em; } #titlebar_title { float: left; } #titlebar_title img { width: 12em; } .headerimage { margin-bottom: 3rem; display: block; } .headerimage__pic { position: relative; /* margin-bottom: 2rem; */ display: flex; align-items: center; width: 100%; height: 100%; } .headerimage__copy { max-width: 39rem; } .headerimage_ausgebucht { position: absolute; right: -1%; bottom: 2%; width: 9rem; } #headerimage.headerimage_nachlese { /* margin-bottom: 3em; */ } #headerimage.headerimage_nachlese + div { /* margin-bottom: 12%; */ } a#headerimage .arrow { -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; display: inline-block; -webkit-transform: translateX(-.8em); -ms-transform: translateX(-.8em); transform: translateX(-.8em); } a#headerimage:hover .arrow { -webkit-transform: translateX(-.6em); -ms-transform: translateX(-.6em); transform: translateX(-.6em); } #headerimage_css { background-image: url('../../files/theme/css/img/header-nachlese.jpg'); background-size: cover; width: 100%; height: 100%; position: absolute; opacity: 1; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease; left: 0; background-position: center center; top: 0; display: none; } .headerimage_loaded #headerimage_css { opacity: 1; } .headerimage_loading_error #headerimage_css { display: none; } @media screen and (min-width: 768px){ .headerimage { margin-bottom: 6rem; } .headerimage__pic { } } .header_video { overflow: hidden; } .header_video video { position: absolute; left: 0; opacity: 0; -webkit-transition: opacity 3s ease; -moz-transition: opacity 3s ease; transition: opacity 3s ease; display: block; top: 0; z-index: -1; } .media_loaded .header_video video { opacity: 1; } .header_video.wide video { width: 100%; height: auto; } .header_video.tall video { height: 100%; width: auto; } .header_video video::-webkit-media-controls { display:none !important; } audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline { display: none; } audio::-webkit-media-controls, video::-webkit-media-controls { display: none; } #headerimage_src { /* display: none; */ } #headerimage .text { /* margin: 4.8em 0 2em 0; */ text-align: center; width: 100%; /* position: absolute; */ /* left: 50%; */ /* top: 50%; */ /* -webkit-transform: translate(-50%,-50%); */ /* transform: translate(-50%,-50%); */ } #headerimage .text h1.title { font-size: 2rem; margin: 0 0 0.3em 0; } #headerimage .text h1.title + p { margin-bottom: 0px; } #headerimage .text p { /* margin: 0 0 2em 0; */ } .sidebox_wrap { } .sidebox_fixed .sidebox_wrap { position: fixed; top: 80px; width: 23em; } .sidebox { margin: 0 0 2em 0; } .sidebox .sidebox_content { background-color: #f3f4f4; padding: 1.4em; min-height: 10em; } .sidebox .sidebox_content .top_thema { margin: 0 0 0.6em 0; } .sidebox .sidebox_header { background-color: #78e1be; padding: 0.8em 0 0.6em 0; } .sidebox .sidebox_header p { margin: 0px; padding: 0px; } p.top_thema { padding-left: 1.3em; font-size: var(--md); } p.top_thema a { position: relative; } p.top_thema a:hover:before { -webkit-transform: translateX(.2em); -ms-transform: translateX(.2em); transform: translateX(.2em); color: black; } p.top_thema a:before { content: '\2192 '; position: absolute; display: block; left: -1.4em; top: -.1em; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; color: #a4a5a5; } .ce_youtube { border: 1px solid red; margin: 0 0 0 -50%; width: 100%; } .teaser_video-container { position: relative; padding-bottom: 56.2%; margin: 0 0 1.2em 0; } .video-container { position: relative; padding-bottom: 52%; padding-top: 30px; height: 0; overflow: hidden; margin-top: 30px; margin-bottom: 20%; } .video-container iframe, .video-container object, .video-container embed, .teaser_video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ce_hyperlink.linksbuendig { margin: 0 0 0.3em 0; } .ce_hyperlink.linksbuendig a { color: #a4a5a5; padding: 0 0 0 1.4em; font-size: 1.2em; -webkit-transition: color .3s ease; -moz-transition: color .3s ease; transition: color .3s ease; position: relative; } .ce_hyperlink.linksbuendig a:before { content: ''; position: absolute; display: block; -webkit-transition: -webkit-transform .3s ease; -moz-transition: -ms-transform .3s ease; transition: transform .3s ease; width: 1em; height: 1em; background-image: url('../../files/theme/css/img/text_arrow.svg'); /* background-size: cover; */ background-repeat: no-repeat; top: 0.1em; } .ce_hyperlink.linksbuendig a:hover { color: black !important; } .ce_hyperlink.linksbuendig a:hover:before { -webkit-transform: translateX(.2em); -ms-transform: translateX(.2em); transform: translateX(.2em); } p.more, p.back { -webkit-transition: color .3s ease; -moz-transition: color .3s ease; transition: color .3s ease; } p.more .text_arrow, p.back .text_arrow { -webkit-transition: .4s; -moz-transition: .4s; transition: .4s; } p.back .text_arrow { -webkit-transform: translateX(.2em); -ms-transform: translateX(.2em); transform: translateX(.2em); } p.more:hover .text_arrow, p.back:hover .text_arrow { color: black !important; } p.more:hover .text_arrow { -webkit-transform: translateX(.2em); -ms-transform: translateX(.2em); transform: translateX(.2em); } p.back:hover .text_arrow { -webkit-transform: translateX(0em); -ms-transform: translateX(0em); transform: translateX(0em); } p.more:hover, p.back:hover { color: black !important; } .beitrag_faktotum #headerimage_css { background-position: center bottom; } .reader_reminder { max-width: 36.5rem; margin: 0px auto; padding-top: 8rem; padding-bottom: 2rem; } .reader_reminder form { display: flex; flex-direction: column; } #news_detail_header { /* padding-bottom: 60%; */ /* background-size: cover; */ /* margin-bottom: clamp(2rem,10vw,7rem); */ /* position: relative; */ /* overflow: hidden; */ /* border: 1px solid red; */ height: var(--hero-height); } #news_detail_header img { width: 100%; /* position: absolute; */ left: 0px; top: 0px; /* opacity: 0; */ /* -webkit-transition: opacity .3s ease; */ -moz-transition: opacity .3s ease; /* transition: opacity .3s ease; */ /* visibility: hidden; */ height: 100%; object-fit: cover; } #news_full { /* overflow: visible; */ } .sharebuttons > ul { /* float: right; */ } .sharebuttons { overflow: visible; } .sharebuttons > ul.theme > li { /* -webkit-transition: 0.3s; */ -moz-transition: 0.3s; /* transition: 0.3s; */ } .sharebuttons > ul.theme > li:hover { /* -webkit-transform: translateY(-.2em); */ -ms-transform: translateY(-.2em); /* transform: translateY(-.2em); */ } #news_full .ce_hyperlink.zentriert { text-align: center; } #news_full .post_content { /* padding: 0 0 2em; */ /* margin-left: auto; */ /* margin-right: auto; */ /* max-width: 39rem; */ } #news_full .post_content sup { color: #bbb; font-size: .7rem; } #news_full .post_content .factbox { background-color: #f3f4f4; /* padding-top: 2em; */ padding-bottom: 2em; margin-top: 3em; margin-bottom: 3em; padding-left: 1.5em; padding-right: 1.5em; } #news_full .post_content .factbox h3 { margin-top: 0px; margin-bottom: 2rem; } #news_full .post_content .factbox ul { padding-left: 1.1rem; } #news_full .post_content .factbox ul li { margin-bottom: 0.8rem; } #news_full .post_content .factbox h6 { background-color: #78e1be; color: white; font-size: 1.1em; margin: 0; margin-bottom: 2rem; margin-left: -1.5rem; margin-right: -1.5rem; padding: 1rem 0 .8rem 2rem; } #news_full .post_content h1 { font-size: var(--xxxl); } #news_full .post_content h2 { /* margin: 2em 0 1em 0; */ /* font-size: var(--xxl); */ } #news_full .post_content h3 { /* font-family: 'SuisseBPSerif-Medium'; */ /* margin-bottom: 1rem; */ /* font-size: var(--xl); */ /* color: #333; */ /* margin-top: 2rem; */ } #news_full .post_content h4 { /* font-family: 'SuisseBPIntl-Antique'; */ /* margin: 0 0 .8em 0; */ /* font-size: var(--lg); */ /* color: #333; */ } #news_full .post_content .ce_text ul { list-style-type: none; padding-left: 1rem; } #news_full .post_content .ce_text ul li { position: relative; } #news_full .post_content .ce_text ol li { margin-bottom: 1em; } #news_full .post_content .ce_text ul li:before { content: '-'; position: absolute; left: -0.8em; top: -0.1em; } #news_full .post_content p, #news_full .post_content a, #news_full .post_content ul li, #news_full .post_content ol li { /* font-size: var(--md); */ /* line-height: 130%; */ } #news_full .post_content .ce_text ul li, #news_full .post_content .ce_text ol li { margin-bottom: .5rem; } #news_full .post_content p > a { border-bottom: 1px solid #a4a5a5; -webkit-transition: .2s; -moz-transition: .2s; transition: .2s; } #news_full .post_content p > a:hover { color: #78e1be; border-bottom: 1px solid #78e1be; } #news_full .info_time { margin: 0; font-size: var(--sm); margin-bottom: clamp(2rem,8vw,5rem); } #news_full .info_author { text-transform: uppercase; margin: 0 0 .2em 0; font-size: var(--sm) !important; } #news_full .info_category { margin: 0 0 3.9em 0; } .h_color:hover { color: #78e1be !important; } .h_color_black { -webkit-transition: color .3s ease; -moz-transition: color .3s ease; transition: color .3s ease; } .h_color_black:hover { color: black !important; } .ft.green { color: #78e1be !important; } .green_slash { color: #78e1be; font-family: 'SuisseBPIntl-Thin'; } h1, h2, h3, h4 { /* font-family: 'SuisseBPSerif-Bold'; */ /* font-weight: normal; */ } .page_event h1 { font-size: 2.6rem; margin-bottom: 1rem; margin-top: 0; } h1.main { /* font-size: 2.5em; */ /* margin: 0 auto 0.6em; */ /* line-height: 97%; */ /* width: 69%; */ /* text-align: center; */ /* font-family: 'SuisseBPSerif-Bold' !important; */ } .green_slash_pseudo:after { content: '/'; color: #78e1be; font-family: 'SuisseBPIntl-Thin'; font-weight: lighter; } .icon_down { text-align: center; margin: 0; color: #a4a5a5; margin-bottom: clamp(2rem,6vw,8rem); } #news_full h1 { /* font-family: 'SuisseBPSerif-Medium'; */ /* font-size: var(--xxxl); */ /* margin: 0 auto 0.6em; */ /* line-height: 102%; */ /* width: 69%; */ /* text-align: center; */ /* font-weight: normal; */ } h3 { /* font-size: 1.7em; */ /* margin: 0 0 0.3em 0; */ /* line-height: 107%; */ } .invisible { display: none; } #page_blog #content { padding-top: 4.4em; } #page_team { } #page_team .intro { margin: 0px auto 6em; } #page_team .person { margin: 0 auto 4em; } #page_team .person .text { max-width: 16em; } #page_team .person img { margin: 0px auto; } #page_team .person .name { margin-bottom: .5em; } #page_kontakt #reminder { position: relative; text-align: left; padding: 2em 0; margin: 10% 0 0 0; } #page_kontakt #reminder:after { content: ''; position: absolute; display: block; top: 0px; left: -100em; width: 1000em; background-color: #78e1be; height: 100%; z-index: -1; } #page_kontakt #content { padding-top: 11em; padding-bottom: 0px; } #page_team #content { padding-top: 11em; text-align: center; margin-bottom: 2rem; } #page_team #content { padding-bottom: 0; } .page_event #content { padding-top: 0px; padding-bottom: 0px; } .breadcrumb { margin: 0 0 3.2em 0 !important; } #page_team #content .intro { max-width: 20em; text-align: center; } #page_team .person img { margin-bottom: 1.1em; display: block; } #page_team #content h1.main { margin-bottom: 4%; } #gaeste { padding: 3em 0; margin: -2em 0 0 0; } #gaeste .gast { margin-bottom: 2em; } #gaeste .col-md-8 p { margin: 0.5em 0 0 0; } #content { /* padding-top: var(--header-height); */ /* padding-bottom: var(--sp3); */ } #page_index #content { padding-top: 4.4em; } #header, .limited { /* margin: 0 auto; */ /* width: 90%; */ /* max-width: 1200px; */ } #header { position: relative; } #header_wrap { height: 4.4em; width: 100%; background-color: #f3f4f4; z-index: 2; top: 0px; -webkit-transition: .2s; -moz-transition: .2s; transition: .2s; position: fixed; } #header_wrap.nav-up { top: -70px; } #header_wrap.nav-down.shadow { box-shadow: rgba(0,0,0,0.3) -7px -10px 5px 10px; } #page_suchergebnisse .suchergebnis { margin: 4em 0; } #page_suchergebnisse .suchergebnis h3 { /* margin: 0 0 0 0; */ } #kategorie_header { /* background-color: #f3f4f4; */ /* margin-top: 4.4em; */ padding: 8.4em 0 0; position: relative; } /* */ #kategorie_header:after { content: ''; position: absolute; display: block; top: 0px; left: 0rem; width: 100%; height: 12em; z-index: -1; background-color: #f3f4f4; } #kategorie_header h1 { /* -webkit-transform: translateY(-20px); */ -ms-transform: translateY(-20px); /* transform: translateY(43px); */ font-size: 2.2em; margin: 0.6em 0 0 0; position: relative; } .page_event .einladung { background-image: none; } .header_hide .header_wrap { visibility: hidden; } .header_event { /* background-color: white; */ /* border: 1px solid red; */ position: relative; margin-bottom: 8%; } .header_event_ausgebucht { position: absolute; top: 46%; left: 47%; width: 10rem; } .header_event_inner { background-color: transparent; max-width: 1200px; margin: 0 auto; width: 90%; } .hidden { /* top: 0; */ /* position: fixed; */ /* z-index: -1; */ /* height: 44em; */ /* width: 100%; */ } .bar { width: 100%; height: 70px; /* border-bottom: 1px solid #78e1be; */ position: absolute; z-index: -1; top: 0px; } .menu { /* height: 4em; */ /* border: 1px solid red; */ /* position: relative; */ } .header_wrap { /* top: 0; */ /* position: fixed; */ width: 100%; /* z-index: -1; */ /* height: auto; */ } .header { /* margin: 0px auto; */ /* width: 90%; */ /* height: 31em; */ /* background-color: transparent; */ /* position: relative; */ } .logo { position: absolute; top: 15px; } .nl_link { position: absolute; right: 0px; padding: 1.9em 0 1.7em 1.3em; color: black; font-size: .9em; background-image: url('../../files/theme/css/img/link_arrow.svg'); background-repeat: no-repeat; background-position: left center; z-index: 1; } .artwork { height: 5em; /* background-image: url('../../files/theme/css/img/wecker.jpg'); */ background-repeat: no-repeat; background-position: center center; background-size: 120%; /* border: 1px solid; */ } .wecker { top: 70px; margin: 70px 0 0 0; position: absolute; top: -3.8em; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; opacity: 0; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } .wecker.visible { opacity: 1; } .cd { position: absolute; left: 50%; /* top: 56%; */ /* -webkit-transform: translate(-50%,-50%); */ /* transform: translate(-50%,-50%); */ font-family: 'SuisseBPSerif-Bold'; font-size: 3.5em; width: 80%; /* margin: 2em auto 0; */ opacity: 1; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; /* position: absolute; */ /* left: 50%; */ top: 2em; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); /* padding-top: 16%; */ } .cd.visible { opacity: 1; } .animation { text-align: center; /* position: absolute; */ position: absolute; left: 50%; /* top: 76%; */ -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 10em; /* height: 10em; */ } .step { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: opacity .2s ease; -moz-transition: opacity .2s ease; transition: opacity .2s ease; visibility: hidden; } .step.active { visibility: visible; } .data_row { margin: 0 0 0.1em 0; width: 100%; } .data_col { } .data { color: #78e1be; text-align: center; } .data span { color: black; } .content_wrap { /* background-color: red; */ /* z-index: 1; */ /* position: absolute; */ } .content { /* padding: 847px 0px 0px 0px; */ /* background-color: white; */ /* margin: 0 auto; */ /* padding: 5em 0 0 0; */ /* position: relative; */ /* border: 1px solid red; */ /* overflow: visible; */ } .content:before, .content:after { /* content: ''; */ position: absolute; display: block; top: 0px; background-color: white; /* bottom: 0px; */ width: 5000px; z-index: 0; height: 48em; background-color: white; } .content:before { left: -5000px; } .content:after { right: 5000px; left: 100%; } .maincontent { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; grid-column: 2; } @media screen and (min-width: 768px){ .maincontent { flex-direction: row; } .maincontent__posts { width: 60%; } .maincontent__sidebar { width: 35%; } } @media screen and (min-width: 1200px){ .maincontent__posts { width: 65%; } .maincontent__sidebar { width: 30%; } } .intro { margin: 0 0 20% 0; } h1.ft_hl { font-size: 2.3em; margin: 0 0 1.35em 0; } h1.ft_hl span { /* color: #78e1be; */ } .ft { font-size: 1rem; margin: 0 0 1em 0; line-height: 119%; font-weight: normal; color: black; line-height: 125%; } .ft_intro { margin-bottom: 2em; } .ft_small { font-size: var(--sm); margin: 0 0 1em 0; } .ft_big { font-size: 1.5em; } .bold { font-weight:; } .note { margin: 4.4em 0 4em 0; } .event .note { margin: 0; } .note_sh { color: #78e1be; } .note_ft { line-height: 119%; margin: 0 0 2em 0; font-size: var(--sm); } .grafik { /* display: none; */ } .themen { margin: 32% 0 17% 0; } .ft_thema { font-family: 'SuisseBPSerif-Bold'; margin: 0 0 2em 0; font-size: 1.8em; line-height: 105%; } a.zum_event_link { color: #a4a5a5; font-size: 1.31em; } .submit { /* background-color: #78e1be; */ /* padding: 0.7em 0em 0.7em; */ /* color: white; */ /* -webkit-transition: background-color .2s cubic-bezier(0.445, 0.050, 0.550, 0.950); */ -moz-transition: background-color .2s cubic-bezier(0.445, 0.050, 0.550, 0.950); /* transition: background-color .2s cubic-bezier(0.445, 0.050, 0.550, 0.950); */ /* font-size: 1.2em !important; */ /* border: none !important; */ /* cursor: pointer; */ /* height: auto; */ /* line-height: 1.3em; */ /* border-radius: 0px; */ /* display: inline-block; */ } .button_link { background-color: #78e1be; padding: 0.9em 2.4em 0.7em; color: white; -webkit-transition: background-color .2s cubic-bezier(0.445, 0.050, 0.550, 0.950); -moz-transition: background-color .2s cubic-bezier(0.445, 0.050, 0.550, 0.950); transition: background-color .2s cubic-bezier(0.445, 0.050, 0.550, 0.950); /* font-size: 1.2em !important; */ border: none !important; cursor: pointer; height: auto; line-height: 100%; border-radius: 0px; display: inline-block; } .button_link_full { display: block; width: 100%; } .button_link:hover { background-color: #4ecaa1; } input.btn_green { background-color: #78e1be; border: none; padding: 1em 2em; min-width: 10em; display: inline-block; color: white; -webkit-transition: background-color .2s ease; -moz-transition: background-color .2s ease; transition: background-color .2s ease; cursor: pointer; } input.btn_green:hover { background-color: #4ecaa1; } .einladung_teaser { margin-bottom: 3em; } .einladung .ft_hl { font-size: 2.3em; margin: 0 0 1em 0; } .einladung .ft_hl span { } .einladung .ft_hl span:nth-of-type(1) { display: block; margin: 0 0 0.4em 0; } .einladung { background-image: url('../../files/theme/css/img/bg_einl_web80_1600px.jpg'); /* background-repeat: repeat-x; */ background-size: cover; /* margin: 0 0 10% 0; */ position: relative; /* margin: 0px -200px 0 -200px; */ /* padding: 9% 0; */ /* background-position: top right; */ overflow: visible; /* margin-left: -20px; */ padding: 0 200px 0 200; } .einladung_content:after { /* content: ''; */ position: absolute; display: block; left: -2000px; top: 0px; bottom: 0px; background-color: rgb(216,143,116); width: 60000px; z-index: 1; } .event .einladung { padding: 0; height: 656px; } .einladung_content { /* margin: 0px 200px 0px 200px; */ overflow: visible; padding-top: 10rem; } .event .einladung_content { padding-top: 60px; } .einladung_content_cols { margin: 4.7% 0 0 0; } .nl { margin: 0 0 10% 0; } .mc_nl_form { margin: 2em 0 0 0; } .response { margin: 0px; padding: 0px; } .footer { background-color: #f3f3f4; position: relative; padding: 4em 0; } .footerline { color: #a4a5a5; padding-top: 2rem; margin-left: -0.2rem; } .footerline a { display: block; padding: 0.2rem; } .footerline_divider { display: none; /* padding: 0 0.4rem; */ } .gray_bg { position: relative; background-color: #f3f4f4 !important; } /* .gray_bg:before, .gray_bg:after { content: ''; position: absolute; display: block; top: 0px; width: 5000px; background-color: #f3f4f4; bottom: 0px; } .gray_bg:before { left: -5000px; } .gray_bg:after { right: 5000px; left: 100%; z-index: 1; } */ .intro_event { margin: 0 0 7% 0; } .daten { margin: 20% 0 0 0; } .anmelden_link { /* display: block; */ text-align: center; margin: 0 0 1em 0; } .anmelden_link_header { margin-top: 4%; } .anmelden_link_full { width: 100%; } p.anmelde_info { color: #a4a5a5; margin: 0 0 9% 0; } /* Mailchimp Newsletter Anmeldung */ .hc_mailchimp_error { color: red; margin: 0 0 .5em 0; } #hc_mailchimp_subscribe_form_short { } #hc_mailchimp_subscribe_form_short .btn_green { float: right; } .mc-field-group { margin-bottom: 1rem; } .mc-field-group label { margin-bottom: .2rem; } #mc-embedded-subscribe-form { margin-top: 2.5rem; } #mc-embedded-subscribe-form .submit { margin-top: 1rem; margin-left: auto; margin-right: auto; } #nl #mc_embed_signup .mc-field-group { margin: 0px; padding: 0px; width: 100%; } #mc_embed_signup form { /* margin: 0px; */ /* padding: 0px; */ margin-top: 2rem; } #mc_embed_signup div#mce-responses { margin: 0px; } .lb { opacity: 0; pointer-events: none; position: absolute; z-index: 10000; width: 100%; height: 100%; top: 0px; left: 0px; } .lb .anmelden_link { } .lb .lb_close { position: absolute; right: 20px; top: 21px; width: 21px; } .lb_open .lb { opacity: 1; pointer-events: auto; } form .cb_newsletter label { display: none; } form input[type="text"], form input[type="tel"], form input[type="email"] { background-color: #f3f4f4; padding: 0.8em; border: none; display: block; /* min-width: 52em; */ /* font-size: 1.2em; */ width: 100%; } form .type-text { margin: 0px 0px 1.5em 0px; } form label { display: block; margin: 0 0 .5em 0; } form .text { background-color: #f3f4f4; border: none; color: black; padding: 0.74em; font-size: 1em; display: block; width: 100%; margin: 0 0 0.8em 0; border-radius: 0px !important; } form .submit { /* width: 100%; */ /* position: absolute; */ /* bottom: -2px; */ /* left: 0px; */ /* padding-bottom: 0.9em !important; */ /* margin: 1.9em 0 0 0; */ /* margin-bottom: 1.1em; */ } .info-checkbox { margin: 2em 0 0; } .info-checkbox .label { margin: 0 0 0 0.8em; } form .checkbox { position: relative; cursor: pointer; left: -.5em; } form .checkbox:checked:before { opacity: 0; } form .checkbox:after { content: ''; position: absolute; display: block; width: 22px; height: 22px; background-image: url('../../files/theme/css/img/cb_active.svg'); background-repeat: no-repeat; background-color: var(--cl4); z-index: 1; /* top: -5px; */ } form fieldset { border: none; } form fieldset legend { position: absolute; top: 0.4em; left: 1.7em; line-height: 120%; font-size: 1em; width: 80%; } form .widget-checkbox { position: relative; /* margin-top: 0.3em; */ /* min-height: 6em; */ } form .widget-checkbox fieldset { padding-left: 0em; } form .checkbox:before { content: ''; position: absolute; display: block; width: 22px; height: 22px; background-image: url('../../files/theme/css/img/cb.svg'); background-repeat: no-repeat; background-color: var(--cl4); z-index: 2; /* top: -5px; */ } .cn { position: absolute; left: 50%; /* top: 50%; */ /* -webkit-transform: translate(-50%,-50%); */ background-color: white; max-width: 700px; width: 90%; padding: 3%; /* min-height: 650px; */ -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .cn .hinweis_ds { margin: 0 0 1.5em 0; } .cn h2 { font-family: 'SuisseBPSerif-Bold'; font-size: 1.8em; margin: 0.3em 0 0.6em 0; } .lb .ol { width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); position: absolute; } .section { padding: 0 0 10% 0; /* margin: 0 0 5em 0; */ } #intro { padding: 0 0 5em 0; } #nl { /* padding: 3em 0; */ /* margin: 0 0 3em 0; */ } #nl #mc-embedded-subscribe { clear: none; display: block; width: 100%; margin: 0; -webkit-appearance: none; padding: 0.8em 0em !important; } #nl #mc_embed_signup { background-color: transparent; } #nl #mc_embed_signup .mc-field-group input { background-color: white; width: 100%; } #tl_login .checkbox_container label { display: inline-block; } #topics { padding: 9em 0 2em; } #topics > .row { margin-bottom: 2em; } #greeting { margin: 0 0 3em; padding: 8em 0; } #footer { padding-top: 3rem; padding-bottom: 2rem; } #footer .col-md-6 .row { margin-bottom: 2em; } #footer .contact { margin: 0 0 1.3em 0; } #footer .mail { margin: 0; } #footer .tel { margin: 0; } /* EVENT-Page */ a.facebook_content img { margin: 0 0 0.5em 0; display: block; } img.end_pic { margin: 0px auto; display: block; max-width: 100%; } #section_details { /* margin: 0 0 3em 0; */ padding: 0 0 8%; } #section_pic { padding: 5% 0 15%; } #section_gallery { padding: 0px 0px 10% 0px; } #img1, #img2, #img3 { /* margin-bottom: 3rem; */ } .ce_gp_grix { width: 100%; height: 200px; } .mod_newslist { } .mod_newslist .pagination { /* margin-bottom: 3em; */ /* position: relative; */ /* grid-column: span 4; */ } .mod_newslist .pagination ul { list-style-type: none; text-align: center; margin: 0px; padding: 0px; } .mod_newslist .pagination ul li { display: inline-block; } .mod_newslist .pagination ul li.pagination_number a, .mod_newslist .pagination ul li.pagination_number span { /* display: inline-block; */ /* width: 2em; */ /* height: 2em; */ /* line-height: 2em; */ /* color: #a4a5a5; */ /* -webkit-transition: color .3s ease; */ -moz-transition: color .3s ease; /* transition: color .3s ease; */ } .mod_newslist .pagination ul li.pagination_number a:hover, .mod_newslist .pagination ul li.pagination_number span:hover { color: black; } .mod_newslist .pagination ul li span.current { /* color: black; */ } .mod_newslist .pagination div.pagination_skip.next { right: 0px; } .mod_newslist .pagination div.pagination_skip.previous { left: 0px; } .mod_newslist .pagination div.pagination_skip { margin-top: 0.4em; /* position: absolute; */ top: 2em; } /* Newsletter */ .nl_browserlink { display: none; } .nl_footer { display: none; } .newsletter table { margin: 0px auto; } .nl_subject { color: #78e1be; text-align: center; margin: 5% 0rem; } .ce_nl_line td { width: 100%; display: block; } hr { width: 100%; } .nl_header { margin-bottom: 10px; } .nl_teaser { margin-bottom: 50px; } .mcntmcnButtonContent { text-align: center; display: block; } .nl_button { background-color: #78e1be; font-weight: normal; letter-spacing: normal; line-height: 100%; text-align: center; text-decoration: none; color: #FFFFFF; mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; display: inline-block; padding: 15px 20px; } .post_overview_hl { color: #a4a5a5; text-align: center; margin-bottom: 30px; margin-top: 30px; } img.nl_teaser_image_main { display: block; margin-bottom: 20px; } img.nl_teaser_image { display: block; margin-bottom: 20px; } .nl_teaser_date { font-family: 'SuisseBPIntl-Regular'; color: #a4a5a5; margin-bottom: 10px; display: block; } h1 { /* font-family: 'SuisseBPSerif-Bold'; */ /* font-size: 2rem; */ /* margin-top: 0; */ /* margin-bottom: 10px; */ } .nl_teaser_link { color: #a4a5a5; } .nl_teaser_text p { margin-bottom: 3px; } .nl_teaser_link_arrow { display: inline-block; margin-right: 5px; } .nl_footer_text, .nl_header_text { color: #a4a5a5; font-size: 13px; text-align: center; } .nl_footer_text a { border-bottom: 1px solid #cdcdcd; } /* Lightbox */ #cboxTitle { display: none !important; } @media screen and (min-width: 480px){ .header { /* background-size: 170%; */ } .cd { font-size: 6em; top: 1.5em; } #wecker { width: 25em; } .artwork { /* background-size: 100%; */ /* background-position: center 80%; */ } #titlebar { padding: 4em 0px; margin-bottom: 5em; } .headerimage_ausgebucht { right: 3%; } } @media screen and (min-width: 600px){ .cd { font-size: 7.7em; top: 2.2em; } #wecker { width: 42em; } .artwork { /* height: 40em; */ /* background-size: auto; */ /* background-position: center 300%; */ } .content { /* margin: 44em auto 0; */ } #page_team .person { position: relative; } #page_team .person img { margin: 0 0 1em 0; } #page_team .person .c { float: left; width: 15em; } #page_team .person .name { position: absolute; left: 11.2em; top: 0px; } #page_team .person .text { margin-top: 4em; } #page_team #team_content { text-align: left; } #news_detail_header { /* padding-bottom: 45%; */ } .header_video #headerimage_css { display: none; } .header_video video { /* display: block; */ } .mod_newslist .pagination div.pagination_skip { top: 0; } .reader_reminder form { flex-direction: row; } .footerline { padding-top: 5rem; } .footerline a { display: inline-block; } .footerline_divider { display: inline-block; } } @media screen and (min-width: 768px){ .ft { /* font-size: 1.31rem; */ } #news_full .post_content h2 { } #news_full .post_content h3 { /* font-size: 2.3em; */ /* margin-bottom: 1.5rem; */ /* margin-top: 3rem; */ } #news_full .post_content h4 { /* font-size: 1.7em; */ /* margin-bottom: 1.2rem; */ /* line-height: 110%; */ } .ce_image { margin-left: -6rem; margin-right: -6rem; margin-top: 4rem; margin-bottom: 4rem; } .ce_image.centered img { display: block; margin-left: auto; margin-right: auto; } .page_event h1 { font-size: 3.5rem; margin-bottom: 1.3rem; } #nl #mc_embed_signup_scroll > .row > .col-sm-8 { margin-right: 0px; padding-right: 0px; } #nl #mc_embed_signup_scroll > .row > .col-sm-4 { margin-left: 0px; padding-left: 0; } .header { /* background-size: 130%; */ } .animation { /* top: 84%; */ } #img1 { margin-top: 14em; width: 97%; } #img2 { margin-bottom: 1em; } #img3 { margin-top: 2em; /* max-width: 120% !important; */ display: block; margin-left: auto; margin-right: auto; } h1.main { /* font-size: 4em; */ } h3 { /* font-size: 2.2em; */ } #kategorie_header h1 { font-size: 5em; } #kategorie_header:after { height: 14.8em; } #headerimage .text h1.title { font-size: 3.5em; } #content { /* padding-top: 7.4em; */ /* padding-bottom: 8rem; */ } .headerimage_ausgebucht { width: 11rem; } .header_event_ausgebucht { width: 14rem; left: calc(50% - 5rem); } } @media screen and (min-width: 800px){ .c { float: left; /* border: 1px solid red; */ } .c1 { width: 60%; } .c2 { width: 30%; position: relative; } .note { width: 19em; } .grafik { /* position: absolute; */ /* right: -3em; */ display: block; } .c2 { padding: 0 0 0 6%; } .c50p { width: 50%; float: left; } h1.ft_hl { font-size: 4.3em; } .einladung .ft_hl { font-size: 3.3em; } .data_row { /* width: 6em; */ } .cd { font-size: 10em; /* margin: 1.4em auto 0; */ top: 1.4em; } #wecker { } .data_col { float: left; width: 50%; } .einladung .ft_hl { font-size: 3.3em; } .cn h2 { font-size: 2.9em; margin: 0.2em 0 1.1em 0; } .lb .lb_close { width: 40px; top: 3em; right: 2em; } form .text { /* padding: 1.14em !important; */ } } @media screen and (min-width: 900px){ .einladung .ft_hl { font-size: 4.3em; } .col_main { /* width: calc(100% - 23em); */ /* float: left; */ /* padding-right: 5em; */ } #content #col_main { min-height: 50em; /* border: 1px solid; */ } #content #col_aside { /* width: 23em; */ /* float: left; */ } #toggle { display: none; } #menu { /* right: 1.9em; */ /* top: 1.8em; */ /* width: auto; */ /* left: auto; */ /* pointer-events: auto; */ /* opacity: 1; */ /* padding: 0; */ } #menu:after { display: none; } #menu ul li { float: left; } #menu ul li span, #menu ul li a { padding: 0.8em; font-size: .95em; } #titlebar_title img { width: auto; } #titlebar_title { width: 23em; float: right; } } @media screen and (min-width: 992px){ .video-container { margin-left: -50%; width: 200%; padding-bottom: 107.3%; } #news_full .post_content .factbox { margin-left: -2em; margin-right: -2em; padding-left: 2em; padding-right: 2em; } #news_full .post_content .factbox h6 { margin-left: -2rem; margin-right: -2rem; } .headerimage_ausgebucht { right: calc(50% - 32rem); bottom: 4%; width: 13rem; } } @media screen and (min-width: 1000px){ #page_team #person1 { top: 0; left: 49.2%; } #page_team #person1 .text { left: 15em; width: 14rem; } #page_team #person2 { top: 16em; } #page_team #person2 .text { left: 14.8em; top: 11em; width: 14rem; } #page_team #person3 { top: 25.8em; left: 77.4%; } #page_team #person3 .text { left: 0; top: 25em; width: 16rem; } #page_team #person4 { top: 47em; left: 32.7%; } #page_team #person4 .text { left: -14.5em; top: 11rem; width: 13em; } #page_team #person5 { top: 76rem; left: 58%; } #page_team #person5 .text { left: 14.8em; top: 0em; width: 15rem; } #page_team #person6 { top: 89.4em; left: 0; } #page_team #person6 .text { left: 14.7rem; top: 6.1rem; width: 15rem; } #page_team #team_content { position: relative; height: 109rem; /* border: 1px solid red; */ } #page_team .person { position: absolute; } #page_team .person .text { width: 12em; position: absolute; margin: 0; } #page_team .person .name { position: static; /* margin: 0 0 -0.1em 0; */ } #page_team #content .intro { margin: 0px 0px 3em 0px; text-align: left; } #gaeste .col-md-8 p { text-align: left; margin: 2.1em 0 0 0; } } @media screen and (min-width: 1200px){ #news_detail_header { /* padding-bottom: 0px; */ /* height: 35.5em; */ } .page_event h1 { font-size: 5rem; margin-bottom: 1.3rem; } } .event__images { display: grid; grid-template-columns: 1fr; margin-bottom: 2rem; } .event__image--1 { } .event__image--2 { } @media screen and (min-width: 768px){ .event__images { grid-template-columns: repeat(12,1fr); margin-bottom: 5rem; } .event__image--1 { grid-column: span 4; } .event__image--2 { grid-column: 7 / span 5; margin-top: 6rem; } } .ft_intro { margin-bottom: 1rem; } .eventheader__text { padding-top: 1rem; } .event__images { display: grid; grid-template-columns: 1fr; margin-bottom: 2rem; } .event__image--1 { } .event__image--2 { } .event__text--main ul { padding-left: 1.2rem; } @media screen and (min-width: 768px){ .ft_intro { margin-bottom: 2rem; } .eventheader__text { padding-top: 10rem; } .event__images { grid-template-columns: repeat(12,1fr); margin-bottom: 5rem; } .event__image--1 { grid-column: span 4; } .event__image--2 { grid-column: 7 / span 4; } } body.team .content { } .team { } .team__content { display: grid; gap: clamp(2rem,7vw,9rem); margin-bottom: var(--sp5); } .team__intro { font-size: var(--md); line-height: var(--lh-md); max-width: 30rem; } .team__person { display: grid; column-gap: clamp(1.5rem,2vw,2rem); } .team__person-link { display: flex; gap: .5rem; color: var(--cl3); } .team__person-link a { color: var(--cl3); } .team__person-info { font-size: var(--md); line-height: var(--lh-md); } .team__person-name { font-size: var(--lg); line-height: var(--lh-lg); /* margin-bottom: 0; */ } .team__image { /* margin-bottom: var(--sp2); */ } .team__image img { width: 100%; height: auto; display: block; margin-bottom: clamp(1rem,1vw,1.6rem); } .team__gaeste { } .team__gaeste-hl { text-align: center; } .team__gaeste-icon { } .team__gaeste-content { background-color: var(--cl4); padding-top: var(--sp3); padding-bottom: var(--sp3); } .team__gaeste-personen { display: grid; gap: var(--grid-gap); } .team__gaeste-person { display: flex; flex-direction: column; align-items: center; gap: var(--sp1); } .team__gaeste-img { width: 6.3rem; border-radius: 50%; overflow: hidden; } .team__gaeste-img img { } .team__gaeste-info { display: flex; flex-direction: column; justify-content: center; } .team__gaeste-link { color: var(--cl3); } .team__gaeste-name { text-align: center; } @media screen and (min-width: 576px){ .team__person { grid-template-columns: 1fr 1fr; grid-column: span 2; } } @media screen and (min-width: 768px){ .team__content { grid-template-columns: 1fr 1fr; row-gap: 0; } .team__intro { } .team__gaeste-personen { grid-template-columns: 1fr 1fr; } .team__gaeste-person { display: grid; grid-template-columns: max-content 1fr; gap: clamp(1rem,2vw,2rem); } .team__gaeste-name { text-align: left; } } @media screen and (min-width: 992px){ .team__content { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-auto-rows: clamp(9rem,10vw,12rem); margin-bottom: clamp(10rem,30vw,30rem); } .team__intro { grid-column: 1 / span 2; } .team__person { } .team__person:nth-of-type(1) { grid-column: 3/ span 2; grid-row: 1; } .team__person:nth-of-type(2) { grid-column: 1/ span 2; grid-row: 3; } .team__person:nth-of-type(3) { grid-column: 4/ span 2; grid-row: 5; } .team__person:nth-of-type(4) { grid-column: 1/ span 2; grid-row: 7; } .team__person:nth-of-type(5) { grid-column: 3 / span 2; grid-row: 9; } .team__gaeste-personen { grid-template-columns: 1fr 1fr 1fr; } } .teaser { /* margin-bottom: 4rem; */ } .teaser__headline { font-size: var(--xl); margin-top: 0rem; margin-bottom: clamp(0.6rem,2vw,1rem); line-height: var(--lh-xl); } .teaser--simple .teaser__headline { font-size: var(--lg); margin-bottom: clamp(0.4rem,2vw,1rem); line-height: var(--lh-lg); max-width: 23rem; } .teaser--simple { border-top: 1px solid var(--cl2); padding-top: clamp(0.7rem,1vw,1rem); } .teaser-related { font-family: var(--font-hl); font-size: var(--lg); line-height: var(--lh-lg); border-top: 1px solid var(--cl2); display: block; padding-top: clamp(0.7rem,1vw,1rem); } .teaser__link:hover .teaser__link-icon, .teaser-related:hover .teaser__link-icon { transform: translateX(clamp(.15rem,.3vw,.35rem)); } .teaser-related__hl { display: block; max-width: 23rem; } .teaser__link { color: var(--cl3); font-family: var(--font-copy); font-size: var(--md); display: flex; gap: clamp(.4rem,1vw,.8rem); } .teaser__link-icon { transition: transform .3s ease; display: block; } .teaser__link-label { } .teaser__pic { display: block; margin-bottom: clamp(0.7rem,1vw,.8rem); } .teaser--portrait { } .teaser__summary { margin-bottom: clamp(.5rem,2vw,0.8rem); } .teaser__text p { margin-bottom: 0.4em; } .teaser__info { margin-bottom: clamp(0.6rem,2vw,1rem); font-size: var(--sm); font-family: var(--font-copy); } .teaser-related__info { margin-bottom: clamp(0.3rem,2vw,0.5rem); line-height: var(--lh-sm); } .teaser__time { display: inline-block; margin-right: 2em; } .teaser__pic { } .teaser__pic img { width: 100%; } .teaser_portrait { } @media screen and (min-width: 768px){ .teaser { } .teaser--landscape { grid-column: 1 / span 4; } .teaser--landscape .teaser__content { display: grid; flex-wrap: wrap; grid-template-columns: 1fr 1fr; gap: var(--grid-gap); } .teaser--portrait { grid-column: span 2; } .teaser--simple { grid-column: span 2; } } @media screen and (min-width: 1200px){ .teaser { /* margin-bottom: 5rem; */ } .teaser--portrait { /* width: 46%; */ /* max-width: 22rem; */ } .teaser__pic--portrait { height: 28rem; } .teaser--portrait .teaser__content, .teaser--reduced .teaser__content { display: block; flex-wrap: wrap; } .teaser--portrait .teaser__headline, .teaser--portrait .teaser__text, .teaser--reduced .teaser__headline, .teaser--reduced .teaser__text { width: 100%; } .teaser--reduced .teaser__text > p{ display: none; } .teaser--reduced .teaser__text .more { display: block; } .teaser--landscape .teaser__headline { /* width: 40%; */ } .teaser--landscape .teaser__text { /* width: 46%; */ } .teaser__headline { /* font-size: 2.2rem; */ } .teaser_portrait_wrap { /* margin-bottom: 11%; */ display: flex; /* align-content: space-evenly; */ justify-content: space-between; flex-wrap: wrap; } .teaser_portrait { /* padding-right: 2em; */ /* width: 50%; */ } .teaser_portrait:nth-of-type(2) { /* -webkit-transform: translateX(1.3em); */ -ms-transform: translateX(1.3em); /* transform: translateX(1.3em); */ } .teaser_landscape .teaser_text { /* padding-left: 1.5em; */ } .teaser--reduced .info_category { display: none; } .teaser--reduced .teaser__info { border-top: 1px solid #78e1be; padding-top: .7em; margin-bottom: .5em; } .teaser--reduced h3 { font-size: 1.7em; } .teaser--reduced figure { display: none; } .teaser--reduced .teaser_text { display: none; } } @media screen and (min-width: 1400px){ .teaser--simple { /* grid-column: span 1; */ } } p { font-size: 1rem; color: var(--cl-copy); margin-top: 0rem; font-size: var(--md); line-height: var(--lh-md); } a { text-decoration: none; color: inherit; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; } p a { color: var(--cl1); -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } p a:hover { color: var(--cl1); } ol li.md::marker { font-size: var(--md); } .sm, .md, .lg, .xl, .xxl, .xxxl { /* color: black; */ } /* set a different text color in the backend */ #tinymce .sm, #tinymce .md, #tinymce .lg, #tinymce .xl, #tinymce .xxl, #tinymce .xxxl { } .sm sup, .md sup, .lg sup, .xl sup, .xxl sup, .xxxl sup { vertical-align: top; position: relative; } .sm sub, .md sub, .lg sub, .xl sub, .xxl sub, .xxxl sub { vertical-align: bottom; position: relative; } .sm { font-size: var(--sm); margin-bottom: var(--sm); line-height: 130%; } .sm sup { font-size: calc( var(--sm) * .7 ); top: 0; } .sm sub { font-size: calc( var(--sm) * .7 ); bottom: -0.05rem; } .md { font-size: var(--md); margin-bottom: var(--md); /* line-height: 130%; */ } .md sup { font-size: calc( var(--md) / 2 ); top: -.2rem; } .md sub { font-size: calc( var(--md) / 2 ); bottom: calc( clamp(0.1rem,1vw,.4rem) * -1 ); } .lg { font-size: var(--lg); /* line-height: 140%; */ margin-bottom: calc( var(--lg) / 2 ); } .lg sup { font-size: calc( var(--lg) / 2 ); top: -0.4rem; } .lg sub { font-size: calc( var(--lg) / 2 ); bottom: -0.2rem; } .xl { font-size: var(--xl); margin-bottom: calc( var(--xl) / 2 ); line-height: 140%; } .xl sup { font-size: calc( var(--xl) / 2 ); top: -0.4rem; } .xl sub { font-size: calc( var(--xl) / 2 ); bottom: -0.45rem; } .xxl { font-size: var(--xxl); margin-bottom: calc( var(--xxl) / 2 ); line-height: 150%; } .xxxl { font-size: var(--xxxl); margin-bottom: calc( var(--xxxl) / 2 ); line-height: 150%; } .ce_text ul { list-style-type: disc; } p.quote { font-size: var(--lg); padding-left: var(--sp1); border-left: 1px solid var(--cl-copy); margin-top: var(--sp1); margin-bottom: var(--sp1); } span.highlight { color: blue; } .underline { text-decoration: underline; } .ce_text p > strong { font-weight: 600; } a.textlink, .ce_text p > a { color: var(--cl1); -webkit-transition: color .3s; -moz-transition: color .3s; transition: color .3s; position: relative; text-decoration: none; } a.textlink:after, .ce_text p > a:after, .underline:after { /* content: ''; */ position: absolute; display: block; width: 100%; bottom: 0rem; height: 1px; background-color: var(--cl1); left: 0rem; text-decoration: underline; right: 0rem; -webkit-transition: background-color .3s ease; -moz-transition: background-color .3s ease; transition: background-color .3s ease; } a.textlink:hover, .ce_text p > a:hover { color: black; } a.textlink:hover:after, .ce_text p > a:hover:after { background-color: black; } .highlight a.textlink:hover:after, .highlight .ce_text p > a:hover:after { background-color: white; } .color-white { color: white !important; } .color-black { color: black !important; } .color1 { color: var(--cl1) !important; } .color2 { color: var(--cl2) !important; } .color3 { color: var(--color3) !important; } .color4 { color: var(--color4) !important; } div.box { background-color: rgba(169, 70, 70, 0.1); padding: 1rem; } p.hervorgehoben { font-size: var(--lg) !important; font-family: 'SuisseBPSerif-Regular'; padding: 1em; line-height: 1.15em !important; letter-spacing: 0em; margin-bottom: 0.8em; padding-left: 0; }