@charset "UTF-8";
 
 


  .drbox.odd,
  .drbox.even {
    position: relative;
    width: 100%;
    overflow: inherit;
    padding-top:1em
  }
  .drbox.odd::after,
  .drbox.even::after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
  }
  .drbox.even::before {
    content: "";
    height: 100%;
    left: 50%;
    min-width: 320px;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100vw;
    z-index: -1;
    max-width: calc(100vw - 17px);
    border: 0px solid transparent;
  }
  .drbox.odd::before {
    content: "";
    height: 100%;
    left: 50%;
    min-width: 320px;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100vw;
    z-index: -1;
    max-width: calc(100vw - 17px);
    border: 0px solid transparent;
  }
  .drbox:nth-of-type(8n+1)::before {
    background: rgba(246, 239, 225,.4);
    transform:translateX(-90%);
    left: 90%;
    border-radius: 0px 50px 50px 0px 
  }
  .drbox:nth-of-type(8n+3)::before {
    background:  rgba(246, 239, 225,.4);
    transform: translateX(90%);
    left: auto;
    right:90%;
    border-radius: 50px 0 0 50px;
  }
  .drbox:nth-of-type(8n+5)::before {
    background:  rgba(246, 239, 225,.4);
    transform: translateX(-80%);
    left: 80%;
    border-radius: 0px 50px 50px 0px 
  }
  .drbox:nth-of-type(8n+7)::before {
    background: rgba(246, 239, 225,.4);
    transform:translateX(80%);
    left: auto;
    right:80%;
    border-radius: 50px 0 0 50px;
  }
  
  
  .drbox:nth-of-type(8n+3)::before {
    background:  rgba(246, 239, 225,.4);
    transform: translateX(90%);
    left: auto;
    right: 90%;
    border-radius: 50px 0 0 50px;
    margin-bottom: 4em;
  }
  .drbox.even::before {
    content: "";
    height: 100%;
    left: 50%;
    min-width: 320px;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100vw;
    z-index: -1;
    max-width: calc(100vw - 17px);
    border: 0px solid transparent;
  }
  
  
  #node2389974 .drbox {margin-bottom: 0 !important;}
   
  #main p.tags  {
    color:#fff!important;
    background: #e0202c !important;
    border: 1px solid #e0202c;
     background: #fff ;
    padding:.25em;
    transition: .1s all ease-in-out;
    line-height: 120%;
    margin:.25em .25em .25em 0;
    display: inline;
  }
  


  



