/*  lets go */

.overlay-col {margin-top: -450px; min-height: 400px;}
.overlay-col .uk-button-large {position: absolute;}

.whitetext h1 {color: #FFFFFF!important; text-shadow: 1px 1px 1px #888;}
.whitetext , .whitetext h3 , .whitetext .uk-card-default {color: #FFFFFF!important;}

/*.tm-toolbar {display: none;}
.home .tm-toolbar {display: inherit;}*/

/*.tm-header .uk-sticky-fixed {top: 46px !important;}*/

.tm-toolbar {background-color: #f7f7f7; padding-top: 10px;
    padding-bottom: 10px;}
.tm-toolbar, .tm-toolbar a {color: #000!important;}
.home .tm-toolbar, .home .tm-toolbar a {color: #FFFFFF!important;}
.home .tm-toolbar {background-color: transparent!important;}

/* Sticky Toolbar (Timon)
.tm-toolbar {
    position: fixed;
    z-index: 983;
    margin-top: -46px!important;
    background: #f7f7f7;
    color: #000!important;
    padding: 10px 0;
}

.tm-header .uk-sticky-fixed {top: 46px !important;}
.tm-header .uk-sticky-fixed .uk-logo {
    justify-content: left;
}

.uk-navbar-container.uk-navbar-sticky .uk-logo {
    max-width: 180px;
}

.home .tm-header  {
    margin-top: 45px!important;
}
*/



.stickyHeader .uk-sticky {margin-top: 46px!important; }
.home .stickyHeader .uk-sticky {margin-top: 0px!important; }


.stickyHeader .tm-toolbar {
    position: fixed;
    background: #f7f7f7;
    width: 100%;
    
    margin-top: -46px;
    z-index: 999;
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 10px;}











/* Alles Mögliche */

.stroke {
	background: url(../images/stroke.png) center center no-repeat;
/*	margin-bottom: 80px!important;
	margin-top: 40px!important;*/
    min-height: 255px;
}
h1.stroke {
    line-height: 255px;
    }


.typewriter h2 {
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid white; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  
  animation: 
    typing 6.5s steps(40, end),
    blink-caret .75s step-end infinite;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: white; }
}

.subnavi-programme {
    font-size: 14px!important;
}
.subnavi-programme h5 {
    margin-bottom: 0!important;
    font-size: 12px;
    line-height: 18px;
}
.subnavi-programme .uk-margin {
    margin-top: 5px!important;
}


.blauer-kreis {
    opacity: 0.5!important;
    }

.panel-text-white .el-link,
.panel-text-white .el-title,
.panel-text-white .el-content
{color: #FFFFFF!important;}

.panel-text-white.uk-card-default {
border: 1px solid #FFFFFF!important;
}

.kein-padding-bitte .uk-container {
padding-left: 0px;
padding-right: 0px;    
}


#navbartop {
	transition: 0.4s;
}


.blob {
    -webkit-mask-image: url(../images/blob.svg);
    mask-image: url(../images/blob.svg);
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
}

.blob-panel img {
    -webkit-mask-image: url(../images/blob.svg);
    mask-image: url(../images/blob.svg);
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
}



/* Styling Tests */

fieldset.radioInputContainer {border: 1px solid #ccc;}
fieldset.radioInputContainer:hover {border: 1px solid #F1F1F1; background-color: #F1F1F1;}
fieldset.radioInputContainer .headline h4 {color: #005888; font-size: 19px;}
fieldset.radioInputContainer label.radio:hover {color: #005888;}
input[type=submit] {
    background-color: #005888;
    color: white;  
	padding: 10px 30px;
	border: none;
	border-radius: 4px;
	font-size: 16px;
}
input[type=submit]:hover  {background-color: rgba(0,88,136,0.80);}


/*Megamenu*/


.uk-navbar-right {
    margin-bottom: -24px;
}


#mega-menu-item-322 {margin-bottom: 20px!important;}

.uk-navbar-transparent a.mega-menu-link {
    color: #FFFFFF!important;
    letter-spacing: 1px;
}

#mega-menu-wrap-navbar #mega-menu-navbar li.mega-menu-megamenu ul.mega-sub-menu a.mega-menu-link {
    color: #000000!important;
    letter-spacing: 0px;
}

#mega-menu-wrap-navbar #mega-menu-navbar > li.mega-menu-item > a.mega-menu-link  {
    padding-top: 13px!important;
}

#mega-menu-wrap-navbar #mega-menu-navbar > li.mega-menu-megamenu > ul.mega-sub-menu {
    margin-top: 27px;
}





/* /**** GRid Overlay ****/
.itemContainer {
  position: relative; }

.itemContainer:after {
  content: "";
  display: block;
  padding-bottom: 100%; }

.gridContent {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10; }

.itemOverlay {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  transition: all 500ms;
  z-index: 1; }

.itemContainer:hover .itemOverlay {
  opacity: 0.6;
  transition: all 500ms; }

.itemContainer h2.el-title {
    color: #FFFFFF!important;
    padding: 0 27px;
    font-size: 35px;
}

.itemContainer h4.el-title {
    color: #FFFFFF!important;
    padding: 0 27px;
    font-size: 25px;
}

.uk-navbar-dropdown-nav .uk-nav-sub {
    padding-left: 15px;
    font-size: 14px;
}


/* Yootheme Error / Korrekturen */

.angebote .el-link {display:none;}
.no-desktop {display:none;}

/*Handy*/
 @media (max-width: 640px) {
    .startslider h1 {
        font-size: 22.54px;
        max-width: 50%!important;
        line-height: 28px;
        padding-left: 10px;
        font-weight: 500;
    }
    .no-mobile {display: none;}
    .no-desktop {display:inherit;}
    .mobile-startheader p {color: #FFFFFF!important;}
    .mobile-centered {margin: auto auto!important; text-align: center!important;}
    
    .stickit {display: none!important;}
    
    .uk-overlay p {
        font-size: 12px!important;
        line-height: 18px!important;
        margin: 5px 0!important;
    }
    
    .uk-card {
        left: inherit!important;
        right: inherit!important;
    }
    
    
}