@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2
 * @revision        $Revision:426 $
 * @lastmodified    $Date:2009-10-21 21:12:11 +0200 (Mi, 21. Okt 2009) $
 */

/**
 * Contao Extension
 * @copyright  Felix Pfeiffer : Neue Medien 2007 - 2012
 * @author     Felix Pfeiffer <info@felixpfeiffer.com>
 * @package    Subcolumns
 */

@media screen{.subcolumns{width:100%;overflow:hidden}.subcolumns_oldgecko{width:100%;float:left}.c20l,.c20r{width:20%}.c40l,.c40r{width:40%}.c60l,.c60r{width:60%}.c80l,.c80r{width:80%}.c25l,.c25r{width:25%}.c33l,.c33r{width:33.333%}.c50l,.c50r{width:50%}.c66l,.c66r{width:66.666%}.c75l,.c75r{width:75%}.c38l,.c38r{width:38.2%}.c62l,.c62r{width:61.8%}.c15l,.c15r{width:15%}.c16l,.c16r{width:16.666%}.c30l,.c30r{width:30%}.c45l,.c45r{width:45%}.c55l,.c55r{width:55%}.c70l,.c70r{width:70%}.c85l,.c85r{width:85%}.subc{padding:0 .5em}.subcl{padding:0 1em 0 0}.subcr{padding:0 0 0 1em}.equalize,.equalize .subcolumns{overflow:visible;display:table;table-layout:fixed}.equalize > div{display:table-cell;float:none;overflow:hidden;vertical-align:top;margin:0}.c20l,.c25l,.c33l,.c40l,.c38l,.c50l,.c60l,.c62l,.c66l,.c75l,.c80l,.c15l,.c16l,.c30l,.c45l,.c55l,.c70l,.c85l{float:left}.c20r,.c25r,.c33r,.c40r,.c38r,.c50r,.c60r,.c66r,.c62r,.c75r,.c80r,.c15r,.c16r,.c30r,.c45r,.c55r,.c70r,.c85r{float:right;margin-left:-5px}}@media print{.subcolumns > div{display:table;overflow:visible}}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

