body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} /* 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} /* 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} /* 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} @charset "UTF-8"; /* hellgrau */ /* blau */ /*rot*/ /*$break_large: 1020px;*/ /*@import 'normalize.css';*/ /* ------------------------------------------------------------------ general styling ------------------------------------------------------------------ */ * { -moz-box-sizing: border-box; box-sizing: border-box; } *::-moz-selection { background-color: #ececec; } *::selection { background-color: #ececec; } html { overflow-y: scroll; } .float_left { float: left; } .float_right { float: right; } .clear, #clear { height: 0.1px; font-size: 0.1px; line-height: 0.1px; clear: both; } .invisible { width: 0; height: 0; left: -1000px; top: -1000px; position: absolute; overflow: hidden; } img { display: block; /*ansonsten 5px Abstand unterhalb in FF */ max-width: 100%; height: auto; } .ce_download img { display: inline-block; /*kein Blockelement in Download-Paragrafen */ } .no_link { color: black; } /* ------------------------------------------------------------------ structure ------------------------------------------------------------------ */ html, body { font-family: "HelveticaNeueW02-45Ligh", Helvetica, Arial, sans-serif; height: 100%; position: relative; margin: 0; padding: 0; } #wrapper { /*@include border;*/ margin: 0; width: 100%; position: relative; padding-bottom: 54px; } header, #container { /*@include border;*/ clear: both; /* sonst kein Umbruch bei grossen Screens */ margin: 0 auto; overflow: hidden; } #container { /*@include border;*/ position: relative; padding-left: 12rem; padding-right: 14rem; min-width: 260px; max-width: 1020px; padding-top: 40px; } @media (max-width: 720px) { #container { padding-right: 0; padding-left: 0; padding-top: 0; width: 100%; box-shadow: inset 0px 22px 18px -18px rgba(100, 100, 100, 0.8); } } .full_size #container { padding-left: 0; } .full_size #left { display: none; } #container::after, .custom::after { clear: both; content: ""; display: table; } header { /*@include border;*/ position: relative; height: 340px; width: 100%; } header figure picture img { max-width: none; box-shadow: 0px 22px 18px -18px rgba(100, 100, 100, 0.8); } @media (max-width: 720px) { header figure picture img { box-shadow: none; } } @media (min-width: 1800px) { header figure picture img { width: 100%; height: 300px; } } @media (max-width: 720px) { header { height: 300px; } } #main, #left, #right { position: relative; float: left; } #main { /*@include border;*/ min-height: 200px; width: 100%; padding-left: 20px; /* falls keine linke Navi, dann st├Âsst Main an linker Seite direkt an, also border_padding */ padding-right: 20px; /*main-div auf volle H├Âhe ziehen*/ /*http://alistapart.com/article/holygrail*/ /* $X: 20000px; padding-bottom: $X + ($spacer/2); margin-bottom: -$X;*/ } #main .inside { height: 100%; position: relative; } @media (max-width: 720px) { #main { padding-top: 40px; background-image: -webkit-linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, white); background-image: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, white); } } @media (max-width: 620px) { #main { border-right: none; padding-right: 20px; } } .inside { position: static; } #left { /*@include border;*/ padding-right: 20px; padding-left: 20px; margin-left: -100%; width: 12rem; right: 12rem; } #right { /*@include border;*/ width: 14rem; margin-right: -100%; padding-left: 20px; color: #bebebe; } #right h1, #right h2, #right h3, #right h4, #right h5, #right h6 { color: black; } #right p { margin: 0; } #right a { color: #bebebe; } #right .inside > div { margin-top: 40px; } #right .inside > div:first-child { margin-top: 0; } @media (max-width: 720px) { #right { float: none; display: block; margin: 20px 20px; width: 100%; padding-left: 0; } #right .inside > div { float: left; margin-right: 10px; } #right .inside > div:first-child { margin-top: 20px; } #right .inside > div:last-child { margin-right: 0; } } footer { /*@include border;*/ position: fixed; bottom: 0px; width: 100%; height: 34px; padding-left: 12rem; padding-right: 14rem; color: #250406; background-color: #ececec; font-size: 0.7rem; } footer::before { /*@include border;*/ content: ''; position: absolute; bottom: 34px; left: 0; width: 100%; height: 20px; background-color: white; } @media (max-width: 720px) { footer { padding: 0; } } /* ------------------------------------------------------------------ logo ------------------------------------------------------------------ */ #logo { /*@include border;*/ position: absolute; top: 0; z-index: 2000; width: 220px; background: white; -webkit-transition: width 0.3s linear; transition: width 0.3s linear; /*Zentrierung eines absolut pos. Elements:*/ left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 420px) { #logo { width: 168px; /* left: auto; right: -$border_padding;*/ /*transform: none;*/ } } #logo img { /*@include border;*/ width: 160px; height: auto; /* muss gesetzt sein, sonst wird Wert in structure ├╝berschrieben */ margin: 20px 30px; box-shadow: none; } @media (max-width: 420px) { #logo img { width: 128px; margin: 20px 20px; } } /* ------------------------------------------------------------------ navigation ------------------------------------------------------------------ */ /*Navi top*/ #main_nav { /*@include border;*/ margin: 0 auto; text-transform: uppercase; color: #bebebe; width: 1020px; width: 100%; height: 4rem; background-image: -webkit-linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, white); background-image: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, white); /* f├╝r auslaufenden Shadow */ } #main_nav a { display: block; text-decoration: none; color: #bebebe; -webkit-transition: color 0.3s; transition: color 0.3s; } #main_nav ul.level_1 { /*@include border;*/ position: relative; list-style: none; margin: 0 auto; height: 20px; text-align: center; font-size: 0.96rem; background-image: -webkit-linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, white); background-image: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, white); } #main_nav ul.level_1 li { position: relative; display: inline-block; padding: 20px 14px 0 14px; margin-bottom: 0px; cursor: default; } #main_nav ul.level_1 li:hover { color: black; -webkit-transition: color 0.3s; transition: color 0.3s; } #main_nav ul.level_1 li:hover a { color: black; -webkit-transition: color 0.3s; transition: color 0.3s; } #main_nav ul.level_1 li:hover::after { height: 3px; opacity: 1; background-color: #015FA7; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } #main_nav ul.level_1 li.active, #main_nav ul.level_1 li.trail { color: black; } #main_nav ul.level_1 li.active a, #main_nav ul.level_1 li.trail a { color: black; } #main_nav ul.level_1 li.active:hover::after, #main_nav ul.level_1 li.trail:hover::after { background-color: #DF1621; } #main_nav ul.level_1 li.active::after, #main_nav ul.level_1 li.trail::after { height: 3px; opacity: 1; background-color: #DF1621; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } #main_nav ul.level_1 li::after { position: absolute; top: 38px; left: 14px; width: calc(100% - (14px*2)); height: 1px; background-color: #015FA7; content: ''; opacity: 0; -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s, background-color 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s, background-color 0.3s; -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } #main_nav ul.level_1 li:focus ul { display: block; } @media (max-width: 720px) { #main_nav { display: none; } } /*-------------------------------------- linke Navi ---------------------------------*/ #left_nav { text-transform: uppercase; color: #bebebe; margin-top: 2px; /* damit Unterkante des 1. Men├╝punktes b├╝ndig mit Content-Header */ } #left_nav ul.level_1 { margin: 0; font-size: 0.96rem; } #left_nav ul.level_1:hover { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: none; transition: none; } #left_nav ul.level_1 > li { margin-bottom: 14px; padding: 4px 0 4px 0; color: #bebebe; } #left_nav ul.level_1 > li.active { color: #DF1621; } #left_nav ul.level_1 > li a { display: inline-block; color: #bebebe; } #left_nav ul.level_1 > li a:hover { color: #015FA7; } @media (max-width: 720px) { #left_nav { display: none; } } /*-------------------------------------- Footer Navi ---------------------------------*/ #footer_nav { box-shadow: inset 0px 10px 5px -5px rgba(160, 160, 160, 0.75); } #footer_nav ul.level_1 { /*@include border;*/ position: relative; list-style: none; margin: 0 auto; text-align: center; text-transform: uppercase; font-family: "Oswald", "Verdana", sans-serif; font-size: 0.7rem; background-image: -webkit-linear-gradient(0deg, #ececec 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, #ececec); background-image: linear-gradient(90deg, #ececec 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, #ececec); } #footer_nav ul.level_1 li { /*position: relative;*/ display: inline-block; padding: 12px 20px 10px 20px; margin-right: 5px; color: black; background-color: white; box-shadow: inset 0px 10px 5px -5px rgba(160, 160, 160, 0.75); } #footer_nav ul.level_1 li.active { box-shadow: none; } #footer_nav ul.level_1 li a { color: black; } /*-------------------------------------- mobile Navi ---------------------------------*/ #mobile_menu { position: fixed; z-index: 10; top: 100px; left: 0; background: #fff; width: auto; color: #bebebe; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } #mobile_menu a { color: #bebebe; } #mobile_menu ul.level_1 { padding: 0; border-radius: 0 0 1rem 1rem; margin: 20px 0 0 0; padding-bottom: 20px; font-size: 1.2rem; /* >li { background-color: rgba(255,255,255,0.4); border-bottom: 2px solid $background_color; }*/ } #mobile_menu ul.level_1 li { display: block; float: none; padding: 0.4rem 0.8rem; margin-right: 20px; } #mobile_menu ul.level_1 li a { color: #bebebe; } #mobile_menu ul.level_1 li a:hover { color: #015FA7; } #mobile_menu ul.level_1 li.active, #mobile_menu ul.level_1 li.trail { color: #DF1621; /* &>a { color: $color2; }*/ } #mobile_menu ul.level_1 li:last-of-type { border-bottom: 0; } #mobile_menu ul.level_1 li:hover ul.level_2, #mobile_menu ul.level_1 li.trail ul.level_2 { visibility: visible; opacity: 1; max-height: 300px; -webkit-transition: visibility 0s linear 0.3s, opacity 0.2s linear; transition: visibility 0s linear 0.3s, opacity 0.2s linear; -webkit-transition: max-height 0.2s linear; transition: max-height 0.2s linear; /* Chrome-Bug (Submen├╝items verschwinden nach Fadein) http://help.dimsemenov.com/discussions/problems/858-weird-bug-in-chrome */ /*-webkit-backface-visibility: hidden;*/ -webkit-transform: translateZ(0); } #mobile_menu ul.level_2, #mobile_menu ul.level_3 { /*display: block;*/ visibility: hidden; opacity: 0; /* Visibility muss verz├Âgert werden, damit die Opacity-Transformation sichtbar ist*/ /* Transition wird aktiv, wenn wieder weggehovered wird */ -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear; transition: visibility 0s linear 0.3s, opacity 0.3s linear; /*Eigenschaft Zeit_f_Trans Trans_Funktion Delay*/ -webkit-transition: max-height 0.4s linear 0.3s; transition: max-height 0.4s linear 0.3s; margin: 0; padding: 0; max-height: 0; color: #bebebe; } #mobile_menu ul.level_2 a, #mobile_menu ul.level_3 a { color: #bebebe; } #mobile_menu ul.level_2 { font-size: 1.0rem; } #mobile_menu ul.level_2 li { margin: 0; padding: 1rem 0 0.0rem 1rem; } #mobile_menu ul.level_3 { font-size: 0.9rem; } #mobile_menu ul.level_3 li { margin: 0; padding: 0.5rem 0; } @media (max-width: 720px) { #mobile_menu { display: block; } } /*Styles f├╝r Mobile Men├╝*/ #top:target #mobile_menu { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #top:target a.shownavlist { display: none; } #top:target a.hidenavlist { display: block; } #top:target .menubutton { -webkit-transform: translate3d(120px, 92px, 0); transform: translate3d(120px, 92px, 0); -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .menubutton { display: none; position: absolute; top: 21px; left: 20px; -webkit-transition: -webkit-transform 0.35s, top 0.35s; transition: transform 0.35s, top 0.35s; z-index: 15; } @media (max-width: 420px) { .menubutton { top: 11px; } } .menubutton a { position: relative; padding-left: 3.96rem; color: #015FA7; font-size: 6.6rem; } .menubutton a::before { content: ""; position: absolute; top: 0.88rem; left: 0; width: 3.08rem; height: 0.55rem; border-top: 1.65rem double #015FA7; border-bottom: 0.55rem solid #015FA7; } @media (max-width: 720px) { .menubutton { display: block; } .menubutton a.hidenavlist { display: none; } } /* ------------------------------------------------------------------ text ------------------------------------------------------------------ */ body { font-size: 0.8rem; font-family: "HelveticaNeueW02-45Ligh", Helvetica, Arial, sans-serif; } h1, h2, h3, h4, h5, h6 { font-size: 0.96rem; line-height: 1.344rem; font-family: "Oswald", "Verdana", sans-serif; text-transform: uppercase; margin-top: 2.08rem; margin-bottom: 1.2rem; } h1:first-of-type, h2:first-of-type, h3:first-of-type, h4:first-of-type, h5:first-of-type, h6:first-of-type { margin-top: 0; } h2, h3, h4, h5, h6 { font-size: 0.8rem; line-height: 1.12rem; text-transform: none; font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif; margin-bottom: 0; } h3, h4, h5, h6 { font-size: 0.8rem; font-family: "HelveticaNeueW02-45Ligh", Helvetica, Arial, sans-serif; text-transform: uppercase; margin-bottom: 0; } a { color: #015FA7; text-decoration: none; outline: none; } p { margin-top: 0.0rem; margin-bottom: 1rem; line-height: 1.12rem; } p + table { margin-top: -0.8rem; } /*wenn im letzten Inhaltselement der letzte Paragraf, dann kein bottom-Abstand*/ div.last div.last p:last-child { margin-bottom: 0; } #main .ce_text p + ul { margin-top: -0.8rem; } strong, b { font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif; /*font-weight: 700;*/ font-weight: normal; } .small { font-size: 0.7rem; } figcaption { margin-top: 4px; font-size: 0.7rem; } /*damit z.B. pdf-Icon nicht umgebrochen wird*/ .ce_download, .enclosure { margin: 0.4rem 0 1.12rem 0; } .ce_download img, .enclosure img { display: inline-block; margin-bottom: -2px; margin-top: 0.4rem; } .ce_download.last, .enclosure.last { margin-bottom: 0.4rem; } .ce_download.download_ohne_header { margin-top: -0.8rem; } #main figure.float_left img { margin-right: 20px; /*width: 200%;*/ } @media (max-width: 420px) { #main figure { width: 100%; } #main figure img { /*width: 100%;*/ } } #main figcaption { margin-bottom: 20px; } #main .ce_text ul, #main .ce_list ul { margin-top: 0px; margin-bottom: 0.8rem; padding-left: 18px; line-height: 1.12rem; list-style-type: none; text-indent: -18px; } #main .ce_text ul li, #main .ce_list ul li { /*margin-bottom: 0.4rem;*/ } #main .ce_text ul li:before, #main .ce_list ul li:before { content: '\0025FC'; /* square */ /*font-family: $font_main_bold;*/ margin-left: 1px; margin-right: 0.4rem; color: #015FA7; position: relative; top: 0; width: 10px; } #main .ce_text ul li ul, #main .ce_list ul li ul { margin-bottom: 0; } #main .ce_text ul li ul li:before, #main .ce_list ul li ul li:before { color: #DF1621; } #main ol { margin-left: 0.86rem; } #main ol ol { margin-bottom: 0; } /* ------------------------------------------------------------------ Tabelle ------------------------------------------------------------------ */ .ce_table table, .ce_text table { margin-top: 0.8rem; margin-bottom: 1.2rem; width: 100%; } .ce_table th, .ce_text th { padding: 2px 4px; /*border-bottom: 1px solid $color2;*/ text-transform: uppercase; font-family: "HelveticaNeueW02-75Bold", Helvetica, Arial, sans-serif; font-weight: normal; text-align: left; } .ce_table tbody tr:first-child, .ce_text tbody tr:first-child { height: 2rem; } .ce_table td, .ce_text td { padding: 2px 4px; /*border-bottom: 1px solid $color2;*/ vertical-align: bottom; } /*Tabelle innerhalb eines Text-Blocks*/ .ce_text table td { padding: 2px; } /* ------------------------------------------------------------------ Elements - diverse Inhaltselemente ------------------------------------------------------------------ */ #mapcontainer { box-shadow: 0px 22px 18px -18px rgba(100, 100, 100, 0.8); } /* ------------------------------------------------------------------ ce_gallery ------------------------------------------------------------------ */ .ce_gallery { margin-top: 5%; } .ce_gallery ul { padding-left: 0; margin-top: 0.8rem; } .ce_gallery li { float: left; list-style: none; margin-right: 6%; margin-bottom: 6%; width: 29.33333%; } .ce_gallery li.col_last { margin-right: 0; } .ce_gallery.team li { margin-right: 4%; margin-bottom: 4%; width: 46%; } .ce_gallery figure { /*margin-bottom: (100% - (3 * $col_width)) / 2;*/ } .ce_gallery img { max-width: 100%; height: auto; } .ce_gallery figcaption { font-size: 0.7rem; padding: 5px; max-width: 100%; line-height: 1.12rem; } .pagination { clear: both; } .pagination p { display: none; } .pagination ul { /*@include border;*/ position: relative; float: left; left: 50%; margin: 0 auto; padding: 0; } .pagination li { position: relative; float: left; right: 50%; margin-right: 10px; width: auto; /*padding: 5px 10px;*/ background: #fff; list-style: none; } .pagination li.next img, .pagination li.previous img { width: 20px; margin-top: -3px; } /* ------------------------------------------------------------------ news ------------------------------------------------------------------ */ #right .mod_newslist h2 > a, #right .mod_newslist h3 > a, #right .mod_newslist h4 > a, #right .mod_newslist h5 > a, #right .mod_newslist h6 > a { color: #bebebe; } #right .mod_newslist a { color: #015FA7; } #main .mod_newslist figure { margin-bottom: 1rem; } /*seitespez. Anpassungen*/ body.news #right .mod_newslist, body.detail #right .mod_newslist { display: none; } /* ------------------------------------------------------------------ form ------------------------------------------------------------------ */ /*http://www.sanwebe.com/2013/10/css-html-form-styles*/ .disabled { background-color: #ccc; /*font-size: 0.85rem;*/ } form { /*background: lighten($background_color, 4%);*/ margin-top: 20px; margin-bottom: 40px; /*padding: 25px 15px 25px 10px;*/ position: relative; /*text-shadow: 1px 1px 1px #FFF;*/ /*border:1px solid darken($background_color, 4%);*/ /*border-radius: $radius;*/ /*Standard-Checkbox ausblenden und neues Element erzeugen, das browserunabh├ñnig gestyled werden kann*/ /* .dont_touch input[disabled] { color: red; }*/ } form label, form legend { /*@include border;*/ clear: both; display: inline-block; margin: 0px; width: 8rem; } form fieldset.ja_nein legend { float: left; margin-top: 2px; } @media (max-width: 620px) { form fieldset.ja_nein legend { float: none; margin-bottom: 10px; } } form fieldset.ja_nein.disabled_true { color: #DF1621; } form input[type="text"], form input[type="email"], form textarea, form select { display: inline-block; /*border: 1px solid #DADADA;*/ background-color: #ececec; border: none; /*color: #888;*/ height: 1.2rem; margin-bottom: 16px; margin-top: 2px; outline: 0 none; padding: 3px 3px 3px 5px; width: calc(100% - 8.28rem); /*line-height:15px;*/ /*box-shadow: inset 0px 1px 4px #ECECEC;*/ } form input[type="checkbox"], form input[type="radio"] { background: transparent; margin-left: -16px; margin-bottom: 20px; opacity: 0; /*angeh├ñkelt*/ } form input[type="checkbox"] + label, form input[type="radio"] + label { margin-right: 16px; width: auto; /*neues Element zum Anh├ñkeln*/ } form input[type="checkbox"] + label::before, form input[type="radio"] + label::before { position: relative; content: 'x'; width: 0.8rem; height: 0.96rem; color: #DF1621; background-color: #DF1621; margin-right: 0.5rem; display: inline-block; cursor: pointer; top: -1px; padding: 3px 0 0px 8px; padding-bottom: 2px; } form input[type="checkbox"]:checked + label::before, form input[type="radio"]:checked + label::before { /*content: 'x';*/ color: black; } form input[type="radio"] + label::before { border-radius: 50%; } form input[type="radio"]:checked + label::before { /*content: 'x';*/ color: #015FA7; background-color: #015FA7; /*top: $top;*/ } form textarea { padding: 5px 3px 3px 5px; vertical-align: top; /* damit Label oben ausgerichtet ist */ height: 100px; } form .submit_container { float: right; } form .checkbox_container, form .radio_container { margin-top: 10px; } @media (max-width: 620px) { form .checkbox_container > span, form .radio_container > span { display: block; width: 90%; } } form .radio_container { margin-bottom: 10px; } form input.submit { display: inline-block; font-family: "HelveticaNeueW02-45Ligh", Helvetica, Arial, sans-serif; font-weight: normal; background-color: #015FA7; border: none; padding: 10px 25px 10px 25px; color: white; /*box-shadow: 1px 1px 5px #B6B6B6;*/ /*border-radius: 3px;*/ /*text-shadow: 1px 1px 1px #9E3F3F;*/ text-transform: uppercase; cursor: pointer; -webkit-transition: background-color 0.2s linear; transition: background-color 0.2s linear; } form input.submit:hover { background-color: #015393; -webkit-transition: background-color 0.2s linear; transition: background-color 0.2s linear; } form .dont_touch input[placeholder] { color: black; } @media (max-width: 620px) { form .dont_touch input[placeholder] { font-size: 0.7rem; } } @media (max-width: 420px) { form .dont_touch input[placeholder] { width: 100%; } } p.error { color: #015FA7; } /*datepicker*/ .ui-datepicker { font-size: 90%; padding: 2px; border: 1px #76c3fe solid; background-color: white; box-shadow: 4px 4px 10px 4px #250406; } .ui-datepicker th { padding-right: 4px; } .ui-datepicker td, .ui-datepicker th { border: 1px #DF1621 solid; } .ui-datepicker .ui-datepicker-header { text-align: center; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { cursor: pointer; } .ui-datepicker .ui-datepicker-prev { float: left; } .ui-datepicker .ui-datepicker-next { float: right; } .ui-timepicker-wrapper { overflow-y: auto; height: 150px; width: 6.5em; background: #fff; box-shadow: 4px 4px 10px 4px #250406; outline: none; z-index: 10001; margin: 0; } .ui-timepicker-wrapper.ui-timepicker-with-duration { width: 13em; } .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30, .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 { width: 11em; } .ui-timepicker-list { margin: 0; padding: 0; list-style: none; } .ui-timepicker-duration { margin-left: 5px; color: #888; } .ui-timepicker-list:hover .ui-timepicker-duration { color: #888; } .ui-timepicker-list li { padding: 3px 0 3px 5px; cursor: pointer; white-space: nowrap; color: #000; list-style: none; margin: 0; } .ui-timepicker-list:hover .ui-timepicker-selected { background: #fff; color: #000; } li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover { background: #1980EC; color: #fff; } li.ui-timepicker-selected .ui-timepicker-duration, .ui-timepicker-list li:hover .ui-timepicker-duration { color: #ccc; } .ui-timepicker-list li.ui-timepicker-disabled, .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { color: #888; cursor: default; } .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { background: #f2f2f2; } /* -------------------------------------------------------- Startseite -------------------------------------------------------- */ /*Startseite*/ body.home #container { margin: 0; padding: 0; max-width: 100%; } body.home #wrapper { /*@include border;*/ height: 90%; height: calc(100% - 34px); padding-bottom: 0; margin-bottom: 34px; } @media (max-width: 720px) { body.home #wrapper { margin-bottom: 0; height: 100%; } body.home #wrapper #main { display: none; } } body.home #main { min-height: 0; height: 40px; } body.home header { /*@include border;*/ height: 80%; height: calc(100% - 60px); } @media (max-width: 720px) { body.home header { height: 100%; } } body.home header figure picture img { max-width: none; } @media (min-width: 1800px) { body.home header figure picture img { min-width: 100%; height: 100%; min-height: 100vh; } } body.home #main_nav { width: 100%; } @media (max-width: 720px) { body.home footer::before { display: none; } } /* ------------------------------------------------------------------ print ------------------------------------------------------------------ */ @media print { html, body { height: auto; } #wrapper { min-height: none; height: auto; } #container { height: auto; min-height: none; padding: 0; box-shadow: inset 0px 22px 18px -18px rgba(100, 100, 100, 0.8); } #header { height: 300px; } #main_nav, #left_nav, #left, #footer { display: none; } #main { border: 0; padding-top: 40px; /*background wird browserseitig ausgeblendet, desh. kein shadow fade-out m├Âglich*/ /*background-image: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.0) 80%, white);*/ } #right { float: none; display: block; margin: 20px 20px; width: 100%; padding-left: 0; } #right .inside > div { float: left; margin-right: 10px; } #right .inside > div:first-child { margin-top: 20px; } #right .inside > div:last-child { margin-right: 0; } table img { padding-right: 0; } /* footer { margin-top: $spacer; @media (max-width: $break_medium) { display: block; } }*/ }