/* Contao Open Source CMS, (c) 2005-2015 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-2015 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}
/* MediaElement.js, (c) 2010-2014 John Dyer, MIT license */
.mejs-offscreen{position:absolute !important;top:-10000px;left:-10000px;overflow:hidden;width:1px;height:1px}.mejs-container{position:relative;background:#000;font-family:Helvetica,Arial;text-align:left;vertical-align:top;text-indent:0}.mejs-audio{margin-top:18px}.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.16.4/images/bigplay.svg") no-repeat}.no-svg .mejs-overlay-button{background-image:url("../../assets/jquery/mediaelement/2.16.4/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.16.4/images/background.png");background:rgba(0,0,0,0.9);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(50,50,50,0.9)),to(rgba(0,0,0,0.9)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-moz-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-o-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-ms-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:linear-gradient(rgba(50,50,50,0.9),rgba(0,0,0,0.9))}.mejs-overlay-loading span{display:block;width:80px;height:80px;background:transparent url("../../assets/jquery/mediaelement/2.16.4/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.16.4/images/background.png");background:rgba(0,0,0,0.7);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(50,50,50,0.7),rgba(0,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:transparent url("../../assets/jquery/mediaelement/2.16.4/images/controls.svg") no-repeat}.no-svg .mejs-controls .mejs-button button{background-image:url("../../assets/jquery/mediaelement/2.16.4/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,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8))}.mejs-controls .mejs-time-rail .mejs-time-buffering{width:100%;background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.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{from{background-position:0 0}to{background-position:30px 0}}@-moz-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@-ms-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@-o-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#3caac8;background:rgba(60,170,200,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(44,124,145,0.8)),to(rgba(78,183,212,0.8)));background:-webkit-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-moz-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-o-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-ms-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:linear-gradient(rgba(44,124,145,0.8),rgba(78,183,212,0.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-current{background:#fff;background:rgba(255,255,255,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.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.16.4/images/background.png");background:rgba(50,50,50,0.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,0.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,0.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,0.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,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.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,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.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.16.4/images/background.png");background:rgba(50,50,50,0.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 .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,0.7);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(50,50,50,0.7),rgba(0,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:0}.mejs-chapters .mejs-chapter .mejs-chapter-block:hover{background:#666;background:rgba(102,102,102,0.7);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(102,102,102,0.7)),to(rgba(50,50,50,0.6)));background:-webkit-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-moz-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-o-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-ms-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:linear-gradient(rgba(102,102,102,0.7),rgba(50,50,50,0.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:bold;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:normal}.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.16.4/images/background.png");background:rgba(20,20,20,0.5);white-space:pre-wrap}.me-cannotplay a{color:#fff;font-weight:bold}.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.16.4/images/background.png");background:rgba(50,50,50,0.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.16.4/images/background.png");background:rgba(50,50,50,0.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.16.4/images/background.png");background:rgba(50,50,50,0.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:transparent;width:36px;font-size:11px;line-height:normal;color:#fff}.mejs-controls .mejs-speed-button .mejs-speed-selector{visibility:hidden;position:absolute;top:-100px;left:-10px;width:60px;height:100px;background:url("../../assets/jquery/mediaelement/2.16.4/images/background.png");background:rgba(50,50,50,0.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{visibility:visible}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected{color:rgba(33,248,248,1)}.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:white;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-skip-back-button{background:transparent url("../../assets/jquery/mediaelement/2.16.4/images/skipback.png") no-repeat;background-position:3px 3px}.mejs-controls .mejs-button.mejs-skip-back-button button{background:transparent;font-size:9px;line-height:normal;color:#fff}
@font-face {
    font-family: "Open Sans";
    src: url("/files/fonts/OpenSans-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: url("/files/fonts/OpenSans-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Cabin Condensed";
    src: url("/files/fonts/Cabin_Condensed-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Kalam";
    src: url("/files/fonts/Kalam-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/* roboto-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url("/files/fonts/roboto/roboto-v30-latin-regular.eot"); /* IE9 Compat Modes */
    src: url("/files/fonts/roboto/roboto-v30-latin-regular.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("/files/fonts/roboto/roboto-v30-latin-regular.woff2") format('woff2'), /* Super Modern Browsers */ url("/files/fonts/roboto/roboto-v30-latin-regular.woff") format('woff'), /* Modern Browsers */ url("/files/fonts/roboto/roboto-v30-latin-regular.ttf") format('truetype'), /* Safari, Android, iOS */ url("/files/fonts/roboto/roboto-v30-latin-regular.svg#Roboto") format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url("/files/fonts/roboto/roboto-v30-latin-700.eot"); /* IE9 Compat Modes */
    src: url("/files/fonts/roboto/roboto-v30-latin-700.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("/files/fonts/roboto/roboto-v30-latin-700.woff2") format('woff2'), /* Super Modern Browsers */ url("/files/fonts/roboto/roboto-v30-latin-700.woff") format('woff'), /* Modern Browsers */ url("/files/fonts/roboto/roboto-v30-latin-700.ttf") format('truetype'), /* Safari, Android, iOS */ url("/files/fonts/roboto/roboto-v30-latin-700.svg#Roboto") format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url("/files/fonts/roboto/roboto-condensed-v25-latin-regular.eot"); /* IE9 Compat Modes */
    src: url("/files/fonts/roboto/roboto-condensed-v25-latin-regular.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("/files/fonts/roboto/roboto-condensed-v25-latin-regular.woff2") format('woff2'), /* Super Modern Browsers */ url("/files/fonts/roboto/roboto-condensed-v25-latin-regular.woff") format('woff'), /* Modern Browsers */ url("/files/fonts/roboto/roboto-condensed-v25-latin-regular.ttf") format('truetype'), /* Safari, Android, iOS */ url("/files/fonts/roboto/roboto-condensed-v25-latin-regular.svg#RobotoCondensed") format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url("/files/fonts/roboto/roboto-condensed-v25-latin-700.eot"); /* IE9 Compat Modes */
    src: url("/files/fonts/roboto/roboto-condensed-v25-latin-700.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("/files/fonts/roboto/roboto-condensed-v25-latin-700.woff2") format('woff2'), /* Super Modern Browsers */ url("/files/fonts/roboto/roboto-condensed-v25-latin-700.woff") format('woff'), /* Modern Browsers */ url("/files/fonts/roboto/roboto-condensed-v25-latin-700.ttf") format('truetype'), /* Safari, Android, iOS */ url("/files/fonts/roboto/roboto-condensed-v25-latin-700.svg#RobotoCondensed") format('svg'); /* Legacy iOS */
}


html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #3e3e3e;
    /*    overflow: hidden;*/
}

*:focus {
    outline: none;
}

::-moz-focus-inner {
    border: 0;
}

*::-moz-focus-inner {
    border: 0 !important;
}


/*for FireFox*/

input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
    border: 0px;
}


/*for IE8 */

input[type="submit"]:focus,
input[type="button"]:focus {
    outline: none;
}

a:focus,
a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0;
    outline: 0;
}

button:focus {
    outline: 0 !important;
}

::selection {
    background: #374063;
    color: #fff;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

progress {
    vertical-align: baseline;
}

template, [hidden] {
    display: none;
}

a {
    background-color: transparent;
    text-decoration: none;
}

a:active, a:hover {
    outline-width: 0;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b, strong {
    font-weight: inherit;
}

b, strong {
    font-weight: bolder;
}

dfn {
    font-style: italic;
}

h1 {
    margin: 20px auto;
    font-family: 'Open Sans';
    font-size: 50px;
    letter-spacing: -3px;
    text-align: center;
}

h1 + p {
    font-size: 16px;
    font-weight: 700;
    padding-top: 10px;
}

h2 {
    color: #5a5a5a;
    font-size: 32px;
    margin: 0 auto 30px auto;
    text-align: center;
}

p {
    margin: 0 auto 25px auto;
}

p:last-child {
    margin: 0 auto;
}

mark {
    background-color: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

figure {
    margin: 0;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

button, input, select, textarea {
    font: inherit;
}

optgroup {
    font-weight: bold;
}

button, input, select {
    overflow: visible;
}

button, input, select, textarea {
    margin: 0;
}

button, select {
    text-transform: none;
}

button, [type="button"], [type="reset"], [type="submit"] {
    cursor: pointer;
}

[disabled] {
    cursor: default;
}

button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

button:-moz-focusring, input:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

textarea {
    overflow: auto;
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

.clear {
    clear: both;
    float: none;
    display: block;
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

input,
textarea {
    border: 0;
    border-radius: 0;
    padding: 10px 22px;
    width: 100%;
    width: calc(100% - 44px);
    margin-bottom: 10px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transition: border .5s ease;
    -webkit-appearance: none;
}

input:focus,
textarea:focus {
    border-bottom: 2px solid #374063;
}

textarea {
    padding: 22px;
    max-width: 100%;
    max-width: calc(100% - 44px);
    height: 180px;
}

input[type="submit"],
a.btn {
    /*background: #363f62;*/
    /*color: #fff;*/
    width: auto;
    padding: 10px 30px;
    font-weight: 700;
    transition: color .2s ease;
    border: 0;
    border-radius: 3px;
}

a.btn {
    width: 80px;
    margin: 0 auto;
    display: block;
    text-align: center;
}

input[type="submit"]:hover,
input[type="submit"]:focus {
    border: 0;
}

::-webkit-input-placeholder {
    font-family: 'Roboto', sans-serif;
    color: #626262;
    font-size: 13px;
}

:-moz-placeholder {
    font-family: 'Roboto', sans-serif;
    color: #626262;
    font-size: 13px;
}

::-moz-placeholder {
    font-family: 'Roboto', sans-serif;
    color: #626262;
    font-size: 13px;
}

:-ms-input-placeholder {
    font-family: 'Roboto', sans-serif;
    color: #626262;
    font-size: 13px;
}


/* Cabin Condensed */

h2,
nav.block,
#header-schriftzug,
#footer-info li:first-child,
#categories > .ce_image figure figcaption {
    font-family: 'Roboto', 'Helvetica Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 400;
}

p a {
    background-size: 200.22% auto;
    -webkit-background-size: 200.22% auto;
    -moz-background-size: 200.22% auto;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #f2f2f2 50%);
    transition: 0.3s ease-out;
    /*color: #3e3e3e;*/
}

p a:hover {
    background-position: -99.99% 0;
}


/* Farben */

nav a.active,
nav a:hover,
nav a:focus,
nav .trail > a,
nav > ul > li:hover > a,
nav > ul > li:focus > a,
nav > ul > li.submenu.trail > a,
#footer-info a:hover,
#footer-info a:focus,
#footer-info a:active,
#footer-copyright a:hover,
#footer-copyright a:focus,
#footer-copyright a:active,
input[type="submit"]:hover,
input[type="submit"]:focus,
.aktionshinweis a strong,
header.small a:hover,
a.btn:hover {
    /*color: #6070AE;*/
    /*color: #8AA1FB;*/
    /* Monochromatisch passendes Blau-Grau */
    /*color: #959AAE;*/
}

.aktionshinweis a:hover {
    border: 1px solid #363F62;
}

body.s-werbefotografie nav a.active,
body.s-werbefotografie nav a:hover,
body.s-werbefotografie nav a:focus,
body.s-werbefotografie nav > ul > li:hover > a,
body.s-werbefotografie nav > ul > li:focus > a,
body.s-werbefotografie nav > ul > li.submenu.trail > a,
body.s-werbefotografie nav .trail > a,
body.s-werbefotografie #footer-info a:hover,
body.s-werbefotografie #footer-info a:focus,
body.s-werbefotografie #footer-info a:active,
body.s-werbefotografie #footer-copyright a:hover,
body.s-werbefotografie #footer-copyright a:focus,
body.s-werbefotografie #footer-copyright a:active,
body.s-werbefotografie input[type="submit"]:hover,
body.s-werbefotografie input[type="submit"]:focus,
body.s-werbefotografie .aktionshinweis a strong,
body.s-werbefotografie header.small a:hover,
body.s-werbefotografie a.btn:hover,
body.s-werbefotografie p a {
    /*color: #f87316;*/
}

body.s-werbefotografie .aktionshinweis a:hover {
    /*border: 1px solid #f87316;*/
}

body.portraitfotografie nav a.active,
body.portraitfotografie nav a:hover,
body.portraitfotografie nav a:focus,
body.portraitfotografie nav > ul > li:hover > a,
body.portraitfotografie nav > ul > li:focus > a,
body.portraitfotografie nav > ul > li.submenu.trail > a,
body.portraitfotografie nav .trail > a,
body.portraitfotografie #footer-info a:hover,
body.portraitfotografie #footer-info a:focus,
body.portraitfotografie #footer-info a:active,
body.portraitfotografie #footer-copyright a:hover,
body.portraitfotografie #footer-copyright a:focus,
body.portraitfotografie #footer-copyright a:active,
body.portraitfotografie input[type="submit"]:hover,
body.portraitfotografie input[type="submit"]:focus,
body.portraitfotografie .aktionshinweis a strong,
body.portraitfotografie header.small a:hover,
body.portraitfotografie a.btn:hover,
body.portraitfotografie p a {
    /*color: #598dbf;*/
}

body.landingpage #color-lines .blue,
body.landingpage #color-lines > div {
    width: 100%;
    /*background: #363f62;*/
}

/*
body.landingpage nav a.active,
body.landingpage nav a:hover,
body.landingpage nav a:focus,
body.landingpage nav > ul > li:hover > a,
body.landingpage nav > ul > li:focus > a,
body.landingpage nav > ul > li.submenu.trail > a,
body.landingpage nav .trail > a,
body.landingpage #footer-info a:hover,
body.landingpage #footer-info a:focus,
body.landingpage #footer-info a:active,
body.landingpage #footer-copyright a:hover,
body.landingpage #footer-copyright a:focus,
body.landingpage #footer-copyright a:active,
body.landingpage input[type="submit"]:hover,
body.landingpage input[type="submit"]:focus,
body.landingpage .aktionshinweis a strong,
body.landingpage header.small a:hover,
body.landingpage a.btn:hover,
body.landingpage p a{
    color: #363f62;
}
*/
body.portraitfotografie .aktionshinweis a:hover {
    border: 1px solid #598dbf;
}

/*
body.ful nav a.active,
body.ful nav a:hover,
body.ful nav a:focus,
body.ful nav > ul > li:hover > a,
body.ful nav > ul > li:focus > a,
body.ful nav > ul > li.submenu.trail > a,
body.ful nav .trail > a,
body.ful #footer-info a:hover,
body.ful #footer-info a:focus,
body.ful #footer-info a:active,
body.ful #footer-copyright a:hover,
body.ful #footer-copyright a:focus,
body.ful #footer-copyright a:active,
body.ful input[type="submit"]:hover,
body.ful input[type="submit"]:focus,
body.ful .aktionshinweis a strong,
body.ful header.small a:hover,
body.ful header.small a.btn:hover,
body.ful p a{
    color: #37b547;
}

 */

/*
body.ful .aktionshinweis a:hover{    
    border: 1px solid #37b547;
}

 */

/*
body.fotobox nav a.active,
body.fotobox nav a:hover,
body.fotobox nav a:focus,
body.fotobox nav > ul > li:hover > a,
body.fotobox nav > ul > li:focus > a,
body.fotobox nav > ul > li.submenu.trail > a,
body.fotobox nav .trail > a,
body.fotobox #footer-info a:hover,
body.fotobox #footer-info a:focus,
body.fotobox #footer-info a:active,
body.fotobox #footer-copyright a:hover,
body.fotobox #footer-copyright a:focus,
body.fotobox #footer-copyright a:active,
body.fotobox input[type="submit"]:hover,
body.fotobox input[type="submit"]:focus,
body.fotobox .aktionshinweis a strong,
body.fotobox header.small a:hover,
body.fotobox a.btn:hover,
body.fotobox p a{
    color: #DC393E;
}

 */

/*
body.fotobox .aktionshinweis a:hover{    
    border: 1px solid #DC393E;
}

 */

/* Wrapper */

#wrapper {
    opacity: 0;
    transition: 0.5s ease;
}

#wrapper.loaded {
    opacity: 1;
}

/* Preloader */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff; /* change if the mask should have another color then white */
    z-index: 1001; /* makes sure it stays on top */
    display: flex;
    align-items: center;
}

.sk-folding-cube {
    margin: 20px auto;
    width: 40px;
    height: 40px;
    position: relative;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.sk-folding-cube .sk-cube:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #4d4d4d;
    -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
    animation: sk-foldCubeAngle 2.4s infinite linear both;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.sk-folding-cube .sk-cube2 {
    -webkit-transform: scale(1.1) rotateZ(90deg);
    transform: scale(1.1) rotateZ(90deg);
}

.sk-folding-cube .sk-cube3 {
    -webkit-transform: scale(1.1) rotateZ(180deg);
    transform: scale(1.1) rotateZ(180deg);
}

.sk-folding-cube .sk-cube4 {
    -webkit-transform: scale(1.1) rotateZ(270deg);
    transform: scale(1.1) rotateZ(270deg);
}

.sk-folding-cube .sk-cube2:before {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-folding-cube .sk-cube3:before {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.sk-folding-cube .sk-cube4:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

@-webkit-keyframes sk-foldCubeAngle {
    0%, 10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }
    25%, 75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }
    90%, 100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}

@keyframes sk-foldCubeAngle {
    0%, 10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }
    25%, 75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }
    90%, 100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}

.loader {
    height: 4px;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 999;
}

.loader:before {
    display: block;
    position: absolute;
    content: "";
    left: -25%;
    width: 25%;
    height: 3px;
    background-color: #4d4d4d;
    animation: loading 5s linear infinite;
    animation-delay: 0.1s;
}

@keyframes loading {
    from {
        left: -25%;
    }
    to {
        left: 125%;
    }
}

/* Header */

header {
    height: 75px;
    position: relative;
}

header .inside {
    height: 75px;
    max-height: 150px;
}


#mobile-logo {
    display: none;
}


/* Navigation */

#activate-menu,
#burger-menu {
    display: none;
    flex: 1 1 45px;
}

nav label,
nav input {
    display: none;
}

/*
#color-lines{
    opacity: 0;
    height: 3px;
    width: 100%;
    position: fixed;
    z-index: 9;
    top: 55px;
    transition: .3s ease;
}

#color-lines > div{
    float: left;
    height: 3px;
}

#color-lines .blue{
    width: 28%;
    background: #3878b5;
}

#color-lines .orange{
    width: 34%;
    background: #fc5b00;
}

#color-lines .green{
    width: 23%;
    background: #15ad2b;
}

#color-lines .red{
    width: 15%;
    background: #a40000;
}

.portraitfotografie #color-lines > div{
    width: 0;
}

.portraitfotografie #color-lines .blue{
    width: 100%;
}

.s-werbefotografie #color-lines > div{
    width: 0;
}

.s-werbefotografie #color-lines .orange{
    width: 100%;
}

.ful #color-lines > div{
    width: 0;
}

.ful #color-lines .green{
    width: 100%;
}

.fotobox #color-lines > div{
    width: 0;
}

.fotobox #color-lines .red{
    width: 100%;
}
 */

#header-schriftzug {
    font-size: 14px;
    text-align: center;
    z-index: 10;
    position: relative;
    width: 100%;
    overflow: visible;
}

nav.block {
    font-size: 14px;
    text-align: center;
    z-index: 10;
    /*position: relative;*/
    /*width: auto;*/
    overflow: visible;
    margin-left: auto;

}

nav li {
    display: inline-block;
    vertical-align: middle;
}

nav a {
    display: block;
    transition: color .2s ease;
}

nav > ul,
#header-schriftzug > .ce_text {
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
}

#header-schriftzug {
    padding: 0;
}

