body.modal-open .mm-slideout {
 z-index:unset
}
 
.mm-listitem .mm-listitem_selected {
    background: rgba(255,255,255,.4);
    background: var(--mm-color-background-emphasis);
}


:root {
 --dpv-blau:rgba(0,43,73,1);
 --dpv-blau_2:rgba(0,86,119,1);
 --dpv-blau_3:rgba(72,136,163,1);
 --dpv-gruen:rgba(140,192,75,1);
 --dpv-gruen_2:rgba(110,140,60,1);
 --dpv-weiss:rgba(255,255,255,1);
 --dpv-grau_1:rgba(34,40,45,1);
 --dpv-grau_2:rgba(63,63,62,1);
 --dpv-grau_3:rgba(235,235,235,1);
 --hellbraun:rgba(167,157,133,1);
 --gelb:rgba(190,150,50,1);
}
@font-face {
 font-family:'roboto-light';
 src:url('../../../templates/webraise/fonts/roboto-light/roboto-light.eot');
 src:url('../../../templates/webraise/fonts/roboto-light/roboto-light.eot?#iefix') format('embedded-opentype'),
 url('../../../templates/webraise/fonts/roboto-light/roboto-light.woff') format('woff'),
 url('../../../templates/webraise/fonts/roboto-light/roboto-light.ttf') format('truetype'),
 url('../../../templates/webraise/fonts/roboto-light/roboto-light.svg#roboto-light') format('svg');
 font-weight:normal;
 font-style:normal;
 font-display:fallback;
}
@font-face {
 font-family:'roboto-regular';
 src:url('../../../templates/webraise/fonts/roboto-regular/roboto-regular.eot');
 src:url('../../../templates/webraise/fonts/roboto-regular/roboto-regular.eot?#iefix') format('embedded-opentype'),
 url('../../../templates/webraise/fonts/roboto-regular/roboto-regular.woff') format('woff'),
 url('../../../templates/webraise/fonts/roboto-regular/roboto-regular.ttf') format('truetype'),
 url('../../../templates/webraise/fonts/roboto-regular/roboto-regular.svg#roboto-regular') format('svg');
 font-weight:normal;
 font-style:normal;
 font-display:fallback;
}
@font-face {
 font-family:'roboto-bold';
 src:url('../../../templates/webraise/fonts/roboto-bold/roboto-bold.eot');
 src:url('../../../templates/webraise/fonts/roboto-bold/roboto-bold.eot?#iefix') format('embedded-opentype'),
 url('../../../templates/webraise/fonts/roboto-bold/roboto-bold.woff') format('woff'),
 url('../../../templates/webraise/fonts/roboto-bold/roboto-bold.ttf') format('truetype'),
 url('../../../templates/webraise/fonts/roboto-bold/roboto-bold.svg#roboto-bold') format('svg');
 font-weight:normal;
 font-style:normal;
 font-display:fallback;
}
@font-face {
 font-family:'bebas-regular';
 src:url('../../../templates/webraise/fonts/bebas-regular/bebas-regular.eot');
 src:url('../../../templates/webraise/fonts/bebas-regular/bebas-regular.eot?#iefix') format('embedded-opentype'),
 url('../../../templates/webraise/fonts/bebas-regular/bebas-regular.woff') format('woff'),
 url('../../../templates/webraise/fonts/bebas-regular/bebas-regular.ttf') format('truetype'),
 url('../../../templates/webraise/fonts/bebas-regular/bebas-regular.svg#bebas-regular') format('svg');
 font-weight:normal;
 font-style:normal;
 font-display:fallback;
}
@font-face {
 font-family:'icomoon';
 src:url('../../../templates/webraise/fonts/icomoon/icomoon.eot');
 src:url('../../../templates/webraise/fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
 url('../../../templates/webraise/fonts/icomoon/icomoon.woff') format('woff'),
 url('../../../templates/webraise/fonts/icomoon/icomoon.ttf') format('truetype'),
 url('../../../templates/webraise/fonts/icomoon/icomoon.svg#icomoon') format('svg');
 font-weight:normal;
 font-style:normal;
 font-display:fallback;
}
nav {
 display:none;
}
body {
 font-size:100%;
 font-size:1.1em;
 font-family:'roboto-light',Helvetica,Arial,sans-serif;
 color:rgba(30,40,45,1);
 font-weight:300;
 line-height:1.45em;
 background-color:var(--dpv-grau_1);
}
a {
 color:var(--dpv-blau_3);
 font-family:'roboto-regular',Helvetica,Arial,sans-serif;
 text-decoration:none;
 -webkit-tap-highlight-color:rgba(0,0,0,0);
 -webkit-transition:0.4s ease-in-out;
 transition:0.4s ease-in-out;
}
a:hover {
 color:var(--dpv-blau_2);
 text-decoration:none;
}
a:focus {
 outline:none;
 outline-offset:-2px;
}
a:hover,
a:active {
 outline:none;
}


#page-wrapper {
	background-color: var(--dpv-grau_3);
    overflow: hidden;	
}

