:root {
  --primary-color: #005169;
  --secondary-color: #4B93A2;
  --secondary-color-lighter: #6ACEE3;
  --third-color: #aec7db;
  --grey-color: #F3F3F3;
  --body-bg: #FEFEFE;
  --play-state:running;
}

/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/media/templates/site/cassiopeia/fonts/open-sans-v43-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body{
  width:100%;
  max-width:100%;
  overflow-x:hidden !Important;
      font-stretch: condensed;
    font-family: 'Open Sans', Arial, sans-serif;
}

.container-top-a>*, .container-top-b>*, .container-bottom-a>*, .container-bottom-b>* {
    margin: 0px;
}

.bottom-b {
      margin: 0px !important;
  }


.fast, .fa-thin {
    font-weight: 80 !important;
}

h1,h2,h3,h4,h5,h6,p{
    font-family: 'Open Sans', Arial, sans-serif;
}

p{text-align:justify;font-size:1.1em}
.site-grid ul{font-size:1.1em}

@media only screen and (max-width: 350px) {
h1,h2,h3,h4,p{
  word-break: break-word;
}
  }

@media (width >= 1200px) {
    h3, .h3 {
        font-size: 1.5rem;
    }
}

.row{
  list-style-type: none !Important;
}
@media only screen and (max-width: 200px) {
h1,h2,h3,h4,p{
  word-break: break-all;
}
  }
 
.icons{
  display:none;
}
.jmodedit{
  display:none;
}
footer p, footer a {text-align:center; color:#fff; font-size:0.9em;}

.card{
  border:0px solid !important;
}

.card-body{
  padding:0px;
}
.container-bottom-b{
  display:block !important;
}

.site-grid{
 /* margin-top:50px; */ 
}


@supports (display:grid) {
    @media (width >= 992px) {
        .site-grid {
            grid-template-areas:
        ".banner banner banner banner."
        ".top-a top-a top-a top-a."
        ".top-b top-b top-b top-b."
        ".side-l comp comp side-r."
        ".bot-a bot-a bot-a bot-a."
        ".bot-b bot-b bot-b bot-b.";
            grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 1fr)) [main-end] minmax(0, 1fr) [full-end];
            grid-gap: 1em;
        }
    }
}

@media only screen and (max-width: 992px) {
  .site-grid{
  margin-top:0px;
}
  }

@media only screen and (max-width: 600px) {
  .site-grid{
 max-width: 100vw;
    overflow-x: hidden;
}
  }


    

/*basics*/
a{text-decoration:none !Important;}
a {color:var(--primary-color);}
a:hover{color:var(--secondary-color);}
a:focus {color:var(--primary-color);}
 
.centertext{
text-align:center;
}
 
.abstandshalter{
padding:40px;
}
 
.flexwrapper{
  display:flex;
}

