@charset "utf-8";

html {
	
	scroll-snap-type:y mandatory ;
	scroll-behavior:smooth ;
}

body {

	margin:0 ;
	padding:0 ;

	background-color:#000000 ;
	
}

h1 {

	font-size:9px ;
	
}

div.sectionwrap {
	
	width:100%;
	height:100vh;
	
	margin:0 ;
	padding:0 ;
	
}

div#section1 {

	scroll-snap-align:start ;
	
	height:100vh ;
	
	background-image:url("../media/titel_landscape.png");
	
	background-position: bottom;
	background-repeat:no-repeat ;
	background-size:cover ;
	
	background-color:#000000 ;

	position:relative ;
	
}

/* Titel Div */

	div#site-titel {

		position:absolute ;

		left:6vw ;
		bottom:10vw ;

		text-align:center ;

	}

	h1#haupttitel {

		color:#FFFFFF ;

		font-size:8vw ;
		font-weight:100 ;

		margin-top:0 ;
		margin-bottom:0.5vw ;

	}

	p#untertitel {

		color:#b62d28 ;

		font-size:4vw ;
		letter-spacing:0.3vw ;
		margin-top:0 ;


	}

	p#homelinks {

		color:#FFFFFF ;

		font-size:2vw ;

	}

	a.titellink {

		color:#FFFFFF ;
		text-decoration:none ;

	}

div#highlights {

	scroll-snap-align:start ;

	height:100vh ;
	
}

div#agenda {
	
	scroll-snap-align:start ;
	
	padding-top:10vh ;

	height:90vh ;
	
}

div#medien {
	
	scroll-snap-align:start ;
	
	padding-top:10vh ;

	height:90vh ;
	
}

div#unterricht {
	
	scroll-snap-align:start ;
	
	padding-top:10vh ;

	height:90vh ;
	
}

div#kontakt {
	
	scroll-snap-align:center ;
	
	height:35vh ;
	
	background-color:#12384d ;
	
}

@media (max-width: 100vh) {
	
	div#section1 {
		
		background-image:url(../media/titel_portrait.jpg) ;
		background-position: top;
		
	}

	div#site-titel {

		position:absolute ;

		background-color: #000000a1;

		left:0 ;
		bottom:10vw ;

		text-align:center ;

		padding:5vw ;

	}

	h1#haupttitel {

		font-size:14vw ;

	}

	p#untertitel {

		font-size:8vw ;

		margin-bottom:0 ;

	}

	p#homelinks {

		font-size:5vw ;

		margin-top:2vw ;
		margin-bottom:0 ;

	}
	
	div#kontakt {
	
		height:auto ;
		
	}

	div#agenda {
		
		padding-top:20vh ;
	
		height:75vh ;
		
	}

	div#medien {
		
		padding-top:20vh ;
	
		height:80vh ;
		
	}
	
}