body{
	margin: 0;
	padding: 0;
	width: 100%;
	background-color:transparent;
}

/* neu */

/* Schatten stressrot */
.shadow2rt1 {	text-shadow:2px 2px rgba(215,0,0,1);	}
.shadow3rt1 {	text-shadow:3px 3px rgba(215,0,0,1);	}

/* Schatten white */
.shadow2ws8 {	text-shadow:2px 2px rgba(255,255,255,0.8);	}
.shadow3ws8 {	text-shadow:3px 3px rgba(255,255,255,0.8);	}
/* Schatten black */
.shadow2bk8 {text-shadow:2px 2px rgba(0,0,0,0.8);	}
.shadow3bk8 {	text-shadow:3px 3px rgba(0,0,0,0.8);	}
.shadow2bk1 {text-shadow:2px 2px rgba(0,0,0,1);	}
.shadow3bk1 {	text-shadow:3px 3px rgba(0,0,0,1);	}


/* responsive  HEADER & NAVIGATION -------------------------------------------------------- */

#header { 
	width: 100%; 
	background-color:rgba(0,0,0,0.8); 
	position: fixed; 
	z-index:888;
	clear:both;
}
#nav { 	clear:right;	float: right;  	z-index:888; }
#nav ul{	list-style: none;	display: block;	margin: 0 auto;	list-style: none;	}
h1 {font-family: 'Sigmar One', cursive;	
	text-align: center;
	color: rgba(255,255,255,1.0);
	}
.h2 {font-family: 'Sigmar One', cursive;	color: rgba(255,255,255,1.0);text-align: center; }

@media only screen and (min-width:1025px) {
h1 {font-size: 44px; text-shadow: 4px 6px rgba(0,0,0,1.0);}
h2 {font-size: 36px; text-shadow: 4px 6px rgba(0,0,0,1.0);}
#header {height: 60px;margin-top: 30px;}
#menu {height:60px;}
#flags{margin-top:-2px;position: absolute;}
#wsp {
	font-family: 'Nosifer', cursive;	font-weight:normal;
	font-size:xx-large;
	margin-left:160px; margin-top:-56px; float:left; width: 100%;
	color: rgba(255,255,255,1.0);
	text-shadow:4px 4px rgba(213,1,21,1.0);	 
	}
#logo, logo a {height:50px; padding-top:5px; margin-left:60px}	
#nav { margin-top:-38px; }
#nav li{margin-top: -11px;	float: right; margin-right:30px;	}
#nav li a { color: rgba(255,255,255,1.0);	font-size: 38px; text-decoration: none; font-family: 'Tulpen One', cursive;	font-weight: 400;}
.flextext {	font-size: 30px; font-weight: 700; padding-left:80px; padding-right:80px;}
#slide2 {height: 3550px;}    
#slide13{height: 560px; margin-top:0px; margin-bottom:0px; padding-bottom: 0px; padding-top:110px;}
#schaukasten {height: 444px; margin-top:60px; margin-bottom:60px;}
.talfahrt {font-size: 44px; text-shadow: 4px 4px rgba(0,0,0,1.0); margin-top:10px;}

}

@media (width:1024px) {
h1 {font-size: 40px; text-shadow: 3px 4px rgba(0,0,0,1.0);}
h2 {font-size: 32px; text-shadow: 3px 4px rgba(0,0,0,1.0);}
#header {height: 40px;margin-top:0px;}
#menu {height:40px;}
#flags{margin-top:-12px;position: absolute;}
#wsp {
	font-family: 'Nosifer', cursive;	font-weight:normal;
	font-size:large;
	margin-left:78px; margin-top:-42px; float:left; width: 100%;/*42*/
	color: rgba(255,255,255,1.0);
	text-shadow:4px 4px rgba(213,1,21,1.0);	 
	}	 
#logo, logo a {height:26px; margin-left:30px; padding-top:6px;}/*16*/	
#nav { margin-top:-38px; }
#nav li{margin-top: 15px;	float: right; margin-right:20px;}
#nav li a { color: rgba(255,255,255,1.0);font-size: 24px; 	text-decoration: none; 	font-family: 'Tulpen One', cursive;	font-weight: 400;	}
.flextext {	font-size: 24px; font-weight: 500; padding-left:20px; padding-right:20px;}
#slide2 {height: 3900px;}    
#slide13{height: 560px; margin-top:0px; margin-bottom:0px; padding-bottom: 0px; padding-top:110px;}
#schaukasten {height: 440px; margin-top:60px; margin-bottom:60px;}
.talfahrt {font-size: 38x; text-shadow: 4px 4px rgba(0,0,0,1.0); margin-top:10px;}

}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
h1 {font-size: 40px; text-shadow: 3px 4px rgba(0,0,0,1.0);}
h2 {font-size: 32px; text-shadow: 3px 4px rgba(0,0,0,1.0);}
#header {height: 40px;margin-top:0px;}
#menu {height:40px;}
#flags{margin-top:-12px;position: absolute;}
#wsp {
	font-family: 'Nosifer', cursive;	font-weight:normal;
	font-size:large;
	margin-left:78px; margin-top:-42px; float:left; width: 100%;/*42*/
	color: rgba(255,255,255,1.0);
	text-shadow:4px 4px rgba(213,1,21,1.0);	 
	}	 