.flexwrapper div{
  margin-right:10px;
}
 
 .verticalcenter{
  position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media only screen and (max-width: 600px) {
  .flexwrapper{
  display:block;
}
  .flexwrapper .btn{
  margin-top:10px;
width: 100%;
text-align: center;
}
}
/*text*/
h1,h2{
color: var(--primary-color);
   text-transform: uppercase;
      font-stretch: condensed;
  margin-bottom:30px;
}
h1 a, h2 a, h3 a, h4 a{
text-decoration:none !Important;
}
h2{
   font-weight:400;
  font-size:2.7em;
 }

@media only screen and (max-width: 400px) {
  h2 {
  font-size:2.5em !important;
  }
}

h3{
   font-weight:400;
      font-stretch: condensed;
  text-transform: uppercase;
  color: var(--primary-color);
  }

/*Color*/
.primarycolor{
  color: var(--primary-color);
}
.white{
color:white;
}
 
.primarybg{
  padding:40px;
background-color: var(--primary-color);
}
 
.secondarybg{
  padding:40px;
background-color: var(--secondary-color);
}
 
.greybg{
    padding:40px;
background-color: var(--grey-color);
}

 @media only screen and (max-width: 600px) {
   .greybg{
    padding:20px;
}
 }

 @media only screen and (max-width: 400px) {
   .greybg{
    padding:10px;
}
 }
/*boxen*/
.textwrapper li, .textwrapper div{
  padding:15px;
}

.textwrapper ul li{
  padding:0px !important;
}
.fullwidthbox{
  margin:unset !important;
    margin-left: calc( -50vw + 50% + 10px ) !important;
  margin-right: calc( -50vw + 50% ) !important;
  max-width: calc( 100vw - 20px ) !important;
  padding-top: 30px !important;
  padding-bottom: 20px !important;
}

.centerbox{
width:fit-content;
margin:auto;
  max-width:100%; 
}
 
.width80{
  width:80%;
margin:auto;
}

@media
 only screen and (max-width: 1000px) {
.width80{
  width:90%;
}
}

@media
 only screen and (max-width: 600px) {
.width80{
  width:97%;
  overflow-x:hidden;
}
}

 .width80{
  width:80%;
margin:auto;
}

@media
 only screen and (max-width: 1000px) {
.width80{
  width:90%;
}
}

@media
 only screen and (max-width: 600px) {
.width80{
  width:97%;
  overflow-x:hidden;
}
}
 
/*btn*/
.primarybtn{
	padding:10px 15px 10px 15px;
    /*background-color:var(--primary-color);*/
  width:fit-content;
  border-radius:5px;


   background-image: linear-gradient(-45deg, rgba(75,147,162,1) 0%, rgba(0,81,105,1) 100%);

  background-size: 150% 100%;
}
.primarybtn a{
    color:white;
    text-decoration:none;
}
 
.primarybtn:hover{
  opacity:0.8;

    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;

}

   .primarybtn-outline {
    background-color: transparent;
    border:2px solid var(--primary-color);
    color:White;
         width: fit-content;
    border-radius: 5px;
     padding: 10px 15px 10px 15px;
}

.primarybtn-outline a{
    color:var(--primary-color);
    text-decoration:none;
}
 
.primarybtn-outline:hover{
  opacity:0.8;
  background: #f1f1f1;
   border:2px solid var(--primary-color);
}

 
.secondarybtn{
	padding:10px 15px 10px 15px;
    background-color:var(--secondary-color);
  width:fit-content;
  border-radius:5px;
 
}
.secondary:hover{
  opacity:0.8;
}
.secondarybtn a{
    color:var(--primary-color);
    text-decoration:none;
}
 
.whitebtn{
	padding:10px 15px 10px 15px;
    background-color:white;
  width:fit-content;
  border-radius:5px;
    color:var(--primary-color) !important;
    text-decoration:none;
 
}
.whitebtn a{
    color:var(--primary-color) !important;
    text-decoration:none;
}
.btn-secondary{
   background-color:var(--primary-color);
  color:white;
  }
.btn-secondary:hover{
   background-color:var(--primary-color);
  color:white;
   opacity:0.8;
  }
.btn-secondary:focus{
     background-color:var(--primary-color);
  color:white;
   opacity:0.8;
  }
.readmore span{
  display:none;
}
 
/* nav (weiß) mit Cassiopeia Collap / Dropdown */
/*
.header.container-header.full-width {
	display: grid;
	grid-template-columns: minmax(0,1fr) repeat(4,minmax(0,19.875rem)) minmax(0,1fr);
	grid-gap: 0 1em;
	align-items: center;
}
.container-header .grid-child:first-child {
	grid-column: 2/2;
}
.container-header .container-nav {
	grid-column: 3/6;
}

.container-nav li.level-1.deeper.parent:hover > ul {display:block !important;}


.container-nav{
 
  
}*/


.container-header {
  z-index:250;
   position:fixed;
  width:100vw;
    background-color: white;
	color:black;
    background-image: none;
  /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;*/
   margin-right:10px;
  padding-bottom:25px;
  transition:0.3s;

}
.container-header .navbar-toggler {
    border: 0px solid #fff;
    color:  white;
    cursor: pointer;
}


@media (width <= 991.98px) {
    .container-header {
         position: fixed!important; 
    }
}
 .icon-menu:before{
   font-size:30px;
 }
.nav-item{
  color:black;
}
 .metismenu-item{
   color:black !important;
 }
.navbar .active{
   color:var(--primary-color) !important;
}


.navbar li.active a,
.navbar li.active ul li.active a {
  font-weight:bold;
}

.navbar ul li.active.deeper.parent ul.mm-collapse li a {
font-weight:400 !important;  
}
.navbar ul li.active.deeper.parent ul.mm-collapse li.active a {
font-weight:bold !important;  
}

.container-header .container-nav .container-search:only-child{
  margin:auto !Important;
}
 
.metismenu.mod-menu .mm-toggler:after {
    border-left: 0.3em solid transparent;
    border-right: 0.3em solid transparent;
    border-top: 0.3em solid;
  }

.metismenu.mod-menu .metismenu-item>ul{
  box-shadow:none !important;
  background:#F3F3F3; 
}
/* nav always collaps */
.metismenu.mod-menu{
  background:White;
  text-align:left; 
  min-width:15vw;
}

@media only screen and (max-width: 900px) {
.metismenu.mod-menu{
  min-width:40vw;
}
}
.navbar .navbar-collapse{

}

.navbar-collapse{
   opacity: 0;
    position: relative;
}
.navbar .show{
   opacity: 1;
  margin-right:unset ;
}


.container-header .navbar-collapse.show{
  display:block;
      box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.navbar-brand{
  width:100px;
  position:absolute !important;
  top:0px;
}

.brand-logo{
  display:block;
}
.container-header {
    background-color: transparent;
    color:black;
    background-image: none;
}

.container-header .navbar-toggler{
  background:var(--primary-color-darker);
}

/*.container-header .navbar-toggler:after{
  content:"Menu";
}*/
.navbar{
    background:var(--primary-color-darker);
position: absolute;
    top: 10px;
    right: 20px;
      border-radius: 30px;
  display:block!important;
  text-align:right !important;
}

.navbar ul{
  display:block !important;
  position:relative !important; 
}

.metismenu.mod-menu .metismenu-item{
  display:block !important;
}
.navbar  .metismenu.mod-menu .metismenu-item>button{
 /* display:none !Important; */
}

.metismenu.mod-menu .mm-collapse:not(.mm-show) {
    display: none !important;
}
/*fixed navbar on scroll*/
.fixed-navi .navbar-toggler{
color:var(--primary-color);
}

.fixed-navi{
    background-color:rgba(255,255,255, 0.8) !important;
     box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 12px 0px;
  transition:0.3s;
}

.logowhite{
   display:block;
}
.logocolor{
   display:none;
}

.fixed-navi .logowhite{
   display:none;
}
.fixed-navi .logocolor{
   display:block;
}
/*logo*/
.container-header .grid-child{
  padding:0px !important;
  max-width:97%;
  margin:auto;
}
@media only screen and (max-width: 992px) {
.container-header .container-nav{
  padding:3px !important;
}
}

.brand-logo{
    position: fixed;
    top: 2vh;
    left: 10px;
}

@media only screen and (max-width: 992px) {
.brand-logo{
    position: relative;
}
}

.brand-logo img{
  width:40% !important;
}
/*new logo*/
#mod-custom181 {
  
}

/*@media only screen and (max-width: 992px) {
#mod-custom181 {
        position: absolute !important;
        left: 10vw;
}
  } */ 
header .mod-languages {
  margin-right:5vw;
}
  
.languageswitchwrapper{
      padding: .5em 1em;
    margin-left: 20px;
    margin-top: 10px;
}
.mod-languages{
      margin-top: .5em;
  margin-left:30px !important;
}
.mod-languages a{
    color:#dddddd !important;
}

.mod-languages li.lang-active a{
    color:var(--primary-color) !important;
}
.mod-languages li{
    padding: .5em 1em;
}

div.mod-languages li{
  margin: 0 !important;
      padding-right: 1px;
    padding-left: 1px;
}



div.mod-languages ul li.lang-active{
  background-color:white !Important;
  font-weight:bold !Important;
  color:black;
}

@media only screen and (max-width: 992px) {
  .languageswitchwrapper{
	display:none !Important;
}
  .container-search .mod-languages{
    display:none !Important;
  }
  /*.footer .mod-languages{
    display:block !Important;
  }*/ 
}

.footer .sociallinks i{
      color: var(--white) !important;
  margin-right:0px !important;
}

@media only screen and (max-width:350px){
  .footer .sociallinks a{
    display:block !important;
  }
}


.footer .sociallinks a:hover i{
  filter: brightness(1.3);
}
@media only screen and (min-width: 992px) {
    .container-search .mod-languages{
    display:block !Important;
  }
  /*.footer .mod-languages{
    display:none !Important;
  }*/ 
}


.wirbildenauslink{
  margin-top:40px; 
  padding:10px;
  background:white;
  border-radius:10px;
  color: var(--primary-color) !important;
  margin:Auto;
      display: block;
    width: fit-content;
  margin-bottom:!10px;
}

.wirbildenauslink:hover {
filter: brightness(0.9);
}

.wirbildenauslink:hover i{
    animation: 1s wiggle ease;
  text-decoration:none !important; 
}
  
.wirbildenauslink i{
  color: var(--primary-color) !important;
  }

@keyframes wiggle {
  0% {
    transform: rotate(-3deg);
    
  }
  20% {
    transform: rotate(20deg);
  }
  40% {
    transform: rotate(-15deg);
  }
  60% {
    transform: rotate(5deg);
  }
  90% {
    transform: rotate(-1deg);
  }
  100% {
    transform: rotate(0);

  }
}
/*nav toggle stays right */
.navbar{
  display:block !important;
  text-align:right;
}

 @media only screen and (max-width: 992px) {
   .container-header .container-nav {
  justify-content: space-between !important;  
}
}
/* Footer */
.footer{
   background-color: var(--primary-color);
    background-image: none;
  color: var(--secondary-color-lighter)
}
.footer a{
   text-decoration:none;
}


@media only screen and (max-width: 768px) {
.footer .row {
text-align:center;
}

  .footer img {
padding-bottom:10px !important;
}
}
 
/* (footer?)größe 100% */
#mod-custom112{
width:100%;
}
 
/*Screen kleiner als 200 */
@media only screen and (max-width: 200px) {
h1, h2, h3{
  font-size:0.8em !important;
    word-wrap: break-word !important;
}
  }
 
@media only screen and (max-width: 200px) {
p{
  font-size:0.8em !important;
  word-wrap: break-word !important;
 
}
  }

/*offline card*/
.offline-card .header{
    background-color: #ad003f;
    background-image: none;
    background-image: none;
    }
 
    .btn-primary {
    background-color: #ad003f;
    border:0px solid;
    color:White;
}

.offline-card .logo-icon{
  display:none;
}
 
