/* FONTS */
@font-face {
font-family:"acme-gothic";
src:url("/assets/fonts/acme-gothic/acme-gothic-700-woff2.woff2") format("woff2"),
    url("/assets/fonts/acme-gothic/acme-gothic-700-woff.woff") format("woff"),
    url("/assets/fonts/acme-gothic/acme-gothic-700-otf.otf") format("opentype");
    font-display:auto;
    font-style:normal;
    font-weight:700;
    font-stretch:normal;
}

@font-face {
font-family:"acme-gothic";
src:url("/assets/fonts/acme-gothic/acme-gothic-400-woff2.woff2") format("woff2"),
    url("/assets/fonts/acme-gothic/acme-gothic-400-woff.woff") format("woff"),
    url("/assets/fonts/acme-gothic/acme-gothic-400-otf.otf") format("opentype");
    font-display:auto;
    font-style:normal;
    font-weight:400;
    font-stretch:normal;
}

@font-face {
font-family:"acme-gothic";
src:url("/assets/fonts/acme-gothic/acme-gothic-300-woff2.woff2") format("woff2"),
    url("/assets/fonts/acme-gothic/acme-gothic-300-woff.woff") format("woff"),
    url("/assets/fonts/acme-gothic/acme-gothic-300-otf.otf") format("opentype");
    font-display:auto;
    font-style:normal;
    font-weight:300;
    font-stretch:normal;
}

.tk-acme-gothic { font-family: "acme-gothic",sans-serif; }
.tk-acme-gothic-compressed { font-family: "acme-gothic-compressed",sans-serif; }
.tk-acme-gothic-condensed { font-family: "acme-gothic-condensed",sans-serif; }
.tk-acme-gothic-extrawide { font-family: "acme-gothic-extrawide",sans-serif; }
.tk-acme-gothic-wide { font-family: "acme-gothic-wide",sans-serif; }
/* Allgemein */
body{
    font-family: acme-gothic, sans-serif;
    font-weight: 300;
    font-style: normal;
    
}
p{
    line-height: 1.5;
    font-size: 1.2rem;
}

.grid-container {
    max-width: 87.5rem;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
    font-family: acme-gothic, sans-serif;
    font-weight: 300;
    font-style: normal;
}
h1, .h1{
    color: #951b81;
    margin-bottom: 2rem;
}
h2, .h2, h3, .h3{
    color: #299dbe;
    margin-bottom: 2rem;
	font-size: 2.25rem
}
.nomargin{
    margin: 0px !important;
} 
/* Helper */
img.light_blue{
    border: solid 8px #87c8e0;
}
img.light_blue_border{
    box-shadow: #87c8e0 -15px 15px;
}
img.lila{
    border: solid 8px #951b81;
}
img.lila_border{
    box-shadow: #951b81 -15px 15px;
}
img.blau{
    border: solid 8px #299dbe;
}
img.blau_border{
    box-shadow: #299dbe -15px 15px;
}
/* sliding buttons */
.toggle-outer{
    position: relative;
}

