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

a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline; 
	}
	
	body {

animation: transitionIn 0.75s;

}



html,body {
margin: 0;
padding: 0;
font-family: 'Helvetica', Helvetica Neue, Arial, sans-serif;
-webkit-font-feature-settings:  "liga" 1, "dlig" 1, "zero" 1;
-moz-font-feature-settings:     "liga" 1, "dlig" 1, "zero" 1;
-ms-font-feature-settings:      "liga" 1, "dlig" 1, "zero" 1;
font-feature-settings:          "liga" 1, "dlig" 1, "zero" 1;
font-weight:normal;
text-transform: none;
font-size: 6.5vw;
line-height: 115%;  
background: transparent;
color: #000;
text-decoration: none;
text-align:left;
width:100%;
height:100%;
}
a, a:hover {
text-decoration: none;
color: lightslategray;
border: 0;
font-weight: normal;
font-variant:normal;
font-style:normal;
}

/* ACCORDION */

.accordion {
padding-top:5vw;
border-top: 0px solid #000;
width:96vw;
margin: 0 auto;

}
.accordion li {
width:96vw;
margin: 0 auto;
border-top: 1px solid #000;
position: relative;
vertical-align:top;
font-weight: normal;
font-variant:normal;
font-style:normal;
}
.accordion li p {
display: none;
padding-bottom:1vw;
color: #000;
}
.accordion a {
font-family: 'Helvetica', Helvetica Neue, Arial, sans-serif;
font-size: 13vw;
display: block;
cursor: pointer;
user-select: none;
padding-bottom:2vw;
line-height: 100%;  
letter-spacing: -0.6vw;
padding:0.5vw 0vw 2.4vw 0vw;
}
.accordion p {
font-family: 'Helvetica', Helvetica Neue, Arial, sans-serif;
font-size: 6.5vw;
padding-left:0.25vw;
margin-bottom:2vw;
line-height: 110%;
letter-spacing: -0.15vw;
}
 .accordion a:hover {
color: #000;
background-color:none;
text-decoration: none;
border:0px solid #000;
}
.accordion a:after {
position: absolute;
top: 0vw;
right: 0;
content: "+";
}

a.active:after {
content: "−";
}




a, a:focus {
  color: #000;
  background-color: transparent;
}

span {
-webkit-font-feature-settings:  "case" 1;
-moz-font-feature-settings:     "case" 1;
-ms-font-feature-settings:      "case" 1;
font-feature-settings:          "case" 1;	
}
h1,h3,h4,h5,h7 {
-webkit-font-feature-settings:  "titl" 1, "zero" 1;
-moz-font-feature-settings:     "titl" 1, "zero" 1;
-ms-font-feature-settings:      "titl" 1, "zero" 1;
font-feature-settings:          "titl" 1, "zero" 1;	
 }


h1 {
padding: 0vw 0.5vw 0vw 0.5vw;
}
h4 {
padding: 0vw 0.2vw 0vw 0.2vw;
}
h1,h2,h3,h4,h5,h6,h7,h8 {
font-weight: normal;
font-variant:normal;
font-style:normal;
text-decoration: none;
}
h1,h3,h4,h7 {
font-size: 2vw;
font-family: 'Helvetica', Helvetica Neue, Arial, sans-serif;
line-height: 125%;  
}
h2 {
line-height: 110%;
font-size: 6.5vw;
font-family: 'Helvetica', Helvetica Neue, Arial, sans-serif;
letter-spacing: -0.1vw;
}
h6 {
line-height: 110%;  
font-size: 10vw;
letter-spacing: -0.6vw;
font-family: 'Helvetica', Helvetica Neue, Arial, sans-serif;
top:0;
right:0;
position:relative;
padding-right: 1vw;

}
hr{
border-top: 1px solid #000;
height: 1px;
padding: 0px;
margin: 0px;    
}
ul {
list-style:none;
margin:0px;
padding:0px;
}
li {
display:inline-block;
padding:0;
background-color:none;
}