/* ColorBox, (c) 2011 Jack Moore, MIT license */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/* MediaElement.js, (c) 2010-2014 John Dyer, MIT license */
.mejs-offscreen{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:polygon(0 0,0 0,0 0,0 0);position:absolute!important;height:1px;width:1px;overflow:hidden}.mejs-container{position:relative;background:#000;font-family:Helvetica,Arial;text-align:left;vertical-align:top;text-indent:0}.mejs-audio{margin-top:18px}.mejs-container:focus{outline:none}.me-plugin{position:absolute}.mejs-embed,.mejs-embed body{width:100%;height:100%;margin:0;padding:0;background:#000;overflow:hidden}.mejs-fullscreen{overflow:hidden!important}.mejs-container-fullscreen{position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{width:100%;height:100%}.mejs-clear{clear:both}.mejs-background{position:absolute;top:0;left:0}.mejs-mediaelement{position:absolute;top:0;left:0;width:100%;height:100%}.mejs-poster{position:absolute;top:0;left:0;background-size:contain;background-position:50% 50%;background-repeat:no-repeat}:root .mejs-poster img{display:none}.mejs-poster img{border:0;padding:0;border:0}.mejs-overlay{position:absolute;top:0;left:0}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;background:url(../../assets/jquery/mediaelement/2.21.2/images/bigplay.svg) no-repeat}.no-svg .mejs-overlay-button{background-image:url(../../assets/jquery/mediaelement/2.21.2/images/bigplay.png)}.mejs-overlay:hover .mejs-overlay-button{background-position:0 -100px}.mejs-overlay-loading{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;background:#333;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(0,0,0,.9);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.9)),to(rgba(0,0,0,.9)));background:-webkit-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-moz-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-o-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-ms-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:linear-gradient(rgba(50,50,50,.9),rgba(0,0,0,.9))}.mejs-overlay-loading span{display:block;width:80px;height:80px;background:url(../../assets/jquery/mediaelement/2.21.2/images/loading.gif) 50% 50% no-repeat}.mejs-container .mejs-controls{position:absolute;list-style-type:none;margin:0;padding:0;bottom:0;left:0;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(0,0,0,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.7)),to(rgba(0,0,0,.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-moz-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-o-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-ms-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:linear-gradient(rgba(50,50,50,.7),rgba(0,0,0,.7));height:30px;width:100%}.mejs-container .mejs-controls div{list-style-type:none;background-image:none;display:block;float:left;margin:0;padding:0;width:26px;height:26px;font-size:11px;line-height:11px;font-family:Helvetica,Arial;border:0}.mejs-controls .mejs-button button{cursor:pointer;display:block;font-size:0;line-height:0;text-decoration:none;margin:7px 5px;padding:0;position:absolute;height:16px;width:16px;border:0;background:url(../../assets/jquery/mediaelement/2.21.2/images/controls.svg) no-repeat}.no-svg .mejs-controls .mejs-button button{background-image:url(../../assets/jquery/mediaelement/2.21.2/images/controls.png)}.mejs-controls .mejs-button button:focus{outline:dotted 1px #999}.mejs-container .mejs-controls .mejs-time{color:#fff;display:block;height:17px;width:auto;padding:10px 3px 0 3px;overflow:hidden;text-align:center;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.mejs-container .mejs-controls .mejs-time a{color:#fff;font-size:11px;line-height:12px;display:block;float:left;margin:1px 2px 0 0;width:auto}.mejs-controls .mejs-play button{background-position:0 0}.mejs-controls .mejs-pause button{background-position:0 -16px}.mejs-controls .mejs-stop button{background-position:-112px 0}.mejs-controls div.mejs-time-rail{direction:ltr;width:200px;padding-top:5px}.mejs-controls .mejs-time-rail span,.mejs-controls .mejs-time-rail a{display:block;position:absolute;width:180px;height:10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer}.mejs-controls .mejs-time-rail .mejs-time-total{margin:5px;background:#333;background:rgba(50,50,50,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(30,30,30,.8)),to(rgba(60,60,60,.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-moz-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-o-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-ms-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:linear-gradient(rgba(30,30,30,.8),rgba(60,60,60,.8))}.mejs-controls .mejs-time-rail .mejs-time-buffering{width:100%;background-image:-o-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:15px 15px;-moz-background-size:15px 15px;-o-background-size:15px 15px;background-size:15px 15px;-webkit-animation:buffering-stripes 2s linear infinite;-moz-animation:buffering-stripes 2s linear infinite;-ms-animation:buffering-stripes 2s linear infinite;-o-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite}@-webkit-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-moz-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-ms-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-o-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#3caac8;background:rgba(60,170,200,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(44,124,145,.8)),to(rgba(78,183,212,.8)));background:-webkit-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-moz-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-o-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-ms-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:linear-gradient(rgba(44,124,145,.8),rgba(78,183,212,.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-current{background:#fff;background:rgba(255,255,255,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.9)),to(rgba(200,200,200,.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-moz-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-o-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-ms-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:linear-gradient(rgba(255,255,255,.9),rgba(200,200,200,.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-handle{display:none;position:absolute;margin:0;width:10px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;border:solid 2px #333;top:-2px;text-align:center}.mejs-controls .mejs-time-rail .mejs-time-float{position:absolute;display:none;background:#eee;width:36px;height:17px;border:solid 1px #333;top:-26px;margin-left:-18px;text-align:center;color:#111}.mejs-controls .mejs-time-rail .mejs-time-float-current{margin:2px;width:30px;display:block;text-align:center;left:0}.mejs-controls .mejs-time-rail .mejs-time-float-corner{position:absolute;display:block;width:0;height:0;line-height:0;border:solid 5px #eee;border-color:#eee transparent transparent transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:15px;left:13px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float{width:48px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current{width:44px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner{left:18px}.mejs-controls .mejs-fullscreen-button button{background-position:-32px 0}.mejs-controls .mejs-unfullscreen button{background-position:-32px -16px}.mejs-controls .mejs-mute button{background-position:-16px -16px}.mejs-controls .mejs-unmute button{background-position:-16px 0}.mejs-controls .mejs-volume-button{position:relative}.mejs-controls .mejs-volume-button .mejs-volume-slider{display:none;height:115px;width:25px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:-115px;left:0;z-index:1;position:absolute;margin:0}.mejs-controls .mejs-volume-button:hover{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,.5);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,.9);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle{position:absolute;left:4px;top:-3px;width:16px;height:6px;background:#ddd;background:rgba(255,255,255,.9);cursor:N-resize;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;margin:0}.mejs-controls a.mejs-horizontal-volume-slider{height:26px;width:56px;position:relative;display:block;float:left;vertical-align:middle}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#333;background:rgba(50,50,50,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(30,30,30,.8)),to(rgba(60,60,60,.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-moz-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-o-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-ms-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:linear-gradient(rgba(30,30,30,.8),rgba(60,60,60,.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#fff;background:rgba(255,255,255,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.9)),to(rgba(200,200,200,.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-moz-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-o-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-ms-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:linear-gradient(rgba(255,255,255,.9),rgba(200,200,200,.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{display:none}.mejs-controls .mejs-captions-button{position:relative}.mejs-controls .mejs-captions-button button{background-position:-48px 0}.mejs-controls .mejs-captions-button .mejs-captions-selector{visibility:hidden;position:absolute;bottom:26px;right:-51px;width:85px;height:100px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);border:solid 1px transparent;padding:10px 10px 0 10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-captions-button:hover .mejs-captions-selector{visibility:visible}.mejs-controls .mejs-captions-button .mejs-captions-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{width:55px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-controls .mejs-captions-button .mejs-captions-translations{font-size:10px;margin:0 0 5px 0}.mejs-chapters{position:absolute;top:0;left:0;-xborder-right:solid 1px #fff;width:10000px;z-index:1}.mejs-chapters .mejs-chapter{position:absolute;float:left;background:#222;background:rgba(0,0,0,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.7)),to(rgba(0,0,0,.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-moz-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-o-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-ms-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:linear-gradient(rgba(50,50,50,.7),rgba(0,0,0,.7));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);overflow:hidden;border:0}.mejs-chapters .mejs-chapter .mejs-chapter-block{font-size:11px;color:#fff;padding:5px;display:block;border-right:solid 1px #333;border-bottom:solid 1px #333;cursor:pointer}.mejs-chapters .mejs-chapter .mejs-chapter-block-last{border-right:none}.mejs-chapters .mejs-chapter .mejs-chapter-block:hover{background:#666;background:rgba(102,102,102,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(102,102,102,.7)),to(rgba(50,50,50,.6)));background:-webkit-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-moz-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-o-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-ms-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:linear-gradient(rgba(102,102,102,.7),rgba(50,50,50,.6));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232)}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{font-size:12px;font-weight:700;display:block;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px 0;line-height:12px}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{font-size:12px;line-height:12px;margin:3px 0 4px 0;display:block;white-space:nowrap;text-overflow:ellipsis}.mejs-captions-layer{position:absolute;bottom:0;left:0;text-align:center;line-height:20px;font-size:16px;color:#fff}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs-captions-position{position:absolute;width:100%;bottom:15px;left:0}.mejs-captions-position-hover{bottom:35px}.mejs-captions-text{padding:3px 5px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(20,20,20,.5);white-space:pre-wrap}.me-cannotplay a{color:#fff;font-weight:700}.me-cannotplay span{padding:15px;display:block}.mejs-controls .mejs-loop-off button{background-position:-64px -16px}.mejs-controls .mejs-loop-on button{background-position:-64px 0}.mejs-controls .mejs-backlight-off button{background-position:-80px -16px}.mejs-controls .mejs-backlight-on button{background-position:-80px 0}.mejs-controls .mejs-picturecontrols-button{background-position:-96px 0}.mejs-contextmenu{position:absolute;width:150px;padding:10px;border-radius:4px;top:0;left:0;background:#fff;border:solid 1px #999;z-index:1001}.mejs-contextmenu .mejs-contextmenu-separator{height:1px;font-size:0;margin:5px 6px;background:#333}.mejs-contextmenu .mejs-contextmenu-item{font-family:Helvetica,Arial;font-size:12px;padding:4px 6px;cursor:pointer;color:#333}.mejs-contextmenu .mejs-contextmenu-item:hover{background:#2c7c91;color:#fff}.mejs-controls .mejs-sourcechooser-button{position:relative}.mejs-controls .mejs-sourcechooser-button button{background-position:-128px 0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label{width:100px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-postroll-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);z-index:1000;overflow:hidden}.mejs-postroll-layer-content{width:100%;height:100%}.mejs-postroll-close{position:absolute;right:0;top:0;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);color:#fff;padding:4px;z-index:100;cursor:pointer}div.mejs-speed-button{width:46px!important;position:relative}.mejs-controls .mejs-button.mejs-speed-button button{background:0 0;width:36px;font-size:11px;line-height:normal;color:#fff}.mejs-controls .mejs-speed-button .mejs-speed-selector{display:none;position:absolute;top:-100px;left:-10px;width:60px;height:100px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);border:solid 1px transparent;padding:0;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-speed-button:hover>.mejs-speed-selector{display:block}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected{color:#21f8f8}.mejs-controls .mejs-speed-button .mejs-speed-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li{margin:0 0 6px 0;padding:0 10px;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px;display:none}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label{width:60px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:11.5px;color:#fff;margin-left:5px;cursor:pointer}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover{background-color:#c8c8c8!important;background-color:rgba(255,255,255,.4)!important}.mejs-controls .mejs-button.mejs-jump-forward-button{background:url(../../assets/jquery/mediaelement/2.21.2/images/jumpforward.png) no-repeat;background-position:3px 3px}.mejs-controls .mejs-button.mejs-jump-forward-button button{background:0 0;font-size:9px;line-height:normal;color:#fff}.mejs-controls .mejs-button.mejs-skip-back-button{background:url(../../assets/jquery/mediaelement/2.21.2/images/skipback.png) no-repeat;background-position:3px 3px}.mejs-controls .mejs-button.mejs-skip-back-button button{background:0 0;font-size:9px;line-height:normal;color:#fff}
/*//////////////////////////////////////////////////////////////////////////////
//	1 BASE
//////////////////////////////////////////////////////////////////////////////*/
/*	GENERIC 
//////////////////////////////////////////////////////////////////////////////*/
html {
  box-sizing: border-box;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

*, *:before, *:after {
  box-sizing: inherit; }

body {
  margin: 0; }

/*	BACKGROUNDS 
//////////////////////////////////////////////////////////////////////////////*/
body {
  background: #ffffff; }

.site-footer, #footer {
  background: #ff6e00; }
  .site-footer *, #footer * {
    color: #ffffff; }


/*	Fonts 2022-09-14 14:02, HM
//////////////////////////////////////////////////////////////////////////////*/
/* fira-sans-300 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
  url('/files/fonts/fira-sans-v16-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
  url('/files/fonts/fira-sans-v16-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* fira-sans-300italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 300;
  src: local(''),
  url('/files/fonts/fira-sans-v16-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
  url('/files/fonts/fira-sans-v16-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* fira-sans-regular - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
  url('/files/fonts/fira-sans-v16-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
  url('/files/fonts/fira-sans-v16-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* fira-sans-italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
  url('/files/fonts/fira-sans-v16-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
  url('/files/fonts/fira-sans-v16-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* fira-sans-500 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  src: local(''),
  url('/files/fonts/fira-sans-v16-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
  url('/files/fonts/fira-sans-v16-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* fira-sans-500italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 500;
  src: local(''),
  url('/files/fonts/fira-sans-v16-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
  url('/files/fonts/fira-sans-v16-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



/*	TYPOGRAPHY 
//////////////////////////////////////////////////////////////////////////////*/
html {
  font-size: 18px; }
  @media (max-width: 960px) {
    html {
      font-size: 16px; } }
  @media (min-width: 960px) and (max-width: 1080px) {
    html {
      font-size: calc( 16px + (18 - 16) * ( (100vw - 960px) / ( 1080 - 960))); } }
  @media (min-width: 1080px) {
    html {
      font-size: 18px; } }

* {
  font-family: "Fira Sans", sans-serif;
  font-weight: 300;
  line-height: 1.3; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 500; }

.intro {
  font-weight: 500; }

.ce_headline {
  margin: 0 0 1.11111rem 0; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-size: 1rem;
  line-height: 1.3; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: 500; }

h1 {
  font-size: 1.66666rem;
  line-height: 1.1; }

table, form, figure, p, ul, ol, dl {
  margin: 0 0 1.11111rem 0; }

strong, strong * {
  font-weight: 500;
  sfont-style: italic; }

.ce_text h1, .ce_text h2, .ce_text h3, .ce_text h4, .ce_text h5, .ce_text h6 {
  margin: 0 0 1.11111rem 0; }

.ce_text {
  margin: 0 0 2.22222rem 0; }

.ce_text + .ce_text {
  border-top: 1px solid #eeeeee;
  padding-top: 2.22222rem; }

.ce_text > :last-child {
  margin-bottom: 0; }

ol, ul, dl {
  margin-bottom: 1.11111rem;
  padding-left: 1.2rem; }
  ol li, ul li, dl li {
    padding-left: 0; }

ul {
  list-style: square; }

.site-footer * {
  font-size: 0.77777rem;
  line-height: 1.4;
  margin: 0; }

a {
  position: relative;
  text-decoration: underline;
  color: #000000;
  transition: color .2s; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    border-bottom: 1px solid;
    text-decoration: none; }
  .mod_breadcrumb a, .mod_navigation a {
    text-decoration: none; }
  a:hover {
    opacity: .6;
    transition: opacity .2s; }
  #footer a {
    text-decoration: none;
    font-weight: 500; }

.site-content h1, .site-content h2, .site-content h3, .site-content h4, .site-content h5, .site-content h6, #main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #left h1, #left h2, #left h3, #left h4, #left h5, #left h6, #Hauptspalte-unten h1, #Hauptspalte-unten h2, #Hauptspalte-unten h3, #Hauptspalte-unten h4, #Hauptspalte-unten h5, #Hauptspalte-unten h6 {
  color: #ff6e00; }

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
  font-weight: normal; }

.text-xxl {
  font-size: 1.66666rem;
  line-height: 1.1; }

.text-xl {
  font-size: 1.33333rem;
  line-height: 1.2; }

.text-l {
  font-size: 1.11111rem;
  line-height: 1.2; }

.text-m {
  font-size: 1rem;
  line-height: 1.3; }

.text-s {
  font-size: 0.88888rem;
  line-height: 1.375; }

.text-xs {
  font-size: 0.77777rem;
  line-height: 1.4; }

.text-bold {
  font-weight: 500; }

/*	IMAGES 
//////////////////////////////////////////////////////////////////////////////*/
img {
  max-width: 100%;
  height: auto;
  vertical-align: top; }

figure.image_container {
  margin: 0 !important; }

#left .image_container {
  margin: 0 0 1.11111rem 0 !important; }