body.landingpage #burger-menu {
    display: none !important;
}

#header-schriftzug > .ce_text {
    padding: 0;
}

nav > ul > li.submenu:after {
    content: '';
    background: url("../../files/img/design/active.svg") no-repeat center center;
    background-size: contain;
    width: 12px;
    height: 6px;
    display: block;
    margin: -6px auto 0 auto;
    transform: translateY(6px);
    opacity: 0;
}

nav > ul > li.submenu:hover:after {
    transform: translateY(0);
    opacity: 1;
    transition: .5s ease;
}

nav > ul > li > a {
    /*color: #585858;*/
    padding: 20px 10px;
}

#header-schriftzug > .ce_text > .text {
    line-height: 60px;
    padding: 0 60px 0 230px;
    text-align: right;
    box-sizing: border-box;
}

#header-schriftzug > .ce_text > .text p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

nav > ul > li > a ~ ul {
    position: absolute;
    overflow: hidden;
    /*background: #374063;*/
    transition: opacity .5s ease;
    opacity: 0;
    width: 0%;
}

nav > ul > li:hover > a ~ ul {
    display: block;
    opacity: 1;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 10;
    padding: 10px 0;
}

nav > ul > li:hover > ul span {
    transform: translateY(0);
}

nav > ul > li > ul a {
    color: #fff;
    padding: 8px 20px;
}


