/*Css Seite*/

/*Innen- und Außenabstand aller Seiten auf den Wert 0 setzen*/
*{
    margin: 0px;
    padding: 0px;
}



/* Gestaltung der Seite index.html */   /* Gestaltung der Seite index.html */   /* Gestaltung der Seite index.html */
/* Gesamte Seite gestalten */
#seite{
    width: 100%;
    min-height: 3000px;
    border-style: solid;
    border-width: 1px;
    background-color: black;
    margin: auto;
}
/* header gestalten */
#header{
    width: 100%;
    height: 700px;
    border-style: none;
    background-color: black;    
    margin: auto ;
}
/* Logo gestalten */
#logo{
    width: 120px;
    border-style: none;
    background-color: black;
    float: left; 
    position:relative;
    top: 2px;
    left: 15px;
}

#bildlogo{
    width: 100%;
}
/* Menü getalten */
#nav{
    width: 1120px;
    height: 133px;
    border-style: none;
    background-color: black;
    float:right;
    position: relative;
    top:3px;
    right: 0px;
}
            
#nav ul{
    list-style-type: none;
}

#nav ul li{
    width:200px;
    height: 45px;
    border-style:solid;
    border-width:1px;
    border-radius:8px;
    border-color: black;
    background-color: black;
    float:right;
    padding: 3px;
    margin-left:15px;
    position:relative;
    top:44px;
    right:30px;
    text-align:center;
}
            
#nav ul a{
    text-decoration: none;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight:normal;
    font-size: large;
}

#nav ul a:link{
    color:white;
}
            
#nav ul a:hover{
    width:200px;
    height: 45px;
    border-style:solid;
    border-width:1px;
    border-radius:0px;
    border-color:black;
    background-color: rgb(64, 64, 188);
    float:right;
    padding: 3px;
    margin-left:15px;
    position:absolute;
    top:0px;
    right:0px;
    text-align:center;
}

#nav ul a:visited{
    color:white;
}

#nav ul a:active{
    color:black;
}
/* Ende Menü Gestaltung */
/* banner gestalten */
#banner{
    width: 100%;
    height: 560px;
    border-style: none;
    background-color: black;
    float: left; 
    position: relative;
    top: 10px;
    left: 0px;
}

#bildbanner{
    width: 100%;
}

#schrift{
    position: absolute;
    top: 55px;
    left: 0px;
    color: white;
    font-size:larger;
}
/* Untermenü gestalten */
#untermenü{
    width:100%;
    min-height:200px;
    border-style:none;
    border-width:1px;
    border-color:black;
    background-color:black;
    float:left;
    position: relative;
    top:0px;
    left:0px;
    color:rgb(64, 64, 188);  
    text-align:center;
}

#untermenü1{
    margin:100px;
}
            
#untermenü a{
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: larger;
    font-weight:normal;
    text-decoration:none;
    margin-left:10px;
    margin-right:10px;
}

#untermenü a:link{
    color:rgb(64, 64, 188);
}

#untermenü a:hover{
    color:grey;
    text-decoration:underline ;
}
/* Ende Untermenü Gestaltung */
/* Inhalt getalten */
#inhalt{
    width:100%;
    height: 3100px;
    background-color: black;
    float:left;
    position:relative;    
    top:80px;
    left:0px;
} 
/* Bild1 gestalten*/
#bild1{
    width: 550px;
    height: 600px;
    border-style: solid;
    border-color: black; 
    border-width: 3px;
    background-color: black;
    float: left; 
    margin:80px;
    position:relative;
    top:40px;
}

#bildklima{
    width: 550px;
}
/* Bild2 gestalten */
#bild2{
    width: 100%;
    height: 300px;
    border-style: solid;
    border-color: black; 
    border-width: 3px;
    background-color: black;
    float: left; 
    position: relative;
    top:150px;
}

#bildursache{
    width: 100%;
}
/* Bild3 gestalten */
#bild3{
    width: 550px;
    height: 600px;
    border-style: solid;
    border-color: black; 
    border-width: 3px;
    background-color: black;
    float: right; 
    margin:80px;
    position: relative;
    top:250px;
}

#bildschutz{
    width: 550px;
}
/* Bild4 getalten */
#bild4{
    width: 100%;
    height: 300px;
    border-style: solid;
    border-color: black; 
    border-width: 3px;
    background-color: black;
    float: left; 
    position: relative;
    top:290px;
}

#bildfolge{
    width: 100%;
    }
/* Einführungstext gestalten */
#text{
    width: 700px;
    height: 200px;
    background-color: black;
    position:relative;
    top:60px;
    margin:auto;
    text-align:center;
    color:white;
}

