@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:none;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline; 
}
* {
margin: 0; 
padding: 0;


box-sizing: border-box;
}

body,a {
background-image:none;
background-size:100%;
background-position: top; 
background-repeat: no-repeat;
background-color: black;
}

html,a {
color:black;
background:none;
text-decoration:none;
}

a:link, a:visited, a:hover, a:active {
text-decoration:none;
border-color:#000;
}

html,body,a {
width:100%;
height:100%;
line-height:110%;
-webkit-transition-property: width;
-moz-transition-property: width;
transition-property: width;
-webkit-transition-duration: 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s; 
-webkit-transition-timing function: linear, ease-in;
-moz-transition-timing function: linear, ease-in; 
transition-timing function: linear, ease-in;
}

html, body, h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, a, a:hover, span {
text-align:left;
font-weight: normal;
font-variant:normal;
font-style:normal;
text-decoration:none;
position:relative;
overflow:visible;
margin-top:0;
margin-bottom:0;
text-transform:none;
-webkit-font-feature-settings:  "ss01" 1, "ss04" 1, "ss07" 1, "ss09" 1, "ss13" 1, "ss15" 1,  "ss18" 1, "ss19" 1;
-moz-font-feature-settings:     "ss01" 1, "ss04" 1, "ss07" 1, "ss09" 1, "ss13" 1, "ss15" 1,  "ss18" 1, "ss19" 1;
-ms-font-feature-settings:      "ss01" 1, "ss04" 1, "ss07" 1, "ss09" 1, "ss13" 1, "ss15" 1,  "ss18" 1, "ss19" 1;
font-feature-settings:          "ss01" 1, "ss04" 1, "ss07" 1, "ss09" 1, "ss13" 1, "ss15" 1,  "ss18" 1, "ss19" 1;
}
}


span, span a {
color:white;
}
h1 {
font-family: 'Schriftart-SemiRegular', Helvetica, Arial, sans-serif;
font-size: inherit;
}
h2 {
font-family: 'Schriftart-Regular', Helvetica, Arial, sans-serif;
}
h3 {
font-family: 'Schriftart-SemiNormal', Helvetica, Arial, sans-serif;
}

h1{
text-align: center;
font-size:41vw;
letter-spacing:-1.5vw;
position:absolute;
top: -10vw;
left:-0.6vw;
width: 100%;
}

h2, h2 a {
color:white;
font-size:3vw;
line-height: 105%;
}
h3, h3 a {
text-align: center;
font-size:28px;
line-height: 28px;
}

.content {
background-size:100%;
background-color: black;
padding: 0;
margin: 0;
}

.intro, .about, .footer {
min-height: 100vh !important;
width: 100%;
background-color: black;
background-image: url('../img/Abteilung_Design_Titel.png');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
} 
.about {
background-color: black;
background-image: url('../img/Abteilung_Design_Background_Icon.svg');
background-repeat: no-repeat;
background-size: contain;
background-position: center;

} 
.footer {
background-color: black;
} 
.footer-logo {
height:100vh;
background-color: black;
width: 100%;
position:absolute;
} 





@font-face {
    font-family: 'Schriftart-SemiRegular';
    src: url('font/BBNonameProex-SemiRegular.woff2') format('woff2'),
         url('font/BBNonameProex-SemiRegular.woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Schriftart-Regular';
    src: url('font/BBNonameProex-SemiRegular.woff2') format('woff2'),
         url('font/BBNonameProex-SemiRegular.woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Schriftart-SemiNormal';
    src: url('font/BBNonameProex-SemiRegular.woff2') format('woff2'),
         url('font/BBNonameProex-SemiRegular.woff');
    font-weight: normal;
    font-style: normal;
}












@media only screen and (max-width: 1200px) { 
h6{
}
}

@media only screen and (max-width: 800px) { 
h2, h2 a {
font-size:6vw;
font-family: 'Schriftart-SemiNormal', Helvetica, Arial, sans-serif;
}
h1 {
font-family: 'Schriftart-Regular', Helvetica, Arial, sans-serif;
}

}