/*   
Theme Name: Musenberwolf Theme
Theme URI: musenbergwolf.com
Description: Template für die Seite Musenbergwolf
Author: Henning Sorgenfrei
Author URI: 
*/
@font-face {
    font-family: 'euclidmedium_s';        
	src: url('font/EuclidTriangle-Medium-WebS.eot');
	src: url('font/EuclidTriangle-Medium-WebS.eot#iefix') format('embedded-opentype'),
	     url('font/EuclidTriangle-Medium-WebS.woff') format('woff'),
	     url('font/EuclidTriangle-Medium-WebS.ttf') format('truetype'),
	     url('font/EuclidTriangle-Medium-WebS.svg#webfont') format('svg');    	
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'euclidmedium_xl';    
	src: url('font/EuclidTriangle-Medium-WebXL.eot');
	src: url('font/EuclidTriangle-Medium-WebXL.eot#iefix') format('embedded-opentype'),
	     url('font/EuclidTriangle-Medium-WebXL.woff') format('woff'),
	     url('font/EuclidTriangle-Medium-WebXL.ttf') format('truetype'),
	     url('font/EuclidTriangle-Medium-WebXL.svg#webfont') format('svg');
    
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'euclidregular_s';    
	src: url('font/EuclidTriangle-Regular-WebS.eot');
	src: url('font/EuclidTriangle-Regular-WebS.eot#iefix') format('embedded-opentype'),
	     url('font/EuclidTriangle-Regular-WebS.woff') format('woff'),
	     url('font/EuclidTriangle-Regular-WebS.ttf') format('truetype'),
	     url('font/EuclidTriangle-Regular-WebS.svg#webfont') format('svg');    
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'euclidregular_xl';    
	src: url('font/EuclidTriangle-Regular-WebXL.eot');
	src: url('font/EuclidTriangle-Regular-WebXL.eot#iefix') format('embedded-opentype'),
	     url('font/EuclidTriangle-Regular-WebXL.woff') format('woff'),
	     url('font/EuclidTriangle-Regular-WebXL.ttf') format('truetype'),
	     url('font/EuclidTriangle-Regular-WebXL.svg#webfont') format('svg');    
    font-weight: normal;
    font-style: normal;
}

body {
	box-sizing: border-box;	
	font-family: 'euclidregular_s';
	margin: 0;
}
#content {
	position: absolute;
	width: 100%;
	height: 100%;
	/* overflow: hidden; */		
}

.topnav {
	position: fixed;
	top: 0px;
	/* width: 100%; */
	left: 0;
	right: 0;	
	z-index: 1;
}
.topnav {	
	/* height: 65px; */
	/* background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, white 50%); */
	background-color: white;
	height: 40px;
}
#slidedown {
    display: none;
}

.nav_button {
	position: relative;
	display: inline-block;	
	width: 12.5%;
	margin-top: 8px;    
    font-family: 'euclidmedium_s';
    font-size: 18px;
    letter-spacing: 0.2px;	
    cursor: pointer;
    opacity: 0;
}
.nav_button_slideup {	
	position: relative;
	display: block;
    font-family: 'euclidmedium_s';
    font-size: 30px;
    letter-spacing: 0.6px;
    cursor: pointer;
    width: 80%;
    margin-bottom: 10px;
    float: left;
}
.nav_button.nav_left_margin {
	margin-left: 50%; 
}
@media only screen and (max-width:1400px) {
	.nav_button {
		width: 18.75%;
	}
	.nav_button.nav_left_margin {
		margin-left: 25%;
	}
}
@media only screen and (max-width:1000px) {
	.nav_button {
		width: 21.875%;		
	}
	.nav_button.nav_left_margin {
		margin-left: 12.5;		
	}
}

.nav_button.active,
.nav_button:hover {
	font-weight: bold;
}