#text h1{
    font-size: xx-large;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:bold;
}
        
#text p{
    font-size: large;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:normal;
    margin:15px;
}
/* Text1 gestalten */
#text1{
    width: 450px;
    height: 350px;
    background-color: black;
    float:right;
    position: relative;
    top: 260px;
    right: 100px;
    text-align:center;
    color:white;
}

#text1 h1{
    font-size: xx-large;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:bold;
}
            
#text1 p{
    font-size: large;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:normal;
    margin:15px;
}
            
#text1 div{
    width: 200px;
    height: 50px;
    border-width:2px;
    border-style: solid;
    background-color: black;
    margin: auto;
    text-align: center;
    position: relative;
    top: 20px;
}
            
#text1 a{
    font-size: large;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:normal;
    color:white;
    text-decoration: none;
    position: relative;
    top: 10px;
}

#text1 a:hover{
    color:grey;
    text-decoration:underline ;
}
/* Ende Text1 Gestaltung */
/* Text2 gestalten */
#text2{
    float:left;
    position: absolute;
    top: 50px;
    left:20px;
    right:600px;
    text-align:left;
    color:black;
}

#text2 h1{
    font-size: xx-large;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:bolder;
}
            
#text2 p{
    font-size: large;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:bold;
    margin-top: 15px;
}
            
#text2 div{
    width: 200px;
    height: 50px;
    border-color:black;
    border-width:2px;
    border-style: solid;
    background-color: white;
    margin: left;
    text-align: center;
    position: relative;
    top: 30px;
}
            
#text2 a{
    font-size: large;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:normal;
    color:black;
    text-decoration: none;
    position: relative;
    top: 10px;
}

#text2 a:hover{
    color:grey;
    text-decoration:underline ;
} 
/* Ende Text2 Gestaltung */
/* Text3 getsalten */
#text3{
    width: 450px;
    height: 350px;
    background-color: black;
    float:left;
    position: relative;
    top: 430px;
    left: 85px;
    text-align:center;
    color:white;
}

#text3 h1{
    font-size: xx-large;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:bold;
}
            
#text3 p{
    font-size: large;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:normal;
    margin:20px;
}
            
#text3 div{
    width: 200px;
    height: 50px;
    border-color:white;
    border-width:2px;
    border-style: solid;
    background-color: black;
    margin: auto;
    text-align: center;
    position: relative;
    top: 15px;
}

#text3 a{
    font-size: large;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:normal;
    color:white;
    text-decoration: none;
    position: relative;
    top: 10px;
}

#text3 a:hover{
    color:grey;
    text-decoration:underline ;
} 
/* Ende Text3 Gestaltung */
/* Text4 gestalten */
#text4{
    float:left;
    position: absolute;
    top: 50px;
    left:20px;
    right:600px;
    text-align:left;
    color:black;
}

#text4 h1{
    font-size: xx-large;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:bolder;
}
            
#text4 p{
    font-size: large;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:bold;
    margin-top: 15px;
}
            
#text4 div{
    width: 200px;
    height: 50px;
    border-color:black;
    border-width:2px;
    border-style: solid;
    background-color: white;
    margin: left;
    text-align: center;
    position: relative;
    top: 30px;
}
            
#text4 a{
    font-size: large;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:normal;
    color:black;
    text-decoration: none;
    position: relative;
    top: 10px;
}

#text4 a:hover{
    color:grey;
    text-decoration:underline ;
}  
/* Ende Text4 Gestaltung */



/* Gestaltung der Seite klimawandel.html */ /* Gestaltung der Seite klimawandel.html */ /* Gestaltung der Seite klimawandel.html */
/* Seite gestalten         */
#seiteklima{
    width: 100%;
    min-height: 3320px;
    border-style: solid;
    border-width: 1px;
    background-color: black;
    margin: auto;
}
/* Inhalt gestalten         */
#inhaltklima{
    width:100%;
    height: 2400px;
    background-color: black;
    float:left;
    position:relative;    
    top:0px;
    left:0px;
    text-align:center; 
}   
/* Inhaltsverzeichnis gestalten */
#textklima{
    width:100%;
    height:600px;
    background-image:url(klima.jpg);
    background-size: cover;
    float:left;
    position:relative;    
    top:-520px;
    left:0px;
    text-align:center; 
}

#textklima a{
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: larger;
    font-weight:normal;
    text-decoration:none;
    margin-left:10px;
    margin-right:10px;
}

#textklima a:link{
    color:white;
}

#textklima a:hover{
    color:white;
    text-decoration:underline ;
}

#textklima a:visited{
    color:white;

}