.roterrahmen {border: 4px dashed #e0202c; text-align: center}



.roterrahmen { 
   position: relative; 

} 

.roterrahmen:after { 
   position: absolute; 
   left: 50%; top: calc(100% + 10px);
   content: " "; 
   border-left: 10px solid transparent; 
   border-right: 10px solid transparent;
   border-top: 10px solid #e0202c; 
}






 

 

.drf .bildbox .boxChild {background-color: #e0202c !important;}
.drf .bildbox .basecontent-icon {padding-top:.1em; display: block}
.drf .bildbox .basecontent-icon:before { color: #fff; font-size: 4.5em; text-align:center; display: block; padding: .2em 0;}
.drf .bildbox .basecontent-icon  .default {margin-top:.75em; color: #fff !important;; font-family: "Nunito Sans", Helvetica, sans-serif; font-size: 1.4em; font-weight:bold; line-height: 160%; display: block; padding-left: .25em;}

.ym-column .drf .bildbox .basecontent-icon .default:hover, 
.ym-column .drf .bildbox .basecontent-icon .default:focus {color:#fff !important}
.drf .boxteaser::before {
  position: absolute;
  bottom: -20px;
  top: auto;
  right: 10px;
  padding: 0;
  transform: translateY(-50%);
  color:#fff;
  content: "\f05a";
  font-family: "Font Awesome 6 Pro";
  font-size: 2em !important;
  font-weight: 300 !important;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.drf .boxlang {padding: .5em; margin-top:0; border: 3px solid #e0202c; background: #fff}
 


#node2368609 #main #l-content  {
  max-width: 100%;
}


.boxteaser .primary3 {font-size: .85em; padding:.1em .25em; color: #fff; background:#5b594b; 
margin: .25em 0;  display: inline-block;}

.cls-data {opacity:.4}
#node2363154 #riski,
#node2363547 #Datenkatalog,
#node2363180 #Identitaet,
#node2363575 #BI,
#node2363214 #DataEx,
#node2363193 #Datenintegrations,
#node2363167 #API,
#node2363130 #Quellsysteme,
#node2363142 #IoT {opacity:1} 
#node2358855 .cls-data {opacity:.9}
.cls-data:not(#nutzer):hover {opacity:1}

.cls-data:not(#nutzer):hover .cls-17 {
  fill: #e0202c;
  fill-opacity:1;
}
 
.cls-data:not(#nutzer):hover .cls-15, 
.cls-data:not(#nutzer):hover .cls-16 {  fill: #fff;}
.cls-data:not(#nutzer):hover .cls-1, 
.cls-data:not(#nutzer):hover .cls-3, .cls-data:not(#nutzer,#usecases):hover .cls-4, .cls-data:not(#nutzer,#usecases):hover .cls-6, .cls-data:not(#nutzer,#usecases):hover .cls-7, .cls-data:not(#nutzer,#usecases):hover .cls-8, .cls-data:not(#nutzer,#usecases):hover .cls-9,.cls-data:not(#nutzer,#usecases):hover .cls-11, .cls-data:not(#nutzer,#usecases):hover .cls-10,.cls-data:not(#nutzer,#usecases):hover .cls-12 {
  stroke: transparent;
}
#usecases.cls-data::hover .cls-6  {stroke: #fff !important;}

#node2237227 #main #l-content .apps .bildbox.kachelbox h2,
#node2237230 #main #l-content .apps .bildbox.kachelbox h2 {
  color: #111 ;
  background: #f4f1e5 ;
  display: block;
  padding: 10px !important;
  text-align: left;
  display: table-cell ;
  -webkit-transition: all 1s ease ;
  -moz-transition: all 1s ease ;
  -o-transition: all 1s ease ;
  transition: all 1s ease ;
  transition-property: background-color;
  cursor: pointer;
  font-size: 1em !important; 
  font-weight: normal !important;
}

 
 
 

 
#node2237227 #main #l-content .apps .bildbox.kachelbox.pruefung h2,
#node2237230 #main #l-content .apps .bildbox.kachelbox.pruefung h2 {
  color: #111 ;
  background: #f4f1e5 ;
}

#node2237227 #main #l-content .apps .bildbox.kachelbox.pruefung h2:hover,
#node2237230 #main #l-content .apps .bildbox.kachelbox.pruefung h2:hover {
  color: #111  !important;
  background: #f4f1e5 ;
}


#node2237227 #main #l-content .apps .bildbox.kachelbox.umgesetzt h2,
#node2237230 #main #l-content .apps .bildbox.kachelbox.umgesetzt h2 {
  color: #111;
  background: #8de0d9 ;
}


#node2237227 #main #l-content .apps .bildbox.kachelbox.inumsetzung h2,
#node2237230 #main #l-content .apps .bildbox.kachelbox.inumsetzung h2 {
  color: #fff ;
  background: #e0202c;
}

#node2237227 #main #l-content .apps .bildbox.kachelbox h2,  
#node2237230 #main #l-content .apps .bildbox.kachelbox h2 
{position: relative;}

#node2237227 #main #l-content .apps .bildbox.kachelbox h2::after,  
#node2237230 #main #l-content .apps .bildbox.kachelbox h2::after  {
  content: "\f061";
  font-family: "Font Awesome 6 Pro";
  font-size: 1.25em !important;
  font-weight: 300 !important;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 5%;
  transition: transform 450ms ease-in-out;
}

 
#node2237227 #main #l-content .apps .bildbox.kachelbox h2:hover::after,
#node2237230 #main #l-content .apps .bildbox.kachelbox h2:hover::after  {
 transform: translate(5%)  
}
  



#cboxClose {
  top: unset !important;
  bottom: 0em;
  right: 2em !important
  
}
 
#cboxLoadedContent {padding:.5em; font-size:1.1em}


ul.filter {margin: 2em 0 3em 0 !important;; padding: 0 !important;}
.filter li  {list-style-type: none; display: inline-block;margin: 0 0.5em 0 0 !important;; padding: 0 !important; cursor:pointer}

.filter  input[type="checkbox"] {
   position: absolute;
   clip: rect(0,0,0,0);
   cursor:pointer
}
.filter input[type="checkbox"] + label {
   display: inline-block;
   padding: .3em .5em;
   text-align: center;
   border: 2px solid white !important;
   cursor:pointer
}

.filter #li-filter-umgesetzt input[type="checkbox"] + label {
  background:#8de0d9; color:#111
}
.filter #li-filter-pruefung input[type="checkbox"] + label {
  background:#f4f1e5; color:#000
}
.filter #li-filter-inumsetzung input[type="checkbox"] + label {
  background:#e0202c; color:#fff
}
 

.filter #li-filter-umgesetzt input[type="checkbox"]:checked + label,
.filter #li-filter-umgesetzt input[type="checkbox"]:active + label {
  border:2px solid red !important;
}
.filter #li-filter-pruefung input[type="checkbox"]:checked + label,
.filter #li-filter-pruefung input[type="checkbox"]:active + label {
   border:2px solid red !important;
}

.filter #li-filter-inumsetzung input[type="checkbox"]:checked + label,
.filter #li-filter-inumsetzung input[type="checkbox"]:active + label {
border:2px solid red !important;
}




 .c-stage__inner-wrapper {
    position: relative;
  }


 .c-stage__media-wrapper {
    position: relative;
    height: calc(60vh  - 88px);
    width: 100%;
  }

 .c-stage__media-wrapper::after {
    bottom: 0;
    left: 0;
    content: '';
    display: block;
    height: 60%;
    opacity: .5;
    position: absolute;
    width: 100%;
    z-index: 0;

  }
.c-stage__video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-size: cover;
    -o-object-fit: cover;
    object-fit: cover;
  }

 
  #header .buttonLinkinvers a  {
    border:1px solid #E0202C;
    color:#fff !important;
    padding:.25em .5em;transition: .1s all ease-in-out;
    background: #E0202C ;
    line-height: 180%;    
    text-align: center;
    position: absolute;
    right:2em;
   bottom:2em;
  }
 
  
  #header .buttonLinkinvers a:hover {
    color:#E0202C !important;
    background: #fff ;
  }
  
  .pm-topnews h1 {display: none}

.bildbox .pm-topnews.pm-ohneanreisser h2 a::before { content:"News: "}
.bildbox .pm-topnews.pm-ohneanreisser  .pm-bild, 
.bildbox .pm-topnews.pm-ohneanreisser .c-pm-meldung__bild {margin:0}