@charset "utf-8";
@import url("../../../include/font-awesome/css/font-awesome.min.css");
/* Basic-CSS */
* {
box-sizing : border-box;
}
html, body {
margin : 0;
padding : 0;
overflow-x: hidden;
font-family: 'Signika';
font-style: normal;
font-weight: 400;
-webkit-font-smoothing: antialiased !important;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
background: #FFFFFF;
color: #575756;
}
.noshow{display: none;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.nopadding {padding: 0 !important; margin: 0 !important;}
a{color: #009FE3;}
a:hover, a:focus {color: #009FE3;}
a:active {color: #009FE3;}
a:link, a:hover{text-decoration: none !important;}
td.captcha_expl {padding-left: 5px !important;}
label.mpform_field_5.mpform_field_checkbox.mpform_checkbox_label, label.mpform_field_13.mpform_field_checkbox.mpform_checkbox_label {
padding-left: 25px;
margin-top: -22px;
}
.telemail {display: inline-block; width: 4.2em;}
.nomobilenumber{display: none !important;}
.text-white, .text-white p, p.text-white, .text-white a, a.text-white{color: #FFFFFF;}
.text-blue .text-blue p, p.text-blue, .text-blue a, a.text-blue, .text-blue li, ul.text-blue li p, .text-blue strong{color: #005171;}
.text-grey, .text-grey p, p.text-grey, .text-grey a, a.text-grey{color: #575756;}
.text-reset{
text-transform: none;
}
.modal-open {
padding-right: 0px !important;
}
a.modal-pointer{
cursor: pointer
}
.bg-white{background: #FFFFFF !important;}
strong, bold, b{
font-family: 'Signika';
font-style: normal;
font-weight: 600;
}
p{
font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 26px;
color: #000000 !important;
}
h1{
font-family: 'Signika';
font-style: normal;
font-weight: 600;
font-size: 34px;
line-height: 36px;
color: #009FE3;
}
h2{
font-family: 'Signika';
font-style: normal;
font-weight: 600;
font-size: 30px;
line-height: 32px;
color: #009FE3;
}
h3{
font-family: 'Signika';
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 28px;
color: #009FE3;
}
h4{
font-family: 'Signika';
font-style: normal;
font-weight: 600;
color: #009FE3;
}
h5{
font-family: 'Signika';
font-style: normal;
font-weight: 400;
color: #009FE3;
}
h6{
font-family: 'Signika';
font-style: normal;
font-weight: 400;
color: #009FE3;
}
/* Buttons */
.btn{
padding: 6px 27px 7px 27px;
font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 16px;
margin-top: 30px;
margin-bottom: 30px;
white-space: normal !important;
box-shadow: none;
text-transform: uppercase;
}
.btn-mk {
color: #FFFFFF !important;
background-color: #009FE3;
border-color: #009FE3;
border-radius: 0px !important;
min-width: 200px;
}
.btn-mk:hover,
.btn-mk:focus,
.btn-mk:active,
.btn-mk.active,
.open .dropdown-toggle.btn-mk {
color: #009FE3 !important;
background-color: #FFFFFF;
border-color: #009FE3;
}
.btn-mk:active,
.btn-mk.active,
.open .dropdown-toggle.btn-mk {
background-image: none;
}
.btn-mk .badge {
color: #FFFFFF;
background-color: #009FE3;
}
.btn-left{
float: left !important;
}
.btn-center{
float: none !important;
}
.btn-right{
float: right !important;
}
.btn-left::after, btn-right::after{
clear: both;
}
hr.asf-line {
margin-top: 15px;
margin-bottom: 10px;
background: #009FE3;
height: 3px;
}
.btn-margin {
margin-right: 15px;
}
.btn-mk-job{
margin-bottom: 0px;
}
/* Downloads */
/* Header-CSS */
.img-head-logo{
max-width: 145px;
margin: 0px auto 0px auto;
transition: 0.5s;
-webkit-transition: 0.5s;
padding: 10px;
background: #000000;
}
/* Navigation-CSS */
.navbar{
min-height: 50px !important;
border-radius: 0px !important;
margin-bottom: 0px !important;
border-top: 0px;
border-left: 0px;
border-right: 0px;
background-color: #FFFFFF;
border: 0px solid transparent !important;
}
.navi-bg{
margin-left: 0px;
margin-right: 0px;
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
background-repeat: no-repeat;
background-size: cover;
background-position: center bottom;
display: flex;
flex-direction: row;
align-content: center;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 25px;
}
/* Mobile-Menü */
.navbar-toggle {
background-color: #005171;
background-image: none;
border: solid 1px #FFFFFF;
border-radius: 0 !important;
float: right;
margin-bottom: 8px;
margin-right: 15px;
margin-top: 8px;
padding: 12px 10px;
position: relative;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
background-color: #005171; !important;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #FFFFFF;
}
.navbar-default .navbar-toggle:hover .icon-bar {
background-color: #FFFFFF;
}
.navbar-toggle .icon-bar {
border-radius: 0px;
display: block;
height: 4px;
width: 25px;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
padding-bottom: 75%;
}
/* Desktop-Menü */
@media (min-width: 768px){
.navbar-nav{
float:none;
margin: 0 auto;
display: table;
table-layout: fixed;
}
.flexnavigation {
justify-items: flex-start;
display: inline-flex;
flex-direction: row;
align-content: center;
justify-content: center;
align-items: center;
}
}
.navbar-default {
background: rgb(0,0,0);
position: relative;
z-index: 6;
}
ul.navbar-nav {
margin-top: 0px;
}
.navbar-nav li {
margin-left: 0px;
margin-right: 0px;
}
.navbar-nav li:first-child {
margin-left: 0px;
}
.navbar-nav li:last-child {
margin-right: 0px;
}
.nav.navbar-nav li a {
position: relative;
display: block;
padding: 15px 30px 15px 30px;
font-family: 'Signika';
font-style: normal;
font-size: 20px;
color: #FFFFFF;
background: transparent !important;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
color: #FFFFFF !important;
background: #009FE3 !important;
font-family: 'Signika';
font-style: normal;
font-weight: 400;
}
.navbar-default ul.nav.navbar-nav li.active a{
color: #FFFFFF !important;
background: #009FE3 !important;
font-family: 'Signika';
font-style: normal;
font-weight: 800;
}
.nav.navbar-nav li a:hover, .nav.navbar-nav li a:focus {
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0px;
z-index: 1000;
display: none;
float: left;
min-width: 200px;
padding: 0px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-clip: padding-box;
}
.navbar-nav ul {
margin-bottom: 0px;
}
.navbar-nav li ul li {
margin-left: 0px;
margin-right: 0px;
border-bottom: solid 1px #FFFFFF;
margin-bottom: 0px;
}
.nav.navbar-nav li ul li a, .nav.navbar-nav li.active .dropdown.open ul.dropdown-menu.multi-level li a {
position: relative;
display: block;
padding: 5px 15px 5px 15px;
font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 16px;
color: #009FE3;
background: #76818a !important;
}
#mkNav > ul > li.dropdown > ul > li.dropdown-submenu > a > strong.caret{
display: none;
}
/* Dropdown - 2nd Level */
.navbar-default .navbar-nav > li > ul > li > a:hover, .navbar-default .navbar-nav > li > ul > li > a:focus, #mkNav > ul > li.active.dropdown.open > ul > li > a:hover, #mkNav > ul > li.active.dropdown.open > ul > li > a:focus{
color: #FFFFFF !important;
background: #009FE3 !important;
}
#mkNav > ul > li.active.dropdown.open ul li a{
color: #009FE3 !important;
background: #FFFFFF !important;
font-style: normal !important;
font-weight: 400 !important;
}
#mkNav > ul > li.active.dropdown.open > ul > li.active > a{
color: #FFFFFF !important;
background: #009FE3 !important;
}
.navbar-default ul.nav.navbar-nav li ul li.active a{
color: #009FE3 !important;
background: #FFFFFF !important;
}
/* Dropdown - 3rd Level */
.navbar-default .navbar-nav > li > ul > li > ul > li > a:hover, .navbar-default .navbar-nav > li > ul > li > ul > li > a:focus, #mkNav > ul > li.active.dropdown.open > ul > li > ul > li > a:hover, #mkNav > ul > li.active.dropdown.open > ul > li > ul > li > a:focus{
color: #FFFFFF !important;
background: #009FE3 !important;
}
#mkNav > ul > li.active.dropdown.open > ul > li > ul > li > a{
color: #009FE3 !important;
background: #FFFFFF !important;
}
#mkNav > ul > li.active.dropdown.open > ul > li.active > ul > li > a{
color: #009FE3 !important;
background: #FFFFFF !important;
}
.navbar-default ul.nav.navbar-nav li ul li.active ul li a{
color: #009FE3 !important;
background: #FFFFFF !important;
}
.nav.navbar-nav li ul li ul li a:hover, .nav.navbar-nav li ul li ul li a:focus {
}
.szhide{
background: #FFF;
padding: 15px;
}
.szhide p{
font-size: 16px;
color: #009FE3 !important;
}
ul > li > ul > li.nosubshow {
display: none;
}
.nav.navbar-nav li ul li a, .dropdown.open ul.dropdown-menu.multi-level li a {
position: relative;
display: block;
padding: 5px 15px 5px 15px;
font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 16px;
color: #009FE3;
background: #FFFFFF !important;
}
.navbar-default ul.nav.navbar-nav li.active ul li a {
color: #009FE3 !important;
background: #FFFFFF !important;
}
.navbar-default ul.nav.navbar-nav li ul li.active a {
color: #FFFFFF !important;
background: #009FE3 !important;
}
.navbar-default ul.nav.navbar-nav li.active ul li.active a {
color: #FFFFFF !important;
background: #009FE3 !important;
}
/* Sidebar-Navigation */
.sidenav {
right: 0;
height: 40px;
position: fixed;
display: block;
color: #FFF;
z-index: 5;
-webkit-transition: ease-in-out all 150ms;
-moz-transition: ease-in-out all 150ms;
-ms-transition: ease-in-out all 150ms;
-o-transition: ease-in-out all 150ms;
transition: ease-in-out all 150ms;
background: #009FE3;
z-index: 999;
font-family: 'Signika';
font-style: normal;
font-size: 14px;
padding-top: 9px;
padding-left: 8px;
}
.sidenav a{
color: #FFF;
font-family: 'Signika';
font-style: normal;
font-size: 16px;
padding-top: 9px;
padding-left: 8px;
}
.sidenav-1, .sidenav-2, .sidenav-3, .sidenav-4 {
width: 175px;
margin-right: -130px;
}
.sidenav-1 {
top: 325px;
}
.sidenav-2 {
top: 367px;
}
.sidenav-3 {
top: 409px;
}
.sidenav-4 {
top: 451px;
}
.sidenav:hover, .sidenav:active, .sidenav:focus {
margin-right: 0;
color: #FFF !important;
background: #009FE3;
}
.sidenav-img{
max-height: 22px;
margin-top: -5px;
margin-left: 2px;
max-width: 22px;
}
/* Header */
.item{
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.carousel-caption{
top: 50%;
transform: translateY(-50%);
bottom: initial;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
color: #fff;
text-align: left;
text-shadow: none;
display: flex;
align-items: center;
}
.carousel-caption .h1{
background: #009FE3;
width: fit-content;
padding: 20px 30px;
font-size: 50px;
line-height: 60px;
clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
display: block;
}
.h1{
font-family: 'Signika';
font-style: normal;
font-weight: 600;
font-size: 30px;
line-height: 38px;
}
.carousel-caption .h2{
background: #76818a;
width: fit-content;
padding: 20px 45px 20px 45px;
font-size: 25px;
line-height: 35px;
clip-path: polygon(0 0, 100% 15%, 100% 85%, 0 100%);
display: block;
margin-top: -50px;
margin-left: -15px;
}
.h2{
font-family: 'Signika';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 36px;
margin-bottom: 25px;
}
.carousel-caption p{
padding: 5px 15px;
font-size: 20px;
line-height: 24px;
padding-left: 0px;
padding-right: 0px;
}
video#introstart {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
.simage {
margin-bottom: 65px;
}
/* Boxen */
.right-box {
padding: 25px;
}
.left-box {
padding-right: 30px;
}
.bg-blue {
background-color: #009FE3;
}
.bg-blue p, .bg-blue h1, .bg-blue h2, .bg-blue h3, .bg-blue h4, .bg-blue h5{
color: #FFFFFF !important;
}
/* Bereiche */
.crosssellingbox{
margin-bottom: 30px;
}
.crosssellingrow{
}
.crosssellingimagebox{
overflow: hidden;
}
.crosssellingbox img {
transition: transform .5s ease;
transform: scale(1.02);
}
.crosssellingbox:hover img {
transform: scale(1.2);
}
.crosssellingtext {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
background-repeat: no-repeat;
background-size: 95% 85%;
font-family: 'Signika';
color: #FFFFFF;
font-size: 16px;
padding: 5px 10px;
transition-delay: 0.2s;
transition: 0.2s ease-in-out;
min-height: 69px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-position: center center;
}
.crosssellingbox:hover .crosssellingtext {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
background-repeat: no-repeat;
background-size: 95% 85%;
color: #FFFFFF;
font-weight: 800;
transition-delay: 0.2s;
transition: 0.2s ease-in-out;
}
/* Margin */
.mgb25{
margin-bottom: 25px;
}
.mgb45{
margin-bottom: 45px;
}
.mgb65{
margin-bottom: 65px !important;
}
.mgb85{
margin-bottom: 85px !important;
}
.mgt45{
margin-top: 45px;
}
.mgt65{
margin-top: 65px;
}
.mgtb45{
margin-top: 45px;
margin-bottom: 45px;
}
.img-center{
margin-left: auto;
margin-right: auto;
}
.img95{
max-height: 95px;
float: left;
margin-top: -15px;
margin-right: 15px;
}
.img-icon {
max-width: 85px;
margin-bottom: 40px;
}
.img-fileicon{
max-width: 185px;
margin-bottom: 5px;
}
.pheigt{
min-height: 115px;
}
.iconsize{
height: 45px;
width: auto;
margin-bottom: 15px;
}
.bggrey{
background-color: #e0e0e0;
margin-top: 60px !important;
margin-bottom: 105px !important;
padding-top: 75px !important;
padding-bottom: 75px !important;
clip-path: polygon(0 0, 100% 5%, 100% 95%, 0 100%);
}
.statementflex {
display: flex;
flex-direction: row;
align-content: center;
justify-content: center;
align-items: center;
flex-wrap: wrap;
min-height: 385px;
}
.statementflex p {
color: #FFFFFF !important;
font-size: 30px;
line-height: 34px;
}
.statementflex h3.item-headline {
font-size: 24px;
line-height: 28px;
color: #009FE3;
}
.statementflex .item-text p {
color: #000000 !important;
font-size: 16px;
line-height: 24px;
margin-bottom: 0px;
}
.noshaddow{
text-shadow: none !important;
}
/* Teaser-Boxen */
.teaserbox{
margin-bottom: 30px;
}
.teaserbox-inner {
min-height: 215px;
display: flex;
align-items: baseline;
flex-direction: row;
flex-wrap: wrap;
align-content: flex-end;
justify-content: flex-start;
background-size: cover !important;
}
.teaserbox-outer{
color: #FFFFFF !important;
min-width: 100%;
text-align: center;
background: #005171;
border-bottom-right-radius: 15px;
display: inline-flex;
justify-content: center;
align-content: center;
flex-direction: row;
align-items: center;
}
.teaserbox-outer h3{
color: #FFFFFF !important;
text-align: center;
font-family: 'Signika';
font-weight: 600;
font-size: 20px;
margin-top: 5px;
margin-bottom: 5px;
}
.teaserbox:hover .teaserbox-outer{
color: #FFF !important;
background: rgb(162,199,58);
background: linear-gradient(90deg, rgba(162,199,58,1) 0%, rgba(0,81,113,1) 100%);
}
ul.mrc-liste {
padding-left: 0px;
}
ul.mrc-liste > li {
display: block;
font-size: 10px;
line-height: 14px;
float: left;
margin-top: 4px;
margin-right: 5px;
width: 95%;
list-style-type: none;
padding-left: 90px;
margin-left: 25px;
background-image: url(../img/li-check.png);
background-repeat: no-repeat;
background-position: left top;
background-size: 70px 70px;
margin-bottom: 15px;
min-height: 72px;
}
.columnlist2{
column-count: 2;
}
.bghorn{
background-color: #062047;
margin-left: 0px !important;
margin-right: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
.bghorn p{
color: #FFFFFF !important;
font-size: 18px;
line-height: 22px;
}
.bgrhim{
background-color: #d2d2d2;
margin-left: 0px !important;
margin-right: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
.bgrhim p{
font-size: 18px;
line-height: 22px;
}
.firmenbox{
margin-left: 0px !important;
margin-right: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
display: flex;
flex-direction: row;
}
.firmenbox-content{
padding: 25px;
}
.firmenbox-logo{
margin-bottom: 15px;
}
/* Video */
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
padding-bottom: 75%;
}
/* Leistungen */
.plcircle {
background: #d3d3d2;
color: #005171;
height: 205px;
width: 205px;
margin-left: auto;
margin-right: auto;
border-radius: 100%;
text-align: center;
display: flex;
align-content: center;
justify-content: center;
align-items: center;
font-size: 24px;
font-weight: 600;
text-transform: uppercase;
line-height: 26px;
transition: 0.5s ease;
}
a:hover .plcircle {
background: #005171;
color: #FFFFFF;
transition: 0.5s ease;
}
/* Downloads */
.download-item{
margin-bottom: 15px;
}
.download-fileicon{
}
h4.download-headtext{
font-size: 18px;
line-height: 22px;
color: #005171;
font-weight: 600;
margin-bottom: 2px;
}
p.download-subtext{
font-size: 13px !important;
line-height: 20px !important;
color: #005171 !important;
font-weight: 400 !important;
margin-bottom: 15px !important;
}
/* Anfahrt */
#asfTabs h3 {
color : #005171;
font-size: 20px;
text-transform: uppercase;
text-align: left;
margin: 7px 10px;
}
#asfTabs .nav-tabs{
border-bottom: 0px !important;
}
#asfTabs .nav-tabs > li > a{
padding: 6px 15px 6px 15px;
font-family: 'Signika';
font-style: normal;
font-weight: 800;
font-size: 20px;
margin-top: 15px;
margin-bottom: 15px;
text-align: center;
white-space: normal !important;
box-shadow: none;
border-radius: 0px;
}
#asfTabs > ul > li:first-child a{
margin: 15px 10px 15px 0px;
}
#asfTabs > ul > li:last-child a{
margin: 15px 0px 15px 10px;
}
#asfTabs .nav-tabs > li > a, #asfTabs .nav-tabs > li > a:hover, #asfTabs .nav-tabs > li > a:focus {
color: #FFFFFF;
background-color: #c8c8c8;
border: 0px;
border-bottom-color: transparent;
cursor: pointer;
}
#asfTabs .nav-tabs > li > a:hover, #asfTabs .nav-tabs > li > a:focus {
background-color: #005171;
}
#asfTabs .nav-tabs > li.active > a, #asfTabs .nav-tabs > li.active > a:hover, #asfTabs .nav-tabs > li.active > a:focus {
background-color:#005171;
}
#asfTabs ul.nav-tabs1er li{
width: 100%;
}
#asfTabs ul.nav-tabs2er li{
width: 50%;
}
#asfTabs ul.nav-tabs3er li{
width: 33%;
}
.tab-content{
margin-top: 45px;
}
/* Ansprechpartner */
.ap-item-row{
display: flex;
flex-direction: row;
justify-content: center;
}
.ap-item{
margin-bottom: 55px;
margin-left: 0px;
margin-right: 0px;
padding-right: 0px;
padding-left: 0px;
}
.ap-item-title{
font-family: 'Signika';
font-weight: 400;
font-size: 16px;
line-height: 30px;
color: #005171 !important;
padding: 3px 10px;
background: #d1d6de;
}
.ap-item-name{
font-family: 'Signika';
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 28px;
color: #009FE3;
}
.ap-item-contact{
font-family: 'Signika';
font-weight: 400;
font-size: 16px;
line-height: 22px;
margin-top: 2px;
margin-bottom: 12px;
color: #000000;
}
.ap-item-contact a{
color: #009FE3;
}
.box-item{
border: solid 2px #009FE3;
min-height: 190px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
.bereichbox {
background: #d1d6de;
min-height: 300px;
margin-top: 30px;
padding: 45px 30px 30px 30px;
text-align: center;
}
.bereichbox .ap-item-contact{
font-family: 'Signika';
font-weight: 400;
font-size: 20px;
line-height: 26px;
margin-top: 2px;
margin-bottom: 12px;
color: #000000;
}
/* Download */
.img-download{
max-height: 250px;
margin-bottom: 15px;
border: solid 1px #a2c73a;
}
@keyframes arrowan {
0% {
animation-timing-function: ease-in;
opacity: 1;
transform: translateY(-45px);
}
24% {
opacity: 1;
}
40% {
animation-timing-function: ease-in;
transform: translateY(-24px);
}
65% {
animation-timing-function: ease-in;
transform: translateY(-12px);
}
82% {
animation-timing-function: ease-in;
transform: translateY(-6px);
}
93% {
animation-timing-function: ease-in;
transform: translateY(-4px);
}
25%,
55%,
75%,
87% {
animation-timing-function: ease-out;
transform: translateY(0px);
}
100% {
animation-timing-function: ease-out;
opacity: 1;
transform: translateY(0px);
}
}
/* Footer */
.bg-footer{
background: #000000;
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
background-repeat: no-repeat;
background-size: contain;
background-position: center top;
}
.footer{
padding-top: 55px;
padding-bottom: 55px;
font-size: 16px;
margin-top: 75px;
}
.footer, .footer p, .footer a {
color: #ffffff;
}
.img-footer-logo{
margin-left: auto;
margin-right: auto;
max-height: 80px;
}
.footer-adresse{
margin-top: 18px;
font-size: 16px;
}
.footer-links{
margin-top: 18px;
}
.footer-links a{
font-family: 'Signika';
}
.doctolib {
position: fixed;
top: 360px;
right: 0;
display: block;
text-align: center;
opacity: 0.85;
background-color: #ef7f2c;
z-index: 10000;
color: #FFFFFF;
font-size: 14px;
overflow: hidden;
width: 100px;
border-radius: 4px 0 0 4px;
text-decoration: none;
padding: 10px;
line-height: 1.4;
}
/* Responsive-Darstellung */
@media (max-width: 1675px) {
h1 {
font-size: 40px;
line-height: 40px;
}
.teaser-item-box {
min-height: 270px;
}
.teaser-item-headline {
font-size: 28px;
}
.teaser-item-box img {
height: 100%;
}
}
@media (max-width: 1490px) {
.navbar-nav li {
margin-left: 7px;
margin-right: 7px;
}
.nav.navbar-nav li a {
padding: 6px 10px 6px 10px;
font-size: 18px;
}
h1 {
font-size: 34px;
line-height: 36px;
}
h2 {
font-size: 26px;
line-height: 28px;
}
.teaser-item-box {
min-height: 309px;
}
}
@media (max-width: 1200px) {
ul.navbar-nav {
margin-top: 0px;
}
.navbar-nav li {
margin-left: 5px;
margin-right: 5px;
}
.nav.navbar-nav li a {
padding: 6px 8px 6px 8px;
font-size: 18px;
}
}
@media (max-width: 1100px) {
.slider-headline {
font-size: 30px;
line-height: 32px;
}
ul.navbar-nav {
margin-top: 0px;
}
.navbar-nav li {
margin-left: 5px;
margin-right: 5px;
}
.nav.navbar-nav li a {
padding: 6px 6px 6px 6px;
font-size: 16px;
}
}
@media (max-width: 992px) {
.img-head-logo {
margin: 30px auto 30px auto;
max-width: 200px;
}
.navbar-nav li {
margin-left: 5px;
margin-right: 5px;
}
.nav.navbar-nav li a {
padding: 7px 15px 7px 15px;
font-size: 16px;
}
.nav.navbar-nav li ul li a {
padding: 3px 15px 3px 15px;
font-size: 14px;
}
.dropdown-menu {
font-size: 12px;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
width: 100vw;
height: 350px;
object-fit: cover;
object-position: center;
}
.carousel-inner > .item > video, .carousel-inner > .item > video > source, .carousel-inner > .item > a > video > source, .carousel-inner > .item > a > video {
width: 100vw;
height: 350px;
object-fit: cover;
object-position: center;
}
.carousel-caption {
display: flex;
align-items: center;
justify-content: center;
left: 5%;
right: 5%;
}
.slider-headline {
font-size: 26px;
line-height: 28px;
}
.doctolib {
position: fixed;
top: 190px;
right: 0;
display: block;
text-align: center;
opacity: 0.85;
background-color: #ef7f2c;
z-index: 10000;
color: #FFFFFF;
font-size: 14px;
overflow: hidden;
width: 80px;
border-radius: 4px 0 0 4px;
text-decoration: none;
padding: 10px;
line-height: 1.2;
}
}
@media (max-width: 768px) {
.img-head-logo {
max-width: 150px;
margin: 10px auto 10px auto !important;
transition: 0.5s;
-webkit-transition: 0.5s;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border: 0px !important;
}
.navbar-collapse {
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
border-top: 0px !important;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-overflow-scrolling: touch;
}
ul.navbar-nav {
width: 100%;
margin: 0px auto;
}
.nav.navbar-nav li {
margin-bottom: 5px;
}
.nav.navbar-nav li a {
text-align: center;
}
.nav.navbar-nav li a {
padding: 7px 5px 7px 5px;
font-size: 14px;
}
.nav.navbar-nav li ul li a {
padding: 3px 15px 3px 15px;
font-size: 16px;
}
.dropdown-menu {
font-size: 14px;
}
#mkNav > ul > li.button2.dropdown.open > ul > li:first-child::after {
text-align: center;
}
.navbar-toggle {
margin-top: -80px;
margin-right: -20px;
transition: 0.5s;
-webkit-transition: 0.5s;
}
a .sidenav{
border-left: solid 1px #FFFFFF;
border-bottom: solid 1px #FFFFFF;
border-top: solid 1px #FFFFFF;
}
.carousel {
margin-bottom: 35px;
}
.carousel-indicators {
bottom: -10px;
}
.teaserbox {
margin-bottom: 35px;
}
.teaser-item-box img {
height: 100%;
width: inherit;
}
.carousel-caption {
}
.carousel-caption .h1 {
padding: 20px 30px;
font-size: 12px;
line-height: 9px;
}
.carousel-caption .h2 {
padding: 10px 25px 10px 25px;
font-size: 8px;
line-height: 5px;
margin-top: -40px;
margin-left: -15px;
}
.slider-headline p {
font-size: 30px;
line-height: 34px;
font-weight: 600;
color: #FFFFFF !important;
margin-left: 0px;
}
.teaserbox-inner {
background-size: cover !important;
background-repeat: no-repeat !important;
}
}
@media (max-width: 425px) {
.navbar {
min-height: 60px !important;
}
.navbar-default.navbar-fixed-top.fixed-mrc-header .img-head-logo {
max-width: 95px;
}
.slider-headline {
font-size: 20px;
line-height: 28px;
padding-left: 10px !important;
padding-right: 10px !important;
}
.navbar-toggle {
margin-bottom: 5px;
margin-right: -20px !important;
margin-top: -80px;
transition: 0.5s;
-webkit-transition: 0.5s;
}
.navbar-default.navbar-fixed-top.fixed-mrc-header .navbar-toggle {
margin-top: -80px;
transition: 0.5s;
-webkit-transition: 0.5s;
}
#asfTabs .nav-tabs > li > a {
font-size: 18px;
}
}
@media (max-width: 375px) {
}
@media (max-width: 320px) {
}
/* Fonts */
/* inconsolata-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Inconsolata';
font-style: normal;
font-weight: 400;
src: url('../fonts/inconsolata-v32-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inconsolata-600 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Inconsolata';
font-style: normal;
font-weight: 600;
src: url('../fonts/inconsolata-v32-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* signika-300 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Signika';
font-style: normal;
font-weight: 300;
src: url('../fonts/signika-v25-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* signika-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Signika';
font-style: normal;
font-weight: 400;
src: url('../fonts/signika-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* signika-500 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Signika';
font-style: normal;
font-weight: 500;
src: url('../fonts/signika-v25-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* signika-700 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Signika';
font-style: normal;
font-weight: 700;
src: url('../fonts/signika-v25-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}