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


/* 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;
}


/*= SLIDES STYLING
--------------------------------------------------------*/
#slide1, #slide2, #slide3, #slide4, #slide5, #slide6, #slide7, #slide8, #slide9, #slide10, #slide11, #slide12, #slide13 { width: 100%; }

#slide1{
/*	background:url(../images/backgrounds/IMF_HQ_1920x1280.jpg) 50% 0 no-repeat fixed;*/
	background:url(../images/backgrounds/saal1.jpg) 50% 0 no-repeat fixed; 
	color: #fff;
	height: 780px;    
/*	padding: 120px; */
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:cover;
}

#slide2{
	background:url(../images/backgrounds/IMF-logo4.jpg) 50% 0 no-repeat fixed; 
/*		background:url(../images/backgrounds/saal1.50.jpg) 50% 0 no-repeat fixed; */
	color: #fff;
	padding: 120px 0 120px 0; 

/*	padding: 120px;*/
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:cover;
}

#slide3{

	background: url(../images/backgrounds/moneyworld70b.jpg) 50% 0 no-repeat fixed;
	color: #fff;
	height: 1200px;    
	margin-top:0;
	padding: 120 0 80px 0; 
/*	padding: 120px;*/

	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:cover;
}

#slide4{
	background: url(../images/backgrounds/saal1.50.jpg) 50% 0 no-repeat fixed;
	color: #fff;	
	height: 600px; 
/*	padding: 20px 0 80px 0; */
	padding: 120px;

	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:cover;
}

#slide5{
	background: url(../images/backgrounds/immobilien1.jpg) 50% 0 no-repeat fixed;
	color: #fff;
	height: 600px;    
/*	padding: 120px 0 80px 0; */
	padding: 120px;

	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:cover;
	}

#slide6{
/*	background-color: rgba(220,220,220,0.8); */
 	background: url(../images/backgrounds/immobilien2.50.jpg) 50% 0 no-repeat fixed;

	color: #fff;	
	height: 500px; 
/*	padding: 120px 0 80px 0; */
	padding: 120px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:cover;
}

#slide7{
	background: url(../images/backgrounds/gold1.jpg) 50% 0 no-repeat fixed;
	color: #fff;
	height: 600px;    
/*	padding: 120px 0 80px 0; */
	padding: 120px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:cover;
	}

#slide8{
	background: url(../images/backgrounds/gold2.50.jpg) 50% 0 no-repeat fixed;
	color: #fff;	
	height: 540px; 
/*	padding: 120px 0 80px 0; */
	padding: 120px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:cover;
}

#slide9{
	background: url(../images/backgrounds/money1.jpg) 50% 0 no-repeat fixed;
	color: #fff;
	height: 700px;    
/*	padding: 120px 0 80px 0; */
	padding: 120px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:cover;
	}
	
#slide10{
	background: url(../images/backgrounds/money2.50.jpg) 50% 0 no-repeat fixed;
	color: #fff;
	height: 720px;    
/*	padding: 120px 0 80px 0; */
	padding: 120px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:cover;
}

#slide11{
/*	background: url(../images/backgrounds/bull2.jpg) 50% 0 no-repeat fixed; */	
	background: url(../images/backgrounds/Capitol1.jpg) 50% 0 no-repeat fixed;
	color: #fff;
	height: 1200px;    
/*	padding: 120px 0 80px 0; */
	padding: 120px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:cover;
}

#slide12{
	background: url(../images/backgrounds/Capitol2.50.jpg) 50% 0 no-repeat fixed;
	color: #fff;
	height: 1120px;    
/*	padding: 120px 0 80px 0; */
	padding: 120px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:cover;
}
#slide13{
	background: url(../images/backgrounds/slide13.jpg) 50% 0 no-repeat fixed;
	color: #fff;
/*	height: 800px;    
	padding: 120px 0 80px 0; 
	padding: 120px;*/
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:cover;
}


	
/*  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;
}