#logo, logo a {height:26px; margin-left:30px; padding-top:6px;}/*16*/	
#nav { margin-top:-38px; }
#nav li{margin-top: 15px;	float: right; margin-right:20px;}
#nav li a { color: rgba(255,255,255,1.0);font-size: 24px; 	text-decoration: none; 	font-family: 'Tulpen One', cursive;	font-weight: 400;	}
.flextext {	font-size: 24px; font-weight: 500; padding-left:20px; padding-right:20px;}
#slide2 {height: 3800px;}    
#slide13{height: 560px; margin-top:0px; margin-bottom:0px; padding-bottom: 0px; padding-top:110px;}
#schaukasten {height: 440px; margin-top:60px; margin-bottom:60px;}
.talfahrt {font-size: 32px; text-shadow: 4px 4px rgba(0,0,0,1.0); margin-top:10px;}

}

/* ##Device = Low Resolution Tablets, Mobiles (Landscape)  ##Screen = B/w 481px to 767px */
@media (min-width: 481px) and (max-width: 767px) {
h1 {font-size: 32px; text-shadow: 2px 2px rgba(0,0,0,1.0);}
h2 {font-size: 26px; text-shadow: 2px 2px rgba(0,0,0,1.0);}
#header {height: 40px;margin-top:0px !important;}
#menu {height:40px;}
#flags{margin-top:-12px;position: absolute;}
#wsp {
	font-family: 'Nosifer', cursive;	font-weight:normal;
	font-size:large;
	margin-left:78px; margin-top:-42px; float:left; width: 100%;/*42*/
	color: rgba(255,255,255,1.0);
	text-shadow:4px 4px rgba(213,1,21,1.0);	 
	}	 
#logo, logo a {height:26px; margin-left:30px; padding-top:6px;}/*16*/	
#nav { margin-top:-38px; }
#nav li{margin-top: 15px;	float: right; margin-right:20px;}
#nav li a { color: rgba(255,255,255,1.0);font-size: 24px; 	text-decoration: none; 	font-family: 'Tulpen One', cursive;	font-weight: 400;	}
.flextext {	font-size: 18px; font-weight: 500; padding-left:20px; padding-right:20px;}
#slide2 {height: 2440px;}    
#slide13{height: 560px; margin-top:0px; margin-bottom:0px; padding-bottom: 0px; padding-top:80px;}
#schaukasten {height: 600px; margin-top:5px; margin-bottom:5px;}
.talfahrt {font-size: 24px; text-shadow: 4px 4px rgba(0,0,0,1.0); margin-top:8px;}

}

/* ##Device = Most of the Smartphones Mobiles (Portrait)  ##Screen = B/w 320px to 479px */
@media (min-width: 320px) and (max-width: 480px) {
h1 {font-size: 28px; text-shadow: 2px 2px rgba(0,0,0,1.0);}
h2 {font-size: 22px; text-shadow: 2px 2px rgba(0,0,0,1.0);}
#header {height: 40px;margin-top:0px !important;}
#menu {height:40px;}
#flags{margin-top:-12px;position: absolute;}
#wsp {
	font-family: 'Nosifer', cursive;	font-weight:normal;
	font-size:large;
	margin-left:78px; margin-top:-42px; float:left; width: 100%;/*42*/
	color: rgba(255,255,255,1.0);
	text-shadow:4px 4px rgba(213,1,21,1.0);	 
	}	 
#logo, logo a {height:26px; margin-left:30px; padding-top:6px;}/*16*/	
#nav { margin-top:-88px; }
#nav li{margin-top: 65px;	float: right; margin-right:6px;}
#nav li a { color: rgba(255,255,255,1.0);font-size: 24px; 	text-decoration: none; 	font-family: 'Tulpen One', cursive;	font-weight: 400;	}
.flextext {	font-size: 16px; font-weight: 500; padding-left:20px; padding-right:20px;}
#slide2 {height: 3100px;}    
#slide13{height: 560px; margin-top:0px; margin-bottom:0px; padding-bottom: 0px; padding-top:80px;}
#schaukasten {height: 600px; margin-top:2px; margin-bottom:2px;}
.talfahrt {font-size: 20px; text-shadow: 2px 2px rgba(0,0,0,1); margin-top:6px;}

}

