div.ccm-block-feature-item p{margin-left:30px}div.ccm-block-feature-item i{margin-right:10px}div.ccm-block-feature-item{margin-bottom:40px}


/* Flexnav Base Styles */
 .flexnav {
     margin: 0;
     padding: 0;
     -webkit-transition: none;
     transition: none;
     -webkit-transform-style: preserve-3d;
     overflow: hidden;
     margin: 0 auto;
     width: 100%;
     max-height: 0;
}
 .flexnav.opacity {
     opacity: 0;
}
 .flexnav.flexnav-show {
     max-height: 2000px;
     opacity: 1;
     -webkit-transition: all .5s ease-in-out;
     transition: all .5s ease-in-out;
}
 .flexnav.one-page {
     position: fixed;
     top: 50px;
     right: 5%;
     max-width: 200px;
}
 .flexnav li {
     font-size: 100%;
     position: relative;
     overflow: hidden;
}
 .flexnav li a {
     position: relative;
     display: block;
     padding: 1.03em;
     z-index: 2;
     color: #000000;
     background: #ffffff;
     border-bottom: 1px solid rgba(0, 0, 0, 0.15);
     -webkit-transition: color 0.1s ease-in-out;
     transition: color 0.1s ease-in-out;
}
 .flexnav li ul {
     width: 100%;
}
 .flexnav li ul li {
     font-size: 100%;
     position: relative;
     overflow: hidden;
}
 .flexnav li ul.flexnav-show li {
     overflow: visible;
}
 .flexnav .touch-button {
     position: absolute;
     z-index: 999;
     top: 0;
     right: 0;
     width: 50px;
     height: 57px;
     display: inline-block;
     background: #acaca1;
     background: rgba(0, 0, 0, 0.075);
     text-align: center;
}
 .flexnav .touch-button:hover {
     cursor: pointer;
}
 .flexnav .touch-button .navicon {
     visibility: hidden;
}
 .menu-button {
     position: relative;
     background: #a6a6a2;
     cursor: pointer;
}
 .menu-button.one-page {
     position: fixed;
     top: 0;
     right: 5%;
     padding-right: 45px;
}

 .menu-button .touch-button .navicon {
     font-size: 16px;
     position: relative;
     top: 1em;
     color: #333333;
}
 @media all and (min-width: 768px) {
     body.one-page {
         padding-top: 70px;
    }
     .flexnav {
         overflow: visible;
    }
     .flexnav.opacity {
         opacity: 1;
    }
     .flexnav.one-page {
         top: 0;
         right: auto;
         max-width: 1080px;
    }
     .flexnav li {
         position: relative;
         width: auto;
         list-style: none;
         float: left;
         display: block;
         overflow: visible;
    }
     .flexnav li a {
         border-bottom: none;
         padding: 0em 0.5em;
         font-size:1.2em;
    }
    .flexnav>li:first-child>a{
        padding-left: 0;
    }
    .flexnav>li:last-child>a { 
        padding-right: 0;
     }
     .flexnav li > ul {
         position: absolute;
         top: auto;
         left: 0;
    }

     .flexnav li ul  {
        margin-left: -15px;
        min-width: 250px;
        margin-top: 0px;
    }
     .flexnav li > ul li {
         width: 100%;
         overflow: visible;
    }
     .flexnav li:last-child > ul li > ul {
         right:100%;
         left: initial;
     }
     .flexnav li ul li > ul {
         margin-left: -webkit-calc(100% - 1.03em);
         margin-left: calc(100% - 1.03em);
         top: 0;
    }
     .flexnav li ul li a {
         border-bottom: none;
         font-size:1.2em;
         padding:0.6em 0.7em;
    }
     .flexnav li ul.open {
         display: block;
         opacity: 1;
         visibility: visible;
         z-index: 1;
    }
     .flexnav li ul.open li {
         overflow: visible;
    }
     .flexnav li ul.open ul.open {
         margin-left: 100%;
         top: 0;
    }
     .menu-button, .flexnav .touch-button {
         display: none;
    }
}
@media (max-width:1200px){
         .flexnav li a {
         border-bottom: none;
         padding: 0em 0.5em;
         font-size:1.1em;
    }
}
@media (min-width:1200px){
             .flexnav li ul li a {
         padding: 0.6em 0.9em;
    }
}

/* no break mainnav > tablet
 tablet landscape styling*/