.offline-card .header h1 img{
  display:none !Important;
}
.offline-card .header h1{
    background-image: url(https://www.kutzner-beratung.com/images/kutzner_logo_w.png);
    height: 5vw;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
/*Header*/


/*wrapp all*/ 

.headerwrapper{
  overflow:hidden;
  height:100vh;
  display:flex;
      position: relative;
     box-shadow: inset 0 0 0 1000px rgba(0, 81, 105, .8) !important;
  padding:2px;
}
.homeheader{
  box-shadow: inset 0 0 0 1000px rgba(0, 81, 105, 1) !important;
}
.unterseite {
  display:block !important;
  height:unset !important;
  background-size:cover;
  background-repeat:no-repeat;
  padding-top:8vh;
  padding-bottom:20px;
}

 .homeheader svg {
      position: absolute;
    bottom: 5vh;
    width: 100%;
    margin: auto;
    text-align: center;
  color:White;
    animation-name: scrollicon;
max-height:10vh;
}

    .homeheader svg:hover .st1,     .homeheader svg:focus .st1  {
        transform: translate(0px, 10px);
      transition:0.3s;
    }

.homeheader svg:hover .st0,  .homeheader svg:focus .st0, {
        stroke-width: 8px;
      }
@keyframes scrollicon {
  from {bottom: 10vh;}
  to {bottom: 5vh;}
}

.unterseite img{
  width:60%;
  }

/* video background */
#background-video {
  height: 100vh;
  width: 100vw;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
 z-index: -0;
filter: contrast(1.3) blur(6px) brightness(0.8) grayscale(1);
  opacity:0.3;
}

/* header text */

.headertext{
  width:fit-content;
  margin:auto;
  z-index:2;
  animation: 1s ease-out 0s 1 headerslideInFromLeft;

}
  
@keyframes headerslideInFromLeft {
  0% {
  padding-right:200px;
  }
  100% {
   padding-right:0px;
  }
}
.headerwrapper h1, .headerwrapper h2, .headerwrapper .beforeh1 {
  color: white;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
/*  margin:10px !important;*/
  text-transform: uppercase;
  
}
.headerwrapper  .whiteoutlinebtn{
  margin-top:30px;
  color:white;
  border:2px solid white; 
      border-radius: 5px;
      padding: 10px 15px 10px 15px;
}
.headerwrapper h1 {
  font-size: 6rem;
  margin-bottom:20px; 
}

.headerwrapper h2, .headerwrapper .beforeh1  { 
  font-size: 6rem; 
webkit-text-fill-color: white; /* Will override color (regardless of order) */
  -webkit-text-stroke: 1.5px white;
      color: rgba(0, 0, 0, 0.1);
}


@media (max-width: 600px) {
  .headerwrapper h1 {
  font-size: 4rem;
}

.headerwrapper h2, .headerwrapper .beforeh1  { 
  font-size: 4rem; 

}  
}
@media (max-width: 400px) {
  .headerwrapper h1 {
  font-size: 3rem;
}
  .headerwrapper h2, .headerwrapper .beforeh1  { 
  font-size: 3rem; 

}  
}
/*header boxen*/

.boxwrapper{
  margin:auto;
  display:flex;
  padding-right:10vw;
  padding-left:10vw;
  width:80vw;
    margin-top:-20px;
}
@media only screen and (max-width: 1400px) {
  .boxwrapper{
    width:100vw;
     padding-right:2vw;
    padding-left:2vw;
    }
}

  .boxwrapper h2{
    color:black;
    font-weight:normal;
    font-size: 1em;
    }

@media only screen and (max-width: 1400px) {
  .boxwrapper h2{
    font-size: 0.8em;
    }
}
.box{
  aspect-ratio: 1 / 1 !important;
 background:white;
  border-radius:10px;
  padding: 10px 15px 10px 15px;
  text-align:center;
  /* box shadow: https://getcssscan.com/css-box-shadow-examples*/
 box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
   margin-right:10px;
  overflow:hidden;

}
.box:hover{
  box-shadow: rgba(100, 100, 111, 0.5) 0px 7px 29px 0px;
  transition:0.3s;
  }
  .box img{
    width:80%;
    }
@media only screen and (max-width: 800px) {
.box{
  margin-bottom:10px;
}
   }
/*home*/
@media only screen and (max-width: 1200px) {
.videowrapper h2{
  /* display:none !important;*/
  font-size:4rem !important;
}
  }
.homestellenanzeigen{
  background:var(--primary-color);
  color:white !important; 
  /*padding:30px; */
  margin-bottom: -30px;
}
.homestellenanzeigen h2{
  color:White;
  }

.homestellenanzeigen a{
  color:White;
  display:block;
  }

.homestellenanzeigen a:hover{
      filter: brightness(0.8);
  }

.homestellenanzeigen figure{
  margin:0px !important;
  width:100%;
  height:100%;
  overflow:hidden;
  max-height:100vh;
}

.homestellenanzeigen figure img{
  height:100% !important;
  width:auto !Important;
  max-width:unset !important;
  margin:Auto;
}


@media only screen and (max-width: 1500px) {
.homestellenanzeigen figure img{
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
  }


/*@media only screen and (max-width: 768px) {
.homestellenanzeigen figure img{
  max-width:100% !important;
}
}*/

.homestellenanzeigen .homestellenanzeigentext{
  max-width: 95%;
    margin: auto;
}
 .leistungenwrapper{
        position:relative;
      z-index:200;
   margin-top:50px;
  }
      .leistungenwrapper a:hover .leistungeninnerwrapper {
    box-shadow: inset 0 0 0 1000px rgba(0,81,105,0.9);
        transition:0.5s;
  }

      .leistungenwrapper a:focus .leistungeninnerwrapper {
        box-shadow: inset 0 0 0 1000px rgba(0,81,105,0.9);
        transition:0.5s;
        border:1px solid  var(--secondary-color-lighter);
        border-radius: 20px 0px;
        }
  .leistungenwrapper ul{
          list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
  }

    .leistungenwrapper li{
      padding:5px;
  }
  
    .leistungenwrapper h2, .sliderleistungen h2{
      color:White !important; 
       font-size: 2.2em;
       word-wrap: break-word;
      font-weight:400;
      }

@media only screen and (max-width: 900px) {
    .leistungenwrapper h2, .sliderleistungen h2{
          font-size: 1.8em;
  }

}
@media only screen and (max-width: 600px) {
   .leistungenwrapper .slick-prev {
               left: 20px !important;
        z-index: 2;
        opacity: 0.9;
    }
.leistungenwrapper .slick-next {
        right: 20px !important;
  z-index: 2;
        opacity: 0.9;
    }
  }
@media only screen and (max-width: 400px) {
    .leistungenwrapper h2, .sliderleistungen h2{
         font-size: 1.5em !important;
  }
  
}
.leistungeninnerwrapper {
        margin:5px;
  color:white !Important;
  padding:10px; 
  padding-top:15vh;
  height:30vh;
      align-content: end;
    border-radius: 20px 0px;
    box-shadow: inset 0 0 0 1000px rgba(0,81,105,.6);
    background-size:cover;
    background-repeat:no-repeat; 
    filter: contrast(1.2);
  }

.special h2 {
  font-size: 6rem;
  color:var(--primary-color);
  text-transform: uppercase;
}

.special h3 { 
  font-size: 8rem; 
webkit-text-fill-color: var(--primary-color); /* Will override color (regardless of order) */
  -webkit-text-stroke: 2px var(--primary-color);
  color:transparent;
  text-transform: uppercase;
  margin-left:10vw;
}
@media only screen and (max-width: 1200px){
  .special h2, .special h3{
     font-size: 6rem;
  }
}

@media only screen and (max-width: 800px){
  .special h2, .special h3{
     font-size: 5rem;
  }
}

@media only screen and (max-width: 600px){
  .special h2, .special h3{
     font-size: 4rem;
    left:0px !important;
  }
}
.grid-child li{
  margin-top:10px;
  
}

.stickybox{
  position:sticky;
    position: -webkit-sticky;
  top:0;
}



.com-content-category-blog__pagination{
      max-width: 100%;
    overflow-x: hidden;
}
@media only screen and (max-width: 600px) {

.com-content-category-blog__pagination ul{
  flex-flow: row wrap;
}
  }
.newswrapper{
    background-image: url("/images/home/hintergrundbild-news.webp");
   /* background-image: url("/images/powered_by.png");*/
  padding:70px;
  color:white;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position:relative;
  /*min-height:110vh;*/
}
@media only screen and (max-width: 1200px) {
  .newswrapper{
  padding:40px;
  
}
}

@media only screen and (max-width: 500px) {
  .newswrapper{
  padding:10px;
  
}
}

.newswrapper .mod-articlesnews-horizontal li{
  padding:10px;
  color:white;
  background:rgba(0, 0, 0, 0.2);
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border: 2px solid white;
  border-radius:10px;
  margin-top:0px;
  overflow: hidden;
  position:relative;
}

.newswrapper .mod-articlesnews-horizontal li:hover{
   box-shadow: rgba(100, 100, 111, 0.4) 0px 7px 29px 0px;
    position: relative;
}

.newswrapper .btn-secondary{
      background-color: transparent !important;;
  margin-top:20px !important;
  border:0px solid;
}
.newswrapper .btn-secondary:after{
  content=">";
}
.newswrapper.active{
  animation: moveup 1s linear infinite;
  animation-play-state: paused;
  animation-delay: calc(var(--scroll) * -1s);

  animation-iteration-count: 1;
  animation-fill-mode: both;
      transition: 1s;
}

.newswrapper a{
  color:white !important;
}

.newswrapper i{
 position:Absolute;
  right:5px;
  bottom:5px;
  color: var(--primary-color);
}


/* newswrapper neues aussehen*/


.newswrapperneu li{
      position: relative !important;
  padding:5px;

}

.newswrapperneu li a{
      display:grid;

}
.slidernews li a .hoverreadmore,
.sliderstandorte .hoverwrapper,
.newsitemwrapper .hoverreadmore
{
  display:none;
  transition:0.3s;
}


.slidernews .hoverreadmore p{
  margin-bottom:0px;
}

.slidernews .hoverreadmore i{
  color:white;
}

.hoverwrapper {
  display:none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition:0.3s;
}

.hoverwrapper .col {
  margin:5px;
  border: 1px solid #fff;
  border-radius:10px 0px;
}
.hoverwrapper p {
  font-size: 0.84em;
  margin-bottom:0.3em;
}
.hoverwrapper p strong {
  font-size: 0.95em;
}

.sliderstandorte li:hover .hoverwrapper {
  display:block;
  transition:0.3s;
}


.newsitemwrapper{
position:relative;  

}

.sliderstandorte .hoverreadmore {
  display:block;
  color:white;
  z-index:10;
  width:fit-content;
  height:fit-content;
  padding:10px 20px;
  border:1px solid;
  border-radius:5px;
  position: relative;
  top: 50%;
   left: 50%; 
    margin: auto;
  transition:0.3s;
  background: rgba(0,81,105,0.2);
}



.slidernews li a:hover .hoverreadmore, 
.slidernews li a:focus .hoverreadmore,
.newsitemwrapper:hover .hoverreadmore
{
  display:block;
  color:white;
  z-index:10;
  width:fit-content;
  height:fit-content;
  padding:10px 20px;
  border:1px solid;
  border-radius:5px;
  position: absolute;
  top: 50%;
   left: 50%; 
   transform: translate(-50%, -50%);
    margin: auto;
  transition:0.3s;
  background: rgba(0,81,105,0.2);
}


.slidernews .fields-container{
  display:none !important;
}



.newswrapperneu{
  padding:20px; 
}

@media only screen and (max-width: 600px) {
.newswrapperneu{
  padding:10px; 
  
}
}

.newswrapperneu li i{
 position:absolute;
  bottom:10px; 
  right:2px; 
  display:none;
}
.newswrapperneu li h3{
  font-size: 1.3em;
}
.newswrapperneu li figure{
 /* height:30vh;*/
      aspect-ratio: 1;
  width:100%;
  overflow:hidden !Important;
  text-align:center;
    margin: 0 0 0.5em;
  background:var(--grey-color);
  order:1;

}
.newswrapperneu li figure img{
height:100%;
  width:auto;
  margin:Auto;
  max-width: unset;
  opacity:0.7;
}

.newswrapperneu li a:hover img{
filter:brightness(1.1) blur(1px);
  opacity:0.8;
}


.newswrapperneu li figure img:before {
  content:"";
  position: absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  background: rgba(0,0,0,0.5);
  z-index:999;
}
.newswrapperneu .newsflash-title{
  padding:4px;
  order:2;
}

@keyframes moveup {
  from {
    
  transform: translateY(0px);

  }
  to {
    
   transform: translateY(-200px);

  }
  }
/* reveal on scroll */
.reveal {
  position: relative;
  opacity: 0;
}
.reveal.active {
  opacity: 1;
}
.active.fade-bottom {
  animation: fade-bottom 0.5s ease-in;
}
.active.fade-left {
  animation: fade-left 0.5s ease-in;
}
.active.fade-right {
  animation: fade-right 0.5s ease-in;
}


@keyframes fade-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-right {
  0% {
    transform: translateX(150px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/*logo slider*/


/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slide a {
   display:inline-block;
  width:100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
  /*max-width:100vw;
  overflow:hidden;*/
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

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

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: flex!important;
  margin:0 auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

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

.customer-logos img:hover{
  filter:brightness(0.4);
}

.customer-logos img{
  filter:brightness(0.6);
}

.customer-logos{
  margin-bottom:20px;
}

/*slider controle*/


  .slick-prev, .slick-next {
    position: absolute;
    top: 50%;
    display: block;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border:2px solid grey;
        padding:10px;
        font-size:0;
        border-radius:200px;
width: fit-content;
    height: auto;
    aspect-ratio: 1;        
}

      .slick-next:before {
    content: '►';
        color:black;
        font-size:12px;
}

            .slick-prev:before {
    content: '◄';
        color:black;
        font-size:12px;
}
      
      .slick-next:before, .slick-prev:before {
      font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: grey;
    -webkit-font-smoothing: antialiased;
        }
      
      .slick-next {
    right: -50px;
}

 .slick-prev {
    left: -50px;
}

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

.slick-next {
    right: -30px;
}

.slick-prev {
    left: -30px;
}
}

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

.slick-next {
    right: -10px;
}

.slick-prev {
    left: -10px;
}
}

/*newsslider*/
 .cursor {
   display:none;
  position: fixed;
  border-radius: 50%;
  transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
  left: -100px;
  top: 50%;
   opacity:0.6;
  background-color: (0, 0, 0, 0.6);
   background:rgba(0, 0, 0, 0.6);
   border:1px solid white;
  transform:0.3s;
  z-index: 10000;
  height: 50px;
  width: 50px;
  transition: all 300ms ease-out;
}

  .activecursor{
    display:block !important;
    }

  .movingcursor{
  height: 30px !important;
  width: 30px !important;
  transform:0.3s;
  }

.slidernews  .slick-prev, .slidernews   .slick-next {
  background:transparent !Important;
  border:0px solid;
  height:100%;
  width:5vw;
  z-index:1;
      border-radius: 0px;
    }
.slidernews .slick-prev, .sliderevents .slick-prev {
  text-align:left;
}

.cursorslider .slick-prev:hover{
  background: #FEFEFE; !important;
background: linear-gradient(90deg,rgba(254, 254, 254, 1) 0%, rgba(254, 254, 254, 1) 16%, rgba(254, 254, 254, 0) 100%) !important;
transition:0.3s;
}


.slidernews  .slick-next, .sliderevents  .slick-next{
  text-align:right;
}

.cursorslider .slick-next:hover{
  background: #FEFEFE; !important;
background: linear-gradient(90deg,rgba(254, 254, 254, 0) 0%, rgba(254, 254, 254, 1) 58%, rgba(254, 254, 254, 1) 100%) !important;
transition:0.3s;
}
.slidernews {
  max-height: 60vh !Important;
      max-width: 95%;
    margin: auto;
overflow:visible !important;
}
.slidernews li{
overflow:hidden;
}

.slidernews slick-track{
  display:flex;
}
.slidernews .slick-prev, .slidernews .slick-next, .sliderevents  .slick-prev, .sliderevents  .slick-next{

}
.slidernews li figure{
      box-shadow: inset 0 0 0 1000px rgba(0, 81, 105, 1) !important;
  position:Relative;
}
.slidernews li figure img{
  position: absolute;
left: 50%;
top: 50%;

-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}

/* test slidernews*/
.slidernews li figure {
 padding:0px;
    border-radius:20px 0px 20px 0px;

  }
.slidernews li h3, .slidernews li h4 {
  padding:8px !important;
  font-size: 1.3em;
  font-weight:600;
  /*text-transform: none;
  text-align:center;*/
  }
  
  
/*standorte*/

.loc-imgwrapper {
  position: relative;
  display: inline-block;
  overflow:hidden;
}

.loc-imgwrapper img {
  display: block;
  width: 100%;
  height: auto;
}

.loc-imgwrapper h3 {
	position: absolute;
    bottom: 5%;
    left: 6%;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.7em !important;
    font-weight: 400;
}

.loc-imgwrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 81, 105, 0.6); 
  pointer-events: none; 
  border-radius: 20px 0px 20px 0px;
  transition:0.5s;
}

.loc-imgwrapper:hover::before {
  background-color: rgba(0, 81, 105, 0.9);
  transition:0.5s;
}

.sliderstandorte .slick-prev, .sliderstandorte .slick-next{
    background: transparent ! Important;
    border: 0px solid;
    height: 100%;
    width: 5vw;
    z-index: 1;
    border-radius: 0px;
  color:white;
}
.sliderstandorte .slick-prev:hover, .sliderstandorte .slick-next:hover{
  
}

/*.sliderstandorte .hoverreadmore:hover,
.sliderstandorte .hoverreadmore:focus 
{
  background-color: var(--white);
  color: var(--primary-color);
}*/

.sliderstandorte .hoverwrapper p {
  color:var(--white);
  text-align:center;
}

.sliderstandorte li.slide-germany:hover h3 {
  display:none;
  
  transition:0.2s;
}

.sliderstandorte .slick-prev:before,
.sliderstandorte .slick-next:before{
  color:white;
}
.sliderstandorte .slick-prev:hover::before,
.sliderstandorte .slick-next:hover::before{
  color:grey;
}

.standortjobs h3, .standortjobs h4, .standortjobs h5{
      color: white !important;
    background-color: var(--primary-color);
    text-decoration: none ! Important;
    font-size: 1.2em;
     /* border-radius: 10px;*/ 
}
.standortjobs a{
  padding: 15px;
  display:block;
}

.standortjobs .newsflash-title:hover{
 /* filter:brightness(0.8); */
  color:white;
}

.standortjobs li{
  width:fit-content;
}

.slidernews .draggable{
/*  max-height:50vh; */
}
.standortjobs ul {
  display:Ruby;
  
}

.standortjobs  {
 display:flex;
justify-content:center;
  
}

.standortjobs .newsflash-title a{
  color:white !important;
      font-weight: 400;
}

.standortwrapper h3{
  text-align:center; 
  font-size:18px;
  margin-top:5px;
}

  .standortwrapper {
      list-style-type: none !important;
    margin-left: 0px;
    max-width:100%;

}

@media only screen and (min-width: 600px) {
  .standortwrapper {
     flex-direction: row !important;
}
  }

@media only screen and (max-width: 600px) {
  .standortwrapper {
     flex-wrap: wrap !important;
}
  .standortwrapper li{
    max-width: 25%;
  }
  }

.standortwrapper button{
  z-index:2;
}
.standortwrapper .slick-prev{
    z-index: 2;
    left: 0px;
   background:none!important;
}

.standortwrapper .slick-next{
    z-index: 2;
    right: 0px;
  background:none!important;
}


  @media only screen and (max-width: 300px) {
  .standortwrapper li{
    max-width: 30%;
  }
    
  }
  
  
@media only screen and (max-width: 750px) {
   .standortwrapper{
    padding:2px !important;
  }
}

.standortwrapper li{
  display:grid;
  overflow-x:hidden;
 word-break: break-word;
}

/*.standortwrapper li a{
  display:grid;
}*/
.sliderstandorte.standortwrapper img{
 /* filter:grayscale(0.5); */
  border-radius: 20px 0px 20px 0px;

}

.standortwrapper li a:hover img{
 /*filter: brightness(1.1) grayscale(0); */
  transition:0.3s;
}

  .boxblue{
        box-shadow: rgba(100, 100, 111, 0.5) 0px 7px 29px 0px;
    /*  border-radius: 10px; */
    padding: 10px 15px 10px 15px;
    text-align: center;
    background-color: var(--primary-color);
    color:white;
    margin:5px;
    
  }

.boxblue p{
  margin-bottom:0px;
  text-align:center;
}

.standortmapswrapper {
  background-image: url('/images/home/hintergrundbild-standorte.webp'); 
  color:white !important;
}

.standortmapswrapper h2,.standortmapswrapper a {
    color:white !important;
}

.standortmapswrapper a{
   text-decoration:underline !important;
}
.standortmapswrapper hover{
opacity:0.8 !important; 
}

.headerwrapper.unterseite .greybg.fullwidthbox i {
  color:#fff !important;
}

/*leistungen wrapper*/

@media only screen and (max-width: 570px) {
.leistungsboxwrapper{
  width:80%;
  margin:auto;
}
  }


.leistungsbox{
      padding: 20px;
    color: white;
    background-color: rgba(0, 0, 0, 0.2);
    border: 2px solid white;
    border-radius: 10px;
    margin-top: 0px;
  margin-bottom:10px;
  height:100%;
}

.leistungsbox:hover{
  background-color: rgba(0, 0, 0, 0.3);
}

.unterseite .container{
  animation: 1s ease-out 0s 1 slideInFromBottom;
}

@keyframes slideInFromBottom {
  0% {
  padding-top:200px;
  }
  100% {
   padding-top:0px;
  }
}


.unterseite{
      background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.unterseite p {
  text-align:left;
}

/*faq accordion */
 .articlearchive a{
      font-size: 1rem;
 }
details{
  color: black;
  font-size: 1.5rem;
  box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  margin-bottom:20px;
  padding:10px; 
}
 
summary {
  padding: .5em 1.3rem;
  list-style: none;
  display: flex;
  justify-content: space-between;  
  transition: height 1s ease;
     text-transform: uppercase;
}
 
summary::-webkit-details-marker {
  display: none;
}
 
summary:after{
  content: "\002B";
}
.foldout{
  color: grey;
  background-color:white;
  }
details[open] summary {
    /*border-bottom: 1px solid #aaa;
    margin-bottom: .5em;*/
}
 
details[open] summary:after{
  content: "\00D7";
}
 
details[open] div {
  padding: .5em 1em;
} 
  .accordion summary, .foldout{
    font-size:1rem;
  }

/* unterseiten Leistungen */
i{
 color: #515150;
}
/*ansprechpartner innen*/ 

.ansprechpartner{
  transition:1s;
/* display:flex; */
 /* width:fit-content;*/ 
  padding:10px;
    justify-content: center;
}
.imgwrapper{
     transition:1s;
  z-index:2;
  border-radius:200px;
}

.ansprechpartnertext{
     background-color: #005169;
    color: white;
    height: fit-content;
    vertical-align: middle;
    /* display: inline; */
    vertical-align: baseline;
    border-radius: 1px;
    /* padding: .5em 1em; */
}

.ansprechpartnertext p {
  text-align:center;
  font-size:1em;
}

.ansprechpartner:hover .imgwrapper{
  transition:1s;
/*  -webkit-filter: grayscale(100%); 
  filter: grayscale(80%); */
  
}
.ansprechpartner .imgwrapper{
  text-align:center;
 
  }

.ansprechpartner img{
  width:80%; 
 /*width:200px;
  max-width:200px;
  min-width:200px;*/
}
/*
@media only screen and (min-width: 1300px) {
.ansprechpartner img{
  width:60%;
  float:right;
}
}
  @media only screen and (max-width: 950px) {
.ansprechpartner{
  display:block !Important;
  padding: 5px !important;
  margin:auto;
  
}
    .ansprechpartnertext{
 padding:60px 15px 10px 15px; 
  display:block !Important;
      color:white; 
 margin-top:-50px !important;
      margin:auto; 
      text-align:Center;     
}

    .ansprechpartner .imgwrapper{
      position: relative;
  
} */


/*video*/
.responsive-video {
    position: relative; 
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    padding-top: 25px; 
    height: 0;
}

/* Stellt das iframe des Videos so ein, dass es den Container voll ausfüllt */
.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* karriere */ 
.karrierevorteile h3{
      font-weight: normal !important;
    font-size: 1rem !important;
  color:#000;
}

@media only screen and (max-width: 900px) {
  .karrierevorteile h2{
    font-size: 2em !important;
  
}
}
  
.nointro .item-content .page-header{
  display:block !Important;
}

.karriereseite .blog .blog-item{
  color:white !important; 
  background-color: var(--primary-color);
  padding:5px;
  text-align:center;
}
.karriereseite .blog a:hover{
  opacity:0.9;
  }

.karriereseite .blog .item-content h2 a{
  color:white !important; 
}

.view-article #mod-custom124, .view-article #mod-custom152, .view-article #mod-custom192, .view-article #mod-custom231  {
  display:none !important;
  }

.karriereseite .com-content-blog__link::marker {
  display:none !important;
  opacity:0%!important;
  color:transparent !important;
  }


.karriereseite .com-content-blog__links li {
    color:white !important; 
  width:fit-content;
  text-align:center;
  padding:20px 20px 20px 0px;
  margin:2px;
}
.karriereseite .com-content-blog__links li a{
  color:white !important;
}
.karriereseite .com-content-blog__links  {
  display:flex !important;
  max-width:100%;
   flex-flow: row wrap;
  align-content: space-between;
  justify-content: flex-start;
  margin-left:0px !important;
  padding-left:0px !important;
   }
.karriereseite .com-content-blog__links li  {
    color:white !important; 
  background-color: var(--primary-color);
  padding:15px;
  text-decoration:none !Important;
  font-size:1.2em;
  }

.karriereseite #mod-custom140{
  display:none; 
}

.view-article  #mod-custom140{
  display:block !important; 
}

