:root {
  --primary-color: #29abe2;
  --primary-color-darker:#2391c0;
  --primary-color-dark:#1f7fa8;
  --secondary-color: #005470;
  --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%;
  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;
}

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

.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;
}

.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;
}
  }
/*basics*/
a{text-decoration:none !Important;}
a {color:var(--primary-color-dark);}
a:hover{color:var(--secondary-color);}
a:focus {color:var(--primary-color-dark);}
 
.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-darker);
   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:3.4em;
 }

h3{
   font-weight:400;
      font-stretch: condensed;
  text-transform:uppercase;
  }

/*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: 400px) {
   .greybg{
    padding:20px;
}
 }
/*boxen*/

.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%; 
}
 
.width60{
width:60%;
margin:auto;
}
 
@media only screen and (max-width: 600px) {
  .width60{
	width:95%;
}
}
 
.width80{
  width:80%;
margin:auto !important;
}
@media only screen and (max-width: 600px) {
.width80{
  width:95 !important;
}
}
 
/*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;
}
.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;
}

@media only screen and (max-width: 992px) {
.header .mod-languages {
  margin-right:10vw;
}
  }
  
.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: 576px) {
  .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;
}

.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;
}

.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-dark);
    background-image: none;
  color: var(--white);
}
.footer a{
   text-decoration:none;
}
 
 
/* (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(41, 171, 226, .8) !important;
}
.homeheader{
  box-shadow: inset 0 0 0 1000px rgba(41, 171, 226, 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: 3.5rem;
  margin-bottom:20px; 
  font-weight: bold !important;
}

.headerwrapper h2, .headerwrapper .beforeh1  { 
  font-size: 4rem; 
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; 

}  
}


/*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*/

.homestellenanzeigen{
  background:var(--primary-color-dark);
  color:white !important; 
  /*padding:30px; */
  margin-bottom: -30px;
}
.homestellenanzeigen h2{
  color:White;
  }

.homestellenanzeigen a{
  color:White;
  }

.homestellenanzeigen a:hover{
      filter: brightness(0.8);
  }
 .leistungenwrapper{
     position:relative;
    z-index:200;
   margin-top:50px;
  }


.leistungenwrapper ul{
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
  }

.leistungenwrapper li{
      padding:5px;
  }
  
.leistungenwrapper p,
.leistungenwrapper ul{
  visibility:hidden;
  opacity:0;
  transition: 0.5s;
}

.leistungenwrapper ul {
  line-height: 1.1;
    list-style-type: disclosure-closed;
    margin-left: 22px;
}

.leistungenwrapper h2{
      color:White !important; 
       font-size: 2.2em;
	   margin-bottom:15px;
       word-wrap: break-word;
      font-weight:400;
	  position:relative;
	  top:77%;
	  transition:0.5s;	  
}

.leistungenwrapper li:hover .leistungeninnerwrapper,
.leistungenwrapper .slide:hover .leistungeninnerwrapper{

      box-shadow: inset 0 0 0 1000px rgba(41,171,226,0.9);
	align-content: start;
	transition:0.5s;
}


.leistungenwrapper li:focus .leistungeninnerwrapper,
.leistungenwrapper .slide:focus .leistungeninnerwrapper{
        box-shadow: inset 0 0 0 1000px rgba(41,171,226,0.9);
        transition:0.5s;
        border:1px solid  var(--secondary-color-lighter);
        border-radius: 20px 0px;
}


.leistungenwrapper li:hover .leistungeninnerwrapper p,
.leistungenwrapper .slide:hover .leistungeninnerwrapper p,
.leistungenwrapper li:hover .leistungeninnerwrapper ul,
.leistungenwrapper .slide:hover .leistungeninnerwrapper ul{
   visibility:visible;
  opacity: 1;
transition:0.5s;
}

.leistungenwrapper li:hover .leistungeninnerwrapper h2,
.leistungenwrapper .slide:hover .leistungeninnerwrapper h2{
  top:0;
  transition: 0.5s;
}

.leistungeninnerwrapper {
        margin:0px;
		color:white !Important;
		padding:10px; 
		height:55vh;
		border-radius: 20px 0px;
		box-shadow: inset 0 0 0 1000px rgba(41,171,226, 0.6);
		background-size:cover;
		background-repeat:no-repeat; 
		filter: contrast(1.2);
		transition:0.5s;
}

@media (max-width:767px) and (orientation: portrait) {
  .leistungeninnerwrapper {
    height:87vh;
  }

  .container-header {
    padding-bottom:0;
  }
  .container-nav img {
    margin-top: 0 !important;
  }
}

@media (max-width:991px) and (orientation: landscape) {
  .leistungeninnerwrapper {
    height:80vh;
  }
}

