@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400&family=Source+Serif+Pro:wght@200;300;400&display=swap');

		
/* --------------------CSS RESET--------------------------*/
	*{
		box-sizing:border-box;
		margin:0;
		padding:0;
	}

/* -----------------START GRUNDLAGEN CSS----------------- */

	html, body {
		background-color:rgba(255,255,255,1.00);
	    padding:2rem;
		font-family: 'Source Serif Pro', serif, Montserrat, sans-serif;
		font-size: 20px;
		color:rgba(138,134,134,1.00);
		/*scroll-behavior:smooth;
        overflow: hidden*/
	}

	h1 {
		font-family: 'Raleway', sans-serif;
		font-size:2.25rem;
		color:#383838;
		text-transform: uppercase;
        margin:6.5rem 1rem 0rem 0rem;
        text-align: center;
	}

	h2 {
        font-family: 'Raleway', sans-serif;
		color:#383838;
		font-size: 1.6rem;
    	/*margin-bottom:1.5rem;*/
	}

        
	h3 {
        font-family: 'Raleway', sans-serif;
		color:#383838;
		font-size: 1.6rem;
        margin:0.5rem 0rem;
}

	a {
		text-decoration: none;
		color:#383838;
	}

	img {
		width:100%;
	}


	main{
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 5rem;
		margin-bottom: 4rem;
		width: 100%;
	}



/* -----------------Logo----------------- */
		
	.logo_container { 
		background:none; 
		border:none; 
		position:fixed; 
		top:2.5rem; 
		left:2.5rem; 
		transform:rotate(0deg); 
		transition:all ease-in-out 0.3s; 
		width:9rem;
		z-index: 1000;
	} 

/* ---------------Impressionen--------------- */

	.galerie {
		display:grid; 
		grid-template-areas:
			"foto_5 foto_6 foto_6 foto_7"   
			"foto_1 foto_1 foto_15 foto_15"   
			"foto_2 foto_13 foto_13 foto_3"
			"foto_4 foto_9 foto_14 foto_3"
			"foto_4 foto_16 foto_16 foto_10"
			"foto_11 foto_8 foto_12 foto_12"
		
		;
		
		grid-template-columns:repeat(auto-fit,minmax(0,1fr));
		grid-template-rows:repeat(auto-fit,minmax(0,1fr));
		gap:0.2rem;
        padding-bottom: 2rem;
		
	}

	.vollbildcover {
		object-fit: cover;
		width: 100%;
		height: 100%;
		cursor:pointer;
	}
	
	.vollbildcover:hover  {
		opacity: 0.5;
	}


	.foto_1 {
		grid-area: foto_1;
	}
	.foto_2 {
		grid-area: foto_2;
	}
	.foto_3 {
		grid-area: foto_3;
	}
	.foto_4 {
		grid-area: foto_4;
	}
	.foto_5 {
		grid-area: foto_5;
	}
	.foto_6 {
		grid-area: foto_6;
	}
	.foto_7 {
		grid-area: foto_7;
	}
	.foto_8 {
		grid-area: foto_8;
	}
	.foto_9 {
		grid-area: foto_9;
	}
	.foto_10 {
		grid-area: foto_10;
	}
	.foto_11 {
		grid-area: foto_11;
	}
	.foto_12 {
		grid-area: foto_12;
	}
	.foto_13 {
		grid-area: foto_13;
	}
	.foto_14 {
		grid-area: foto_14;
	}
	.foto_15 {
		grid-area: foto_15;
	}
	.foto_16 {
		grid-area: foto_16;
	}



.section-container{
		max-width: 1000px;
		width: 100%;
		margin-bottom: 0rem;
	}

	
video{
		display:flex;
		width:100%;
}


 .kursiv {
        font-style:italic;
    }