#page-header {
	z-index: 1;
}


.main-content {
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}
/*
.headliner h1 {
    color: rgba(255,255,255,1);
    font-size: 2.8em !important;
    font-family: 'roboto-regular',Arial,sans-serif;
    text-shadow: 1px 1px 5px rgba(35,40,45,.8);
}

.body-bg-top {
    padding-top: 130px;
}
*/
.navbar-mainnavigation .navbar-brand {
 margin-right:40px;
 height:70px
}
@media (min-width:576px) {
 .navbar-mainnavigation .navbar-brand {
  height:70px
 }
}
@media (min-width:768px) {
 .navbar-mainnavigation .navbar-brand {
  height:100px
 }
}
@media (min-width:992px) {
 .navbar-mainnavigation .navbar-brand {
  height:130px
 }
}
@media (min-width:1200px) {
 .navbar-mainnavigation .navbar-brand {
  height:130px
 }
}
.navbar-mainnavigation .navbar-brand-image {
 position:relative;
 padding-top:15px;
 padding-bottom:15px
}
.navbar-mainnavigation .navbar-brand-image img {
 position:relative;
 top:50%;
 transform:translate(0,-50%);
 width:auto;
 max-height:40px
}
@media (min-width:992px) {
 .navbar-mainnavigation .navbar-brand-image img {
  max-height:65%;
 }
}

.navbar {
    border-width: 0;
}

#webraise-menu .first-list {
	margin-top: 3rem;
}
#webraise-menu .first-list > li:first-child {
	display: none;
}





.jumbotron {
	margin-left: -1px;
	margin-top: -1px;
	margin-bottom: 3.7rem;
	overflow: hidden;
	width: 101%;
}


/*
.jumbotron .video {
	margin-top: -7rem !important;
	    overflow: hidden;	

}
.video-height-500 {
    display: block;
    height: 500px;
}
.video-height-500 figure.video {
    margin-top: -225px;
}


.jumbotron figure.video {
    margin-bottom: -.03rem !important;
}



.video-height-500 .card-img-overlay {
 max-width:1140px;
 width:100%;
 padding-right:15px;
 padding-left:15px;
 margin:0 auto
}
*/


.videocontrols {
    writing-mode: horizontal-tb;
    direction: ltr;
    text-align: left;
    list-style-image: none !important;
    font: normal normal normal 100%/normal sans-serif !important;
    white-space: normal !important;
}
.controlsContainer {
    --clickToPlay-size: 48px;
    --button-size: 30px;
    --timer-size: 40px;
    --timer-long-size: 60px;
    --track-size: 5px;
    --thumb-size: 13px;
    --label-font-size: 13px;
    --pip-toggle-padding: 5px;
    --pip-toggle-icon-width-height: 16px;
    --pip-toggle-translate-x: calc(100% - var(--pip-toggle-icon-width-height) - 2 * var(--pip-toggle-padding));
    --control-focus-outline: 2px solid #00DDFF;
    --control-focus-outline-offset: -2px;
    color: #fff;
}


.controlsOverlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.stackItem {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}






.headliner {

padding: 0 0 3rem 0;
   
}




.footer-section {
 background-color:var(--dpv-grau_1);
 color: rgba(255,255,255,.35) !important;
 font-size: 0.9em;
 padding:0 0px;
 min-height:120px;
}
.footer_logo {
 margin:6px 0 0 0;
 padding:0;
 text-align:right;
}
.footer_logo img {
 max-width:150px;
 margin:0;
 padding:0;
 opacity:0.2;
 -webkit-transition:0.4s ease-in-out;
 transition:all 0.4s ease;
}
.footer_logo img:hover {
}
.copyright {
 margin:30px 0 0 0;
 color:rgba(255,255,255,.35);
 text-align:center;
 font-size:0.9em;
}

.footer-section-content {
	padding-bottom: 50px;
	margin-bottom: -40px;
}

.google_maps img {
    margin: 0;
    padding: 0;
    max-width: 100px;
}







/* - - - -scroll top - - - - */
.scroll-top {
 overflow:hidden;
 transition:all 0.3s ease-in-out;
 z-index:1020;
 background-color:#495057;
 color:#ffffff;
 bottom:20px;
 right:20px;
 position:fixed;
 opacity:0;
 width:3em;
 height:3em
}


.scroll-top:active,
.scroll-top:focus,
.scroll-top:hover {
 color:#ffffff;
 background-color:#81a1c8
}
.scroll-top.scroll-top-visible {
 opacity:1
}
.css-arrow,
.scroll-top .scroll-top-icon {
 transform:rotate(45deg);
 position:absolute;
 top:0;
 left:0;
 height:100%;
 width:100%
}
.css-arrow:before,
.scroll-top .scroll-top-icon:before {
 content:'';
 position:absolute;
 height:30%;
 width:30%;
 border-top:1px solid;
 border-left:1px solid;
 top:55%;
 left:55%;
 transform:translate(-50%,-50%)
}
.scroll-top {
    background-color: var(--dpv-gruen);
}
.scroll-top:hover {
    background-color: var(--dpv-grau_2);
}

