html { 
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
html, body { 
	width: auto !important; 
	margin: 0; 
	font-family: sans-serif;   
	overflow-x: hidden !important; 
}
article,aside,details,figcaption,figure,footer,header,main,nav,section {
	display: block;
}
div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,blockquote { 
	cursor: default;
}
a { 
   color: #282f35; 
   -webkit-transition: all .25s ease; 
   -moz-transition: all .25s ease; 
   -ms-transition: all .25s ease; 
   -o-transition: all .25s ease; 
   transition: all .25s ease; 
}
a:hover { 
   color: #AD1818; 
   text-decoration: none; 
}
a:active, a:hover, a:focus { 
   outline: 0; 
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
h1 { font-size: 2em; margin: 0.67em 0; }
h2 { font-size: 1.5em; margin: 0.83em 0; }
h3 { font-size: 1.17em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.83em; margin: 1.67em 0; }
h6 { font-size: 0.75em; margin: 2.33em 0; }
h1,h2,h3,h4,h5,h6 {
   color: #454545;
}
b, strong { font-weight: bold; }
ul, ol { 
   list-style: none; 
   list-style-image: none; 
   padding: 0;
}
img { 
   border: 0;
   -ms-interpolation-mode: bicubic;
}
.container, .container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container { width: 750px; }
}
@media (min-width: 992px) {
  .container { width: 970px; }
}
@media (min-width: 1200px) {
  .container { width: 1170px; }
}
.samt-1, .samt-2, .samt-3, .samt-4 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 992px) {
  .samt-1, .samt-2, .samt-3, .samt-4 { float: left;}
  .samt-4 { width: 100%;}
  .samt-3 { width: 66.66666667%;}
  .samt-2 { width: 50%;}
  .samt-1 { width: 33.33333333%;}
  .seide-3 { margin-left: 33.33333333%;}
  .seide-2 { margin-left: 25%;}
  .seide-1 { margin-left: 16.66666667%;}
}
.zeitgeist {
    margin-left: -15px;
    margin-right: -15px;
}
h1.tor, h2.turm, h2.baer, h2.mauer { 
	text-align: center; 
	color: #353738; 
	letter-spacing: 1px; 
	font-size: 20px; 
	font-family: georgia;
	text-transform: uppercase; 	
	padding-top: 75px; 
	margin-top: 50px; 
	color: #454545;
}
h1.tor { background: url(../mauer/tor.png) no-repeat top center; }
h2.turm { background: url(../mauer/turm.png) no-repeat top center; }
h2.baer { background: url(../mauer/baer.png) no-repeat top center; }
h2.mauer{ background: url(../mauer/mauer.png) no-repeat top center; }
h2.logo-header { 
/*   background: url(../mauer/baer3.png) no-repeat top center;*/
   text-align: center;
   color: #848789; 
   letter-spacing: 1px; 
   font-size: 24px; 
   font-weight: 300;   
   margin: 10px 0 40px 0; 
   font-style: italic; 
}
p { 
   text-align: center; 
   font-size: 14px; 
   color: #666; 
   font-weight: 300; 
   word-spacing: -0.01px; 
   line-height: 1.8em; 
   margin-top: 15px;  
}
p.start-text { 
   font-size: 16px;
}
.r_spacer { 
   margin-right: 180px; 
}
.intro { 
   padding: 115px 0; 
   background: #fbfbfb; 
}
.section-1 { background: url(../mauer/the_wall.jpg) no-repeat center center; }
.section-2 { background: url(../mauer/the_wall2.jpg) no-repeat center center; }
.section-3 { background: url(../mauer/bastelbogen.jpg) no-repeat center center; }
.section-4 { background: url(../mauer/bastelbogen2.jpg) no-repeat center center; }
.mauer_teil2 { background: url(../mauer/pape_2.jpg) no-repeat center center; }
.mauer_teil1 { background: url(../mauer/teile.jpg) no-repeat center center; }
.mauer_teil3 { background: url(../mauer/pape_4.jpg) no-repeat center center; }