/* success stories */

.success-stories div.blog-item {
	margin-bottom: 40px;
}

.success-stories div.blog-item:nth-child(odd){
  flex-direction: row;
}
.success-stories div.blog-item:nth-child(even){
  flex-direction: row-reverse;
 /* background-color: var(--primary-color);
  color: var(--template-text-light);
    margin-left:-2vw;
  margin-right: -2vw;*/
}

.success-stories div.blog-item:nth-child(even) h2{
 /* color: var(--template-text-light); */
}

.success-stories div.blog-item figure.item-image {
	flex:25%;
	margin: 13px 20px 20px 20px;
  
}

.success-stories div.blog-item figure.item-image img {
border: 2px solid var(--primary-color);
}




.success-stories div.blog-item div.item-content {
	flex:75%;
	margin-left:20px;
}

@media (max-width:1023px) {
	.success-stories div.blog-item:nth-child(odd),
	.success-stories div.blog-item:nth-child(even)
	{
	flex-direction: column;	
	}

	.success-stories div.blog-item figure.item-image,
	.success-stories div.blog-item div.item-content
	{
	flex:100%;
	}
	.success-stories div.blog-item figure.item-image {
	 margin:0;	
	}
	.success-stories div.blog-item figure.item-content {
	 margin:0;	
	}
}