/*
@media (min-width: 768px) and (max-width: 991px) {
    .flexnav li a {
        padding: 0.4em 0.4em 0.4em 0.4em;
        font-size: 0.8em;   
    }
    .flexnav li ul li a {
         padding: 0.4em 0.4em;
    }

}
*/

 @media all and (max-width:767px){
     .flexnav {
        position: absolute;
        background: #ffffff;
     }
     .flexnav li ul {
         margin-left: 0;
         padding-left: 0;
     }
     
     .flexnav li a {
         border-bottom: 1px solid #999999;
         padding: 0.9em;
         font-size:1.1em;
    }
    /*Zweite Stufe*/
     .flexnav > li > ul > li > a {
         padding-left:-webkit-calc(1.03em + 10px);
         padding-left:calc(1.03em + 10px);
    }
     .flexnav > li > ul > li > ul > li > a {
         padding-left:-webkit-calc(1.03em + 20px);
         padding-left:calc(1.03em + 20px);
    }
     
    .flexnav .touch-button:after,
    .flexnav .touch-button:before{
        width: 15px;
        height: 2px;
        background-color: #333333;
        position: absolute;
        top: 50%;
        left: 13px;  
        content: '';
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: -webkit-transform 0.5s;
        transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s;    
    }
    .flexnav .touch-button:before{
        -webkit-transform: translate(11px) rotate(-45deg);
        -ms-transform: translate(11px) rotate(-45deg);
        transform: translate(10px) rotate(-45deg);    
    }
    .flexnav  .touch-button.active:after{
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);  
    }
    .flexnav  .touch-button.active:before{
        -webkit-transform: translate(11px) rotate(45deg);
        -ms-transform: translate(11px) rotate(45deg);
        transform: translate(10px) rotate(45deg);
    } 
}

/* Flexnav Fix for MS Edge and Windows Phone */
 @media screen (-ms-high-contrast: active) and (-ms-high-contrast: none) {
     .flexnav li a {
         overflow:hidden;
    }
}
 