/*	LAYOUT 
//////////////////////////////////////////////////////////////////////////////*/
body {
  overflow-x: hidden; }

.row, .inside, #container {
  margin: 0 auto;
  max-width: 60rem;
  position: relative; }

#container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  #container #main {
    -ms-flex-preferred-size: 66.66666%;
        flex-basis: 66.66666%;
    -ms-flex-preferred-size: calc(100% / 3 * 2);
        flex-basis: calc(100% / 3 * 2);
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
    max-width: 40rem;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
    @media (max-width: 960px) {
      #container #main {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        max-width: 100%;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; } }
    #container #main .inside > .block {
      padding: 2.22222rem 2.22222rem 0 2.22222rem; }
      @media (max-width: 960px) {
        #container #main .inside > .block {
          padding: 1.11111rem 1.11111rem 0 1.11111rem; } }
    #container #main .inside > .dp-boxes {
      padding: 0; }
  #container #left {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    -ms-flex-preferred-size: calc(100% / 3);
        flex-basis: calc(100% / 3);
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 20rem;
    -ms-flex-item-align: start;
        align-self: flex-start;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
    @media (max-width: 960px) {
      #container #left {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        max-width: 100%;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; } }

.cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.col {
  -webkit-box-flex: 20rem;
      -ms-flex: 20rem;
          flex: 20rem; }

.col-first {
  padding: 0 1.11111rem 0 2.22222rem; }

.col-second {
  padding: 0 1.11111rem; }

.col-third {
  padding: 0 2.22222rem 0 1.11111rem; }

@media (max-width: 960px) {
  .col {
    padding: 0 2.22222rem;
    margin-top: 1.11111rem;
    margin-bottom: 1.11111rem; } }
#wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  min-height: 100vh; }

.ie #wrapper {
  display: block; }

#header, .site-header, #footer, .site-footer {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none; }

.wrapper, .site-main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

/*	FORMS 
//////////////////////////////////////////////////////////////////////////////*/
.dp-formular {
  padding: 1.11111rem;
  border: 1px solid #eeeeee; }
  .dp-formular .widget {
    margin-bottom: 0.55556rem; }
  .dp-formular h1, .dp-formular h2, .dp-formular h3, .dp-formular h4, .dp-formular h5, .dp-formular h6 {
    margin: 0 0 0.55556rem 0; }
  .dp-formular .captcha_text {
    font-size: 0.88888rem;
    line-height: 1.375; }
  .dp-formular span.mandatory {
    color: red; }

input[type="text"], fieldset, textarea {
  border: 1px solid #eeeeee;
  width: 100%; }

input[type="text"], fieldset {
  padding: 0.27778rem; }

fieldset {
  margin: 1.11111rem 0;
  padding: 1.11111rem; }

input[type="submit"], button {
  padding: 0.55556rem 1.11111rem;
  background: #126897;
  color: #ffffff;
  border: none;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.3; }

/*	TABLES 
//////////////////////////////////////////////////////////////////////////////*/
table {
  border: 1px solid;
  border-collapse: collapse;
  width: 100%;
  font-size: 0.77777rem;
  line-height: 1.4; }
  table td, table th {
    padding: 0.55556rem;
    border: 1px solid #eeeeee;
    text-align: left;
    vertical-align: top; }
  table th {
    font-weight: 500; }

/*  HELPERS 
//////////////////////////////////////////////////////////////////////////////*/
.invisible {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0; }

/* Debug Classes */
.grid {
  position: fixed;
  z-index: 99999;
  bottom: 0.55556rem;
  left: 0.55556rem;
  width: 28px;
  height: 28px;
  cursor: pointer;
  background: url("../../files/domagk-system-v2/icons/icon-grid.svg"); }

.overlay {
  opacity: 0; }

.has-debug_overlay .overlay {
  position: fixed;
  z-index: 999999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity .5s;
  pointer-events: none;
  opacity: 1;
  margin: 0 auto; }
  @media (min-width: 60rem) {
    .has-debug_overlay .overlay {
      background: url("../../files/domagk-system-v2/css/raster.svg") repeat-y;
      max-width: 60rem;
      background-size: 100%; } }

/*//////////////////////////////////////////////////////////////////////////////
//	2 SECTIONS
//////////////////////////////////////////////////////////////////////////////*/
/*	HEADER 
//////////////////////////////////////////////////////////////////////////////*/
#header .inside {
  position: relative; }

#header .shrinking-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: no-wrap;
      flex-wrap: no-wrap;
  padding: 45px 0 0 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media (max-width: 960px) {
    #header .shrinking-header {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding-top: 1.11111rem; } }

.site-banner {
  width: auto;
  padding: 0 1.11111rem 0 1.11111rem; }
  @media (max-width: 960px) {
    .site-banner {
      margin-bottom: 1.11111rem; } }
  @media (max-width: 420px) {
    .site-banner {
      padding-top: 2rem !important; } }
  .site-banner a {
    display: block;
    height: 54px;
    width: 260px;
    border: none; }
    .site-banner a:hover {
      opacity: 1; }

.site-nav {
  width: auto;
  padding: 25px 2.22222rem 24px 2.22222rem;
  -ms-flex-item-align: end;
      align-self: flex-end; }
  @media (min-width: 960px) {
    .site-nav {
      margin-right: -0.55556rem; } }
  @media (max-width: 960px) {
    .site-nav {
      width: 100%;
      padding: 0.55556rem 1.11111rem 0.55556rem 1.11111rem; } }

.site-title {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0; }

/*  MAIN 
//////////////////////////////////////////////////////////////////////////////*/
#left .inside > .block {
  position: relative;
  padding: 2.22222rem;
  margin-bottom: 2.22222rem; }
  @media (max-width: 60rem) {
    #left .inside > .block {
      margin-bottom: 2.22222rem;
      padding-bottom: 60px; } }
  @media (max-width: 960px) {
    #left .inside > .block {
      padding-top: 1.11111rem;
      padding-bottom: 3.33333rem !important;
      margin-bottom: 2.22222rem !important; } }

/*  UNTEN 
//////////////////////////////////////////////////////////////////////////////*/
#Hauptspalte-unten .inside > .block {
  margin: 0 1.11111rem;
  padding: 1.11111rem 0; }
  #Hauptspalte-unten .inside > .block:last-of-type {
    border: none; }

#Hauptspalte-unten .inside > .dp-boxes, #Hauptspalte-unten .inside > .tiles {
  padding: 0;
  margin: 0; }

/*	FOOTER 
//////////////////////////////////////////////////////////////////////////////*/
.site-footer, #footer {
  margin-top: 2.22222rem; }
  .site-footer p a, #footer p a {
    border: none; }
  .site-footer *, #footer * {
    font-size: 0.77777rem;
    line-height: 1.4; }
  .site-footer .inside, #footer .inside {
    padding: 1.11111rem 0; }

/*//////////////////////////////////////////////////////////////////////////////
//	3 COMPONENTS
//////////////////////////////////////////////////////////////////////////////*/
/*	NAVIGATION 
//////////////////////////////////////////////////////////////////////////////*/
nav ul, nav ol {
  padding: 0;
  margin: 0;
  list-style: none; }
nav a {
  border: none; }

.site-menu, #header .mod_navigation > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  @media (max-width: 960px) {
    .site-menu, #header .mod_navigation > ul {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .site-menu li, #header .mod_navigation > ul li {
        margin-left: 0 !important;
        margin-right: 1.11111rem; } }
  .site-menu > li, #header .mod_navigation > ul > li {
    font-size: 0.88888rem;
    line-height: 1.375;
    line-height: inherit;
    display: block;
    smargin-left: 0.55556rem; }
  .site-menu a, #header .mod_navigation > ul a {
    color: #000000;
    border-color: transparent;
    transition: border-color 0.5s; }
    .site-menu a:hover, #header .mod_navigation > ul a:hover {
      border-color: #000000;
      transition: border-color 0.5s; }
  .site-menu span.active, .site-menu .trail > a, #header .mod_navigation > ul span.active, #header .mod_navigation > ul .trail > a {
    color: #ff6e00; }
  @media (max-width: 960px) {
    .site-menu span.active, .site-menu a, #header .mod_navigation > ul span.active, #header .mod_navigation > ul a {
      display: block;
      padding: 0.55556rem 0; } }