/*breadcrumps*/ 
.mod-breadcrumbs__wrapper li span{
 
}
.mod-breadcrumbs__wrapper{
  display:none;
}

.view-article .mod-breadcrumbs__wrapper{
  display:block !Important; 
}

.icon-location:before{
  content: " " !important;
}
.breadcrumb{
  background-color:white !important;
}

/*news*/ 

@supports (display:grid) {
    @media (width >= 992px) {
        .blog-items.columns-4 {
            grid-template-columns: 1fr 1fr 1fr 1fr;
        }
    }
}

@supports (display:grid) {
    @media only screen and (max-width: 992px) {
        .blog-items.columns-4 {
            grid-template-columns: 1fr 1fr !important;
        }
    }
}

@supports (display:grid) {
    @media only screen and (max-width: 300px) {
        .blog-items.columns-4 {
            grid-template-columns: 1fr !important;
        }
    }
}

.newsseite h2{
  margin-bottom:10px !important;
  text-align:center;
  text-transform:none;
}
.newsseite .fields-container {
  /*    list-style: none !important;
  margin-left:0px;
  padding-left:0px;*/
  display:none;
}

.newsseite .article-info-term {
  display:none;
}

.newsseite .fields-container .field-entry .field-label {
  display:none !Important;
  margin-top:2px;
}