/* v1.0.6 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
 .royalSlider {
     width: 800px;
     height: 400px;
     position: relative;
     direction: ltr;
}
 .royalSlider > * {
     float: left;
}
 .rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsABlock, .rsWebkit3d .rsLink {
     -webkit-backface-visibility: hidden;
}
 .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer {
     -webkit-transform: none;
}
 .rsOverflow {
     width: 100%;
     height: 100%;
     position: relative;
     overflow: hidden;
     float: left;
     -webkit-tap-highlight-color:rgba(0,0,0,0);
}

 .rsVisibleNearbyWrap {
     width: 100%;
     height: 100%;
     position: relative;
     overflow: hidden;
     left: 0;
     top: 0;
     -webkit-tap-highlight-color:rgba(0,0,0,0);
}
 .rsVisibleNearbyWrap .rsOverflow {
     position: absolute;
     left: 0;
     top: 0;
}
 .rsContainer {
     position: relative;
     width: 100%;
     height: 100%;
     -webkit-tap-highlight-color:rgba(0,0,0,0);
}
 .rsArrow, .rsThumbsArrow {
     cursor: pointer;
}
 .rsThumb {
     float: left;
     position: relative;
}
 .rsArrow, .rsNav, .rsThumbsArrow {
     opacity: 1;
     -webkit-transition:opacity 0.3s linear;
     -moz-transition:opacity 0.3s linear;
     -o-transition:opacity 0.3s linear;
     transition:opacity 0.3s linear;
}
 .rsHidden {
     opacity: 0;
     visibility: hidden;
     -webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
     -moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
     -o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
     transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}
 .rsGCaption {
     width: 100%;
     float: left;
     text-align: center;
}
/* Fullscreen options, very important ^^ */
 .royalSlider.rsFullscreen {
     position: fixed !important;
     height: auto !important;
     width: auto !important;
     margin: 0 !important;
     padding: 0 !important;
     z-index: 2147483647 !important;
     top: 0 !important;
     left: 0 !important;
     bottom: 0 !important;
     right: 0 !important;
}
 .royalSlider .rsSlide.rsFakePreloader {
     opacity: 1 !important;
     -webkit-transition: 0s;
     -moz-transition: 0s;
     -o-transition: 0s;
     transition: 0s;
     display: none;
}
 .rsSlide {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     overflow: hidden;
     height: 100%;
     width: 100%;
}
 .royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide {
     height: auto;
}
 .rsContent {
     width: 100%;
     height: 100%;
     position: relative;
}
 .rsPreloader {
     position:absolute;
     z-index: 0;
}
 .rsNav {
     -moz-user-select: -moz-none;
     -webkit-user-select: none;
     user-select: none;
}
 .rsNavItem {
     -webkit-tap-highlight-color:rgba(0,0,0,0.25);
}
 .rsThumbs {
     cursor: pointer;
     position: relative;
     overflow: hidden;
     float: left;
     z-index: 22;
}
 .rsTabs {
     float: left;
     background: none !important;
}
 .rsTabs, .rsThumbs {
     -webkit-tap-highlight-color:rgba(0,0,0,0);
     -webkit-tap-highlight-color:rgba(0,0,0,0);
}
 .rsVideoContainer {
     width: auto;
     height: auto;
     line-height: 0;
     position: relative;
}
 .rsVideoFrameHolder {
     position: absolute;
     left: 0;
     top: 0;
     background: #141414;
     opacity: 0;
     -webkit-transition: .3s;
}
 .rsVideoFrameHolder.rsVideoActive {
     opacity: 1;
}
 .rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj {
     position: absolute;
     z-index: 50;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
}
/* ios controls over video bug, shifting video */
 .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding-right: 44px;
}
 .rsABlock {
    /* left: 0;
     top: 0;
     position: absolute;
     */
     z-index: 15;
}
 img.rsImg {
     max-width: none;
}
 .grab-cursor {
     cursor:url(../../../blocks/wbox_slider/grab.png) 8 8, move;
}
 .grabbing-cursor{
     cursor:url(../../../blocks/wbox_slider/grabbing.png) 8 8, move;
}
 .rsNoDrag {
     cursor: auto;
}
 .rsLink {
     left:0;
     top:0;
     position:absolute;
     width:100%;
     height:100%;
     display:block;
     z-index: 20;
     background: url(../../../blocks/wbox_slider/blank.gif);
}
/*Custom wbox-slider*/
 #wbox-slider {
     width: 100%;
     height: 550px;
}
.rsOverflow { 
        height: 550px; 
    }
 .rsContent {
     background-repeat: no-repeat;
     background-size:cover;
     transition:all 0.4s ease;
}
@media screen and (max-width : 1402px){
    .rsOverflow {
        height: 450px!important;    
    }
    #wbox-slider{
        height: auto;
    }
}
@media screen and (max-width : 1030px){
    .rsOverflow { 
        height: 350px!important; 
    }
    #wbox-slider{
    height: auto ;
}
}
@media screen and (max-width : 569px){
    .rsOverflow { 
        height: 230px!important; 
    }
#wbox-slider{
    height: auto;
}
}
/*Bildposition für Hintergrundbilder*/
 .bgimgpos-lt {
    background-position: left top;
}
 .bgimgpos-lc {
    background-position: left center;
}
 .bgimgpos-lb {
    background-position: left bottom;
}
 .bgimgpos-ct {
    background-position: center top;
}
 .bgimgpos-cc {
    background-position: center center;
}
 .bgimgpos-cb {
    background-position: center bottom;
}
 .bgimgpos-rt {
    background-position: right top;
}
 .bgimgpos-rc {
    background-position: right center;
}
 .bgimgpos-rb {
    background-position: right bottom;
}
 .wbox-overflow {
     height: 100%;
     background-color: rgba(0,0,0,0.35);
}
/*Slider Inhalt*/
 .slidecontainer {
     position: absolute;
     z-index: 16;
     height: 80%;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
}
 .slidecenter {
     text-align: center;
}
 .slideright {
     text-align: right;
}
/*Design Inhalt*/
 .slidecontainer h2{
    font-size: 2.5em!important;
    line-height: 1.2em;
    font-weight: 700;
    
}
 .slidecontainer p {
         font-size: 2em;
         line-height: 1.1em;
    }
 .slidecontainer h2, .slidecontainer h3, .slidecontainer p {
     color:#ffffff!important;
     font-family: 'Open Sans', sans-serif;
     
}


 @media (min-width:768px){

     .slidecontainer p {
         font-size: 2em;
    }
}
/*Pfeile*/
.rsArrow {
    position: absolute;
    top: 0;
    height: 100%;
    width: 60px;
    z-index: 200
}
.rsArrowLeft {
    
}
.rsArrowRight {
    right: 0;
}
.rsArrowIcn {
    background-image: url('../../../blocks/wbox_slider/wbox-basic.png');
    width: 20px;
    height: 40px;
    position: absolute;
    top: 50%;
    left:50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.rsArrowRight .rsArrowIcn {
    background-position:-30px 0;
}
/*Bullets*/
 .rsBullets {
     width: 100%;
     margin:0 auto;
     text-align: center;
}
 .rsBullet {
     width: 8px;
     height: 8px;
     display: inline-block;
     margin: 5px;
     background-color: #ccc;
     border-radius: 50%;
}
@media screen and ( max-width: 768px){
    .slidecontainer{
        font-size: 0.6em;
    }
    .rsArrowIcn {
        background-size: 120px;
        background-position: 5px   0;
        left:initial;

    }
    .rsArrowRight .rsArrowIcn {
    background-position: -10px 0;
}
    .rsArrowLeft .rsArrowIcn{
        left: 18px;
    }
    .rsArrowRight .rsArrowIcn{
        right: 0px;
        background-position: -11px 0px;
    }
    .rsABlock {
    min-width: 220px;
    }

 }


.wbox-infoblock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
    -webkit-box-shadow: 0px 2px 8px #e5e5e5;
            box-shadow: 0px 2px 8px #e5e5e5;
}

