/*============= browser resets & clearings */
.clear { *zoom: 1; }
.clear:before, .clear:after { display: table; content: ""; line-height: 0; }
.clear:after { clear: both; }
.container:before, .container:after { display: table; content: ""; line-height: 0; }
.container:after { clear: both; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article,aside,details,figcaption,figure,footer,header,hgroup,nav,menu,section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
*,html,body { -webkit-text-size-adjust:none!important; }
* html body * { overflow:visible; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a:focus, a:hover, a:active { outline: 0;}
div:target { outline: 0 none; }
[hidden] { display: none; }
fieldset, img { border:0 solid; }
button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; }
button, input { *overflow: visible; line-height: normal; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; }
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
textarea { overflow: auto; vertical-align: top; }
/* =============== */


html {
width: 100%;
height: 100%;
margin: 0 auto;
padding: 0;
overflow-y: scroll;
background: #99cc33; /* Old browsers */
background: -moz-linear-gradient(30deg,  #99cc33 0%, #3399cc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#99cc33), color-stop(100%,#3399cc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(30deg,  #99cc33 0%,#3399cc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(30deg,  #99cc33 0%,#3399cc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(30deg,  #99cc33 0%,#3399cc 100%); /* IE10+ */
background: linear-gradient(30deg,  #99cc33 0%,#3399cc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc33', endColorstr='#3399cc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

body {
width: 100%;
height: 100%;
margin: 0 auto;
padding: 0;
font-family: Verdana, Helvetica;
font-size: 15px;
height: auto !important;
min-height: 100%;
color: #4a3436;


}

#wrapper {
width: 100%;
height: 100%;
margin: 0 auto;
padding: 0 0 0 0;
height: auto !important;
min-height: 100%;
}

.container {
margin: auto;
max-width: 1180px;
padding-right: 20px;
padding-left: 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}



/* Navigation */
.fixed-header {
background: #fff;
box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.5);
display: none;
position: fixed;
top: 0px;
width: 100%;
z-index: 10000;
padding: 5px 0;
}

.nav {
text-align: center;
}
.nav li {
display: inline-block;
*display: inline;
height: 39px;
line-height: 39px;
padding: 0 0 0 39px;
background: transparent url("../images/Pfeil_weiss_ab.png") no-repeat 0 0;
}
.fixed-header .nav li {
background: transparent url("../images/Pfeil_ab_bunt.png") no-repeat 0 0;
}

.nav li a {
display: block;
font-family: 'Roboto Condensed', sans-serif;
line-height: 39px;
font-weight: 400;
font-size: 18px;
text-decoration: none;
color: #fff;
margin: 0 10px;
}

.nav li a:hover,
.nav li a:focus {
color: #ddd;
}
.fixed-header .nav li a {
color: #333;
}
.fixed-header .nav li a:hover,
.fixed-header .nav li a:focus {
color: #ddd;
}


#galerie {
padding: 10px 20px 0px 20px;
}
/* texte */ 
.abschnitt {
padding: 40px 0;
display: block;
width: 100%;
min-height: 100vh;
position: relative;
box-sizing: border-box;
border-right: 10px solid #fff; 
border-left: 10px solid #fff; 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#home.abschnitt { 
padding-top: 15%; 
border-top: 10px solid #fff; 
}

.abschnitt.hell { background-color: #ffffff; background-color: rgba(255,255,255,1);  }
.abschnitt.dunkel { }




/* typo */
h1 {
font-family: 'Roboto Condensed', sans-serif;
font-size: 20px;
margin: 4% 0 10% 0;
text-align: center;
}
#home h1 {
margin: 0 0 50px 0;
}
h2 { 
font-family: 'Roboto Condensed', sans-serif;
font-size: 30px;
margin: 0 0 10px 0; 
}
h3 {
font-family: 'Roboto Condensed', sans-serif;
font-size: 18px;
margin: 0 0 0 0; 
text-transform: uppercase;
font-weight: 700;
}
h4 {
font-size: 16px;
margin: 0 0 5px; 
}

.abschnitt p {
margin: 0 0 15px 0;
line-height: 1.4em;
color: #333;
}


/* listen */
.list {
list-style: disc;
margin: 10px 0 25px 0;
}
.list li {
margin-left: 18px;
}


a.link {
color: #4a3436;
text-decoration: none;
}
a.link:hover,
a.link:focus {
color: #b38f66;
text-decoration: none;
}

.toplink {
text-align: center;
display: block;
margin-top: 30px;
}


/* images */
img {
max-width: 100%;
width: auto\9;
height: auto;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}

.span4 img {
margin-bottom: 20px;
}

.backgroundschleife {
width: 100%;
height: auto;
position: absolute;
top: 12%;
z-index: -5;
opacity: 0.4;
}


iframe {
width: 100%;
min-height: 450px;
margin-bottom: 20px;
}

@media (max-width: 767px) {

}

@media (max-width: 480px) {

}