.newsseite .fields-container .date .field-value:before {
    font-family: 'Font Awesome 6 Free','Font Awesome 6 ', 'Font Awesome 6 Pro';
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    content: '\f133 ';
    margin-right: 5px;
    font-size: 16px;
}


.newsseite .fields-container .location-of-evenet  .field-value:before {
    font-family: 'Font Awesome 6 Free','Font Awesome 6 ', 'Font Awesome 6 Pro';
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    content: '\f3c5 ';
    margin-right: 5px;
    font-size: 16px;
}

.newsseite .fields-container li{
  margin-top:0px;
  margin-bottom:0px;
}


.newsseite .newsitemwrapper{
  display:grid;
}

.newsseite .items-leading  .newsitemwrapper{
  display:block;
}
  @media only screen and (max-width: 400px) {
    .newsseite .items-leading  .newsitemwrapper{
  display:grid;
}
   } 
.newsseite .published span{
  display:none;
}

.newsseite .com-content-category-blog .items-leading {
  margin-bottom:50px; 
}
.newsseite .com-content-category-blog .items-leading .blog-item{
  display:flex;
  flex-direction: row;
  margin:auto;
  width:60%;
}
@media only screen and (max-width: 800px) {
.newsseite .com-content-category-blog .items-leading .blog-item{
  width:100%;
}
}

@media only screen and (max-width: 400px) {
.newsseite .com-content-category-blog .items-leading .blog-item{
display:grid;
}
}

.newsseite .com-content-category-blog .items-leading .blog-item .left{
    max-height: 40vh;
    min-height: 20vh;
}

.newsseite .com-content-category-blog .items-leading  .blog-item .item-content p{
  display:block;
}

.newsseite .com-content-category-blog .items-leading .blog-item .item-content{
  padding-left: 10px;
  width:100%;
}
.newsseite .com-content-category-blog .blog-item:hover img{
    filter: brightness(1.1) grayscale(0);
    transition: 0.3s;
}
.newsseite .item-content{
  position:relative;
  order:2;
}

.newsseite .com-content-category-blog .blog-item{
  margin-bottom:20px;
}
.newsseite .com-content-category-blog .blog-item  dl{
margin-bottom:2px !important;
}
.newsseite .com-content-category-blog .blog-item .item-content p{
  display:none;
}

