html, body { 
        margin: 0px; 
        padding: 0px; 
        height: 100%; 
        border: none; 
    } 
body {
    background-color: black;
    }	
p {
    font-family: sans-serif;
    margin: 0 0 10px 0;
    color: white;
    text-align: justify;
    text-shadow: 1px 1px 2px #045d63;  
    }    
a:link {
    color: white;
    text-decoration-color: #84d8ff;
    text-decoration-thickness: .25em;
    text-underline-offset: 2px;
    }  
a:hover {
    color: #84d8ff;
    }  
a:visited {
    color: white;
    opacity: 0.5;
    }	 
.bg-image {
    top: 0px;
    width: 100vw;
    height: 100vh;
    background-image: url("../zindex/wolke.jpg"); /* The image used */
    background-color: #313543; /* Used if the image is unavailable */
    height: 1800px; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    z-index: 1;
    }	  
.txt { width: 80vw;    
       margin-left: 10vw;  
       margin-top: 5px;
      } 

.indexbildrahmen {padding-top: 0.5rem; margin-left: 10vw; width: 80vw;}
.indexbildrahmen {display: flex; flex-wrap: wrap; align-content: space-evenly; justify-content: center;}
img {padding-right: 0.5rem; padding-bottom: 0.5rem;}
img:hover {transform: scale(1.02); }

/*Pads & Desktops - Portrait*/
@media only screen 
and (min-width: 47rem) 
and (orientation:portrait) {
 img { max-width: 23vw;}
 p  {font-size: clamp(14px, 1.2vw, 16px);}
 }
   
/*Pads & Desktops - Landscape*/
@media only screen 
and (min-width: 47rem) 
and (orientation:landscape) { 
 img { max-width: 19vw;} 
 p  {font-size: clamp(14px, 1.2vw, 16px);}
}

/*Phones - Portrait*/
@media only screen 
and (max-width: 46.95rem) 
and (orientation:portrait) { 
 img { max-width: 15vw;}	
 p {font-size: clamp(7px, 0.9vw, 10px);}
}           

/*Phones - Landscape*/
@media only screen 
and (max-width: 46.95rem) 
and (orientation:landscape) {
 img { width: 15vw;}  
 p {font-size: clamp(7px, 0.9vw, 10px);}  
}