.icon-item-box{
    min-height: 55px;
    max-height: 55px;
    right: 25px;
    top: 1px;
    position: absolute;
    color:#fff;
    font-size: 1.5rem;
    padding-left: 2rem;
    padding-top: 0.75rem;
    padding-right: 3rem;
    font-weight: 300;
    border-radius: 35px 0 0 35px;
    z-index: -1;
    filter: drop-shadow(0 0 0.5rem black);
}
.icon-item-box a{
    color:#fff;
}
.icon-item-box > a:hover{
    text-decoration: underline;
}
.icon-bar {
  position: fixed;
  top: 35%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 5px;
  z-index: 990;    
}
.icon-bar > .toggle-outer > a {
  display: block;
  text-align: center;
  padding-top: 12px;
  transition: all 0.3s ease;
  color: white;
  font-size: 25px;
  margin-bottom: 0.15rem;
  filter: drop-shadow(0 0 0.25rem gray);    
}
.icon-bar > .toggle-outer > a:hover,.icon-bar > .toggle-outer > a.aktiv {
  background-color: #616161;
  border:solid 2px #fff;
}
.icon-item {
  border-radius: 35px 35px;
  height: 57px;
  width: 57px;
  color: white;
}
#toggle1.icon-item, .call .icon-item-box {
    background: #87c8e0;  
}
#toggle2.icon-item, .mail .icon-item-box {
    background: #299dbe;
}
#toggle3.icon-item, .whatsapp .icon-item-box {
    background: #951b81;
}
/* Header */
.social-link{
    text-align: right;
    padding-top: 1rem;
}
.social-link a{
    font-size: 1.5rem;
    padding-left: 1rem;
}
.instagram, .facebook{
    padding-right: 25px;
}
.instagram i, .facebook i, .linkin i{
    font-size: 2rem;
}
.social-link a i, .instagram i, .facebook i, .linkin i{
    color: #299dbe !important;
}
.social-link a:hover i, .instagram:hover i, .facebook:hover i, .linkin:hover i{
    color: #951b81 !important;
}
.banner{
    border-top:  8px solid #299dbe;
    border-bottom: 8px solid #299dbe;
    position: relative;
    margin-bottom: 2rem;
}
.banner img{
    width: 100%;
}
.bannerCaption{
    background: rgb(38 38 38 / 53%);
    position: absolute;
    top: 25%;
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.bannerCaption-inner{
    color: #fff;
}
.bannerCaption-inner h1{
    font-size: 3.5rem;
	color: #fff;
}
.bannerCaption-inner p{
    font-size: 3.5rem;
    line-height: 1;
}
/* Animation */
.animationItem{
    opacity:0;
    padding-top: 4rem;
}
/* Meganav */
.meganav .menu{
    position: inherit; 
}
.mega-menu .dropdown-pane {
    width: 100%;
    /*max-width:  120rem;*/
    max-width:  87.5rem;
    margin: 0 auto !important;
    left: 0% !important;
    right: 0% !important;
    /*animation: slideDown 400ms ease-in-out forwards;*/
    animation: rotateZ 400ms ease-in-out forwards;
    transform-origin: top center;
}
.dropdown-pane{
    border: none;
    background: #fff;
    border-top: 3px solid #299dbe;
    border-left: 3px solid #299dbe;
    border-right: 3px solid #299dbe;
    border-bottom: 12px solid #299dbe;
    box-shadow: 5px 10px 20px #888888;
}
.mega-menu .menu {
    background: none;
}
.menu .menu-text{
    margin: 0;
    padding: 0.25rem 0.25rem;
}
.meganav > .menu > .mega-menu:last-child{
    margin-right: 0;
}
.meganav > .menu > .mega-menu:first-child{
    margin-left: 0;
}
.meganavItems li{
    position: relative;
    padding-left: 25px !important;
}
.meganavItems li::before{
    content: url(/assets/img/layout/Mega-Nav-icon.png);
    position: absolute;
    bottom: 20px;
    left: -5px;
}
.meganavItems li a{
    font-weight: 500;
}
.meganavItems li a {
  -webkit-appearance: none;
  border-radius: 0;
}
.meganavItems li:hover a, .meganavItems li a.active{
    color: #299dbe;
}
.meganavText{
    border-left: 1px solid #6b6b6b;
}
.meganavText strong{
    color: #87c8e0;
}
/* Navigation */
#navigation{
    padding-bottom: 15px;
}
.main-nav{
    float: right;
    margin-top: 20px;
}
.main-nav ul {
    width: 100%;
}
.main-nav li {
	float: left;
	list-style: none;
    padding-top: 0.2rem;
    padding-right: 1rem;
    padding-bottom: 0px;
    padding-left: 1rem;
	margin: 0.5rem 0rem;
}
.main-nav li.active{
    background: #229bc1;
}
.main-nav li:hover{
    /*background: #87c9df;*/
}
.main-nav li a{
	font-size: 1.41vw;
	color: #951b81;
}
/* Navigation Annimation */
div.circleBehind{
    position: relative;
}
div.circleBehind a:before, div.circleBehind a:after
{
    position: absolute;
    top: 22px;
    left: 50%;
    width: 50px;
    height: 50px;
    border: 4px solid #87c8e0;
    transform: translateX(-50%) translateY(-50%) scale(0.8);
    border-radius: 50%;
    background: transparent;
    content: "";
    opacity: 0;
    transition: all 0.3s;
    z-index: -1;
}
div.circleBehind a:after
{
    border-width: 2px;
    transition: all 0.4s;
}