.close_slideup {
	position: absolute;
	top: 10px;
	right: 0;
}
.close_slideup img {
	width: 24px;
	height: 24px;
}
.small_menu {	
	display: none;
	padding-top: 10px;
	cursor: pointer;
}
.row .small_menu img {	
	width: 28px;
	height: 16px;
}
.main {
	position: absolute;
	top: 0px;
	width: 100%;
	/* padding-top: 120px; */
	padding-bottom: 20px;
	overflow: auto;
}
.main section {
	position: relative;
}
.box_mittig {
	margin: auto;	
	max-width: 1536px;	
	width: 100%;
	height: 100%;
}

.row {
	display: flex;
	margin: 0 8% 70px;
}

.row div.row_elem,
.row div.row_elem_center,
.row div.row_elem_baseline {    
    position: relative;
    display: inline-block;
}
.row div.row_elem_center {
    align-self: center;
}
.row div.row_elem_baseline {
    align-self: flex-end;
}
.start_screen .row {
	min-height: 100vh;
}
#konzept .row,
#programm .row {
	/* min-height: 100vh; */
}
.page_100vh {
	min-height: 100vh;
}
.start_screen .row article {
	text-align:center;
    margin-top: 200px;
}

@media only screen and (max-height:700px) {
	.start_screen .row article {
		margin-top: 100px;
	}
}
@media only screen and (max-height:560px) {
	.start_screen .row article {
		margin-top: 50px;
	}
}
.start_screen .row div.row_elem {
    overflow: hidden;
}
.row img.slice {
    width: auto;
}
.slice {
    position: absolute;
    height: 33.4%;
    z-index: 2;
    overflow: hidden;
}
#logo {
    opacity: 0;
}
#over1 {
    left: 0%;
    top: 0;
}
#over2 {
    left: -108%;
    top: 33.3333%; 
}
#over3 {
    left: 0%;
    top: 66.6666%; 
}
.action #over1 {
    left: -220%;
    transition: 3s left ease;
}
.action #over2 {
    left: 220%;
    transition: 3s left ease;
    transition-delay: 1s;
}
.action #over3 {
    left: -220%;
    transition: 3s left ease;
    transition-delay: 2s;
}
.row img {
	width: 100%;
}

.row article {
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
    font-family: 'euclidregular_s';    
    font-size: 21px;
    letter-spacing: 0.3px;
    line-height: 29px;	
}
.row article b {
	font-family: 'euclidmedium_s';    
	font-weight: normal;
}
.row article p:first-child {
	margin-top: 0;
}
.row article p:last-child {
	margin-bottom: 0;
}
.row article.about_text {
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 22px;	
}
#imprint, 
#datenschutz {
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 22px;	
}
#imprint h4, 
#datenschutz h4 {
	font-family: 'euclidmedium_s';
	font-weight: normal;	
}


.row a {
	color: black;
	text-decoration: none;
}
.kontakt .small_elem {
	display: none;
}

.kontakt .tall_elem.kontakt_text {
	margin-left: -50%;
	width: 50%;
}
.kontakt .tall_elem.kontakt_text article {
	margin-top: 50px;	
}	

.margin_top_0 { margin-top: 0; }
.margin_top_50 { margin-top: 50px; }
.margin_top_100 { margin-top: 100px; }
.margin_top_150 { margin-top: 150px; }
.margin_top_200 { margin-top: 200px; }
.margin_top_250 { margin-top: 250px; }
.margin_top_300 { margin-top: 300px; }
.margin_top_350 { margin-top: 350px; }
.margin_top_400 { margin-top: 400px; }

.column_width_0 { width: 0%; }
.column_width_1 { width: 12.5%; }
.column_width_2 { width: 25%; }
.column_width_3 { width: 37.5%; }
.column_width_4 { width: 50%; }
.column_width_5 { width: 62.5%; }
.column_width_6 { width: 75%; }
.column_width_7 { width: 87.5%; }
.column_width_8 { width: 100%; }

.column_margin_left_0 { margin-left: 0%; }
.column_margin_left_1 { margin-left: 12.5%; }
.column_margin_left_2 { margin-left: 25%; }
.column_margin_left_3 { margin-left: 37.5%; }
.column_margin_left_4 { margin-left: 50%; }
.column_margin_left_5 { margin-left: 62.5%; }
.column_margin_left_6 { margin-left: 75%; }
.column_margin_left_7 { margin-left: 87.5%; }
.column_margin_left_8 { margin-left: 100%; }