#textklima h1{
    font-size: 60px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:bolder;
    margin-top:60px;
    color:white;
}
            
#textklima li{ 
    font-size: xx-large;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:normal;
    margin-top: 30px;
}

/* Inhalt1 Thema Klimawandel gestalten */
#textklima1{
    width:100%;
    height:600px;
    background-image: url(klima1.jpg);
    background-size: cover;
    float:left;
    position:relative;    
    top:-450px;
    left:0px;
    text-align:center; 
    color:black;
    
}

#textklima1 h1{
    font-size: 50px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:bolder;
    margin-top:50px;
}
            
#textklima1 p{ 
    font-size: xx-large;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:normal;
    margin-top: 30px;
    margin-left:10px;
    margin-right:10px;
}
/* Inhalt2 Thema Klimawandel gestalten */
#textklima2{
    width:100%;
    height:600px;
    background-image:url(klima2.jpg);
    background-size: cover;
    float:left;
    position:relative;    
    top:-380px;
    left:0px;
    text-align:center;
    color:black;
}

#textklima2 h1{
    font-size: 50px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:bolder;
    margin-top:50px;
}
            
#textklima2 p{ 
    font-size: xx-large;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:normal;
    margin-top: 30px;
    margin-left:10px;
    margin-right:10px;
}
/* Inhalt3 Thema Klimawandel gestalten */
#textklima3{
    width:100%;
    height:600px;
    background-image:url(klima3.jpg) ;
    background-size: cover;
    float:left;
    position:relative;    
    top:-310px;
    left:0px;
    text-align:center;
    color:black; 
}

#textklima3 h1{
    font-size: 50px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:bolder;
    margin-top:50px;
}
            

#textklima3 p{ 
    font-size: xx-large;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:normal;
    margin-top: 30px;
    margin-left:10px;
    margin-right:10px;
}
/* Untermenü gestalten */
#untermenüklima{
    width:100%;
    min-height:200px;
    border-style:none;
    border-width:1px;
    border-color:black;
    background-color:black;
    float:left;
    position: relative;
    top:0px;
    left:0px;
    color:rgb(64, 64, 188);  
    text-align:center;
}

#untermenüklima1{
    margin:100px;
}
            
#untermenüklima a{
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: larger;
    font-weight:normal;
    text-decoration:none;
    margin-left:10px;
    margin-right:10px;
}

#untermenüklima a:link{
    color:rgb(64, 64, 188);
}

#untermenüklima a:hover{
    color: grey;
    text-decoration:underline ;
}
/* Ende Untermenügestaltung */



/* Gestaltung der Seite ursachen.html */    /* Gestaltung der Seite ursachen.html */    /* Gestaltung der Seite ursachen.html */
/* Seite gestalten         */
#seiteursachen{
    width: 100%;
    min-height: 3320px;
    border-style: solid;
    border-width: 1px;
    background-color: black;
    margin: auto;
}
/* Inhalt gestalten         */
#inhaltursachen{
    width:100%;
    height: 2400px;
    background-color: black;
    float:left;
    position:relative;    
    top:0px;
    left:0px;
    text-align:center; 
}   
/* Inhaltsverzeichnis gestalten */
#textursachen{
    width:100%;
    height:600px;
    background-image:url(klima.jpg);
    background-size: cover;
    float:left;
    position:relative;    
    top:-520px;
    left:0px;
    text-align:center; 
}

#textursachen a{
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: larger;
    font-weight:normal;
    text-decoration:none;
    margin-left:10px;
    margin-right:10px;
}

#textursachen a:link{
    color:white;
}

#textursachen a:hover{
    color:white;
    text-decoration:underline ;
}

#textursachen a:visited{
    color: white;
}

#textursachen h1{
    font-size: 60px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:bolder;
    margin-top:60px;
    color: white;
}
            

#textursachen li{ 
    font-size: xx-large;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:normal;
    margin-top: 30px;
}
/* Inhalt1 Thema Ursachen gestalten */
#textursachen1{
    width:100%;
    height:600px;
    background-image: url(ursachen1.jpg);
    background-size: cover;
    float:left;
    position:relative;    
    top:-450px;
    left:0px;
    text-align:center; 
    color:black;
}

#textursachen1 h1{
    font-size: 60px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:bolder;
    margin-top:50px;
}
            
#textursachen1 p{ 
    font-size: xx-large;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:normal;
    margin-top: 30px;
    margin-left:50px;
    margin-right:50px;
}
/* Inhalt2 Thema Ursachen gestalten */
#textursachen2{
    width:100%;
    height:600px;
    background-image: url(ursachen2.jpg);
    background-size: cover;
    float:left;
    position:relative;    
    top:-380px;
    left:0px;
    text-align:center; 
}

