@import url("http://fonts.googleapis.com/css?family=Ubuntu:400,700,400italic,700italic");
@import url('https://fonts.googleapis.com/css?family=Sacramento');


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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
     border: 0px none;
     font-family: "Ubuntu",sans-serif;
     font-feature-settings: inherit;
     font-kerning: inherit;
     font-language-override: inherit;
     font-size-adjust: inherit;
     font-size: inherit;
     font-stretch: inherit;
     font-style: inherit;
     font-synthesis: inherit;
     font-variant: inherit;
     font-weight: inherit;
     line-height: inherit;
     margin: 0px;
     padding: 0px;
     vertical-align: baseline;
     color:#000
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
     display: block;
}

body {
     line-height: 1;
	 background:#fff;
}

strong, b {
     font-weight: bold;
}

blockquote::before, blockquote::after, q::before, q::after {
     content: none;
}

table {
     border-collapse: collapse;
     border-spacing: 0px;
}

p {
     color: #000;
     font-family: "Ubuntu",sans-serif;
     font-size: 1.1em;
     font-weight: 300;
     line-height: 1.4em;
}

h1 {
     color: #000;
     font-family: "Ubuntu",sans-serif;
     font-size: 1.8em;
     font-weight: 300;
     line-height: 2em;
}

b {
     }

a {
     color: #000;
     text-decoration: none;
}

.wrapper {
     margin-left: auto;
     margin-right: auto;
     max-width: 1080px;
     width: 100%;   
}

ul, li {
    margin:0;
    padding:0;
}

ul li {
    display:inline;
    list-style-type:none;
}

.header {
    margin-top: 2em;
}

.header img {
    display: block;
    margin: 0 auto;
}

.header h1 {
    text-align: center;
    font-size:2em;
    text-transform: uppercase;
    font-weight: 700;
}

.header ul {
    text-align: center;
    margin:0;
    padding:0;
}

.header ul li {
display:inline;
margin: 0 20px 0 20px;
font-size:1.2em;
}

.nav {
    margin-top: 2em;
    border-top: 1px solid #000;
}

.nav ul {
    float:left;
    font-size:1.4em;
    font-weight:300;
    text-transform:uppercase;
    margin:0.5em 0;
}

.nav li {
    margin-right:0.7em;
}

.nav p {
    float:right;
    font-size:1.4em;
    font-weight:300;
    text-transform:uppercase;
    margin:0.5em 0;
}

.imgbig {
    clear:both;
    margin:2em 0;
}

.imgbig img {
    width: 100%;
}

.content  {
    clear:left;
    padding-bottom:2em;
}

.content h1 {
    text-align:center;
    text-transform:uppercase;
    margin: 2em 0 0em 0;
    font-weight:700;
}

.content h2 {
    text-align:center;
    text-transform:uppercase;
    margin: 1em 0 1em 0;
    font-weight:400;
    font-size:1.2em;
	line-height:1.4em;	
}

.content h2 span {
    font-weight:700;
}

.content h3 {
    text-align:center;
    margin: 1em 0 1em 0;
    font-weight:400;
    line-height:1.4em;
}

.content h3 span {
    font-weight:700;
}


.content .left, .content .right  {
    width:40%;
    float:left;
    text-align:justify;
    margin:2% 5% 5% 5%;
}

.quote {
    display:block;
    clear:left;
    width:90%;
    padding:2em 0;
    margin: 0 auto;
}

.quoteblack {
    display:block;
    clear:left;
    width:100%;
    margin: 0 auto;
    background:#000;
    height:auto;
    float:left;
	padding-bottom:2em;
}

.quoteblack blockquote {
    font-size:4.5em;
font-family: 'Sacramento', cursive;
    line-height:1.6em;    
    display:block;
    clear:left; 
    color:#fff;
    width:80%;
    margin:0 auto 0 auto;
    padding:2em 0 0 0;
    text-align:center;
}

.quoteblack cite {
    float:left;
    clear:left;
    width:90%;
    text-align:right;
    font-size:1.5em;
    padding: 2em 2em 0 0;
    font-weight:300;
    color:#fff;
}

.quote blockquote {
    text-align:center;
    font-size:4em;
font-family: 'Sacramento', cursive;
    padding:0 2em;
    line-height:1.6em;
}

.quote cite {
    float:right;
    text-align:right;
    font-size:1.5em;
    margin: 2em;
    font-weight:300;
}

.divider {
    display:block;
    clear:both;
    border-bottom:1px solid #000;
    margin:2em 0;
    width:100%;
    height:40px;
}

.kontakt h1 {
    text-align:center;
    font-weight:700;
    text-transform:uppercase;
    margin:1em;
    font-size:1.6em;
}

.kontakt .main {
    clear:left;
}

.kontakt .main p {
    text-align:center;
    font-size:1.6em;
}

.kontakt .main p.neff {
    text-align:center;
    font-size:1.2em;
    margin-top:1em;
}

.kontakt .left, .kontakt .right  {
    width:34%;
    float:left;
    text-align:justify;
    margin:2% 8% 5% 8%;
    font-size: 1.2em;
}

.kontakt .left img  {
    width:100%;
    margin:20px;
}

.kontakt .left h1, .kontakt .right h1  {
    font-size: 1.2em;
        line-height: 1.4em;	
}


#scrollup {
     bottom: 50px;
     display: none;
     height: 50px;
     position: fixed;
     right: 2.8%;
     width: 50px;
}

#scrollup img {
     height: 50px;
     width: 50px;
}

#scrollup:hover {
     cursor: pointer;
}