/* ##Device = kleiner als 320px */
@media (max-width: 319px) {
h1 {font-size: 28px; text-shadow: 2px 2px rgba(0,0,0,1.0);}
h2 {font-size: 22px; text-shadow: 2px 2px rgba(0,0,0,1.0);}
#header {height: 40px;margin-top:0px !important;}
#menu {height:40px;}
#flags{margin-top:-12px;position: absolute;}
#wsp {
	font-family: 'Nosifer', cursive;	font-weight:normal;
	font-size:large;
	margin-left:78px; margin-top:-42px; float:left; width: 100%;/*42*/
	color: rgba(255,255,255,1.0);
	text-shadow:4px 4px rgba(213,1,21,1.0);	 
	}	 
#logo, logo a {height:26px; margin-left:30px; padding-top:6px;}/*16*/	
#nav { margin-top:-88px; }
#nav li{margin-top: 65px;	float: right; margin-right:6px;}
#nav li a { color: rgba(255,255,255,1.0);font-size: 24px; 	text-decoration: none; 	font-family: 'Tulpen One', cursive;	font-weight: 400;	}
.flextext {	font-size: 16px; font-weight: 500; padding-left:20px; padding-right:20px;}
#slide2 {height: 3100px;}    
#slide13{height: 560px; margin-top:0px; margin-bottom:0px; padding-bottom: 0px; padding-top:80px;}
#schaukasten {height: 600px; margin-top:2px; margin-bottom:2px;}
.talfahrt {font-size: 20px; text-shadow: 2px 2px rgba(0,0,0,1); margin-top:6px;}

}

	
#wsp:hover {color: rgba(213,1,21,1.0);	text-shadow:4px 4px rgba(255,255,255,1.0);}
#nav li:hover {color: rgba(213,1,21,1.0);	}
#nav li a.active { color: #D50115; opacity:1; border-bottom: 1px solid #D50115; }

#footerholder { 
	width: 100%; 
	height: 100px; 	
	position: fixed;
	margin-top: 30px;
	z-index:888;
	clear:both; 
	background-color:transparent; 
	margin-bottom: 0px;
}

#footer {
	width: 100%; 
	background-color:rgba(0,0,0,0.8); 
	height: 60px; 	
	margin-bottom: 00px;
}

#navf { 
	float: right; 
	padding-top: 17px; /*17wg assiknoepfe*/
	margin-right: 40px; margin-left:40px;
	height:26px;
}

#navf ul{
	list-style: none;
	display: block;
	margin: 0 auto;
	list-style: none;	
}

#navf li{
	margin-top: 0px;	
	float: right;
	padding-left: 20px;
}
#navf li a { color: rgba(213,1,21,1.0);	
/*	text-shadow:3px 3px 2px rgba(3,122,12,0.4); */
	opacity:1; font-size: 32px; text-decoration: none; 
font-family: 'Tulpen One', cursive;

}
#navf li a.active { color: rgba(213,1,21,1.0); opacity:1; }
#navf li a:hover { color: rgba(255,255,255,1.0); opacity:1;  }

/*= QUOTES AND SOME ELEMENTS
--------------------------------------------------------*/
.flexrot {	color: rgba(255,255,255,1.0);	text-shadow:2px 2px rgba(213,1,21,1.0);}

.quotes {
   	max-width: 960px;
	font-family: 'Playfair Display', serif; font-weight: 700;
	font-size: 32px;
	text-align: left;
	margin: 30px auto;
	color: rgba(255,255,255,1);
	text-shadow:3px 4px rgba(0,0,0,1.0);
}

.quotesb {
   	max-width: 960px;
	font-family: 'Playfair Display', serif; font-weight: 700;
	font-size: 32px;
	text-align: left;
	margin: 30px auto;
	color: black; 
	text-shadow:3px 4px rgba(255,255,255,1.0);
}

.links {
	max-width: 960px;
	margin: 50px auto;
	text-align: left;
}

.bildrechts {
	float:right;
	padding-left:5px;
}
.center {
	text-align:center;
}

/*  .author_name_rgba(255,255,255,1) {  font-family: 'Playfair Display', serif; font-weight: 700; margin: 70px 0 0 75px; color: #fff; font-size: 20px; }  */
.author_name_rgba(255,255,255,1) {  font-family: 'Playfair Display', serif; font-weight: 700; margin: 80px 0; color: #fff; font-size: 20px; }  
.author_name_gray {  font-family: 'Playfair Display', serif; font-weight: 700;  margin: 70px 0 0 75px; color: #94a4a4; font-size: 20px; } 
  


.black1s {
	color: rgba(0,0,0,1.0);
	text-shadow: 4px 4px rgba(255,255,255,1.0); 	
}
.white {
	color:white;
}



	
/*  FOOTER 
--------------------------------------------------------*/

#copyright  { color: #fff;  font-family: 'Playfair Display', serif; font-weight: 700;  font-size: 14px; margin-top: 100px; text-align: center;  }
#copyright  a { text-decoration: none; color: #fff;  }
fettquote {
	font-weight: bold;
}