#textursachen2 h1{
    font-size: 50px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:bolder;
    margin-top:60px;
}
            
#textursachen2 p{ 
    font-size: xx-large;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:normal;
    margin-top: 30px;
    margin-left:50px;
    margin-right:50px;
}
/* Inhalt3 Thema Ursachen gestalten */
#textursachen3{
    width:100%;
    height:600px;
    background-image: url(ursachen3.jpg);
    background-size: cover;
    float:left;
    position:relative;    
    top:-310px;
    left:0px;
    text-align:center;
    color:black; 
}

#textursachen3 h1{
    font-size: 50px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:bolder;
    margin-top:50px;
}
            

#textursachen3 p{ 
    font-size: xx-large;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:normal;
    margin-top: 30px;
    margin-left:10px;
    margin-right:10px;
}
/* Untermenü gestalten */
#untermenüursachen{
    width:100%;
    min-height:200px;
    border-style:none;
    border-width:1px;
    border-color:black;
    background-color:black;
    float:left;
    position: relative;
    top:0px;
    left:0px;
    color:rgb(64, 64, 188);  
    text-align:center;
}

#untermenüursachen1{
    margin:100px;
}
            
#untermenüursachen a{
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: larger;
    font-weight:normal;
    text-decoration:none;
    margin-left:10px;
    margin-right:10px;
}

#untermenüursachen a:link{
    color:rgb(64, 64, 188);
}

#untermenüursachen a:hover{
    color:grey;
    text-decoration:underline ;
}
/* Ende Untermenügestaltung */



/* Gestaltung der Seite auswirkungen.html */    /* Gestaltung der Seite auswirkungen.html */    /* Gestaltung der Seite auswirkungen.html */
/* Seite gestalten         */
#seitefolgen{
    width: 100%;
    min-height: 3320px;
    border-style: solid;
    border-width: 1px;
    background-color: black;
    margin: auto;
}
/* Inhalt gestalten         */
#inhaltfolgen{
    width:100%;
    height: 2400px;
    background-color: black;
    float:left;
    position:relative;    
    top:0px;
    left:0px;
    text-align:center; 
}   
/* Inhaltsverzeichnis gestalten */
#textfolgen{
    width:100%;
    height:600px;
    background-image: url(klima.jpg);
    background-size: cover;
    float:left;
    position:relative;    
    top:-520px;
    left:0px;
    text-align:center; 
}

#textfolgen a{
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: larger;
    font-weight:normal;
    text-decoration:none;
    margin-left:10px;
    margin-right:10px;
}

#textfolgen a:link{
    color:white;
}

#textfolgen a:hover{
    color:white;
    text-decoration:underline ;
}

#textfolgen a:visited{
    color: white;
}

#textfolgen h1{
    font-size: 60px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:bolder;
    margin-top:60px;
    color: white;
}
            

#textfolgen li{ 
    font-size: xx-large;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:normal;
    margin-top: 30px;
}
/* Inhalt1 Thema Auswirkungen gestalten */
#textfolgen1{
    width:100%;
    height:600px;
    background-image: url(folgen1.jpg);
    background-size: cover;
    float:left;
    position:relative;    
    top:-450px;
    left:0px;
    text-align:center; 
    color:black;
}

#textfolgen1 h1{
    font-size: 50px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:bolder;
    margin-top:60px;
}
            
#textfolgen1 p{ 
    font-size: xx-large;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:normal;
    margin-top: 30px;
    margin-left:50px;
    margin-right:50px;
}
/* Inhalt2 Thema Auswirkungen gestalten */
#textfolgen2{
    width:100%;
    height:600px;
    background-image: url(folgen2.jpg);
    background-size: cover;
    float:left;
    position:relative;    
    top:-380px;
    left:0px;
    text-align:center; 
}

#textfolgen2 h1{
    font-size: 50px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:bolder;
    margin-top:70px;
}
            
#textfolgen2 p{ 
    font-size: xx-large;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:normal;
    margin-top: 40px;
    margin-left:70px;
    margin-right:70px;
}
/* Inhalt3 Thema Auswirkungen gestalten */
#textfolgen3{
    width:100%;
    height:600px;
    background-image: url(folgen3.jpg);
    background-size: cover;
    float:left;
    position:relative;    
    top:-310px;
    left:0px;
    text-align:center;
    color:black; 
}

#textfolgen3 h1{
    font-size: 50px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:bolder;
    margin-top:80px;
}
            

