@charset "UTF-8";
/* CSS Document für alle steelandstone Seiten*/



h1 {
	font-family: "Over the Rainbow";
	font-size: 3em;
	color: rgb(20,20,20);
	text-shadow: 0.3em 0.3em 0.4em LightGray, 0 0 1.55em white, 0 0 0.4em white;
	font-style: normal;
	text-align: center;
	
	}	
	
h2 {
	font-family: "Over the Rainbow";
	font-size: 1em;
	color: Black;
	font-style: normal;
	text-align: center;
	}	
	
p   {	
	font-family: "Open Sans";
	font-size: 1.6em;
	color: black;
	font-style: normal;
	font-variant: normal;
	text-align: center;
	border: 0.2em solid grey;
	border-radius: 1.1em;
 margin: 1em 2em 1em 2em;
 background-color: rgb(201, 198, 190,0.5);
	padding: 1em;
	}	
	
footer {	

	font-family: "Open Sans";
	font-size: 1em;
	color: White;
	text-align: left;
	padding-left: 2em;
	background-color: rgb(20, 20, 20);color:white";
	}	

figure {							/* BEINFLUSST AUSSEHEN NAV IMG*/
    
    margin: 0 auto;
	padding-right: 2em;
	}		
	
i {										/* facebook resp telefon ikon */
    display: inline-block;
    margin: 0 auto;
	padding-right: 1em;
	padding-left: 12em;
	}		

img {
	display: block;
    margin: 0 auto;			/* ACHTUNG BEI EINFUGEN PADDING FÜR NAVBAR ZU BILD WERDEN AUCH ANDERE IMG BEEINFLUSST*/
	}


ul {											/* Navigation*/
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
	}

li {
    float: left;
	}

li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 0.875em 1em;
    text-decoration: none;
	}

li a:hover, .dropdown:hover .dropbtn {
    background-color: rgb(180, 180, 180);
	}

li.dropdown {
    display: inline-block;
	}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: rgb(190, 202, 202);
    min-width: 14em;
    box-shadow: 0em 0.5em 1em 0em rgb(0,0,0,0.2);
    z-index: 1;
	}

.dropdown-content a {
    color: white;
    padding: 0.75em 1em;
    text-decoration: none;
    display: block;
    text-align: left;
	}

.dropdown-content a:hover {
	background-color: rgb(180, 180, 180);
	}

.dropdown:hover .dropdown-content {
    display: block;
	}

.active {
    background-color: rgb(0, 0, 158);
	}	