/* -- Page -- */
body { background-color: white; color: #555;}

/* -- Header -- */
#header.hero.is-primary { background-color: white; border-width: 0; }
#header.hero .hero-body { 
	position: relative; 
	padding: 0;
	border-bottom: 2px #aaa solid;
}

#header .container { max-width: none;}

#header .logo { padding: 15px 0;}
#header .logo .image img { width: 200px; margin: 0 !important;}

#header .navbar { font-family: 'Enriqueta', serif; font-weight: 400; font-size: 16px;}
#header .navbar-aktion { top: calc(50% - 14px)}
#header .navbar-aktion .navbar-item { border: 1px solid #005164;}
#header .navbar-aktion .navbar-item:hover,
#header .navbar-aktion .navbar-item.is-active { background-color: #95c11f;}

/* -- Mainnav -- */
section.mainnav { 
	background-color: white; border-color: #aaa;
	font-size: 20px; font-family: 'Enriqueta', sans-serif; font-weight: 400; 
	letter-spacing: 0.5px; text-transform: none;
}
section.mainnav .container { max-width: calc(1152px + 3rem);}
.navbar-item { 
	color: black; 
	border-color: white;
}
.navbar-link { color: black;}
/* .navbar-item.is-first .icon-text span { display: none;} */
.navbar-item svg.icon { fill: rgb(85, 85, 85);}

.navbar-dropdown .navbar-item { color: white; background-color: #95c11f; font-weight: 400; font-style: normal;}
			
a.navbar-item:hover, .navbar-item.has-dropdown:hover, .navbar-link:hover { color: white; background-color: #95c11f;}
a.navbar-item.is-active:not(:focus):not(:hover), .navbar-link.is-active:not(:focus):not(:hover) { color: white; background-color: #95c11f; border-width: 0;}
a.navbar-item.is-active:hover, .navbar-item.has-dropdown.is-active:hover, .navbar-link.is-active:hover { background-color: #005164;}

#pageUid-500 section.lowercontent { padding-bottom: 475px; background: url("/fileadmin/Redaktion-staga/Illustrationen/Illu_StadtgartenUmzug.jpg") no-repeat center bottom;}

.nav-back { padding: 0;}
.nav-back .button { 
	padding: 0.5rem 1rem 0.5rem 0.5rem;
	border-width: 0; 
	font-family: 'Enriqueta', sans-serif; font-weight: 400; font-size: 20px;
	line-height: 1.5; letter-spacing: 0; text-transform: none;
}

/* -- Content -- */
.title { font-family: 'Enriqueta', serif; font-weight: 400; letter-spacing: 0.5px;} 
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { font-weight: 400;}
h1.title.is-1 { color: #95c11f; margin-bottom: 2rem;}
h2.title.is-2 { background-color: #95c11f; font-size: 1.5em;}
h3.title.is-3 { color: #95c11f;}

.card,
.newsliste .news-item.is-highlight { 
	box-shadow: 0px 0 0px rgb(0, 0, 0); background-color: #f5f3e6;
	color: #555;
}


/* -- News slider -- */
#newsslider-slideinfo p { font-family: "Open Sans", sans-serif; font-size: 22px;}


/* -- Forms -- */
.button, .input, .textarea, .select select, .file-cta, .file-name, .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis { border-width: 2px;}
.label { font-family: 'Enriqueta', serif; font-weight: 400; font-style: italic;}
.button, h6 a.button { font-family: "Open Sans", sans-serif; border-color: #95c11f;}
.button.is-primary { background-color: #95c11f; border-color: #95c11f; color: white;}


/* -- Footer -- */
#footer { 
	position: relative;
	min-height: 275px; 
	padding: 0 5% 0 40px;
	background: transparent url("/typo3conf/ext/def_package/Resources/Public/Images/Backgrounds/enu_KreisFooter.svg") no-repeat -140px 10px; 
	border-top-width: 0;
}
#footer .container { 
	margin: 0 5% 0 0; max-width: none;
	padding-top: 60px;
}
#footer #footer-content {
	display: flex; direction: row; justify-content: flex-start;
	align-items: baseline; align-content: flex-start;
	flex-wrap: wrap;
}
#footer .logo { position: static; width: auto;}
#footer .content .logo figure.image img { width: 110px;}
#footer h6 { color: white; margin-bottom: 0.33rem;}

#footer #nav-projekte { flex: 1 1 0;}



/* ## Tablet ## */
@media screen and ( min-width: 769px ) {

	/* -- Header -- */
	#header .logo .image img { width: 275px;}
	#header .navbar-aktion { right: 15px;}

	/* -- Mainnav -- */	
	.navbar-center img { width: 200px;}

	/* -- Footer -- */
	#footer #weitere-projekte { display: block;}

}



/* ## Desktop ## */
@media screen and ( min-width: 1056px ) {

	#footer #nav-social h6, #footer #nav-service h6 { color: black;}
	#footer #nav-service li, #footer #nav-service p { color: black;}

}


/* ## Widescreen ## */
@media screen and ( min-width: 1248px ) {


}


/* ## Fullhd ## */
@media screen and ( min-width: 1344px ) {


}