#textfolgen3 p{ 
    font-size: xx-large;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight:normal;
    margin-top: 30px;
    margin-left:70px;
    margin-right:70px;
}
/* Untermenü gestalten */
#untermenüfolgen{
    width:100%;
    min-height:200px;
    border-style:none;
    border-width:1px;
    border-color:black;
    background-color:black;
    float:left;
    position: relative;
    top:0px;
    left:0px;
    color:rgb(64, 64, 188);  
    text-align:center;
}

#untermenüfolgen1{
    margin:100px;
}
            
#untermenüfolgen a{
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: larger;
    font-weight:normal;
    text-decoration:none;
    margin-left:10px;
    margin-right:10px;
}

#untermenükfolgen a:link{
    color:rgb(64, 64, 188);
}

#untermenüfolgen a:hover{
    color:grey;
    text-decoration:underline ;
}
/* Ende Untermenügestaltung */



/* Gestaltung der Seite klimaschutz.html */ /* Gestaltung der Seite klimaschutz.html */ /* Gestaltung der Seite klimaschutz.html */
/* Seite gestalten         */
#seiteschutz{
    width: 100%;
    min-height: 3320px;
    border-style: solid;
    border-width: 1px;
    background-color: black;
    margin: auto;
}
/* Inhalt gestalten         */
#inhaltschutz{
    width:100%;
    height: 2400px;
    background-color: black;
    float:left;
    position:relative;    
    top:0px;
    left:0px;
    text-align:center; 
}   
/* Inhaltsverzeichnis gestalten */
#textschutz{
    width:100%;
    height:600px;
    background-image: url(klima.jpg);
    background-size: cover;
    float:left;
    position:relative;    
    top:-520px;
    left:0px;
    text-align:center; 
}

#textschutz a{
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: larger;
    font-weight:normal;
    text-decoration:none;
    margin-left:10px;
    margin-right:10px;
}

#textschutz a:link{
    color:white;
}

#textschutz a:hover{
    color:white;
    text-decoration:underline ;
}

#textschutz a:visited{
    color: white;
}

#textschutz h1{
    font-size: 60px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:bolder;
    margin-top:60px;
    color:white;
}
            

#textschutz li{ 
    font-size: xx-large;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:normal;
    margin-top: 30px;
}
/* Inhalt1 Thema Klimaschutz gestalten */
#textschutz1{
    width:100%;
    height:600px;
    background-image: url(schutz1.jpg);
    background-size: cover;
    float:left;
    position:relative;    
    top:-450px;
    left:0px;
    text-align:center; 
    color:black;
}

#textschutz1 h1{
    font-size: 40px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:bolder;
    margin-top:35px;
}
            
#textschutz1 p{ 
    font-size: xx-large;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:normal;
    margin-top: 20px;
    margin-left:10px;
    margin-right:10px;
}
/* Inhalt2 Thema Klimaschutz gestalten */
#textschutz2{
    width:100%;
    height:600px;
    background-image: url(schutz2.jpg);
    background-size: cover;
    float:left;
    position:relative;    
    top:-380px;
    left:0px;
    text-align:center; 
}

#textschutz2 h1{
    font-size: 40px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:bolder;
    margin-top:45px;
}
            
#textschutz2 p{ 
    font-size: xx-large;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:normal;
    margin-top: 20px;
    margin-left:10px;
    margin-right:10px;
}
/* Inhalt3 Thema Klimaschutz gestalten */
#textschutz3{
    width:100%;
    height:600px;
    background-image: url(schutz3.jpg);
    background-size: cover;
    float:left;
    position:relative;    
    top:-310px;
    left:0px;
    text-align:center;
    color:black; 
}

#textschutz3 h1{
    font-size: 50px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:bolder;
    margin-top:50px;
}
            

#textschutz3 p{ 
    font-size: xx-large;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; ;
    font-weight:normal;
    margin-top: 30px;
    margin-left:80px;
    margin-right:80px;
}
/* Untermenü gestalten */
#untermenüschutz{
    width:100%;
    min-height:200px;
    border-style:none;
    border-width:1px;
    border-color:black;
    background-color:black;
    float:left;
    position: relative;
    top:0px;
    left:0px;
    color:rgb(64, 64, 188);  
    text-align:center;
}

#untermenüschutz1{
    margin:100px;
}
            
#untermenüschutz a{
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: larger;
    font-weight:normal;
    text-decoration:none;
    margin-left:10px;
    margin-right:10px;
}

#untermenüschutz a:link{
    color:rgb(64, 64, 188);
}

#untermenüschutz a:hover{
    color: grey;
    text-decoration:underline ;
}
/* Ende Untermenügestaltung */