/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ 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{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{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} /* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ @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} /** * Global TinyMCE style sheet * * Use this style sheet to define CSS classes for the rich text editor. The * stlye sheet will be included in the editor and the page layout automatically. * Although the stlye sheet is shared by all themes, you can override its * formattings in any of your theme style sheets. * * files/tinymce.css (this is how it looks like in TinyMCE) * .warning { color:#c55; } * * theme_a.css (this is how it looks like in theme A) * .warning { font-weight:bold; } * * theme_b.css (this is how it looks like in theme B) * .warning { color:#000; } * * If you do not want to use a global TinyMCE style sheet at all, simply delete * this file (files/tinymce.css). */ .grau { color:#747373;padding:0px 0px 0px 0px;} .blau_1 { color:#fff; background: #5270ac; padding:2px 2px 4px 2px;} .blau_2 { color:#fff; background: #179bd6; padding:2px 2px 1px 2px;} .blau_3 { color:#fff; background: #17a2b0; padding:2px 2px 4px 2px;} .blau_4 { color:#fff; background: #04a378; padding:2px 2px 1px 2px;} .zeit_programm { color:#fff; background: #000; padding:1px 2px 1px 2px;} .rot { color:#e30613; font-weight: bold; letter-spacing: 0.1em;} .green_b { color:#fff; background: #008000; padding:2px 2px 1px 2px;} .gesund { color:#fff; background: #e30613; padding:2px 2px 1px 2px;} .beruf { color:#fff; background: #e30613; padding:5px 8px 3px 8px;letter-spacing: 0.1em;} .global { color:#fff; background: #009d3c; padding:5px 8px 3px 8px;letter-spacing: 0.1em;} .studieren { color:#fff; background: #2c4294; padding:5px 8px 3px 8px;letter-spacing: 0.1em;} .learning { color:#fff; background: #009ee3; padding:5px 8px 3px 8px;letter-spacing: 0.1em;} .weiss { color:#fff; padding:12px 2px 4px 2px;} .link { color: #ffffff; text-decoration: none;} .button-red { font-family:Arial, sans-serif; font-size:16px; line-height:0px; letter-spacing:1.7px; word-spacing:1.5px; color:#ffffff; border-width:1px; border-color:#000000; border-style:solid; border-radius:5px; background-color:#008000; padding:5px 12px 5px 12px; transition: background-color 0.2s; /* Animierte Änderung der Eigenschaft background-color */ text-decoration: none; } .button-red:hover /* Eigenschaften beim Überfahren mit der Maus */ { background-color: #FF0000;/* Neue Farbe */ } a.button-red: { color: #ffffff; text-decoration: none; } .rsts-main,.rsts-main *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rsts-header,.rsts-footer,.rsts-thumbs-header,.rsts-thumbs-footer{overflow:hidden}.rsts-view,.rsts-thumbs-view{position:relative}@media print{.rsts-view,.rsts-thumbs-view{position:static}}.rsts-crop,.rsts-thumbs-crop{position:relative;overflow:hidden}@media print{.rsts-crop,.rsts-thumbs-crop{position:static;overflow:visible;width:auto !important;height:auto !important;transform:none !important}}.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:absolute;left:0;top:0}@media print{.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:static;width:auto !important;height:auto !important;transform:none !important}.rsts-slides.rsts-slide-image img,.rsts-slides.rsts-slide-video img,.rsts-slides.rsts-thumbs-slide-image img,.rsts-slides.rsts-thumbs-slide-video img,.rsts-slide.rsts-slide-image img,.rsts-slide.rsts-slide-video img,.rsts-slide.rsts-thumbs-slide-image img,.rsts-slide.rsts-thumbs-slide-video img,.rsts-thumbs-slides.rsts-slide-image img,.rsts-thumbs-slides.rsts-slide-video img,.rsts-thumbs-slides.rsts-thumbs-slide-image img,.rsts-thumbs-slides.rsts-thumbs-slide-video img,.rsts-thumbs-slide.rsts-slide-image img,.rsts-thumbs-slide.rsts-slide-video img,.rsts-thumbs-slide.rsts-thumbs-slide-image img,.rsts-thumbs-slide.rsts-thumbs-slide-video img{width:100% !important;height:auto !important;margin:0 !important}}.rsts-slide,.rsts-thumbs-slide{overflow:hidden}@media print{.rsts-slide,.rsts-thumbs-slide{position:static}}.rsts-video-iframe,.rsts-thumbs-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.rsts-type-slide .rsts-view,.rsts-thumbs-type-slide .rsts-thumbs-view{cursor:url("../../system/modules/rocksolid-slider/assets/img/openhand.cur"),default;cursor:-webkit-grab;cursor:-moz-grab;cursor:-ms-grab;cursor:-o-grab;cursor:grab}.rsts-type-slide.rsts-dragging .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging .rsts-thumbs-view{cursor:url("../../system/modules/rocksolid-slider/assets/img/closedhand.cur"),default;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-ms-grabbing;cursor:-o-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rsts-type-slide.rsts-dragging-disabled .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging-disabled .rsts-thumbs-view{cursor:auto}@media print{.rsts-nav,.rsts-prev,.rsts-next,.rsts-overlay-prev,.rsts-overlay-next,.rsts-progress,.rsts-thumbs-nav,.rsts-thumbs-prev,.rsts-thumbs-next,.rsts-thumbs-overlay-prev,.rsts-thumbs-overlay-next,.rsts-thumbs-progress{display:none !important}} .rsts-skin-default.rsts-main{position:relative}.rsts-skin-default.rsts-type-fade .rsts-slide{background-color:#fff}.rsts-skin-default .rsts-caption{position:absolute;top:20px;left:20px;margin-right:20px;padding:5px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;background-color:#000;background-color:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:translate(0, -20px);-moz-transform:translate(0, -20px);-ms-transform:translate(0, -20px);-o-transform:translate(0, -20px);transform:translate(0, -20px);-webkit-transition:opacity 0.5s,-webkit-transform 0.5s;-moz-transition:opacity 0.5s,-moz-transform 0.5s;-o-transition:opacity 0.5s,-o-transform 0.5s;transition:opacity 0.5s,transform 0.5s}.rsts-skin-default .rsts-active .rsts-caption{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;right:55px;bottom:15px;overflow:hidden;width:30px;height:30px;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;line-height:0;text-align:center;text-decoration:none;text-indent:-9999px;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAilBMVEUHBwg/QEF5enp5ensCAwQHCAhzdHUAAQEGBwh8fX37+/svMDBub3COjo9yc3NtbW709fWvsLDm5uba2trR0dEuLi6Pj4/Q0NDl5eXZ2toFBgfz8/MuLy/09PT29vb8/Pz6+vp7e3x0dXZzdHT4+Pj39/f9/v3+/v79/f3///8EBQb5+fkAAAD19fVMP6q+AAAALnRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8hTP8QAAAJ1JREFUeNrV0lkPwiAMAOB53zrva2xOxQm0///vWZ4a1o3EN20gNPnSlFASRKVQIS2KFHPKaPvcH8St8WesXYzddVMIZn3NZ1tTZ9Y7QLa7MdfVWlgYZqk9lzML7VZPbGCdDsFekpI14GoN/fGoY6aqkbVaUvVg0lKN7v3wvcuwt/Tg5tIPRjA77I/i1dhX2dnEJnYq4vP+2a/4FX8AsSOXytKixMYAAAAASUVORK5CYII=');-webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);background-position:50% 50%;-webkit-transition:opacity 0.05s linear;-moz-transition:opacity 0.05s linear;-o-transition:opacity 0.05s linear;transition:opacity 0.05s linear}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAIVBMVEWhoaE7PD15enqVlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXsWX/bAAAAC3RSTlOAgICAgICAgICAgMiF55wAAAB9SURBVHja7dUxEoAgFANRFBTw/ge2YythEivHn/6VmU3XiwUOHPhPuGYf196zjLHPOi0tWsBYtICx/Zxgw4INCzYs2LBgw4INC55ZFadhN+NVbeh9jhf6mGJDgw0NNjTY0GBDgz0NXusiYDRWwGisgNHFL0Yrnwxd4MCBtd3+EosAicYyWQAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default .rsts-prev:hover,.rsts-skin-default .rsts-next:hover,.rsts-skin-default .rsts-video-play:hover,.rsts-skin-default .rsts-video-stop:hover,.rsts-skin-default .rsts-thumbs-prev:hover,.rsts-skin-default .rsts-thumbs-next:hover{background-color:#eee;background-color:rgba(238,238,238,0.7)}.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{right:20px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAkFBMVEUBAQLPz9AlJiYlJifS0tIsLS0nJyjQ0dDR0tIBAQElJSYrLC2tra39/PwFBQYFBgf6+fmBgYKCgoL9/f339vZBQULIycnIyMiCg4PR0dEmJycmJyjMzMz8/Pzl5eXj4+MCAwQGBwghIiP09PT7+/shIiL6+vrNzs7Nzc0iIyP29vb39/cHCAkAAAD////19fV/WdL3AAAAMHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICRnvRdAAAAnklEQVR42tXSxw7CMAwG4LL3XqUtLdRQqNPY7/92WEJVDhkSN7B8iPTpl6M4ETMAA0t/ChmwPTELe+uPGKsQKywWflYUJxn5eI9xpOsneXidp7pp3Wa+dHrGbWY6d43bLD673nR9vLsZaL5cNfoAyp0eDyRdntxp6icy+/Ei981HqVGLq3xo1GaFm4kuRb1vvp1mFNzYLrzvn/2KX/MbXNOe099MDj0AAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAHlBMVEWhoaE7PD2VlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXtfGSSAAAACnRSTlOAgICAgICAgICAXdxslAAAAHxJREFUeNrt1TEOgDAMxdDSAi33vzBbPVUoZkLE+1O2/HK9KHHixH/A9fS4jnGGMfZZl6VFBzAWHcLHQD9gocFCg4UGCw0WGiw0WGjwum3qEsb7tH1xWViwsGBhwcKChQULC5Z2jRs2itHdfc+GjWB094vR+ieHLnHixK4bjyV89TB6vlgAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;top:50%;right:10px;margin-top:-15px}.rsts-skin-default .rsts-thumbs-prev{right:auto;left:10px}.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUgISLDw8MgICGUlZaIiImSk5PCwsP9/f39/PyHh4iUlJWSkpLX2NgAAQIoKSkGBwgdHR7Ly8skJSYEBAXHyMj+/v739/ciIyMhIiImJyfNzc3S0tL8/Pz7+/v29vYHCAnNzs4AAAD////19fVh+HN2AAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAiUlEQVR42uXRyQ7CMAwE0LC2QHfaQkji1sP//yNR1csEiXMlfPFI7zCWbN7JCCVmnj9i738x2hbMpHPTzCAmfag+XyAmrWt2QzqV5URuSLWqdHXmsDMRbFHYuPbnkPBw0rtaBzgbw21IWPKjdg6xxHV68ZJ2j9mhXyrRX/34fblgLQyQLf57S/wBI9V2nx3O9QoAAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAeUlEQVR42u3UMQ6AMAzF0A8BmvufGHVpyOIOFRJI8f5WyxcqXLhw4U9jLeCznYzRNtYi2zsIs2UttqzFlrXYshZb1mLLWmg31iJ7+YVaaJ210GY9x/awWdsc+z5s1uaEQ4cNbY449LChzQFn3W3S9qsBFi5cuPDr+AYQcW8C6kiUiAAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUwMTKKi4suLzAGBwja2trR0dEwMDEuLi/Q0NDZ2dmJiYp7e3x6e3t/gIEAAQL09PTn5+f6+vr8/Px0dHVwcHH8/f329vYFBgdzdHT+/v79/v339/f9/f3///90dXb4+Pj5+fkEBQYAAAD19fUC5l8BAAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAnElEQVR42uXSyQ4CIQwG4HEddRZmZUSEQnn/d7RkSAi4HI2Jf6AlfIceoHCOMcccrTXcMR5OtInf5k/YyLVL84qHjoHvwLrhmdW+0AJIhT6eVc79YYtYCQBRIZanPmO1QWuxVqr2/aIylqD9fdP4OoLMZ5sb+dK2i8Xr3cTZie+CRk49aOTUcSRNOfo8TXPUnB1QPj0J5z/5Hb7OD7UPdeTEuFeXAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAg0lEQVR42u3UMQ6EMAxE0WVDYu5/YhpLXzBSRkAF8i9tvXZ+24MKFy5c+HP4P06H0RzGRoyjjWgOY1Nj0YLFpsaip7hFNrBog3ug02brDKsWK3imxQqe6EWsxWi1HqOxHqONBTuN9RiN9Vg11mPVWI9V99tL0rEe6/dVA1i4cOHCl9oBak1vAkBKLfwAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default.rsts-video-playing .rsts-nav,.rsts-skin-default.rsts-video-playing .rsts-prev,.rsts-skin-default.rsts-video-playing .rsts-next{display:none}.rsts-skin-default.rsts-video-playing .rsts-nav-thumbs{display:block}.rsts-skin-default.rsts-touch .rsts-nav-numbers,.rsts-skin-default.rsts-touch .rsts-nav-tabs{display:none}.rsts-skin-default .rsts-nav{position:absolute;right:95px;bottom:12px;left:10px;text-align:right}.rsts-skin-default .rsts-nav ul{margin:0 !important;padding:0 !important}.rsts-skin-default .rsts-nav li{display:inline}.rsts-skin-default .rsts-nav-numbers a,.rsts-skin-default .rsts-nav-tabs a{display:inline-block;height:30px;min-width:30px;padding:0.65em 0.5em 0.5em;margin:0 2px 3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;font-size:12px;text-align:center;text-decoration:none;color:#fff;background-color:#555;background-color:rgba(85,85,85,0.6);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.2);box-shadow:0 0 2px rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in}.rsts-skin-default .rsts-nav-numbers a:hover,.rsts-skin-default .rsts-nav-numbers a.active,.rsts-skin-default .rsts-nav-tabs a:hover,.rsts-skin-default .rsts-nav-tabs a.active{color:#333;background-color:#fff;background-color:rgba(255,255,255,0.5)}.rsts-skin-default:hover .rsts-nav-numbers a,.rsts-skin-default:hover .rsts-nav-tabs a{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.rsts-skin-default .rsts-nav-bullets{line-height:0}.rsts-skin-default .rsts-nav-bullets a{display:inline-block;width:9px;height:9px;overflow:hidden;margin:12px 4px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;outline:none;text-align:left;text-indent:-999px;background-color:#fff;background-color:rgba(255,255,255,0.8);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px #777;-moz-box-shadow:0 0 2px #777;box-shadow:0 0 2px #777}.rsts-skin-default .rsts-nav-bullets a:hover,.rsts-skin-default .rsts-nav-bullets a.active{background-color:#777;-webkit-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;-moz-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555}.rsts-skin-default .rsts-nav-thumbs{position:static;padding-top:5px}.rsts-skin-default .rsts-nav .rsts-nav-prev,.rsts-skin-default .rsts-nav .rsts-nav-next{display:none}.rsts-skin-default .rsts-video-play{top:50%;right:auto;bottom:auto;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAb1BMVEU4ODgGBgbx8fGurq7i4uIODg5QUFD7+/vBwcEUFBQYGBggICC1tbXNzc0JCQkVFRWsrKwTExPExMTS0tImJibv7+9KSkozMzP4+PhYWFj+/v6Dg4MDAwPl5eVycnKenp4MDAza2toPDw////8AAACZ5/RyAAAAJXRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAwmBGiwAAALNJREFUeNrt1kcOwkAQRFFyxsYmBxtDc/8zIrGpA/xaWKhnO9KT5ncvZvCxnGSSSSaZv2GK0sIsFzMHM53MWwPzfkU8OwsT9cHCRHOyMHFpLYwCIUaBEKNAiFEgxCgQYhSIMQrEGAXijAJxJrZrC7NZGZjb/WF41PHqSLw/Owa+q9D6KQthlAUwykIYZSGMsiBGWRCjLIhRFsQoC2Ga0S8LZMqx7gAzLPr0aUsmmWSS6SXzBf8cqwAv1zglAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-play{background-image:url('data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAMAAACZHrEMAAAARVBMVEUJCQlOTk4nJyddXV1gYGD29vbh4eGTk5PAwMA2NjYYGBgGBga3t7dUVFQtLS0SEhKHh4fb29sDAwPz8/NaWlr///8AAACZTZFgAAAAF3RSTlOAgICAgICAgICAgICAgICAgICAgICAgCZn8kAAAAFfSURBVHja7dpZUsMwFAVR5gDRLMT+l8r1Cqjih/5oLyB1kurYlp4evkGXGDFixIgRI0aMGDFixIgRI0aMGDFifseQvsBfPvjrdgdhzvsnCHPePkCY8/oCwpxzu4MwCQeESTggTMIBYa5wQJiEA8IkHBAm4YAwVzggTMIBYRIOCJNwQJgrHBAm4YAwCQeESTggzBUOCJNwQJiEA8IkHBDmCgeESTggTMIBYRIOCHOFA8IkHBAm4YAw5/UZhDn7iYOZjfPLlM5pZizMv2lXzk1vNs4duHTOs2kszFN7V87L1WycN73SOe/AY2FWB7tyFnGzcVaUpXPW2mNhdiF25WwWzcbZuSqds6c3Fma3c1fOpvRsnB3y0jmzg7EwU5VdOcOv2TiTuNI5M8qxMNPbXTlD9tk4E//SOWchxsKcEnmsoMM8qGNOYsRgLjFixIgRI0aMGDFixIgRI0aMGDH/e/0Ai4OJ2+ZcrkwAAAAASUVORK5CYII=');background-size:70px,70px}}.rsts-skin-default .rsts-video-stop{top:20px;right:20px;left:auto;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEWnp6dOTk7x8fHv7+9HR0fw8PDu7u7e3t5NTU3f398UFBQTExP4+PhLS0tvb29xcXH09PRJSUn39/fn5+cWFhampqb29vZISEhMTExLS0ukpKT////r6+sAAAD///8AAABKSkr19fUAAAD///8df9PJAAAAJHRSTlN6e35+e35+e3t7fX1/fHl5fXt/e315fnt7e3p/foGBfnt9gIDdofLFAAAAk0lEQVR42u2SSQ7DIAxF03nKPBEC2Ni9/x3jsMXqsuqiljxITx/8EcX7Y/wxuOmUhmPhIMdlg4akzxGbMscrBu4IyHLANce+Ymb7WKRWPsdyqpCnZJzVzUmUEgvpxmAYA4dxAB3TIanvupqisJdkRwr2O403K9V43bdpgaLuu6/x3KY7sO7VN7+m4TI5+K3v8H28AYM7doAzbo6MAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-stop{background-image:url('data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAALVBMVEXo6OjGxsZjY2PKysq3t7ewsLCOjo7f39+Pj4/l5eVfX19hYWHj4+NRUVH///80A/15AAAAD3RSTlOGkL2PlZemiKWHvr2HyICcCOzTAAAAv0lEQVR42u3VSQ7DIAxA0bRJSBjs+x83mzYfNnatLqpKeM0THmRY9IuYeOKJJ7bwlsdTWwCfUpsS+Smni7EipfVW5PQwtte5iqAdvIvcGiuy25gs0e1ta7YwuqJ76+NRr6P1MbkSTM7HaKyP0QXK1HyMxgaxrjde1cBe1TV4MzZeMxYdm7OvF9OWR7H0YtpDG/ojnDurnc6hfT7Iw9tnImE7ney00bdFJ3Uw+mXpQoq822Nv8/Yf383EE0/8G3wBfh3Bcn7dsMIAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-video-youtube>.rsts-video-stop{top:25px}.rsts-skin-default .rsts-video-vimeo>.rsts-video-stop{top:10px;right:auto;left:10px}.rsts-skin-default .rsts-video-ipad>.rsts-video-iframe{padding-top:32px;background-color:#000}.rsts-skin-default .rsts-video-ipad>.rsts-video-stop{top:1px;right:1px;left:auto}.rsts-skin-default .rsts-progress{position:absolute;top:0;right:0;width:100%;height:2px;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.rsts-skin-default .rsts-progress div{height:100%;background-color:#fff}.rsts-skin-default .rsts-progress.rsts-progress-active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}.rsts-skin-default .rsts-thumbs-slide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.rsts-skin-default .rsts-thumbs-slide.rsts-thumbs-active-thumb{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.15385%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 28.20513%; } .rs-column.-large-col-3-2 { width: 64.10256%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 19.23077%; } .rs-column.-large-col-4-2 { width: 46.15385%; } .rs-column.-large-col-4-3 { width: 73.07692%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 13.84615%; } .rs-column.-large-col-5-2 { width: 35.38462%; } .rs-column.-large-col-5-3 { width: 56.92308%; } .rs-column.-large-col-5-4 { width: 78.46154%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 10.25641%; } .rs-column.-large-col-6-2 { width: 28.20513%; } .rs-column.-large-col-6-3 { width: 46.15385%; } .rs-column.-large-col-6-4 { width: 64.10256%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } @media screen and (max-width: 900px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1 { width: 46.15385%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 28.20513%; } .rs-column.-medium-col-3-2 { width: 64.10256%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 19.23077%; } .rs-column.-medium-col-4-2 { width: 46.15385%; } .rs-column.-medium-col-4-3 { width: 73.07692%; } .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2 { width: 28.20513%; } .rs-column.-medium-col-6-3 { width: 46.15385%; } .rs-column.-medium-col-6-4 { width: 64.10256%; } .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column { margin-right: 7.69231%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 7.69231%; } .rs-column.-medium-first-row { margin-top: 7.69231%; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1 { width: 46.15385%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 28.20513%; } .rs-column.-small-col-3-2 { width: 64.10256%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 19.23077%; } .rs-column.-small-col-4-2 { width: 46.15385%; } .rs-column.-small-col-4-3 { width: 73.07692%; } .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2 { width: 28.20513%; } .rs-column.-small-col-6-3 { width: 46.15385%; } .rs-column.-small-col-6-4 { width: 64.10256%; } .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6 { width: 100%; } } /* MediaElement.js, (c) 2010-2014 John Dyer, MIT license */ .mejs-offscreen{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:polygon(0 0,0 0,0 0,0 0);position:absolute!important;height:1px;width:1px;overflow:hidden}.mejs-container{position:relative;background:#000;font-family:Helvetica,Arial;text-align:left;vertical-align:top;text-indent:0}.mejs-audio{margin-top:18px}.mejs-container:focus{outline:none}.me-plugin{position:absolute}.mejs-embed,.mejs-embed body{width:100%;height:100%;margin:0;padding:0;background:#000;overflow:hidden}.mejs-fullscreen{overflow:hidden!important}.mejs-container-fullscreen{position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{width:100%;height:100%}.mejs-clear{clear:both}.mejs-background{position:absolute;top:0;left:0}.mejs-mediaelement{position:absolute;top:0;left:0;width:100%;height:100%}.mejs-poster{position:absolute;top:0;left:0;background-size:contain;background-position:50% 50%;background-repeat:no-repeat}:root .mejs-poster img{display:none}.mejs-poster img{border:0;padding:0;border:0}.mejs-overlay{position:absolute;top:0;left:0}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;background:url(../../assets/jquery/mediaelement/2.21.2/images/bigplay.svg) no-repeat}.no-svg .mejs-overlay-button{background-image:url(../../assets/jquery/mediaelement/2.21.2/images/bigplay.png)}.mejs-overlay:hover .mejs-overlay-button{background-position:0 -100px}.mejs-overlay-loading{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;background:#333;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(0,0,0,.9);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.9)),to(rgba(0,0,0,.9)));background:-webkit-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-moz-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-o-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-ms-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:linear-gradient(rgba(50,50,50,.9),rgba(0,0,0,.9))}.mejs-overlay-loading span{display:block;width:80px;height:80px;background:url(../../assets/jquery/mediaelement/2.21.2/images/loading.gif) 50% 50% no-repeat}.mejs-container .mejs-controls{position:absolute;list-style-type:none;margin:0;padding:0;bottom:0;left:0;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(0,0,0,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.7)),to(rgba(0,0,0,.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-moz-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-o-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-ms-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:linear-gradient(rgba(50,50,50,.7),rgba(0,0,0,.7));height:30px;width:100%}.mejs-container .mejs-controls div{list-style-type:none;background-image:none;display:block;float:left;margin:0;padding:0;width:26px;height:26px;font-size:11px;line-height:11px;font-family:Helvetica,Arial;border:0}.mejs-controls .mejs-button button{cursor:pointer;display:block;font-size:0;line-height:0;text-decoration:none;margin:7px 5px;padding:0;position:absolute;height:16px;width:16px;border:0;background:url(../../assets/jquery/mediaelement/2.21.2/images/controls.svg) no-repeat}.no-svg .mejs-controls .mejs-button button{background-image:url(../../assets/jquery/mediaelement/2.21.2/images/controls.png)}.mejs-controls .mejs-button button:focus{outline:dotted 1px #999}.mejs-container .mejs-controls .mejs-time{color:#fff;display:block;height:17px;width:auto;padding:10px 3px 0 3px;overflow:hidden;text-align:center;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.mejs-container .mejs-controls .mejs-time a{color:#fff;font-size:11px;line-height:12px;display:block;float:left;margin:1px 2px 0 0;width:auto}.mejs-controls .mejs-play button{background-position:0 0}.mejs-controls .mejs-pause button{background-position:0 -16px}.mejs-controls .mejs-stop button{background-position:-112px 0}.mejs-controls div.mejs-time-rail{direction:ltr;width:200px;padding-top:5px}.mejs-controls .mejs-time-rail span,.mejs-controls .mejs-time-rail a{display:block;position:absolute;width:180px;height:10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer}.mejs-controls .mejs-time-rail .mejs-time-total{margin:5px;background:#333;background:rgba(50,50,50,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(30,30,30,.8)),to(rgba(60,60,60,.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-moz-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-o-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-ms-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:linear-gradient(rgba(30,30,30,.8),rgba(60,60,60,.8))}.mejs-controls .mejs-time-rail .mejs-time-buffering{width:100%;background-image:-o-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:15px 15px;-moz-background-size:15px 15px;-o-background-size:15px 15px;background-size:15px 15px;-webkit-animation:buffering-stripes 2s linear infinite;-moz-animation:buffering-stripes 2s linear infinite;-ms-animation:buffering-stripes 2s linear infinite;-o-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite}@-webkit-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-moz-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-ms-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-o-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#3caac8;background:rgba(60,170,200,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(44,124,145,.8)),to(rgba(78,183,212,.8)));background:-webkit-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-moz-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-o-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-ms-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:linear-gradient(rgba(44,124,145,.8),rgba(78,183,212,.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-current{background:#fff;background:rgba(255,255,255,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.9)),to(rgba(200,200,200,.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-moz-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-o-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-ms-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:linear-gradient(rgba(255,255,255,.9),rgba(200,200,200,.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-handle{display:none;position:absolute;margin:0;width:10px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;border:solid 2px #333;top:-2px;text-align:center}.mejs-controls .mejs-time-rail .mejs-time-float{position:absolute;display:none;background:#eee;width:36px;height:17px;border:solid 1px #333;top:-26px;margin-left:-18px;text-align:center;color:#111}.mejs-controls .mejs-time-rail .mejs-time-float-current{margin:2px;width:30px;display:block;text-align:center;left:0}.mejs-controls .mejs-time-rail .mejs-time-float-corner{position:absolute;display:block;width:0;height:0;line-height:0;border:solid 5px #eee;border-color:#eee transparent transparent transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:15px;left:13px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float{width:48px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current{width:44px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner{left:18px}.mejs-controls .mejs-fullscreen-button button{background-position:-32px 0}.mejs-controls .mejs-unfullscreen button{background-position:-32px -16px}.mejs-controls .mejs-mute button{background-position:-16px -16px}.mejs-controls .mejs-unmute button{background-position:-16px 0}.mejs-controls .mejs-volume-button{position:relative}.mejs-controls .mejs-volume-button .mejs-volume-slider{display:none;height:115px;width:25px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:-115px;left:0;z-index:1;position:absolute;margin:0}.mejs-controls .mejs-volume-button:hover{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,.5);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,.9);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle{position:absolute;left:4px;top:-3px;width:16px;height:6px;background:#ddd;background:rgba(255,255,255,.9);cursor:N-resize;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;margin:0}.mejs-controls a.mejs-horizontal-volume-slider{height:26px;width:56px;position:relative;display:block;float:left;vertical-align:middle}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#333;background:rgba(50,50,50,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(30,30,30,.8)),to(rgba(60,60,60,.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-moz-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-o-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-ms-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:linear-gradient(rgba(30,30,30,.8),rgba(60,60,60,.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#fff;background:rgba(255,255,255,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.9)),to(rgba(200,200,200,.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-moz-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-o-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-ms-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:linear-gradient(rgba(255,255,255,.9),rgba(200,200,200,.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{display:none}.mejs-controls .mejs-captions-button{position:relative}.mejs-controls .mejs-captions-button button{background-position:-48px 0}.mejs-controls .mejs-captions-button .mejs-captions-selector{visibility:hidden;position:absolute;bottom:26px;right:-51px;width:85px;height:100px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);border:solid 1px transparent;padding:10px 10px 0 10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-captions-button:hover .mejs-captions-selector{visibility:visible}.mejs-controls .mejs-captions-button .mejs-captions-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{width:55px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-controls .mejs-captions-button .mejs-captions-translations{font-size:10px;margin:0 0 5px 0}.mejs-chapters{position:absolute;top:0;left:0;-xborder-right:solid 1px #fff;width:10000px;z-index:1}.mejs-chapters .mejs-chapter{position:absolute;float:left;background:#222;background:rgba(0,0,0,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.7)),to(rgba(0,0,0,.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-moz-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-o-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-ms-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:linear-gradient(rgba(50,50,50,.7),rgba(0,0,0,.7));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);overflow:hidden;border:0}.mejs-chapters .mejs-chapter .mejs-chapter-block{font-size:11px;color:#fff;padding:5px;display:block;border-right:solid 1px #333;border-bottom:solid 1px #333;cursor:pointer}.mejs-chapters .mejs-chapter .mejs-chapter-block-last{border-right:none}.mejs-chapters .mejs-chapter .mejs-chapter-block:hover{background:#666;background:rgba(102,102,102,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(102,102,102,.7)),to(rgba(50,50,50,.6)));background:-webkit-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-moz-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-o-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-ms-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:linear-gradient(rgba(102,102,102,.7),rgba(50,50,50,.6));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232)}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{font-size:12px;font-weight:700;display:block;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px 0;line-height:12px}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{font-size:12px;line-height:12px;margin:3px 0 4px 0;display:block;white-space:nowrap;text-overflow:ellipsis}.mejs-captions-layer{position:absolute;bottom:0;left:0;text-align:center;line-height:20px;font-size:16px;color:#fff}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs-captions-position{position:absolute;width:100%;bottom:15px;left:0}.mejs-captions-position-hover{bottom:35px}.mejs-captions-text{padding:3px 5px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(20,20,20,.5);white-space:pre-wrap}.me-cannotplay a{color:#fff;font-weight:700}.me-cannotplay span{padding:15px;display:block}.mejs-controls .mejs-loop-off button{background-position:-64px -16px}.mejs-controls .mejs-loop-on button{background-position:-64px 0}.mejs-controls .mejs-backlight-off button{background-position:-80px -16px}.mejs-controls .mejs-backlight-on button{background-position:-80px 0}.mejs-controls .mejs-picturecontrols-button{background-position:-96px 0}.mejs-contextmenu{position:absolute;width:150px;padding:10px;border-radius:4px;top:0;left:0;background:#fff;border:solid 1px #999;z-index:1001}.mejs-contextmenu .mejs-contextmenu-separator{height:1px;font-size:0;margin:5px 6px;background:#333}.mejs-contextmenu .mejs-contextmenu-item{font-family:Helvetica,Arial;font-size:12px;padding:4px 6px;cursor:pointer;color:#333}.mejs-contextmenu .mejs-contextmenu-item:hover{background:#2c7c91;color:#fff}.mejs-controls .mejs-sourcechooser-button{position:relative}.mejs-controls .mejs-sourcechooser-button button{background-position:-128px 0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label{width:100px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-postroll-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);z-index:1000;overflow:hidden}.mejs-postroll-layer-content{width:100%;height:100%}.mejs-postroll-close{position:absolute;right:0;top:0;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);color:#fff;padding:4px;z-index:100;cursor:pointer}div.mejs-speed-button{width:46px!important;position:relative}.mejs-controls .mejs-button.mejs-speed-button button{background:0 0;width:36px;font-size:11px;line-height:normal;color:#fff}.mejs-controls .mejs-speed-button .mejs-speed-selector{display:none;position:absolute;top:-100px;left:-10px;width:60px;height:100px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);border:solid 1px transparent;padding:0;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-speed-button:hover>.mejs-speed-selector{display:block}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected{color:#21f8f8}.mejs-controls .mejs-speed-button .mejs-speed-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li{margin:0 0 6px 0;padding:0 10px;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px;display:none}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label{width:60px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:11.5px;color:#fff;margin-left:5px;cursor:pointer}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover{background-color:#c8c8c8!important;background-color:rgba(255,255,255,.4)!important}.mejs-controls .mejs-button.mejs-jump-forward-button{background:url(../../assets/jquery/mediaelement/2.21.2/images/jumpforward.png) no-repeat;background-position:3px 3px}.mejs-controls .mejs-button.mejs-jump-forward-button button{background:0 0;font-size:9px;line-height:normal;color:#fff}.mejs-controls .mejs-button.mejs-skip-back-button{background:url(../../assets/jquery/mediaelement/2.21.2/images/skipback.png) no-repeat;background-position:3px 3px}.mejs-controls .mejs-button.mejs-skip-back-button button{background:0 0;font-size:9px;line-height:normal;color:#fff} /* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */ .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} /* ColorBox, (c) 2011 Jack Moore, MIT license */ #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#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/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background: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/jquery/colorbox/1.6.1/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/jquery/colorbox/1.6.1/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/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} @font-face{font-family:modernpics; src:url(../../files/css/modernpics.otf)} html {box-sizing: border-box; background: #f7e321x;margin: 0;padding: 0} html *, html *:after, html *:before {box-sizing: inherit;margin: 0;padding: 0} body,input, textarea, select, button {font-family: Helvetica, Helvetica Neue, Arial, sans-serif;font-size: 14px;line-height: 1.8em;word-wrap: break-word;letter-spacing: 1px;color: #000} body{min-height: 100.1vh;padding-top: 160px;background: url("../../files/css/Hintergrund_2.svg"); background-color: #f7e321;background:#fff} a {color: #E30613;position: relative; outline: none} a:hover {color: #E30613;} a:focus:after, button:focus:after{content:""; top:2px; right:2px; bottom:2px; left:2px;position: absolute;outline:2px dashed #000} nav {font-size: 16px;font-weight: 500 !important} nav a {color: #000;text-decoration: none;} #wrapper {background: #F6F6F6;margin: 0 auto 50px auto;width: 100%;max-width: 1200px;min-height: calc(100vh - 160px)} .workshopframe #wrapper{max-width: calc(100vw - 60px)} #searchform{ height: 36px; text-align: right; margin-bottom: 1.2em} #searchform input{display: inline-block; border:0; line-height: 36px; position: absolute; height: 100%; width:calc(100% - 36px); left:0; font-size: 18px; box-sizing: border-box; background: none; border-radius:5px 0 0 5px; padding-left: 7px} #searchform button{border-radius: 0; border-width: 0; border-left-width: 1px; position: absolute; right: 0; top:0; height: 100%; width: 36px; background: none; cursor: pointer; box-sizing: border-box; } #searchform button:after{content:"s";font-family: modernpics; text-align: center; font-size: 36px; position: absolute; left:0; top:0;text-indent:0; width: 100%; height: 100%;line-height: 20px; box-sizing: border-box} .mac #searchform button:after{line-height: 36px} #searchform div{height: 100%; width: 296px; display: inline-block} #logo {position: absolute; left: 0; bottom: calc(100% + 10px) } #logo a { display: block; width: 270px; height: 127px; background: url("../../files/css/BeSt_Logo_Zusatz_540x250px.png") no-repeat; /*background: url("../../files/css/Logo BeSt digital.svg") no-repeat; background-size: cover;*/ background-size: contain; text-indent: -10000px; transition: none; } #lngnav a { text-indent: -10000px; background-color: transparent !important; } header .inside { padding: 20px 18.75% 0 18.75% } .mainnav { margin-bottom: 20px } .mainnav .nomainnav { display: none } .mainnav li { width: calc(20% - 10px); width: 19%; text-align: center; } nav li a, nav li span { display: block; } .mainnav li a, .mainnav li span { background: #FFEE00; line-height: 2.5em } nav a{transition: all .3s} nav:not(.no-hi) li a:hover, nav:not(.no-hi) .level_1>li>span, .mainnav .trail a, .leftnav .level_1>.trail>a, .letternav .activeLetter,.bg-red, li a.bg-red,.redhov:hover { color: #fff; background-color: #E30613 !important } #wrapper nav li.service a, #wrapper nav li.service span, #wrapper li.service ul{background-color: #3ab449 !important; color: #fff} #wrapper nav li.service a:hover, #wrapper nav li.service span{background-color: #15962b !important; color: #fff} #wrapper nav li.service .level_2 li{position: relative; border-bottom: 1px solid} #wrapper nav li.service .level_2 li:first-child{border-top: 1px solid} #wrapper nav li.service .level_2 li::before{content: ""; position: absolute; left:0; top:0; display: block; height: 100%; width: 10px; background: #fff} #main { width: 62.5%; max-width: calc(100% - 350px); min-width: calc(100% - 450px); font-size: 16px; letter-spacing: 1px } main .block{overflow: visible} #topnav li { width: 33.3%; text-align: center; } nav.topnav li a, nav.topnav li span { display: block; line-height: 30px } #lngnav { position: absolute; right: 22px; bottom: calc(100% + 20px) } #lngnav li,.newstartnav .en { width: 40px; margin-right: 20px; height: 24px } #lngnav a,.newstartnav .en a { width: 100%; height: 100%; display: block; background: url("../../files/css/D-kl.png") no-repeat; opacity: .5 } #lngnav .en a, .newstartnav .en a{ background-image: url("../../files/css/GB-kl.png") } #lngnav a:hover, html[lang="de"] .de a, html[lang="en"] .en a { opacity: 1 !important } html[lang="de"] *[data-lang="en"]{display: none !important} html[lang="en"] *[data-lang="de"]{display: none !important} #topnav { position: absolute; right: 225px; bottom: calc(100% + 20px); max-width: 375px; width: 31.25%; } #left, #right { max-width: 225px; min-width: 175px; width: 18.75%; margin: 0 } nav.leftnav a, nav.leftnav span { padding: .25em 10px .25em; line-height: 1.6em; } nav.leftnav a { color: #7f7f7f; } nav.leftnav a:hover, nav.leftnav span { color: #fff; } .leftnav ul.level_2 span, .leftnav ul.level_2 .trail a{color: #E30613} aside .level_2{padding-bottom: 0; background: #fff} .leftnav .level_2 a, .leftnav .level_2 span{line-height: 1.6em;padding: .2em 10px} .leftnav .level_2 a:hover{color:#e30613;background: none !important} .leftnav .level_2 li{padding-left: 10px} #left nav { width: 192px; max-width: 100%; font-weight: 700; margin-top:33px; /*position: fixed*/ } #main, #right { -webkit-order: 1; -ms-flex-order: 1; order: 1 } /*#right .inside{position: fixed}*/ .flex, .news .flex, nav.topnav ul, #lngnav ul, .mainnav ul, #wrapper, #container, #footer .inside,main .no-hi ul { display: -webkit-flex; display: -ms-flexbox; display: flex } .iflex { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; } .colflex, #wrapper { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .colflexreverse { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } .flexgrow, #container { -ms-flex: 1 0 auto; -webkit-flex-grow: 1; flex-grow: 1 } .alignstart, #right .social>ul { -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start } .align-content-start{ -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } .aligncenter { -ms-flex-align: center; -webkit-align-items: center; align-items: center } .alignend, #footer .inside { -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end } main .buttonnav ul, .flexwrap { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap } .growitems > *{-ms-flex: 1 1 auto;-webkit-flex-grow:1; flex-grow:1;} .justifybetween, #topnav ul, .mainnav ul, #footer .inside, #main nav .level_1 { -ms-flex-pack: space-between; -webkit-justify-content: space-between; justify-content: space-between; } .justifyleft, #main nav.buttonnav ul { -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .justifycenter{ -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .justifyright{ -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .self-end { -ms-flex-item-align: end; -webkit-align-self: flex-end; align-self: flex-end } .noli, .no-style, nav li { list-style: none !important } .posCenterX{position: absolute !important; left:50%; -ms-transform:translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);} .posCenterY{position: absolute !important; top:50%; -ms-transform:translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);} .tcenter{text-align: center} .tright{text-align: right} .visually-hidden,.sec{position: absolute; display: block; left:-250vw; overflow: hidden; height: 0; width: 0; clip:rect(0,0,0,0)} .right{float: right} .left{float: left} .clear, .clr{clear: both} .clearfix::after{content: ''; display: table; clear: both} .inline{display: inline} .inline-block, .i-block{display: inline-block} .nodisp{display: none} .token .token{display: block} .token .notoken{display: none} .d-block{display: block} .doppelpkt:after{content:":"} .linebreak:after{content: "\A";white-space: pre; } .mt-20{margin-top: 20px} .mb-30{margin-bottom:30px} .relative,.rel{position: relative} .absolute,.abs{position: absolute !important} .quote:before{content: open-quote} .quote:after{content: close-quote} .notext{text-indent:-10000px} .no-pad-left, .no-pad-left li{padding-left:0} .lh_12{line-height: 1.2em} h3 a{color:inherit; text-decoration: none} .black{color:#000 !important} .whiteonblack{color:#fff; background: #000} .pointer{cursor: pointer} .rounded{border-radius:.39em } .eckig{border-radius: 0} .bg-green{background: #39B54A; color:#fff} .bg-white{background-color: #fff} .nodeco{text-decoration: none !important} .roll-red:hover{background: #E30613} .t-center{text-align: center} .red, .backoffice .showinred{color: #E30613} .w100{width: 100%} table.fix{width: 97%; table-layout: fixed} .tempinv{display: none} .social { margin-bottom: 30px; margin-top:33px; } nav.social li { width: 40px; height: 40px; background-size: contain } .social ul { height: 40px; /*width: 133px;*/ width: 175px; margin: auto } .social a { text-indent: -10000px; display: block; height: 100% } li.youtube { background-image: url("../../files/css/youtube_neu.svg") } li.fb { background-image: url("../../files/css/facebook.svg") } li.twitter { background-image: url("../../files/css/twitter.svg") } li.instagram { background-image: url("../../files/css/instagram-logo.svg") } nav img{display: block} nav.rightnav { font-size: 1.15em; max-width: 133px; margin: auto } nav.rightnav li,main .buttonnav li, button, .asbtn { border: 1px solid #d9d9d9; line-height: 1.75em; border-radius: .39em; text-align: center; margin-bottom: 10px; background: #fff } nav.rightnav li{padding-top: .01em} nav.rightnav li a, main .buttonnav a,nav.rightnav span, main .buttonnav span{ display: block; height: 100%; color: #464646; padding: 0 .5em; border-radius: inherit } button, .asbtn{color: #7f7f7f; padding: 0 .5em; text-decoration: none; font-size: 14px; display: inline-block} .greenback-hover:hover{background-color: #39B54A !important; color: #fff} main{z-index: 1; margin-bottom: 120px} main .inside>:last-child,main .inside>:last-child>:last-child{margin-bottom: 0 !important} main .buttonnav{display: table; width: 100%; width: calc(100% + 20px); position: relative; left:-10px; border-spacing: 10px;} main nav{ padding: 9px 0; margin-top: -1em} main .buttonnav+div>*:first-child{margin-top: 0; padding-top: 0} main .buttonnav ul{display: table-row} main .buttonnav li{display: table-cell; line-height: 2.2em} main .buttonnav li.active{background:#E30613; background-clip: padding-box} main .buttonnav li:not(:last-child){margin-right: 10px} main .buttonnav a{color: #000; white-space: nowrap} main > div{background: rgba(246,246,246,.5); margin-left: 30px; margin-right: 30px; } main .no-hi li:not(:last-child){margin-right: 10px} main .no-hi, .letternav{padding: 29px 0} nav.rightnav li a:hover { color: #fff !important } nav.rightnav li:last-child a { background: #0086cd; } nav.rightnav li:last-child span,nav.rightnav li:last-child a{line-height: 1.2em;padding: .2em .5em; color: #fff} #wrapper nav.rightnav li.active span{color: #fff} #left .forrn{margin:40px 0 0 10px; display: none} #left .forrn nav{margin-left: 0; margin-right: 0} #left .social>ul{margin-left: 0} #left .rightnav{max-width: 133px} #slider { position: relative; left: -30%; width: 160%; } .mod_breadcrumb { margin: 20px 0 15px } .mod_breadcrumb * { color: #7f7f7f; text-decoration: none } .mod_breadcrumb li { display: inline-block } .home .mod_breadcrumb li:last-child { display: none } body:not(.home) .mod_breadcrumb li:not(:last-child):after { content: " > " } .headerimg img { display: block } ul.svg li{padding-left: 0; margin-right: 10px; display: inline-block} ul.svg img{height: 45px; display: block} #footer { padding: 20px; background-color: #fff; position: relative } #footer:after { content: ""; position: absolute; width: 80px; height: 139px; left: 47%; bottom: 60px; background: url("../../files/css/figur_gruen.svg") } #footernav { font-size: 1.15em; display: inline-block; padding-bottom: 11px; } #footernav li:not(:last-child):after { content: " | " } #footernav li, #footernav li>* { color: #E30613; display: inline-block; background: none !important; } #sponsorlogos { height: 72px; overflow: visible; } #sponsorlogos div, #sponsorlogos figure { min-height: 20px; height: 22px; } #sponsorlogos img { height: 100%; width: auto; } #sponsorlogos .bmb { position: relative; top: 10px; } #sponsorlogos .bmb, #sponsorlogos .bmb img, #sponsorlogos .bmb figure { height: 55px; } #sponsorlogos{display: block !important; padding-top: 0px} #sponsorlogos div{padding-right: 29px; display: inline-block;} #sponsorlogos div:not(:last-child) { padding-right: 50px; } .letternav{margin-left: .5em} .letternav li, .letternav a{display: inline-block; text-align: center;} .letternav a{padding:0 .25em} .letternav li{margin:0 .5em 0 -.5em;} .letternav a:hover, .letternav .active a{color: #E30613;background: none !important;} table.aussteller tr{width: 100%; position: relative} table.aussteller2{table-layout: fixed; border-collapse: collapse} table.schwerpunkte{width:100%} table.schwerpunkte td:first-child{width:calc(100% - 17px - 1em)} table.schwerpunkte td:last-child{width:17px} table.aussteller2 tr:not(:first-child) td{padding-top:20px; padding-bottom: 20px } table.bereiche tr td:not(:first-child){padding-left:1em} .kojenspacer{width: 60px; display: inline-block; height: 15px} .kojenspacer span{position: absolute; top:-3px} .showkoje-0 .koje>*, .showkoje-0 dd.koje{visibility: hidden} .showkoje-0 ~ .planhuelle{display: none} .kojebereich.showkoje-0 *:first-of-type{display: none} table.aussteller tr,table.aussteller th,table.aussteller td{display: inline-block} .ko1 span{left: 0} .ko2 span{right: 0} table.aussteller tr:not(:first-child){border-top: 1px solid; } table.aussteller tr:not(:first-child):hover{background: #f6f6f6} table .koje{width:60px; line-height: 30px} table .koje span,table .koje a{width:100%; text-align: center; display: block; } table .koje ul{height:100%; list-style: none} table .koje li{height: 30px} .koje1 > div{display: none} table.aussteller, .aussteller tbody{display: block; width: 100%; background-color: white;} table.aussteller a{color: #000; text-decoration: none;display: inline-block; position: static} table.aussteller a:before{content: ""; position: absolute;top:0; left:0; bottom: 0; right: 0} table.aussteller td{vertical-align: middle} table.aussteller th{width: 60px} table.aussteller td:nth-child(2),table.aussteller th:nth-child(2){padding: 0 25px; width: calc(100% - 120px); position: relative} table.aussteller td:nth-child(2){ position: static} table.aussteller img{max-height: 80px; max-width: 155px} /*table.aussteller td[data-img]{box-sizing: content-box}*/ table.aussteller td[data-img] a{width:calc(70.8% - 25px);width:calc(56.2% - 25px)} table.aussteller td[data-img] span{display: flex; align-items: center} table.aussteller td[data-img] span:after{content:"";display: inline-block; max-width:155px;max-width:232px; width:29.2%;width:43.8%; height:0; float: right; margin-left:25px; text-align: center; line-height: 0;background: no-repeat center top; background-size: contain} ul.sw li{width: calc(50% - 15px)} main .no-hi .sw li{margin: 0} .sw a{color: #E30613; text-decoration: underline; line-height: 1.2em; padding: .2em 0} .ausstellerdata{border:1px solid #000; border-radius: 10px; background: #fff; padding: 20px 50px 20px 20px; margin:8px 0 30px} .ausstellerdata h1{color: #000} .ausstellerdata img{float:right; margin-bottom: 10px} .ausstellerdata a{display: inline-block;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; max-width: 100% } .ausstellerdata dt{padding-right: .3em} .a-logo{max-width: 160px} .kojebereich {height: 70px; } .kojebereich.has-uni-wien{height: 108px} .kojebereich dt:first-child, .kojebereich dd:nth-child(2){width:62px} .kojebereich dd{min-height: 37px;justify-content:center; margin-right: 30px; margin-right:0} .kojebereich .bereich{padding: 12px;max-width: calc(100% - 90px); line-height: 1.2em;max-width: none} .kojebereich dt{padding-left: 0px} .planhuelle{width:100%; height:0; padding-bottom:63%;padding-bottom:calc(65.02% - 12px); border:6px solid #7b7b7b;margin-bottom:30px; margin-bottom:90px; top:60px} #planausschnitt{ position: absolute; width: 100% ; left:0; top:0; height: 100%} #planausschnitt img{display: block; max-width: none} .map-pf{position: absolute; background: no-repeat;pointer-events: none; display: none;background: #E2001A; } .sized-2 .map-pf{display: block} #pf-no{left: calc(50% - 3px);bottom: 0; -ms-transform-origin:bottom;-webkit-transform-origin:bottom;-moz-transform-origin:bottom;-o-transform-origin:bottom;transform-origin: bottom} .map-pf:after{content:"";position: absolute; height:30px; width:40px; text-align: center; background: url("../../files/css/spitz.png") no-repeat} .vert{width: 6px; height: 156px;} .vert:after{ left:-17px;} .hor{height: 6px; width: 156px} .hor:after{bottom: -12px;font-size: 42px} #pf-no:after{top:-12px;-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);} #pf-nu{left: calc(50% - 3px);top: 0;ms-transform-origin:top;-webkit-transform-origin:top;-moz-transform-origin:top;-o-transform-origin:top;transform-origin: top} #pf-nu:after{bottom: -12px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } #pf-nl{top: calc(50% - 3px);right:0; -ms-transform-origin:right;-webkit-transform-origin:right;-moz-transform-origin:right;-o-transform-origin:right;transform-origin: right } .transform-top{-ms-transform-origin:top;-webkit-transform-origin:top;-moz-transform-origin:top;-o-transform-origin:top;transform-origin: top} #pf-nl:after{left:-20px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} #pf-nr{top: calc(50% - 3px);left:0; -ms-transform-origin:left;-webkit-transform-origin:left;-moz-transform-origin:left;-o-transform-origin:left;transform-origin: left} #pf-nr:after{right: -20px} #plancontainer { overflow: hidden;background: #fff;position: absolute; top:0;left:0; width:100%; height: 100% } #plancontainer img{width:130%;position: absolute; left: -15%; top:-12%} .plusmin{position: absolute;right:-3px;height: 30px;width: 58px;bottom:-3px} .lup{ border: 2px solid #e52100; display: none; height: 100%; width: 29px; background: url("../../files/css/plusminus.gif") no-repeat} .sizable .lup{display: block;cursor: pointer} #lupmin{right:149px; background-position: left;float: left} #lupplus{right:84px; background-position: right;float: right; background-color: #df2019} #fadenkreuz{width:132px;height:123px; background: url("../../files/css/fadenkreuz.png") no-repeat; background-size: contain; display:none; position: absolute} .sized-1 #fadenkreuz{top:calc(50% - 58px);left: calc(50% - 66px); display: block} .sized-0 #fadenkreuz{width:66px;height: 62px; display: block} .sized-0 #plancontainer img{top:calc(-12% - 4px)} .iframecontainer{width: 100%; height: 0; padding-bottom: 56.25%} .iframecontainer >button, .iframecontainer >iframe{position: absolute; width: 100%; height: 100%; display: block} .iframecontainer >button{border:none; outline: none; border-radius: 0; overflow: hidden} .iframecontainer img{width: 100%; display: block;position: absolute;top: -17.5%} .iframecontainer button:after{content:""; color:#fff; width:3em; position: absolute; left:50%; top:50%;-ms-transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%);background: #000; opacity: .4; font-size:2em; height: 3em; border-radius: 50%; text-align: center; text-indent: .2em; transition: all .3s; background: url("../../files/css/play-button-icon-kl.png") no-repeat center; background-size: contain} .iframecontainer button:hover:after{opacity: .8} .videolist li, div.videolist{padding: 30px 30px 8px 30px; box-sizing: content-box; border:1px solid; background: #fff; margin-bottom: 50px} .videolist .info{margin: 0px 0 5px 0; font-weight: 400} .videolist .as-h4, div.videolist h3{padding: 0; line-height: 1.3em; margin-bottom: 10px} div.videolist{margin-bottom: 1.35em} .letternav h3{left:-.5em;padding-right: .1em} ul+.swhead{margin-top: 10px} .lb-gallery{position: relative;border: 1px solid;padding: 30px 30px 0 30px; background: #fff;overflow: hidden;} .lb-gallery li{ float: none !important; width: 100%; padding: 0; transition: transform .7s} .lb-gallery .prevImg, .lb-gallery .nextImg{ width: 0;padding: 0; overflow: hidden;-ms-transform:translateX(100%); -webkit-transform: translateX(100%); -o-transform: translateX(100%); -moz-transform: translateX(100%);transform:translateX(100%); height: 0; visibility: hidden} .lb-gallery .prevImg{transform:translateX(-100%)} .lb-gallery .prevImg .image_text, .lb-gallery .nextImg .image_text{opacity: 0} .image_retainer{background: rgba(246,246,246,.5); /*height: 0; padding-bottom: 79.62%; overflow: hidden;*/ position: relative} .image_retainer span{display: block;overflow-x: scroll; overflow-y:hidden; /*width: 100%; height: 100%*/} .image_retainer .imglink{display: block;width: calc(100% + 20px); position: relative; height: 100%; overflow: hidden; cursor:zoom-in} .image_retainer:after{content: ""; line-height: 0;width: 100%; height: 17px; left:0; bottom:0; background: #fff; position: absolute} .image_retainer img{height: 100%; width: auto; display: block;position: relative; left: 50%; -ms-transform:translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);max-width: none} .image_text{position: relative; z-index: 3;width: 100%; padding: 0 15px; margin-top:-7px; min-height: 60px; opacity:1; transition: all .3s; transition-delay: .5s; margin-bottom: 10px} .image_text >figcaption, .image_text .dl-wrap{width: calc(50% - 28px)} .image_text figcaption p{margin: 0; padding-top: 3px; line-height: 1.3em} .image_text >figcaption h4{line-height: 1.2em} .image_text .dl-wrap{text-align:right} .image_text .img-counter{text-align: center} .image_text button{margin: 0} .lb-gallery figure h4{padding: 0} .pfeilchen{width: 20px; line-height: 26px } .pfeilchen.prev{left:8px} .pfeilchen.next{right:0px} .pfeilchen:after{position: absolute; top:0; left:0;text-indent: 0; font-size: 1.2em; color:#bababa} .pfeilchen.prev:after{content:"<"} .pfeilchen.next:after{content:">"} .slots { display: inline-block; /*width: 9em;*/ position: relative; white-space: nowrap; vertical-align: baseline } li .slots{color: #fff;padding: 3px 6px; font-weight: 500; width:auto; background: #39B54A; text-decoration: none; margin: 0 0 3px 8px; position: absolute; top:0; right:0 } li .s-0{background: #E30613} li .slots:not(.s-0):hover{background: #E30613;} ul.workshops{margin-bottom:20px} ul.workshops h3{padding-right: 85px } .no-fieldset fieldset{border:none; outline: none} .openee{height:0; -ms-transform:scaleY(0); -webkit-transform: scaleY(0); -o-transform: scaleY(0); -moz-transform: scaleY(0);transform: scaleY(0)} .opener:checked~.openee{height:auto; transition: transform .5s; -ms-transform:scaleY(1); -webkit-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1);transform: scaleY(1)} .opener:checked~.closee{display: none} ul.workshops .closebox{top:0; right:0} .closebox:after{content:"+"; text-indent: 0; position: absolute; right:0; top:-5px;-ms-transform:rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg);transform: rotate(45deg); font-size: 2em; opacity: .5} .closebox:hover:after{opacity: .8; transition: all .5s} fieldset.openee{padding-right: 60px;background: rgba(246,246,246,.5); padding: 15px;margin: 0 10px 10px 0;} input, select, option,form button {padding:0 3px; line-height: 1.8em;height: 1.8em; box-sizing: content-box; display: inline-block; margin-bottom: 10px;font-size: 100%;} option{padding: 3px} option[disabled]{color:#ccc} input,select{border:1px solid #ccc} select:invalid { color: gray; } form button{padding:0 5px} .closebox{text-indent: -10000px; position: absolute} option[hidden]{display: none} button.delete{display: block; width: 1em; position: relative; text-indent: -10000px; background: none; border: none; margin-left: .5em; cursor: pointer} button.delete::after{position: absolute; left: 0; top: 0; content: "x"; width: 100%; color: #E30613; text-align: center; text-indent: 0} .actionwrap{transform: scale(1.5); transform-origin: left; margin-left: .5em} .pdf-tbl td{padding: 0 .2em} .aussteller-thumb{display: inline-block; margin-bottom: 1em} .aussteller-thumb button{right: 0; top: 0; background: rgba(255,255,255,.5)} table.aligntop td{vertical-align: top} .vidtbl tr> :not(:first-child){width: 40%} .vidtbl tr td>*{width: 100%} .subtbl input{box-sizing: border-box} .widget-dropzone{width: 97%} /*.slots:after { content: ""; float: right; display: block; width: 14px; height: 14px; background: #95be22; border-radius: 7px; margin-top: 5px; margin-left: 7px; } .s-0:after,.s-0:before{background: #a21945 !important} .wszeit:after { content: "●"; padding: 0 8px; }*/ h3 time{padding: 2px; margin-right: 5px } .no-h1 h1{display: none} .textblock li{list-style: disc; margin-left: 1em; padding-left: 0} #sitemap li li{margin-left:1em} .bereichnav a{display: inline-block; margin-right: .3em} #hamburger{display: none;position: absolute; top: 8px; right: 8px; width: 34px; height: 34px; cursor: pointer; border-radius: 0} .a-data label, .a-data input,.a-data select,.textarea{display: inline-block} .a-data label{width: 50%; vertical-align: top; padding-top: 3px } .longline label{width: 100%} .a-data fieldset div div{width: 25%; padding: .2em .5em} .a-data fieldset label{width: auto; padding-left: .3em; font-size: .8em; overflow: hidden; text-overflow: ellipsis} label.required::after{content: "*"} .a-data input:not([type='checkbox']),.a-data select,.textarea{width: 45%; border-color:rgb(204,204,204)} .textarea{box-sizing: content-box; padding: 0 3px} .div-mzaz,.a-data div div{margin-bottom: 10px} #schlagworte{display: block; width: 100%} .ad-info{font-size: .8em; line-height: 1.2em; padding-top: .5em} .a-data .submit{color: #fff;padding: .2em .5em .25em; background: #0086cd; line-height: 2em; cursor: pointer} .a-data .submit:hover{ background: #E30613 } .a-data button{margin-right: 3%} .a-data div.error{position: relative} .a-data p.error + input{margin-bottom: calc(10px + 2.2em)} .a-data p.error{position: absolute; bottom: 0} fieldset .flex > div{white-space: nowrap; display: flex; flex-direction: row-reverse; justify-content: flex-end } .a-data legend{padding: .5em} #mzaz, .checkbox_container input{margin-bottom: 0; vertical-align: bottom} .buttonnav.three-only li:nth-child(4){display: none} .as-h4 + h4{padding-top: 0} .withlink>a{position: relative; top:-.8em} li.gestures{background: #fff url("../../files/css/haende_small.svg") no-repeat calc(100% - 7px) 12px; padding-right: 54px} li.info::before{content: ''; color:#fff; padding: .3em 1em;position: relative; left:-10px} li.abgesagt::before{content: ''; position: absolute; top:0; right: 0; bottom: 0; left: 0; background: rgba(255,255,255,.5); z-index: 1} li.abgesagt::after{content: "ABGESAGT!"; color: #e30613; font-size: 3em;font-weight: 700; position: absolute; z-index: 1; top:50%; left:50%; transform: translate(-50%,-50%) rotate(-10deg)} label.unwrap{color: #E30613; cursor: pointer} label.unwrap + div{max-height: 0; overflow: hidden} label.unwrapped + div{max-height: 30000px; transition: max-height .05s; overflow: visible} label.unwrap::before{content:'▼ '} label.unwrapped::before{content: '► '} .noaside #container aside{display: none} .noaside #main{width: 95%; margin: auto} .notaferl{padding-left: 10px} .kattaferl img{width: 50px} .kattaferl.active{border-bottom: 2px solid #e30613} .kattaferl:last-of-type{margin-right: 5px} @-webkit-keyframes ticker { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes ticker { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .tickerwrap{overflow: hidden; width: 100%} .ticker{ display: inline-block; height: 4rem; line-height: 4rem; white-space: nowrap; padding-left: 100%; box-sizing: content-box; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: ticker; animation-name: ticker; -webkit-animation-duration: 30s; } .ticker > *{ display: inline-block; padding: 0 2rem; font-size: 2rem; } .menueinrueck{padding-left:15px !important;} /* TIMELINE */ #timelinewrapper{border: 2px solid #fff; padding: 30px 0 10px; text-align: center; width:160%; margin:-20px 0 20px -30%; background: #f7e321 url(../../files/css/Hintergrund_2.svg);position: relative} #timelinewrapper .colflex > *{line-height: 28px; height: 30px} #timelinewrapper .colflex > :not(:last-child){margin-bottom: 10px} #timelinewrapper:after{content: ''; width: 17px; height: 100%; left:calc(50% + 21px); bottom:0; background:url('../../files/css/timeline/Timeline Pfeil.svg') no-repeat bottom;background-size: cover; position: absolute } .tl-links, .tl-archiv{padding:0 10px} .tl-links a{background: url('../../files/css/timeline/Livestream_1.svg') no-repeat; background-size: contain; width: 135px} a.vortrag-2{background-image: url('../../files/css/timeline/Livestream_2.svg')} a.infosession-1{background-image: url('../../files/css/timeline/Infosession1.svg')} a.infosession-2{background-image: url('../../files/css/timeline/Infosession2.svg')} a.uniwien{background-image: url('../../files/css/timeline/Uni_Wien.svg')} #timeline{width: 200%; margin-left: 50%} #timelinecontainer{overflow: hidden; } .zeitstrahl > div{border:1px solid; text-align: center; background: #f2f2f2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis} .zeitstrahl > div:not(.pause)+div{border-left:none} .zeitstrahl .pause{border-color: transparent; background: none !important} a.archiv{color:#fff; border: 1px solid #000; width: 75px; background: #4dac27; text-decoration: none } #timelinewrapper time{font-weight: 700} /*CHAT AUSSTELLERLISTE*/ .haschat{color: #fff; background: #4dac27} /* VIDEO + BILD + CHAT */ .vimwrap{margin-bottom: 1.5rem} .uppervim figure{padding: 0} .uppervim > *{display: none;margin-bottom: 1.5rem} .uppervim img{display: block; width: 100%} .uppervim figcaption{position: absolute; left: -10000px; width: 0; height: 0; overflow: hidden} .view-0 .uppervim > *:first-child{display: block} .view-1 .uppervim > *:nth-child(2){display: block} .view-2 .uppervim > *:nth-child(3){display: block} .view-3 .uppervim > *:nth-child(4){display: block} .view-4 .uppervim > *:nth-child(5){display: block} .view-0 .thumbrow button:first-child{display: none} .view-1 .thumbrow button:nth-child(2){display: none} .view-2 .thumbrow button:nth-child(3){display: none} .view-3 .thumbrow button:nth-child(4){display: none} .view-4 .thumbrow button:nth-child(5){display: none} .thumbrow button{ margin-right: 10px; display: block; padding: 0; border: none; background: none; cursor: pointer} .thumbrow img{border: 1px solid #8b8b8b; max-height: 85px} .thumbrow figcaption{text-align: center; overflow: hidden; text-overflow: ellipsis; font-size: .8em; color: #31845d; max-width: 110px; margin: auto; white-space: nowrap} .vwrap iframe{position: absolute; top:0; left:0; width: 100%; height: 100%} .chatbl input{min-width: 320px} table.chatbl{max-width: 500px;table-layout: auto} table.chatbl th:first-child{width: 150px} table.chatbl th:not(:first-child), table.chatbl td:not(:first-child){min-width: 320px} table.extended{width: 100%; max-width: 100%;table-layout: auto} table.extended th:first-child{width: 60px} table.extended th:not(:first-child), table.extended td:not(:first-child){min-width: none; width: calc(33.33% - 18px)} table.extended input{min-width: 0; font-size: .8em} /* AUSSTELLER SOCIAL MEDIA */ .a-detail .social.iconnav{display: none} .social-media{background: #fff; border:1px solid #d9d9d9; padding: 9px 18px; align-self: flex-end; margin-bottom: 42px; width: 100%} .social-media a{width: 40px; height: 40px; background: url('../../files/css/new-social/facebook.svg') no-repeat; border-radius: 50%} .social-media a+a{margin-left: 10px} .social-media a.twitter{background-image:url('../../files/css/new-social/twitter.svg')} .social-media a.instagram{background-image:url('../../files/css/new-social/instagram.svg')} .social-media a.youtube{background-image:url('../../files/css/new-social/youtube.svg')} /* AUSSTELLER MAININFO NEU */ .ausstellerdata a{line-height: 1.4em} .ausstellerdata a + a{display: block; margin-top: -5px; margin-left: 37px} .ausstellerdata a + a + a{margin-top: -22px; } .comm a::before{content:''; background: url('../../files/css/Telefon.svg') no-repeat; background-size: contain; width: 25px; height: 25px; display: inline-block; margin-right: 12px; position: relative; top:6px } .mail a::before{background-image: url('../../files/css/Mail.svg')} .web a::before{background-image: url('../../files/css/Web.svg')} .comm a + a::before{content:none} /*.kojebereich dt:first-child, .kojebereich dd:nth-child(2){display: none}*/ dd.comm{color: transparent} .a-logo{max-width: 320px; max-height: 160px} /* RECHTE SPALTE */ nav.rightnav li:last-child span, nav.rightnav li:last-child a{color: #000; background: inherit} .sidewrap{max-width: 200px; margin-top: 50%; outline: none !important} .sidewrap ul{margin-top: 0; max-height: 0; overflow: hidden; margin-bottom: 18px} .sidewrap button, .sidewrap a,.sidewrap button, .sidewrap li>time{border: none; border-radius: 0; color:#808080; font-weight: 500; display: block; width: 100%; margin: 0; background-color: transparent; text-align: left; cursor: pointer; position: relative; text-decoration: none; padding: 0 .5em} .sidewrap li{background-color: #fff} .sidewrap li:not(.tili):hover{background-color: #f6f6f6} .sidewrap li button, .sidewrap a, .sidewrap li>time{line-height: 1.2em;border: 1px solid; border-top: none; padding: calc(15px - .6em) .5em; padding-right: 22px} .sidewrap time{cursor: auto !important} .sidewrap button.open + ul{max-height: 800px} button.klapper{background: no-repeat; background-size: contain; padding: 0; line-height: 0} .livestream iframe{width:100%; aspect-ratio:16/9; position: absolute; top: 0; left: 0; width: 100%; height: 100%} .livestream .iframec p{position: relative; width: 100%; padding:0 0 56.25% 0; height: 0} nav .nomainnav.uni-live.rightnav a,nav .nomainnav.uni-live.rightnav span{background: #1c64a3; color: #fff; line-height: 1.5em} nav .nomainnav.best-live.rightnav a,nav .nomainnav.best-live.rightnav span{background: #4dac27; color: #fff; } /* MENU */ li.login-pg a, li.login-pg span{background: #4dac27; color: #fff} /* CHAT-OVERLAY */ #overlay{display:none; width: calc(100% + 2px); height: 100vh; position: absolute; top: 0; left: 0; z-index: 100;} #overlay>div::after{content: none; position: absolute; background: #fff; width: 50px; height: 40px; left: 0; top:40px} #overlay > div{height: 100%; padding: 20px; margin: auto; top:-10px; background: #fff} .showChat #overlay{display: block} .showChat #overlay > div{border: 1px solid} #overlay iframe{width: 100%; height: 100%; max-width: 692px; margin: auto; border: none; display: block} #o-close,#v-close{position: absolute; top: 8px; right: 8px; font-size: 0; color: #000; border: none; background: url("../../files/css/crosse.svg") no-repeat; cursor: pointer; height:18px; width: 18px } #o-close::after,#v-close::after{content:none} #v-close{display: none} .showclose #v-close{ display: block; z-index: 5; top: -10px; right: -10px; background-color: #fff; padding: 5px; border: 1px solid #ccc; border-radius: 3px;} button.showchat::after {content:'';position: absolute; right: 6px; top: 50%; transform: translateY(-50%); border-radius: 50%; width: 10px; height: 10px; background: #4dac27} button.showchat:focus::after{left:auto; bottom: auto; outline: none} #burgerback{height: 20px; width: 22px; background: url("../../files/css/linkspf.png") no-repeat; box-sizing: content-box; border-radius: 0; color:#444; position: absolute; top:6px; left:8px; font-size: 0; cursor: pointer; background-size: contain; opacity: .7; border: none} /* UNI WIEN */ .kojspan.uniwien{background-color: #1c64a3; color:#fff} .uniwien::after{content:'W'} .uni-wien .no-uni, html:not(.uni-wien) .just-uni{display: none !important} .uni-chat iframe{width: 100%; height: 25vh; min-height: 350px; max-width: 690px} /* CHAT RESERVE */ .sidebar-wrap{opacity:.1 !important} button.js-register{display:none} .js-register-anonymous::after{content:"Klick um beizutreten"; text-align:center; position:absolute;top:2px; left:2px; right:2px; bottom:2px; background:#fff;line-height:20px} .rc-header__name{display:none} .rc-header__topic{font-size:1.8em} /*KOMMENTARE*/ .w-mail,.w-website,.w-notify{display: none} /*PROGRAMMVIDEOS*/ .pvideo li{margin-bottom: 2em; padding: 6px 8px} .pvideo .vwrapwrap{width: 25%;} .pvideo .vwrap{ border: 1px solid #808080; background: url('../../files/css/video-thumb.png') bottom no-repeat; background-size: cover; height: 0; cursor: pointer; display: block} .pv-text{width: 72%} .pv-text > div >:first-child{padding-top: 0 !important; } .textbereich a{display: inline-block; margin-bottom: 7px} .pv-text h3{color:#E30613} .pv-text h4{color:#000; padding-top: .2em; line-height: 1.25em} #pv-outer{width: 100%; height: 0; z-index: 3; left: 0} #pv-outer iframe{width: 100%; height: 100%; left:0; top:0; position: absolute} /* PROG-VIDEOS AUSSTELLER */ .pv-wrap{top:0; width: 100%; display: block} .onlinevideos .pv-wrap{top:calc(100% + 20px)} .onlinevideos .iframecontainer img{top:auto; max-height: 100%; object-fit: cover} #pv-wrap{border:5px solid #f6f6f6; width: calc(100% + 10px); left:-5px; background-color: #f6f6f6} #pv-wrap iframe{border: 1px solid} /* INFOSESSIONS */ #video{width: 100%; z-index:2} .jitsi #jitsi-meet{padding-bottom: 75%} #jitsi-meet iframe{border: none} body:not(.jitsi) .meeting, .jitsi .joinsession{display: none} .meeting{margin-top: 1em} /*NEUE STARTSEITE*/ body.neustart{padding-top: 30px} body.neustart .neustart-svg *{margin: 0 !important; padding: 0 !important; } .neustart #wrapper{margin: 0 !important; padding: 0 !important;} .neustart #main .inside{min-height: 0} .neustart #container{display: block !important} .neustart #wrapper{background: none;max-width: none} .neustart #main{width: 100%; max-width: none} .neustart #main div{background: none} .mobile-only{display: none} .newstartnav .d-block{display: block !important; } .newstartnav li{margin: 1em auto; } .newstartnav li a{font-size: 1.5em} .newstartnav .en a{opacity: 1} .newstartnav .en{margin-bottom: 2em; margin-right: 0} /* SVG STAND */ .showInfo >*{display: none} #Infomaterial:hover ~ #Infomaterialien>*, #Chat:hover ~ #Chats>*,#Infosession:hover ~ #Infosessions>*,#Livestream:hover ~ #Livestreams>*,#Workshop:hover ~ #Workshops>*,#Onlinevideos:hover ~ #Videos>*{display: inline-block} .svg-wrap > div:first-child{position:relative;height: 0; padding-bottom: 53.91%} .svg-wrap svg{width: 100%; height: 100%; position: absolute} .svg-wrap .klapper{display: none} .svg-wrap ul{position: absolute; max-height: 0; overflow: hidden; padding-top: 5%; margin: 0; z-index: 1; cursor: pointer; width: 25.75%} .svg-wrap li{background: #fff; padding: 0; font-size: .8em} #stand_chat-li{left:31.5%;top:29%; } #stand_chat-li:hover,#stand_material-li:hover,#stand_is-li:hover,#stand_ws-li:hover,#stand_ls-li:hover,#stand_pv-li:hover { max-height: 800px; z-index: 2} #stand_material-li{top:29%;left:.5%;width: 25.2%} #stand_ls-li{left:69.8%;top:14.15%; width: 25.2%} #stand_pv_li{top:47%;left:70%;padding-top: 12.5%; } #stand_is-li{left:69.4%;top:83.35%; width: 25.2%} #stand_ws-li{left:35%;top:4.7%; width: 25.3%} #stand_pv-li{left:70.05%; top:50%; width: 25.4%} #stand_uni-li{display: none} /* #pv-li li, #stand_pv-li li{display: none} programmvideos */ /* FRAGEBOGEN */ .fragebogen fieldset{border-color:#f6f6f6; padding: .5em; background: #fff} .fragebogen > fieldset{margin-bottom: 2em; position: relative} .fragebogen legend{padding: 0 .25em} .fs-opener{position: absolute; top:-1.2em; } .fs-opener + fieldset, .moreopen + label + br + br + fieldset{max-height: 0; overflow: hidden; padding: 0; margin: 0; border-width: 0; margin-top: -18px; pointer-events:none} .fs-opener + fieldset > legend{visibility: hidden} .fs-opener:checked + fieldset, .moreopen:checked + label + br + br + fieldset{max-height: 1000px; padding: 1em; transition: all .2s; border-width: 2px; border-style: solid; margin: 2px; display: block; pointer-events:auto} .fs-opener:checked + fieldset > legend{visibility: visible} .fragebogen .rel > legend{padding-left: 1.4em} .fragebogen legend span{font-size: .8em; display: block; font-weight: 500} .dblock{display: block} .fragebogen > fieldset > legend{font-size: 1.2em; font-weight: 700; background: #fff; width: calc(100% + 1em); display: inline-block; margin-left: -.5em; padding: .5em .5em 0; border: 1px solid #aaa; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; border-bottom: none;} .fragebogen fieldset + label{display: inline-block; margin-top: .5em} .moreopen:checked + label + br + br + fieldset{margin-top:-1.5em; border: none} .fragebogen input{margin-bottom:0; height: auto; display: inline-block; margin:0 .25em} .fragebogen textarea{width: 100%} .fragebogen fieldset>label{white-space: nowrap} /* INFOPOINT */ .infochat{cursor: pointer} .supp{margin-top: 2em} .telli{font-size: 0} .telli li{display: inline-block; font-size: 1rem; padding-left: .1em} .telli li:not(:last-child)::after{content:' | '} a.openinfo{pointer-events:none} /*PAUSENSCREENS*/ .stubscreen article{position: fixed; top:0; left:0; width: 100%; height: 100%; background: no-repeat center; background-size: cover} #screen-morgen{background-image: url('../../files/upload/pausenscreens/Gleich gehts los.png')} #screen-pause{background-image: url('../../files/upload/pausenscreens/Gleich gehts weiter.png')} #screen-abend{background-image: url('../../files/upload/pausenscreens/Das wars fuer heute.png')} #screen-ende{background-image: url('../../files/upload/pausenscreens/Das war die BeSt.png')} .stubscreen #wrapper{background: none} /* WORKSHOP */ #am-workshop-teilnehmen{height: calc(100vh - 200px)} .workshopframe #container{justify-content: center} .workshopframe #left{display: none !important} .workshopframe #main{width: 100% !important} /* BACKOFFICE */ .backoffice *{outline: none !important} .backoffice a:focus:after,.backoffice button:focus:after{content: none} .backoffice #main{width: 100%; margin-top: 0} .backoffice .pdf_link{display: none} .visibleBtn,.chkBtn{position:absolute; left:-300vw; top:-300vh} .visibleBtn + label{background:url('../../system/themes/flexible/images/invisible.gif') no-repeat center; width:17px; height:16px; display: inline-block} .visibleBtn:checked + label{background-image:url('../../system/themes/flexible/images/visible.gif')} .chkBtn + label{ display: inline-block; width: 16px; line-height: 16px; position: relative; text-align: center; opacity: .5; border:1px solid} .chkBtn:checked + label{color:#4dac27; opacity:1; border-width:2px; font-weight:700; width:18px} .chkwrap{width:60px} .vis-td{width:17px} .office-event input[type="number"]{width:7ch; text-align: right; } .tn-listing td{vertical-align: middle} .tn-listing input{margin: 0} td.status span{width: 20px; position: relative; display: block; } td.status label{padding: 2px; display: inline-block; border-radius: 50%; border: 2px solid transparent; position: relative} td.confirmed{color: green} td.pending{color: green} td.confirmed label::after{content:'✓'; color: green} td.pending label{border-color:green} td.expired label{} td.pending label::after{content:"\23F1";} td.expired label::after{content:'\23F1';} td.expired label::before{content:'\2044'; color:red; position: absolute; left:40%; top:10%; width: 100%; display: block; font-size:2em; font-weight: 700} td.delete label{color:red} .newEntry .hideOnNew{display: none} .listdelete{border: none; width: 20px; height: 20px; display: inline-flex; color:red; background: none; font-weight: 700; text-align: center; cursor: pointer; position: relative; top:-3px} .listdelete:only-child{position: static} .as-sw li label{display: flex; align-items: center} .as-sw li input{margin: 0 10px 0 0} .unwrapped + div .as-sw{margin-bottom: 1.5em} .swheadhead{font-size: 1.2em; display: block;margin-bottom: 1em} .swhead{ display: block;margin-bottom: .8em} .backoffice header .inside { padding: 20px 5% 0 5% } .backoffice .mainnav li { width: 16%; } /*.chkBtn + label::after{content:'☐'; position: absolute; left: 0; font-size: 1.5em; color:#929292} .chkBtn:checked + label::after{content:'☒'}*/ /* MEDIA QUERIES IN SMALLA.CSS */ /* MEDIA QUERIES IN SMALLA.CSS */ /* MEDIA QUERIES */ @media screen and (max-width: 1350px) { .neustart-svg{transform: scale(1.5); transform-origin: top;} } @media screen and (max-width: 1240px) { body {padding: 160px 20px 25px 20px} #footer:after{left:466px} } @media screen and (max-width: 1160px){ #left .forrn{display: block} #left nav{position: static} #right{display: none; max-width: none; width: 100%} header .inside{padding-right: 10px; padding-left: 10px} /* .headerimg {position: relative;left:10px} .headerimg img {width: 81.25%;width: calc(81.25% - 10px);margin-left: 18.75%;}*/ .headerimg img{width:100%;margin: 0} .headerimg{position: static} #main{width:81.25%; max-width: none; padding-right: 10px} .mod_breadcrumb,main,.mainnav{padding-left: 10px} #slider{left:-10px;width:calc(100% + 20px)} /*.mainnav{margin-left: 18.75%}*/ .mainnav{margin-left: 0; padding: 0} #timelinewrapper{width: calc(100% + 30px); margin-left: -20px} } @media screen and (max-width:1080px) { #left{width: 175px} #main{width:calc(100% - 175px)} .headerimg img{width:calc(100% - 175px)} /*. .mainnav{margin-left: 175px} headerimg img{margin-left: 165px}*/ .headerimg img{width:100%;margin: 0} .headerimg{position: static} .mod_breadcrumb,.mainnav{padding-left: 0} } @media screen and (max-width:995px) { /*#slider,.headerimg {width:calc(100% + 20px);margin-left:-10px}*/ header .inside {padding: 20px 10px 0 10px} main .buttonnav ul{display: -webkit-flex; display: -ms-flexbox;display: flex; } #footer:after{content: none} } @media screen and (max-width:920px) { .mainnav{margin-left: 0} .map-pf{-webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8) transform: scale(.8);} .planhuelle{border-width: 5px} div.neustart-svg{transform: scale(1.9); margin-left:10px !important} } @media screen and (min-width:781px) { /* NO HAMBURGER */ #searchform{position: absolute; bottom: calc(100% + 89px); right: 41px} } @media screen and (max-width:780px) { /* HAMBURGER */ #timelinewrapper{display: none} #container{-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column} .headerimg{position: static} #main{width: 100%} #left{order:20; width: 100%; max-width: none} #left .social{text-align:center; width: 100%; margin: auto; position: relative; top:-50px} #left .social>ul{max-width: 300px; margin: auto; width: 100%} nav.leftnav, nav.rightnav{display: none} /* HAMBURGER */ .mainnav .level_1{transform: scaleY(0);transform-origin: top; height: 0} .hamburg .mainnav .level_1{transform: scaleY(1); transition: transform .5s;height: auto} #hamburger{display: block; z-index: 500;background: none; border: 0} #hamburger:focus{outline:2px dashed #000} .hamburg .mainnav{background: #FFEE00} .mainnav{position: absolute; top:-160px; right: -10px; z-index: 500; width:calc(100% + 20px); overflow: visible; padding-top: 50px;} .mainnav:before{content: ""; position: absolute; top:10px; right: 10px; background: #000; background-clip: content-box; height: 5px; border-top:5px solid; border-bottom: 5px solid; width: 30px; box-sizing: content-box; padding: 8px 0; z-index: 1} .mainnav ul{display: block} .mainnav .level_2, .mainnav .nomainnav{display: block} #top .mainnav .level_2 a{background: none !important; color:#000} .mainnav li a, .mainnav li span{line-height: 2em} .mainnav ul:not(.level_1) li span{color:#E30613 !important} .mainnav li{width: 100%; text-align: left; padding-left: 20px} body{padding-left: 10px; padding-right: 10px} nav.topnav{display: none} /*#right{display: block}*/ #right nav{display: none} #right div.sidewrap{max-width: none; margin: 0; display: flex; flex-wrap: wrap; justify-content: space-around} .sidewrap > div:empty{display: none} #right .sidewrap > div{width: 30%} #right .sidewrap > div > *{margin-left: auto; margin-right: auto} #right .sidewrap button{width: auto} .ip svg{height: auto; margin-top: 1em} } @media screen and (max-width:730px) { .image_text{padding: 0} } @media screen and (max-width:680px) { #footernav{max-width: 40%} .a-data fieldset div div{width: 33.33%} .neustart-svg{display: none} .mobile-only{display: block} .mobile-only #logo{bottom: auto} .mobile-only ul{margin-top: 5.15em} .mobile-only li.login-pg{margin-top: 3.5em} .flex_when_narrow{display: flex; justify-content: space-between; flex-wrap: wrap} .svg-wrap > div:first-child{display: none} .svg-wrap ul{position: static; width: 100% !important; padding: 0; max-height: none; margin-bottom: 5%} .flex_when_narrow > div{width: 32%} .flex_when_narrow .klapper{display: block; position: relative; border: none; vertical-align: bottom; margin: 0} .flex_when_narrow .klapper::after{content:''; width: 0; height: 40px; display: inline-block} #stand_uni-li{display: block} } @media screen and (max-width:600px) { main .schwerpunktnav ul{-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap} main .schwerpunktnav li{width:calc(25% - 30px/4); margin-bottom: 10px; max-width: 90px} main .schwerpunktnav li:nth-child(4n){margin-right: 0} main .inside{margin: 0} .ausstellerdata{padding-right: 20px} .sized-2 #plancontainer img{margin-top: -1%} /*.sized-2 #plancontainer img {top: -310% !important;}*/ .videolist li, div.videolist{padding: 25px 25px 15px 25px; margin-bottom: 40px} .a-data label:not([for='mzaz']){width: 100%} .a-data label[for='mzaz']{width: auto; padding-right: 10px} .a-data input:not([type='checkbox']),.textarea {width: calc(100% - 10px)} .a-data button{margin-right: 0} /* VIDEO AUSSTELLER */ .thumbrow{flex-direction: column} } @media screen and (max-width:550px) { ul.sw li{width: 100%} #lngnav{right: -20px} .map-pf{-webkit-transform: scale(.5); -moz-transform: scale(.5); -ms-transform: scale(.5); -o-transform: scale(.5) transform: scale(.5);} .planhuelle{border-width: 3px} .iframecontainer button:after{width:2em; line-height: 2em; font-size: 3em} #footer .inside{display: block} #footernav{max-width: none} table.aussteller td[data-img] span:after{content: none} table.aussteller td[data-img] a{width: 100%} #right .sidewrap > div{width: 50%} /* .svg-wrap li{display: none !important} .svg-wrap ul{cursor: auto !important}*/ } @media screen and (max-width:500px) { .koje1 > div{display: block; margin-top: 5px} .koje2 > div{position: absolute; left: -10000px; height: 0; width: 0; overflow: hidden; clip:rect(0,0,0,0)} .aussteller th{width: 0; height: 0; overflow: hidden;display: block;clip:rect(0,0,0,0); position: absolute; left: -10000px} table.aussteller td:nth-child(2){width: calc(100% - 60px); padding-left: 15px; padding-right: 5px} table.aussteller td{display: inline-block} .koje2{width: 0 !important; height: 0; overflow: hidden} .flex_when_narrow > div{width: 48%; max-width: 200px} .supp svg{max-height: 20vw} } @media screen and (max-width:480px) { .spalten-3 ul{-webkit-column-count:2 !important; column-count:2 !important} .ausstellerdata dl{clear: right} .image_text > *{width: 100% !important;} .image_text{-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column} .image_text>:first-child, .image_text>:nth-child(3){-webkit-order: 1; -ms-flex-order: 1; order: 1;} .image_text>:first-child{padding: 10px 0} .telli li{display: block; text-align: center; margin-bottom: .5em; font-size: 0;letter-spacing: 0} .telli li a{font-size: 1rem; letter-spacing: .1em} div.ip{display: none} .ipt{display: block !important} } @media screen and (max-width:420px) { #lngnav ul{display: block} #lngnav li:first-child{margin-bottom: 10px} .vert{height: 120px} .sized-2 #plancontainer img{margin-top: -4%} /*.sized-2 #plancontainer img {top: -315% !important;}*/ .videolist li, div.videolist{padding: 20px 20px 10px 20px; margin-bottom: 35px} .mobile-only #logo{transform: scale(.75); transform-origin: left top} .mobile-only ul{margin-top: 3.35em} } @media screen and (max-width:400px) { main .schwerpunktnav li:nth-child(4n){margin-right: 10px} main .schwerpunktnav li:nth-child(3n){margin-right: 0} main .schwerpunktnav li{width:calc(33.33% - 20px/3)} /*.kojebereich dd{margin-right: 15px;} .kojebereich .bereich {max-width: calc(100% - 75px)}*/ } @media screen and (max-width:350px) { main .schwerpunktnav li:nth-child(3n){margin-right: 10px} nav#logo a{ width:85%; background-size: contain} main .schwerpunktnav li:nth-child(2n){margin-right: 0} main .schwerpunktnav li{width:calc(50% - 10px)} .vert{height: 90px} .hor{width: 90px} #wrapper{margin-left: -10px; width: calc(100% + 20px)} nav#logo{left:10px; width: 80%} #lngnav{right: -10px} .mainnav{right: 0} .videolist li, div.videolist{padding: 10px 10px 5px 10px; margin-bottom: 15px} #right .sidewrap > div{width: 100%} .kojebereich.has-uni-wien { height: 138px;} } @media print { body{font-size:12pt; padding: 2cm 1.5cm; width: 210mm; background: #fff} #wrapper{background: #fff} #header,#footer,#left,#right, .buttonnav, .pdf_link, .ce_image.pfeil{display: none !important} #container{display: block} #main{width:100% !important; max-width: 100%; background: #fff; font-size: 12pt} #main > div{background: #fff} } /*#lngnav{display: none}*/ .scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } @media screen{ /* intern.css */ .pagination li{display:inline-block}.plan{width:750;height:542;margin-right:-30px;margin-left:-30px}.no-text{text-indent:-150vw}h1,.as-h1{padding-top:.5em;padding-bottom:.8em;font-size:20px;color:#e30613;letter-spacing:.1em}main h1+h2,main h1 + div h2:first-child{margin-top:-0.5em;padding-top:0}main h2,.as-h2{padding-bottom:.3em;font-size:18px;font-weight:bold;color:#000;letter-spacing:.08em}main h3,.as-h3{padding-top:.3em;font-size:16px;font-weight:bold;color:#000;letter-spacing:.1em}main h4,.as-h4{padding-top:.8em;padding-bottom:.2em;font-size:16px;font-weight:bold;color:#E30613}main h5,.as-h5{padding-top:.2em;padding-bottom:.2em;font-size:16px;font-weight:normal;color:#7f7f7f}main h6,.as-h6{padding-top:.8em;padding-bottom:.2em;font-size:16px;font-weight:bold;color:#7f7f7f}main li{padding-left:.5em;list-style-type:none}main nav li{padding-left:0}.spalten-3 ul{-webkit-column-count:3;column-count:3}.spalten-4 ul{-webkit-column-count:4;column-count:4}main p{margin:0 0 1.0em}.rsts-caption{display:none} } /* Eigene.css */ .chat{padding:3px 10px 2px;background-color:#fff;border:1px solid rgba(0,0,0,.6);border-radius:6px;color:#f00;behavior:url('assets/css3pie/1.0.0/PIE.htc')}.pad{padding-top:7px}.uni{padding:3px 10px 2px;background-color:#4d9407;border:1px solid rgba(0,0,0,.6);border-radius:6px;color:#fff;behavior:url('assets/css3pie/1.0.0/PIE.htc')}.nummer{padding:3px 10px 2px;background-color:#fff;border:1px solid rgba(0,0,0,.6);border-radius:6px;behavior:url('assets/css3pie/1.0.0/PIE.htc')}#work15{font:16px arial;letter-spacing:-0.01em;word-spacing:-1px}#burgerback{display:none !important}#overlay>div::after{content:none !important}li.verschoben::before{content: ' verschoben auf 14:00'; color:#FFF; background-color:#000; padding: 2px 3px 1px 3px; font-size: 16px; margin: 0px 0px 0px 0px;}{}li.entfällt::before{content: ' entfällt'; color:#FFF; background-color:#000; padding: 2px 3px 1px 3px; font-size: 16px; margin: 0px 0px 0px 0px;}{}li.Abgesagt::before{content: ' Abgesagt'; color:#FFF; background-color:#c20e1a; padding: 3px 10px 2px 10px; font-size: 16px; margin: 0px 0px 0px 0px;}{}li.Neu::before{content: ' Neu' ;color:#FFF ;background-color:#55af59; padding: 3px 10px 2px 10px; font-size: 16px; margin: 0px 0px 0px 0px;}{}li.do1::before{content: ' Schwerpunkt Klima ' ; color:#FFF; background-color:#e4032d; padding: 3px 6px 1px 6px; font-size: 16px ;}{}li.do2::before{content: ' BeSt Roundtable  ' ; color:#FFF; background-color:#e4032d; padding: 3px 6px 1px 6px; font-size: 16px ;}{}li.fr1::before{content: ' Schwerpunkt Gesundheit ' ; color:#FFF; background-color:#e4032d; padding: 3px 6px 1px 6px; font-size: 16px ;}{}li.fr2::before{content: ' BeSt Roundtable ' ; color:#FFF; background-color:#009d3c; padding: 3px 6px 1px 6px; font-size: 16px ;}{}li.sa1::before{content: ' Schwerpunkt KI ' ; color:#FFF; background-color:#e4032d; padding: 3px 6px 1px 6px; font-size: 16px ;}{}li.sa3::before{content: ' BeSt Roundtable ' ; color:#FFF; background-color:#2c4294; padding: 3px 6px 1px 6px; font-size: 16px ;}{}li.so1::before{content: ' Schwerpunkt Fachkräfte gesucht! ' ; color:#FFF; background-color:#e4032d; padding: 3px 6px 1px 6px; font-size: 16px ;}{}li.so2::before{content: ' BeSt Roundtable ' ; color:#FFF; background-color:#009ee3; padding: 3px 6px 1px 6px; font-size: 16px ;}{}#neu{list-style-image:url("../../files/upload/Piktogramme/punkt.png")}.pfeil{width:50px;height:50px;margin-right:auto;margin-left:auto;padding-top:20px;padding-right:0;padding-bottom:50px}.pressebgcolor{margin-bottom:20px;padding:7px 20px 0 10px;background-color:#fff;border:1px solid #ababab;border-radius:10px;border-spacing:0;behavior:url('assets/css3pie/1.0.0/PIE.htc')}.pressebgcoloro{margin-bottom:0;padding:7px 20px 5px 10px;background-color:#fff;border-top:1px solid #ababab;border-right:1px solid #ababab;border-bottom:0px solid #ababab;border-left:1px solid #ababab;border-radius:10px 10px 0 0;behavior:url('assets/css3pie/1.0.0/PIE.htc')}.pressebgcolorm{padding-right:10px;padding-bottom:10px;padding-left:10px;background-color:#fff;border-width:0px 1px;border-style:solid;border-color:#ababab;border-radius:0;behavior:url('assets/css3pie/1.0.0/PIE.htc')}.pressebgcoloru{margin-top:0;margin-bottom:20px;padding-right:10px;padding-bottom:10px;padding-left:10px;background-color:#fff;border-top:0px solid #ababab;border-right:1px solid #ababab;border-bottom:1px solid #ababab;border-left:1px solid #ababab;border-radius:0 0 10px 10px;behavior:url('assets/css3pie/1.0.0/PIE.htc')}.programmbgcolor{margin-top:0;margin-bottom:10px;padding:0 0 0 10px;background-color:#fff;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}.workshop{margin-top:10px;margin-bottom:10px;padding:10px 0 0 10px;background-color:#fff;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}