/*-------------------Flip Funktion-------------------*/
.wbox-flip-container {
    width: 200px;
    height: 200px;
    -webkit-perspective: 600px;
    perspective: 600px;
    z-index: 100;
}

.wbox-flip {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}
.flip-face {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}

.flip-front {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    z-index: 2;
}

.flip-back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}


.wbox-flip-container:hover .wbox-flip {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { 

    .wbox-flip-container:hover .wbox-flip {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }

   .wbox-flip-container:hover .flip-front {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        visibility: hidden;
    }
    .wbox-flip-container:hover .flip-back {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }
    
    .wbox-flip-container:hover .wbox-bubble:before {
        left: auto;
        right: -15px;
        -webkit-transform: rotate(192deg);
        -ms-transform: rotate(192deg);
        transform: rotate(192deg);
    }
}


/*-------------------Flip Position-------------------*/
.ccm-block-edit .wbox-flip-container {
    position: relative;
    top: 0;
    right: 0;
}
.wbox-flip-container {
    position: absolute;
    top: 300px;
    left: 80px;
    z-index: 200;
}
@media (max-width: 1402px) {
   .wbox-flip-container {
       left: 30px;
       top: 220px;
    }
}
@media (max-width: 991px) {
   .wbox-flip-container {
       left: 60px;
       top: 100px;
    }
}
@media (max-width: 600px) {
   .wbox-flip-container {
       -webkit-transform: scale(0.6);
       -ms-transform: scale(0.6);
       transform: scale(0.6);
       left: -15px;
       left:auto;
       top: auto;
       bottom: -15px;
    }
}

/*-------------------Bubble Style-------------------*/
/*.wbox-bubble:before {
content: '';
position: absolute;
border-style: solid;
border-width: 20px 20px 20px 0;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
left: -15px;
right: 0;
top: 50%;
-webkit-transform: rotate(-12deg);
-ms-transform: rotate(-12deg);
transform: rotate(-12deg);
-webkit-transition: left 0.5s, left 0.5s;
-o-transition: left 0.5s, left 0.5s;
transition: left 0.5s, left 0.5s;
}*/

.wbox-bubble .flip-face {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #C91617;
    font-family: 'Roboto Condensed', sans-serif;
    border-radius: 50%;
    overflow: hidden;
    background-image: url(../../../blocks/wbox_info_flip_button/img/bg_flip.svg);
    background-repeat: no-repeat;
    background-size: 63%;
    background-position-y: 10px;
    background-position-x: center;
    
}
.wbox-bubble .flip-front {
    font-size: 1.5em;
    font-weight: 900;
    line-height: 1.3em;
}
.wbox-bubble .flip-back {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.1em;
}
.wbox-bubble a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: #C91617;
    border-radius: 50%;
    background-image: url(../../../blocks/wbox_info_flip_button/img/bg_flip.svg);
    background-repeat: no-repeat;
    background-size: 63%;
    background-position-y: 10px;
    background-position-x: center;
}
.bubble-content {
    padding: 1em 2em;
    color: #FFF;
    text-align: center;
}


@media (max-width:320px){
    .wbox-button-wrapper {
        text-align: center;
        display: block;
    }
}
.wbox-button svg {
    position: relative;
    height: 32px;
    width: 32px;
    margin-right: 15px;
    top: 2px;
}
a .wbox-button {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-right: 5px;
    margin-bottom: 10px;
}

.wbox-button {
	border-radius: 20.5px;
    border: none;
    padding: 6px 15px 7px 15px;
    white-space: nowrap;
    background-color: #C91617;
    color: #ffffff;
    display: block;
 
    
}

.wbox-button:hover .btn-icon {
	opacity: 1;
	transition: all 0.3s;
	width: 20px;

}

