@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/source-sans/source-sans-pro-v13-latin-200.eot');
    src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url('../fonts/source-sans/source-sans-pro-v13-latin-200.eot?#iefix') format('embedded-opentype'), url('../fonts/source-sans/source-sans-pro-v13-latin-200.woff2') format('woff2'), url('../fonts/source-sans/source-sans-pro-v13-latin-200.woff') format('woff'), url('../fonts/source-sans/source-sans-pro-v13-latin-200.ttf') format('truetype'), url('../fonts/source-sans/source-sans-pro-v13-latin-200.svg#SourceSansPro') format('svg')
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 200;
    src: url('../fonts/source-sans/source-sans-pro-v13-latin-200italic.eot');
    src: local('Source Sans Pro ExtraLight Italic'), local('SourceSansPro-ExtraLightItalic'), url('../fonts/source-sans/source-sans-pro-v13-latin-200italic.eot?#iefix') format('embedded-opentype'), url('../fonts/source-sans/source-sans-pro-v13-latin-200italic.woff2') format('woff2'), url('../fonts/source-sans/source-sans-pro-v13-latin-200italic.woff') format('woff'), url('../fonts/source-sans/source-sans-pro-v13-latin-200italic.ttf') format('truetype'), url('../fonts/source-sans/source-sans-pro-v13-latin-200italic.svg#SourceSansPro') format('svg')
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/source-sans/source-sans-pro-v13-latin-300.eot');
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('../fonts/source-sans/source-sans-pro-v13-latin-300.eot?#iefix') format('embedded-opentype'), url('../fonts/source-sans/source-sans-pro-v13-latin-300.woff2') format('woff2'), url('../fonts/source-sans/source-sans-pro-v13-latin-300.woff') format('woff'), url('../fonts/source-sans/source-sans-pro-v13-latin-300.ttf') format('truetype'), url('../fonts/source-sans/source-sans-pro-v13-latin-300.svg#SourceSansPro') format('svg')
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/source-sans/source-sans-pro-v13-latin-300italic.eot');
    src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'), url('../fonts/source-sans/source-sans-pro-v13-latin-300italic.eot?#iefix') format('embedded-opentype'), url('../fonts/source-sans/source-sans-pro-v13-latin-300italic.woff2') format('woff2'), url('../fonts/source-sans/source-sans-pro-v13-latin-300italic.woff') format('woff'), url('../fonts/source-sans/source-sans-pro-v13-latin-300italic.ttf') format('truetype'), url('../fonts/source-sans/source-sans-pro-v13-latin-300italic.svg#SourceSansPro') format('svg')
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/source-sans/source-sans-pro-v13-latin-regular.eot');
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('../fonts/source-sans/source-sans-pro-v13-latin-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/source-sans/source-sans-pro-v13-latin-regular.woff2') format('woff2'), url('../fonts/source-sans/source-sans-pro-v13-latin-regular.woff') format('woff'), url('../fonts/source-sans/source-sans-pro-v13-latin-regular.ttf') format('truetype'), url('../fonts/source-sans/source-sans-pro-v13-latin-regular.svg#SourceSansPro') format('svg')
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/source-sans/source-sans-pro-v13-latin-600.eot');
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('../fonts/source-sans/source-sans-pro-v13-latin-600.eot?#iefix') format('embedded-opentype'), url('../fonts/source-sans/source-sans-pro-v13-latin-600.woff2') format('woff2'), url('../fonts/source-sans/source-sans-pro-v13-latin-600.woff') format('woff'), url('../fonts/source-sans/source-sans-pro-v13-latin-600.ttf') format('truetype'), url('../fonts/source-sans/source-sans-pro-v13-latin-600.svg#SourceSansPro') format('svg')
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/source-sans/source-sans-pro-v13-latin-italic.eot');
    src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url('../fonts/source-sans/source-sans-pro-v13-latin-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/source-sans/source-sans-pro-v13-latin-italic.woff2') format('woff2'), url('../fonts/source-sans/source-sans-pro-v13-latin-italic.woff') format('woff'), url('../fonts/source-sans/source-sans-pro-v13-latin-italic.ttf') format('truetype'), url('../fonts/source-sans/source-sans-pro-v13-latin-italic.svg#SourceSansPro') format('svg')
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/source-sans/source-sans-pro-v13-latin-600italic.eot');
    src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'), url('../fonts/source-sans/source-sans-pro-v13-latin-600italic.eot?#iefix') format('embedded-opentype'), url('../fonts/source-sans/source-sans-pro-v13-latin-600italic.woff2') format('woff2'), url('../fonts/source-sans/source-sans-pro-v13-latin-600italic.woff') format('woff'), url('../fonts/source-sans/source-sans-pro-v13-latin-600italic.ttf') format('truetype'), url('../fonts/source-sans/source-sans-pro-v13-latin-600italic.svg#SourceSansPro') format('svg')
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/source-sans/source-sans-pro-v13-latin-700italic.eot');
    src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'), url('../fonts/source-sans/source-sans-pro-v13-latin-700italic.eot?#iefix') format('embedded-opentype'), url('../fonts/source-sans/source-sans-pro-v13-latin-700italic.woff2') format('woff2'), url('../fonts/source-sans/source-sans-pro-v13-latin-700italic.woff') format('woff'), url('../fonts/source-sans/source-sans-pro-v13-latin-700italic.ttf') format('truetype'), url('../fonts/source-sans/source-sans-pro-v13-latin-700italic.svg#SourceSansPro') format('svg')
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/source-sans/source-sans-pro-v13-latin-700.eot');
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url('../fonts/source-sans/source-sans-pro-v13-latin-700.eot?#iefix') format('embedded-opentype'), url('../fonts/source-sans/source-sans-pro-v13-latin-700.woff2') format('woff2'), url('../fonts/source-sans/source-sans-pro-v13-latin-700.woff') format('woff'), url('../fonts/source-sans/source-sans-pro-v13-latin-700.ttf') format('truetype'), url('../fonts/source-sans/source-sans-pro-v13-latin-700.svg#SourceSansPro') format('svg')
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/source-sans/source-sans-pro-v13-latin-900.eot');
    src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url('../fonts/source-sans/source-sans-pro-v13-latin-900.eot?#iefix') format('embedded-opentype'), url('../fonts/source-sans/source-sans-pro-v13-latin-900.woff2') format('woff2'), url('../fonts/source-sans/source-sans-pro-v13-latin-900.woff') format('woff'), url('../fonts/source-sans/source-sans-pro-v13-latin-900.ttf') format('truetype'), url('../fonts/source-sans/source-sans-pro-v13-latin-900.svg#SourceSansPro') format('svg')
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 900;
    src: url('../fonts/source-sans/source-sans-pro-v13-latin-900italic.eot');
    src: local('Source Sans Pro Black Italic'), local('SourceSansPro-BlackItalic'), url('../fonts/source-sans/source-sans-pro-v13-latin-900italic.eot?#iefix') format('embedded-opentype'), url('../fonts/source-sans/source-sans-pro-v13-latin-900italic.woff2') format('woff2'), url('../fonts/source-sans/source-sans-pro-v13-latin-900italic.woff') format('woff'), url('../fonts/source-sans/source-sans-pro-v13-latin-900italic.ttf') format('truetype'), url('../fonts/source-sans/source-sans-pro-v13-latin-900italic.svg#SourceSansPro') format('svg')
}