/* Scroll - Nav */
/*

header.small #burger-menu{
    display: block;
    cursor: pointer;
    position: fixed;
    right: 15px;
    top: 7px;
    z-index: 20;
    text-align: right;
    width: auto;
    padding: 10px;
    font-weight: 900;
}

header.small label#burger-menu .lines .line {
    width: 24px;
    height: 2px;
    background: #374063;
    border-radius: 3px;
    margin-bottom: 6px;
    transition: all .2s;
    opacity: 1;
}

header.small label#burger-menu .lines .line:nth-child(2){
    transition: all .0s;		
}

header.small label#burger-menu .lines .line:last-child{
    margin: 0 0 0 7px;
    width: 17px;
}

header.small label#burger-menu:hover .lines .line:last-child, 
header.small label#burger-menu:active .lines .line:last-child, 
header.small input#activate-menu:checked~label .lines .line:last-child{
    width: 24px;
    margin: 0;
}


header.small label#burger-menu span, 
header.small label#burger-menu .lines{
    display: inline-block;
    vertical-align: middle;
}

header.small input#activate-menu:checked~label .lines .line:nth-child(2) {
    opacity: 0;
}

header.small input#activate-menu:checked~label .lines .line:nth-child(3) {
    transform: rotate(-45deg);
    margin-top: -16px;
}

header.small input#activate-menu:checked~label .lines .line:nth-child(1) {
    transform: rotate(45deg);
}

header.small .inside{
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    height: 55px;
    position: fixed;
    z-index: 999;
}
*/

header.small #color-lines {
    opacity: 1;
}

header.small nav.block {
    text-align: right;
}

header.small nav > ul > li > a ~ ul {
    text-align: center;
}

#mobile-logo {
    width: 180px;
    /*height: 30px;*/
    min-height: 55px;
    height: auto;
    max-height: 90px;
    background: url("../../files/img/design/logo-schuppelius-m_w.png") no-repeat center;
    background-size: contain;
    display: block;
    position: relative;
    /*left: 25px;*/
    /*top: 14px;*/
    z-index: 999;
    /*opacity: 0;*/
    /*visibility: hidden;*/
    transition: .3s ease;
    align-self: center;
    margin: 10px;

}

header.small #mobile-logo {
    opacity: 1;
    visibility: visible;
}

/*
header.small nav{
    top: 55px;
}
*/


/*


header.small nav > ul{
    position: fixed;
    background: #374063;
    text-align: left;
    padding: 0;
    height: 0;
    transition: .3s ease;
    overflow: hidden;
}

header.small input#activate-menu:checked~nav > ul{
    height: auto;
    padding: 30px 0;
}

header.small nav ul li{
    display: block;
}

header.small nav ul a{
    color: #fff;
}

header.small nav > ul > li > a{
    display: inline-block;
    vertical-align: middle;
    padding: 14px 0 14px 25px;
}

header.small nav > ul > li.submenu > a{
    padding: 14px 0 14px 15px;        
}

header.small nav > ul label{
    height: 12px;
    width: 12px;
    display: block;
    background: url("../../files/img/design/cross.svg") no-repeat center left;
    display: inline-block;
    margin-left: 25px;
    cursor: pointer;
    vertical-align: middle;
    transition: .3s ease;
}

header.small nav > ul input[type="checkbox"]:checked + label{
    transform: rotate(45deg);
}

header.small nav > ul input[type="checkbox"]:checked{
    display: none;
}

header.small nav > ul > li > a ~ ul{
    position: static;
opacity: 1;
width: auto;
padding-left: 33px;
font-size: 12px;
    height: 0;
    transition: .3s ease;
}

header.small nav > ul > li:hover > a ~ ul{
    display: block;
    opacity: 1;
}

header.small nav > ul input[type="checkbox"]:checked ~ ul{
    display: block;
    opacity: 1;
    height: auto;
}

header.small nav > ul > li > ul a {
    color: #fff;
    padding: 6px 20px;
}
*/

header.small nav.block {
    top: 0;
}


/* Slider */

#big-slider {
    position: relative;
    padding: 0;
}

#slider-wrapper {
    position: relative;
}

#slider,
#slider .slide,
#slider .slide .slick-track {
    width: 100%;
    height: 600px;
    height: 100vh;
    height: calc(100vh - 55px);
}

#slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    display: none;
}

#balken {
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0;
    text-align: center;
    /*background: rgba(55,64,99,0.84);*/
    font-size: 20px;
    color: #fff;
    padding: 4px 0 5px 0;
}

#balken span {
    /*
        transform: translateX(100%);
        transition: 0.8s ease-in;
        transition-delay: 0s;
    */
    display: block;
    animation: slide2 1.2s ease-in;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

@keyframes slide2 {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}

.slick-current #balken span {
    animation: slide 1.2s ease-out;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    transform: translateX(-100%);
    opacity: 0;
}

@keyframes slide {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0%);
        opacity: 1;
    }
}

#balken:before {
    content: '';
    width: 120px;
    height: 120px;
    position: absolute;
    top: -40px;
    left: 50px;
    z-index: 999;
    /*
        animation: slide3 .6s linear;
        animation-delay: 2s;
        animation-fill-mode: forwards;
    */
}