/* - - - - News list special - - - - 

.thumbnail .caption h3 {
   font-size: 10px;
   font-weight: bold;
 } 


.bloglist {margin:0 -10px;}
.bloglist > li {width:33.33%;}

.bloglist > li:nth-child(1) a {background:rgba(0, 78, 143, .78);}
.bloglist > li:nth-child(2) a {background:rgba(0, 78, 143, .6);}
.bloglist > li:nth-child(3) a {background:rgba(0, 78, 143, .45);}
.bloglist > li:nth-child(4) a {background:rgba(175, 180, 185, .7);}
.bloglist > li:nth-child(5) a {background:rgba(175, 180, 185, .85);}
.bloglist > li:nth-child(6) a {background:rgba(175, 180, 185, 1);}
.bloglist > li:nth-child(7) a {background:rgba(120, 172, 55, 1);}
.bloglist > li:nth-child(8) a {background:rgba(130, 182, 65, 1);}
.bloglist > li:nth-child(9) a {background:rgba(140, 192, 75, 1);}

@media (max-width:768px) {
 .bloglist > li {float:none;width:100%;}
}
*/
/* - - - - Startseite special - - - - 

.start_news_calendar {margin:10px 0 0 0;padding:0;}
.start_news_calendar1 {float:left;width:90%;margin:0;padding:0;}
.start_news_calendar1 h3 {padding:0;margin:8px 0 0 0;font-size:1.1em !important;font-family:'roboto-regular', Helvetica, Arial, sans-serif;color:rgba(30, 30, 30, 1);}
.start_news_calendar2 {float:right;width:10%;margin:0;padding:0;text-align:right;}
.start_news_calendar2 img {margin:0;padding:0;max-width:60px;z-index:2;}
.start_news_calendar_end {clear:both;padding:1px 0;}

.frame-container .bloglist {margin:0 -10px 0 -10px;}

.bloglist > li:nth-child(1) a {background:rgba(0, 78, 143, .78);}
.bloglist > li:nth-child(2) a {background:rgba(0, 78, 143, .6);}
.bloglist > li:nth-child(3) a {background:rgba(0, 78, 143, .45);}

.bloglist > li {width:33.33%;}

@media (max-width:768px) {
 .bloglist > li {float:none;width:100%;}
}
*/

.wf-active body::before, .wf-inactive body::before {
    top: 0;
    opacity: 0 !important;
    user-select: none;
    pointer-events: none;
    -webkit-transition: opacity 0.25s ease-out;
    -moz-transition: opacity 0.25s ease-out;
    -o-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
}
body::before {
    user-select: none;
    pointer-events: none;
    background-position: center center;
    background-repeat: no-repeat;
    content: '';
    position: fixed;
    top: -100%;
    left: 0;
    z-index: 10000;
    opacity: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(40, 40, 40, 1);
    background-image: url('/fileadmin/templates/webraise/images/dpv_logo-preloader.svg');
    background-size: 100px 100px;
    user-select: initial;
    pointer-events: initial;
}




/* add for header transmission */


.navbar-transition .navbar-brand {
 height:70px
}
.navbar-transition .navbar-brand-image img {
 max-height:40px
}
@media (min-width:992px) {
 .navbar {
  transition:all 0.27s cubic-bezier(0,0,0.58,1) 0s
 }
 .navbar-default-transition:not(.navbar-transition),
 .navbar-inverse-transition:not(.navbar-transition) {
  background:transparent !important;
  box-shadow:none
 }
 .navbar-default-transition:not(.navbar-transition) .navbar-nav>li>.nav-link,
 .navbar-default-transition:not(.navbar-transition) .navbar-nav>li>.nav-link:hover,
 .navbar-default-transition:not(.navbar-transition) .navbar-nav>li>.nav-link:focus,
 .navbar-inverse-transition:not(.navbar-transition) .navbar-nav>li>.nav-link,
 .navbar-inverse-transition:not(.navbar-transition) .navbar-nav>li>.nav-link:hover,
 .navbar-inverse-transition:not(.navbar-transition) .navbar-nav>li>.nav-link:focus {
  color:#ffffff !important
 }
 .navbar-default-transition:not(.navbar-transition) .navbar-brand>.navbar-brand-logo-normal,
 .navbar-inverse-transition:not(.navbar-transition) .navbar-brand>.navbar-brand-logo-normal {
  display:none
 }
 .navbar-default-transition:not(.navbar-transition) .navbar-brand>.navbar-brand-logo-inverted,
 .navbar-inverse-transition:not(.navbar-transition) .navbar-brand>.navbar-brand-logo-inverted {
  display:block
 }
}