/*
 Theme Name: NAVI Sport- und Gesundheitsplattform Block Theme
*/


body{
	font-family: LentiaNova;
}



/*Hauptmenü*/

.hauptmenue .wp-block-navigation .wp-block-navigation-item a:hover, .hauptmenue .wp-block-navigation .wp-block-navigation-item a:active, .hauptmenue .wp-block-navigation .wp-block-navigation-item a:focus {
    text-decoration: none;
}

.hauptmenue .wp-block-navigation .wp-block-navigation-item a {
	padding:10px!important;
	display:block;
	border: solid #FFF 1px;
}

.hauptmenue .wp-block-navigation .wp-block-navigation-item a:hover, .hauptmenue .wp-block-navigation .wp-block-navigation-item a:focus, .hauptmenue .wp-block-navigation .wp-block-navigation-item a:active {
	background-color:#000;
	color:#FFF;
}

.hauptmenue .wp-block-navigation .wp-block-navigation-item.current-menu-item a:hover, .hauptmenue .wp-block-navigation .wp-block-navigation-item.current-menu-item a:focus, .hauptmenue .wp-block-navigation .wp-block-navigation-item.current-menu-item a:active {
	background-color:#FFF;
	color:#000;
	border:solid #000 1px;
}


.hauptmenue .wp-block-navigation .gesundheits-kompass.current-menu-item a, .hauptmenue .wp-block-navigation .gesundheits-kompass a:hover, .hauptmenue .wp-block-navigation .gesundheits-kompass a:focus, .hauptmenue .wp-block-navigation .gesundheits-kompass a:active {
   background-color:#95d3dd!important;
   color:#344A9A!important;
}

.hauptmenue .wp-block-navigation .gesundheits-kompass.current-menu-item a:hover, .hauptmenue .wp-block-navigation .gesundheits-kompass.current-menu-item a:focus, .hauptmenue .wp-block-navigation .gesundheits-kompass.current-menu-item a:active {
   background-color:#344A9A!important;
   color:#95d3dd!important;
}



.hauptmenue .wp-block-navigation .sport-atlas.current-menu-item a, .hauptmenue .wp-block-navigation .sport-atlas a:hover, .hauptmenue .wp-block-navigation .sport-atlas a:focus, .hauptmenue .wp-block-navigation .sport-atlas a:active  {
   background-color:#604596!important;
   color:#fff381!important;
}

.hauptmenue .wp-block-navigation .sport-atlas.current-menu-item a:hover, .hauptmenue .wp-block-navigation .sport-atlas.current-menu-item a:focus, .hauptmenue .wp-block-navigation .sport-atlas.current-menu-item a:active  {
   background-color:#fff381!important;
   color:#604596!important;
}

.hauptmenue .wp-block-navigation .current-menu-item a, .hauptmenue .wp-block-navigation .current-menu-ancestor a, .single-post .wp-block-navigation-item.aktuelles a{
   background-color:#000;
   color:#FFF;
}

.hauptmenue .wp-block-navigation .current-menu-item a:hover, .hauptmenue .wp-block-navigation .current-menu-ancestor a:hover, .single-post .wp-block-navigation-item.aktuelles a:hover, .single-post .wp-block-navigation-item.aktuelles a:focus, .single-post .wp-block-navigation-item.aktuelles a:active {
   background-color:#FFF;
   color:#000;
   border:solid #000 1px;
}




.post-type-archive-service .wp-block-navigation-item.services a, .single-service .wp-block-navigation-item.services a{
	background-color:#000;
	color:#FFF;
}

.post-type-archive-service .wp-block-navigation-item.services a:hover, .post-type-archive-service .wp-block-navigation-item.services a:focus, .post-type-archive-service .wp-block-navigation-item.services a:active, .single-service .wp-block-navigation-item.services a:hover, .single-service .wp-block-navigation-item.services a:focus, .single-service .wp-block-navigation-item.services a:active{
	background-color:#FFF;
	color:#000;
	border: solid #000 1px;
}





.wp-block-navigation__submenu-icon{
	display:none!important;
}

.wp-block-navigation__submenu-container{
	display:none!important;
}



.suchbox .wp-block-search__inside-wrapper
{
	padding: 0px!important;
}