@keyframes slide3 {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

/*
.slick-current #balken:before{
  animation: slide4 1.2s ease-out;
    animation-delay: 1.9s;
    animation-fill-mode: forwards;
    opacity: 0;
}
*/

@keyframes slide4 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

body.home .slide:nth-child(1) #balken:before,
body.home .slide:nth-child(2) #balken:before {
    /*background: url("../../files/img/slider/logos/logo-por.jpg") no-repeat center center;*/
    /*background-size: contain;    */
}

body.home .slide:nth-child(3) #balken:before,
body.home .slide:nth-child(4) #balken:before {
    /*background: url("../../files/img/slider/logos/logo-fug.jpg") no-repeat center center;*/
    /*background-size: contain;    */
}

body.home .slide:nth-child(5) #balken:before,
body.home .slide:nth-child(6) #balken:before {
    /*background: url("../../files/img/slider/logos/logo-ful.jpg") no-repeat center center;*/
    /*background-size: contain;    */
}

body.home .slide:nth-child(7) #balken:before,
body.home .slide:nth-child(8) #balken:before {
    /*background: url("../../files/img/slider/logos/logo-box.jpg") no-repeat center center;*/
    /*background-size: contain;    */
}

body.portraitfotografie .slide #balken:before {
    /*background: url("../../files/img/slider/logos/logo-por.jpg") no-repeat center center;*/
    /*background-size: contain;    */
}

body.s-werbefotografie .slide #balken:before {
    /*background: url("../../files/img/slider/logos/logo-fug.jpg") no-repeat center center;*/
    /*background-size: contain;    */
}

body.ful .slide #balken:before {
    /*background: url("../../files/img/slider/logos/logo-ful.jpg") no-repeat center center;*/
    /*background-size: contain;    */
}

body.fotobox .slide #balken:before {
    /*background: url("../../files/img/slider/logos/logo-box.jpg") no-repeat center center;*/
    /*background-size: contain;    */
}

#s-down {
    position: absolute;
    /*bottom: 12px;*/
    bottom: 16px;
    width: 100%;
    height: 38px;
}

#s-down {
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}

#s-down a {
    width: 38px;
    height: 38px;
    background: url("../../files/img/design/expand_more.svg") no-repeat center center;
    background-size: contain;
    text-indent: -999em;
    margin: 0 auto;
    display: block;
    transition: opacity .3s ease;
}

#s-down a:hover {
    opacity: 1;
}


/* Content Main */

.ce_text {
    margin-bottom: 30px;
}

.ce_text.first {
    padding-top: 35px;
}

.mod_article {
    padding-left: 25px;
    padding-right: 25px;
}

.mod_article.first + .mod_article {
    padding-top: 60px;
}

.mod_article.last {
    padding-bottom: 60px;
}

.two-columns {
    column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    -webkit-column-count: 2;
    column-gap: 50px;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    -ms-column-gap: 50px;
    -o-column-gap: 50px;
    max-width: 950px;
    margin: 0 auto;
}

.one-column {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}

.center {
    text-align: center;
}

.no-margin * {
    margin: 0 auto;
}


/* Aktionshinweis */

.aktionshinweis {
    padding: 10px 0;
    text-align: center;
}

.aktionshinweis a {
    padding: 10px 15px;
    border: 1px solid #d8d8d8;
    background: #f9f9f9;
    border-radius: 5px;
    display: inline-block;
    transition: border .3s ease;
}

.aktionshinweis a {
    color: #4a4949;
}

.aktionshinweis a strong {
    font: 700 14px 'Open Sans';
    text-transform: uppercase;
}


/* Kategorie-Absprünge */

#categories {
    text-align: center;
    margin-top: 45px;
}

#categories > .ce_image {
    display: inline-block;
    text-align: left;
    margin: 0 3px;
}

#categories > .ce_image,
#categories > .ce_image > figure,
#categories > .ce_image > figure > a {
    width: 380px;
    height: 260px;
}

#categories > .ce_image > figure,
#categories > .ce_image > figure > a,
#categories > .ce_image > figure > a img {
    display: block;
}

#categories > .ce_image > figure > a img {
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
}


#categories > .ce_image figure {
    position: relative;
}

#categories > .ce_image figure figcaption {
    position: absolute;
    bottom: 23px;
    color: #fff;
    color: #ffffff;
    text-transform: uppercase;
    padding: 5px 10px;
    transition: .4s ease;
}

#categories > .ce_image:hover figure figcaption {
    padding-left: 25px;
}

#categories > .ce_image:nth-child(1) figcaption {
    /*background: #598dbf;*/
}

#categories > .ce_image:nth-child(2) figcaption {
    /*background: #f87316;*/
}

#categories > .ce_image:nth-child(3) figcaption {
    /*background: #37b547;*/
}

#categories > .ce_image:nth-child(4) figcaption {
    /*background: #af1618;*/
}


/* FB-Button */

.btn-fb {
    background-color: #3b5998;
    border-radius: 5px;
    color: #fff;
    padding: 7px 13px;
    margin-top: 40px;
    display: inline-block;
    transition: .3s ease;
}

.btn-fb:hover {
    box-shadow: 0px 2px 10px 3px rgba(0, 0, 0, 0.2);
}

.btn-fb span {
    line-height: 28px;
    display: block;
}

.btn-fb span:before {
    content: '';
    height: 28px;
    display: inline-block;
    width: 28px;
    background: url("../../files/img/design/btn-fb.svg") no-repeat center center;
    background-size: contain;
    position: relative;
    margin-left: -6px;
    vertical-align: middle;
}


/* Horizontal Galery Grid */

.photos {
    padding: 80px 25px 40px 25px;
    text-align: center;
}

.photos > div {
    position: relative;
    overflow: hidden;
}

.photos > div img {
    display: block;
}

.photos > div a.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    opacity: 0;
    transition: opacity .3s ease;
}

.photos > div a.overlay figcaption {
    margin: auto;
}

.photos > div a.overlay figcaption div {
    text-align: center;
    margin: 0 auto;
    font-size: 18px;
    border-radius: 20px;
    padding: 5px 20px;
    letter-spacing: -1px;
    background: url("../../files/img/design/galery-icon.svg") no-repeat center center;
    background-size: contain;
    height: 40px;
    width: 40px;
    margin-top: 29px;
}

.photos > div a.overlay figcaption span {
    color: #333;
    /*background: #374063;*/
    padding: 5px 15px;
    border-radius: 20px;
    display: inline-block;
    font-family: 'Cabin Condensed', sans-serif;
    font-size: 16px;
    color: #fff;
}

.photos > div:hover a.overlay {
    opacity: 1;
}

.photos > div a.overlay {
}

/*
.photos a{
    display: block;
}

.photos a img{
    display: block;
}
*/


/* Slideshow-Site */

#owlStatus {
    position: absolute;
    bottom: 0;
    right: 20px;
    color: #fff;
    font-weight: 700;
    line-height: 42px;
}

#owlStatus > div {
    display: inline-block;
}

.slideshow-img {
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    width: 100%;
}

#slideshow .slides {
    height: 100%;
}

#slideshow .slides .owl-wrapper-outer {
    height: calc(100% - 42px);
}

#slideshow .slides .owl-wrapper-outer .owl-wrapper,
#slideshow .slides .owl-wrapper-outer .owl-wrapper .owl-item {
    height: 100%;
}

#slideshow .slides .owl-wrapper-outer .owl-wrapper .owl-item div {
    height: 100%;
    width: 100%;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

#slideshow .slides .owl-controls {
    height: 42px;
    margin-top: 0;
    background: #374063;
    text-align: left;
}

#slideshow .slides .owl-controls .owl-buttons {
    width: 100px;
    margin-left: 60px;
    position: relative;
    z-index: 900;
}

body.slideshow {
    background: #eee;
}

body.slideshow .mod_article.first,
body.slideshow .mod_article.last {
    padding: 0;
}

/*
body.slideshow nav > ul{
    background: #fff;
}
*/

#slideshow {
    margin: 0 auto;
    height: 600px;
    height: calc(100vh - 55px);
    overflow: visible;
}

/*
#slideshow > ul > div,
#slideshow ul{
    max-height: calc(100vh - 175px);    
}
*/

#slideshow ul {
}

#slideshow ul,
#slideshow ul > div,
#slideshow ul > div > div {
    height: 100% !important;
}


#slideshow ul li {
    text-align: center;
    position: relative;
}

#slideshow ul li figure {
    height: 100%;
}

/*
#slideshow ul li figure{
    position: relative;
}
*/

#slideshow ul li figcaption {
    opacity: 0;
    position: relative;
    visibility: hidden;
}

