/* Temporaeres CSS für Platzierungswertausgabe */

.controller { 
    position:fixed;
	top: 20px;
	left: 20px;
    }


/*
Theme Name: Simple Parallax Website
Description: Simple Parallax Scrolling Effect
Author: Samuel Dalusung
*/

/*= GENERAL STYLING
--------------------------------------------------------*/
html{background:#fff;color:#000;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html{font:87%/1.5 "Karla","lucida grande",sans-serif,sans-serif;font-weight:400}@media (min-width: 40rem){html{font-size:100%}}@media (min-width: 64rem){html{font-size:106%}}
body{
	margin: 0;
	padding: 0;
	width: 100%;
  color:#666;
  background-color:#fff
}
/*
h1,h2,h3,h4,h5{color:#868826;line-height:1.2em;font-family:"Montserrat","Helvetica",sans-serif;font-weight:700}
h1{font-size:3.5rem;margin:0 0 0.1em 0}@media (min-width: 40rem){h1{font-size:4.5rem}}@media (min-width: 64rem){h1{font-size:3rem}}
h2{color:#c1c100;margin-top:0;margin-bottom:1.5rem;font-size:1.5rem;text-transform:uppercase}@media (min-width: 40rem){h2{font-size:2rem}}
h3{font-size:1.2rem;margin-bottom:0.5rem} */
b,strong{font-weight:bold}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
h1{font-size:2em;margin:0.67em 0}
h1,h2,h3,h4,h5{color:#868826;line-height:1.2em;font-family:"Montserrat","Helvetica",sans-serif;font-weight:700}
h1{font-size:3.5rem;margin:0 0 0.1em 0}@media (min-width: 40rem){h1{font-size:4.5rem}}@media (min-width: 64rem){h1{font-size:3rem}}
h2{color:#c1c100;margin-top:0;margin-bottom:1.5rem;font-size:1.5rem;text-transform:uppercase}@media (min-width: 40rem){h2{font-size:2rem}}
h3{font-size:1.2rem;margin-bottom:0.5rem}
copy{color:#919191;font-size:0.8rem;margin-bottom:0.5rem}


.lead{max-width:45rem;margin-bottom:1.1rem;font-size:1.25rem}
ul,ol{margin:0 0 1.25em 0}li{margin-bottom:2em}
li.last-list-item{border-bottom:none}


.center { margin: 0 auto; }
.content{ margin: 0 auto; width: 960px; ;text-align:center;z-index:9}
.clear { clear: both; }

a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
a{color:#aaa;text-decoration:none}
a:hover{text-decoration:underline}::-moz-selection,::selection{background:#e67e39;color:#aaa}

a.lpanel { float: left; color: #e1e1e1; font-size: 12px; font-family:"Wellfleet"; text-decoration: none; margin: 7px 11px; }
a.rpanel { float: right; color: #e1e1e1;  font-size: 12px; font-family:"Wellfleet"; text-decoration: none; margin: 7px 11px; }

a.lpanel:hover{ color: #fff; }
a.rpanel:hover{ color: #fff; }
/*= HEADER & NAVIGATION
--------------------------------------------------------*/

#header { 
	width: 100%; 
	text-align:center;  /*from parallax_spritespin_backdrop_screen.css*/
  color:#fff;   /*from parallax_spritespin_backdrop_screen.css*/
	height: 80px; 	
	position: fixed; z-index:0;
  background-color: #C1C100;
}
          
#nav { width: 30rem; float: right; margin-top: 20px;z-index:10;}
#logo{float: left; margin: 10px;}
/*#logo a { color: #fff; text-decoration: none; float: left; font-size: 30px; margin-top: 20px; color: #fff; font-family:"Montserrat"; font-weight: bold; }      */
#nav ul{
	list-style: none;
	display: block;
	margin: 0 auto;
	list-style: none;
	float:right
}

#nav li{
	margin-top: 9px;	
	float: left;
	padding-left: 21px;
}

#nav li a { color: #fff; opacity:0.6; font-size: 16px; text-decoration: none; font-family:'Montserrat';} 
#nav li a.active { color: #fff; opacity:1; border-bottom: 2px solid #fff; }
#nav li a:hover { color: #fff; opacity:1;  }



/*= QUOTES AND SOME ELEMENTS
--------------------------------------------------------
.quotes {   
 font-family: 'Goudy Bookletter 1911', serif;
   font-weight: normal;
   font-size: 30px;
  text-align: left;
  margin: 50px auto;
}
   
 .author_name_white { font-family:"Wellfleet";  margin: 70px 0 0 75px; color: #fff; font-size: 20px; }  
 .author_name_gray { font-family:"Wellfleet";  margin: 70px 0 0 75px; color: #94a4a4; font-size: 20px; }  
 .quotes_container { width: 800px; margin: 0 auto; }
                                                       */


/*= SLIDES STYLING
--------------------------------------------------------*/

#slide1{
	background: url(../img/parallax/name.jpg) 0px -50px no-repeat fixed;

	height: auto;
	margin: 0;
	padding: 200px 0 100px 0;	
	background-size: cover; 
}
#slide2{
  border-top:2px solid #c1c1c1;
  border-bottom:2px solid #aeaeae;
  background: #fff;
  height: auto;
	/*margin: 0 auto;   */
	padding: 100px 0 50px 0;	
}
#slide3{
	background: url(../img/parallax/roof.jpg) 0 0 no-repeat fixed;
	color: #fff;
	height: auto;
	padding: 50px 0 50px 0;		
	background-size: cover;
}
#slide4{ 
  border-top:2px solid #eaeaea;
  border-bottom:2px solid #eaeaea;     
	background-color: #ddd ;
	color: #333333;
	height: auto;
	padding: 50px 0 100px 0;	
}
#contact{
	background: #fff;
    height: 300px;
	margin: 0 auto;
	padding: 100px 0 100px 0;	
	color: #fff;
	background-size: cover;
}

hr{border:0;border-top:2px solid #f5f5f5;margin:1rem auto 1.5rem auto}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#dark{border:1px solid #e1e1e1;margin:1rem auto 1.5rem auto}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

section{border-top:2px solid #eaeaea;text-align:center;padding:2rem 0}
section:first-of-type{border-top:2px solid #eaeaea;}@media (min-width: 40rem){section{padding:4rem 0}}
#exhibit, #vita {background-color:#f3f3f3;}@media (min-width: 40rem){section{padding:4rem 0}}
.container{margin:0 auto;max-width:40rem;width:90%;text-align:center;z-index:-10;}

.image-row{font-size:1rem}
.example-image-link{display:inline-block;padding:4px;margin:0 0.5rem 1rem 0.5rem;background-color:#fff;line-height:0;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;-webkit-transition:background-color 0.5s ease-out;-moz-transition:background-color 0.5s ease-out;-o-transition:background-color 0.5s ease-out;transition:background-color 0.5s ease-out}
.example-image-link:hover{background-color:#97ae00;-webkit-transition:background-color 0;-moz-transition:background-color 0;-o-transition:background-color 0;transition:background-color 0}
.example-image{width:7rem;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}


/*= FOOTER 
--------------------------------------------------------*/
footer{padding:2rem 0;background-color:#e9e9e9;text-align:center}
footer p{text-align:center}
footer a{background-color:#e9e9e9;}
footer .button{margin-top:0.5rem}
.button{display:block;padding:0.7rem 2rem;margin-bottom:0.5rem;border:none;color:#fff;background-color:#97ae00;font-size:1.1rem;font-weight:bold;text-transform:uppercase;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;vertical-align:middle;white-space:nowrap}
.button:hover{background:#868826;text-decoration:none}@media (min-width: 40rem){.button{display:inline-block;margin:0 0.25rem}}
.button-minor{padding:0.3rem 1rem;border:2px solid #868826;color:#868826;background-color:transparent;font-size:0.8rem}
.button-minor:hover{color:#fff;background:#868826}
.imprint{margin:0 auto;max-width:30rem;font-size:0.6rem;width:90%}
#copyright  { color: #fff; font-family:"Wellfleet";  font-size: 14px; margin-top: 100px; text-align: center;  }
#copyright  a { text-decoration: none; color: #fff;  }

.zahl {line-height: 0.3;}

/*= New from parallax_spritespin_backdrop_screen.css 
--------------------------------------------------------*/
html{font:87%/1.5 "Karla","lucida grande",sans-serif,sans-serif;font-weight:400}@media (min-width: 40rem){html{font-size:100%}}@media (min-width: 64rem){html{font-size:106%}}
/*





a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
a{color:#aaa;text-decoration:none}
a:hover{text-decoration:underline}::-moz-selection,::selection{background:#e67e39;color:#aaa}

#slide1 p{text-align:center}@media (min-width: 40rem){header{padding-top:0rem}}    /*from parallax_spritespin_backdrop_screen.css*/

/*

.button{display:block;padding:0.7rem 2rem;margin-bottom:0.5rem;border:none;color:#fff;background-color:#97ae00;font-size:1.1rem;font-weight:bold;text-transform:uppercase;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;vertical-align:middle;white-space:nowrap}
.button:hover{background:#868826;text-decoration:none}@media (min-width: 40rem){.button{display:inline-block;margin:0 0.25rem}}
.button-minor{padding:0.3rem 1rem;border:2px solid #868826;color:#868826;background-color:transparent;font-size:0.8rem}
.button-minor:hover{color:#fff;background:#868826}

.backdrop{position:fixed;z-index:20;width:100%;height:100%;}    */