* {outline: none; font-family: "Montserrat", sans-serif;  font-weight: 300; box-sizing: border-box; margin: 0;}

html, body {padding: 0; margin:0; }
body {overflow-y: scroll; color: rgba(255,255,255,0.9); background-color: #292d33; }
nav, header, body, footer {width: 100%; }
section {width: 100%; max-width: 1000px; padding: 0 40px;  margin: 0 auto; position: relative;}

div.wrap { max-width: 1600px; margin: 0 auto;}


/* dm-serif-display-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Serif Display';
  font-style: normal;
  font-weight: 400;
  src: url('dm-serif-display-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('montserrat-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('montserrat-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('montserrat-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('montserrat-v23-latin-300.woff') format('woff'), /* Modern Browsers */
       url('montserrat-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('montserrat-v23-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('montserrat-v23-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('montserrat-v23-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('montserrat-v23-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('montserrat-v23-latin-500.woff') format('woff'), /* Modern Browsers */
       url('montserrat-v23-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('montserrat-v23-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('montserrat-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('montserrat-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('montserrat-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('montserrat-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('montserrat-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('montserrat-v23-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}


/* bebas-neue-regular - latin */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  src: url('bebas-neue-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('bebas-neue-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('bebas-neue-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('bebas-neue-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('bebas-neue-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('bebas-neue-v9-latin-regular.svg#BebasNeue') format('svg'); /* Legacy iOS */
}




#logo {width: 60%; max-width: 250px; padding-top: 30px;}


@media screen and (max-width: 1000px) {
	#mainnav {display: none;}
	#mainnav.shown {display: block;}
	nav ul, nav li {
		list-style: none;
	}
	#mainnav {padding-left: 0;}
	#mainnav a {text-decoration: none; font-weight: 500; color: #515054; display: block; padding: 5px 10px; width: 100%; border-bottom: 1px solid #ddd; }
	#mainnav a:hover { background-color: #f1c519; color: #fff; }
}

@media screen and (min-width: 1000px) {

	 nav  > ul {
		display: table;
		margin-left: 40px;
		position: absolute;
		top: 0; right: 0px;
		z-index: 1000;
	}
	 nav  >  ul > li {
		display: table-cell;
		vertical-align: top;
		padding-right: 30px;
		



		text-decoration: none;
		
		
		}
	
		
	#mainnav {margin-top: 30px; 
	background-color: #fff;
padding: 15px;
padding-left: 25px;
	}	
	
	 nav >   ul > li  ul{ display: none; }
	 nav >   ul > li > a { color: #1a1a1a; text-decoration: none; 	font-size: 28px; padding-bottom: 20px; transition: color 200ms; 	font-family: "DM Serif Display", sans-serif; font-weight: 400; padding-top: 15px; }
	 nav >   ul > li:last-of-type  { padding-right: 15px;}
	 nav >   ul > li > a:hover { color: #f1c519; transition: color 200ms;  }
	 nav >   ul > li.current > a { color: #f1c519;  }
	 nav >   ul > li  ul > li a { line-height: 140%; border-top: 0px solid #fff; color: #000;}
	 nav >   ul > li  ul > li a:hover {color: #f1c519; }
	 .activenav a {color: #333; text-decoration: none; padding-bottom: 5px; border-bottom: 2px solid #005aa1;}


	 nav >  ul > li:hover > ul.main_subnav {
		list-style: none;
		display: block;
		position: absolute;
		margin-top: 10px;
		padding-top: 0px;
		padding-left: 0;
		margin-left: -20px;

			background-color: #fff;

	}
	 nav >  ul > li:hover > ul.main_subnav li {
		text-align: left;
		/*background-color: #e5e5e5; */
		
		border-bottom: 1px solid #ccc;
		
	}
	 nav >  ul > li:hover > ul.main_subnav li a {
		border-bottom: 0;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		display: block;
		color: #000; text-decoration: none; 	font-size: 22px;
			text-transform: initial;
			font-size: 16px;
			min-width: 120px;
			z-index: 100;
			white-space: nowrap;
	}
	 nav >  ul > li:hover > ul.main_subnav li:hover {
		background-color: #f2f2f2;
	}
 nav >  ul > li:hover > ul.main_subnav li:hover  a{
		color: #000;
	}	
}



/* footer */

footer {display: block; width: 100%;}
footer > div {display: table; width: 100%; max-width: 1100px; margin: 0 auto; padding: 0 10px; box-sizing: border-box;}
footer > div > div {display: table-cell; vertical-align: top;}
footer { background-color: #f1c519;}


footer {padding-top: 50px; padding-bottom: 100px;}
footer section > ul {
	list-style: none;
	display: table;
	padding-left: 0;
	float: left;
	margin-top: 0;
	width: 100%;
}
footer section {padding-top: 30px;}
footer section > ul > li {
	display: table-cell;
	padding-right: 20px;
}
li.fnav { padding-right:0;}
footer section > ul > li > a {
		color:#1a1a1a;
		transition: color 200ms;
	text-transform: initial;
	font-size: 35px;
	text-decoration: none;
	padding: 2px 5px;
	padding-bottom: 20px;
	display: block;
	font-family: "DM Serif Display", sans-serif;
}
footer section > ul > li > a:hover {
		color: #fff;
}
footer section > ul ul {
	display: block;
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}
footer section > ul ul li {
	display: block;
	list-style: none;
padding-left: 0;
	margin-left: 0;	
}
footer section > ul ul li:last-of-type {
		padding-right: 0;
}
footer section > ul ul li a{
	display: inline-block;
	color: #1a1a1a;
	transition: background-color 500ms;
	text-transform: initial;
	font-size: 18px;
	font-weight: 500;
	line-height: 30px;
	text-decoration: none;
	background-color: rgba(255,255,255,0);
	padding: 2px 5px;
	border-radius: 3px;
}
footer section > ul ul li a:hover{
	background-color: rgba(255,255,255,1);
	transition: background-color 200ms;
}
footer section > ul > li > a:hover{
	color: #fff;
	transition: color 200ms;
}

@media screen and (max-width: 1100px) {
	footer li.fnav { display: block;padding-bottom: 20px; text-align: center; }
	
}


div.w-g {
	background-image: url('weiss-gelb.png');
	height: 100px;
	width: 100%;
}
div.g-w {
	background-image: url('gelb-weiss.png');
	height: 100px;
	width: 100%;
}
div.t-w {
	background-image: url('trans-weiss.png');
	height: 100px;
	width: 100%;
}
div.w-gr {
	background-image: url('weiss-grau.png');
	height: 100px;
	width: 100%;
}
div.gr-g {
	background-image: url('grau-gelb.png');
	height: 100px;
	width: 100%;
}
.g {background-color: #ffa900;}
.gr {background-color: #ededed;}

#lastrow {text-align: center; width: 100%; padding-top: 100px; padding-bottom: 100px;}
#lastrow  p {font-family: "DM Serif Display", sans-serif; font-size: 18px; padding-top: 50px;}
#lastrow  p:last-of-type {padding-top: 10px; color: rgba(0,0,0,0.3);}

.button {
	display: inline-block;
	font-size: 34px;
		font-family: "DM Serif Display", sans-serif;
		padding: 20px 20px;
		text-decoration: none;
		color: #333;
		border-radius: 10px;
	transition: 1000ms;
	background-color: #f1c51a;
}
.button:hover  {
	background-color: #fff;
	transition: 200ms;
	text-decoration: none;
}
@media screen and (max-width: 1000px) {
	.button {
		font-size: 24px;
		
	}
	.button:hover {	
	
	}
}

.greenbutton {
	background-color: #fff;
	color: #333;
	
}
.bluebutton {
	background-color: #f1c519;
	font-size: 24px;
	margin-top: 20px;
	
}

#navbtn {
	display: none;
}
@media screen and (max-width: 1000px) {
	#navbtn {
		position: absolute;
		top: 32px; right: 34px;	
		display: initial;
		z-index: 2000;
		cursor: pointer;
	}
	#searchbtn {
		position: absolute;
		top: 13px; right: 80px;	
	}	
	.wrap > nav {
position: absolute;
top: 1px;	
z-index: 100000;
	}
	.shown {
		background-color: #fff;
		
	}
}

dt {display: table; width: 100%;}
dl {display: table-cell; vertical-align: top;}

h1 { font-size: 60px; 	font-family: "DM Serif Display", sans-serif; text-align: center; padding-bottom: 30px; padding-top: 30px;}
h2 { font-size: 45px; 	font-family: "DM Serif Display", sans-serif; text-align: center; padding-bottom: 30px; padding-top: 30px;}
h3 { font-size: 30px; 	font-family: "DM Serif Display", sans-serif; text-align: left; padding-bottom: 30px; padding-top: 30px;}
main h2 {
	font-size: 40px; 	font-family: "DM Serif Display", sans-serif; text-align: left;
}

main p {line-height: 27px; padding-bottom: 20px;}
main li {line-height: 27px; ;}

main p a {text-decoration: none; font-weight: 500; color: #f1c519;}
main p a:hover {text-decoration: underline; font-weight: 500; color: #3f3;}

@media screen and (min-width: 1000px) {
	section.main {padding-right: 0; }
	main {display: table; width: 100%; 	background-image: url('mainbg.png'); background-position: top center; background-repeat: no-repeat; padding-top: 100px;}
	.bottomcut {display: table; width: 100%; 	background-image: url('bottomcut.png'); background-position: bottom center; background-repeat: no-repeat;}
	aside {display: table-cell; width: 350px; vertical-align: top;}
	aside > span {display: inline-block; height: 50px; }
	aside nav {  position: relative; display: block; padding-top: 50px; }
	
	aside nav > span {font-size: 34px; 	font-family: "DM Serif Display", sans-serif; text-align: left; padding-bottom: 20px; display: inline-block;}
	
	#partnav, #partnav li {list-style: none; margin: 0; padding: 0;}
	#partnav a {text-decoration: none; color: rgba(0,0,0,0.9); line-height: 40px; background-color: rgba(255,255,255,0); padding: 2px 5px; border-radius: 3px; transition: background-color 500ms;	}
	#partnav li.current > a {font-weight: 500;}
	#partnav li.current3 > a {font-weight: 700;}
	#partnav li.current2 > a {font-weight: 700;}
	#partnav a:hover {
		background-color: rgba(255,255,255,1);
		transition: background-color 200ms;	
	}
	.mobileonly {display: none;}

	article > span {display: none;}
	
	main article {  display: table-cell;  vertical-align: top; margin: 0 auto;}
	main article .w { padding: 50px; padding-top: 20px; background-color: #fff; min-height: 835px;}
	main article > span {font-size: 30px; 	font-family: "DM Serif Display", sans-serif; text-align: left;}
	main article > span a {font-size: 30px; 	font-family: "DM Serif Display", sans-serif; text-align: left; text-decoration: none; color: rgba(0,0,0,0.9);}
	main article h1 {text-align: left;  padding-top: 100px;}
	
	main .img4 { display: inline-block; width: 250px;  position: relative; margin-right: 10px;}
	main .img4 .bildname { font-size: 27px; font-family: "DM Serif Display"; position: absolute; bottom: 10px; z-index: 100;  right: 10px; text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff,  0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;}
	
	main .img1 { display: block; float: left; width: 100%;  position: relative; margin-right: 10px; margin-top: 20px; margin-bottom: 20px; border-radius: 0;}
	main .img1 .bildname { font-size: 27px; font-family: "DM Serif Display"; position: absolute; bottom: 10px; z-index: 100;  right: 10px; text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff,  0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;}
	
	main .img2 { display: block; float: right; margin-left: 20px; width: 250px;  position: relative; margin-right: 10px; margin-top: 20px; margin-bottom: 20px;}
	main .img2 .bildname { font-size: 27px; font-family: "DM Serif Display"; position: absolute; bottom: 10px; z-index: 100;  right: 10px; text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff,  0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;}
}
	

@media screen and (max-width: 1000px) {
	h1 { font-size: 48px; }	
	h2 { font-size: 48px; }	
	
	
	main {margin-top: 20px;}
	
	
	section.main  .w {padding: 20px;}
	
	
	section.main {padding-right: 0; padding: 0; padding-top: 10px;}
	main {display: block; width: 100%; }
	.bottomcut {display: table; width: 100%; 	background-image: url('bottomcut.png'); background-position: bottom center; background-repeat: no-repeat;}
	aside {display: none;}
	
	#partnav, #partnav li {list-style: none; margin: 0; padding: 0;}
	#partnav a {text-decoration: none; color: rgba(0,0,0,0.9); line-height: 40px; background-color: rgba(255,255,255,0); padding: 2px 5px; border-radius: 3px; transition: background-color 500ms;	}
	#partnav li.current > a {font-weight: 500;}
	#partnav li.current3 > a {font-weight: 700;}
	#partnav li.current2 > a {font-weight: 700;}
	#partnav a:hover {
		background-color: rgba(255,255,255,1);
		transition: background-color 200ms;	
	}
	
	
	main article { width: 100%; display: block;  vertical-align: top; }
	main article .w { padding: 50px; padding-top: 20px; background-color: #fff; min-height: 500px;}
	main article > span { display: none;}
	main article > span a {font-size: 30px; 	font-family: "DM Serif Display", sans-serif; text-align: left; text-decoration: none; color: rgba(0,0,0,0.9);}
	main article h1 {text-align: left; padding: 20px;}
	
	main .img4 { display: inline-block; width: 250px;  max-width: 45%; position: relative; margin-right: 10px;}
	main .img4 .bildname { font-size: 27px; font-family: "DM Serif Display"; position: absolute; bottom: 10px; z-index: 100;  right: 10px; text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff,  0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;}
	
	main .img1 { display: block; float: left; width: 250px; max-width: 40%;  position: relative; margin-right: 10px;}
	main .img1 .bildname { font-size: 27px; font-family: "DM Serif Display"; position: absolute; bottom: 10px; z-index: 100;  right: 10px; text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff,  0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;}
	
	main .img2 { display: block; float: right; margin-left: 20px; width: 250px; max-width: 40%; position: relative; margin-right: 10px;}
	main .img2 .bildname { font-size: 27px; font-family: "DM Serif Display"; position: absolute; bottom: 10px; z-index: 100;  right: 10px; text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff,  0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;}	
	
	
	
	
	
	
	
	
	
	
}
.img1 {max-width: 100%; width: 100%;}
img {width: 100%; max-width: 100%; }

pre {
	white-space: pre-wrap;
word-wrap: break-word;
	line-height: 120%;
padding-bottom: 20px;
font-size: 80px;
background-color: rgba(110,46,15,0.5);
background-image: url('/assets/standardbg.jpg'); 

text-shadow: 4px 3px 0 rgba(0,0,0,0.8);
background-size: cover;
padding: 100px 50px;
color: #fff;
 font-family: "DM Serif Display"; 
 line-height: 100%;
 text-align: center;
}

div.w ul {margin-bottom: 20px;}


h2 a {font-size: inherit; color: inherit; font-family: inherit; font-style: inherit;}


a.logolink {
	display: inline-block;
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	
}
.logolink img {width: 100px;}
div.logotext {
	padding-top: 20px;
	display: inline-block;
	vertical-align: top;	
	
}

#logo {width: 100px; padding-top: 0; margin-top: 0; }
.top { position: fixed; background-color: #fff; top: 0; left: 0; right: 0; z-index: 10000;}
.topname {
	font-size: 60px; 	font-family: "DM Serif Display", sans-serif; text-align: left;	
	display: block;
	color: #f1c519;
	padding-top: 20px;
}
.topline {
	font-size: 30px; 	font-family: "DM Serif Display", sans-serif; text-align: left; 	
	display: block;
	color: #888;
}

.top section {padding-left: 85px;}



  .videocontainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
  }

  iframe  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  
  b {font-weight: 600;}
  h2 {padding-top: 50px;}
  
  main h2 {border-bottom: 3px solid #f1c519; padding-bottom: 15px; margin-bottom: 20px;}
  
  .button {cursor: pointer; border: 0;}
  
  
  @media screen and (max-width: 1000px) {
	  .page1 h1 {
		font-size: 50px;
		line-height: 50px;
		}
		pre {
			font-size: 40px;
			margin-bottom: 20px;
		}
		span.img1 {float: initial; width: 100%; max-width: 100%;}
		#mainbg {position: relative ! important; background-position: center center; height: 400px ! important; top: 80px ! important;}
		#mainnav {padding-top: 80px;}
		#mainnav a {padding: 20px 10px;}
		.top section {padding-left: 40px;}
	div.logotext {width: 200px;}
	#logo {width: 50px;}
	a.logolink {padding-right: 5px;}
	.logolink img {width: 75px;}
	.topname {padding-top: 8px;}
	.topline {font-size: 16px;}
	h2 {line-height: 100%;}
	h1 {padding-left: 0 ! important;}
	.galerie img { height: initial ! important; width: 100% ! important; }
	.galerie {padding-right: 0 ! important;}
	.team {margin: 0 ! important; width: 100%; max-width: 100% ! important;}
  }
  
  /*
  .w a {font-weight: bold; color: green; text-decoration: none;}
    .w a:hover {font-weight: bold; color: green; text-decoration: underline;}
	
	*/
	
	.bluebutton {line-height: 110%;}
	
	.tourdisplay {text-decoration: none;}
	
	.backbtn {text-decoration: none; color: #f1c519; font-weight: bold;}
	
	pre * {
		font-family: "DM Serif Display";
		
	}
	
	.bildname {color: #000;}
	.bildname:visited {color: #000;}
	
	@media screen and (max-width: 1000px) {
			.topname {font-size: 40px;}
	}
	
	.bluebutton {color: #000;}
	.bluebutton:hover {text-decoration: underline;}
	.ctahome {font-size: 48px; padding-top: 16px;}
	
	.box25 {display: inline-block; width: 25%; border-radius: 16px; vertical-align: top; padding: 10px;}
	.box25 .yellowbg {background-color: #f1c51a;  border-top-left-radius: 16px; border-top-right-radius: 16px; padding: 20px; text-align: center;}
	.box25 .yellowbg a {text-transform: uppercase; letter-spacing: 2px; text-decoration: none; color: #000; font-weight: bold; text-align: center;}
	.box25 .whitebg {background-color: #fff;  border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; padding: 20px;}
	.box25 .whitebg p { color: #000; font-size: 14px; line-height: 18px;}
	.galerie {padding-top: 40px; padding-bottom: 40px;}
	.galerie p {display: inline-block; width: 49%; padding: 0;}
	.whitebg p a {color: #000; display: block; text-align: center;}
	
	
	
@media screen and (max-width: 1000px) {
	p, h1, h2, h3 {padding-left: 20px !important; padding-right: 20px !important;}	
	.box25 {
		width: 50%;
	}
	.box25 img {
		max-width: 100px;
	}
	#navbtn {color: #000;}
	article {padding-top: 80px;}
}


@media screen and (max-width: 600px) {
	.box25 {
		width: 100%;
	}
	.galerie p{width: 100%;}
}