/*
#slideshow ul li figcaption{
    bottom: 0;
    background: rgba(255, 255, 255, 0.85);
    position: relative;
    transform: translateY(-100%);
}

#slideshow ul li figcaption span{
    padding: 15px 0;
    position: relative;
    bottom: 0;
color: #333;
display: block;
width: 100vw;
}
*/

#slideshow ul li img {
    /*    object-fit: contain;*/
    /*
        object-position: center center;
        max-height: 100%;
        max-width: 100%;
    */
    height: 100%;
    height: calc(100% - 42px);
    width: auto;
    max-width: 100%;
    object-fit: contain;
    /*    width: 100%;*/
    /*
        max-width: 100%;
        max-height: 100%;
    */
}

#slideshow ul li span {
    display: block;
    /* position: absolute; */
    z-index: 888;
    color: #fff;
    top: 7px;
    /* left: 190px; */
    position: relative
}

#slideshow ul li img {
    display: inline;
}

#slideshow .owl-buttons div {
    width: 24px;
    height: 24px;
    border: 0;
    text-indent: -999em;
    padding: 0;
    transition: .3s ease;
    opacity: 1;
    font-size: 0;
    border-radius: 0;
    margin-top: 9px;
    margin-bottom: 0;
}

#slideshow .owl-prev {
    background: url("../../files/img/design/scp.svg") no-repeat center center;
    background-size: contain;
}


#slideshow .owl-next {
    background: url("../../files/img/design/scn.svg") no-repeat center center;
    background-size: contain;
}

#slideshow .c-wrapper {
    position: absolute;
    bottom: 8px;
    left: 20px;
    height: 25px;
    width: 25px;
    z-index: 900;
    background: url("../../files/img/design/scc.svg") no-repeat center center;
    background-size: contain;
    display: block;
    transform: scale(1);
    transition: .3s ease;
    opacity: 1;
}

#slideshow .c-wrapper:hover,
#slideshow .owl-buttons div:hover {
    transform: scale(0.9);
    opacity: 1;
}


#slide-controls {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #374063;
    height: 42px;
    z-index: -1;
}

#slide-controls .seperator {
    height: 18px;
    width: 2px;
    background: #fff;
    border-radius: 3px;
    display: block;
    content: '';
    margin-right: 30px;
    position: absolute;
    left: 64px;
    top: 13px;
}

#pg-title {
    position: absolute;
    bottom: 0;
    width: 200px;
    left: 50%;
    margin-left: -100px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    /* font-family: Cabin Condensed; */
    font-size: 16px;
    line-height: 42px
}


/* Kontaktformular */

#contact-form {
    /*background: #f2f2f2;*/
    padding: 70px 25px;
}

#contact-form .widget.name {
    margin-right: 20px;
}

#contact-form .widget.name,
#contact-form .widget.mail {
    width: 340px;
    float: left;
}

#contact-form .formbody {
    max-width: 700px;
    margin: auto;
}

#contact-form .submit_container {
    text-align: center;
    margin-top: 5px;
}

p.error {
    margin-bottom: 3px;
    color: red
}

/* Footer-Info */

#footer-info {
    /*background: #363f62;*/
    padding: 60px 0;
}

#footer-info * {
    /*color: #ffffff;*/
    transition: color .2s ease;
}

#footer-info .inside {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
}

#footer-info .inside ul:not(:last-child) {
    margin: 0 auto 0 0;
}

#footer-info li:first-child {
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 14px;
}

#footer-info li {
    color: #ffffff;
    font: 400 14px / 24px 'Open Sans';
}

#footer-info ul:nth-child(2) span {
    width: 110px;
    display: inline-block;
}


/* Footer-Copyright */

#footer-copyright {
    font-size: 12px;
    padding: 20px 0;
    text-align: center;
}

#footer-copyright span:not(:last-child):after {
    content: "|";
    padding: 0 22px;
}

#footer-copyright a {
    color: #3e3e3e;
}

/* YouTube */

.ce_youtube {
    margin-top: 40px;
}

.ce_youtube > div {
    margin: auto;
}

#info-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../../files/img/design/pfeil-hinweis2.png") no-repeat center center;
    opacity: 0;
    transition: 3s ease;
}

#info-overlay.active {
    opacity: 1;
}


/* Responsive Header */


@media screen and (max-width: 1470px) {
    header.small nav > ul > li > a {
        padding: 20px 10px;
    }
}

@media screen and (max-width: 1330px) {

    header.small nav > ul > li > a ~ ul {
        text-align: left;
    }


    header.small #burger-menu {
        display: block;
        cursor: pointer;
        position: fixed;
        right: 15px;
        /*top: 7px;*/
        z-index: 90;
        text-align: right;
        width: auto;
        padding: 10px;
        font-weight: 900;
        align-self: center;
    }

    header.small label#burger-menu .lines .line {
        width: 24px;
        height: 2px;
        background: #fff;
        border-radius: 3px;
        margin-bottom: 6px;
        transition: all .2s;
        opacity: 1;
    }

    header.small label#burger-menu .lines .line:nth-child(2) {
        transition: all .0s;
    }

    header.small label#burger-menu .lines .line:last-child {
        margin: 0 0 0 7px;
        width: 17px;
    }

    header.small label#burger-menu:hover .lines .line:last-child,
    header.small label#burger-menu:active .lines .line:last-child,
    header.small input#activate-menu:checked ~ label .lines .line:last-child {
        width: 24px;
        margin: 0;
    }


    header.small label#burger-menu span,
    header.small label#burger-menu .lines {
        display: inline-block;
        vertical-align: middle;
    }

    header.small input#activate-menu:checked ~ label .lines .line:nth-child(2) {
        opacity: 0;
    }

    header.small input#activate-menu:checked ~ label .lines .line:nth-child(3) {
        transform: rotate(-45deg);
        margin-top: -16px;
    }

    header.small input#activate-menu:checked ~ label .lines .line:nth-child(1) {
        transform: rotate(45deg);
    }

    header.small .inside {
        background: rgba(255, 255, 255, 0.9);
        width: 100%;
        /*height: 55px;*/
        position: fixed;
        z-index: 999;
    }

    header.small #color-lines {
        opacity: 1;
    }


    header.small #mobile-logo {
        opacity: 1;
    }

    header.small nav.block {
        top: 55px;
    }

    header.small nav > ul {
        position: fixed;
        background: #374063;
        text-align: left;
        padding: 0;
        height: 0;
        overflow: hidden;
        transition: .3s ease-in-out;
        top: 55px;
        border: 0;
        overflow: auto;
    }

    header input#activate-menu:checked ~ nav > ul, header.small input#activate-menu:checked ~ nav > ul {
        height: auto;
        padding: 30px 0 30px 30px;
    }

    header.small nav ul li {
        display: block;
    }

    header.small nav ul a {
        color: #fff;
    }

    header.small nav > ul > li > a {
        display: inline-block;
        vertical-align: middle;
/*        padding: 14px 0 14px 25px;*/
    }

    header.small nav > ul > li.submenu > a {
        padding: 14px 0 14px 15px;
    }

    header.small nav > ul label {
        height: 12px;
        width: 12px;
        /*display: block;*/
        background: url("../../files/img/design/cross.svg") no-repeat center left;
        display: inline-block;
        margin-left: 25px;
        cursor: pointer;
        vertical-align: middle;
        transition: .3s ease;
    }

    header.small nav > ul input[type="checkbox"]:checked + label,
    header.small nav > ul li.trail label {
        transform: rotate(45deg);
    }

    header.small nav > ul li.trail input[type="checkbox"]:checked ~ label {
        transform: rotate(0);
    }

    header.small nav > ul input[type="checkbox"]:checked {
        display: none;
    }

    header.small nav > ul > li > a ~ ul,
    header.small nav > ul li.trail input[type="checkbox"]:checked ~ ul {
        position: static;
        opacity: 1;
        width: auto;
        padding-left: 33px;
        /*    font-size: 10px;*/
        height: 0;
        transition: .3s ease;
    }

    header.small nav > ul > li:hover > a ~ ul {
        display: block;
        opacity: 1;
        padding: 0;
        padding-left: 33px;
    }

    header.small nav > ul input[type="checkbox"]:checked ~ ul,
    header.small nav > ul li.trail ul {
        display: block;
        opacity: 1;
        height: auto;
    }

    header.small nav > ul > li > ul a {
        color: #fff;
        padding: 6px 20px;
    }
}