@media (min-width:992px) and (max-width:1199px) and (orientation: landscape) {
  .leistungeninnerwrapper {
    height:63vh;
  }
}



.special h2 {
  font-size: 4.5rem;
  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: 4.5rem;
  }
}

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

@media only screen and (max-width: 600px){
  .special h2, .special h3{
     font-size: 2.5rem;
    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");
  padding:70px;
  color:white;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position:relative;
}
@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;
}
.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; 
}
.newswrapperneu li h3{
  font-size: 1.3em;
}
.newswrapperneu li figure{
  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;
  }
}




/* Slider */

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

.slick-slide img {
    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;
}

.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: 500px) {

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

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

/*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,
.sliderleistungen .slick-prev,
.sliderleistungen .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;
  }
/*standorte*/


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

.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 .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 .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;
}
.standortwrapper li a 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;
}
.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;
}

/*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*/ 

.span-ansprechpartner {
  font-size:1.4em;
  font-weight:bold; 
  padding: 20px 20px; 
  background-color:var(--primary-color-dark);
  color:#fff;
  width:fit-content;
}

.row-ansprechpartner {
  background-image: url(/images/home/contact-us.jpeg);
  background-position:top;
   background-repeat:no-repeat;
  background-size:cover;
}

.contact-1 {
  margin-bottom:-6em;
}

.contact-2 {
  padding-top:11em;
}

@media (min-width:992px) and (orientation:landscape) {
.row-ansprechpartner {
    background-image: url(/images/home/contact-us.jpeg);
    background-position-x: center;
    height: 90vh;
 
}

.span-ansprechpartner {
  position:relative;
  top:65%;
   font-size:2em;
}
.contact-1 {
  margin-bottom:-11em;
}
  .contact-2 {
    margin-bottom:-6em;
  }
  
}

@media (min-width:768px) and (max-width:1023px) and (orientation:portrait) {
  .span-ansprechpartner{    
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

@media (min-width:1024px) and (orientation:portrait) {
  .span-ansprechpartner{    
    position: relative;
    top: 65%;
  }
}

@media (max-width:767px) {
  .row-ansprechpartner {
    background-image: none;
}

  .contact-2 {
    padding-top:0;
  }

  .contact-1 {
    margin-bottom:0;
  }
  .span-ansprechpartner {
    width:100%;
    text-align:center;
  }
}

.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: var(--primary-color-dark);
 padding-top:1rem;
  padding-bottom:1rem;
  height:fit-content;
   vertical-align: middle;
 /* display:inline; */
  vertical-align: baseline;
  border-radius:1px;
  text-transform:uppercase;
  
}

.ansprechpartnertext p {
  color:white;
  font-weight:bold;
  font-size:1.5em;
  margin-bottom:0;
}

.ansprechpartnertext a {
  color:#fff;
  font-size:1em;
  margin-top:10px;
}

.ansprechpartner .imgwrapper{
  text-align:center;
 
  }

.ansprechpartner img{
  width:100%; 
 /*width:200px;
  max-width:200px;
  min-width:200px;*/
}


/*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;
  
}

@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  {
  display:none !important;
  }
.karriereseite .com-content-blog__link  ::marker {
  display:none !important;
  }


.karriereseite .com-content-blog__links li {
    color:white !important; 
  width:fit-content;
  text-align:center;
  padding:20px 20px 20px 0px;
}
.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 a {
    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; 
}



/*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;
  font-weight:bold;
}
.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;
  position:relative;
}

.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;
border-radius: 20px 0px;
}

@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:left;
}

/*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*/
.visCSSlabel  {
  margin-top:0px !important;
  width:100%;
}
.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{
  width:80%;
  margin:auto !important;
}
.vis_mandatory{
      color: var(--main-color) !important;
}
.visform input.error, .visform textarea.error, .visform select.error {
    border: 1px dotted  var(--main-color) !important;
}
.visform:not(.bt5):not(.bt4mcindividual):not(.uikit3):not(.uikit2) label.error{
  background-color:var(--main-color) !important;
 
}
.visform:not(.bt5):not(.bt4mcindividual):not(.uikit3):not(.uikit2) p.errorcontainer:after{
  border-top: 12px solid var(--main-color) !important;
}
 
.visform .btn{
  	padding:5px 10px 5px 10px;
    background-color:var(--main-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*/

@media (max-width:1199px) {
  .container-topbar {
    display:none !important;
  }
}

.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;
}
}

/*ticker*/
  .wrapper {
  overflow: hidden;
  color: #A2AAAD;
}

.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 li{    
  background: var(--grey-color); 
  padding:0px;
	border-radius: 20px 0 20px 0;
}

.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;
}
    }


/*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;
}
  
}