@font-face {

    font-family: 'Frutiger LT Pro';

    src: url('FrutigerLTPro-Roman.woff2') format('woff2'),

        url('FrutigerLTPro-Roman.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

.astroid-layout {padding: 0!important;}


.hoverfont .mwall-hover-box-content  {padding-top: 80px!important;}
.hoverfont .mwall-hover-box-content p {font-size: 14px!important;}

.hoverimage img {
	-webkit-filter: grayscale(70%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-moz-filter: grayscale(70%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
    filter: grayscale(100%);
}
}
.hoverimage .swiper-slide:hover img {
	-webkit-filter: grayscale(0%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
}

.kp-veranstaltungen-inhalt {padding: 40px; margin-top: 50px!important; background: #ffffff!important;-webkit-border-radius: 20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px;}
.kp-veranstaltungen-inhalt .itemFullText    {color: #666666!important;}
.kp-veranstaltungen-inhalt .astroid-article-text    {color: #666666!important;}
.kp-veranstaltungen-inhalt .astroid-article-title h1    {color: #666666;}
.kp-veranstaltungen-inhalt .astroid-article-full-image img {width: 100%!important;}

/* From Uiverse.io by SujitAdroja */ 
.btn {
  color: purple;
  text-transform: uppercase;
  text-decoration: none;
  border: 2px solid purple;
  padding: 10px 20px;
  font-size: 17px;
  cursor: pointer;
  font-weight: bold;
  background: transparent;
  position: relative;
  transition: all 1s;
  overflow: hidden;
}

.btn:hover {
  color: white;
}

.btn::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 0%;
  top: 0;
  left: -40px;
  transform: skewX(45deg);
  background-color: purple;
  z-index: -1;
  transition: all 1s;
}

.btn:hover::before {
  width: 160%;
}

blockquote {
  border-left:5px solid #ddd;
  padding-left:20px;
  font-style:italic;
  font-weight:600;
    background: #EE8100!important;
}