.site-subnav {
  display: none; }
  @media (min-width: 960px) {
    .site-subnav {
      min-height: 20rem;
      display: block; } }
  .site-subnav li {
    font-size: 1.11111rem;
    line-height: 1.2;
    line-height: 1.5; }
    @media (max-width: 960px) {
      .site-subnav li {
        font-size: 0.88888rem;
        line-height: 1.375; } }
  .site-subnav a {
    transition: opacity .5s; }
  .site-subnav a:hover {
    opacity: .8;
    transition: opacity .2s;
    color: #fff; }
  .site-subnav .level_1 > .active:before {
    content: "\203A";
    display: block;
    position: absolute;
    margin-left: -.5rem; }
  .site-subnav .level_2 .active:before {
    content: "\203A";
    display: block;
    position: absolute;
    margin-left: -.5rem; }
  @media (max-width: 960px) {
    .site-subnav {
      margin-left: -1.11111rem; }
      .site-subnav ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
      .site-subnav a, .site-subnav span.active {
        display: block;
        padding: 0.55556rem 1.11111rem; } }
  .site-subnav .level_2 {
    font-style: italic;
    padding-left: 0.55556rem;
    margin-bottom: 0.27778rem; }
    .site-subnav .level_2 * {
      line-height: 1.3; }

.site-nav a:hover {
  color: #ff6e00 !important;
  opacity: 1; }
.site-nav .level_1 > li {
  position: relative;
  border: 1px solid transparent; }
  @media (min-width: 960px) {
    .site-nav .level_1 > li {
      padding: 0.55556rem; } }
  .site-nav .level_1 > li.submenu {
    position: relative; }
    .site-nav .level_1 > li.submenu:hover:after {
      content: "";
      position: absolute;
      display: block;
      bottom: -1px;
      left: 0;
      right: 0;
      height: 5px;
      background: #fff;
      z-index: 30; }
  .site-nav .level_1 > li:hover {
    border: 1px solid transparent;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); }
    .site-nav .level_1 > li:hover a {
      color: #000000; }
    .site-nav .level_1 > li:hover .level_2 {
      display: block; }
  .site-nav .level_1 > li .level_2 {
    display: none;
    position: absolute;
    left: -1px;
    margin-top: 0.55556rem;
    z-index: 20;
    background: #ffffff;
    border: 1px solid transparent;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    padding: 0.55556rem 0; }
    .site-nav .level_1 > li .level_2 li {
      margin: 0;
      padding: 0;
      width: 100%; }
      .site-nav .level_1 > li .level_2 li a, .site-nav .level_1 > li .level_2 li span.active {
        display: block;
        padding: 0.27778rem 0.55556rem;
        white-space: nowrap; }
      .site-nav .level_1 > li .level_2 li.submenu {
        position: relative;
        padding-right: 1.94444rem; }
        .site-nav .level_1 > li .level_2 li.submenu:after {
          content: "";
          position: absolute;
          width: 1.66667rem;
          height: 1.66667rem;
          background: url("../../files/domagk-system-v2/icons/icon-dropdown.svg");
          top: 0;
          right: 0; }
        .site-nav .level_1 > li .level_2 li.submenu:hover .level_3 {
          display: block; }
  .site-nav .level_1 > li .level_3 {
    display: none;
    position: absolute;
    padding: 0.55556rem 0;
    top: -0.55556rem;
    margin-top: -1px;
    margin-left: 100%;
    margin-left: calc(100% + 1px);
    background: #ffffff;
    border: 1px solid transparent;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    z-index: 3; }
    @media (max-width: 1680px) {
      .site-nav .level_1 > li .level_3 {
        width: 12rem;
        margin-left: -12rem; }
        .site-nav .level_1 > li .level_3 a {
          white-space: normal !important; } }

@media (max-width: 960px) {
  #header .mod_navigation > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    #header .mod_navigation > ul li {
      margin-right: 0; }
      #header .mod_navigation > ul li a, #header .mod_navigation > ul li span.active {
        padding-left: 1.11111rem;
        padding-right: 2.22222rem; }
      #header .mod_navigation > ul li:after {
        background: none;
        display: none; }
    #header .mod_navigation > ul li.submenu {
      position: relative; }
      #header .mod_navigation > ul li.submenu > a {
        padding-right: 1.38889rem; }
      #header .mod_navigation > ul li.submenu .subnavi-icon {
        content: "";
        position: absolute;
        top: 0.55556rem;
        right: 1.11111rem;
        width: 1.11111rem;
        height: 1.11111rem;
        background: rgba(255, 255, 255, 0.5) url("../../files/domagk-system-v2/icons/icon-dropdown.svg");
        z-index: 4;
        transition: -webkit-transform .35s;
        transition: transform .35s; }
    #header .mod_navigation > ul ul {
      display: none;
      position: static;
      box-shadow: none;
      width: 100%; }
      #header .mod_navigation > ul ul li.submenu {
        padding-right: 0; }
    #header .mod_navigation > ul > .active > a {
      color: #ff6e00 !important; }
    #header .mod_navigation > ul > .active .level_2 {
      display: block; }
    #header .mod_navigation > ul li.focus > ul {
      display: block !important; }
    #header .mod_navigation > ul .level_2 {
      border-top: 1px solid;
      border-bottom: 1px solid;
      background: rgba(0, 0, 0, 0.1); }
    #header .mod_navigation > ul .level_3 {
      border-top: 1px solid;
      background: rgba(0, 0, 0, 0.2);
      padding: 0; } }

@media (max-width: 960px) {
  .toggle {
    position: absolute;
    top: 1.11111rem;
    right: 1.11111rem;
    background: #126897;
    border: none;
    color: #ffffff;
    padding: 0.27778rem 0.55556rem;
    padding-top: .4rem;
    text-transform: uppercase;
    font-weight: 500;
    z-index: 99999999; }
    .toggle.is-active {
      background: #000000; }

  .site-nav {
    width: 100%;
    padding: 0;
    padding-top: 4rem;
    padding-bottom: 2rem;
    position: absolute;
    background: #126897;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    top: 0;
    left: 0;
    z-index: 9999999;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    transition: -webkit-transform .35s;
    transition: transform .35s; }
    .site-nav a {
      color: #ffffff !important; }
    .site-nav a.trail {
      color: #ff6e00 !important; }
    .site-nav.is-visible {
      -webkit-transform: translateX(0%);
              transform: translateX(0%);
      transition: -webkit-transform .35s;
      transition: transform .35s; } }
@media (min-width: 960px) {
  .toggle {
    display: none; } }
/*	TILES / DP-BOXES 
//////////////////////////////////////////////////////////////////////////////*/
.tiles, .dp-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%; }
  .tiles .tile, .dp-boxes .tile {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    -ms-flex-preferred-size: calc(100%/3);
        flex-basis: calc(100%/3);
    height: 20rem; }
    #main .tiles .tile, #main .dp-boxes .tile {
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%; }
      @media (max-width: 960px) {
        #main .tiles .tile, #main .dp-boxes .tile {
          -ms-flex-preferred-size: 33.33333%;
              flex-basis: 33.33333%;
          -ms-flex-preferred-size: calc(100%/3);
              flex-basis: calc(100%/3); } }
      @media (max-width: 720px) {
        #main .tiles .tile, #main .dp-boxes .tile {
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%; } }
      @media (max-width: 540px) {
        #main .tiles .tile, #main .dp-boxes .tile {
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%; } }
    @media (max-width: 720px) {
      .tiles .tile, .dp-boxes .tile {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%; } }
    @media (max-width: 540px) {
      .tiles .tile, .dp-boxes .tile {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%; } }
  #main .tiles, #main .dp-boxes {
    top: -2.22222rem;
    left: -1.11111rem;
    right: -1.11111rem;
    width: calc(100% + 2.22222rem); }