html {
    scroll-behavior: smooth
}

body {
    overflow-x: hidden;
    font-family: 'Source Sans Pro', sans-serif;
    color: #5a5a5a;
    background-color: #fff
}

.navbar {
    background: rgba(0, 0, 0, 0);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .1rem;
    transition: 750ms ease
}

.navbarscroll {
    background: #2c3e50
}

.navbar-brand img {
    height: 3rem
}

.navbar-nav li {
    padding-right: .6rem
}

.navbar-dark .navbar-nav .nav-link {
    color: #c8d6e5
}

.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link:hover {
    color: #f51428
}

.video-background {
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 100vh;
    background-image: url("../img/header.jpg")
}

.caption {
    position: absolute;
    top: 35%;
    width: 100%;
    color: #ecf0f1;
    background-color: rgba(44, 62, 80, .8);
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.caption h1 {
    margin-top: 1rem;
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: .1rem
}

.caption h3 {
    font-size: 1.5rem;
    letter-spacing: .1rem;
    padding-bottom: 2rem
}

.caption img {
    height: 7rem
}

.htd {
    font-weight: 900
}

.hcolor {
    color: #f51428
}

.h2color {
    font-weight: 900
}

#btnh {
    border-width: medium;
    border-radius: 0;
    font-size: 1.1rem;
    padding: .6rm 1.3rm;
    border-color: #f51428;
    color: white;
    background-color: #f51428;
    font-weight: 700
}

#btnh:hover,
#btnh:focus {
    border-color: #bdc3c7;
    background-color: transparent;
    color: #bdc3c7
}

.offset:before {
    display: block;
    content: "";
    height: 4rem;
    margin-top: -4.4rem
}

.narrow {
    width: 75%;
    margin: 1.5rem auto
}

.jumbotron {
    margin-bottom: 0;
    padding: 2rem 0 3.5rem;
    border-radius: 0
}

.heading {
    margin-top: 7rem
}