@media screen and (max-width: 1300px) {
    #burger-menu {
        display: block;
        cursor: pointer;
        /*position: fixed;*/
        position: relative;
        right: 15px;
        /*top: 7px;*/
        z-index: 20;
        text-align: right;
        width: 45px;
        padding: 10px;
        font-weight: 900;
        align-self: center;
    }

    label#burger-menu .lines .line {
        width: 24px;
        height: 2px;
        background: #fff;
        border-radius: 3px;
        margin-bottom: 6px;
        transition: all .2s;
        opacity: 1;
    }

    label#burger-menu .lines .line:nth-child(2) {
        transition: all .0s;
    }

    label#burger-menu .lines .line:last-child {
        margin: 0 0 0 7px;
        width: 17px;
    }

    label#burger-menu:hover .lines .line:last-child, label#burger-menu:active .lines .line:last-child, input#activate-menu:checked ~ label .lines .line:last-child {
        width: 24px;
        margin: 0;
    }


    label#burger-menu span, label#burger-menu .lines {
        display: inline-block;
        vertical-align: middle;
    }

    input#activate-menu:checked ~ label .lines .line:nth-child(2) {
        opacity: 0;
    }

    input#activate-menu:checked ~ label .lines .line:nth-child(3) {
        transform: rotate(-45deg);
        margin-top: -16px;
    }

    input#activate-menu:checked ~ label .lines .line:nth-child(1) {
        transform: rotate(45deg);
    }


    header nav {
        top: 55px;
    }

    header nav > ul {
        position: fixed;
        text-align: left;
        padding: 0;
        height: 0;
        overflow: hidden;
        transition: .3s ease;
        top: 75px;
        bottom: 0;
        overflow-y: auto;
        width: 100%;
        max-width: 500px;
        right: 0;
    }

    input#activate-menu:checked ~ nav > ul {
        height: auto;
        padding: 30px 0;
    }

    header nav ul li {
        display: block;
    }

    header nav ul a {
        color: #fff;
    }

    nav > ul > li > a {
        display: inline-block;
        vertical-align: middle;
        padding: 14px 0 14px 25px;
    }

    nav > ul > li.submenu > a {
        padding: 14px 0 14px 15px;
    }

    nav > ul label {
        height: 12px;
        width: 12px;
        display: block;
        background: url("../../files/img/design/cross.svg") no-repeat center left;
        display: inline-block;
        margin-left: 25px;
        cursor: pointer;
        vertical-align: middle;
        transition: .3s ease;
    }

    nav > ul input[type="checkbox"]:checked + label {
        transform: rotate(45deg);
    }

    nav > ul input[type="checkbox"]:checked {
        display: none;
    }

    nav > ul > li > a ~ ul {
        position: static;
        opacity: 1;
        width: auto;
        padding-left: 33px;
        /*    font-size: 10px;*/
        height: 0;
        transition: .3s ease;
    }

    nav > ul > li:hover > a ~ ul {
        display: block;
        opacity: 1;
        padding: 0;
    }

    nav > ul input[type="checkbox"]:checked ~ ul {
        display: block;
        opacity: 1;
        height: auto;
    }

    nav > ul > li > ul a {
        color: #fff;
        padding: 6px 20px;
    }


}

@media screen and (max-width: 1310px) {
    nav > ul > li > ul a {
        padding: 8px 10px;
    }
}


@media screen and (max-width: 1300px) {
    nav > ul > li > a {
        padding: 20px 10px;
    }
}

@media screen and (max-width: 1180px) {

    #info-overlay {
        display: none;
    }

    #s-down {
        display: none;
    }

    .ce_text.first {
        padding-top: 0;
    }


    header .inside {
        /*background: rgba(255, 255, 255, 0.9);*/
        width: 100%;
        /*height: 55px;*/
        position: fixed;
        z-index: 999;
    }

    #color-lines {
        opacity: 1;
    }


    #mobile-logo {
        opacity: 1;
        visibility: visible;
        min-height: unset;
        height: 55px;
    }
}

@media screen and (max-width: 500px) {

    #mobile-logo {
        left: 15px;
    }

    header.small #burger-menu,
    #burger-menu {
        right: 5px;
    }

}


/* Responsive Slider*/

@media screen and (max-width: 1180px) {

    #slider, #slider .slide {
        height: 600px;
    }

    #balken {
        display: none;
    }

}

@media screen and (max-width: 850px) {

    #slider, #slider .slide {
        height: 450px;
    }

}

@media screen and (max-width: 600px) {

    #slider, #slider .slide {
        height: 300px;
    }

    #s-down {
        display: none;
    }

}

@media screen and (max-width: 450px) {

    #slider, #slider .slide {
        height: 250px;
    }

}


/* Responsive Slideshow*/

@media screen and (max-width: 850px) {

}

@media screen and (max-width: 500px) {

}


/* Responsive Content*/

@media screen and (max-width: 1610px) {
    #categories {
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }

    #categories > .ce_image {
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 800px) {
    #slideshow ul li span {
        text-align: left;
        margin-left: 180px;
    }
}

@media screen and (max-width: 750px) {

    .two-columns {
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        -ms-column-count: 1;
        -o-column-count: 1;
        column-gap: 0;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        -ms-column-gap: 0;
        -o-column-gap: 0;
        max-width: 450px;
    }

    .aktionshinweis {
        padding: 0;
    }

    .aktionshinweis a {
        border: 0;
        color: #fff;
        /*background: #f87316;*/
    }

    body.portraitfotografie .aktionshinweis a {
        border: 0;
        color: #fff;
        /*background: #598dbf;*/
    }

    .aktionshinweis a strong {
        color: #fff !important;
    }

    body.ful .aktionshinweis a {
        border: 0;
        color: #fff;
        /*background: #37b547;*/
    }

    body.fotobox .aktionshinweis a {
        border: 0;
        color: #fff;
        /*background: #DC393E;*/
    }

    .aktionshinweis a strong {
        color: #fff;
        display: block;
    }

    #contact-form .widget.name, #contact-form .widget.mail {
        width: 100%;
        float: none;
    }

    .mod_article.first + .mod_article {
        padding-top: 30px;
    }

    .mod_article.last {
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 650px) {

    #slideshow ul li span {
        display: none;
    }
}

@media screen and (max-width: 560px) {
    #footer-copyright span {
        display: block;
        margin: 4px 0;
    }

    #footer-copyright span:not(:last-child):after {
        display: none;
    }
}


@media screen and (max-width: 500px) {

    #contact-form {
        padding: 40px 15px;
    }

    .mod_article {
        padding-left: 15px;
        padding-right: 15px;
    }

    h1 {
        font-size: 30px;
        margin-bottom: 15px;
    }
}


/* Responsive Horizontal Galery Grid */


@media screen and (max-width: 1180px) {
    .photos {
        padding: 50px 0px 20px 0px;
        text-align: center;
    }
}


/* Responsive Footer */

@media screen and (max-width: 980px) {

    #footer-info .inside {
        display: block;
        padding-left: 25px;
        padding-right: 25px;
    }

    #footer-info .inside > ul:not(:first-child) {
        margin-top: 40px;
    }

}

@media screen and (max-width: 500px) {

    #footer-info .inside {
        padding-left: 15px;
        padding-right: 15px;
    }

}

@media screen and (max-width: 470px) {
    #owlStatus {
        display: none;
    }

    #pg-title {
        text-align: right;
        left: auto;
        right: 20px;
        margin-left: 0;
    }
}

@media screen and (max-width: 420px) {

    #categories > .ce_image,
    #categories > .ce_image > figure,
    #categories > .ce_image > figure > a {
        width: 280px;
        height: 192px;
    }
}


/* iOS Stuff */


.ios input,
.ios textarea {
    font-size: 16px;
}

.ios ::-webkit-input-placeholder {
    font-family: 'Roboto', sans-serif;
    color: #626262;
    font-size: 16px;
}

.ios :-moz-placeholder {
    font-family: 'Roboto', sans-serif;
    color: #626262;
    font-size: 16px;
}

.ios ::-moz-placeholder {
    font-family: 'Roboto', sans-serif;
    color: #626262;
    font-size: 16px;
}

.ios :-ms-input-placeholder {
    font-family: 'Roboto', sans-serif;
    color: #626262;
    font-size: 16px;
}

/*
.safari.ios #slideshow{
    height: 100%;
}
*/

.safari.ios #slideshow {
    height: calc(100vh - 123px);
}

.safari.ios #slideshow ul,
.safari.ios #slideshow ul > div,
.safari.ios #slideshow ul > div > div {
    height: calc(100vh - 124px) !important;
}

body.noslider .mod_article.first {
    padding-top: 55px;
}

.mod_article input[type="text"],
.mod_article input[type="password"] {
    background: #f2f2f2;
}

.photos > div img {
    background: url("../../files/img/design/missing.gif") center center;
    background-size: cover;
}

#dwn-login table,
#dwn-login tbody,
#dwn-login tr td {
    display: block;
}

#dwn-login {
    text-align: center;
}

#dwn-login td {
    text-align: left;
}

#dwn-login tr {
    display: block;
    margin: 0 auto;
    max-width: 600px;
}

#dwn-login tr.row_last {
    display: block;
    max-width: 600px;
    margin: 0 auto
}