div.circleBehind a:hover:before
{
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1);
}

div.circleBehind a:hover:after
{
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1.3);
}
/* Mobilnav */
.navigation-bottom p{
    font-size: 1rem;
}
.position-left{
    width: 275px;
}
.mob-nav{
    text-align: right;
    padding-top: 1.8rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
}
.off-canvas {
    background: #fff;
}
.off-canvas img{
    border-bottom: 16px solid #299dbe;
    margin-bottom: 0.5rem;
}
.off-canvas i{
    color: #9c2081;
}
.off-canvas li{
    width: 100%;
}
.js-off-canvas-overlay {
    background: rgb(136 200 224 / 30%);
}
.menu .active > a{
    background: #951b81;
}
.is-submenu-item .button{
    background: #fff;
}
.is-submenu-item .button:hover, .is-submenu-item .button:focus{
    color: #299dbe;
}
.mobil-nav-button{

}
.mobil-nav{
    width: 100%;
    background: gray;
}
.navigation{
    
}
.mobil-nav .top-bar-menu{
    color: #FFFFFF;
}
.mobil-nav .menu-icon.dark::after{
    background: #FFFFFF;
    box-shadow: 0 7px 0 #FFFFFF, 0 14px 0 #FFFFFF;
}
.mobil-nav a{
    color: #ffffff;
}
.mobil-nav li:hover a{
    font-weight: bold;
}
.mobil-nav li li a, .mobil-nav li:hover li a{
    font-weight: normal;
}
.mobil-nav li li:hover a{
    font-weight: bold;
}
.mobil-nav .menu .active > a{
    background: none;
    text-decoration: underline;
}
/*
a.level2 {
    padding-top: 0rem; 
    font-size: 1.25rem !important;
}
a.level2::after, a.level2::before{
    content: none !important;
    border: none !important;
}
*/
.dropdown-pane.is-open {
    z-index: 999;
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
    .dropdown.menu a {
        padding: 0.7rem 0.1rem;
    }
    .main-nav li a {
        font-size: 1.25rem;
    }
}
/* Sidenavigation */
.sidenav ul{
    list-style: none;
}

