/* cyrillic-ext */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggqxSuXd.woff2)
format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggOxSuXd.woff2)
format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggSxSuXd.woff2)
format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggixSuXd.woff2)
format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggmxSuXd.woff2)
format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggexSg.woff2)
format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggqxSuXd.woff2)
format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggOxSuXd.woff2)
format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggSxSuXd.woff2)
format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggixSuXd.woff2)
format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggmxSuXd.woff2)
format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggexSg.woff2)
format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggqxSuXd.woff2)
format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggOxSuXd.woff2)
format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggSxSuXd.woff2)
format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggixSuXd.woff2)
format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggmxSuXd.woff2)
format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggexSg.woff2)
format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggqxSuXd.woff2)
format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggOxSuXd.woff2)
format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggSxSuXd.woff2)
format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggixSuXd.woff2)
format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggmxSuXd.woff2)
format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggexSg.woff2)
format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggqxSuXd.woff2)
format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggOxSuXd.woff2)
format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggSxSuXd.woff2)
format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggixSuXd.woff2)
format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggmxSuXd.woff2)
format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggexSg.woff2)
format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggqxSuXd.woff2)
format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggOxSuXd.woff2)
format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggSxSuXd.woff2)
format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggixSuXd.woff2)
format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggmxSuXd.woff2)
format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggexSg.woff2)
format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggqxSuXd.woff2)
format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggOxSuXd.woff2)
format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggSxSuXd.woff2)
format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggixSuXd.woff2)
format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggmxSuXd.woff2)
format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(https://www.ecker-metallbau.de/fonts/xn7gYHE41ni1AdIRggexSg.woff2)
format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
}
body {
position: absolute;
top: 0;
left: 0;
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
color: #969696;
background-color: #ffffff;
}
::-moz-selection {
color: #fff;
background: #34485e;
}
::selection {
color: #fff;
background: #34485e;
}
.bg_index {
background-color: #fff;
}
html {
height: 100%;
margin-bottom: 1px;
}
sub {
font-size: 20px;
line-height: 20px;
}
a.a_li {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 26px;
font-weight: normal;
outline: 0;
display: inline;
position: relative;
margin: 0 20px 0 0;
-moz-transition: all 0.4s ease-out; /* FF4+ */
-o-transition: all 0.4s ease-out; /* Opera 10.5+ */
-webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */
-ms-transition: all 0.4s ease-out; /* IE10? */
transition: all 0.4s ease-out;
}
a.a_li:link {
text-decoration: none;
color: #fff !important;
}
a.a_li:active {
text-decoration: none;
color: #717f8f !important;
}
a.a_li:visited {
text-decoration: none;
color: #fff !important;
}
a.a_li:hover {
text-decoration: none;
color: #717f8f !important;
}
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
/*
* Owl Carousel - Core
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
margin: 0px 0 0 0;
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
width: 100%;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item {
/**
This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
calculation of the height of the owl-item that breaks page layouts
*/
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=''],
.owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url('owl.video.play.png') no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
/*
* Default theme - Owl Carousel CSS File
*/
.owl-theme .owl-nav {
margin-top: 0;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
/*.owl-theme .owl-nav [class*='owl-'] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px; }
.owl-theme .owl-nav [class*='owl-']:hover {
background: #869791;
color: #FFF;
text-decoration: none; }
*/
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px;
}
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
pointer-events: all;
outline: none;
*display: inline;
}
.owl-theme .owl-dots .owl-dot span {
width: 60px;
height: 2px;
margin: 5px 8px;
background: #79797a;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #fff;
outline: none;
}
.sticky_menu {
width: 190px;
height: 230px;
display: block;
position: fixed;
top: 39vh;
left: 50px;
}
p.teaser {
font-size: 24px;
line-height: 36px;
font-weight: 300;
color: #4e4e4e;
}
/* fix f�r iphone scrolling im iframe :: start */
.scroll-wrapper {
position: fixed;
right: 0;
bottom: 0;
left: 0;
top: 0;
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
}
/* fix f�r iphone scrolling im iframe :: ende */
.scrollicon {
text-align: center;
text-decoration: none;
width: 40px;
height: 40px;
position: fixed;
bottom: 60px;
right: 60px;
display: none;
border: 0px solid #333;
z-index: 1001;
text-decoration: none;
background-image: url(../images/scrollicon.png);
background-repeat: no-repeat;
-webkit-box-shadow: 0px 0px 9px -2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 9px -2px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 9px -2px rgba(0, 0, 0, 0.3);
-moz-transition: all 0.4s ease-out; /* FF4+ */
-o-transition: all 0.4s ease-out; /* Opera 10.5+ */
-webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */
-ms-transition: all 0.4s ease-out; /* IE10? */
transition: all 0.4s ease-out;
}
.scrollicon:hover {
-webkit-box-shadow: 0px 0px 15px -2px rgba(0, 0, 0, 0.55);
-moz-box-shadow: 0px 0px 15px -2px rgba(0, 0, 0, 0.55);
box-shadow: 0px 0px 15px -2px rgba(0, 0, 0, 0.55);
}
.scrollicon div {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 28px;
color: #ffffff;
padding-top: 18px;
}
#nav_waypoint:hover {
opacity: 1;
}
span.number_head {
font-size: 20px;
font-weight: 700;
line-height: 24px;
color: #fff;
padding: 0 0 10px 0;
}
hr.head {
background-color: #dedee0;
border: 2px solid #dedee0;
width: 50px;
clear: both;
}
span.box_r_2_head {
font-size: 24px;
font-weight: 800;
text-transform: uppercase;
line-height: 32px;
color: #0082ca;
padding: 5px 0 0 0;
clear: both;
}
span.box_r_2_span {
font-size: 16px;
font-weight: 400;
text-transform: none;
line-height: 24px;
color: #fff;
padding: 0 0 0 0;
clear: both;
}
.box_r_2_arrow {
color: #fff;
}
a {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 26px;
font-weight: normal;
outline: 0;
}
a:link {
text-decoration: none;
color: #0082cb;
}
a:active {
text-decoration: none;
color: #4e4e4e;
}
a:visited {
text-decoration: none;
color: #0082cb;
}
a:hover {
text-decoration: underline;
color: #4e4e4e;
-moz-transition: all 0.4s ease-out; /* FF4+ */
-o-transition: all 0.4s ease-out; /* Opera 10.5+ */
-webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */
-ms-transition: all 0.4s ease-out; /* IE10? */
transition: all 0.4s ease-out;
}
a.nav_foot {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 26px;
font-weight: normal;
outline: 0;
padding: 0 0 0 20px;
}
a.nav_foot:link {
text-decoration: none;
color: #fff;
}
a.nav_foot:active {
text-decoration: none;
color: #0081c9;
}
a.nav_foot:visited {
text-decoration: none;
color: #fff;
}
a.nav_foot:hover {
text-decoration: none;
color: #0081c9;
-moz-transition: all 0.4s ease-out; /* FF4+ */
-o-transition: all 0.4s ease-out; /* Opera 10.5+ */
-webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */
-ms-transition: all 0.4s ease-out; /* IE10? */
transition: all 0.4s ease-out;
}
a.nav_foot_active,
a.nav_foot_active:link,
a.nav_foot_active:active,
a.nav_foot_active:visited,
a.nav_foot_active:hover {
text-decoration: none;
color: #0081c9;
padding: 0 0 0 20px;
}
a.navtop {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 26px;
font-weight: normal;
outline: 0;
padding: 0 0 0 0;
}
a.navtop:link {
text-decoration: none;
color: #4e4e4e;
}
a.navtop:active {
text-decoration: none;
color: #0081c9;
}
a.navtop:visited {
text-decoration: none;
color: #4e4e4e;
}
a.navtop:hover {
text-decoration: none;
color: #0081c9;
-moz-transition: all 0.4s ease-out; /* FF4+ */
-o-transition: all 0.4s ease-out; /* Opera 10.5+ */
-webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */
-ms-transition: all 0.4s ease-out; /* IE10? */
transition: all 0.4s ease-out;
}
a.navtop_active,
a.navtop_active:link,
a.navtop_active:active,
a.navtop_active:visited,
a.navtop_active:hover {
text-decoration: none;
color: #0081c9;
padding: 0 0 0 0;
font-size: 18px;
}
a.a_weiss {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: normal;
outline: 0;
}
a.a_weiss:link {
text-decoration: none;
color: #fff;
}
a.a_weiss:active {
text-decoration: none;
color: #fff;
}
a.a_weiss:visited {
text-decoration: none;
color: #fff;
}
a.a_weiss:hover {
text-decoration: underline;
color: #fff;
-moz-transition: all 0.4s ease-out; /* FF4+ */
-o-transition: all 0.4s ease-out; /* Opera 10.5+ */
-webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */
-ms-transition: all 0.4s ease-out; /* IE10? */
transition: all 0.4s ease-out;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
position: relative;
display: inline-block;
float: right;
z-index: 9999999;
}
.dropdown3 {
position: relative;
display: inline-block;
float: right;
z-index: 999;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
position: absolute;
background-color: #0082cb;
min-width: 220px;
z-index: 1;
margin-top: 54px;
left: -44px;
text-align: right;
}
.dropdown-content3 {
display: none;
position: absolute;
background-color: #f5f5f5;
min-width: 220px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.4);
z-index: 1;
margin-top: 50px;
left: 30px;
}
.dropdown2 {
position: relative;
display: inline-block;
float: right;
z-index: 999;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content2 {
display: none;
position: absolute;
background-color: #f5f5f5;
min-width: 220px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.4);
z-index: 1;
margin-top: 70px;
left: 30px;
}
/* Links inside the dropdown */
.dropdown-content a {
color: #fff;
padding: 12px 16px;
text-decoration: none;
display: block;
font-family: 'Manrope';
font-size: 16px;
}
.dropdown-content:hover a.nav_top_02 {
color: #0082cb;
}
.dropdown-content2 a {
color: #1b1a18;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content3 a {
color: #1b1a18;
padding: 12px 16px;
text-decoration: none;
display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {
background-color: rgba(0, 0, 0, 0.2);
text-decoration: none;
}
.dropdown-content2 a:hover {
background-color: #ddd;
}
.dropdown-content3 a:hover {
background-color: #ddd;
}
.drop_active {
background-color: rgba(0, 0, 0, 0.2);
color: #fff !important;
}
.dropdown:hover a.nav_top_01 {
background-color: #4e4e4e;
color: #fff;
}
.dropdown2:hover a.nav_top_02_scroll {
color: #89b725;
border-top: 2px solid #89b725;
}
.dropdown3:hover a.nav_top_01 {
color: #89b725;
border-top: 0;
}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown2:hover .dropdown-content2 {
display: block;
}
.dropdown3:hover .dropdown-content3 {
display: block;
}
a[href^='tel'] {
text-decoration: none;
cursor: default;
color: #0082cb;
}
a[href^='mailto'] {
text-decoration: none;
cursor: pointer;
color: #0082cb;
}
a.a_cta_tel {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 20px;
font-weight: 400;
outline: 0;
cursor: default;
}
a.a_cta_tel:link {
text-decoration: none;
color: #fff;
}
a.a_cta_tel:active {
text-decoration: none;
color: #fff;
}
a.a_cta_tel:visited {
text-decoration: none;
color: #fff;
}
a.a_cta_tel:hover {
text-decoration: none;
color: #fff;
-moz-transition: all 0.4s ease-out; /* FF4+ */
-o-transition: all 0.4s ease-out; /* Opera 10.5+ */
-webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */
-ms-transition: all 0.4s ease-out; /* IE10? */
transition: all 0.4s ease-out;
}
/* begin content-links fuer funktionen */
a.f_link_www:link,
a.f_link_www:visited {
font-size: 16px;
line-height: 24px;
color: #323232;
font-weight: normal;
text-decoration: none;
margin: 5px 0 5px 7px;
padding: 0 0 0 23px;
float: left;
display: inline;
position: relative;
background-image: url(../images/icon_pfeil_link.png);
background-position: 5px center;
background-repeat: no-repeat;
clear: both;
}
a.f_link_www:hover,
a.f_link_www:active {
font-size: 16px;
line-height: 24px;
color: #c00418;
font-weight: normal;
text-decoration: none;
margin: 5px 0 5px 7px;
padding: 0 0 0 23px;
float: left;
display: inline;
position: relative;
background-image: url(../images/icon_pfeil_link.png);
background-position: 5px center;
background-repeat: no-repeat;
clear: both;
}
a.f_link_file:link,
a.f_link_file:visited {
font-size: 16px;
line-height: 24px;
color: #323232;
font-weight: normal;
text-decoration: none;
margin: 5px 0 5px 4px;
padding: 0 0 0 27px;
float: left;
display: inline;
position: relative;
background-image: url(../images/icon_download.png);
background-position: center left;
background-repeat: no-repeat;
clear: both;
}
a.f_link_file:hover,
a.f_link_file:active {
font-size: 16px;
line-height: 24px;
color: #c00418;
font-weight: normal;
text-decoration: none;
margin: 5px 0 5px 4px;
padding: 0 0 0 27px;
float: left;
display: inline;
position: relative;
background-image: url(../images/icon_download.png);
background-position: center left;
background-repeat: no-repeat;
clear: both;
}
a.f_link_pdf:link,
a.f_link_pdf:visited {
font-size: 16px;
line-height: 24px;
color: #323232;
font-weight: normal;
text-decoration: none;
margin: 5px 0 5px 4px;
padding: 0 0 0 26px;
float: left;
display: inline;
position: relative;
background-image: url(../images/icon_pdf.png);
background-position: center left;
background-repeat: no-repeat;
clear: both;
}
a.f_link_pdf:hover,
a.f_link_pdf:active {
font-size: 16px;
line-height: 24px;
color: #c00418;
font-weight: normal;
text-decoration: none;
margin: 5px 0 5px 4px;
padding: 0 0 0 26px;
float: left;
display: inline;
position: relative;
background-image: url(../images/icon_pdf.png);
background-position: center left;
background-repeat: no-repeat;
clear: both;
}
a.f_link_vid:link,
a.f_link_vid:visited {
font-size: 16px;
line-height: 24px;
color: #323232;
font-weight: normal;
text-decoration: none;
margin: 5px 0 0 5px;
padding: 0 0 0 25px;
float: left;
display: inline;
position: relative;
background-image: url(../images/icon_youtube.png);
background-position: left 4px;
background-repeat: no-repeat;
clear: both;
}
a.f_link_vid:hover,
a.f_link_vid:active {
font-size: 16px;
line-height: 24px;
color: #c00418;
font-weight: normal;
text-decoration: none;
margin: 5px 0 0 5px;
padding: 0 0 0 25px;
float: left;
display: inline;
position: relative;
background-image: url(../images/icon_youtube.png);
background-position: left 4px;
background-repeat: no-repeat;
clear: both;
}
/* end content-links */
a.c_link:link,
a.c_link:visited {
font-size: 18px;
line-height: 24px;
color: #4e4e4e;
font-weight: normal;
text-decoration: none;
}
a.c_link:hover,
a.c_link:active {
font-size: 18px;
line-height: 24px;
color: #4e4e4e;
font-weight: normal;
text-decoration: none;
}
a.c_link_gruen:link,
a.c_link_gruen:visited {
font-size: 16px;
line-height: 24px;
color: #4e4e4e;
font-weight: bold;
text-decoration: none;
}
a.c_link_gruen:hover,
a.c_link_gruen:active {
font-size: 16px;
line-height: 24px;
color: #ffffff;
font-weight: bold;
text-decoration: underline;
}
a.c_link_grau:link,
a.c_link_grau:visited {
font-size: 16px;
line-height: 24px;
color: #646464;
font-weight: normal;
text-decoration: none;
}
a.c_link_grau:hover,
a.c_link_grau:active {
font-size: 16px;
line-height: 24px;
color: #c00418;
font-weight: normal;
text-decoration: none;
}
a.c_link_weiss:link,
a.c_link_weiss:visited {
font-size: 16px;
line-height: 24px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
}
a.c_link_weiss:hover,
a.c_link_weiss:active {
font-size: 16px;
line-height: 24px;
color: #ffffff;
font-weight: bold;
text-decoration: underline;
}
a.c_link_sb:link,
a.c_link_sb:visited {
font-size: 15px;
line-height: 24px;
color: #646464;
font-weight: bold;
text-decoration: none;
float: left;
display: inline;
position: relative;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
a.c_link_sb:hover,
a.c_link_sb:active {
font-size: 15px;
line-height: 24px;
color: #752131;
font-weight: bold;
text-decoration: none;
float: left;
display: inline;
position: relative;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
a.c_link_more:link,
a.c_link_more:visited {
font-size: 18px;
line-height: 24px;
color: #323232;
font-weight: normal;
text-decoration: none;
margin: 5px 0 0 0;
padding: 0 0 0 24px;
float: left;
display: inline;
position: relative;
background-image: url(../images/icon_pfeil_link.png);
background-position: 5px center;
background-repeat: no-repeat;
clear: both;
}
a.c_link_more:hover,
a.c_link_more:active {
font-size: 18px;
line-height: 24px;
color: #4e4e4e;
font-weight: normal;
text-decoration: none;
margin: 5px 0 0 0;
padding: 0 0 0 24px;
float: left;
display: inline;
position: relative;
background-image: url(../images/icon_pfeil_link.png);
background-position: 5px center;
background-repeat: no-repeat;
clear: both;
}
a.c_link_more_weiss:link,
a.c_link_more_weiss:visited {
font-size: 16px;
line-height: 24px;
color: #f0f0f0;
font-weight: normal;
text-decoration: none;
margin: 5px 0 0 0;
padding: 0 0 0 15px;
float: right;
display: inline;
position: relative;
background-image: url(../images/icon_pfeil_link_weiss.png);
background-position: left 10px;
background-repeat: no-repeat;
clear: both;
}
a.c_link_more_weiss:hover,
a.c_link_more_weiss:active {
font-size: 16px;
line-height: 24px;
color: #ffffff;
font-weight: normal;
text-decoration: underline;
margin: 5px 0 0 0;
padding: 0 0 0 15px;
float: right;
display: inline;
position: relative;
background-image: url(../images/icon_pfeil_link_weiss.png);
background-position: left 10px;
background-repeat: no-repeat;
clear: both;
}
a.bread_link:link,
a.bread_link:visited {
font-size: 16px;
line-height: 24px;
color: #ffffff;
font-weight: normal;
text-decoration: none;
margin: 0 8px 0 0;
padding: 0 15px 0 0;
float: left;
display: inline;
position: relative;
background-image: url(../images/icon_pfeil_bread.png);
background-position: right 6px;
background-repeat: no-repeat;
}
a.bread_link:hover,
a.bread_link:active {
font-size: 16px;
line-height: 24px;
color: #969696;
font-weight: normal;
text-decoration: none;
margin: 0 8px 0 0;
padding: 0 15px 0 0;
float: left;
display: inline;
position: relative;
background-image: url(../images/icon_pfeil_bread.png);
background-position: right 6px;
background-repeat: no-repeat;
}
.bread_active {
font-size: 16px;
line-height: 24px;
color: #ffffff;
font-weight: normal;
text-decoration: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
float: left;
display: inline;
position: relative;
}
a.c_link_back:link,
a.c_link_back:visited {
font-size: 18px;
line-height: 24px;
color: #4e4e4e;
font-weight: normal;
text-decoration: none;
margin: 0 0 0 0;
padding: 0 0 0 15px;
float: right;
display: inline;
position: relative;
background-image: url(../images/icon_pfeil_link_back.png);
background-position: left 6px;
background-repeat: no-repeat;
clear: both;
}
a.c_link_back:hover,
a.c_link_back:active {
font-size: 18px;
line-height: 24px;
color: #4e4e4e;
font-weight: normal;
text-decoration: none;
margin: 0 0 0 0;
padding: 0 0 0 15px;
float: right;
display: inline;
position: relative;
background-image: url(../images/icon_pfeil_link_back.png);
background-position: left 6px;
background-repeat: no-repeat;
clear: both;
}
a.c_link_mail:link,
a.c_link_mail:visited {
font-size: 16px;
line-height: 24px;
color: #323232;
font-weight: normal;
text-decoration: none;
margin: 0 0 0 0;
padding: 0 27px 0 0;
float: left;
display: inline;
position: relative;
background-image: url(../images/icon_mail.png);
background-position: center right;
background-repeat: no-repeat;
}
a.c_link_mail:hover,
a.c_link_mail:active {
font-size: 16px;
line-height: 24px;
color: #c00418;
font-weight: normal;
text-decoration: none;
margin: 0 0 0 0;
padding: 0 27px 0 0;
float: left;
display: inline;
position: relative;
background-image: url(../images/icon_mail.png);
background-position: center right;
background-repeat: no-repeat;
}
a.link_tel_all:link,
a.link_tel_all:visited,
a.link_tel_all:hover,
a.link_tel_all:active {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 24px;
color: #4e4e4e;
font-weight: normal;
text-decoration: none;
}
a.link_tel_top:link,
a.link_tel_top:visited,
a.link_tel_top:hover,
a.link_tel_top:active {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 24px;
color: #ffffff;
font-weight: normal;
text-decoration: none;
background-image: url(../images/icon_tel.png);
background-repeat: no-repeat;
background-position: left center;
margin: 0 0 0 0;
padding: 0 0 0 13px;
}
a.link_mail_top:link,
a.link_mail_top:visited {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 24px;
color: #ffffff;
font-weight: normal;
text-decoration: none;
background-image: url(../images/icon_mail.png);
background-repeat: no-repeat;
background-position: left center;
margin: 0 0 0 40px;
padding: 0 0 0 27px;
text-decoration: none;
}
a.link_mail_top:hover,
a.link_mail_top:active {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 24px;
color: #ffffff;
font-weight: normal;
text-decoration: none;
background-image: url(../images/icon_mail.png);
background-repeat: no-repeat;
background-position: left center;
margin: 0 0 0 40px;
padding: 0 0 0 27px;
text-decoration: underline;
}
a.nav_top_01:link,
a.nav_top_01:visited {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 24px;
color: #0082ca;
font-weight: 500;
margin: 0 -2px 0 0;
padding: 7px 0 0 0;
text-decoration: none;
text-transform: none;
float: right;
display: inline;
position: relative;
width: 39px;
height: 39px;
border: 2px solid #e7e7e7;
background-color: #fff;
text-align: center;
box-sizing: border-box;
-moz-transition: all 0.4s ease-out; /* FF4+ */
-o-transition: all 0.4s ease-out; /* Opera 10.5+ */
-webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */
-ms-transition: all 0.4s ease-out; /* IE10? */
transition: all 0.4s ease-out;
}
a.nav_top_01:hover,
a.nav_top_01:active {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 24px;
color: #34485e;
font-weight: 500;
margin: 0 -2px 0 0;
padding: 7px 0 0 0;
text-decoration: none;
text-transform: none;
background-color: #e7e7e7;
float: right;
display: inline;
position: relative;
width: 39px;
height: 39px;
border: 2px solid #e7e7e7;
text-align: center;
box-sizing: border-box;
}
a.nav_top_01_active:link,
a.nav_top_01_active:visited,
a.nav_top_01_active:hover,
a.nav_top_01_active:active {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 24px;
color: #34485e;
font-weight: 500;
margin: 0 -2px 0 0;
padding: 7px 0 0 0;
text-decoration: none;
text-transform: none;
background-color: #e7e7e7;
float: right;
display: inline;
position: relative;
width: 39px;
height: 39px;
border: 2px solid #e7e7e7;
text-align: center;
box-sizing: border-box;
}
a.nav_top_01_drop:link,
a.nav_top_01_drop:visited {
background-image: url(../images/icon_nav_drop_weiss.png);
background-position: right 15px;
background-repeat: no-repeat;
padding: 9px 15px 13px 0;
text-transform: uppercase;
}
a.nav_top_01_drop:hover,
a.nav_top_01_drop:active {
background-image: url(../images/icon_nav_drop_weiss.png);
background-position: right 15px;
background-repeat: no-repeat;
padding: 9px 15px 13px 0;
text-transform: uppercase;
}
a.nav_top_01_sub:link,
a.nav_top_01_sub:visited {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 22px;
color: #ffffff;
font-weight: normal;
margin: 0 0 0 0;
padding: 15px 15px 15px 15px;
text-decoration: none;
float: left;
display: inline;
position: relative;
z-index: 1001;
text-align: left;
}
a.nav_top_01_sub:hover,
a.nav_top_01_sub:active {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 22px;
color: #4e4e4e;
font-weight: normal;
margin: 0 0 0 0;
padding: 15px 15px 15px 15px;
text-decoration: none;
float: left;
display: inline;
position: relative;
z-index: 1001;
text-align: left;
}
a.nav_top_03:link,
a.nav_top_03:visited {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 22px;
color: #fff;
font-weight: normal;
margin: -55px 0 0 20px;
padding: 55px 20px 19px 20px;
text-decoration: none;
float: right;
display: inline;
position: relative;
text-transform: none;
background-color: #4e4e4e;
}
a.nav_top_03:hover,
a.nav_top_03:active {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 22px;
color: #fff;
font-weight: normal;
margin: -55px 0 0 0;
padding: 55px 20px 19px 20px;
text-decoration: none;
float: right;
display: inline;
position: relative;
text-transform: none;
background-color: #50a028;
}
a.nav_top_02:link,
a.nav_top_02:visited {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 12px;
color: #4e4e4e;
font-weight: 500;
margin: 0 0 35px 0;
text-decoration: none;
float: left;
display: inline;
position: relative;
clear: both;
text-transform: uppercase;
padding: 0 0 0 0;
background-image: url(../images/menu-indicator.png);
background-position: center left;
background-repeat: no-repeat;
background-size: 0;
-moz-transition: all 0.4s ease-out; /* FF4+ */
-o-transition: all 0.4s ease-out; /* Opera 10.5+ */
-webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */
-ms-transition: all 0.4s ease-out; /* IE10? */
transition: all 0.4s ease-out;
}
a.nav_top_02:hover,
a.nav_top_02:active {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 12px;
color: #0082cb;
font-weight: 500;
margin: 0 0 35px 0;
text-decoration: none;
float: left;
display: inline;
position: relative;
clear: both;
text-transform: uppercase;
padding: 0 0 0 40px;
background-image: url(../images/menu-indicator.png);
background-position: center left;
background-repeat: no-repeat;
background-size: auto;
-moz-transition: all 0.4s ease-out; /* FF4+ */
-o-transition: all 0.4s ease-out; /* Opera 10.5+ */
-webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */
-ms-transition: all 0.4s ease-out; /* IE10? */
transition: all 0.4s ease-out;
}
a.nav_top_02_active:link,
a.nav_top_02_active:visited,
a.nav_top_02_active:hover,
a.nav_top_02_active:active {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 12px;
color: #0082cb;
font-weight: 500;
margin: 0 0 35px 0;
text-decoration: none;
float: left;
display: inline;
position: relative;
clear: both;
text-transform: uppercase;
padding: 0 0 0 40px;
background-image: url(../images/menu-indicator.png);
background-position: center left;
background-repeat: no-repeat;
background-size: auto;
}
a.nav_top_02_scroll:link,
a.nav_top_02_scroll:visited {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 22px;
color: #1d1d1b;
font-weight: normal;
margin: 21px 0 0 40px;
padding: 0 0 5px 0;
text-decoration: none;
float: right;
display: inline;
position: relative;
text-transform: none;
border-bottom: 2px solid transparent;
}
a.nav_top_02_scroll:hover,
a.nav_top_02_scroll:active {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 22px;
color: #4e4e4e;
font-weight: normal;
margin: 21px 0 0 40px;
padding: 0 0 5px 0;
text-decoration: none;
float: right;
display: inline;
position: relative;
text-transform: none;
border-bottom: 2px solid #4e4e4e;
}
a.nav_top_02_scroll_active:link,
a.nav_top_02_scroll_active:visited,
a.nav_top_02_scroll_active:hover,
a.nav_top_02_scroll_active:active {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 22px;
color: #4e4e4e;
font-weight: normal;
margin: 21px 0 0 40px;
padding: 0 0 5px 0;
text-decoration: none;
float: right;
display: inline;
position: relative;
text-transform: none;
border-bottom: 2px solid #4e4e4e;
}
a.nav_bottom_01:link,
a.nav_bottom_01:visited {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 24px;
color: #ffffff;
font-weight: normal;
text-decoration: none;
}
a.nav_bottom_01:hover,
a.nav_bottom_01:active {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 24px;
color: #4e4e4e;
font-weight: normal;
text-decoration: none;
}
a.linkbox_rot:link,
a.linkbox_rot:visited {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
color: #fff;
font-weight: normal;
padding: 9px 20px 10px 20px;
margin: 17px 0 20px 0;
text-transform: uppercase;
text-decoration: none;
float: right;
display: inline;
position: relative;
background-color: #e31e24;
border: 0px solid #4e4e4e;
clear: both;
}
a.linkbox_rot:hover,
a.linkbox_rot:active {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
color: #fff;
font-weight: normal;
padding: 9px 20px 10px 20px;
margin: 17px 0 20px 0;
text-transform: uppercase;
text-decoration: none;
float: right;
display: inline;
position: relative;
background-color: #e94b50;
border: 0px solid #4e4e4e;
clear: both;
}
a.linkbox_slogan:link,
a.linkbox_slogan:visited {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 22px;
color: #4e4e4e;
font-weight: 500;
padding: 19px 25px 20px 85px;
margin: 0 10px 0 0;
text-transform: uppercase;
text-decoration: none;
float: left;
display: inline;
position: relative;
background-color: #fff;
border: 2px solid #f3f3f3;
text-align: center;
background-image: url(../images/button.png);
background-repeat: no-repeat;
background-size: contain;
background-position: left center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
a.linkbox_slogan:hover,
a.linkbox_slogan:active {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 22px;
color: #4e4e4e;
font-weight: 500;
padding: 19px 25px 20px 85px;
margin: 0 10px 0 0;
text-transform: uppercase;
text-decoration: none;
float: left;
display: inline;
position: relative;
background-color: #f3f3f3;
border: 2px solid #f3f3f3;
text-align: center;
background-image: url(../images/button.png);
background-repeat: no-repeat;
background-size: contain;
background-position: left center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
a.linkbox_slogan1:link,
a.linkbox_slogan1:visited {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 22px;
color: #4e4e4e;
font-weight: 500;
padding: 19px 25px 20px 85px;
margin: 0 10px 0 0;
text-transform: uppercase;
text-decoration: none;
float: left;
display: inline;
position: relative;
background-color: #fff;
border: 2px solid #f3f3f3;
text-align: center;
background-image: url(../images/button_dark.png);
background-repeat: no-repeat;
background-size: contain;
background-position: left center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
a.linkbox_slogan1:hover,
a.linkbox_slogan1:active {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 22px;
color: #4e4e4e;
font-weight: 500;
padding: 19px 25px 20px 85px;
margin: 0 10px 0 0;
text-transform: uppercase;
text-decoration: none;
float: left;
display: inline;
position: relative;
background-color: #f3f3f3;
border: 2px solid #f3f3f3;
text-align: center;
background-image: url(../images/button_dark.png);
background-repeat: no-repeat;
background-size: contain;
background-position: left center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
a.linkbox_slogan_2:link,
a.linkbox_slogan_2:visited {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 22px;
color: #fff;
font-weight: normal;
padding: 9px 20px 10px 20px;
margin: 10px 0 0 0;
text-transform: none;
text-decoration: none;
float: left;
display: inline;
position: relative;
background-color: #4e4e4e;
}
a.linkbox_slogan_2:hover,
a.linkbox_slogan_2:active {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 22px;
color: #fff;
font-weight: normal;
padding: 9px 20px 10px 20px;
margin: 10px 0 0 0;
text-transform: none;
text-decoration: none;
float: left;
display: inline;
position: relative;
background-color: #50a028;
}
a.linkbox_grau:link,
a.linkbox_grau:visited {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 20px;
color: #ffffff;
font-weight: normal;
padding: 13px 20px 12px 20px;
margin: 20px 20px 0 0;
text-decoration: none;
float: left;
display: inline;
position: relative;
background-color: #4e4e4e;
border: 1px solid #4e4e4e;
}
a.linkbox_grau:hover,
a.linkbox_grau:active {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 20px;
color: #4e4e4e;
font-weight: normal;
padding: 13px 20px 12px 20px;
margin: 20px 20px 0 0;
text-decoration: none;
float: left;
display: inline;
position: relative;
background-color: #ffffff;
border: 1px solid #4e4e4e;
}
a.linkbox_weiss:link,
a.linkbox_weiss:visited {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 20px;
color: #c00418;
font-weight: normal;
padding: 13px 20px 12px 20px;
margin: 20px 0 0 0;
text-decoration: none;
float: left;
display: inline;
position: relative;
background-color: #ffffff;
border: 1px solid #ffffff;
clear: both;
}
a.linkbox_weiss:hover,
a.linkbox_weiss:active {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 20px;
color: #ffffff;
font-weight: normal;
padding: 13px 20px 12px 20px;
margin: 20px 0 0 0;
text-decoration: none;
float: left;
display: inline;
position: relative;
background-color: #c00418;
border: 1px solid #ffffff;
clear: both;
}
a.c_link_gr:link,
a.c_link_gr:visited {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 24px;
color: #4e4e4e;
font-weight: normal;
text-decoration: none;
margin: 0 0 0 0;
float: left;
display: inline;
position: relative;
}
a.c_link_gr:hover,
a.c_link_gr:active {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 24px;
color: #4e4e4e;
font-weight: normal;
text-decoration: none;
margin: 0 0 0 0;
float: left;
display: inline;
position: relative;
}
.lnmore a {
text-transform: uppercase;
font-size: 16px;
font-weight: 400;
color: #34485e;
-moz-transition: all 0.4s ease-out; /* FF4+ */
-o-transition: all 0.4s ease-out; /* Opera 10.5+ */
-webkit-transition: all 0.4s ease-out; /* Saf3.2+, Chrome */
-ms-transition: all 0.4s ease-out; /* IE10? */
transition: all 0.4s ease-out;
}
.lnmore a:hover {
text-decoration: none;
color: #0082ca;
}
.lnmore > a > i {
color: #0082ca;
}
/* dropdown navi sprachwahl :: start */
.nav_lan,
.nav_lan ul {
list-style: none;
margin: 0;
padding: 0;
z-index: 1001;
font-style: normal;
}
.nav_lan li {
margin: 0 0 0 0;
}
.nav_lan ul {
list-style: none;
margin: 0;
position: absolute;
top: -999px;
right: 0px;
z-index: 1001;
}
.nav_lan li:hover ul {
top: 40px;
padding: 0 0 0 0;
z-index: 1001;
right: 0px;
margin: 0 0 0 0;
background-color: #4e4e4e;
}
.box_leistungen_index {
background-image: url(../images/box_leistungen_index.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
box-sizing: border-box;
}
/* dropdown navi sprachwahl :: ende */
h1 {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 46px;
line-height: 56px;
color: #4e4e4e;
font-weight: 800;
margin: 0 0 10px 0;
padding: 0 0 0 0;
word-wrap: break-word;
text-transform: none;
}
h1.h1_marker {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 30px;
line-height: 36px;
color: #4e4e4e;
font-weight: normal;
margin: 0 0 33px 0;
padding: 0 0 14px 0;
word-wrap: break-word;
background-image: url('../images/marker_headline_dark.png');
background-repeat: no-repeat;
background-position: bottom left;
}
h1.h1_weiss {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 30px;
line-height: 36px;
color: #ffffff;
font-weight: normal;
margin: 0 0 6px 0;
padding: 0 0 0 0;
word-wrap: break-word;
}
.h1_gruen {
color: #4e4e4e;
font-weight: bold;
}
.h1_bold {
font-weight: bold;
}
h2 {
-moz-hyphens: auto;
hyphens: auto;
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 22px;
line-height: 30px;
color: #4e4e4e;
margin: 0 0 5px 0;
padding: 0 0 0 0;
word-wrap: break-word;
text-transform: none;
font-weight: 700;
}
h2.h2_slogan {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 64px;
font-weight: 800;
line-height: 75px;
color: #4e4e4e;
margin: 0 0 0 0;
padding: 5px 0 0 0;
word-wrap: break-word;
text-transform: uppercase;
}
span.blau {
color: #0082ca;
}
h3 {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 20px;
line-height: 30px;
color: #5c636e;
margin: 0 0 0 0;
padding: 0 0 0 0;
word-wrap: break-word;
text-transform: uppercase;
}
h3.h3_slogan {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 50px;
color: #34485e;
font-weight: 300;
margin: 0 0 15px 0;
padding: 0 0 20px 0;
word-wrap: break-word;
text-transform: uppercase;
background-image: url(../images/trenner_header.png);
background-position: bottom left;
background-size: auto;
background-repeat: no-repeat;
}
h3.h3_h1_marker {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 30px;
line-height: 36px;
color: #4e4e4e;
font-weight: normal;
margin: 0 0 33px 0;
padding: 0 0 14px 0;
word-wrap: break-word;
background-image: url('../images/marker_headline_dark.png');
background-repeat: no-repeat;
background-position: bottom left;
text-transform: none;
}
h3.h3_galery {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 30px;
line-height: 36px;
color: #4e4e4e;
font-weight: normal;
margin: 0 0 20px 0;
padding: 0 0 0 0;
word-wrap: break-word;
text-transform: none;
}
h3.h3_h1 {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 30px;
line-height: 36px;
color: #4e4e4e;
font-weight: normal;
margin: 0 0 33px 0;
padding: 0 0 0 0;
word-wrap: break-word;
text-transform: none;
}
h3.h3_testimonial_marker {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 30px;
line-height: 36px;
color: #ffffff;
font-weight: normal;
margin: 0 0 33px 0;
padding: 0 0 14px 0;
word-wrap: break-word;
background-image: url('../images/marker_headline_light.png');
background-repeat: no-repeat;
background-position: bottom left;
text-transform: none;
}
h4 {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 28px;
color: #4e4e4e;
font-weight: normal;
margin: 0 0 0 0;
padding: 0 0 0 0;
word-wrap: break-word;
text-transform: none;
}
h4.h4_teaser {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 26px;
color: #ffffff;
font-weight: bold;
margin: 0 0 0 0;
padding: 0 0 0 0;
word-wrap: break-word;
text-transform: uppercase;
}
h4.h4_news {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 26px;
color: #323232;
font-weight: normal;
margin: 0 0 0 0;
padding: 0 0 0 0;
word-wrap: break-word;
text-transform: none;
}
.h4_gruen {
color: #4e4e4e;
font-weight: bold;
}
h5 {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 52px;
color: #4d4f5a;
font-weight: normal;
margin: 0 0 0 0;
padding: 0 0 0 0;
word-wrap: break-word;
}
p,
div {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 26px;
color: #4e4e4e;
margin-top: 0px;
padding-top: 0px;
word-wrap: break-word;
}
td {
font-family: 'Manrope', Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 24px;
color: #4e4e4e;
margin-top: 0px;
padding-top: 0px;
}
.standard {
float: left;
display: inline;
position: relative;
margin: 0px;
padding: 0px;
text-align: left;
}
.standard_r {
float: right;
display: inline;
position: relative;
margin: 0px;
padding: 0px;
text-align: left;
}
.bg_clear {
clear: both;
}
p.address {
font-size: 20px;
line-height: 34px;
font-weight: 400;
color: #6c6c6c;
}
p.address a {
font-size: 20px;
line-height: 34px;
font-weight: 400;
color: #6c6c6c;
cursor: default;
}
.hrfoot {
border: 1px solid #e9eaec;
width: 100%;
margin: 60px 0 60px 0;
}
.topdiv {
padding: 0px;
margin: 0px;
height: 100%;
width: 100%;
position: absolute;
top: 0px;
}
.toptab {
height: 100%;
width: 100%;
padding: 0px;
margin: 0px;
}
/* formular :: start */
.margin_gruen_box li {
color: #fff;
}
.margin_gruen_box p {
color: #fff;
}
.phonetop {
padding: 5px 0 0 12px;
text-decoration: none;
text-transform: none;
float: left;
display: inline;
position: relative;
width: 39px;
height: 39px;
border: 0px solid #e7e7e7;
box-sizing: border-box;
background-color: #34495e;
margin: 0 10px 0 0;
}
.phonetop i {
font-size: 13px;
line-height: 24px;
color: #fff;
text-align: center;
}
.phonetop_nr {
font-size: 14px;
line-height: 24px;
color: #fff;
}
.nr_phone {
font-size: 16px;
line-height: 24px;
color: #34485e;
float: left;
display: inline;
position: relative;
padding: 8px 0 0 0;
margin: 0 40px 0 0;
font-weight: 500;
}
input {
background-color: #f5f5f5;
color: #646464;
font-size: 16px;
font-family: 'Manrope', Arial, Helvetica, sans-serif;
border: 0px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
margin: 0 40px 20px 0;
padding: 8px 0 8px 8px;
float: left;
display: inline;
position: relative;
font-style: italic;
}
select {
background-color: #f5f5f5;
color: #646464;
font-size: 16px;
font-family: 'Manrope', Arial, Helvetica, sans-serif;
border: 0px solid #aaaaaa;
border-bottom: 1px solid #dcdcdc;
margin: 0 40px 20px 0;
padding-left: 8px;
float: left;
display: inline;
position: relative;
height: 36px;
background-repeat: no-repeat;
background-position: top left;
font-style: italic;
}
input.checkbox_in {
background-color: transparent;
color: #f0f0f0;
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
border: 0px solid #e2e2e2;
border-radius: 2px;
width: 14px;
height: 14px;
margin: 8px 5px 10px 10px;
}
.button {
background-color: #4e4e4e;
color: #ffffff;
font-size: 16px;
line-height: 17px;
font-weight: normal;
font-family: 'Manrope', Arial, Helvetica, sans-serif;
border: 0px solid #4e4e4e;
width: 120px;
height: 44px;
float: right;
font-style: normal;
padding: 0px;
}
.button_invisible {
background-color: #ffffff /*ecece9*/;
width: 0px;
height: 0px;
font-size: 0px;
color: #ffffff;
border: 0px solid #c8c8c8;
margin: 0px;
padding: 0px;
}
textarea {
background-color: #f5f5f5;
color: #646464;
font-size: 16px;
font-family: 'Manrope', Arial, Helvetica, sans-serif;
border: 0px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
width: 310px;
height: 142px;
margin: 0 0 20px 0;
padding: 8px;
float: left;
display: inline;
position: relative;
background-repeat: no-repeat;
background-position: top left;
font-style: italic;
}
/* formular :: ende */
/* cookie hinweis :: start */
.cc_container .cc_btn {
background-color: #4e4e4e !important; /* Farbe des Buttons */
color: #ffffff !important; /* Textfarbe des Buttons */
}
.cc_container {
background: #ffffff !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fdfdfd !important; /* Schriftfarbe des gesamten Bereichs */
}
.cc_container a {
color: #4e4e4e !important; /* Textlink-Farbe "Mehr Infos" */
}
/* cookie hinweis :: ende */
ul {
padding: 0 0 0 10px;
margin: 5px 0 15px 10px;
list-style-image: url(../images/icon_bullet_nicecon.png);
line-height: 24px;
color: #323232;
display: block;
font-style: normal;
}
ul li {
margin: 0 0 5px 10px;
}
ul.ulfoot {
padding: 0 0 0 5px;
margin: -20px 0 15px 10px;
list-style-image: url(../images/icon_bullet_nicecon.png);
line-height: 34px;
font-size: 20px;
color: #6c6c6c;
display: block;
font-style: normal;
}
ul.ulfoot li {
margin: 0 0 5px 15px;
}
a.font24 {
font-size: 24px;
color: #fff;
}
.text_cta {
text-align: center;
}
.bgdiv_con_100 {
overflow: hidden;
float: left;
position: relative;
display: inline;
width: 100vw;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.bgdiv_con_100_weiss {
overflow: hidden;
float: left;
position: relative;
display: inline;
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
background-color: #fff;
}
.bgdiv_con_100_dark {
overflow: hidden;
float: left;
position: relative;
display: inline;
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
background-color: #4e4e4e;
}
.bgdiv_con_100_gelb {
overflow: hidden;
float: left;
position: relative;
display: inline;
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
background-color: #4e4e4e;
}
.bgdiv_con_100_footer_z1 {
float: left;
position: relative;
display: inline;
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
background-color: #282828;
height: 52px;
}
.bgdiv_con_100_grau {
overflow: hidden;
float: left;
position: relative;
display: inline;
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
background-color: #f5f5f5;
}
.bgdiv_con_100_rot {
float: left;
position: relative;
display: inline;
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
background-color: #8d0010;
}
.bgdiv_con_100_footer {
float: left;
position: relative;
display: inline;
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
background-color: #1e1e1e;
}
.bgdiv_con_center {
margin: 0 auto;
padding: 0px;
text-align: left;
}
.bgdiv_con_center_1250 {
margin: 0 auto;
padding: 0px;
text-align: left;
width: 100%;
}
.rahmen_overflow {
overflow: hidden;
}
.sp_100p {
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 100%;
}
.sp_100p_box_green {
margin: 0 0 0 0;
padding: 10px;
width: 100%;
box-sizing: border-box;
background-color: #78ad5f;
}
.sp_100p_box_red {
margin: 0 0 0 0;
padding: 10px;
width: 100%;
box-sizing: border-box;
background-color: #c00418;
}
.kursiv {
font-style: italic;
}
.weiss {
color: #ffffff;
}
.rot {
color: #c00418;
}
.blau {
color: #505256;
}
.gruen {
color: #4e4e4e;
}
.font18 {
font-size: 18px;
}
.gruen_i {
color: #78ad5f;
font-size: 24px;
display: inline;
position: relative;
float: left;
margin: 0 10px 0 0;
}
.txt_center {
text-align: center;
}
.txt_bold {
font-weight: bold;
}
.txt_small {
font-size: 14px;
}
.top_z2_navi {
margin: 55px 0 0 0;
}
.span_top {
color: #767675;
font-size: 16px;
font-weight: normal;
line-height: 33px;
}
.font_top {
color: #282828;
font-size: 16px;
font-weight: normal;
line-height: 22px;
}
/* projekt :: start */
.welcome_abdecker {
width: 100%;
height: 100%;
background-image: url(../images/bg_abdecker_grau50.png);
background-repeat: repeat;
}
.welcome_abdecker:hover {
background-image: none;
}
.top_navi_mobi_100 {
background-color: #fff;
border-bottom: 2px solid #fff;
}
.bgdiv_nav_top_z1 {
padding: 0 0 0 0;
float: left;
display: inline;
position: relative;
height: 40px;
z-index: 99;
background-color: #f5f5f5;
}
.nav_top_z1 {
margin: 55px 2% 0 0;
}
.nav_top_z1_links_1 {
margin: 0 0 0 0;
height: 52px;
}
.nav_top_z1_links_2 {
clear: right;
margin: 0 0 0 0;
}
.bg_top {
height: 120px;
width: 50%;
background-image: url(../images/head_bg.svg);
background-position: top right;
background-repeat: no-repeat;
background-size: cover;
}
/* SVG Grafiken */
.bg_logo_top {
width: 678px;
height: 290px;
margin: -200px 0 0 -200px;
}
.bg_logo_scroll_top {
width: 351px;
height: 150px;
margin: -40px 0 0 -40px;
}
.bg_logo_resp_top {
width: 281px;
height: 120px;
margin: -30px 0 0 -20px;
}
.logo_top {
width: 196px;
height: 42px;
display: block;
position: absolute;
}
/* ENDE SVG Grafiken */
.top_z1_kontakt {
margin: -90px 0 0 -155px;
}
.top_z1_navi {
margin-top: -80px;
}
.bgdiv_nav_top_z3 {
padding: 0 0 0 0;
height: 60px;
background-color: #e31e24;
margin: -30px auto 0 auto;
}
.bgdiv_nav_top_z2 {
padding: 0 0 0 0;
float: left;
display: inline;
position: relative;
height: 150px;
z-index: 9;
}
.nav_z1 {
}
.nav_z2 {
width: 100%;
margin: 28px 0 0 0;
}
.menu_outter {
background-color: #4e4e4e;
border-bottom: 2px solid #fff;
width: 100%;
height: 130px;
padding: 0 40px 0 40px;
}
.nav_top_logo {
width: 200px;
margin: 40px 0 0 270px;
padding: 0 0 0 0;
border-right: 0px solid #ebebeb;
height: 55px;
}
.nav_top_logo img {
width: 200px;
margin: 0 0 0 0;
}
.nav_top_z1_links_1 {
margin: 0 30px 0 0;
height: 52px;
}
.nav_top_z1_links_2 {
clear: right;
margin: 0 0 0 0;
}
/* scroll-navi :: start*/
.bgdiv_nav_scroll {
float: left;
position: fixed;
top: 0px;
left: 0px;
display: none;
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
height: 72px;
background-color: #fff;
z-index: 99999;
border-bottom: 4px solid #f0f0f0;
}
.nav_top_logo_scroll {
width: 80px;
margin: 10px 0 0 0;
padding: 0 0 0 0;
height: 80px;
clear: both;
}
.nav_top_logo_scroll img {
width: 80px;
}
.nav_top_links_scroll {
margin: -97px 0 0 0;
clear: both;
}
/* scroll-navi */
.trenner_con_100 {
float: left;
display: inline;
position: relative;
width: 100%;
height: 1px;
margin: 35px 0 40px 0;
background-color: #ebebeb;
}
.breadcrumb {
border-bottom: 1px solid #ebebeb;
padding: 0 0 0 0;
font-size: 14px;
line-height: 16px;
color: #1e1e1e;
height: 50px;
}
.breadcrumb div {
font-size: 14px;
line-height: 16px;
color: #1e1e1e;
margin: 16px 0 0 0;
}
.preis_alt {
font-size: 14px;
color: #c00418;
text-decoration: line-through;
}
/* projekt :: ende */
/* ColorBox */
/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
position: absolute;
top: 0;
left: 0;
z-index: 99999999;
overflow: hidden;
}
#cboxOverlay {
position: fixed;
width: 100%;
height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
clear: left;
}
#cboxContent {
position: relative;
}
#cboxLoadedContent {
overflow: auto;
}
#cboxTitle {
margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
cursor: pointer;
}
.cboxPhoto {
float: left;
margin: auto;
border: 0;
display: block;
}
.cboxIframe {
width: 100%;
height: 100%;
display: block;
border: 0;
}
/*
User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
background: url(../images/overlay.png) repeat 0 0;
}
#colorbox {
}
#cboxTopLeft {
width: 21px;
height: 21px;
background: url(../images/controls.png) no-repeat -101px 0;
}
#cboxTopRight {
width: 21px;
height: 21px;
background: url(../images/controls.png) no-repeat -130px 0;
}
#cboxBottomLeft {
width: 21px;
height: 21px;
background: url(../images/controls.png) no-repeat -101px -29px;
}
#cboxBottomRight {
width: 21px;
height: 21px;
background: url(../images/controls.png) no-repeat -130px -29px;
}
#cboxMiddleLeft {
width: 21px;
background: url(../images/controls.png) left top repeat-y;
}
#cboxMiddleRight {
width: 21px;
background: url(../images/controls.png) right top repeat-y;
}
#cboxTopCenter {
height: 21px;
background: url(../images/border.png) 0 0 repeat-x;
}
#cboxBottomCenter {
height: 21px;
background: url(../images/border.png) 0 -29px repeat-x;
}
#cboxContent {
background: #fff;
overflow: hidden;
}
.cboxIframe {
background: #fff;
}
#cboxError {
padding: 50px;
border: 1px solid #ccc;
}
#cboxLoadedContent {
margin-bottom: 28px;
}
#cboxTitle {
position: absolute;
bottom: 4px;
left: 0;
text-align: center;
width: 100%;
color: #949494;
}
#cboxCurrent {
position: absolute;
bottom: 4px;
left: 58px;
color: #949494;
}
#cboxSlideshow {
position: absolute;
bottom: 4px;
right: 30px;
color: #0092ef;
}
#cboxPrevious {
position: absolute;
bottom: 0;
left: 0;
background: url(../images/controls.png) no-repeat -75px 0;
width: 25px;
height: 25px;
text-indent: -9999px;
}
#cboxPrevious:hover {
background-position: -75px -25px;
}
#cboxNext {
position: absolute;
bottom: 0;
left: 27px;
background: url(../images/controls.png) no-repeat -50px 0;
width: 25px;
height: 25px;
text-indent: -9999px;
}
#cboxNext:hover {
background-position: -50px -25px;
}
#cboxLoadingOverlay {
background: url(../images/loading_background.png) no-repeat center center;
}
#cboxLoadingGraphic {
background: url(../images/loading.gif) no-repeat center center;
}
#cboxClose {
position: absolute;
bottom: 0;
right: 0;
background: url(../images/controls.png) no-repeat -25px 0;
width: 25px;
height: 25px;
text-indent: -9999px;
}
#cboxClose:hover {
background-position: -25px -25px;
}
/* responsive menu */
.menu {
float: left;
overflow-y: auto;
border-top: 0px solid #ebebeb;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.menu ul {
padding: 0px;
margin: 0px;
list-style: none;
position: relative;
display: inline-table;
z-index: 9999;
}
.menu > li > ul.sub-menu {
min-width: 10em;
padding: 4px 0;
background-color: #00f0f0;
border: 1px solid #ffffff;
z-index: 9999;
}
.menu ul li {
padding: 0px;
margin: 0px;
}
.menu > ul > li {
display: inline-block;
}
.menu ul li a {
display: block;
text-decoration: none;
color: #3e4543;
font-size: 18px;
font-weight: 400;
font-family: 'Manrope', Arial, Helvetica, sans-serif;
text-transform: none;
line-height: 20px;
}
.menu ul li > a {
height: 20px;
padding: 20px;
}
.menu ul ul {
display: none;
position: absolute;
top: 100%;
min-width: 160px;
background-color: #f0f0f0;
border: 1px solid #f0f0f0;
}
.menu ul li:hover > ul {
display: block;
}
.menu ul ul > li {
position: relative;
}
.menu ul ul > li a {
padding: 5px 15px 5px 10px;
height: auto;
background-color: #f0f0f0;
}
.menu ul ul > li a:hover {
background-color: #646464;
color: #ffffff;
}
.menu ul ul > li a.sub1active {
background-color: #646464;
color: #ffffff;
}
.menu ul ul ul {
position: absolute;
left: 100%;
top: 0;
}
/* ende responsive menu */
/*.container { width:100%; z-index:10000; display:inline; float:right; position:relative;}*/
.logo_resp {
height: 20px;
margin: 17px 0 0 0;
}
a.menu-link {
display: block;
color: #1e1e1e;
float: left;
text-decoration: none;
padding: 16px 0 10px 0;
}
.menu {
clear: both;
min-width: inherit;
float: none;
background: #4e4e4e;
}
.menu,
.menu > ul ul {
overflow: hidden;
max-height: 0;
background-color: #d4edfc;
}
.menu,
.menu > ul ul ul {
overflow: hidden;
max-height: 0;
background-color: #ffffff;
}
.menu > li > ul.sub-menu {
padding: 0px;
border: none;
}
.menu.active,
.menu > ul ul.active {
max-height: 4000px;
height: 90%;
}
.menu ul {
display: inline;
}
.menu > ul {
border-top: 0px solid #f0f0f0;
}
.menu li,
.menu > ul > li {
display: block;
}
.menu li a {
color: #3e4543;
display: block;
padding: 0;
border-bottom: 1px solid #e0e0e0;
position: relative;
background: #fff;
}
.menu li a:hover {
color: #ffffff;
display: block;
padding: 20px;
border-bottom: 1px solid #ffffff;
position: relative;
background: #4e4e4e;
}
.menu li a.nav_res_sub2:hover {
padding-left: 40px;
font-style: italic;
}
.menu li a.menu_active {
color: #ffffff;
display: block;
padding: 20px;
border-bottom: 1px solid #ffffff;
position: relative;
background: #0082cb;
}
.menu li a.has-submenu_active {
color: #ffffff;
display: block;
padding: 20px;
border-bottom: 1px solid #ffffff;
position: relative;
background: #2d2d2d;
}
.menu li.has-submenu > a:after {
content: '+';
position: absolute;
top: 0;
right: 0;
display: block;
font-size: 1.5em;
padding: 20px;
}
.menu li.has-submenu2 > a:after {
content: '+';
position: absolute;
top: 0;
right: 0;
display: block;
font-size: 1.5em;
padding: 20px;
}
.menu li.has-submenu > a.active:after {
content: '-';
}
.menu li.has-submenu2 > a.active:after {
content: '-';
}
.menu ul ul > li a {
background: #e0e0e0;
color: #323232;
height: 20px;
padding: 20px;
border-bottom: 1px solid #e9e9e9;
}
.menu ul ul,
.menu ul ul ul {
display: inherit;
position: relative;
left: auto;
top: auto;
border: none;
}
.menu ul ul ul > li a {
background: #ffffff;
color: #1e1e1e;
height: 20px;
padding: 20px;
border-bottom: 1px solid #f0f0f0;
}
.free-wall {
margin: 0px;
}
.brick {
width: 268px;
margin: 0 40px 40px 0;
background-color: #ffffff;
border: 1px solid #dcdcdc;
}
.info {
padding: 20px;
color: #323232;
}
.brick img {
margin: 0px;
padding: 0px;
display: block;
}
.brick {
color: #333;
border: 1px solid #d9dadb;
}
.brick .img {
width: 100%;
max-width: 100%;
display: block;
}
.brick h3,
.brick h5 {
text-shadow: none;
}
#menuToggle {
display: block;
position: relative;
top: 50px;
left: 50px;
z-index: 1;
-webkit-user-select: none;
user-select: none;
}
#menuToggle a {
text-decoration: none;
color: #ffffff;
transition: color 0.3s ease;
}
#menuToggle a:hover {
color: rgba(255, 255, 255, 0.3);
}
#menuToggle input {
display: block;
width: 40px;
height: 32px;
position: absolute;
top: -7px;
left: -5px;
cursor: pointer;
opacity: 0; /* hide this */
z-index: 2; /* and place it over the hamburger */
-webkit-touch-callout: none;
}
/*
* Just a quick hamburger
*/
#menuToggle span {
display: block;
width: 33px;
height: 3px;
margin-bottom: 5px;
position: relative;
background: #d2d2d2;
border-radius: 0;
z-index: 1;
transform-origin: 6px -3px;
transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}
#menuToggle span:first-child {
transform-origin: 0% 0%;
}
#menuToggle span:nth-last-child(2) {
transform-origin: 0% 100%;
}
/*
* Transform all the slices of hamburger
* into a crossmark.
*/
#menuToggle input:checked ~ span {
opacity: 1;
transform: rotate(45deg) translate(-2px, -1px);
background: #fff;
}
/*
* But let's hide the middle one.
*/
#menuToggle input:checked ~ span:nth-last-child(3) {
opacity: 0;
transform: rotate(0deg) scale(0.2, 0.2);
}
/*
* Ohyeah and the last one should go the other direction
*/
#menuToggle input:checked ~ span:nth-last-child(2) {
transform: rotate(-45deg) translate(0, -1px);
}
/*
* Make this absolute positioned
* at the top left of the screen
*/
#menu1 {
position: absolute;
width: 450px;
margin: -100px 0 0 -50px;
padding: 50px;
padding-top: 125px;
background: #34495e;
list-style-type: none;
-webkit-font-smoothing: antialiased;
/* to stop flickering of text in safari */
transform-origin: 0% 0%;
transform: translate(-102%, 0);
transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
-webkit-box-shadow: 0px 0px 9px -2px rgba(0, 0, 0, 0.48);
-moz-box-shadow: 0px 0px 9px -2px rgba(0, 0, 0, 0.48);
box-shadow: 0px 0px 9px -2px rgba(0, 0, 0, 0.48);
background-image: url(../images/ico_ecker_weiss.svg);
background-size: 150px 140px;
background-repeat: no-repeat;
background-position: 340px 10px;
}
#menu1 ul {
list-style-type: none;
}
#menu1 li {
padding: 10px 0;
font-size: 22px;
list-style: none;
}
#menu1 li::marker {
display: none;
}
/*
* And let's slide it in from the left
*/
#menuToggle input:checked ~ ul {
transform: none;
}