.section-1, .section-2, .section-3, .section-4 { 
   height: 600px;  
   position: relative;      
}
.section-1, .section-2, .section-3, .section-4, .mauer_teil2, .mauer_teil1, .mauer_teil3 { 
   -webkit-background-size: cover; 
   -moz-background-size: cover; 
   -o-background-size: cover; 
   background-size: cover;       
}
.section-text { 
   position: relative; 
   height: 600px; 
}
.nullwert { 
   padding: 0 !important; 
   margin: 0 !important; 
}
.betonwand { 
   height: 1px; 
   background-color: #d7d7d7; 
   width: 50px; 
   margin: 8% auto 0 auto; 
}
.kleine-bilder { 
   height: 200px; 
   width: 100%; 
   position: absolute; 
   bottom: 0; 
}
.section-text p { 
   padding: 0 60px; 
   text-align: left; 
}
.pfeil { 
   background: url(../mauer/pfeil.png) no-repeat center center; 
   width: 21px; 
   height: 10px; 
   margin: -1px auto 0 auto; 
}
/*
.logo-1 { 
   width: 113px; 
   height: 118px; 
   background: url(../mauer/mauerlogo3.png); 
   position: absolute; 
   left: 50%; 
   top: 50%; 
   margin-left: -56px; 
   margin-top: -59px; 
}
.logo-2 { 
   width: 177px; 
   height: 152px; 
   background: url(../mauer/mauerlogo2.png); 
   position: absolute; 
   left: 50%; 
   top: 50%; 
   margin-top: -70px; 
   margin-left: -90px; 
}
*/
.logo-de { background: url(../mauer/mauerlogo.png); }
.logo-en { background: url(../mauer/walllogo.png); }
.logo-fr { background: url(../mauer/lemurlogo.png); }
.logo-de, .logo-en, .logo-fr { 
   width: 208px; 
   height: 41px; 
   position: absolute; 
   left: 50%; 
   top: 50%; 
   margin-left: -110px; 
   margin-top: -10px; 
}
.flex-container { 
   background-color: #f7f7f7; 
   padding: 100px 0; 
   text-align: center; 
}
.left-box-1 img, .left-box-2 img, .left-box-btm img, .right-box-3 img, .right-box-2 img, .right-box-1 img, .left-box-btm, .right-box-1 { 
   width: 100%; 
}
.mid-box-1, .right-box-2, .left-box-1 { 
   width: 50%; 
   float: left; 
}
.mid-box-2, .right-box-3, .left-box-2 { 
   width: 50%; 
   float: right; 
}
.mid-box-2 img, .mid-box-1 img { 
   width: 100%; 
   height: 100%; 
}
.effects { 
   background: #fff; 
}
.effects .img { 
   position: relative; 
}
.effects .img img { 
   display: block; 
   margin: 0; 
   padding: 0; 
   max-width: 100%; 
   height: auto; 
}

@media screen and (max-width:900px) {
  p.start-text { padding: 0 30px;}
  .section-text p { padding: 0 30px; text-align: center; }
}
.discover { 
   background: #fff; 
   padding: 0 0 4px; 
   text-align: center; 
}
.herausgabe { 
   text-align: center; 
}
section.herausgabe { 
   padding: 40px 0 110px 0; 
}
footer { 
   background: #eee url(../mauer/brickwall.png);
   padding: 50px 0; 
   border-top: 4px solid #fff;
}
footer p { 
   font-size: 13px; 
   margin: 0; 
}
.footer-leftcol p { 
   text-align: left; 
}
.footer-rightcol p { 
   text-align: right; 
   font-style: italic; 
   margin-top: 20px; 
}
.itsme { 
   font-size: 15px; 
   font-weight: 600; 
}
.sprachen { 
   margin-left: auto; 
   margin-right: auto; 
   height: 50px; 
}
.sprachen ul {
   padding: 0;
   text-align: center;
}
.sprachen li {
   display: inline-block;
   list-style: outside none none;
   margin-right: 15px;
}
a.de, a.en, a.fr, span.de, span.fr, span.en {
   height: 24px;
   width: 24px;
   display: block;
   margin-top: 10px;
   position: relative;
   padding: 5px 5px 10px;
}
a.de:hover, a.en:hover, a.fr:hover, span.de, span.fr, span.en {
   filter: alpha(opacity=70);
   -moz-opacity: 0.7;
   -khtml-opacity: 0.7;
   opacity: 0.7;
}
a.de:hover, a.en:hover, a.fr:hover{
   top: 1px;
}
.de { background: url(../mauer/de.png) no-repeat; }
.en { background: url(../mauer/en.png) no-repeat; }
.fr { background: url(../mauer/fr.png) no-repeat; }