.sidenav .level1{
    font-size: 1.6rem;
    padding-left: 30px;
}
.sidenav .level2 {
    font-size: 1.3rem;
}
.sidenav .level1::before {
    position: absolute;
    content: url(/assets/img/layout/navicons_level1.png);
    margin-left: -30px;
}
.sidenav .level2::before {
    padding-right: 10px;
    content: url(/assets/img/layout/navicons_level2.png);
}
.sidenav li.active .level2 {
    display: block;
}
/* Termine */
.terminlist{
    padding-bottom: 25px;
}
.day, .month, .year{
	text-align: center;
	color: #ffffff;
	margin-bottom: -5px;
	background: #0f5075;
}
.day{
	font-size: 2rem;
	font-weight: bold;
	position: relative;
}
.day::after{
	display: block;
    border: inset 6px;
    content: ''; 
    border-left-style: solid;
    border-color: transparent transparent transparent #efeac7;
    position: absolute;
    top: 50%;
    margin-top: -6px;
}
.month, .year{
	font-size: 1.2rem;
}
/* Startseite */
.startseitecblock h1, .startseitecblock .h1{
    color: #951b81;
    font-size: 2.5rem;
}
.startseitecblock img{
    border: solid 6px #219dbe;
    max-width: 130%;
}
.firstimg{
    z-index: 10;
    position: relative;
}
.secimg{
    margin-left: -33%;
    z-index: 1;
    position: relative;
}
.highlight{
    background-image: url(/assets/img/layout/highlight.png);
    background-repeat: no-repeat;
    padding-left: 10rem;
    padding-top: 5rem;
    padding-bottom: 14rem;
    margin-top: -2rem;
}
/* Content */
.cblock ul{
    list-style: none;
    position: relative;
}
.cblock li{
    margin-left: 1.25rem;
    font-size: 1.2rem;
}
.cblock li::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f192";
    padding-right: 1rem;
    position: absolute;
    left: -5px;    
    margin-top: -4px;
    color: #299dbe;
}
.cblock img.border{
    border: 5px solid #299dbe;
}
/* Graybar */
.graybar{
    background: #e0e9f0;
    margin-top: 3rem;
}
.graybar > .trenner{
    width: 100%;
    margin-top: -1rem;
}
.startseitecblock h2{
    color: #951b81;
    line-height: 1;
    margin-bottom: 1.5rem;
    font-size: 2.5rem;
}
.startseitecblock h3{
    color: #951b81;
    line-height: 1;
    margin-top: 2.5rem;
    font-size: 1.9375rem;
}
.poi{
    text-align: center;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.poi h3{
    padding-top: 1.5rem;
}
/* Footer */
.footer{
    background: #87c8e0;
    color: #2c2c2c;
    padding-top: 3rem;
    padding-bottom: 5.5rem;
    margin-top: 1rem;
}
.footer a, .footer p{ 
    color: #2c2c2c;
}
.footer ul{
    list-style: none;
}
.footer li{
    position: relative;
    padding-left: 1.25rem;
}
.footer li::before{
    content: url(/assets/img/layout/footernav.png);
    padding-right: 1rem;
    position: absolute;
    left: -5px;
}
/* Beratung */
.button.beratung{
    background: #951b81;
    font-size: 25px;
    font-weight: 400;
    padding-bottom: 1rem;
    padding-top: 1rem;
    padding-left: 2rem;
    padding-right: 4.75rem;
    box-shadow: 2.5px 2.5px 25px #5a5a5a;
    position: relative;
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.button.beratung:hover, .button.beratung:focus{
    background: #299dbe;
    box-shadow: 0px 0px 0px #5a5a5a;
}
.button.beratung::after{
    content: url('/assets/img/layout/bearten_pfeil.png');
    padding-left: 1rem;
    position: absolute;
    bottom: 10px;
}
/* Linktree */
.button.linktree{
    background: #951b81;
    font-size: 25px;
    font-weight: 400;
    padding-bottom: 1rem;
    padding-top: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    box-shadow: 2.5px 2.5px 25px #5a5a5a;
    position: relative;
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.button.linktree:hover, .button.linktree:focus{
    background: #299dbe;
    box-shadow: 0px 0px 0px #5a5a5a;
}
/* Gallary */
.thumbnail{
    /*border: solid 6px #299dbe;*/
    border: 10px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
}
a.thumbnail:hover, a.thumbnail:focus {
    box-shadow: 0 0 6px 1px rgba(46, 46, 46, 0.5);
}
/* masonry */
.masonry img{
    width: 100%;
}
.masonry{
    column-count: 5;
	column-gap: 16px;
}
.masonry .mItem {
  display: inline-block;
  margin-bottom: 16px;
  width: 100%;
}
@media (max-width: 1199px) {
  .masonry {
    column-count: 4;
  }
}

@media (max-width: 991px) {
  .masonry {
    column-count: 3;
  }
}

@media (max-width: 767px) {
  .masonry {
    column-count: 2;
  }
}
/* Tabs */
.tabs-title {
    float: left;
    width: 25%;
    margin-left: 0px !important;
}
.tabs-title img{
    margin-bottom: 1.75rem;

}
.tabs-title a span{
    font-size: 2vw;
    color: #951b81;    
}
.button.beratung.projekt.mail::after {
    content: "\f0e0";
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    bottom: unset;
}
.button.beratung.projekt.whatsapp::after {
    content: "\f232";
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
    bottom: unset;
}
.tabs, .tabs-content{
    border: none;
}
@media screen and (max-width: 39.9375em) {
    .tabs-title {
        width: 50% !important;
    }
    .tabs-title a span{
        font-size: 4.5vw;
    }
    .button.beratung.projekt{
        font-size: 3vw;
        padding-right: 3.25rem;
    }
    
    .button.beratung.projekt::after {
        content: none;
    }
}
@media screen and (min-width: 1980px){
    .tabs-title a span{
        font-size: 2.5rem;
    }
}
/* Blog */
.posts{
    padding-top: 25px;
}
.post_date{
    padding-right: 5px;
}
.post_text{
    padding-left: 15px;
}
.post{
	padding-bottom: 25px;
}
.post h2{
	font-size: 1.5rem;
	line-height: 1.1;
    margin-top: 1rem;
    margin-bottom: 1.2rem;
}
.post h2 a{
	color: #951b81;
	font-size: 1.75rem;
}
.vorschau{
	border: solid 5px #5a5a5a;
}
.day{
	font-size: 2rem;
	font-weight: bold;
	background: #e30613;
}
.month, .year{
	font-size: 1.2rem;
	background: #9d9c98;
}
.readmore{
	background-color: transparent;
	border: 1px solid #5a5a5a;
    border-radius: 5px;
    color: #5a5a5a;
    padding-left: 35px;
    padding-right: 35px;
    float: right;
}
.readmore:hover, .readmore:focus {
    background-color: #ebebeb;
    color: #5a5a5a;
}
.aktuelles a.readmore{
    position: absolute;
    bottom: 0;
}
.paging{
	padding-bottom: 25px;
}
.paging li:before, li.tabs-title:before, ol li:before{
	content: none !important;
}
.paging li{
	float:left;
	list-style: none;
	padding-right: 15px;
}
.blogTags h3, .blogArchiv h3{
    color: #299dbe;
    font-size: 1.5rem;
}
.blogTags a, .blogArchiv a{
	color: #5a5a5a;
}
.blogTags ul, .blogArchiv ul{
    list-style: none;
}
.itemTag{
    border: solid #299dbe 2px;
    padding: 0.25rem 0.5rem;
    box-shadow: #87c8e0 0.25rem 0.25rem;
    background: #fff;
}
/* Datepicker */
#ui-datepicker-div{
    background: #fff;
}
.ui-datepicker-next{
    float: right;
}
.ui-datepicker-prev{
    float: left;
}
.ui-datepicker-title{
    text-align: center;
}
.ui-datepicker-header{
    padding: 0.5rem;
}
.ui-datepicker-trigger{
    display: none;
}
.zeitraum, .datum{
    top: -15px !important;
    bottom: 0px !important;
    left: 0px !important;
    font-size: 11px !important;
}
.kontaktForm h3{
    margin-bottom: 0.5rem;
}
/* Kontakt */
.kontakt.banner{
    background: url(/assets/img/layout/kontakt-banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 5rem;
}
.kontaktForm   input{
        border-bottom: 1px solid #535353;
        box-shadow: none;
        -webkit-box-shadow: none;
}
.kontaktForm   textarea{
    border: 1px solid #535353;
}
.kontaktForm   textarea::placeholder , .kontaktForm   input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #535353;
  opacity: 1; /* Firefox */
}
.kontaktForm   textarea:-ms-input-placeholder , .kontaktForm   input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #535353;
}
.kontaktForm   textarea::-ms-input-placeholder , .kontaktForm   input::-ms-input-placeholder { /* Microsoft Edge */
  color: #535353;
}
.kontaktForm   [type='text']:focus,.kontaktForm   textarea:focus{
    border: 1px solid #535353;
}
.kontaktForm .button.hollow.secondary, .button.hollow.secondary{
    border: 1px solid #535353;
    color: #535353;
}
.footerGray .button.hollow.secondary{
    border: 1px solid #951b81;
    color: #951b81;
}
.kontaktForm .button.hollow.secondary:hover,.kontaktForm .button.hollow.secondary:focus, .button.hollow.secondary:focus, .button.hollow.secondary:hover{
    background: #87c8e0;
}
.kontaktForm   input.error,.kontaktForm   textarea.error {
    border-left: dotted 4px #951b81;
    border-right: dotted 4px #951b81;
    border-top: dotted 4px #951b81;
}
.kontaktForm   div.error {
    border-bottom: dotted 4px #951b81;
}
.kontakt.banner h6, .kontakt.banner p{
    color: #fff;
}
.faerstaeggt {
    display: none;
}
  input{
    background: none;
    border-bottom: 1px solid #951b81;
    border-top: none;
    border-left: none; 
    border-right: none;
    
}
.footerGray   input, .footerGray   textarea, .footerGray    [type='text']:focus,.footerGray   textarea:focus{
    color: #fff;
}
.footerGray   textarea{
    background: none;
    border: 1px solid #951b81;
}
   [type='text']:focus,   textarea:focus{
    outline: none;
    border: 1px solid #951b81;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none; 
    -webkit-transition: none;
    transition: none; 
    transition: none;
    transition: none;
}
  input.error,   textarea.error{
    border-left: dotted 1px #fff;
    border-right: dotted 1px #fff;
    border-top: dotted 1px #fff;
}
  div.error{
    border-bottom: dotted 1px #fff;
} 
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
    border-color: #951b81;
    color: #951b81;
}
.dts{
    font-size: 1rem;
}
.submit-button{
    text-align: right;
}
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea{
    border: none;
}
.floating-label-group {
  position: relative;
  margin-top: 15px;
  margin-bottom: 25px;
}
.floating-label-group .floating-label {
  font-size: 13px;
  color: #404040;
  position: absolute;
  pointer-events: none;
  top: 9px;
  left: 12px;
  transition: all 0.1s ease;
}
.floating-label-group input:focus ~ .floating-label,
.floating-label-group input:not(:focus):valid ~ .floating-label,
.floating-label-group textarea:focus ~ .floating-label, 
.floating-label-group textarea:not(:focus):valid ~ .floating-label{
  top: -15px;
  bottom: 0px;
  left: 0px;
  font-size: 11px;
  opacity: 1;
  color: #404040;
}
#attachments{
    border-bottom: none;
}
/* Bewerbung Accordion */
.accordion-title{
    font-size: 1.5rem;
    color: #951b81;
}
.accordion-title h3{
    margin-bottom: -5px;
}
@media screen and (max-width: 39.9375em) {
    li.tabs-title{
        width: 100%;
    }
}
/* Mitarbeitersuche */
.spacer{
    height: 3rem;
}
.newStaff{
    
}
.newStaff h2{
    color: #951b81;
    line-height: 1;
    margin-bottom: 1.5rem;
}
.newStaff .newStafflink span{
    color: #951b81;
    background: #87c8e0;
    line-height: 1;
    font-size: 1.25rem;
    font-weight: 600;
    padding: 5px;
}
.newStaff .highlight h2{
    font-weight: bold;
}
.newStaff .highlight p a{
    color: #fff;
    font-size: 2.5rem;
    font-weight: 300;
}
@media screen and (max-width: 39.9375em) {
    .newStaff .highlight{
        margin-top: 3rem;
    }
    .newStaff .highlight h2 {
        font-size: 1.25rem;
    }
    .newStaff h2 {
        font-size: 2.0rem;
    }
    .newStaff .highlight p a {
        font-size: 1.8rem;
    }
}
/* Back to Top */
	.cd-top {
		z-index:500;
		display: inline-block;
	  	height: 40px;
	  	width: 40px;
	  	position: fixed;
	  	bottom: 53px;
	  	right: 10px;
	  	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	  /* image replacement properties */
	  	overflow: hidden;
	  	text-indent: 100%;
	  	white-space: nowrap;
	  	background: rgba(120, 138, 146, 0.8) url(/assets/img/layout/cd-top-arrow.svg) no-repeat center 50%;
	  	/*visibility: hidden;*/
	  	opacity: 0;
	  	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	  	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	  	transition: opacity .3s 0s, visibility 0s .3s;
	}
	.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
	  	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	  	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	  	transition: opacity .3s 0s, visibility 0s 0s;
	}
	.cd-top.cd-is-visible {
	  /* the button becomes visible */
	  visibility: visible;
	  opacity: 1;
	}
	.cd-top.cd-fade-out {
	  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
	  	opacity: .5;
	}
	.no-touch .cd-top:hover {
	  	background-color: #788a92;
	  	opacity: 1;
	}