.column_margin_left_minus_1 { margin-left: -12.5%; }
.column_margin_left_minus_2 { margin-left: -25%; }
.column_margin_left_minus_3 { margin-left: -37.5%; }
.column_margin_left_minus_4 { margin-left: -50%; }

.text_block_img {
	margin-top: 100px;
}
.width_2_3 { width: 66.6%; }
.width_1_2 { width: 50%; }
.width_1_4 { width: 25%; }
.width_2_4 { width: 50%; }
.width_3_4 { width: 75%; }
.width_1_5 { width: 20%;}
.width_2_5 { width: 40%;}
.width_3_5 { width: 60%;}
.width_4_5 { width: 80%;}

.margin_2_3 { margin-left: 66.6%; }
.margin_1_2 { margin-left: 50%; }
.margin_1_4 { margin-left: 25%; }
.margin_2_4 { margin-left: 50%; }
.margin_3_4 { margin-left: 75%; }
.margin_1_5 { margin-left: 20%;}
.margin_2_5 { margin-left: 40%;}
.margin_3_5 { margin-left: 60%;}
.margin_4_5 { margin-left: 80%;}
.margin_1_6 { margin-left: 16.6%;}

@media only screen and (max-width:700px) {

	#slidedown {
		display: block;
		position: fixed;
		top: -500px;
		background-color: white;
		width: 100%;
		z-index: 2;
		transition: top 0.5s ease 0s;
		border-bottom: 2px solid black;
	}
	#slidedown section {
		position: relative;
		margin: 10px 8% 10px;	
	}	
	.topnav.menu_open {
		height:200px;
	}

	.nav_button.tall_menu {
		display: none;
	}
	.small_menu {
		display: block;
		float: right;
	}

	.row {
		display: block;
	}
	.start_screen .row {
		display: flex;
	}
	.start_screen .text_block_img {
		margin-top: 50px;
	}
	.row article {
		padding: 10px 0;
	}
	
	.kontakt .row div.row_elem.tall_elem {
		display: none;	
	}
	.kontakt .row {
		position: relative;
	}
	.kontakt .small_elem {		
		display: block;
	}
	.kontakt img.small_elem  {
		position: relative;
	}
	.kontakt .small_elem.kontakt_text {
		position: relative;
		left: 0;
		top: 20px;
	}	
	.column_width_0, .column_width_1, .column_width_2, .column_width_3, 
	.column_width_4, .column_width_5, .column_width_6, .column_width_7, .column_width_8,
	.width_1_2, .width_1_4, .width_2_4, .width_1_5, .width_2_3, .width_2_5, .width_3_4, .width_3_5, .width_4_5 {
		width: 100%;
	}
	.column_margin_left_0, .column_margin_left_1, .column_margin_left_2, .column_margin_left_3, 
	.column_margin_left_4, .column_margin_left_5, .column_margin_left_6, .column_margin_left_7, .column_margin_left_8,
	.column_margin_left_minus_1, .column_margin_left_minus_2, .column_margin_left_minus_3,
	.margin_1_2, .margin_1_4, .margin_2_4, .margin_1_5, .margin_2_3, .margin_2_5, .margin_3_4, .margin_3_5, .margin_4_5, .margin_1_6  {
		margin-left: 0%;
	}
	.margin_top_0, .margin_top_50, .margin_top_100, .margin_top_150, .margin_top_200, .margin_top_250, .margin_top_300, .margin_top_350, .margin_top_400 {
		margin-top: 10px;
	}
}

/*
     FILE ARCHIVED ON 17:35:41 Apr 09, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 19:14:21 Nov 07, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.562
  exclusion.robots: 0.022
  exclusion.robots.policy: 0.01
  esindex: 0.012
  cdx.remote: 6.998
  LoadShardBlock: 138.69 (3)
  PetaboxLoader3.datanode: 181.826 (5)
  load_resource: 193.341 (2)
  PetaboxLoader3.resolve: 95.006 (2)
*/