.suchbox input
{
	padding: 8px!important;
	line-height:24px!important;
	width:195px!important;
}

.suchbox button
{
	padding: 0px!important;
	height:40px;
	width:40px;
	
}

.suchbox button:hover, .suchbox button:focus, .suchbox button:active
{
	background-color:#FFF;
	color:#000;
	border-left:solid #000 1px;
}



.servicemenue-rechts{
	height:40px;
}

.bg-light-blue{
	
	background-color:#95d3dd;
}

/*Farben*/
.bg-color-gesundheit {
	background-color: #95D3DD;
}
	
.text-color-gesundheit{
	color: #344A9A;
	border-color: #344A9A;
}
										  
.bg-color-sport {
	background-color: #604596;
}
										  
.text-color-sport{
	color: #FFF381;
	border-color: #FFF381;
}


.clr-Gesundheit h3 {
        background-color: #95D3DD;
        color: #344A9A;
    }
    
	.clr-Sport h3 {
        background-color: #604596;
        color: #FFF381;
    }



/* Aktuelles */

/* Buttons */
.btn-gesundheit {
	border-color: #344A9A!important;
    background-color: #344A9A;
    color: #fff;
}
    
.btn-sport {
    border-color: #FFF381!important;
    background-color: #FFF381;
}

a:focus .btn-sport, a:hover .btn-sport{
    color: #FFF381;
    border-color: #FFF381;
    background-color: #604596;
}

a:focus .btn-gesundheit, a:hover .btn-gesundheit{
    background-color: #95D3DD;
    color: #344A9A;
}



/*Teaser-Newsbeitrag*/

.teaser-newsbeitrag .beitragsbild {
	position: relative;
}

.teaser-newsbeitrag .beitragsbild img {
	width: 100%;
    height: auto;
	margin-bottom:0!important;
}

.teaser-newsbeitrag a {
	display:block;
}

 .teaser-newsbeitrag a:hover, .teaser-newsbeitrag a:active, .teaser-newsbeitrag a:focus {
    text-decoration: none;
}