h3.heading {
    font-size: 1.9rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1rem
}

.heading-underline {
    width: 4rem;
    height: .25rem;
    background-color: #f51428;
    margin: 0 auto 1rem
}

#abouttext {
    font-size: 1.1rem;
    display: block
}

#abouttext .fa {
    color: #f51428;
    margin-right: .3rem
}

#abouttext span {
    font-weight: 700;
    text-transform: uppercase
}

.aboutstrich {
    color: #f51428;
    font-weight: 900
}

#aboutpic {
    vertical-align: middle
}

#aboutusrow {
    padding-bottom: 3rem
}

#pdienst {
    margin-bottom: 2rem;
    font-weight: 500
}

#dienstrow1 {
    margin-bottom: 2rem
}

.dienstleistungen h3 {
    font-weight: 700;
    text-transform: uppercase
}

#dienstleistungen {
    margin-top: 5rem;
    margin-bottom: 5rem
}

.dienstleistungen .faicon {
    padding-top: 1.2rem;
    width: 6.5rem;
    height: 6.5rem;
    color: #f51428
}

.textpara {
    vertical-align: middle;
    font-weight: 100
}

.textpara span {
    font-weight: 900
}

.paras .overlay {
    min-height: 100vh;
}

#portfolio {
    margin-top: 5rem;
    margin-bottom: 5rem
}

#strichport {
    margin-bottom: 2rem
}

#produkt1 {
    background-color: #c8d6e5;
    padding-top: 1rem;
    padding-bottom: 1rem
}

#produkt2 {
    background-color: #c8d6e5;
    padding-top: 1rem;
    padding-bottom: 1rem
}

#produkt3 {
    background-color: #c8d6e5;
    padding-top: 1rem;
    padding-bottom: 1rem
}

#rowprodukt {
    padding-bottom: 2rem
}

#rowprodukt h2 {
    font-weight: 700;
    color: #745278
}

#rowprodukt h3 {
    color: #745278;
    font-weight: 600
}

#rowprodukt .fa {
    color: #745278
}

#btnhp {
    border-width: medium;
    border-radius: 0;
    font-size: 1.1rem;
    padding: .6rm 1.3rm;
    border-color: #745278;
    color: #f51428;
    font-weight: 700;
    background-color: #745278;
    margin-top: .5rem
}

#btnhp:hover,
#btnhp:focus {
    border-color: #bdc3c7;
    background-color: transparent;
    color: #745278
}

#para1 {
    background: url(../img/04.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    color: #fff;
    text-transform: uppercase;
}

#para2 {
    background: url(../img/03.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    color: #fff;
    text-transform: uppercase;
}

#logozert img {
    height: 3rem;
    vertical-align: middle;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
    margin-top: 1rem
}

#zertu {
    text-transform: uppercase;
    margin-bottom: 1rem;
    font-weight: 700
}

#btnkontakt {
    border-width: medium;
    border-radius: 0;
    font-size: 1.1rem;
    border-color: #f51428;
    background-color: #f51428;
    color: #ecf0f1;
    font-weight: 700;
    margin-right: 1rem
}

#btnkontakt:hover,
#btnkontakt:focus {
    border-color: #f51428;
    background-color: #f51428;
    color: #bdc3c7
}

#success {
    text-transform: uppercase;
    font-weight: 700
}

.alert-success {
    color: #ecf0f1;
    background-color: #f51428
}

#kontakt {
    margin-bottom: 7rem;
    margin-top: 5rem
}

.kontakthd {
    font-weight: 900
}

#kontakt a {
    color: #f51428;
    font-weight: bold;
}

#footer {
    background-color: #2c3e50;
    color: #ecf0f1;
    padding-bottom: .5rem
}

#copyright {
    text-transform: uppercase
}

#copyright span {
    color: #f51428
}

#footerlogo {
    height: 4.5rem;
    margin-bottom: .5rem;
    margin-top: 1rem
}

#copyright span a {
    color: #f51428;
    font-weight: 900
}

#noscript {
    height: 100vh;
    margin-top: 5rem;
    font-weight: 900;
    font-size: 2.5rem;
    color: red;
    text-transform: uppercase
}

#knopf1 {
    color: #f51428
}

.form-check-input {
    margin-left: .1rem;
    margin-top: .4rem
}

.form-check-label {
    margin-left: 1.5rem;
    font-size: .8rem
}

.form-check-label span {
    font-weight: 700
}

.form-check-label a {
    color: #f51428 !important;
    font-weight: 700
}

.help-block {
    color: #f51428;
    margin-top: .5rem
}

blockquote .fa-quote-left {
    color: #f51428;
    margin: .3rem
}

.cookieconsent-banner-opened footer {
    padding-bottom: 17rem
}