@charset "UTF-8";
/* CSS Document */

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,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 { border:0; font-size:100%; margin:0; padding:0; }
a { outline:none; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
del,ins { text-decoration:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; font-variant:normal; }
sup,sub { vertical-align:baseline; }
legend { color:#000; }
input,button,textarea,select,optgroup,option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
input,button,textarea,select { font-size:100%; }

/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* layout */
body {width: 100%; height: 100%; font-family:'Avenir LT W01 55 Roman', sans-serif; font-size: 16px; line-height: 25px; color:#FFF; background-color: #dedede;}

#wrapper {width: 100%; margin-top: 52px;}

#schatten_oben {height: 10px; width: 100%; background-image: url(bilder/schatten_oben.png); background-repeat: repeat-x;}
#schatten_unten {height: 10px; width: 100%; background-image: url(bilder/schatten_unten.png); background-repeat: repeat-x;}

#white {width: 100%; height: 229px; background-color: #FFF;}
#grey {width: 100%; background-color: #a0a0a0;}
#blue {width: 100%; height: 17px; background-color: #009ee3;}

#logo {width: 100%; max-width: 429px; height: 229px; margin-left: auto; margin-right: auto;}
#logo img {width: 100%;}

#text {width: 100%; max-width: 429px; padding-top: 10px; margin-left: auto; margin-right: auto; text-align: center;}

.absatz {line-height: 4px;}

a {color: inherit; text-decoration: none;}
a:hover {color: #009ee3; text-decoration: none;}

ul#main-nav {list-style-type: none; padding: 10px 0;}
ul#main-nav li {display: inline-block; padding: 0 8px; position: relative;}
ul#main-nav li:before {content:"\00b7"; position: absolute; left: -4px;}
ul#main-nav li:first-of-type:before {content:"";}


/* HIDDEN CONTENT */
.close {width: 2rem; height: 2rem; position: absolute; top: 1.5rem; right: 1rem; cursor: pointer;}
.close:before, .close:after {width: 2rem; height: 0.25rem; content: ''; display: block; position: absolute; background: #a0a0a0;}
.close:hover:before, .close:hover:after {background: #009ee3;}
.close:before {transform: rotate(45deg);}
.close:after {transform: rotate(135deg);}

.content {position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: rgba(120,120,120,1);}
.wrapper {width: 100%; background: rgba(255,255,255,0.9);}
.text {max-width: 32rem; margin: 0 auto; padding: 3rem 1rem;}

h2 {font-size: 1.25em; margin-bottom: 0.25em;}
.text p + p, .text ul + p {margin-top: 0.75em;}
.text p + ul {margin-top: 0.25em;}
.text ul {padding-left: 1rem;}

.bold, h2 {color: rgba(80,80,80,1);}