@media all and (max-width: 645px) {

.mobile-centered {
	text-align: center!important;
}
}

.startpanel {
    display: inline-block;
    background: #274460;
    padding: 30px 30px 30px 30px;
    width: 500px;
    max-width: calc(100vw - 30px);
    border: 10px solid #FFF
}
.startpanel .el-image {display: none;}

@media(max-width:640px){
	.startpanel{
		top:90px!important;
		left:50vw;
		transform:translate(-50%, 50%)
	}
}


/**** GRid Overlay ****/

.itemContainer .el-title {
    color: #FFFFFF;
    background-color: #273043;
    display: inline;
    padding: 5px 15px;
	
}

.itemContainer .el-content {
    background-color:rgba(255,255,255,0.5);
    padding: 2px 15px;
	max-width: 80%;
	color: #000!important;
}


.itemContainer {
  position: relative;
}

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

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

.gridContent {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  /* Alles centered: */
  display: flex;
  flex-direction: column;
  /*justify-content: space-around;*/
	padding: 30px 30px;
}

.gridContent:hover .el-title, .gridContent:hover .el-meta, .gridContent:hover .el-content {
  /*text-shadow: 2px 2px 2px #000000;*/
}

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



.uk-sticky-below .uk-navbar-container:not(.uk-navbar) {
    padding-top: 2px;
    padding-bottom: 2px;
}
.uk-sticky-below .uk-navbar-right {
	margin-top: 20px;
}

.uk-navbar-right {
	background-color:  rgba(0,0,0,0.2);
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 30px;
	max-height: 66px;
    margin-top: 30px;
}


.uk-navbar-dropdown::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 0 10px 10px 10px;
  border-style: solid;
  border-color: transparent transparent #273043 transparent;
}


/*.uk-navbar-left {
   
    padding: 30px;
    border-bottom-right-radius: 30px;
	margin-left: -50px;
    margin-top: -20px;
}
*/
.custom-acc {
	border: 3px dashed #3c6f3b;
    padding: 20px; 
}

.uk-navbar-toggle-icon {
	background-color: #3c6f3b;
	border-radius: 50px;
	padding: 15px;
}
.uk-navbar-toggle-icon svg {
	fill: #000000;
	width: 30px;
}
.uk-close {
	color: #FFFFFF!important;
	margin: 20px;
}
.uk-close svg  {
	width: 30px!important;
}


/* ------------------------- Navbar frueher zu Mobile wechseln */ 

/* 960px – 1439px: Mobile-Navigation aktiv erzwingen */
@media (min-width: 960px) and (max-width: 1187px) {

    /* Desktop-Navi verstecken */
    .tm-header .uk-navbar-nav {
        display: none !important;
    }

    /* Desktop-Flexbereiche entfernen */
    .tm-header .uk-navbar-left,
    .tm-header .uk-navbar-right {
        display: none !important;
    }

    /* Toolbar / Topbar ausblenden */
    .tm-toolbar,
    .tm-toolbar-container,
    .tm-headerbar {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        overflow: hidden !important;
    }

    /* Mobile Header sichtbar machen */
    .tm-header-mobile {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* YOOtheme versteckt Mobile Header ab @m */
.tm-header-mobile.uk-hidden\@m {
    display: block !important;
}

    /* Burger / Offcanvas Toggle sicherstellen */
    .tm-header-mobile .uk-navbar-toggle,
    .tm-header .uk-navbar-toggle {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}










/*.clickdoc-float-badge {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 9999;

    display: flex;
    align-items: center;
    gap: 12px;

    padding: 14px 18px;
    border-radius: 999px;

    background: #0078c9;
    color: #fff !important;
    text-decoration: none !important;

    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22);

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease;
}

.clickdoc-float-badge:hover,
.clickdoc-float-badge:focus {
    background: #005f9f;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.28);
}

.clickdoc-float-badge__icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.16);
    font-size: 21px;
}

.clickdoc-float-badge__text {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.clickdoc-float-badge__text strong {
    font-size: 16px;
    font-weight: 700;
}

.clickdoc-float-badge__text small {
    margin-top: 3px;
    font-size: 12px;
    opacity: 0.9;
}

@media (max-width: 640px) {
    .clickdoc-float-badge {
        right: 14px;
        bottom: 14px;
        padding: 10px;
    }

    .clickdoc-float-badge__text {
        display: none;
    }

    .clickdoc-float-badge__icon {
        width: 48px;
        height: 48px;
    }
}*/

.uk-navbar-toggle-icon {
	background-color: #274460;
	border-radius: 50px;
	padding: 15px;
}
.uk-navbar-toggle-icon svg {
	fill: #FFFFFF;
	width: 30px;
}
.uk-close {
	color: #263d8c!important;
	margin: 20px;
}
.uk-close svg  {
	width: 30px!important;
}


@media all and (max-width: 1145px) {
	.uk-navbar-right {
	   	padding-left: 0px;
		padding-right: 0px; 
	}
}

@media all and (max-width: 645px) {
.uk-navbar-right {
    border-radius: 50px;
	margin-top: 5px;
	}
	.start-section #page\#1 {
  	border-left: 0px!important;
	}
	.uk-navbar-container:not(.uk-navbar) {
    padding-top: 12px;
    padding-bottom: 5px;
		background-color: rgba(0,0,0,0.50)
}
	
}