/* -- Page -- */
body { 
	color: black; 
	background-color: white;
	background-image: url('/fileadmin/Muster/BitsUndBaeume_Polygons.svg'); background-size: cover;
}

/* -- Header -- */
#header.hero { border-bottom-width: 0;}
#header.hero.is-primary { background-color: rgba(255,255,255,.7);}
#header.hero .hero-body { padding-bottom: 0;}

#header .logo .image img { width: 275px;}

main { background-color: rgba(229, 243, 195, 0.7);}

/* -- Mainnav -- */


/* -- Content -- */
h2 { background-color: transparent;}
u { background-color: rgba(205,221,161,0.7) }

a:hover { color: #5499cacc;}
h2.title a:hover, h3.title a:hover, h4.title a:hover, h5.title a:hover, h6.title a:hover { color: #5499cacc;}
.accordions > h2:hover, .accordions > h3:hover, .accordions > h4:hover, .accordions > h5:hover, .accordions > h6:hover { color: #5499cacc;}


/* -- Footer -- */
#footer { border-top-width: 0; background-color: #444;}
#footer #footer-content {}

#footer .nav-service li a {}


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

	/* -- Header -- */

	/* -- Mainnav -- */	

	/* -- Footer -- */
}



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

}


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


}


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


}