#dwn-login tr.row_last td.col_first {
    display: none;
}

#dwn-login tr.row_last .submit_container {
    text-align: center;
}

.ce_downloads {
    text-align: center;
    margin-bottom: 30px;
}

.ce_downloads li a {
    padding: 3px 0;
    display: block;
    color: #363f62;
    transition: .3s ease;
}

.ce_downloads li a:hover {
    color: #959AAE;
}

.ce_downloads li img {
    display: none;
}

#aktionen {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
}

#aktionen img {
    opacity: 1;
    transition: .3s ease;
}

@media screen and (max-width: 700px) {

    #aktionen {
        margin-top: -10px;
        margin-bottom: 10px;
    }

}

#aktionen a img:hover {
    opacity: 0.8;
}

/*
body.mobile #burger-menu,
body.android #burger-menu,
body.ios #burger-menu {
    display: block;
    cursor: pointer;
    position: fixed;
    right: 15px;
    top: 7px;
    z-index: 20;
    text-align: right;
    width: auto;
    padding: 10px;
    font-weight: 900;
}

body.mobile label#burger-menu .lines .line,
body.android label#burger-menu .lines .line,
body.ios label#burger-menu .lines .line {
    width: 24px;
    height: 2px;
    background: #374063;
    border-radius: 3px;
    margin-bottom: 6px;
    transition: all .2s;
    opacity: 1;
}*/

/*body.mobile label#burger-menu .lines .line:nth-child(2),
body.android label#burger-menu .lines .line:nth-child(2),
body.ios label#burger-menu .lines .line:nth-child(2) {
    transition: all .0s;
}

body.mobile label#burger-menu .lines .line:last-child,
body.android label#burger-menu .lines .line:last-child,
body.ios label#burger-menu .lines .line:last-child {
    margin: 0 0 0 7px;
    width: 17px;
}

body.mobile label#burger-menu:hover .lines .line:last-child,
body.mobile label#burger-menu:active .lines .line:last-child,
body.mobile input#activate-menu:checked ~ label .lines .line:last-child,
body.android label#burger-menu:hover .lines .line:last-child,
body.android label#burger-menu:active .lines .line:last-child,
body.android input#activate-menu:checked ~ label .lines .line:last-child,
body.ios label#burger-menu:hover .lines .line:last-child,
body.ios label#burger-menu:active .lines .line:last-child,
body.ios input#activate-menu:checked ~ label .lines .line:last-child {
    width: 24px;
    margin: 0;
}*/

/*
body.mobile label#burger-menu span,
body.mobile label#burger-menu .lines,
body.android label#burger-menu span,
body.android label#burger-menu .lines,
body.ios label#burger-menu span,
body.ios label#burger-menu .lines {
    display: inline-block;
    vertical-align: middle;
}

body.mobile input#activate-menu:checked ~ label .lines .line:nth-child(2),
body.android input#activate-menu:checked ~ label .lines .line:nth-child(2),
body.ios input#activate-menu:checked ~ label .lines .line:nth-child(2) {
    opacity: 0;
}

body.mobile input#activate-menu:checked ~ label .lines .line:nth-child(3),
body.android input#activate-menu:checked ~ label .lines .line:nth-child(3),
body.ios input#activate-menu:checked ~ label .lines .line:nth-child(3) {
    transform: rotate(-45deg);
    margin-top: -16px;
}

body.mobile input#activate-menu:checked ~ label .lines .line:nth-child(1),
body.android input#activate-menu:checked ~ label .lines .line:nth-child(1),
body.ios input#activate-menu:checked ~ label .lines .line:nth-child(1) {
    transform: rotate(45deg);
}*/

/*
body.mobile header .inside,
body.android header .inside,
body.ios header .inside {
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    height: 55px;
    position: fixed;
    z-index: 999;
}
*/

/*body.mobile #color-lines,
body.android #color-lines,
body.ios #color-lines {
    opacity: 1;
}


body.mobile #mobile-logo,
body.android #mobile-logo,
body.ios #mobile-logo {
    opacity: 1;
    visibility: visible;
}

body.mobile header nav,
body.android header nav,
body.ios header nav {
    top: 55px;
}*/

/*body.mobile header nav > ul,
body.android header nav > ul,
body.ios header nav > ul {
    position: fixed;
    background: #374063;
    text-align: left;
    padding: 0;
    height: 0;
    overflow: hidden;
    transition: .3s ease;
    top: 55px;
    bottom: 0;
    overflow-y: auto;
}*/

/*body.mobile input#activate-menu:checked ~ nav > ul,
body.android input#activate-menu:checked ~ nav > ul,
body.ios input#activate-menu:checked ~ nav > ul {
    height: auto;
    padding: 30px 0;
}

body.mobile header nav ul li,
body.android header nav ul li,
body.ios header nav ul li {
    display: block;
}*/

/*body.mobile header nav ul a,
body.android header nav ul a,
body.ios header nav ul a {
    color: #fff;
}

body.mobile nav > ul > li > a,
body.android nav > ul > li > a,
body.ios nav > ul > li > a {
    display: inline-block;
    vertical-align: middle;
    padding: 14px 0 14px 25px;
}*/
/*
body.mobile nav > ul > li.submenu > a,
body.android nav > ul > li.submenu > a,
body.ios nav > ul > li.submenu > a {
    padding: 14px 0 14px 15px;
}

body.mobile nav > ul label,
body.android nav > ul label,
body.ios nav > ul label {
    height: 12px;
    width: 12px;
    display: block;
    background: url("../../files/img/design/cross.svg") no-repeat center left;
    display: inline-block;
    margin-left: 25px;
    cursor: pointer;
    vertical-align: middle;
    transition: .3s ease;
}*/

/*body.mobile nav > ul input[type="checkbox"]:checked + label,
body.android nav > ul input[type="checkbox"]:checked + label,
body.ios nav > ul input[type="checkbox"]:checked + label {
    transform: rotate(45deg);
}

body.mobile nav > ul input[type="checkbox"]:checked,
body.android nav > ul input[type="checkbox"]:checked,
body.ios nav > ul input[type="checkbox"]:checked {
    display: none;
}*/

/*body.mobile nav > ul > li > a ~ ul,
body.android nav > ul > li > a ~ ul,
body.ios nav > ul > li > a ~ ul {
    position: static;
    opacity: 1;
    width: auto;
    padding-left: 33px;
    !*    font-size: 10px;*!
    height: 0;
    transition: .3s ease;
}*/

/*body.mobile nav > ul > li:hover > a ~ ul,
body.android nav > ul > li:hover > a ~ ul,
body.ios nav > ul > li:hover > a ~ ul {
    display: block;
    opacity: 1;
}

body.mobile nav > ul input[type="checkbox"]:checked ~ ul,
body.android nav > ul input[type="checkbox"]:checked ~ ul,
body.ios nav > ul input[type="checkbox"]:checked ~ ul {
    display: block;
    opacity: 1;
    height: auto;
}

body.mobile nav > ul > li > ul a,
body.android nav > ul > li > ul a,
body.ios nav > ul > li > ul a {
    color: #fff;
    padding: 6px 20px;
}*/

/* Tablet */


.tablet #slideshow .slides .owl-wrapper-outer {
    height: calc(100% - 50px);
}

.tablet #slideshow .slides .owl-controls {
    height: 50px;
}

.tablet #slideshow .owl-buttons div {
    height: 50px;
    width: 40px;
    margin: 0;
    background-size: 24px;
}

.tablet #slideshow .c-wrapper {
    width: 40px;
    height: 50px;
    background-size: 25px;
    bottom: 0;
}

.tablet body nav > ul label {
    width: 30px;
    height: 30px;
    background-size: 16px;
    background-position: center center;
}

.tablet nav.block {
    font-size: 16px;
}

.tablet body nav > ul > li > a ~ ul {
    padding-left: 50px;
}

.tablet #pg-title,
.tablet #owlStatus {
    line-height: 50px;
}

#header-schriftzug {
    font-size: 23px;
    font-family: Kalam;
    text-transform: none;
    letter-spacing: -.25px;
    line-height: 94px;
    height: 58px;
    overflow: hidden;
}

body.landingpage .mod_article.first > .first > .photos {
    padding-top: 0;
}


@media screen and (max-width: 700px) {
    #header-schriftzug > .ce_text > .text p {
        opacity: 0;
    }
}