.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 { visibility: hidden; }
.bounceInLeft, .bounceInRight, .fadeInUp { visibility: visible; }

@media screen and (max-width:1200px) {
   p {font-size: 14px; }
   .betonwand { display: none; }
   .pfeil { display: none; }
   .nav-wrapper { background-color: #fff; }
/*   .logo-1 { position: absolute; left: 50%; top: 50%; }
   .logo-2 { position: absolute; left: 50%; top: 50%; }*/
   .logo-de, .logo-en, .logo-fr { position: absolute; left: 50%; top: 50%; }
   .footer-leftcol p, .footer-rightcol p { text-align: center; }
}
.botschaft {
  display: block;
  margin: 0 auto;
  max-width: 900px;
  padding: 0 8px;
}
#content {
  padding: 0;
}
#header {
  display: block;
  width: 100%;
  height: 65px;
  background: #eee url(../mauer/brickwall.png);
  -webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.4);
  -moz-box-shadow: 1px 2px 4px rgba(0,0,0,0.4);
  box-shadow: 1px 2px 4px rgba(0,0,0,0.4);
}
.fixed{
  position: fixed;
  z-index: 10000;
  right: 0;
  left: 0;
  top: 0;
}
.xzcute { 
   display: inline-block; 
   padding: 16px 10px 0;
}
#navmenu {
  float: right; 
}
#navmenu li {
  display: block;
  float: left;	
}
#navmenu li a {
  padding: 5px 10px 30px;
  font-size: 1.3em;
  line-height: 20px;
  margin: 0;
  color: #666;
  text-decoration: none;
}
#navmenu li a:hover {
  color: #000;
}
@media screen and (max-width: 550px) {
  #navmenu li a { font-size: 1.1em; padding: 0 5px; }
  #navmenu li { float: none; display: inline;}
  #navmenu { position: relative; top: 20px; width: 100%; text-align: center; }
  .xzcute { position: absolute; top: -10px; width: 100%; text-align: center; }
}
@media screen and (max-width: 400px) {
  #navmenu li a { font-size: 1em; padding: 5px; }
}
.icon {
    border: 1px solid #aaa;
    display: block;
    height: 34px;
    text-indent: -9999px;
    width: 35px;
}
.slide1 {
  -webkit-transition:all .25s ease-in-out;
  -moz-transition:all .25s ease-in-out;
  -o-transition:all .25s ease-in-out;
  transition:all .25s ease-in-out;
}
.slide2 {
  -webkit-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0);
}
.slide3 {
  -webkit-transform:translateY(-100%);
  -ms-transform:translateY(-100%);
  transform:translateY(-100%);
}
.animated {
  -webkit-animation-duration:.5s;
  -moz-animation-duration:.5s;
  -o-animation-duration:.5s;
  animation-duration:.5s;
  -webkit-animation-fill-mode:both;
  -moz-animation-fill-mode:both;
  -o-animation-fill-mode:both;
  animation-fill-mode:both;
}

@-webkit-keyframes bounceInLeft {
  0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }
  60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); }
  80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes bounceInLeft {
  0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); }
  60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); }
  80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); }
  100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.bounceInLeft { 
   -webkit-animation-name: bounceInLeft; 
   animation-name: bounceInLeft; 
}

@-webkit-keyframes bounceInRight {
  0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); }
  60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); }
  80% { -webkit-transform: translateX(10px); transform: translateX(10px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes bounceInRight {
  0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); }
  60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); }
  80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); }
  100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.bounceInRight { 
   -webkit-animation-name: bounceInRight; 
   animation-name: bounceInRight; 
}

@-webkit-keyframes fadeInUp {
  0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInUp {
  0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInUp { 
   -webkit-animation-name: fadeInUp; 
   animation-name: fadeInUp; 
}

.clearfix:before, .clearfix:after, .container:before, .container:after,
.container-fluid:before, .container-fluid:after, .zeitgeist:before, .zeitgeist:after {
  display: table;
  content: " ";
}
.clearfix:after, .container:after, .container-fluid:after, .zeitgeist:after {
  clear: both;
}
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; } 
.clearfix { *zoom: 1; }