/*

Gelb: #fccc5a 
Rot: #f37060
Orange: #f37060
Violett: #d2b8d8
Grün: #7ecab4
Blau: #459bda
*/




.cf-sidenav {
    background: rgba(252, 252, 252, 0.50);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 5px 5px 15px #cccccc;
}

.herosec .uk-background-norepeat {
    background-position-x: 67%!important;
}

/* Chat-Button nur auf Beschwerde-Seite(n) */
body:not(.page-id-86):not(.page-id-531) #builderwidget-2 {display: none;}

html[lang*="ls"] .tm-toolbar-default  {
    background: #459bda; 
}
html[lang*="ls"] .wpml-ls-slot-toolbar-right.wpml-ls-current-language .wpml-ls-link {
    color: #459bda!important;
}


.uk-navbar-toggle-icon {
	background-color: #f37060;
	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;
}

/* Smartphones*/

@media all and (max-width: 645px) {
	.mobile-centered
	{text-align: center;}
}


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

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

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


.themen-grid .el-title {
	display: inline-block;
	border-bottom: 5px solid #000;
}

/*

Gelb: #fccc5a 
Rot: #f37060
Orange: #f16e2b
Violett: #d2b8d8
Grün: #7ecab4

*/

.themen-grid .gelb .el-title  {border-color: #fccc5a; }
.themen-grid .rot .el-title {border-color: #f37060; }
.themen-grid .orange .el-title {border-color: #f37060; }
.themen-grid .violett .el-title {border-color: #d2b8d8; }
.themen-grid .gruen .el-title {border-color: #7ecab4; }
.themen-grid .blau .el-title {border-color: #459bda; }

.themen-grid .blau {background: linear-gradient(rgba(69,155,218,0.1), rgba(69,155,218,0.1)), #fff;} .themen-grid .blau:hover {background: linear-gradient(rgba(69,155,218,0.4), rgba(69,155,218,0.4)), #fff;}

.themen-grid .gelb {background: linear-gradient(rgba(252,204,90,0.1), rgba(252,204,90,0.1)), #fff;} .themen-grid .gelb:hover {background: linear-gradient(rgba(252,204,90,0.4), rgba(252,204,90,0.4)), #fff;}

.themen-grid .gruen {background: linear-gradient(rgba(126,202,180,0.1), rgba(126,202,180,0.1)), #fff;} .themen-grid .gruen:hover {background: linear-gradient(rgba(126,202,180,0.4), rgba(126,202,180,0.4)), #fff;}

.themen-grid .orange {background: linear-gradient(rgba(241,110,43,0.1), rgba(241,110,43,0.1)), #fff;} .themen-grid .orange:hover {background: linear-gradient(rgba(241,110,43,0.4), rgba(241,110,43,0.4)), #fff;}

.themen-grid .rot {background: linear-gradient(rgba(243,112,96,0.1), rgba(243,112,96,0.1)), #fff;} .themen-grid .rot:hover {background: linear-gradient(rgba(243,112,96,0.4), rgba(243,112,96,0.4)), #fff;}

.themen-grid .violett {background: linear-gradient(rgba(210,184,216,0.1), rgba(210,184,216,0.1)), #fff;} .themen-grid .violett:hover {background: linear-gradient(rgba(210,184,216,0.4), rgba(210,184,216,0.4)), #fff;}

.gruen.uk-section .uk-tile-primary {background: #7ecab4;}
.rot.uk-section .uk-tile-primary {background: #f37060;}
.gelb.uk-section .uk-tile-primary {background: #fccc5a;}
.violett.uk-section .uk-tile-primary {background: #d2b8d8;}
.gruen.uk-section .uk-tile-primary {background: #7ecab4;}
.blau.uk-section .uk-tile-primary {background: #459bda;}

/*--------------------------- WPML */

.wpml-ls-slot-toolbar-right {
	border: 1px solid #FFFFFF;
	border-radius: 50px;
	padding: 3px 15px 3px 15px!important;
	margin-left: 15px!important;
	}
.wpml-ls-slot-toolbar-right.wpml-ls-current-language {
	background-color: #FFFFFF;
	margin-left: 15px!important;
	}
.wpml-ls-slot-toolbar-right.wpml-ls-current-language .wpml-ls-link {
	color: #f16f2b;
	}

/* Video-Popup */
.uk-lightbox-items-fit>*>*
 {
    max-width: 65vw!important;
}

.videopopup .el-item > a {
    position: relative;
    display: inline-block;
}

.videopopup .el-item > a::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64px;   /* Größe des Play-Buttons */
    height: 64px;
    transform: translate(-50%, -50%);
    background: url('../images/play.png') center center no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 10;
}