.landingpage header.small .inside {
    background: none;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/*!
 * Polyfill CSS object-fit
 * http://helloanselm.com/object-fit
 *
 * @author: Anselm Hannemann <hello@anselm-hannemann.com>
 * @author: Christian "Schepp" Schaefer <schaepp@gmx.de>
 * @version: 0.3.4
 *
 */

x-object-fit {
	position: relative !important;
	display: inline-block !important;
}

x-object-fit > .x-object-fit-taller,
x-object-fit > .x-object-fit-wider {
	position: absolute !important;
	left: -100% !important;
	right: -100% !important;
	top: -100% !important;
	bottom: -100% !important;
	margin: auto !important;
}

.x-object-fit-none > .x-object-fit-taller,
.x-object-fit-none > .x-object-fit-wider {
	width: auto !important;
	height: auto !important;
}

.x-object-fit-fill > .x-object-fit-taller,
.x-object-fit-fill > .x-object-fit-wider {
	width: 100% !important;
	height: 100% !important;
}

.x-object-fit-contain > .x-object-fit-taller {
	width: auto !important;
	height: 100% !important;
}

.x-object-fit-contain > .x-object-fit-wider {
	width: 100% !important;
	height: auto !important;
}

.x-object-fit-cover > .x-object-fit-taller,
.x-object-fit-cover > .x-object-fit-wider {
	max-width: none !important;
	max-height: none !important;
}

.x-object-fit-cover > .x-object-fit-taller {
	width: 100% !important;
	height: auto !important;
	max-width: none !important;
}

.x-object-fit-cover > .x-object-fit-wider {
	width: auto !important;
	height: 100% !important;
	max-width: none !important;
}

.x-object-position-top > .x-object-fit-taller,
.x-object-position-top > .x-object-fit-wider {
	top: 0 !important;
	bottom: auto !important;
}

.x-object-position-right > .x-object-fit-taller,
.x-object-position-right > .x-object-fit-wider {
	left: auto !important;
	right: 0 !important;
}

.x-object-position-bottom > .x-object-fit-taller,
.x-object-position-bottom > .x-object-fit-wider {
	top: auto !important;
	bottom: 0 !important;
}

.x-object-position-left > .x-object-fit-taller,
.x-object-position-left > .x-object-fit-wider {
	left: 0 !important;
	right: auto !important;
}


/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important;
}

#swipebox-overlay img {
  border: none !important;
}

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#swipebox-container {
  position: relative;
  width: 100%;
  height: 100%;
}

#swipebox-slider {
  -webkit-transition: -webkit-transform 0.4s ease;
          transition: transform 0.4s ease;
  height: 100%;
  height: calc(100% - 100px);
  left: 0;
  top: 50px;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
  cursor: pointer;
}
#swipebox-slider .slide {
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block;
}
#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
}
#swipebox-slider .slide .swipebox-video-container {
  background: none;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
#swipebox-slider .slide-loading {
  background: url("../../files/css/loader.gif") no-repeat center center;
}

#swipebox-bottom-bar,
#swipebox-top-bar {
  -webkit-transition: 0.5s;
          transition: 0.5s;
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%;
}

#swipebox-bottom-bar {
  bottom: -50px;
}
#swipebox-bottom-bar.visible-bars {
  -webkit-transform: translate3d(0, -50px, 0);
          transform: translate3d(0, -50px, 0);
}

#swipebox-top-bar {
  top: -50px;
}
#swipebox-top-bar.visible-bars {
  -webkit-transform: translate3d(0, 50px, 0);
          transform: translate3d(0, 50px, 0);
}

#swipebox-title {
  display: block;
  width: 100%;
  text-align: center;
}

#swipebox-prev,
#swipebox-next,
#swipebox-close {
  background-image: url("../../files/css/icons.png");
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  width: 50px;
  height: 50px;
  top: 0;
}

#swipebox-arrows {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 50px;
}

#swipebox-prev {
  background-position: -32px 13px;
  float: left;
}

#swipebox-next {
  background-position: -78px 13px;
  float: right;
}

#swipebox-close {
  top: 0;
  right: 0;
  position: absolute;
  z-index: 9999;
  background-position: 15px 12px;
}

.swipebox-no-close-button #swipebox-close {
  display: none;
}

#swipebox-prev.disabled,
#swipebox-next.disabled {
  opacity: 0.3;
}

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
  -webkit-animation: rightSpring 0.3s;
          animation: rightSpring 0.3s;
}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
  -webkit-animation: leftSpring 0.3s;
          animation: leftSpring 0.3s;
}

.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: all .3s ease;
          transition: all .3s ease;
  content: ' ';
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 20px;
  opacity: 0;
}
.swipebox-touch #swipebox-container:before {
  left: 0;
  -webkit-box-shadow: inset 10px 0px 10px -8px #656565;
          box-shadow: inset 10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-container:after {
  right: 0;
  -webkit-box-shadow: inset -10px 0px 10px -8px #656565;
          box-shadow: inset -10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
  opacity: 1;
}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
  opacity: 1;
}

@-webkit-keyframes rightSpring {
  0% {
    left: 0;
  }

  50% {
    left: -30px;
  }

  100% {
    left: 0;
  }
}

@keyframes rightSpring {
  0% {
    left: 0;
  }

  50% {
    left: -30px;
  }

  100% {
    left: 0;
  }
}
@-webkit-keyframes leftSpring {
  0% {
    left: 0;
  }

  50% {
    left: 30px;
  }

  100% {
    left: 0;
  }
}
@keyframes leftSpring {
  0% {
    left: 0;
  }

  50% {
    left: 30px;
  }

  100% {
    left: 0;
  }
}
@media screen and (min-width: 800px) {
  #swipebox-close {
    right: 10px;
  }

  #swipebox-arrows {
    width: 92%;
    max-width: 800px;
  }
}
/* Skin 
--------------------------*/
#swipebox-overlay {
  background: rgba(0,0,0,0.8);
}

#swipebox-bottom-bar,
#swipebox-top-bar {
  /*text-shadow: 1px 1px 1px black;*/
  background: transparent;
  opacity: 1;
}

#swipebox-top-bar {
  color: white !important;
  font-size: 15px;
  line-height: 43px;
  overflow: hidden;
  /*font-family: Helvetica, Arial, sans-serif;*/
  display:flex;
  align-items:center;
  overflow: hidden;
}

#wrapper{
	transition: .4s ease;
}

html.swipebox-html #wrapper{
	filter: blur(4px);
}
/* variant_ls.css */
.legal h2{color:#fafafa}.legal p + h2{margin-top:60px;color:#fafafa}.legal{max-width:80%;margin-right:auto;margin-left:auto}header nav > ul > li.trail > ul > li.active > a{color:#fafafa;font-weight:700}header nav > ul > li.trail > ul > li.active > a::after{content:'';display:block;position:relative;width:85%;height: 1px;border-bottom:#fafafa solid 1px;margin:0 auto;padding-top:3px}header nav > ul > li > a:hover,header nav > ul > li > ul a:hover{color:#adadad}.aktionshinweis a:hover{border:none !important;transform:scale(1.1)}.aktionshinweis a{background:#666666 !important;color: #fafafa !important;border:none !important;transition:transform ease-in-out 0.2s}.photos > div a.overlay figcaption span{background-color:#292929}header.small >.inside{background-color:rgba(41,41,41,.95)}#header  nav.mod_navigation{margin-left:auto;align-self:center}header >.inside{width:100%;position:fixed;background-color:rgba(41,41,41,.95);border-bottom:1px solid rgba(77,77,77,.9);display:flex;flex-wrap:wrap;justify-content:space-between;z-index:999;box-sizing:border-box}header >.inside *{box-sizing:border-box}p a{color:#adadad}#footer #footer-copyright{background-color:#1d1d1d}#footer-copyright a{color:#666666}#categories >.ce_image figcaption{background-color:#1d1d1d}header nav > ul > li > a ~ ul{background-color:#666666}#contact-form{background-color:#4d4d4d}#contact-form h2{color:#fafafa}input[type="submit"],a.btn{background-color:#666666;color:#fafafa;transition:transform ease-in-out .2s}#footer-info{background-color:#1d1d1d}#footer-info *{color:#fafafa}input[type="submit"]:hover,a.btn:hover{transform:scale(1.1);transition:transform ease-in-out .2s}#balken{background-color:rgba(41,41,41,.75)}#s-down a{background-color:rgba(29,29,29,.75);color:rgba(250,250,250,.75)}body{background-color:#292929;color:#fafafa}header nav > ul{border-bottom:2px #666666;color:#fafafa;background:transparent}header nav > ul > li > a.active,header nav > ul > li.trail > a{color:#fafafa;font-weight:700}header nav > ul > li > a{color:#666666}header{width:100%;background-color:#1d1d1d;border-bottom:1px #fafafa;z-index:999}
@media screen and (max-width:1300px){
/* variant_ls_tablet.css */
header nav > ul > li.trail > ul > li.active > a::after{display:none}header nav > ul,header.small nav > ul{background-color:rgba(41,41,41,.9);top:75px}header nav > ul li,header.small nav > ul li,header nav > ul li a,header.small nav > ul li a{color:#fafafa}
}