h3, h3 a, h5, h5 a, h5 a:hover {
color:#000;
font-size: 3vw;
font-family: 'Helvetica', Helvetica Neue, Arial, sans-serif;
line-height: 100%;
letter-spacing: -0.1vw;

}
h5, h5 a, h5 a:hover {
font-family: 'Helvetica', Helvetica Neue, Arial, sans-serif;
letter-spacing: -0.1vw;
}
h8, h8 a, h8 a:hover {
font-family: 'Helvetica', Helvetica Neue, Arial, sans-serif;
letter-spacing: -2vw;
font-size:37.8vw;
bottom:0;
position:absolute;
text-align: center;
line-height: 100%;
width: auto;
float:inherit;
}

.start-top-titl::before {
content: "Neu";
cursor: pointer;
}

.intro {
min-height: 100%;
width: 100%;
}
.column-blank {
float: left;
width:50%;
margin-left: 0%;
margin-right:0%;
}
.column-full {
float: left;
width:100%;
padding:0vw 2vw 0vw 2vw;
}
.column-fullwool {
float: left;
width:100%;
padding:0vw 2vw 1vw 2vw;
}
.column-full-blank {
float: left;
width:100%;
padding:0vw 0vw 0vw 0vw;
}
.column-head {
border-top:1px solid #000;
width:100%;
padding:1vw 0vw 2vw 0vw;
}
.column-head1 {
border-top:1px solid #000;
width:100%;

padding:1vw 0vw 0vw 0vw;
}
.column-space-1 {
float: left;
width:100%;
min-height: 1vw;
}
.column-space-2 {
float: left;
width:100%;
min-height: 2vw;
}
.column-space-4 {
float: left;
width:100%;
min-height: 4vw;
}
.column-space-6 {
float: left;
width:100%;
min-height: 6vw;
}
.column-space-8 {
float: left;
width:100%;
min-height: 8vw;
}
.column-space-10 {
float: left;
width:100%;
min-height: 10vw;
}





/* Marker*/
::-moz-selection {
background: rgba(0, 0, 0, 0.99);
color: white;
} 

::selection {
background: rgba(0, 0, 0, 0.99);
color: white;
}




/* Add padding BETWEEN each column */

.row,
.row > .column {
  padding: 1vw;
}

/* Create four equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
}

/* Clear floats after rows */ 
.row:after {
  content: "";
  display: table;
  clear: both;
}
/* Content */
.content {
  border-top:1px solid #000;
  background-color: none;
  padding-top: 8px;
}
* {
  box-sizing: border-box;

} 
/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
.column {
width: 100%;
}
.content {
border-top:0px solid #000;
}
h1, h7{
font-size:16px;
}
h3 {
font-size: 6.5vw;
}
h4 {
font-family: 'Regular', Helvetica, Helvetica Neue, Arial, sans-serif;
}
.start-top-titl::before {
content: "St.";
}
h8{
font-size:88vw;
letter-spacing:-6vw;
}
}


/* NAVBAR */

.lnk{
}
.button-small {
z-index: 1001;
cursor: pointer;
background-color:#000;
height: 3.4vw;
border-radius: 1.7vw;
float:left;
margin: 0vw 0.45vw 0.5vw 0vw;
padding:0vw 1.4vw 0vw 1.5vw;
width: auto;
}
.button-large {
z-index: 1001;
cursor: pointer;
background-color:#000;
height: 11vw;
border-radius: 5.5vw;
float:left;
margin: 0vw 2vw 2.1vw 0vw;
padding:0vw 4.5vw 0vw 4.6vw;
width: auto;
}
.button-small:hover, .button-large:hover {
border-radius: 0vw;
boder:none;
text-decoration: none;

}
.navbar-space {
float: left;
width:100%;
min-height: 10vw;
}
.navbar {
mix-blend-mode: none;
font-family: 'SemiRegular', Helvetica, Helvetica Neue, Arial, sans-serif;
z-index: 1000;
background-color: transparent;
position: fixed;
height: 11vw;
top: 0; 
width: 100%;
padding:2vw 2vw 0vw 2vw;