@charset "utf-8";

/* Bayda | letzte Änderung 13.12.2019 */
		
 
        *{
            margin: 0;
            padding: 0;
            font-weight: normal;
            font-size: 100%;
            }

		#weg {display:none;}
  
        
        h1, h2, h3, p {
            font-family: 'courier_primeregular', 'sans-serif';
		   color: #fff;
		   text-shadow: 0px 0px 15px rgba(186,199,206,0.7);
		   line-height: 1.6;
            }
        
       h1 {
            font-size: 4.3em;
		  font-weight: bolder;
            color: rgba(255, 255, 255, 0.74);
		  text-align: center;
		  line-height: 1;
            }
            
       h2 {
            font-size: 2em;
		  font-weight: bolder;
		  line-height: 1;

            }

    	  h3 {
            font-size: 1.7em;
		  font-weight: bolder;
            }
            
       p {
         	font-size: 1.2em;
         	}

	.impressum {
		text-align: center;
		letter-spacing: 1px;
		}
            
            
      .fett {
         	font-weight: bolder;
         	font-size: 1.5em;
		line-height: 1;

         	}
         	
      .klein {
         	font-size: 0.7em;
         	}
         	
	.wenig_zab {
		line-height: 0.9;
		}
  
  
  
  
  

body {
	background: url(../media/bg_img.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
	}

        
 .wrapper {
            max-width: 1400px;
            margin: 0 auto;
		   height: 100vh;
            display: grid; 
            grid-template-columns: 1fr 1fr 1fr;
            grid-template-rows: 50vh auto 1fr 3em; 
            grid-gap: 1em;
            }

.wrapper2 {
            max-width: 1400px;
            margin: 2em 5%;
			height: auto; }
        
        
        .a {
            grid-column: 1 / span 3;
            grid-row: 1 / span 1;
			border: none;
            }
        
        .b {
            grid-column: 1 / span 3;
            grid-row: 2 / span 1;

            }
        
        .c {
            grid-column: 1 / span 2;
		   grid-row: 3 / span 1;
		   padding: 1.5em;
		border: 1px solid #fff;
		column-count: 2;
		column-gap: 1em;
		background-color:rgba(0, 0, 0, 0.41);
            }
        
        .d {
            grid-column: 3 / span 1;
            grid-row: 3 / span 1;
            padding: 1.5em;
		  border: 1px solid #fff;
		   background-color:rgba(0, 0, 0, 0.41);
            }
        
        
       .e {
            grid-column: 1 / span 3;
            grid-row: 4 / span 1;
		  background-color: transparent;
            }
        
    
		a {
			color: #fff;
			text-decoration: none;
			}

		a:visited {
			color: #fff;
			text-decoration: none;
			}

		a:focus,
		a:hover,
		a:active {
			color: #fff;
			text-decoration: underline;
			}



    
        .skalieren {
            width:100%;
            height: auto;
            display: block;
            }
    
    
    @media screen and (max-width: 1400px) {
    
    	
    	#weg {display:block;}
	    
	   h1 {
            font-size: 3	em;
	    }
    	
    	.a {border: 1px solid #fff; }
    	
    	.c {column-count: 1;
		   column-gap: 0}
	    
	    .c, .d {background-color: transparent;}
    	
    	
    	body {
    		background: none;
    		background-color: #095a6d;
    		}
    		
    	.wrapper {
		margin: 0 0.5em 0.5em 0.5em;
    		grid-template-rows: auto auto 1fr 3em; 
    		}
    
    .fett {
         	font-weight: bolder;
         	font-size: 1.3em;
	    
	    
	    
    		} /* Ende Stylesheet */
    		
    		
    		
 @media screen and (max-width: 600px) {
     
     
		h1 { font-size: 2em}	
		
     .wrapper {
			margin: 0 0.5em 0.5em 0.5em;
		   height: auto;
            display: grid; 
            grid-template-columns: 1fr 1fr 1fr;
            grid-template-rows: auto auto 1fr auto 3em; 
            grid-gap: 1em;
            }
            
    	    .c, .d {background-color: transparent;}
        
            
      .c {
            grid-column: 1 / span 3;
            grid-row: 3 / span 1;
		  padding: 1.5em;
		  border: 1px solid #fff;
		   column-count: 1;
		   column-gap: 0;
            }
        
        .d {
            grid-column: 1 / span 3;
            grid-row: 4 / span 1;
            padding: 1.5em;
		  border: 1px solid #fff;
            }
        
        
       .e {
            grid-column: 1 / span 3;
            grid-row: 5 / span 1;
		  background-color: transparent;
            }
     
     
     		} /* Ende Stylesheet */