.teaser-newsbeitrag .beitragsinhalt{
	position: absolute;
    width: 300px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

.teaser-newsbeitrag h3 {
	font-size: 22px;
    display: inline;
    padding: 3px 6px 3px 6px;
    font-weight: 400;
    line-height: 35px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.teaser-newsbeitrag .pos-top {
    top: 25px;
    left: 25px;
}
	
.teaser-newsbeitrag .pos-bot {
    bottom: 15px;
    left: 25px;
}


.teaser-newsbeitrag .teaser__btn {
    padding:6px 13px 6px 13px; 
    margin-bottom: 1px !important;
	border: 1px solid;
}

 .teaser-newsbeitrag a:focus-visible{
    outline:2px solid;
    outline-color: #000;
}



/* Beitragsslider groß Hero Item */

.beitragsslider-groß .hero__item .beitragsinhalt{
	position:absolute;
	top:40px;
	left:30px;
	width:60%;
}

.beitragsslider-groß .hero__item h3 {
	font-size: 28px;
    display: inline;
    padding: 3px 6px 3px 6px;
    font-weight: 400;
    line-height: 43px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.beitragsslider-groß .hero__item .teaser__btn {
    padding:6px 13px 6px 13px; 
    margin-bottom: 1px !important;
	border: 1px solid;
	font-size:18px;
}

.beitragsslider-groß .hero__image{
	margin-left:0!important;
	width:100%!important;
}

.hero .owl-dots {
		position:static!important;
		margin-left:0!important;
		margin-top:10px;
		transform:none!important;
	}
											
	.hero__ctrl{
		margin-top:-40px!important; 
												
	}
											
	.hero .owl-dots .owl-dot span{
		border-color: #000;
	}
											
	.hero .owl-dots .owl-dot.active span, .hero .owl-dots .owl-dot:hover span{
		background-color:#000!important;
	}
	.owl-carousel .owl-item img{
		height:auto!important;
	}
    
	
    /* Services */
	
.teaser-service .teaser__con--link .image-container img{
	width:110px!important;
    padding-top: 20px;	
}

.teaser-service .teaser__content--serv::after{
    content:none;,
}

.teaser-service .btn-secondary{
    background-color: #000;
    border-color: #000;
}

.teaser-service .teaser__con--link:hover .btn-secondary, .teaser__con--link:focus .btn-secondary{
    color: #000 !important;
    outline-color: #000 !important;
    border-color: #000;
}

	
	 
	 
    /* Page-Navigation */
    .wp-pagenavi{
        display:flex;
        justify-content: center;
        color: #2f51b6; 
    }
	 
    .wp-pagenavi span{
        background-color: #604596;
        color:#fff;
    }
	 
    .wp-pagenavi a{
        background-color: #efefef;
        border: 1px solid #8a8a8a;
        color:#2f51b6;
        text-decoration: underline;
        width: 30px;
        text-align: center;
    }
	 
    .pages{
        background-color: #efefef !important;
        border: 1px solid #8a8a8a !important;
        color: #000 !important;
    }
	 
    .current{
        width: 30px;
        text-align: center;
    }
	 
    .wp-pagenavi a:hover, .wp-pagenavi a:active, .wp-pagenavi a:focus{
        background-color: #604596;
        color: #000;
		text-decoration: none;
    }
	
	
	
	footer .btn-secondary{
		background-color: #000;
		border-color: #000;
	}

	footer .btn-secondary:hover, footer .btn-secondary:focus, footer .btn-secondary:active{
    color: #000 !important;
    outline-color: #000 !important;
    border-color: #000;
	}
	
     

    //Nur auf mobilen Ansichten (Handy, Tablet)
	@media (max-width: 992px) {

        .teaser-newsbeitrag h3{
            line-height: 1.75;
			font-size: 18px;
        }
    
        .pages{
            display: none !important;
        }
    }
	
	
	
	/* Inhaltselemente */
	
	.content-txt img{
		margin-bottom:0!important;
	}
	
	#filter-box h2{
		font-size:36px;
	}
	
	
	
	/*UL-List*/
	/*.content-txt ul{
		padding: 0;
		list-style-type: none;
	}
	
	.content-txt ul > li {
		padding-left: 40px;
		position: relative;
	}
	
	.content-txt ul > li::before {
		content: "";
		position:absolute;
		top: .55rem;
		left: 20px;
		height: .5rem;
		width: .5rem;
		background-color: #2f51b6;
	}*/
	
	
	
	
	
	
									




/* Change the overlay menu to appear at 900px instead of 1024px */
@media (max-width: 1023px) {
    .hauptheader .wp-block-navigation__container {
        display: none; /* Hides the normal navigation */
    }

    .hauptheader.wp-block-navigation__responsive-container {
        display: flex; /* Shows the overlay (hamburger) menu */
    }
	
	.hauptheader .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block;
	}
	
	.hauptheader .suchbox{
		display:none;
	}
	
	.gs-logo{
		height:auto!important;
		max-width:200px!important;
		margin-left:0px!important;
	}
	
	.hauptheader{
		padding-left:20px!important;
		padding-right:20px!important;
		margin-left:0px;
	}
	
	.hide-mobile{
		display:none!important;
	}
	
	.servicemenue-box{
		padding-left:0px!important;
		padding-right:0px!important;
		
	}
	
	.servicemenue{
		padding-left:12px!important;
		padding-right:12px!important;
	}
	
	
	footer .wp-block-group {
		padding-left:0px!important;
		padding-right:0px!important;
	}
	
	footer .wp-block-group .wp-block-group, footer .wp-block-group #newsletteranmeldung{
		padding-left:12px!important;
		padding-right:12px!important;
	}
	
	footer .wp-block-columns {
		padding-left:12px!important;
		padding-right:12px!important;
	}
	
	.beitragsslider-groß .hero__item h3{
		font-size:18px;
		line-height:30px;
	}
	
	.beitragsslider-groß .hero__item .teaser__btn{
		font-size:14px;
	}
	
	.beitragsslider-groß .hero__item .beitragsinhalt{
		top:25px;
		left:13px;
		
	}
	
	.owl-theme .owl-dots {
		text-align:left;
	}
	
	.teaser-newsbeitrag h3, .newsbeitrag h3{
		font-size:18px;
		line-height:30px;
	}
	
	#more-information{
		margin-top:20px;
	}
	
	#filter-box h2{
		font-size:24px;
	}

}