@charset "UTF-8";
@font-face {
  font-family: 'OS'; /* Name der Schriftart */
  src: url('../fonts/open-sans/OpenSans-Regular.ttf'); /* Pfad zur Schriftart-Datei */
}
@font-face {
  font-family: 'OSM'; /* Name der Schriftart */
  src: url('../fonts/open-sans/OpenSans-Medium.ttf'); /* Pfad zur Schriftart-Datei */
}
@font-face {
  font-family: 'OSB'; /* Name der Schriftart */
  src: url('../fonts/open-sans/OpenSans-Bold.ttf'); /* Pfad zur Schriftart-Datei */
}
@font-face {
  font-family: 'OSBI'; /* Name der Schriftart */
  src: url('../fonts/open-sans/OpenSans-BoldItalic.ttf'); /* Pfad zur Schriftart-Datei */
}
@font-face {
  font-family: 'OSEX'; /* Name der Schriftart */
  src: url('../fonts/open-sans/OpenSans-ExtraBold.ttf'); /* Pfad zur Schriftart-Datei */
}
@font-face {
  font-family: 'OSL'; /* Name der Schriftart */
  src: url('../fonts/open-sans/OpenSans-Light.ttf'); /* Pfad zur Schriftart-Datei */
}
*{
font-family:'OS', 'sans-serif';
}
a, a:hover{
text-decoration: none;
}
body{
font-family:'OS', 'sans-serif';
}
b{
font-family: 'OSB'; /* Name der Schriftart */
}
strong{
font-family: 'OSB'; /* Name der Schriftart */
}
p{
font-size:14px;
font-family: 'OS'; /* Name der Schriftart */
margin-bottom:16px;
}
h1 {
font-size: 32px;
margin-bottom: 16px;
font-family: 'OSEX'; /* Name der Schriftart */
}
h2 {
font-size: 24px;
margin-bottom: 16px;
font-family: 'OSEX';
text-transform: uppercase;
}
h3 {
font-size: 20px;
margin-bottom: 16px;
font-family: 'OSB'; /* Name der Schriftart */
}
h4 {
font-size: 16px;
margin-bottom: 16px;
font-family: 'OSB'; /* Name der Schriftart */
}
h5{
font-size:14px;
margin-bottom: 16px;
font-family: 'OSB'; /* Name der Schriftart */
}
h6{
font-size:12px;
margin-bottom: 16px;
font-family: 'OSB'; /* Name der Schriftart */
}
b{
font-family: 'OSEX'; /* Name der Schriftart */
}
nav.navbar.navbar-as.navbar-expand-custom {
background: #000;
padding: 8px;
}
.site_end {
position: fixed;
z-index: 1;
bottom: 0;
left: 0;
right: 0;
color: #fff;
font-size: 12px;
}
.site_end a {
color:#fff;
}
a.nav-link, a.nav-link:hover {
color: #fff;
}
.slogan{
color:#BFBFBF;
}
#imprintmodal .modal-content {
background: #000;
color: #fff;
}
#imprintmodal .modal-body{
text-align: left;
font-size:12px;
}
h1#imprintModalLabel {
font-size: 16px!important;
text-align: center !important;
width: 100%;
font-family: "OSB";
}
#imprintmodal span.btn.btn-secondary.w-100 {
font-size: 14px;
font-family: "OS";
background: none;
}
i.extl::before {
content: "Externer Link";
display: block;
font-size: 11px;
font-family: "OS";
font-style: normal;
color: #666;
text-align: center;
}
.hero-wrapper {
margin-top: -16px;
margin-bottom: 32px;
}
.page-hero_image.lp {
height: 480px;
position: relative;
}
.page-hero_image.lp h1 {
color: #fff;
top: 53%;
position: absolute;
left: 18px;
font-size: 32px;
font-family: "OS";
}