/* 4K-Anpassungen  */
@media screen and (min-width: 1980px){
    .main-nav li a{
        font-size: 1.4rem;    
    }
    .banner img{
        width: 100%;
    }
}
/* Small */
@media screen and (max-width: 39.9375em) {
    .startseitecblock h3{
        margin-top: 4rem;
    }
    .animationItem{
        opacity:1;
        padding-top: 0rem;
    }
    .logo img{
        width: 70%;
    }
    .logo{
        text-align: center;
    }
    h1{
        font-size: 2.5rem;
    }
  .bannerCaption-inner h1{
      font-size: 2.0rem;
    }
    .bannerCaption-inner p{
        font-size: 1.8rem;
        text-align: center;
    }
    .footer ul{ 
        margin-left: 0rem !important; 
    }
    .highlight h2{
        color: #fff;
    }
    .highlight{
        margin-top: 0;   
        border-radius: 2rem;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 10%;
        padding-bottom: 10%;
        background-image: none;
        background: #87c8e0;
        box-shadow: 15px 15px #219dbe;
        border: #951b81 3px dashed;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .startseitecblock img{
        width: 100%;
    }
    .secimg{
        margin-left: 0;
    }
    #uc-btn-open-main-corner-modal{
        display: none !important;
    }
}
/* Medium */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    h1{
        font-size: 2.0rem;
    }
    .bannerCaption-inner h1{
      font-size: 2.5rem;
    }
    .bannerCaption-inner p{
        font-size: 1.25rem;
    }
    .highlight{
        margin-top: 0;   
        padding-left: 7rem;
        padding-top: 10rem;
        padding-bottom: 10rem;
        width: 500px;
        margin-left: auto;
        margin-right: auto;   
        background-image: url(/assets/img/layout/highlight_medium.png);
        background-size: contain;
    }
    #uc-btn-open-main-corner-modal{
        display: none !important;
    }
}    
@media screen and (min-width: 1760px) and (max-width: 1980px) {
    .main-nav li a {
        font-size: 1.25vw;
    }
}
/* Animation MegaNav */
@-moz-keyframes growDown {
  0% {
    transform: scaleY(0);
  }
  80% {
    transform: scaleY(1.1);
  }
  100% {
    transform: scaleY(1);
  }
}
@-webkit-keyframes growDown {
  0% {
    transform: scaleY(0);
  }
  80% {
    transform: scaleY(1.1);
  }
  100% {
    transform: scaleY(1);
  }
}
@-o-keyframes growDown {
  0% {
    transform: scaleY(0);
  }
  80% {
    transform: scaleY(1.1);
  }
  100% {
    transform: scaleY(1);
  }
}
@keyframes growDown {
  0% {
    transform: scaleY(0);
  }
  80% {
    transform: scaleY(1.1);
  }
  100% {
    transform: scaleY(1);
  }
}
@-moz-keyframes rotateMenu {
  0% {
    transform: rotateX(-90deg);
  }
  70% {
    transform: rotateX(20deg);
  }
  100% {
    transform: rotateX(0deg);
  }
}
@-webkit-keyframes rotateMenu {
  0% {
    transform: rotateX(-90deg);
  }
  70% {
    transform: rotateX(20deg);
  }
  100% {
    transform: rotateX(0deg);
  }
}
@-o-keyframes rotateMenu {
  0% {
    transform: rotateX(-90deg);
  }
  70% {
    transform: rotateX(20deg);
  }
  100% {
    transform: rotateX(0deg);
  }
}
@keyframes rotateMenu {
  0% {
    transform: rotateX(-90deg);
  }
  70% {
    transform: rotateX(20deg);
  }
  100% {
    transform: rotateX(0deg);
  }
}
@-moz-keyframes downOut {
  0% {
    transform: translateZ(200px) transLateY(40px);
  }
  80% {
    transform: translateZ(-10px) transLateY(0px);
  }
  100% {
    transform: translateZ(0px) transLateY(0px);
  }
}
@-webkit-keyframes downOut {
  0% {
    transform: translateZ(200px) transLateY(40px);
  }
  80% {
    transform: translateZ(-10px) transLateY(0px);
  }
  100% {
    transform: translateZ(0px) transLateY(0px);
  }
}
@-o-keyframes downOut {
  0% {
    transform: translateZ(200px) transLateY(40px);
  }
  80% {
    transform: translateZ(-10px) transLateY(0px);
  }
  100% {
    transform: translateZ(0px) transLateY(0px);
  }
}
@keyframes downOut {
  0% {
    transform: translateZ(200px) transLateY(40px);
  }
  80% {
    transform: translateZ(-10px) transLateY(0px);
  }
  100% {
    transform: translateZ(0px) transLateY(0px);
  }
}
@-moz-keyframes growOut {
  0% {
    transform: scale(0);
  }
  80% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes growOut {
  0% {
    transform: scale(0);
  }
  80% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@-o-keyframes growOut {
  0% {
    transform: scale(0);
  }
  80% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes growOut {
  0% {
    transform: scale(0);
  }
  80% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@-moz-keyframes rotateY {
  0% {
    transform: rotateY(90deg);
  }
  80% {
    transform: rotateY(-10deg);
  }
  100% {
    transform: rotateY(0);
  }
}
@-webkit-keyframes rotateY {
  0% {
    transform: rotateY(90deg);
  }
  80% {
    transform: rotateY(-10deg);
  }
  100% {
    transform: rotateY(0);
  }
}
@-o-keyframes rotateY {
  0% {
    transform: rotateY(90deg);
  }
  80% {
    transform: rotateY(-10deg);
  }
  100% {
    transform: rotateY(0);
  }
}
@keyframes rotateY {
  0% {
    transform: rotateY(90deg);
  }
  80% {
    transform: rotateY(-10deg);
  }
  100% {
    transform: rotateY(0);
  }
}
@-moz-keyframes slideDown {
  0% {
    opacity: 0;
    transform: translateY(-60px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes slideDown {
  0% {
    opacity: 0;
    transform: translateY(-60px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-o-keyframes slideDown {
  0% {
    opacity: 0;
    transform: translateY(-60px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideDown {
  0% {
    opacity: 0;
    transform: translateY(-60px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-moz-keyframes rotateX {
  0% {
    opacity: 0;
    transform: rotateX(-90deg);
  }
  50% {
    transform: rotateX(-20deg);
  }
  100% {
    opacity: 1;
    transform: rotateX(0deg);
  }
}
@-webkit-keyframes rotateX {
  0% {
    opacity: 0;
    transform: rotateX(-90deg);
  }
  50% {
    transform: rotateX(-20deg);
  }
  100% {
    opacity: 1;
    transform: rotateX(0deg);
  }
}
@-o-keyframes rotateX {
  0% {
    opacity: 0;
    transform: rotateX(-90deg);
  }
  50% {
    transform: rotateX(-20deg);
  }
  100% {
    opacity: 1;
    transform: rotateX(0deg);
  }
}
@keyframes rotateX {
  0% {
    opacity: 0;
    transform: rotateX(-90deg);
  }
  50% {
    transform: rotateX(-20deg);
  }
  100% {
    opacity: 1;
    transform: rotateX(0deg);
  }
}
@-moz-keyframes rotateZ {
  0% {
    opacity: 0;
    transform: translateZ(290px);
  }
  80% {
    transform: translateZ(10px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}
@-webkit-keyframes rotateZ {
  0% {
    opacity: 0;
    transform: translateZ(290px);
  }
  80% {
    transform: translateZ(10px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}
@-o-keyframes rotateZ {
  0% {
    opacity: 0;
    transform: translateZ(290px);
  }
  80% {
    transform: translateZ(10px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes rotateZ {
  0% {
    opacity: 0;
    transform: translateZ(290px);
  }
  80% {
    transform: translateZ(10px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}
@-moz-keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-o-keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-moz-keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-o-keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes scaleZ {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    transform: scale(1.07);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-moz-keyframes translateX {
  0% {
    opacity: 0;
    transform: translateX(60px);
  }
  80% {
    transform: translateX(-5px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@-webkit-keyframes translateX {
  0% {
    opacity: 0;
    transform: translateX(60px);
  }
  80% {
    transform: translateX(-5px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@-o-keyframes translateX {
  0% {
    opacity: 0;
    transform: translateX(60px);
  }
  80% {
    transform: translateX(-5px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes translateX {
  0% {
    opacity: 0;
    transform: translateX(60px);
  }
  80% {
    transform: translateX(-5px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
/* Kontrastmodus */
body.kontrast,body.kontrast .footer{
  background: #fff;
  color: #000;
}
body.kontrast h1,body.kontrast .h1,body.kontrast h2,body.kontrast .h2,body.kontrast h3,body.kontrast .h3,body.kontrast .meganavText strong {
  color: #000;
}
body.kontrast .main-nav li a{
  color: #0f5075;
}