.newsseite .com-content-category-blog .blog-item .item-content .readmore{
  display:block !Important;
}
.newsseite .page-header h2{
  font-size:1.5em !important;
  
}


 .view-category.success-stories .site-grid .container-component {
   grid-column-start: full-start !Important;
  grid-column-end: full-end !Important;
  padding-right: 2vw;
    padding-left: 2vw; 
}

.newsseite .blog-item .readmorewrapper{
 position:absolute;
  bottom:10px;
  right:2px; 
  display:flex;
}
.newsseite .blog-item .readmorewrapper span{
display:none;
      line-height: 1;
}
.newsseite .blog-item:hover  .readmorewrapper span, .newsseite .blog-item:focus .readmorewrapper span{
display:block;
      line-height: 1;
}

.newsseite .blog-item h3{
  font-size: 1.3em;
}
.newsseite .blog-item figure{
        aspect-ratio: 1;
  /*height:30vh;*/
  overflow:hidden !Important;
  text-align:center;
    margin: 0 0 0.5em;
  background:var(--grey-color);
  position:relative; 
  width:auto;
  min-height:100px;

}

@media only screen and (max-width: 800px) {
  .newsseite .blog-item figure{ 
      min-width:50px;
  }
}
.newsseite .blog-item figure img{
height:100%;
  width:auto;
  margin:Auto;
  max-width: unset;
  position: absolute;
left: 50%;
top: 50%;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}

/*.newsseite .blog-item a:hover img{
filter:brightness(1.1)
}*/

.newsseite .blog-item h3{
  padding:4px;
}

.newsseite .newsitemwrapper dd.published {
  text-align:center;
}

/*kontakt*/
.sociallinks a{
  margin-top:10px; 
}

.sociallinks i{
 margin-right:10px;
width: 10%;
margin-top: 10px;
  color: var(--primary-color);
}

.sociallinks a:hover i{
  color:#0b3440;
  transition:0.3s;
}


.kontakt-div {
    margin-bottom: 13px;
}
.kontakt-img {
    width: 90px;
    float: left;
    margin-right: 5px;
}

.kontakt-div p {
    margin-bottom:0px !important;
}

/*visform home*/
 .homecontactform .visform textarea{
    height:100px !Important;
    }

  .homecontactform{
    background: var(--grey-color);
    padding: 10px;
    margin-left:-2px;
        }

  .ansprechpartnerwrapper .primarybg{
    border-radius:10px; 
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 5px 0px;
        z-index: 1;
  }
.ansprechpartnerwrapper{
  width:80%;
   margin:auto;
  }
.ansprechpartnerwrapper a{
  color:white !Important;
}
  @media only screen and (max-width: 1400px) {
.ansprechpartnerwrapper{
  width:80%;
  margin:auto;
  }
  }

    @media only screen and (max-width: 600px) {
.ansprechpartnerwrapper{
  width:90%;
  margin:auto;
  }
  }

/*visform*/
.visCSSlabel  {
  margin-top:0px !important;
  width:100%;
}
#modvisform251datenschutzlbl{
  width:fit-content !Important;
}
.mod-visform1{
  display:flex !important;
}
.visCSSinput{
  width:100% !Important;
  margin-top:2px !important;
  border-radius:3px;
}
.fieldset-1 div{
  margin-top:10px;
  margin-bottom:10px;
}
.fieldset-1{
  --gutter-x: 1em;
    --gutter-y: 0;
    display: flex !important;
    flex-wrap: wrap;
  margin-left: calc(var(--gutter-x)*-.5);
    margin-right: calc(var(--gutter-x)*-.5);
    margin-top: calc(var(--gutter-y)*-1);
}

.fieldset-1 div{
      flex-shrink: 0;
    margin-top: var(--gutter-y);
    max-width: 100%;
    padding-left: calc(var(--gutter-x)*.5);
    padding-right: calc(var(--gutter-x)*.5);
    width: 100%;
}
/*textarea kleiner*/
.visform textarea{
  height:200px !Important;
}
#mod-visform1, #mod-visform2,#mod-visform3,#mod-visform4,#mod-visform5{
  width:80%;
  margin:auto !important;
}
.vis_mandatory{
      color: var(--primary-color) !important;
}
.visform input.error, .visform textarea.error, .visform select.error {
    border: 1px dotted  var(--primary-color) !important;
}
.visform:not(.bt5):not(.bt4mcindividual):not(.uikit3):not(.uikit2) label.error{
  background-color:var(--primary-color) !important;
 
}
.visform:not(.bt5):not(.bt4mcindividual):not(.uikit3):not(.uikit2) p.errorcontainer:after{
  border-top: 12px solid var(--primary-color) !important;
}
 
.visform .btn{
  	padding:5px 10px 5px 10px;
    background-color:var(--primary-color);
  width:fit-content;
  border-radius:20px;
  color:white;
  width:100%;
}
 
/*visform datenschutz anpassen, dazu Klassen bei Visform Feld ergänzen */
.datenschutzlabel{
  display:none;
}
.datenschutzinput{
  width:100%;
	text-align:center;
}

#modvisform129datenschutzlbl{
  display:none;
}

.field5 .visCSSmargLeft{
  margin-left: 0px !important;
}

.visforms h1{
  display:none !important;
}


/*login area*/
.Authormenue{
  width:100% !important;
  background-color: var(--primary-color) ; 
  padding:2px !important;
   padding-right:15px !important;
      justify-content: end;
  background:  var(--primary-color) !Important;
}

.Authormenue .mod-menu__separator {
  color:white !important;
} 

.Authormenue .logout-icon{
  color:#b91548 !important
}


.layout-edit .main-top {
  display:none !Important;
}



/*barierefreiheit*/
button:focus, a:focus{
  border:1px solid var(--secondary-color);
}

.skipbtn{
        transform: scale(0); /*ist visuell 0px groß */
      display: block;
  position:absolute;
}
.skipbtn:focus{
      transform: scale(1); /*Wenn mit TAB im Focus wird er sichtbar */
}

#stopvideo{ 
  position:absolute !important; 
      margin-top: 5px;
    margin-left: 5px;
    font-size: 12px;
    padding: 4px;
    border: 0px solid;
    color: white;
    background: rgba(0, 0, 0, 0.8);
      z-index: 10;

}
.pausing:before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    margin-right: 4px;
    content: '\f04b ';
    font-size: 16px;
}
.playing:before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    content: '\f04c ';
    margin-right: 4px;
    font-size: 16px;
}

.bfbtn {
      box-shadow: none !important;
}

br{
   speak: none !important;
}


/*hideonphone*/


.hideonphone{
  display:block;
}

@media only screen and (max-width: 576px) {
.hideonphone{
  display:none !important;
}
}


.hideonpc{
  display:none !Important
}

@media only screen and (max-width: 576px) {
.hideonpc{
  display:block !Important
}
}


/*ticker*/
  .wrapper {
  overflow: hidden;
  color: #A2AAAD;
        max-width: 100vw;

}

.lines {
  display: flex;
  width: 100%;
}

.ticker {
  width: fit-content;
  white-space: nowrap;
  animation: line linear 20s infinite;
}

  .ticker b{
        webkit-text-fill-color: var(--primary-color);
    -webkit-text-stroke: 2px var(--primary-color);
    color: transparent;
    text-transform: uppercase;
    margin-right:20px; 
    font-weight:normal !important;
    }

  .ticker{
    font-size: 7rem;
    color: var(--primary-color);
    text-transform: uppercase;
}

@media only screen and (max-width: 1000px) {
  .ticker{
    font-size: 4rem;
}
}
  
@keyframes line {
  100% {
    transform: translateX(-100%);
  }
}

  /*eventslider*/

.sliderevents  li a:hover img {
    filter: brightness(1.1);
    opacity: 0.8;
}

.sliderevents  .fields-container{
    padding: 4px;
  order:3;
}