.tile {
  text-align: center;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }
  .tile * {
    font-size: 1.33333rem;
    line-height: 1.2;
    color: #ffffff; }
  .tile.tile-quartier, .tile.dp-quartier {
    background: #6e6e00; }
  .tile.tile-veranstaltungen, .tile.dp-veranstaltungen {
    background: #dcb000; }
  .tile.tile-aktuelles, .tile.dp-aktuelles {
    background: #dcb000;
    background: #ff6e00; }
  .tile.tile-gaeste, .tile.dp-gaeste {
    background: #c9354d; }
  .tile.tile-mobilitaet, .tile.dp-mobilitaet {
    background: #126897; }
  .tile.tile-nachbarschaft, .tile.dp-nachbarschaft {
    background: #5ab0cd; }
  .tile.tile-white, .tile.dp-light {
    background: #ffffff;
    color: #000000; }

.tile > a, .tile-front, .tile-back {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: none; }

.tile-front, .tile-back {
  padding: 2.22222rem; }

.tile-front {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .tile-front .tile-text {
    margin-top: 5rem; }
  .tile-front a {
    display: block; }
    .tile-front a:hover {
      border: none !important;
      text-decoration: underline !important; }

.tile-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.tile-icon {
  max-height: 5rem;
  margin-top: 2.22222rem; }
  .tile-icon img {
    max-height: 5rem;
    width: auto; }

.tile-front .tile-text {
  opacity: 1;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-filter: blur(0px);
          filter: blur(0px);
  transition: opacity 0.5s, -webkit-transform 0.5s, -webkit-filter 0.5s, opacity 0.5s, -webkit-transform 0.5s, filter 0.5s; }

.tile-back .tile-text {
  opacity: 0;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s; }

.tile-icon {
  opacity: 1;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s; }

.tile a:hover {
  opacity: 1; }
.tile:hover .tile-front .tile-text {
  -webkit-transform: translateY(-7px);
          transform: translateY(-7px);
  sopacity: 0;
  transition: opacity 0.5s, -webkit-transform 0.5s, -webkit-filter 0.5s, opacity 0.5s, -webkit-transform 0.5s, filter 0.5s; }
.tile:hover .tile-back .tile-text {
  opacity: 1;
  -webkit-transform: translateY(-7px);
          transform: translateY(-7px);
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s; }
.tile:hover .tile-icon {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  opacity: .8;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s; }

.tile.background * {
  color: #ff6e00;
  font-weight: 400; }
.tile.background:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  background: #fff;
  transition: opacity 0.5s; }
.tile.background:hover:after {
  opacity: .8;
  transition: opacity 0.5s;
  z-index: 1; }
.tile.background:hover .tile-front, .tile.background:hover .tile-back {
  z-index: 2; }

#Hauptspalte-unten .tiles, #Hauptspalte-unten .dp-boxes {
  margin-bottom: 2.22222rem; }

/*	ACCORDION
//////////////////////////////////////////////////////////////////////////////*/
.ce_accordion {
  margin-bottom: 0.55556rem;
  padding-top: 0.55556rem !important;
  padding-left: 1.11111rem; }
  .ce_accordion + .ce_accordion {
    border-top: none; }
  .ce_accordion:first-of-type {
    padding-top: 0 !important;
    border-top: none !important; }
  .ce_accordion .toggler {
    font-weight: 500;
    color: #ff6e00;
    cursor: pointer;
    margin-bottom: 0.55556rem;
    position: relative; }
    .ce_accordion .toggler:focus {
      outline: none; }
    .ce_accordion .toggler:before {
      content: "";
      position: absolute;
      left: -1.11111rem;
      top: 0.23333rem;
      width: 0.77777rem;
      height: 0.77777rem;
      background: url("../../files/domagk-system-v2/icons/caret.svg") no-repeat;
      transition: -webkit-transform 0.5s;
      transition: transform 0.5s; }
    .ce_accordion .toggler.ui-state-active:before {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
      transition: -webkit-transform 0.5s;
      transition: transform 0.5s; }
  .ce_accordion .accordion p {
    font-weight: 300 !important; }

/*	CALENDAR
//////////////////////////////////////////////////////////////////////////////*/
.domagk-kalender {
  border: 1px solid #eeeeee; }
  .domagk-kalender > h2 {
    margin-bottom: 1.11111rem;
    margin-top: 1.11111rem;
    text-align: center;
    font-size: 1.11111rem;
    line-height: 1.2; }
  .domagk-kalender ol, .domagk-kalender ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .domagk-kalender .calendar-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #eeeeee;
    background: #eeeeee; }
    @media (max-width: 800px) {
      .domagk-kalender .calendar-header {
        border-bottom: 1px solid #eeeeee; } }
    .domagk-kalender .calendar-header .head {
      padding: 0.55556rem 1.11111rem; }
      @media (min-width: 800px) and (max-width: 960px) {
        .domagk-kalender .calendar-header .head {
          padding: 0.55556rem; } }
      .domagk-kalender .calendar-header .head.current {
        text-align: center;
        font-weight: 500;
        width: calc(100% / 7 * 5);
        color: #ff6e00; }
        @media (max-width: 800px) {
          .domagk-kalender .calendar-header .head.current {
            width: calc(100% / 3); } }
      .domagk-kalender .calendar-header .head.previous, .domagk-kalender .calendar-header .head.next {
        width: 100%;
        white-space: nowrap; }
        @media (max-width: 800px) {
          .domagk-kalender .calendar-header .head.previous, .domagk-kalender .calendar-header .head.next {
            width: calc(100% / 3); } }
        .domagk-kalender .calendar-header .head.previous a, .domagk-kalender .calendar-header .head.next a {
          border: none;
          font-weight: 500;
          color: #000000;
          text-decoration: none; }
      .domagk-kalender .calendar-header .head.next {
        text-align: right; }
  .domagk-kalender .weekdays, .domagk-kalender .week > ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 800px) {
      .domagk-kalender .weekdays, .domagk-kalender .week > ol {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .domagk-kalender .label, .domagk-kalender .days {
    width: calc(100% / 7);
    padding: 0.55556rem 1.11111rem; }
    @media (min-width: 800px) and (max-width: 960px) {
      .domagk-kalender .label, .domagk-kalender .days {
        padding: 0.55556rem; } }
    @media (max-width: 800px) {
      .domagk-kalender .label, .domagk-kalender .days {
        width: 100%; } }
  .domagk-kalender .today {
    background: rgba(0, 0, 0, 0.1); }
    .domagk-kalender .today .header {
      opacity: 1 !important; }
  .domagk-kalender .weekdays {
    background: #eeeeee;
    border-top: 1px solid #eeeeee;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid #eeeeee; }
    @media (max-width: 800px) {
      .domagk-kalender .weekdays {
        display: none; } }
    .domagk-kalender .weekdays .label {
      text-align: left;
      border-right: 1px solid rgba(0, 0, 0, 0.2); }
      .domagk-kalender .weekdays .label:last-of-type {
        border: none; }
      @media (min-width: 800px) and (max-width: 960px) {
        .domagk-kalender .weekdays .label span {
          display: none; } }
  .domagk-kalender .weekday:after {
    content: ", "; }
  @media (min-width: 800px) {
    .domagk-kalender .weekday {
      display: none; } }
  .domagk-kalender .week {
    border-bottom: 1px solid #eeeeee; }
    @media (max-width: 800px) {
      .domagk-kalender .week {
        border-bottom: 1px solid #000000; } }
    .domagk-kalender .week:last-of-type {
      border: none; }
  .domagk-kalender .days {
    position: relative;
    min-height: 8rem;
    border-right: 1px solid #eeeeee; }
    .domagk-kalender .days:last-of-type {
      border: none; }
    @media (max-width: 800px) {
      .domagk-kalender .days {
        border-right: none;
        border-bottom: 1px solid #eeeeee;
        min-height: 5rem; } }
    .domagk-kalender .days .header {
      position: absolute;
      z-index: -1;
      opacity: .1;
      top: 0;
      right: 0;
      left: 0;
      padding: 1rem;
      text-align: center;
      font-size: 5em;
      color: #c4bd39;
      opacity: .25;
      font-weight: bold; }
      @media (max-width: 800px) {
        .domagk-kalender .days .header {
          text-align: right;
          font-size: 3em; } }
      .domagk-kalender .days .header .labelday {
        display: none; }
        @media (max-width: 800px) {
          .domagk-kalender .days .header .labelday {
            display: inline; } }
    @media (max-width: 800px) {
      .domagk-kalender .days.empty {
        display: none; } }
  .domagk-kalender .events {
    font-size: 0.77777rem;
    line-height: 1.4;
    margin-bottom: 0; }
  .domagk-kalender .event {
    margin-bottom: 0.55556rem;
    position: relative; }
    .domagk-kalender .event .event-title {
      position: relative;
      display: block; }
    .domagk-kalender .event:before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: -1.11111rem;
      width: 0.55556rem; }
      @media (min-width: 800px) and (max-width: 960px) {
        .domagk-kalender .event:before {
          left: -0.55556rem;
          width: 0.27778rem; } }
    .domagk-kalender .event:hover {
      text-decoration: underline; }
    .domagk-kalender .event:hover:before {
      top: -0.55556rem;
      bottom: -0.55556rem;
      right: -1.11111rem;
      width: auto; }
      @media (min-width: 800px) and (max-width: 960px) {
        .domagk-kalender .event:hover:before {
          right: -0.55556rem; } }
    .domagk-kalender .event a {
      color: inherit !important;
      border: none;
      text-decoration: none; }
      .domagk-kalender .event a:hover {
        transition: none; }

.kalender-subnav .subnavigation_termine {
  margin-bottom: 1.11111rem;
  position: relative; }
.kalender-subnav .ef-aktiv {
  padding-left: 1.11111rem; }
.kalender-subnav .ef-aktiv a {
  position: relative;
  border: none;
  color: #000000;
  text-decoration: none;
  font-size: 0.88888rem;
  line-height: 1.375; }
  .kalender-subnav .ef-aktiv a:before {
    content: "";
    display: block;
    width: 0.55556rem;
    height: 100%;
    position: absolute;
    left: -1.11111rem;
    top: 0; }
.kalender-subnav ul {
  margin: 0;
  padding: 0;
  list-style: none; }
  @media (max-width: 1500px) {
    .kalender-subnav ul {
      margin-bottom: 1.11111rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .kalender-subnav ul li.ef-aktiv {
        margin-right: 0.55556rem; }
        .kalender-subnav ul li.ef-aktiv a {
          font-size: 0.77777rem;
          line-height: 1.4; } }
  @media (max-width: 960px) {
    .kalender-subnav ul {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }

.dp-cal-allgemein:hover, .dp-cal-bildung:hover, .dp-cal-kultur:hover, .dp-cal-sport:hover, .dp-cal-kinder:hover, .dp-cal-familie:hover, .dp-cal-kreatives:hover, .dp-cal-zusammen:hover {
  color: #ffffff;
  text-decoration: none !important; }

.eventfilter_allgemein:before, .dp-cal-allgemein:before {
  background: #635c5c; }

.eventfilter_bildung:before, .dp-cal-bildung:before {
  background: #31802b; }

.eventfilter_kultur:before, .dp-cal-kultur:before {
  background: #693d08; }

.eventfilter_sport:before, .dp-cal-sport:before {
  background: #3983c4; }

.eventfilter_kinder:before, .dp-cal-kinder:before {
  background: #f54131; }

.eventfilter_familie:before, .dp-cal-familie:before {
  background: #fb6e20; }

.eventfilter_kreatives:before, .dp-cal-kreatives:before {
  background: #a139c4; }

.eventfilter_zusammen:before, .dp-cal-zusammen:before {
  background: #c4bd39; }

@media (min-width: 1500px) {
  .off-page {
    padding: 1.11111rem !important;
    position: absolute;
    right: 0;
    width: 10rem;
    border: 1px solid #eeeeee;
    margin-right: -10rem !important;
    margin-top: 1.11111rem !important; }
    .off-page * {
      font-size: 0.77777rem !important; }
    .off-page h2, .off-page ul {
      margin-bottom: 0.55556rem; } }
@media (min-width: 1640px) {
  .off-page {
    width: 15rem;
    margin-right: -15rem !important; }
    .off-page * {
      font-size: 0.88888rem !important; } }
@media (min-width: 1500px) {
  .off-page .cal-legend ul {
    margin-left: -1.11111rem; } }

.sticky-header {
  position: -webkit-sticky;
  position: sticky;
  top: 4.83333rem;
  z-index: 1; }
  @media (max-width: 960px) {
    .sticky-header {
      top: 0; } }

.event.same {
  color: #fff; }
  .event.same:before {
    width: 100%;
    width: calc(100% + 2.2222rem);
    right: -1.11111rem;
    top: -0.55556rem;
    bottom: -0.55556rem; }

/*	HERO IMAGE
//////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 960px) {
  body.dp-hero #left {
    margin-top: -4.44444rem; } }

/*	SLIDER
//////////////////////////////////////////////////////////////////////////////*/
.ce_caroufredsel_gallery {
  margin: 2.22222rem 0;
  overflow: hidden; }
  .ce_caroufredsel_gallery .caroufredsel_skin {
    position: relative; }
    .ce_caroufredsel_gallery .caroufredsel_skin .caroufredsel_controls {
      position: absolute;
      z-index: 99999;
      bottom: 1.11111rem;
      left: 0;
      right: 0;
      text-align: center; }
      .ce_caroufredsel_gallery .caroufredsel_skin .caroufredsel_controls .caroufredsel_navi a {
        color: #ffffff;
        text-shadow: 0 0 5px black;
        padding: 1.11111rem;
        display: inline-block;
        border: none; }

.caroufredsel {
  overflow: hidden; }

/*	CALL TO ACTION BUTTON
//////////////////////////////////////////////////////////////////////////////*/
.cta a {
  background: #5ab0cd;
  color: #ffffff;
  border: none;
  display: inline-block;
  padding: 0.55556rem 1.11111rem;
  margin: 1.11111rem 0; }
  .cta a:hover {
    background: #126897; }
  .cta a div {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.11111rem;
    line-height: 1.2; }

/*	GALLERY
//////////////////////////////////////////////////////////////////////////////*/
.ce_gallery {
  width: calc(100% + 1.11111rem);
  margin-left: -0.55556rem;
  margin-bottom: 1.11111rem; }
  .ce_gallery > h2 {
    margin-bottom: 1.11111rem; }
  .ce_gallery > * {
    margin-left: 0.55556rem; }
  .ce_gallery ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .ce_gallery li {
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin: 0.55556rem; }

/*	ARTICLE
//////////////////////////////////////////////////////////////////////////////*/
#main .mod_article {
  margin-bottom: 1.11111rem;
  position: relative; }

/*	SUBCOLUMNS
//////////////////////////////////////////////////////////////////////////////*/
.subcolumns {
  margin-top: 0;
  margin-right: -1.11111rem;
  margin-bottom: 1.11111rem;
  margin-left: -1.11111rem;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 720px) {
    .subcolumns {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .site-footer .subcolumns, #footer .subcolumns {
    margin: 0; }
  .subcolumns > .block, .subcolumns > * {
    padding: 0 1.11111rem; }
  .subcolumns .c25l, .subcolumns .c25r {
    width: calc(100%/4); }
    @media (max-width: 720px) {
      .subcolumns .c25l, .subcolumns .c25r {
        width: 100%; } }
  .subcolumns .c33l, .subcolumns .c33r {
    width: calc(100%/3); }
    @media (max-width: 720px) {
      .subcolumns .c33l, .subcolumns .c33r {
        width: 100%; } }
  .subcolumns .c50l, .subcolumns .c50r {
    width: 50%; }
    @media (max-width: 720px) {
      .subcolumns .c50l, .subcolumns .c50r {
        width: 100%; } }
  .subcolumns .c66l, .subcolumns .c66r {
    width: calc(100% / 3 * 2); }
    @media (max-width: 720px) {
      .subcolumns .c66l, .subcolumns .c66r {
        width: 100%; } }
  .subcolumns .c20r, .subcolumns .c25r, .subcolumns .c33r, .subcolumns .c40r, .subcolumns .c38r, .subcolumns .c50r, .subcolumns .c60r, .subcolumns .c66r, .subcolumns .c62r, .subcolumns .c75r, .subcolumns .c80r, .subcolumns .c15r, .subcolumns .c16r, .subcolumns .c30r, .subcolumns .c45r, .subcolumns .c55r, .subcolumns .c70r, .subcolumns .c85r {
    margin-left: 0; }

#Hauptspalte-unten .subcolumns .c33l .block, #Hauptspalte-unten .subcolumns .c33r .block {
  padding: 1.11111rem; }

/*	SHRINKING HEADER 
//////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 960px) {
  .shrink {
    margin-top: 129px; }

  .shrink #header .shrinking-header {
    position: fixed;
    top: 0;
    width: 60rem;
    background: #ffffff;
    z-index: 999;
    padding-top: 0; }
    .shrink #header .shrinking-header:after {
      content: "";
      position: absolute;
      bottom: -20px;
      left: -50vw;
      right: -50vw;
      height: 20px;
      width: 200vw;
      background: url("../../files/domagk-system-v2/css/shadow.png") repeat-x; }
    .shrink #header .shrinking-header:before {
      content: "";
      position: absolute;
      bottom: 0;
      right: -50vw;
      height: 100%;
      width: 50vw;
      background: #fff; }

  .inside {
    padding-top: 0; }
    .inside .site-nav {
      padding-bottom: 20px; } }
/*	SYNDICATION
//////////////////////////////////////////////////////////////////////////////*/
.pdf_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: absolute;
  right: 1.11111rem;
  top: 2.22222rem; }
  .pdf_link a {
    border: none;
    margin-left: 0.27778rem; }

/*	COLORBOX
//////////////////////////////////////////////////////////////////////////////*/
#cboxNext, #cboxPrevious, #cboxClose {
  background: url("../../files/domagk-system-v2/icons/caret-black.svg") no-repeat center center; }
  #cboxNext:hover, #cboxPrevious:hover, #cboxClose:hover {
    background-position: center center; }

#cboxPrevious {
  background: url("../../files/domagk-system-v2/icons/caret-black-left.svg") no-repeat center center; }

#cboxClose {
  background: url("../../files/domagk-system-v2/icons/close.svg") no-repeat center center; }

/*	MAP
//////////////////////////////////////////////////////////////////////////////*/
#map, #map2 {
  width: 100%;
  height: 20rem;
  background: #eeeeee; }

.site-map {
  margin-bottom: 1.11111rem; }

.marker-content h2 {
  margin: 0 00 0; }

.marker-body > :last-child {
  margin-bottom: 0 !important;
  margin-right: 0 !important; }
.marker-body > :first-child {
  margin-top: 0.55556rem; }

.gm-style-iw {
  padding: 0.55556rem; }

/*	MAP-LIST
//////////////////////////////////////////////////////////////////////////////*/
.mod_catalogUniversalView {
  margin: 0 0 2.22222rem 0; }
  .mod_catalogUniversalView .ctlg_view_listenpunkt_karte {
    margin: 0 0 0.55556rem 0;
    padding-left: 2.22222rem; }

.db-karte-nr {
  position: relative;
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  margin-left: -2.22222rem;
  text-align: center;
  font-size: 0.77777rem;
  line-height: 24px; }

.dp-bereich-gewerbe {
  background-image: url("/files/domagk-system-v2/marker-karten/marker-gewerbe.png"); }

.dp-bereich-freizeit {
  background-image: url("/files/domagk-system-v2/marker-karten/marker-freizeit.png"); }

.dp-bereich-kitas {
  background-image: url("/files/domagk-system-v2/marker-karten/marker-kitas.png"); }

.dp-bereich-besondere-wohnformen {
  background-image: url("/files/domagk-system-v2/marker-karten/marker-wohnen-sonderformen.png"); }

.dp-bereich-gaesteappartements {
  background-image: url("/files/domagk-system-v2/marker-karten/marker-gaesteapp.png"); }

/*	BUTTONS
//////////////////////////////////////////////////////////////////////////////*/
.btn {
  display: inline-block;
  margin-bottom: 2.22222rem;
  border: 1px solid #eeeeee;
  padding: 0.27778rem 0.55556rem;
  color: #000000; }
  .btn:hover {
    color: #000000; }

/*	HEADERBOX
//////////////////////////////////////////////////////////////////////////////*/
.headerbox {
  background: #ff6e00;
  min-height: 20rem; }
  .headerbox * {
    color: #ffffff !important; }

/*	SLABS
//////////////////////////////////////////////////////////////////////////////*/
.colors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.color {
  width: 15.55556rem; }
  .color.color_green {
    color: #6e6e00; }
    .color.color_green .slab {
      background: #6e6e00;
      color: #ffffff; }
  .color.color_yellow {
    color: #dcb000; }
    .color.color_yellow .slab {
      background: #dcb000;
      color: #ffffff; }
  .color.color_orange {
    color: #ff6e00; }
    .color.color_orange .slab {
      background: #ff6e00;
      color: #ffffff; }
  .color.color_red {
    color: #c9354d; }
    .color.color_red .slab {
      background: #c9354d;
      color: #ffffff; }
  .color.color_blue {
    color: #126897; }
    .color.color_blue .slab {
      background: #126897;
      color: #ffffff; }
  .color.color_blue-light {
    color: #5ab0cd; }
    .color.color_blue-light .slab {
      background: #5ab0cd;
      color: #ffffff; }
  .color.color_grey {
    color: #eeeeee; }
    .color.color_grey .slab {
      background: #eeeeee;
      color: #000000; }

.slab {
  padding: 2.22222rem;
  margin-bottom: 2.22222rem; }

/*	BREADCRUMBS
//////////////////////////////////////////////////////////////////////////////*/
.mod_breadcrumb {
  padding: 0 2.22222rem 0 2.22222rem;
  margin-bottom: 1.11111rem; }
  @media (max-width: 960px) {
    .mod_breadcrumb {
      padding: 0 1.11111rem 0 1.11111rem; } }
  @media (min-width: 960px) {
    .mod_breadcrumb {
      position: absolute;
      right: 0;
      z-index: 10;
      margin-top: -3px; } }
  .mod_breadcrumb * {
    color: grey; }
  .mod_breadcrumb li {
    font-size: 0.77777rem; }
  .mod_breadcrumb ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    @media (min-width: 960px) {
      .mod_breadcrumb ul {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; } }
    .mod_breadcrumb ul li.first {
      position: relative; }
    .mod_breadcrumb ul li:after {
      content: "\203A";
      display: inline-block;
      margin: 0 0.27778rem; }
    .mod_breadcrumb ul li a:hover {
      color: #000000; }
    .mod_breadcrumb ul li.active {
      font-style: italic; }
      .mod_breadcrumb ul li.active:after {
        content: "";
        margin: 0; }
  body.dp-hero .mod_breadcrumb {
    display: none; }

/*	PAGINATION
//////////////////////////////////////////////////////////////////////////////*/
.pagination {
  font-size: 0.77777rem;
  line-height: 1.4; }
  .pagination > p {
    text-align: right;
    font-style: italic;
    color: grey; }
  .pagination ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .pagination ul li {
      margin-bottom: 0.27778rem; }
      .pagination ul li a {
        text-decoration: none; }
        .pagination ul li a:hover {
          background: #000000;
          border: 1px solid #000000;
          color: #ffffff; }
      .pagination ul li a, .pagination ul li .current {
        display: block;
        text-align: center;
        margin-left: 0.55556rem;
        color: grey; }
      .pagination ul li .current {
        color: #ff6e00;
        font-weight: 500; }
      .pagination ul li .previous, .pagination ul li .next, .pagination ul li .last {
        width: auto;
        font-style: italic; }

/*  HAMBURGER ICON
//////////////////////////////////////////////////////////////////////////////////////////////// */
.hamburger {
  transition-timing-function: linear;
  transition-duration: 0.15s;
  transition-property: opacity; }

.hamburger-box {
  position: relative;
  display: inline-block;
  padding: 2px 15px 6px 8px; }

.hamburger-inner {
  top: 50%;
  display: block;
  margin-top: -1px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    position: absolute;
    width: 16px;
    height: 2px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: -webkit-transform;
    transition-property: transform;
    border-radius: 2px;
    background-color: #fff; }
  .hamburger-inner::before, .hamburger-inner::after {
    display: block;
    content: ''; }
  .hamburger-inner::before {
    top: -4px; }
  .hamburger-inner::after {
    bottom: -4px; }

.hamburger--collapse .hamburger-inner {
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: .1s; }
  .hamburger--collapse .hamburger-inner::before {
    transition: top .1s .14s ease, opacity .1s ease; }
  .hamburger--collapse .hamburger-inner::after {
    transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse.is-active .hamburger-inner {
  transition-delay: .14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transition: top .1s ease, opacity .1s .14s ease;
    opacity: 0; }
  .hamburger--collapse.is-active .hamburger-inner::after {
    bottom: 0;
    transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }

/*	NEWSLIST 
//////////////////////////////////////////////////////////////////////////////*/
.mod_newslist > * {
  margin-bottom: 1.11111rem; }
  .mod_newslist > * h2, .mod_newslist > * h3, .mod_newslist > * h4, .mod_newslist > * h5, .mod_newslist > * h6 {
    color: #000000; }

/*	CE DOWNLOAD
//////////////////////////////////////////////////////////////////////////////*/
.ce_download {
  margin: 0 0 0.55556rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .ce_download img {
    height: 100%;
    margin-right: 0.55556rem; }
  .ce_download .size {
    color: grey;
    font-style: italic; }

.ce_download:last-of-type {
  margin: 0 0 1.11111rem 0; }

/*	SEARCHBOX
//////////////////////////////////////////////////////////////////////////////*/
.site-nav .dp-search {
  font-size: 0;
  line-height: 0;
  height: 43px;
  height: 2.38888rem;
  width: 43px;
  width: 2.38888rem;
  padding: 0 !important; }
  .site-nav .dp-search:hover {
    box-shadow: none !important; }
  .site-nav .dp-search a {
    display: block;
    height: 43px;
    height: 2.38888rem;
    width: 43px;
    width: 2.38888rem;
    background-image: url("../../files/domagk-system-v2/icons/search.svg"); }
    @media (max-width: 960px) {
      .site-nav .dp-search a {
        margin-left: .4rem;
        background-image: url("../../files/domagk-system-v2/icons/search-white.svg"); } }
    .site-nav .dp-search a:hover {
      background-image: url("../../files/domagk-system-v2/icons/search-orange.svg"); }

/*	SEARCHFORM
//////////////////////////////////////////////////////////////////////////////*/
.mod_search .dp-wrapper-searchform {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.mod_search input.text, .mod_search input.submit {
  font-size: 1rem;
  line-height: 1.3;
  padding: 0.55556rem 1.11111rem; }
.mod_search input.text {
  padding: 0.55556rem;
  border: none;
  outline: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #126897; }
  .mod_search input.text:focus {
    border: 1px solid #ff6e00; }

/*//////////////////////////////////////////////////////////////////////////////
//	4 VIEWS
//////////////////////////////////////////////////////////////////////////////*/
/*	SECTIONS 
//////////////////////////////////////////////////////////////////////////////*/
.site-subnav {
  background: #126897; }
  .site-subnav * {
    color: #ffffff; }

.dp-mobilitaet .site-subnav {
  background: #126897; }

.dp-aktuelles .site-subnav {
  background: #dcb000; }

.dp-nachbarschaft .site-subnav {
  background: #5ab0cd; }

.dp-gaeste .site-subnav {
  background: #c9354d; }

.dp-quartier .site-subnav {
  background: #6e6e00; }

.dp-mobilitaet .site-subnav, .dp-aktuelles .site-subnav, .dp-nachbarschaft .site-subnav, .dp-gaeste .site-subnav, .dp-quartier .site-subnav {
  padding-bottom: 6.66666rem !important;
  margin-bottom: 4.44444rem !important; }
  .dp-mobilitaet .site-subnav:after, .dp-aktuelles .site-subnav:after, .dp-nachbarschaft .site-subnav:after, .dp-gaeste .site-subnav:after, .dp-quartier .site-subnav:after {
    position: absolute;
    content: "";
    display: block;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 13.33333rem;
    height: 6.66666rem;
    right: 2.22222rem;
    bottom: -3.33333rem; }

.dp-mobilitaet .site-subnav:after {
  background-image: url(../../files/domagk-system-v2/icons/e-bike.svg); }
  @media (max-width: 60rem) {
    .dp-mobilitaet .site-subnav:after {
      width: 11.11111rem;
      bottom: -3.88888rem; } }
.dp-aktuelles .site-subnav:after {
  background-image: url(../../files/domagk-system-v2/icons/calendar.svg);
  sbackground-image: url(../../files/domagk-system-v2/icons/icon_veranstaltungen.png);
  width: 9.99999rem;
  height: 12rem;
  right: 2.22222rem;
  bottom: -4.4444rem; }
.dp-nachbarschaft .site-subnav:after {
  width: 13.33333rem;
  height: 6.66666rem;
  right: 2.22222rem;
  bottom: -3.33333rem;
  background-image: url(../../files/domagk-system-v2/icons/houses.svg); }
.dp-gaeste .site-subnav:after {
  width: 10rem;
  height: 11rem;
  right: 3.333rem;
  bottom: -4.444rem;
  background-image: url(../../files/domagk-system-v2/icons/bed.svg); }
.dp-quartier .site-subnav:after {
  width: 11.11111rem;
  height: 8.88888rem;
  right: 2.22222rem;
  bottom: -2.88888rem;
  background-image: url(../../files/domagk-system-v2/icons/house.svg); }

/*	MOBILE 
//////////////////////////////////////////////////////////////////////////////*/
/*	PRINT 
//////////////////////////////////////////////////////////////////////////////*/

/* in style.css übernommen */


/* span statt a */

.domagk-kalender .event:hover span {
    color: #ffffff;
}
/* 2020-06-30 12:27 HM: Kontrast bei Kalender erhöhen */
.domagk-kalender .days .header  {
    opacity: 1;
}
.domagk-kalender .days  {
    border-right-color: #000;
}
.domagk-kalender .week  {
    border-bottom-color: #000;
}
.domagk-kalender .calendar-header  {
    border-top-color: #000;
    border-top-color: #000;
}
.domagk-kalender {
    border-color: #000;
}
.domagk-kalender .weekdays .label  {
    border-right-color: #000;
}
.domagk-kalender .weekdays  {
    border-top-color: #000;
    border-bottom-color: #000;
}



.eventfilter_ga-wa1::before, .dp-cal-ga-wa1::before {
    background: #016192 none repeat scroll 0 0;
}

.eventfilter_ga-wa2::before, .dp-cal-ga-wa2::before {
    background: #e30813 none repeat scroll 0 0;
}

.eventfilter_ga-w01::before, .dp-cal-ga-wo1::before {
    background: #31802b none repeat scroll 0 0;
}

.eventfilter_ga-wo2::before, .dp-cal-ga-wo2::before {
    background: #900 none repeat scroll 0 0;
}


/*  Kartenpunkt fuer Liste */

.dp-bereich-familien {
    background-image: url("/files/domagk-system-v2/marker-karten/marker-familien.png");
}

.dp-bereich-akteure {
    background-image: url("/files/domagk-system-v2/marker-karten/marker-akteure.png");
}

.dp-bereich-raeume-mieten {
    background-image: url("/files/domagk-system-v2/marker-karten/marker-gewerbe.png");
}
.dp-bereich-mobilitaet {
    background-image: url("/files/domagk-system-v2/marker-karten/marker-gewerbe.png");
}


/* Formular Buchungsanfrage
http://v2.domagkpark.de/domagkasino-buchungsanfrage.html
*/

.dp-formular {
    border: 0;
    padding: 0;
}

.widget-radio span {
    display: block;
}

.widget-headline {
    margin-top: 2rem;
}


/* Kachel spezial auf HP - z.B. 3 Neuigkeiten und 3 Events */

.tile.dp-box-text * {
    line-height: 1.3rem;
    font-size: 1rem;
}

.tile.dp-box-text a {
    color: #ffffff;
    font-family: "Fira Sans", sans-serif;
    font-weight: 300;
    text-decoration: none;
    border-bottom: 0;
    font-size: 1rem;
}

.tile.dp-box-text a:hover {
    border-bottom: 1px solid;
}

.tile.dp-box-text .event {
    margin-bottom: 1.1111rem;
}

.tile.dp-box-text .dp-event-title {
    display: block;
}


/* Buchungssysteme Logos float: right
http://v2.domagkpark.de/buchungssysteme.html
*/

.dp-float-right {
    float: right;
}

.dp-no-padding.block {
    padding: 0 !important;
}


/* Kalender Abstand nach unten zur Legende u.a. Elementen
http://v2.domagkpark.de/buchungskalender.html
*/

.mod_calendar {
    margin-bottom: 1.11111rem;
}


/* Gästeapp. Subnavi: li ohne icons
z.B. http://v2.domagkpark.de/buchungskalender.html
*/

.subnavigation_gagm ul {
    list-style: none;
    padding-left: 0;
}

.subnavigation_gagm ul li {
    line-height: 1.5rem;
}


/* oder so */

.dp-no-bullets ul {
    list-style: none;
    padding-left: 0;
}

.dp-no-bullets ul li {
    line-height: 1.5rem;
}


/* Nachrichtenliste
http://v2.domagkpark.de/nachrichten.html
*/

.mod_newslist h2 a {
    color: #ff6e00;
    border-bottom: 0;
    text-decoration: none;
}

#main .mod_newslist h3 {
    color: #000;
    font-weight: 300;
}


/* Marker auf Karten in weiß z.B. bei Akteuren
http://v2.domagkpark.de/akteure.html
*/

.db-karte-nr.dp-bereich-akteure {
    color: #fff;
}


/* Links in der Sitemap nicht unterstreichen
hmx 2017-08-03 */

.mod_sitemap a {
    text-decoration: none;
}

.mod_sitemap a:hover {
    text-decoration: underline;
    color: #000;
}


/* Navipunkte 1. Ebene: fett */

.mod_sitemap ul.level_1>li>a {
    font-weight: 400;
}


/* Tabellen, z.B.
https://www.domagkpark.de/quartiersladen-domagkasino.html
*/

.ce_table {
    margin: 0 0 2.22222rem;
}

.ce_table table {
    font-size: 1rem;
}


/* Bildunterschrift z.B.
https://www.domagkpark.de/nachrichten-detail/sommer-in-der-funkstation.html
*/

figcaption {
    font-size: 0.8rem;
}


/* Newsletter
https://www.domagkpark.de/newsletter-anmeldung.html
*/

.mod_subscribe input.text, .mod_unsubscribe input.text {
    width: 50%;
    padding: 0.55556rem;
    border: none;
    outline: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #126897;
    font-size: 1rem;
    line-height: 1.3;
}

input.submit {
    font-size: 1rem;
    line-height: 1.3;
    padding: 0.55556rem 1.11111rem;
}


/* 2017-11-26 H-Abstände im Newsletter */

.mod_nl_reader h1, .mod_nl_reader h2, .mod_nl_reader h3, .mod_nl_reader h4, .mod_nl_reader h5, .mod_nl_reader h6 {
    margin: 0 0 1.11111rem 0;
}


/* 2017-11-26 LI-Abstände im Newsletter archiv
https://www.domagkpark.de/newsletter-archiv.html
*/

.mod_nl_list li, .ce_downloads li {
    margin-bottom: 0.5rem;
}

/* 2020-12-09 16:27, HMX: keine Aufzählungspunkte bei den Downloads */
.ce_downloads ul {
list-style-type: none;
}

/* Newsletter Farbe und Icon */

.dp-newsletter .site-subnav {
    background: #dcb000;
}

.dp-newsletter .site-subnav::after {
    position: absolute;
    content: "";
    display: block;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 13.33333rem;
    height: 6.66666rem;
    right: 2.22222rem;
    bottom: -3.33333rem;
}

.dp-newsletter .site-subnav::after {
    background-image: url(../../files/domagk-system-v2/icons/newsletter-orange.svg);
    width: 9.99999rem;
    height: 12rem;
    right: 4.22222rem;
    bottom: -6.2rem;
}

/* Menupunkte der Hauptnavi enger setzen, sonst passt das nicht hin */
.site-nav .level_1 > li {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

/* Images in Nachrichten: float-right, float-left */
.mod_newsreader figure.float_right {
    float: right;
    margin: 10px !important;
}
.mod_newsreader figure.float_left {
    float: left;
    margin: 10px !important;
}
@media (max-width: 960px) {
    .mod_newsreader figure.float_right {
        float: none;
    }
    .mod_newsreader figure.float_left {
        float: none;
    }
}

/* Nachrichten: Abstand Überschrift zu Text */
.mod_newsreader .ce_text {
    margin-top: 2.2rem;
}