/*Custom Blockstyle Block zentrieren*/
.center-block .a {
    display: block;
}
.center-block button {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/* --------------------------------

Icon basic style

-------------------------------- */
.btn-icon {
	overflow: hidden;
	width: 0;
	padding-top: 2px;
	margin-bottom: -1px;
	opacity: 0;
	transition: all .3s;
	font-size: 0.9em;
}
.btn-icon-wrapper{
	height: 20px;
	width: 20px;
	display: inline;
}

.mfp-zoom-in .mfp-with-anim{opacity:0;transform:scale(.8);transition:all .2s ease-in-out}.mfp-zoom-in.mfp-bg{opacity:0;transition:all .3s ease-out}.mfp-zoom-in.mfp-ready .mfp-with-anim{opacity:1;transform:scale(1)}.mfp-zoom-in.mfp-ready.mfp-bg{opacity:.8}.mfp-zoom-in.mfp-removing .mfp-with-anim{opacity:0;transform:scale(.8)}.mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}.mfp-fade.mfp-bg{opacity:0;transition:all .15s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:.8}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade.mfp-wrap .mfp-content{opacity:0;transition:all .15s ease-out}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0}.mfp-bg{background:#0b0b0b;filter:alpha(opacity=80);opacity:.8;overflow:hidden;z-index:2100}.mfp-bg,.mfp-wrap{height:100%;left:0;position:fixed;top:0;width:100%}.mfp-wrap{-webkit-backface-visibility:hidden;outline:none!important;z-index:2200}.mfp-container{box-sizing:border-box;height:100%;left:0;padding:0 8px;position:absolute;text-align:center;top:0;width:100%}.mfp-container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{display:inline-block;margin:0 auto;position:relative;text-align:left;vertical-align:middle;z-index:2400}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{cursor:auto;width:100%}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;left:8px;margin-top:-.8em;position:absolute;right:8px;text-align:center;top:50%;width:auto;z-index:2300}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{-webkit-appearance:none;background:transparent;border:0;box-shadow:none;cursor:pointer;display:block;outline:none;overflow:visible;padding:0;touch-action:manipulation;z-index:2400}button::-moz-focus-inner{border:0;padding:0}.mfp-close{color:#fff;font-family:Arial,Baskerville,monospace;font-size:28px;font-style:normal;height:44px;line-height:44px;opacity:.65;padding:0 0 18px 10px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:44px}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;padding-right:6px;right:-6px;text-align:right;width:100%}.mfp-counter{color:#ccc;font-size:12px;line-height:18px;position:absolute;right:0;top:0;white-space:nowrap}.mfp-arrow{-webkit-tap-highlight-color:rgba(0,0,0,0);height:110px;margin:-55px 0 0;opacity:.65;padding:0;position:absolute;top:50%;width:90px}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{border:inset transparent;content:"";display:block;height:0;left:0;margin-left:35px;margin-top:35px;position:absolute;top:0;width:0}.mfp-arrow:after{border-bottom-width:13px;border-top-width:13px;top:8px}.mfp-arrow:before{border-bottom-width:21px;border-top-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{border-right:27px solid #3f3f3f;margin-left:25px}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-bottom:40px;padding-top:40px}.mfp-iframe-holder .mfp-content{line-height:0;max-width:900px;width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{height:0;overflow:hidden;padding-top:56.25%;width:100%}.mfp-iframe-scaler iframe{background:#000;box-shadow:0 0 8px rgba(0,0,0,.6);display:block;height:100%;left:0;position:absolute;top:0;width:100%}img.mfp-img{box-sizing:border-box;display:block;height:auto;margin:0 auto;max-width:100%;padding:40px 0;width:auto}.mfp-figure,img.mfp-img{line-height:0}.mfp-figure:after{background:#444;bottom:40px;box-shadow:0 0 8px rgba(0,0,0,.6);content:"";display:block;height:auto;left:0;position:absolute;right:0;top:40px;width:auto;z-index:-1}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{cursor:auto;left:0;margin-top:-36px;position:absolute;top:100%;width:100%}.mfp-title{word-wrap:break-word;color:#f3f3f3;line-height:18px;padding-right:36px;text-align:left}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-height:300px),screen and (max-width:800px)and (orientation:landscape){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{bottom:0;top:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;box-sizing:border-box;margin:0;padding:3px 5px;position:fixed;top:auto}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{background:rgba(0,0,0,.6);height:35px;line-height:35px;padding:0;position:fixed;right:0;text-align:center;top:0;width:35px}}@media (max-width:900px){.mfp-arrow{transform:scale(.75)}.mfp-arrow-left{transform-origin:0}.mfp-arrow-right{transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}div.ccm-lightbox-popup-white{background-color:#fff;border-radius:10px;margin:0 auto;max-width:600px;padding:20px 60px 20px 20px;position:relative}.ccm-block-gallery a{position:relative}.ccm-block-gallery .ccm-block-gallery-image-overlay,.ccm-block-gallery .ccm-block-gallery-image-overlay-color,.ccm-block-gallery .ccm-block-gallery-image-overlay-text{height:100%;left:0;position:absolute;top:0;width:100%}.ccm-block-gallery .ccm-block-gallery-image-overlay{opacity:0;transition:opacity .3s}.ccm-block-gallery .ccm-block-gallery-image-overlay-color{background-color:rgba(13,110,253,.8)}.ccm-block-gallery .ccm-block-gallery-image-overlay-text{align-items:center;color:#fff;display:flex;flex-direction:column;font-weight:700;justify-content:center}.ccm-block-gallery .ccm-block-gallery-image{cursor:pointer;overflow:hidden;padding-top:calc(3.125rem + 22.5vw);position:relative;width:100%}@media(min-width:1200px){.ccm-block-gallery .ccm-block-gallery-image{padding-top:20rem}}.ccm-block-gallery img{bottom:-9999px;height:100%;left:-9999px;margin:auto;-o-object-fit:cover;object-fit:cover;position:absolute;right:-9999px;top:-9999px;width:100%}.ccm-block-gallery a:hover .ccm-block-gallery-image-overlay{opacity:1}/*! http://responsiveslides.com v1.55 by @viljamis */.rslides{list-style:none;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.rslides>li{backface-visibility:hidden;display:none;left:0;margin-bottom:0!important;position:absolute;top:0;width:100%}.rslides>li:first-child{display:block;float:left;position:relative}.rslides img{border:0;display:block;float:left;height:auto;width:100%}.rslides_nav{-webkit-tap-highlight-color:rgba(0,0,0,0);background:transparent url("data:image/gif;base64,R0lGODlhTAA9AMQAABAQEDAwMO/v78/Pz7+/v39/f6+vr1BQUCAgIGBgYJ+fn0BAQN/f33BwcI+Pj////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAABMAD0AAAXkICSOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqv2Fog4NsiAYTHY8ALPwiAImAgFi90gfY4PVTIyTuzWDEsyAUIPAACcgVBCXIPbz1xcgk/AYRthj8Nf1yCkmIGQnZtAnQ6eg8MoT9rcgQ7jW2YQqxirjeDcg5Efp+mNweJj0G8cgc9uGICsjyRhT+eYqU+qG2cp2zRPsxzQbSTPJafga+aD984CImLQ4itOuVtvkULBgTCOwcGBvNZ+fr7/P3+/wADChxIsKDBgwgTKlzIsKFDKSEAADs=") no-repeat 0 0;height:61px;left:0;margin-top:-45px;opacity:.7;overflow:hidden;position:absolute;text-decoration:none;top:50%;width:38px;z-index:99}.rslides_tabs{padding-bottom:10px;padding-left:0;padding-top:0}.rslides_tabs li{display:inline-block;list-style-type:none;margin-right:5px}.rslides_tabs li.rslides_here a{background:#333}.rslides_tabs li a{background:#ccccc9;border-radius:30px;display:inline-block;height:15px;margin-right:10px;overflow:hidden;text-indent:-9999px;width:15px}.rslides_nav.next{background-position:100% 0;left:auto;right:0}/*! http://responsiveslides.com v1.54 by @viljamis */.ccm-image-slider{position:relative}.ccm-image-slider-text{clear:both;padding-top:1rem}.ccm-image-slider-title{margin-bottom:1rem}.rslides{margin:0 auto}a.mega-link-overlay{height:100%;left:0;position:absolute;width:100%;z-index:20}div.ccm-block-hero-image{min-height:50vh;position:relative}div.ccm-block-hero-image div.ccm-block-hero-image-cover,div.ccm-block-hero-image div.ccm-block-hero-image-text{height:50vh;left:0;position:absolute;top:0;width:100%}div.ccm-block-hero-image div.ccm-block-hero-image-text{align-items:center;display:flex;flex-direction:column;justify-content:center}div.ccm-block-hero-image div.ccm-block-hero-image-cover{z-index:2}div.ccm-block-hero-image div.ccm-block-hero-image-text{z-index:3}div.ccm-block-hero-image div.ccm-block-hero-image-image{background-position:50%;background-size:cover;height:50vh;z-index:1}


/* v1.0.6 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.wbox-slider-teaser{
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f5f5f5;
}
h2.wbox-sliderteasertitel{
    font-weight: 700;
    color: #333;
    margin-bottom: 15px;

}
.wox-slider-teaser a{
    color: #333;
}
.bildconsole{
    display: flex;
    margin-top: 20px;

}
a.linktext{
    font-family: 'Roboto Condensed';
    font-weight: 700;
    color:#333;
    font-size: 1.1em;

}

.wbox-slider-teaser .royalSlider {
    width: 100%;
    height: auto;
    position: relative;
    direction: ltr;
}
.royalSlider > * {
    float: left;
}

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
    -webkit-backface-visibility: hidden;
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
    -webkit-transform: none;
}
.wbox-slider-teaser .rsOverflow {
    width: 100%!important;
    height: 100%!important;
   
    overflow: hidden;
    float: left;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    left: 0;
    top: 0;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap .rsOverflow {
    position: absolute;
    left: 0;
    top: 0;

}
 .wbox-slider-teaser .rsContainer {
    position: relative;
    width: 100%;
    height: auto;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

.rsArrow,
.rsThumbsArrow {
    cursor: pointer;
}

.rsThumb {
    float: left;
    position: relative;
}


.rsArrow,
.rsNav,
.rsThumbsArrow {
    opacity: 1;
    -webkit-transition:opacity 0.3s linear;
    -moz-transition:opacity 0.3s linear;
    -o-transition:opacity 0.3s linear;
    transition:opacity 0.3s linear;
}
.rsHidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
    -moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
    -o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
    transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}

.rsGCaption {
    width: 100%;
    float: left;
    text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
    position: fixed !important;
    height: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 2147483647 !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
    opacity: 1 !important;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition:  0s;
    transition:  0s;
    display: none;
}

.wbox-slider-teaser .rsSlide {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    overflow: hidden;
    width: 100%;
    height: auto;
    
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
    height: auto;
}

.rsContent {
    width: 100%;
    height: 100%;
    position: relative;
}

.rsPreloader {
    position:absolute;
    z-index: 0; 
}

.rsNav {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
}
.rsNavItem {
    -webkit-tap-highlight-color:rgba(0,0,0,0.25);
}

.rsThumbs {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    float: left;
    z-index: 22;
}
.rsTabs {
    float: left;
    background: none !important;
}
.rsTabs,
.rsThumbs {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}


.rsVideoContainer {
    width: auto;
    height: auto;
    line-height: 0;
    position: relative;
}
.rsVideoFrameHolder {
    position: absolute;
    left: 0;
    top: 0;
    background: #141414;
    opacity: 0;
    -webkit-transition: .3s;
}
.rsVideoFrameHolder.rsVideoActive {
    opacity: 1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
    position: absolute;
    z-index: 50;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 44px;
}

.rsABlock {
    left: 0;
    top: 0;
    position: absolute;
    z-index: 15;
    
}

img.rsImg {
    max-width: none;
}

/*Pfeile*/
.wbox-slider-teaser .rsArrow {
    position: absolute;
    top: 0;
    height: 100%;
    width: 60px;
}

.wbox-slider-teaser .rsArrowRight {
    right: 0;
}
.wbox-slider-teaser .rsArrowIcn {
    background-image: url('../../../blocks/wbox_slider_teaser/wbox-basic.png');
    width: 20px;
    height: 40px;
    position: absolute;
    top: 50%;
    left:50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.wbox-slider-teaser .rsArrowRight .rsArrowIcn {
    background-position:-30px 0;
}

/*Bullets*/
 .rsBullets {
     
     margin-left: auto;
     text-align: right;
}
 .wbox-slider-teaser .rsBullet {
     width: 8px;
     height: 8px;
     display: inline-block;
     margin: 2px;
     border-radius: 0;
     background-color: #000;
     
}
.wbox-slider-teaser .rsNavSelected{
    background-color: #c80b0e;
}

.grab-cursor {
    cursor:url(../../../blocks/wbox_slider_teaser/grab.png) 8 8, move; 
}

.grabbing-cursor{ 
    cursor:url(../../../blocks/wbox_slider_teaser/grabbing.png) 8 8, move;
}

.rsNoDrag {
    cursor: auto;
}

.rsLink {
    left:0;
    top:0;
    position:absolute;
    width:100%;
    height:100%;
    display:block;  
    z-index: 20;
    background: url(../../../blocks/wbox_slider_teaser/blank.gif);
}
.wbox-slider-teaser{
	padding: 15px;
}
@media screen and (max-width:992px) {
    .wbox-slider-teaser{
        height:auto;
    }
}
.clear {
    clear:both;
}


/*Template wbox_thumbnail_grid*/

/****SPECIAL****/
.Grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: -1em 0 0 -1em;
    padding: 0;
}
.Grid--top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.Grid--gutters > .Grid-cell {
    padding: 1em 0 0 1em;
    margin-bottom: 1em;
}
.Grid-cell {
    -webkit-box-flex: 0 1 100%;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;

}
.nemo {
    width: 100%;
    padding: .8em 1em 0;
    background: #F5F5F5;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    min-height: 440px;
}
/*            .nemo .img-responsive {
    width:300px;
}*/
.nemo::after {
    content: '\00a0';
    display: block;
    margin-top: 1em;
    height: 0;
    visibility: hidden;
}

.nemo h2 {
    font-weight: 700;
    color: #333;
    margin-bottom: 15px;
}

.nemo h3 {
    margin:0 0 10px 0;
}

@media (max-width: 991px) {
    .Grid {
        margin-top: 1.5em;
    }
}

@media screen and (max-width:490px){
    .Grid-cell {
        -webkit-box-flex: auto;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
    }

}
/****BIS HIER****/
div.ccm-block-page-list-page-entry-grid-thumbnail-hover {
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

div.ccm-block-page-list-page-entry-grid-thumbnail a {
    position: relative;
    display: table;
}

div.ccm-block-page-list-page-entry-grid-thumbnail-hover {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    height: -webkit-calc(100% - 15px);
    height: calc(100% - 15px);
    background-color: rgba(0,0,0,0.7);
    z-index: 2;
}

div.ccm-block-page-list-page-entry-grid-thumbnail a:hover
div.ccm-block-page-list-page-entry-grid-thumbnail-hover {
    opacity: 1;
}

div.ccm-block-page-list-page-entry-grid-thumbnail-title-wrapper {
    display: table;
    width: 100%;
    height: 100%;
}

div.ccm-block-page-list-page-entry-grid-thumbnail-title {
    display: table-cell;
    width: 100%;
    text-align: center;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    color: #fff;
}

div.ccm-block-page-list-page-entry-grid-thumbnail-title i {
    display: none;
}




.thumbnail-wrap {
    height: auto;
    overflow: hidden;
    margin-bottom: 15px;
    }


.thumbnail-wrap img {width:100%;}

.ccm-block-page-list-page-entry-grid-item hr{
    margin-top: 0;
}

.ccm-block-page-list-page-entry-grid-item {
    margin-bottom: 20px;
    max-height: 400px;
    min-height: 400px;
    }

.ccm-block-page-list-page-entry-grid-item h2 a:hover {
    text-decoration: none;
    }

.ccm-block-page-list-page-entry-grid-item h2 a {
    display: inline-block;
    width: 100%;
    }

.ccm-block-page-list-page-entry-grid-item h2 a:after {
    font-family: 'FontAwesome';
    font-size: 0.9em;
    display: inline-block;
    content: '\f054';
    float: right;
    }

@media (min-width: 992px) and (max-width: 1200px) {
    .ccm-block-page-list-page-entry-grid-item { 
    min-height: 360px;
    max-height: 360px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .ccm-block-page-list-page-entry-grid-item { 
    min-height: 440px;
    max-height: 440px;
    }
}

@media (max-width: 767px) {
    .ccm-block-page-list-page-entry-grid-item {
    margin-bottom: 30px;
    }
    
    .ccm-block-page-list-page-entry-grid-item h4 {
        min-height: 48px;
    }
}

/*@-moz-document url-prefix() { 
  .wbox-content-wrap img {
     width: 100%;
  }
}
*/
.wbox-thumbnail-grid h4 a {
    color: #222222;
}
.ccm-block-page-list-date {
    font-size: 0.8em;
}
.ccm-block-page-list-date + h4 {
    margin-top: 0;
}
.ccm-block-page-list-page-entry-grid-item .description {
    min-height: 72px;
}
.description + p {
    margin-top: 5px;
}
@media (max-width: 596px) {
    .ccm-block-page-list-page-entry-grid-item .description{
        min-height: 120px;
    }
}
@media (max-width: 480px) {
    .ccm-block-page-list-page-entry-grid-item .description {
        min-height: auto;
    }
    .ccm-block-page-list-page-entry-grid-item p{
        margin-top: 5px;
    }
}
@media (min-width: 768px) {
    .ccm-block-page-list-page-entry-grid-item hr {
        display: none;
    }
}