.sliderevents  .fields-container .field-entry .field-label {
  display:none !Important;
  margin-top:2px;
}

.sliderevents .fields-container .date .field-value:before {
    font-family: 'Font Awesome 6 Free','Font Awesome 6 ', 'Font Awesome 6 Pro';
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    content: '\f133 ';
    margin-right: 5px;
    font-size: 16px;
}


.sliderevents .fields-container .location-of-evenet  .field-value:before {
    font-family: 'Font Awesome 6 Free','Font Awesome 6 ', 'Font Awesome 6 Pro';
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    content: '\f3c5 ';
    margin-right: 5px;
    font-size: 16px;
}

.sliderevents .fields-container li{
  margin-top:0px;
  margin-bottom:0px;
}

.sliderevents .slick-slide{    
  background: var(--grey-color); 
  padding:0px;
	border-radius: 20px 0 20px 0;
  height:100%;
}

.sliderevents li figure{    
  background:transparent !important;
}

.sliderevents img {
 border-radius: 20px 0 0 0;	
}

.sliderevents h3 {
 font-weight:bold;
margin-left:8px; 
}

.sliderevents ul.fields-container {
margin-left:8px;	
}


.sliderevents .slick-prev, .sliderevents .slick-next {
    background: transparent ! Important;
    border: 0px solid;
    height: 100%;
    width: 5vw;
    z-index: 1;
    border-radius: 0px;
}


.sliderevents {
   
    max-width: 95%;
    margin: auto;
    overflow: visible !important;

}
.readmorehidden{
      transform: scale(0);
}

/*error*/
.errorseite{
  background:var(--primary-color);
      box-shadow:none !important;
}


.errorseite h1, .errorseite p, .errorseite i, .errorseite a{
 color:white; 
}

.errorseite .headertext{
  font-size:26px;
}

@media only screen and (max-width: 800px) {
.errorseite .headertext{
  font-size:20px;
}

  .errorseite img{
    width:99% !Important;
  }

  }

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

.errorseite .headertext{
  font-size:18px;
}
    }

/*video */
.faktwrapper{
  display:Flex;
  margin-bottom:20px;
  background:white;
        padding:10px;
    display:flex;
  width:fit-content;
  border-radius:100px;
  color:var(--primary-color);
  min-width:50%;
  }

 .videowrapper .special h2{
   color:white; 
 /*  margin-bottom:50px; */
     }
 .videowrapper .special b{
        color: transparent;
    text-transform: uppercase;
    font-weight: normal !important;
       webkit-text-fill-color: white;
    -webkit-text-stroke: 2px white;
    }

  .videowrapper{
   
    }

  .fakttext{
    padding:0px;
      color:var(--primary-color);
    }

  .faktwrapper i{
    color:var(--primary-color);
    margin-right:20px;
    }

    .fakttext h4{
      font-weight:400;
      }
  .videowrapper{
background: #ffffff;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 10%, rgba(0, 81, 105, 1) 10%, rgba(0, 81, 105, 1) 90%, rgba(255, 255, 255, 1) 90%);
 /*padding-bottom:20px;*/
  }

.back-to-top-link {
    z-index: 10000;
    color:var(--primary-color);
    pointer-events: all;
    background-color: var(--white, #fff);
    border: 1px solid var(--primary-color);
    opacity: 0;
    inset-inline-end: 1rem;
    border-radius: .25rem;
    padding: .5em;
    transition: opacity .2s ease-in;
    position: fixed;
    bottom: 1rem;
}

.back-to-top-link:hover, .back-to-top-link:focus {
    color: var(--white, #fff);
    background-color: var(--primary-color);
    border-color: var(--white, #fff);
}

/* sucessstoryblog*/

.view-article.sucesstoryblog .headerwrapper.unterseite {display:none !important}
.view-article.sucesstoryblog .item-image img {display:block; margin:0 auto;}
.view-article.sucesstoryblog .com-content-article__body p {color:var(--primary-color);}

.view-article.sucesstoryblog .header {
  background-color: rgba(255, 255, 255, 0.8) !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 12px 0px;
    transition: 0.3s;
}
.view-article.sucesstoryblog .header .logowhite {
  display:none;
}

.view-article.sucesstoryblog .header .logocolor {
  display:block;
}

.view-article.sucesstoryblog .navbar-toggler.navbar-toggler-right span {
  color: var(--primary-color) !important;
}

.view-article.sucesstoryblog .page-header {
  display:none;
}

.view-category.sucesstoryblog .career-link 
{display:none !important;}

.career-link {
  background-color:var(--primary-color);
  padding:25px;
  font-weight:bold;
  text-align:center;
  margin-top:30px;
}

.career-link p{
  color:var(--white);
  text-align:center;
}

.career-link a {
  color:var(--primary-color);
  text-decoration:none;
  background-color:var(--white);
  padding:8px 20px;
  display:inline-block;
  text-align:center;
  text-transform:uppercase;
}

.career-link a:hover {
  background-color:var(--gray-200);
}


.sucesstoryblog .com-content-category-blog__item.blog-item {
  background-color: var(--primary-color);
display:flex;
}

.sucesstoryblog .com-content-category-blog__item.blog-item figure {
  margin-top:0;
}
.sucesstoryblog .com-content-category-blog__item.blog-item figure img{
  width:100% !important;
}


.sucesstoryblog .com-content-category-blog__item.blog-item p{
  color:#fff;
  padding-right:10px;
  padding-left:10px;

}

.sucesstoryblog .com-content-category-blog__item.blog-item h2 a {
  color:#fff;
}

.sucesstoryblog .com-content-category-blog__item.blog-item h2 {
  color:#fff;
font-size: 1.1em !important;
  font-weight:bold;
  text-transform: none !important;
    padding-right:10px;
  padding-left:10px;
  margin-bottom:10px;
}

.sucesstoryblog .com-content-category-blog__item.blog-item .readmore{

}

.sucesstoryblog  .com-content-category-blog__item.blog-item .name{
    display:none;
}

.sucesstoryblog .btn-secondary {
  border:0px solid !important;
  padding:0px;
}

.sucesstoryblog figure{
  order:1;
}


.sucesstoryblog p{
  order:2;
}

.sucesstoryblog .page-header{
   order:3;
  margin-top:auto;
  padding-top:40px;
}

.sucesstoryblog .readmore{
   order:4;
}

/*Games*/
#gameContainer {
position: relative;
background: #ffffff;
border: 1px solid #333;
overflow: hidden;
}

#startBtn, #restartBtn {
    margin-top: 20px;
    padding: 10px 20px;
    font-size: 18px;
    border-radius: 8px;
    cursor: pointer;
}

#startScreen h3, #gameOverScreen h3, #finalScore
 {
    color: #fff;
}

/* Map Lagerhaltung */
.leaflet-popup-content {
  font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
  color: var(--primary-color);
}
.leaflet-popup-content span {
  color:var(--body-color);
  text-transform:none;
}
.leaflet-popup-content a,
.leaflet-container a{
  color:var(--primary-color) !important;
  text-transform:none;
}
.leaflet-top.leaflet-right {
  display:none;
}

/*modules everywhere language switch */ 
@media only screen and (max-width: 576px) {
    .container-search .divider .mod-languages {
         display:block !Important;
              margin-left: 0px !important;
        padding: .5em 1em;
      width:fit-content;
    }
          .container-search .metismenu.mod-menu .divider .separator .mod-languages ul {
        display: block ! Important;
    }
  .container-search .divider {
    height:fit-content !Important;
  }

  .container-search .divider .mod-languages ul.lang-inline {
    background: #F7F7F7 !Important;
      background-color: #F7F7F7 !Important;
    color: #1F1F1F !important;
}
    .container-search .divider .mod-languages ul.lang-inline  a{

    color: #1F1F1F !important;
}
  
}