body {
font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
overflow-x: hidden;
}
p {
font-size: 20px;
}
p.small {
font-size: 16px;
}
a,
a:hover,
a:focus,
a:active,
a.active {
color: #11abad;
outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-weight: 700;
}
hr.star-light,
hr.star-primary {
padding: 0;
border: none;
border-top: solid 5px;
text-align: center;
max-width: 250px;
margin: 25px auto 30px;
}
hr.star-light:after,
hr.star-primary:after {
content: "\f005";
font-family: FontAwesome;
display: inline-block;
position: relative;
top: -0.8em;
font-size: 2em;
padding: 0 0.25em;
}
hr.star-light {
border-color: white;
}
hr.star-light:after {
background-color: #11abad;
color: white;
}
hr.star-primary {
border-color: #121e2e;
}
hr.star-primary:after {
background-color: white;
color: #121e2e;
}
.img-centered {
margin: 0 auto;
}
header {
text-align: center;
background: #11abad;
color: white;
}
header .container {
padding-top: 100px;
padding-bottom: 50px;
}
header img {
display: block;
margin: 0 auto 20px;
}
header .intro-text .name {
display: block;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-weight: 700;
font-size: 2em;
}
header .intro-text .skills {
font-size: 1.25em;
font-weight: 300;
}
@media (min-width: 768px) {
header .container {
padding-top: 200px;
padding-bottom: 100px;
}
header .intro-text .name {
font-size: 4.75em;
}
header .intro-text .skills {
font-size: 1.75em;
}
}
.navbar-custom {
background: #121e2e;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-weight: 700;
border: none;
}
.navbar-custom a:focus {
outline: none;
}
.navbar-custom .navbar-brand {
color: white;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus,
.navbar-custom .navbar-brand:active,
.navbar-custom .navbar-brand.active {
color: white;
}
.navbar-custom .navbar-nav {
letter-spacing: 1px;
}
.navbar-custom .navbar-nav li a {
color: white;
}
.navbar-custom .navbar-nav li a:hover {
color: #11abad;
outline: none;
}
.navbar-custom .navbar-nav li a:focus,
.navbar-custom .navbar-nav li a:active {
color: white;
}
.navbar-custom .navbar-nav li.active a {
color: white;
background: #11abad;
}
.navbar-custom .navbar-nav li.active a:hover,
.navbar-custom .navbar-nav li.active a:focus,
.navbar-custom .navbar-nav li.active a:active {
color: white;
background: #11abad;
}
.navbar-custom .navbar-toggle {
color: white;
text-transform: uppercase;
font-size: 10px;
border-color: white;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
background-color: #11abad;
color: white;
border-color: #11abad;
}
@media (min-width: 768px) {
.navbar-custom {
padding: 25px 0;
-webkit-transition: padding 0.3s;
transition: padding 0.3s;
}
.navbar-custom .navbar-brand {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
}
section {
padding: 45px 0;
}
@media (min-width: 768px) {
section {
padding: 75px 0;
}
}
section.success {
background: #11abad;
}
#angebot .angebot-item {
margin: 0 0 15px;
right: 0;
}
#angebot .angebot-item .angebot-inner {
display: block;
position: relative;
margin: 0 auto;
}
#angebot .angebot-item .angebot-inner .caption {
cursor: pointer;
background: #11abad;
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all ease 0.5s;
transition: all ease 0.5s;
}
#angebot .angebot-item .angebot-inner .caption:hover {
opacity: 1;
}
#angebot .angebot-item .angebot-inner .caption .caption-content {
position: absolute;
width: 100%;
font-size: 20px;
text-align: center;
top: 50%;
margin-top: -57px;
color: white;
}
#angebot .angebot-item .angebot-inner .caption .caption-content h3,
#angebot .angebot-item .angebot-inner .caption .caption-content h4 {
margin: 0;
}
@media (min-width: 767px) {
#angebot .angebot-item {
margin: 0 0 30px;
}
}
.floating-label-form-group {
position: relative;
margin-bottom: 0;
padding-bottom: 1.5em;
border-bottom: 1px solid #d9d9d9;
}
.floating-label-form-group input,
.floating-label-form-group textarea {
z-index: 1;
position: relative;
padding-right: 0;
padding-left: 0;
border: none;
border-radius: 0;
font-size: 2em;
background: none;
box-shadow: none !important;
resize: none;
}
.floating-label-form-group label {
display: block;
z-index: 0;
position: relative;
top: 2em;
margin: 0;
font-size: 1.5em;
line-height: 1.764705882em;
vertical-align: middle;
vertical-align: baseline;
opacity: 0;
-webkit-transition: top 0.3s ease,opacity 0.3s ease;
transition: top 0.3s ease,opacity 0.3s ease;
}
.floating-label-form-group:not(:first-child) {
padding-left: 14px;
border-left: 1px solid #d9d9d9;
}
@media (min-width: px) {
.floating-label-form-group {
position: relative;
margin-bottom: 0;
padding-bottom: 1.5em;
border-bottom: 1px solid #d9d9d9;
}
.floating-label-form-group input,
.floating-label-form-group textarea {
z-index: 1;
position: relative;
padding-right: 0;
padding-left: 0;
border: none;
border-radius: 0;
font-size: 2.2em;
background: none;
box-shadow: none !important;
resize: none;
}
.floating-label-form-group label {
display: block;
z-index: 0;
position: relative;
top: 2em;
margin: 0;
font-size: 1.5em;
line-height: 1.764705882em;
vertical-align: middle;
vertical-align: baseline;
opacity: 0;
-webkit-transition: top 0.3s ease,opacity 0.3s ease;
transition: top 0.3s ease,opacity 0.3s ease;
}
.floating-label-form-group:not(:first-child) {
padding-left: 14px;
border-left: 1px solid #d9d9d9;
}
}
.floating-label-form-group-with-value label {
top: 0;
opacity: 1;
}
.floating-label-form-group-with-focus label {
color: #11abad;
}
form .row:first-child .floating-label-form-group {
border-top: 1px solid #d9d9d9;
}
footer {
color: white;
}
footer h3 {
margin-bottom: 30px;
}
footer .footer-above {
padding-top: 30px;
padding-bottom: 30px;
background-color: #121e2e;
}
footer .footer-col {
/* margin-bottom: 50px;
*/
}
footer .footer-below {
padding: 25px 0;
background: #595959;
}
@media (min-width: 768px) {
footer .footer-below {
padding: 15px 0;
}
}
.btn-outline {
color: white;
font-size: 20px;
border: solid 2px white;
background: transparent;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
color: #11abad;
background: white;
border: solid 2px white;
}
.btn-primary {
color: white;
background-color: #121e2e;
border-color: #121e2e;
font-weight: 700;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
color: white;
background-color: #040609;
border-color: #010102;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
background-color: #121e2e;
border-color: #121e2e;
}
.btn-primary .badge {
color: #121e2e;
background-color: white;
}
.btn-success {
color: white;
background-color: #11abad;
border-color: #11abad;
font-weight: 700;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
color: white;
background-color: #0c7d7f;
border-color: #0c7475;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
background-color: #11abad;
border-color: #11abad;
}
.btn-success .badge {
color: #11abad;
background-color: white;
}
.btn-social {
display: inline-block;
height: 50px;
width: 50px;
border: 2px solid white;
border-radius: 100%;
text-align: center;
font-size: 20px;
line-height: 45px;
}
.btn:focus,
.btn:active,
.btn.active {
outline: none;
}
.scroll-top {
position: fixed;
right: 2%;
bottom: 2%;
width: 50px;
height: 50px;
z-index: 1049;
}
.scroll-top .btn {
font-size: 20px;
width: 50px;
height: 50px;
border-radius: 100%;
line-height: 28px;
}
.scroll-top .btn:focus {
outline: none;
}
.angebot-modal .modal-content {
border-radius: 0;
background-clip: border-box;
box-shadow: none;
border: none;
min-height: 100%;
padding: 15px 0 0 0;
text-align: center;
}
.angebot-modal .modal-content h2 {
margin: 0;
}
.angebot-modal .modal-content img {
margin-bottom: 30px;
}
.angebot-modal .modal-content .item-details {
margin: 30px 0;
}
.angebot-modal .close-modal {
position: absolute;
z-index: 99;
width: 75px;
height: 75px;
background-color: transparent;
top: 25px;
right: 25px;
cursor: pointer;
-webkit-transition: all 0.35s linear;
transition: all 0.35s linear;
}
.angebot-modal .close-modal:hover {
opacity: 0.3;
}
.angebot-modal .close-modal .lr {
height: 75px;
width: 1px;
margin-left: 35px;
background-color: #121e2e;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
/* IE 9 */
-webkit-transform: rotate(45deg);
/* Safari and Chrome */
z-index: 1051;
}
.angebot-modal .close-modal .lr .rl {
height: 75px;
width: 1px;
background-color: #121e2e;
transform: rotate(90deg);
-ms-transform: rotate(90deg);
/* IE 9 */
-webkit-transform: rotate(90deg);
/* Safari and Chrome */
z-index: 1052;
}
.angebot-modal .modal-backdrop {
opacity: 0;
display: none;
}
/* --------------------------------
Primary style
-------------------------------- */
body.overflow-hidden {
/* when primary navigation is visible, the content in the background won't scroll */
overflow: hidden;
}
/* --------------------------------
Main components
-------------------------------- */
html,
body {
height: 100%;
}
.cd-header {
position: relative;
line-height: 65px;
height: 65px;
z-index: 3;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: background .25s linear;
transition: background .25s linear;
}
.menu-is-open.cd-header,
.affix .cd-header {
background: #fff;
}
/* .menu-is-open.cd-header {
box-shadow: 0 0 0 3px fade(@theme-primary, 60%);
} */
/*
@media only screen and (min-width: 1170px) {
.cd-header {
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cd-header.is-fixed {
position: fixed;
top: -50px;
background-color: @theme-success;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cd-header.is-visible {
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
-o-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.cd-header.menu-is-open {
background-color: @theme-success;
}
}
*/
.cd-logo {
display: block;
position: absolute;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: .875em;
}
.cd-logo img {
display: block;
}
.cd-secondary-nav {
position: absolute;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 10em;
/* hidden on small devices */
display: none;
}
.cd-secondary-nav li {
display: inline-block;
margin-left: 2.2em;
}
.cd-secondary-nav a {
display: inline-block;
color: white;
text-transform: uppercase;
font-weight: 700;
}
.cd-primary-nav-trigger,
.is-fixed .cd-primary-nav-trigger {
position: absolute;
z-index: 444;
right: -5px;
top: 5px;
height: 56px;
width: 60px;
display: block;
line-height: 56px;
}
/*
.cd-primary-nav-trigger:before {
content: "Menü";
display: block;
font-size: 2.15em;
position: absolute;
left: -52px;
text-transform: uppercase;
color: #fff !important;
top: 1px;
font-weight: 600;
}
.menu-is-open .cd-primary-nav-trigger:before {
color: @theme-success !important;
}
*/
.is-fixed .cd-primary-nav-trigger {
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.is-fixed.cd-header {
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.is-fixed .nav img.logo-top {
-webkit-transition: max-height 0.2s linear;
transition: max-height 0.2s linear;
}
.cd-primary-nav-trigger .cd-menu-text {
color: white;
text-transform: uppercase;
font-weight: 700;
/* hide the text on small devices */
display: none;
}
.cd-primary-nav-trigger .cd-menu-icon {
/* this span is the central line of the menu icon */
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-tra1nsform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 2.85em;
height: 2px;
background: #fff;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
/* these are the upper and lower lines in the menu icon */
}
.cd-primary-nav-trigger .cd-menu-icon::before,
.cd-primary-nav-trigger .cd-menu-icon:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
background: #fff;
right: 0;
-webkit-transition: -webkit-transform 0.3s, top 0.3s, background-color 0s;
-webkit-transition: top 0.3s, background-color 0s, -webkit-transform 0.3s;
transition: top 0.3s, background-color 0s, -webkit-transform 0.3s;
transition: transform 0.3s, top 0.3s, background-color 0s;
transition: transform 0.3s, top 0.3s, background-color 0s, -webkit-transform 0.3s;
}
.cd-primary-nav-trigger .cd-menu-icon::before {
top: -8px;
}
.cd-primary-nav-trigger .cd-menu-icon::after {
top: 8px;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked {
background-color: rgba(255, 255, 255, 0);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before,
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
background: #fff;
}
.affix .cd-primary-nav-trigger .cd-menu-icon,
.affix .cd-primary-nav-trigger .cd-menu-icon::before,
.affix .cd-primary-nav-trigger .cd-menu-icon:after {
background: #11abad;
}
.menu-is-open .cd-primary-nav-trigger .cd-menu-icon::before,
.menu-is-open .cd-primary-nav-trigger .cd-menu-icon:after {
background: #11abad;
}
.affix .cd-primary-nav-trigger .cd-menu-icon.is-clicked,
.affix .cd-primary-nav-trigger .cd-menu-icon.is-clicked::before,
.affix .cd-primary-nav-trigger .cd-menu-icon.is-clicked:after {
background: #11abad;
}
.affix .cd-primary-nav-trigger .cd-menu-icon.is-clicked {
background: transparent;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {
top: 0;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
top: 0;
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
.cd-primary-nav {
/* by default it's hidden - on top of the viewport */
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: #11abad;
z-index: 2;
text-align: center;
padding: 50px 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: auto;
/* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
-webkit-overflow-scrolling: touch;
visibility: hidden;
opacity: 0;
-webkit-transform: scale(2);
-webkit-transition: all .35s ease;
transition: all .35s ease;
}
.cd-primary-nav {
-webkit-transition: all .45s ease;
transition: all .45s ease;
}
.cd-primary-nav.is-visible {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.cd-primary-nav li {
padding: 0;
margin: 0;
list-style-type: none;
font-size: 22px;
font-size: 1.375rem;
font-weight: 300;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: .2em 0;
text-transform: capitalize;
}
.cd-primary-nav a {
display: block;
padding: .2em 1em;
-webkit-transition: background 0.2s;
transition: background 0.2s;
color: #fff;
font-size: 1em;
text-transform: uppercase;
text-decoration: none;
}
.cd-primary-nav a.impressum {
font-size: 0.65em;
}
.cd-primary-nav a:focus,
.cd-primary-nav a:active,
.cd-primary-nav a.active {
color: #fff;
text-decoration: none;
}
.cd-primary-nav ul {
padding: 0px;
margin: 0;
margin-top: 50px;
list-style-type: none;
}
.footer-social {
margin-top: 30px !important;
}
@media (min-width: 768px) {
.cd-primary-nav a {
padding: .2em 1em;
font-size: 1.15em;
}
.cd-primary-nav a.impressum {
font-size: 0.75em;
}
.cd-primary-nav ul {
margin-top: 60px;
}
.footer-social {
margin-top: 50px !important;
}
}
.no-touch .cd-primary-nav a {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.no-touch .logo-top:hover,
.no-touch .cd-primary-nav a:hover {
color: #fff;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: 0.5;
}
.no-touch .cd-primary-nav .page-scroll a:hover {
padding-left: 5px;
color: #fff;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: 0.5;
}
.cd-primary-nav .cd-label {
color: #06446e;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
font-size: 0.875rem;
margin: 2.4em 0 .8em;
}
.cd-primary-nav .cd-social {
display: inline-block;
margin: 0 .4em;
}
.cd-primary-nav .cd-social a {
width: 44px;
height: 44px;
padding: 0;
background-image: url("../img/cd-socials.svg");
background-repeat: no-repeat;
/* image replacement */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
.cd-primary-nav .cd-facebook a {
background-position: 0 0;
}
.cd-primary-nav .cd-instagram a {
background-position: -44px 0;
}
.cd-primary-nav .cd-dribbble a {
background-position: -88px 0;
}
.cd-primary-nav .cd-twitter a {
background-position: -132px 0;
}
.cd-primary-nav.is-visible {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
-ms-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
-ms-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
-ms-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.container-inhalt-mitte {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
/*
-----------------------------------------------------------------------------------------------
VIEWPORTS / �BERSICHT
"pt": 0 -> 320
"qf": 321 -> 480
"tb": 481 -> 768 !! ANSTATT "xs" !!
"sm": 769 -> 991
"md": 992 -> 1199
"lg": >= 1200
DESKTOP [lg] >= 1200px
DESKTOP [md] 992 -> 1199px
DESKTOP [sm] 769 -> 991px
TABLET [tb] 481 -> 768px
PHONE [qf] 321 -> 480px
PHONE [pt] 0 -> 320px
-----------------------------------------------------------------------------------------------
*/
/*
-----------------------------------------------------------------------------------------------
DEBUG
-----------------------------------------------------------------------------------------------
*/
/* Fiacco Mediaqueries f�r auto-debug im Chrom */
.debug.visible-pt,
.debug.visible-qf,
.debug.visible-tb,
.debug.visible-sm,
.debug.visible-md,
.debug.visible-lg {
position: fixed;
top: 0;
left: 0;
z-index: 99999;
padding: 10px;
color: #eee;
font-family: monospace;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
display: none !important;
}
@media (max-width: 320px) {
.debug.visible-pt {
background: rgba(150, 150, 60, 0.85);
display: block !important;
}
}
@media (min-width: 321px) and (max-width: 480px) {
.debug.visible-qf {
background: rgba(150, 105, 60, 0.85);
display: block !important;
}
}
@media (min-width: 481px) and (max-width: 767px) {
.debug.visible-tb {
background: rgba(60, 150, 60, 0.85);
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.debug.visible-sm {
background: rgba(60, 150, 120, 0.85);
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.debug.visible-md {
background: rgba(60, 120, 150, 0.85);
display: block !important;
}
}
@media (min-width: 1200px) {
.debug.visible-lg {
background: rgba(60, 60, 150, 0.85);
display: block !important;
}
}
/*
-----------------------------------------------------------------------------------------------
DEFAULTS
-----------------------------------------------------------------------------------------------
*/
[class*="col-"] {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.visible-pt-block,
.visible-pt-inline,
.visible-pt-inline-block,
.visible-qf-block,
.visible-qf-inline,
.visible-qf-inline-block,
.visible-tb-block,
.visible-tb-inline,
.visible-tb-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
.visible-pt,
.visible-qf,
.visible-tb,
.visible-sm,
.visible-md,
.visible-lg {
display: none;
}
/* 9.4.2015 ge�ndert von max-width: 767px */
@media (max-width: 320px) {
.visible-pt {
display: block !important;
}
table.visible-pt {
display: table;
}
tr.visible-pt {
display: table-row !important;
}
th.visible-pt,
td.visible-pt {
display: table-cell !important;
}
.visible-pt-block {
display: block !important;
}
.visible-pt-inline {
display: inline !important;
}
.visible-pt-inline-block {
display: inline-block !important;
}
.hidden-pt {
display: none !important;
}
}
@media (min-width: 321px) and (max-width: 480px) {
.visible-qf {
display: block !important;
}
table.visible-qf {
display: table;
}
tr.visible-qf {
display: table-row !important;
}
th.visible-qf,
td.visible-qf {
display: table-cell !important;
}
.visible-qf-block {
display: block !important;
}
.visible-qf-inline {
display: inline !important;
}
.visible-qf-inline-block {
display: inline-block !important;
}
.hidden-qf {
display: none !important;
}
}
@media (min-width: 481px) and (max-width: 767px) {
.visible-tb {
display: block !important;
}
table.visible-tb {
display: table;
}
tr.visible-tb {
display: table-row !important;
}
th.visible-tb,
td.visible-tb {
display: table-cell !important;
}
.visible-tb-block {
display: block !important;
}
.visible-tb-inline {
display: inline !important;
}
.visible-tb-inline-block {
display: inline-block !important;
}
.hidden-tb {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
.visible-sm-block {
display: block !important;
}
.visible-sm-inline {
display: inline !important;
}
.visible-sm-inline-block {
display: inline-block !important;
}
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
.visible-md-block {
display: block !important;
}
.visible-md-inline {
display: inline !important;
}
.visible-md-inline-block {
display: inline-block !important;
}
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
.visible-lg-block {
display: block !important;
}
.visible-lg-inline {
display: inline !important;
}
.visible-lg-inline-block {
display: inline-block !important;
}
.hidden-lg {
display: none !important;
}
}
/*
-----------------------------------------------------------------------------------------------
Viewport: "pt" / 0 -> 320px
-----------------------------------------------------------------------------------------------
*/
/*
#@media (max-width: 320px) {
*/
.col-pt-1,
.col-pt-2,
.col-pt-3,
.col-pt-4,
.col-pt-5,
.col-pt-6,
.col-pt-7,
.col-pt-8,
.col-pt-9,
.col-pt-10,
.col-pt-11,
.col-pt-12 {
float: left;
}
.col-pt-12 {
width: 100%;
}
.col-pt-11 {
width: 91.66666667%;
}
.col-pt-10 {
width: 83.33333333%;
}
.col-pt-9 {
width: 75%;
}
.col-pt-8 {
width: 66.66666667%;
}
.col-pt-7 {
width: 58.33333333%;
}
.col-pt-6 {
width: 50%;
}
.col-pt-5 {
width: 41.66666667%;
}
.col-pt-4 {
width: 33.33333333%;
}
.col-pt-3 {
width: 25%;
}
.col-pt-2 {
width: 16.66666667%;
}
.col-pt-1 {
width: 8.33333333%;
}
.col-pt-pull-12 {
right: 100%;
}
.col-pt-pull-11 {
right: 91.66666667%;
}
.col-pt-pull-10 {
right: 83.33333333%;
}
.col-pt-pull-9 {
right: 75%;
}
.col-pt-pull-8 {
right: 66.66666667%;
}
.col-pt-pull-7 {
right: 58.33333333%;
}
.col-pt-pull-6 {
right: 50%;
}
.col-pt-pull-5 {
right: 41.66666667%;
}
.col-pt-pull-4 {
right: 33.33333333%;
}
.col-pt-pull-3 {
right: 25%;
}
.col-pt-pull-2 {
right: 16.66666667%;
}
.col-pt-pull-1 {
right: 8.33333333%;
}
.col-pt-pull-0 {
right: auto;
}
.col-pt-push-12 {
left: 100%;
}
.col-pt-push-11 {
left: 91.66666667%;
}
.col-pt-push-10 {
left: 83.33333333%;
}
.col-pt-push-9 {
left: 75%;
}
.col-pt-push-8 {
left: 66.66666667%;
}
.col-pt-push-7 {
left: 58.33333333%;
}
.col-pt-push-6 {
left: 50%;
}
.col-pt-push-5 {
left: 41.66666667%;
}
.col-pt-push-4 {
left: 33.33333333%;
}
.col-pt-push-3 {
left: 25%;
}
.col-pt-push-2 {
left: 16.66666667%;
}
.col-pt-push-1 {
left: 8.33333333%;
}
.col-pt-push-0 {
left: auto;
}
.col-pt-offset-12 {
margin-left: 100%;
}
.col-pt-offset-11 {
margin-left: 91.66666667%;
}
.col-pt-offset-10 {
margin-left: 83.33333333%;
}
.col-pt-offset-9 {
margin-left: 75%;
}
.col-pt-offset-8 {
margin-left: 66.66666667%;
}
.col-pt-offset-7 {
margin-left: 58.33333333%;
}
.col-pt-offset-6 {
margin-left: 50%;
}
.col-pt-offset-5 {
margin-left: 41.66666667%;
}
.col-pt-offset-4 {
margin-left: 33.33333333%;
}
.col-pt-offset-3 {
margin-left: 25%;
}
.col-pt-offset-2 {
margin-left: 16.66666667%;
}
.col-pt-offset-1 {
margin-left: 8.33333333%;
}
.col-pt-offset-0 {
margin-left: 0;
}
/*
}
/*
-----------------------------------------------------------------------------------------------
Viewport: "qf" / 321 -> 480px
-----------------------------------------------------------------------------------------------
*/
/* @media (min-width: 321px) and (max-width: 480px) { */
@media (min-width: 321px) {
.col-qf-1,
.col-qf-2,
.col-qf-3,
.col-qf-4,
.col-qf-5,
.col-qf-6,
.col-qf-7,
.col-qf-8,
.col-qf-9,
.col-qf-10,
.col-qf-11,
.col-qf-12 {
float: left;
}
.col-qf-12 {
width: 100%;
}
.col-qf-11 {
width: 91.66666667%;
}
.col-qf-10 {
width: 83.33333333%;
}
.col-qf-9 {
width: 75%;
}
.col-qf-8 {
width: 66.66666667%;
}
.col-qf-7 {
width: 58.33333333%;
}
.col-qf-6 {
width: 50%;
}
.col-qf-5 {
width: 41.66666667%;
}
.col-qf-4 {
width: 33.33333333%;
}
.col-qf-3 {
width: 25%;
}
.col-qf-2 {
width: 16.66666667%;
}
.col-qf-1 {
width: 8.33333333%;
}
.col-qf-pull-12 {
right: 100%;
}
.col-qf-pull-11 {
right: 91.66666667%;
}
.col-qf-pull-10 {
right: 83.33333333%;
}
.col-qf-pull-9 {
right: 75%;
}
.col-qf-pull-8 {
right: 66.66666667%;
}
.col-qf-pull-7 {
right: 58.33333333%;
}
.col-qf-pull-6 {
right: 50%;
}
.col-qf-pull-5 {
right: 41.66666667%;
}
.col-qf-pull-4 {
right: 33.33333333%;
}
.col-qf-pull-3 {
right: 25%;
}
.col-qf-pull-2 {
right: 16.66666667%;
}
.col-qf-pull-1 {
right: 8.33333333%;
}
.col-qf-pull-0 {
right: auto;
}
.col-qf-push-12 {
left: 100%;
}
.col-qf-push-11 {
left: 91.66666667%;
}
.col-qf-push-10 {
left: 83.33333333%;
}
.col-qf-push-9 {
left: 75%;
}
.col-qf-push-8 {
left: 66.66666667%;
}
.col-qf-push-7 {
left: 58.33333333%;
}
.col-qf-push-6 {
left: 50%;
}
.col-qf-push-5 {
left: 41.66666667%;
}
.col-qf-push-4 {
left: 33.33333333%;
}
.col-qf-push-3 {
left: 25%;
}
.col-qf-push-2 {
left: 16.66666667%;
}
.col-qf-push-1 {
left: 8.33333333%;
}
.col-qf-push-0 {
left: auto;
}
.col-qf-offset-12 {
margin-left: 100%;
}
.col-qf-offset-11 {
margin-left: 91.66666667%;
}
.col-qf-offset-10 {
margin-left: 83.33333333%;
}
.col-qf-offset-9 {
margin-left: 75%;
}
.col-qf-offset-8 {
margin-left: 66.66666667%;
}
.col-qf-offset-7 {
margin-left: 58.33333333%;
}
.col-qf-offset-6 {
margin-left: 50%;
}
.col-qf-offset-5 {
margin-left: 41.66666667%;
}
.col-qf-offset-4 {
margin-left: 33.33333333%;
}
.col-qf-offset-3 {
margin-left: 25%;
}
.col-qf-offset-2 {
margin-left: 16.66666667%;
}
.col-qf-offset-1 {
margin-left: 8.33333333%;
}
.col-qf-offset-0 {
margin-left: 0;
}
}
/*
-----------------------------------------------------------------------------------------------
Viewport: "tb" / 481 -> 767px
-----------------------------------------------------------------------------------------------
*/
@media (min-width: 600px) {
.col-tb-1,
.col-tb-2,
.col-tb-3,
.col-tb-4,
.col-tb-5,
.col-tb-6,
.col-tb-7,
.col-tb-8,
.col-tb-9,
.col-tb-10,
.col-tb-11,
.col-tb-12 {
float: left;
}
.col-tb-12 {
width: 100%;
}
.col-tb-11 {
width: 91.66666667%;
}
.col-tb-10 {
width: 83.33333333%;
}
.col-tb-9 {
width: 75%;
}
.col-tb-8 {
width: 66.66666667%;
}
.col-tb-7 {
width: 58.33333333%;
}
.col-tb-6 {
width: 50%;
}
.col-tb-5 {
width: 41.66666667%;
}
.col-tb-4 {
width: 33.33333333%;
}
.col-tb-3 {
width: 25%;
}
.col-tb-2 {
width: 16.66666667%;
}
.col-tb-1 {
width: 8.33333333%;
}
.col-tb-pull-12 {
right: 100%;
}
.col-tb-pull-11 {
right: 91.66666667%;
}
.col-tb-pull-10 {
right: 83.33333333%;
}
.col-tb-pull-9 {
right: 75%;
}
.col-tb-pull-8 {
right: 66.66666667%;
}
.col-tb-pull-7 {
right: 58.33333333%;
}
.col-tb-pull-6 {
right: 50%;
}
.col-tb-pull-5 {
right: 41.66666667%;
}
.col-tb-pull-4 {
right: 33.33333333%;
}
.col-tb-pull-3 {
right: 25%;
}
.col-tb-pull-2 {
right: 16.66666667%;
}
.col-tb-pull-1 {
right: 8.33333333%;
}
.col-tb-pull-0 {
right: auto;
}
.col-tb-push-12 {
left: 100%;
}
.col-tb-push-11 {
left: 91.66666667%;
}
.col-tb-push-10 {
left: 83.33333333%;
}
.col-tb-push-9 {
left: 75%;
}
.col-tb-push-8 {
left: 66.66666667%;
}
.col-tb-push-7 {
left: 58.33333333%;
}
.col-tb-push-6 {
left: 50%;
}
.col-tb-push-5 {
left: 41.66666667%;
}
.col-tb-push-4 {
left: 33.33333333%;
}
.col-tb-push-3 {
left: 25%;
}
.col-tb-push-2 {
left: 16.66666667%;
}
.col-tb-push-1 {
left: 8.33333333%;
}
.col-tb-push-0 {
left: auto;
}
.col-tb-offset-12 {
margin-left: 100%;
}
.col-tb-offset-11 {
margin-left: 91.66666667%;
}
.col-tb-offset-10 {
margin-left: 83.33333333%;
}
.col-tb-offset-9 {
margin-left: 75%;
}
.col-tb-offset-8 {
margin-left: 66.66666667%;
}
.col-tb-offset-7 {
margin-left: 58.33333333%;
}
.col-tb-offset-6 {
margin-left: 50%;
}
.col-tb-offset-5 {
margin-left: 41.66666667%;
}
.col-tb-offset-4 {
margin-left: 33.33333333%;
}
.col-tb-offset-3 {
margin-left: 25%;
}
.col-tb-offset-2 {
margin-left: 16.66666667%;
}
.col-tb-offset-1 {
margin-left: 8.33333333%;
}
.col-tb-offset-0 {
margin-left: 0;
}
}
/*
11.5.2015 - F�r Ergebnis�bersicht Fiacco
*/
@media (min-width: 590px) {
.col-tvert-1,
.col-tvert-2,
.col-tvert-3,
.col-tvert-4,
.col-tvert-5,
.col-tvert-6,
.col-tvert-7,
.col-tvert-8,
.col-tvert-9,
.col-tvert-10,
.col-tvert-11,
.col-tvert-12 {
float: left;
}
.col-tvert-12 {
width: 100%;
}
.col-tvert-11 {
width: 91.66666667%;
}
.col-tvert-10 {
width: 83.33333333%;
}
.col-tvert-9 {
width: 75%;
}
.col-tvert-8 {
width: 66.66666667%;
}
.col-tvert-7 {
width: 58.33333333%;
}
.col-tvert-6 {
width: 50%;
}
.col-tvert-5 {
width: 41.66666667%;
}
.col-tvert-4 {
width: 33.33333333%;
}
.col-tvert-3 {
width: 25%;
}
.col-tvert-2 {
width: 16.66666667%;
}
.col-tvert-1 {
width: 8.33333333%;
}
.col-tvert-pull-12 {
right: 100%;
}
.col-tvert-pull-11 {
right: 91.66666667%;
}
.col-tvert-pull-10 {
right: 83.33333333%;
}
.col-tvert-pull-9 {
right: 75%;
}
.col-tvert-pull-8 {
right: 66.66666667%;
}
.col-tvert-pull-7 {
right: 58.33333333%;
}
.col-tvert-pull-6 {
right: 50%;
}
.col-tvert-pull-5 {
right: 41.66666667%;
}
.col-tvert-pull-4 {
right: 33.33333333%;
}
.col-tvert-pull-3 {
right: 25%;
}
.col-tvert-pull-2 {
right: 16.66666667%;
}
.col-tvert-pull-1 {
right: 8.33333333%;
}
.col-tvert-pull-0 {
right: auto;
}
.col-tvert-push-12 {
left: 100%;
}
.col-tvert-push-11 {
left: 91.66666667%;
}
.col-tvert-push-10 {
left: 83.33333333%;
}
.col-tvert-push-9 {
left: 75%;
}
.col-tvert-push-8 {
left: 66.66666667%;
}
.col-tvert-push-7 {
left: 58.33333333%;
}
.col-tvert-push-6 {
left: 50%;
}
.col-tvert-push-5 {
left: 41.66666667%;
}
.col-tvert-push-4 {
left: 33.33333333%;
}
.col-tvert-push-3 {
left: 25%;
}
.col-tvert-push-2 {
left: 16.66666667%;
}
.col-tvert-push-1 {
left: 8.33333333%;
}
.col-tvert-push-0 {
left: auto;
}
.col-tvert-offset-12 {
margin-left: 100%;
}
.col-tvert-offset-11 {
margin-left: 91.66666667%;
}
.col-tvert-offset-10 {
margin-left: 83.33333333%;
}
.col-tvert-offset-9 {
margin-left: 75%;
}
.col-tvert-offset-8 {
margin-left: 66.66666667%;
}
.col-tvert-offset-7 {
margin-left: 58.33333333%;
}
.col-tvert-offset-6 {
margin-left: 50%;
}
.col-tvert-offset-5 {
margin-left: 41.66666667%;
}
.col-tvert-offset-4 {
margin-left: 33.33333333%;
}
.col-tvert-offset-3 {
margin-left: 25%;
}
.col-tvert-offset-2 {
margin-left: 16.66666667%;
}
.col-tvert-offset-1 {
margin-left: 8.33333333%;
}
.col-tvert-offset-0 {
margin-left: 0;
}
}
@media (min-width: 768px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0;
}
}
@media (min-width: 992px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0;
}
}
@media (min-width: 1200px) {
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0;
}
}
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on October 13, 2016 */
@font-face {
font-family: 'league_gothicregular';
src: url('../fonts/league-gothic/leaguegothic-regular-webfont.eot');
src: url('../fonts/league-gothic/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/league-gothic/leaguegothic-regular-webfont.woff2') format('woff2'), url('../fonts/league-gothic/leaguegothic-regular-webfont.woff') format('woff'), url('../fonts/league-gothic/leaguegothic-regular-webfont.ttf') format('truetype'), url('../fonts/league-gothic/eaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'cairoregular';
src: url('../fonts/cairo/cairo-regular-webfont.eot');
src: url('../fonts/cairo/cairo-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/cairo/cairo-regular-webfont.woff2') format('woff2'), url('../fonts/cairo/cairo-regular-webfont.woff') format('woff'), url('../fonts/cairo/cairo-regular-webfont.ttf') format('truetype'), url('../fonts/cairo/cairo-regular-webfont.svg#cairoregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'cairolight';
src: url('../fonts/cairo/cairo-light-webfont.eot');
src: url('../fonts/cairo/cairo-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/cairo/cairo-light-webfont.woff2') format('woff2'), url('../fonts/cairo/cairo-light-webfont.woff') format('woff'), url('../fonts/cairo/cairo-light-webfont.ttf') format('truetype'), url('../fonts/cairo/cairo-light-webfont.svg#cairoregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'cairosemibold';
src: url('../fonts/cairo/cairo-semibold-webfont.eot');
src: url('../fonts/cairo/cairo-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/cairo/cairo-semibold-webfont.woff2') format('woff2'), url('../fonts/cairo/cairo-semibold-webfont.woff') format('woff'), url('../fonts/cairo/cairo-semibold-webfont.ttf') format('truetype'), url('../fonts/cairo/cairo-semibold-webfont.svg#cairosemibold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'cairobold';
src: url('../fonts/cairo/cairo-bold-webfont.eot');
src: url('../fonts/cairo/cairo-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/cairo/cairo-bold-webfont.woff2') format('woff2'), url('../fonts/cairo/cairo-bold-webfont.woff') format('woff'), url('../fonts/cairo/cairo-bold-webfont.ttf') format('truetype'), url('../fonts/cairo/cairo-bold-webfont.svg#cairobold') format('svg');
font-weight: normal;
font-style: normal;
}
/* The ribbons */
.corner-ribbon {
width: 280px;
background: #e43;
position: absolute;
top: 45px;
left: -60px;
text-align: center;
line-height: 45px;
letter-spacing: 1px;
color: #f0f0f0;
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
/* Custom styles */
.corner-ribbon.sticky {
position: fixed;
z-index: 1050;
}
.corner-ribbon.shadow {
box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.6);
}
/* Different positions */
.corner-ribbon.top-left {
top: 25px;
left: -50px;
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.corner-ribbon.top-right {
top: 48px;
right: -70px;
left: auto;
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.corner-ribbon.bottom-left {
top: auto;
bottom: 25px;
left: -50px;
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.corner-ribbon.bottom-right {
top: auto;
right: -50px;
bottom: 25px;
left: auto;
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
/* Colors */
.corner-ribbon.white {
background: #f0f0f0;
color: #555;
}
.corner-ribbon.black {
background: #333;
}
.corner-ribbon.grey {
background: #999;
}
.corner-ribbon.blue {
background: #39d;
}
.corner-ribbon.green {
background: #2c7;
}
.corner-ribbon.turquoise {
background: #1b9;
}
.corner-ribbon.purple {
background: #95b;
}
.corner-ribbon.red {
background: #ff0000;
}
.corner-ribbon.orange {
background: #e82;
}
.corner-ribbon.yellow {
background: #ec0;
}
.corner-ribbon.rd {
background: #36b3b3;
}
.corner-ribbon strong {
color: #fff;
font-family: cairosemibold;
}
/* Preloader */
/* http://loading.io/ */
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #11abad;
z-index: 99999;
}
.no-js #preloader {
display: none;
}
#status {
width: 200px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
background-image: url(../img/ring-blau.gif);
background-repeat: no-repeat;
background-position: center;
margin: -100px 0 0 -100px;
}
html {
font-size: 100.01%;
}
body {
color: #595959;
font-family: cairoregular;
font-size: 48.5%;
line-height: 1.3;
background: #f0f0f0;
}
@media (min-width: 768px) {
body {
font-size: 55%;
line-height: 1.4;
}
}
@media (min-width: 992px) {
body {
font-size: 62.5%;
line-height: 1.5;
}
}
h1,
h2,
h3,
h4,
h5,
h6,
header .intro-text .name {
font-family: cairobold;
}
h2,
h3,
h4,
h5,
h6 {
color: #11abad;
font-family: cairolight;
text-transform: none;
}
.success h2,
.success h3,
.success h4,
.success h5,
.success h6 {
color: #fff;
}
.success .modal-body h2,
.modal-body .success h3,
.modal-body .success h4,
.modal-body.success h5,
.modal-body .success h6 {
color: #11abad;
}
html h2 {
font-size: 4.5em;
/* text-shadow: 3px 3px 0 @gray; */
font-family: cairolight;
text-transform: uppercase;
margin-top: 0;
}
@media (min-width: 481px) {
html h2 {
font-size: 5.25em;
}
}
html .success ul {
/* text-shadow: 4px 4px 0 @theme-primary; */
}
html h3 {
font-size: 3.65em;
color: #8c8c8c;
text-transform: none;
margin: 0 0 5px 0;
letter-spacing: 0.005em;
text-align: center;
}
html footer h3 {
font-family: cairoregular;
font-size: 2.2em;
color: #fff;
text-align: left;
}
p {
font-size: 2.2em;
text-align: justify;
line-height: 1.5;
}
@media (min-width: 768px) {
p {
font-size: 2.2em;
}
}
.oldie p,
ie9 p {
text-align: left;
}
h2,
h3,
h4,
a {
/* These are technically the same, but use both */
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
/* This is the dangerous one in WebKit, as it breaks things wherever */
/* word-break: break-all; */
/* Instead use this non-standard one: */
word-break: break-word;
/* Adds a hyphen where the word breaks, if supported (No Blink) */
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
* {
/* Adds a hyphen where the word breaks, if supported (No Blink) */
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
.text-center p {
text-align: center;
}
.navbar-custom {
font-family: cairoregular;
}
.navbar-custom .navbar-brand {
font-family: cairobold;
}
/*
h2.aktion {
font-family: league_gothicregular;
font-size: 18em;
letter-spacing: 0.05em;
text-shadow: 10px 14px 0 @theme-primary;
}
*/
.container {
width: 96%;
max-width: 1200px;
position: relative;
}
@media (min-width: 481px) {
.container {
width: 92%;
}
}
@media (min-width: 768px) {
.container {
width: 96%;
}
}
@media (min-width: 992px) {
.container {
max-width: 1200px;
width: 96%;
}
}
a,
a:hover,
a:focus,
a:active,
a.active {
color: #36b3b3;
}
@media (min-width: 768px) {
header .container {
padding-top: 125px;
padding-bottom: 50px;
}
}
.navbar {
margin-bottom: 0;
}
.navbar-custom {
background: transparent;
-webkit-transition: all 0.25s linear;
transition: all 0.25s linear;
}
/* .navbar-custom.affix {
background: @theme-success;
}
.navbar-custom.affix .navbar-brand,
.navbar-custom.affix .navbar-nav li a {
color: #fff;
}
.navbar-custom.affix .navbar-brand {
color: #fff;;
}
.navbar-custom .navbar-brand,
.navbar-custom .navbar-nav li a {
transition: all 0.3s;
}
.navbar-custom.affix .navbar-nav li.active a {
color: #fff;
background: @theme-dark;
} */
.navbar-custom.affix {
background: #fff;
}
.navbar-custom .navbar-nav li a {
color: #fff;
display: inline-block;
*display: inline;
*zoom: 1;
}
.navbar-custom.affix .navbar-brand,
.navbar-custom.affix .navbar-nav li a {
color: #11abad;
}
.navbar-custom.affix .navbar-brand {
color: #11abad;
}
.navbar-custom .navbar-brand,
.navbar-custom .navbar-nav li a {
-webkit-transition: all 0.35s;
transition: all 0.35s;
text-transform: uppercase;
font-family: cairoregular;
}
.navbar-custom .navbar-nav .logo a {
font-family: cairobold;
}
.navbar-custom.affix .navbar-nav li.active a,
.navbar-custom.affix .navbar-nav li a:hover {
color: #fff;
background: #11abad;
}
.navbar-custom.affix .navbar-nav li.logo.active a,
.navbar-custom.affix .navbar-nav li.logo a:hover {
color: #11abad;
background: transparent;
}
.device-nav-outer .logo {
-webkit-transition: all .35s ease;
transition: all .35s ease;
display: block;
margin-left: 0;
position: relative;
left: 0;
}
@media (min-width: 480px) {
.device-nav-outer .menu-is-open .logo {
left: 50%;
margin-left: -130px;
}
}
html #device-nav .cd-header.menu-is-open img.logo-top {
display: block;
}
.device-nav-outer .logo a {
font-family: cairobold;
color: #fff;
font-size: 3.35em;
padding: 0;
vertical-align: middle;
line-height: 1;
display: inline-block;
text-decoration: none !important;
}
.device-nav-outer .menu-is-open.cd-header .logo a,
.affix.device-nav-outer .logo a,
.device-nav-outer .meni-is-open.logo a {
color: #11abad;
}
header {
background: url("../img/hero-cover.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
section.success,
hr.star-light:after {
background: #11abad;
}
#progress-cont {
display: none;
height: 3px;
position: fixed;
z-index: 33;
width: 100%;
top: 65px;
left: 0;
background: #8c8c8c;
}
/* @media (min-width:768px) {
#progress-cont {
top: 101px;
}
} */
#progress-bar {
height: 100%;
background: #11abad;
}
#angebot {
background: #fff;
}
#ueber-mich {
background: #f7f7f7;
}
#angebot .angebot-item .angebot-link {
max-width: none;
}
/* #angebot h3 {
font-family: cairoregular;
} */
#angebot .angebot-inner,
#ueber-mich .outer {
padding: 15px;
border: 1px solid #c9c9c9;
background: #fff;
}
#ueber-mich .row.no-margin {
margin-left: 0;
margin-right: 0;
}
#ueber-mich ul span.sender,
#highlights ul span.sender {
color: rgba(255, 255, 255, 0.6);
font-family: cairolight;
line-height: 1.2;
display: block;
font-size: 0.8em;
}
#highlights ul span.produktion {
color: rgba(255, 255, 255, 0.6);
font-family: cairolight;
line-height: 1.2;
}
#angebot li,
#ueber-mich li {
font-family: cairoregular;
padding: 8px 0 0 0;
margin: 0;
color: #595959;
font-size: 2em;
line-height: 1.4;
}
#angebot li i {
font-size: 0.75em;
margin-top: 2px;
}
@media (min-width: 768px) {
#angebot li i {
font-size: 1em;
margin-top: 0;
}
/* ueber-mich ul span.sender,
#highlights ul span.sender {
display: block;
} */
#angebot li,
#ueber-mich li {
font-family: cairoregular;
margin: 8px 0 0 0;
font-size: 1.9em;
}
}
#ueber-mich li {
font-size: 1.9em;
margin: 12px 0;
}
#angebot li i {
color: #11abad;
}
#angebot h3,
#ueber-mich h3 {
font-size: 3.5em;
text-align: left;
color: #11abad;
}
@media (min-width: 481px) {
#angebot h3,
#ueber-mich h3 {
text-align: left;
}
}
#ueber-mich h3 {
text-align: center;
margin-bottom: 0.5em;
}
.btn-lg {
border-radius: 0;
}
.btn-rd,
.btn-rd:active,
.btn-rd:focus,
.btn-rd:visited {
color: #fff;
background-color: #11abad !important;
border-color: #11abad;
font-weight: 700;
border: solid 2px #11abad;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-radius: 0;
border-width: 3px;
}
.btn-rd:hover {
color: #11abad;
background-color: #fff;
}
.btn-outline {
color: #11abad;
border: solid 2px #11abad;
background: transparent;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-radius: 0;
padding: 6px 14px;
display: inline-block;
*display: inline;
*zoom: 1;
}
.btn-outline:hover {
border: solid 2px #11abad;
color: #fff;
background: #11abad;
}
blockquote {
padding: 10px 20px;
margin: 25px auto 45px;
font-size: 22px;
border-left: 5px solid #c2c2c2;
max-width: 660px;
}
blockquote p {
font-size: 1.7em;
line-height: 1.5;
}
p {
margin: 0 0 35px 0;
}
.rd * {
color: #11abad;
}
.cta {
font-size: 3em;
line-height: normal;
margin: 12px 0 28px 0;
}
.cta i {
margin-left: 25px;
font-size: 1.25em;
}
small {
font-size: 0.9em;
display: block;
margin-top: 6px;
color: #8c8c8c;
font-family: cairoregular;
}
@media (min-width: 768px) {
small {
font-size: 0.75em;
}
}
h1 {
font-size: 5em;
letter-spacing: 0.12em;
margin-top: 30px;
}
h1 small {
font-size: 2.35em;
letter-spacing: 0.2em;
margin-top: 3px;
color: #fff;
display: block;
font-family: cairolight;
}
@media (min-height: 720px) {
h1 {
display: block;
font-size: 7.5em;
letter-spacing: 0.025em;
}
h1 small {
font-size: 0.25em;
letter-spacing: 0.075em;
}
}
@media (min-height: 1000px) {
h1 {
display: block;
font-size: 9em;
letter-spacing: 0.025em;
}
}
.btn-success,
.btn-group-md > .btn,
.btn-md,
.btn-group-lg > .btn,
.btn-lg {
font-size: 2.55em;
padding: 10px 20px;
letter-spacing: 0.015em;
font-family: cairosemibold;
text-transform: uppercase;
display: block;
}
.btn-group-md > .btn,
.btn-md {
font-size: 3.5em;
padding: 8px 12px;
display: block;
background: #fff;
font-family: cairolight;
text-transform: none;
}
@media (min-width: 1200px) {
.btn-group-md > .btn,
.btn-md {
font-family: cairoregular;
}
}
@media (min-width: 481px) {
.btn-group-md > .btn,
.btn-md {
display: inline-block;
*display: inline;
*zoom: 1;
}
}
@media (min-width: 768px) {
.btn-success,
.btn-group-lg > .btn,
.btn-lg {
font-size: 2.8em;
display: inline-block;
}
.btn-group-md > .btn,
.btn-md {
font-size: 2em;
text-transform: uppercase;
}
.btn-group-md > .btn,
.d-tablecell-sm.btn-md {
font-size: 3.5em;
font-family: cairolight;
text-transform: none;
}
}
.maxw {
max-width: 770px;
margin-left: auto;
margin-right: auto;
}
hr.maxw {
border-color: rgba(255, 255, 255, 0.6);
margin-bottom: 15px;
max-width: 125px;
}
html .mt-sm {
1margin-top: 15px;
}
html .mt {
margin-top: 30px;
}
html .mt-md {
margin-top: 45px;
}
hr.star-light,
hr.star-lighter,
hr.star-primary {
padding: 0;
border: none;
border-top: solid 3px;
text-align: center;
max-width: 770px;
margin: 20px auto 40px 0;
}
@media (min-width: 768px) {
hr.star-light,
hr.star-lighter,
hr.star-primary {
margin: 20px auto 70px 0;
}
}
hr.star-light:after,
hr.star-lighter:after,
hr.star-primary:after {
content: "\e044";
font-family: 'Glyphicons Halflings';
display: inline-block;
position: relative;
top: -0.8em;
font-size: 2em;
padding: 0 0.25em;
font-size: 3.25em;
}
hr.star-primary {
border-color: #fff;
/* box-shadow: 0px 3px 0px 0 @theme-primary; */
}
hr.star-primary:after {
color: rgba(255, 255, 255, 0.25);
background: #11abad;
/* text-shadow: 4px 1px 0 @theme-primary; */
}
hr.star-light,
hr.star-lighter {
border-color: #8c8c8c;
/* box-shadow: 3px 5px 0px 0 @theme-success; */
}
hr.star-light:after {
color: #d9d9d9;
background: #f7f7f7;
/* text-shadow: 3px 2px 0 @theme-success; */
}
hr.star-lighter:after {
color: #d9d9d9;
background: #fff;
/* text-shadow: 3px 2px 0 @theme-success; */
}
.modal hr.star-light:after,
#kontakt hr.star-light:after {
color: #d9d9d9;
background: #fff;
/* text-shadow: 3px 2px 0 @theme-success; */
}
.modal hr {
display: none;
}
.angebot-modal .modal-content h2 {
font-family: cairolight;
text-transform: none;
margin-bottom: 25px;
font-size: 5em;
/* color: @gray-light; */
}
html .floating-label-form-group {
border: 1px solid #c9c9c9 !important;
background: #f0f0f0;
margin: 10px 0;
padding-top: 10px;
}
/* .form-control {
height: 22px;
} */
@media (min-width: 768px) {
.form-control {
height: 44px;
}
}
.floating-label-form-group-with-value label {
top: 4px;
color: #11abad;
}
header {
position: relative;
/* display: table-cell;
vertical-align: middle; */
}
.intro-link {
display: inline-block;
*display: inline;
*zoom: 1;
max-width: 500px;
margin: 0 15px;
padding: 0 10px;
opacity: 1;
-webkit-transition: all 0.45s;
transition: all 0.45s;
}
@media (min-width: 768px) {
.intro-link {
margin: 0 30px;
}
}
@media (min-width: 992px) {
.intro-link {
max-width: 860px;
}
}
.intro-link:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.intro.affix,
.intro.affix-top {
position: relative !important;
}
.affix-top .intro-link {
opacity: 1;
-webkit-transition: all 0.35s ease-in;
transition: all 0.35s ease-in;
}
.affix .intro-link {
opacity: 0;
-webkit-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
@media (min-width: 1281px) {
.intro-link {
max-width: 992px;
}
}
.bierdeckel {
display: block;
margin: 0 auto;
-webkit-transition: all 0.45s;
transition: all 0.45s;
/* &:hover {
transform: scale(1.095);
} */
}
.nav img.logo-top {
max-height: 45px;
display: none;
-webkit-transition: all 0.45s;
transition: all 0.45s;
}
.affix .nav img.logo-top {
display: block;
}
@media (min-width: 768px) {
.intro-text {
position: absolute;
bottom: 1%;
width: 100%;
text-align: center;
}
}
section ul,
section li {
list-style-type: none;
padding: 0;
margin: 0;
}
section ul li i {
margin-right: 5px;
}
.highlights-ul i {
color: #fff;
margin: 0 0.2em 0 0;
}
section#highlights {
background: #11abad;
}
section#highlights li {
font-family: cairoregular;
padding: 7px 0;
margin: 7px 0;
color: #fff;
font-size: 2.2em;
}
@media (min-width: 768px) {
section#highlights li {
font-size: 2.2em;
margin: 15px 0;
}
}
section#highlights h4 {
font-family: cairoregular;
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: 1.8em;
margin: 60px auto 0 auto;
padding: 0;
color: rgba(255, 255, 255, 0.6);
}
strong {
font-family: cairosemibold;
font-weight: 400;
color: #FFF;
}
.highlights-ul .top,
.highlights-cta {
padding: 16px 32px;
margin: 0 auto;
color: #11abad;
background: #fff;
font-size: 4.2em;
text-transform: none;
display: block;
letter-spacing: 0.05em;
border: none;
display: inline-block;
}
.highlights-cta {
background: transparent;
font-family: cairolight;
border: 8px solid #fff;
color: #fff;
}
.highlights-ul .top i,
.highlights-cta i {
color: #11abad;
font-size: 1em;
}
.highlights-ul .top strong,
.highlights-cta strong {
color: #11abad;
font-family: cairobold;
}
.highlights-cta strong {
color: #fff;
font-family: cairobold;
}
.highlights-cta p {
font-size: 0.5em;
font-family: cairolight;
letter-spacing: 0.025em;
}
footer .footer-above {
background: #7f7f7f;
}
.intro-text h1 a,
.intro-text h1 a:hover,
.intro-text h1 a:focus,
.intro-text h1 a:active {
text-decoration: none;
color: #fff;
}
.intro-text a i {
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.intro-text a:hover i,
.intro-text a:focus i,
.intro-text a:active i {
text-decoration: none;
color: #fff;
}
.back-to-top {
position: fixed;
bottom: 33px;
right: 50px;
color: #282828;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.back-to-top i.fa-3x {
font-size: 3.5em;
}
.back-to-top:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
color: #282828;
}
.btn-success {
margin-top: 10px;
border-width: 3px;
border-color: #11abad;
}
.navbar-nav {
width: 100%;
text-align: right;
min-height: 1px;
}
@media (min-width: 768px) {
.navbar-right {
float: none !important;
margin-right: 0;
}
}
@media (min-width: 768px) {
.navbar-nav > li > a {
padding-top: 0;
padding-bottom: 0;
}
}
.navbar-nav li {
display: inline-block;
margin: 0 -2px;
float: none;
vertical-align: middle;
line-height: 85px;
height: 85px;
}
.navbar-custom .navbar-nav li a {
display: inline-block;
margin: 0 -2px;
float: none;
padding: 15px;
vertical-align: middle;
}
.navbar-custom .navbar-nav li.logo,
.navbar-custom .navbar-nav li.logo a {
margin: 0 !important;
font-size: 0 !important;
padding: 0 !important;
}
.navbar-nav li a {
font-family: cairoregular;
}
.navbar-nav .logo a {
font-size: 4em;
font-family: cairobold;
letter-spacing: 0em;
}
.navbar-nav li.logo.active a,
.navbar-nav li.logo.active a:hover,
.navbar-nav li.logo.active a:focus,
.navbar-nav li.logo.active a:active {
background: none;
}
.navbar-nav .logo {
float: left;
display: inline-block;
*display: inline;
*zoom: 1;
}
.navbar-nav li a {
font-size: 2em;
}
/*
.navbar-custom.affix {
padding: 25px 0;
}
*/
@media (min-width: 768px) {
.navbar-custom {
padding: 8px 0;
}
}
#desktop-nav {
display: none;
}
/* @media (min-width:768px) {
.device-nav-outer {
display: none;
}
#desktop-nav {
display: block;
}
} */
.device-nav-outer {
position: fixed;
z-index: 77;
padding: 0;
left: 0;
right: 0;
background: transparent;
}
#trigger-overlay {
background: transparent;
border: none;
outline: 0;
position: absolute;
right: 20px;
top: 50%;
margin-top: -15px;
}
.device-nav-outer #trigger-overlay i {
color: #fff;
}
.device-nav-outer .navbar-brand {
color: #fff;
font-size: 2.9em;
float: none;
text-align: left;
padding: 0;
line-height: 60px;
height: 60px;
margin: 0;
font-family: cairobold;
}
.device-nav-outer #device-nav .navbar-brand {
color: #fff;
font-size: 1em;
float: none;
text-align: center;
padding: 0;
line-height: 1;
height: auto;
margin: 0 auto;
font-family: cairobold;
}
.fa-1-5x {
font-size: 1.5em;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 4.5em;
}
.fa-4x {
font-size: 8em;
}
#angebot .angebot-item .angebot-link .caption .caption-content i {
margin-top: 0;
position: absolute;
top: 50%;
margin-top: -42px;
left: 50%;
margin-left: -30px;
}
@media (min-width: 1280px) {
.angebot-modal .close-modal {
position: fixed;
}
}
/* #progress-cont:after {
background: #fff;
content: '';
height: 8px;
display: block;
} */
.success .btn-outline:hover,
.success .btn-outline:focus,
.success .btn-outline:active,
.success .btn-outline.active {
color: #11abad;
}
.success .modal-body p {
text-align: left;
}
.btn-sm.btn-outline {
font-size: 1.8em;
text-transform: uppercase;
}
.btn-sm.btn-outline i {
margin-right: 7px;
}
#highlights .btn-sm.btn-outline {
color: #fff;
background: transparent;
font-size: 2.3em;
text-transform: uppercase;
font-family: cairoregular;
letter-spacing: 0.035em;
}
#highlights .btn-sm.btn-outline:hover {
background: #fff;
color: #11abad;
}
#highlights .btn-sm i {
margin-right: 5px;
}
#highlights a i {
position: relative;
top: 3px;
margin-bottom: 3px;
}
html a,
html a:hover {
text-decoration: none;
}
#ueber-mich a,
#highlights a {
text-decoration: none;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#highlights a {
color: #fff;
}
#highlights a:hover {
text-decoration: none;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
#ueber-mich a:hover {
color: #595959;
}
#ueber-mich a.btn:hover {
color: #11abad;
}
.highlights-cta {
padding: 10px 40px 20px 40px;
border-width: 10px;
}
.btn.btn-success {
background: transparent;
border-color: #fff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
padding: 23px 30px;
}
.btn.btn-success:hover {
background: transparent;
color: #11abad;
}
.preisbox-outer {
display: block;
margin-bottom: 25px;
font-size: .75em;
}
.preisbox-outer .preisbox {
background: #df0000;
padding: 0.7em;
display: inline-block;
}
.preisbox-outer .preisbox .inner {
padding: 1.2em 2em;
border: 0.35em dashed #fff;
}
.streich {
text-decoration: line-through;
font-family: cairolight;
}
/* .streichpreis, */
.neuerpreis,
.frist {
display: block;
}
.streichpreis,
.neuerpreis,
.rabatt,
.frist {
line-height: 1;
font-family: cairolight;
color: #fff;
}
.streichpreis {
font-size: 4.5em;
color: #fff;
font-family: cairoregular;
color: #8c8c8c;
display: inline-block;
margin-bottom: 5px;
text-align: right;
position: relative;
bottom: -0.25em;
right: -0.88em;
}
.streichpreis:before {
position: absolute;
content: "";
left: 0;
top: 47%;
right: 0;
width: 80%;
border-top: 0.06em solid #595959;
-webkit-transform: rotate(-12deg);
-ms-transform: rotate(-12deg);
transform: rotate(-12deg);
}
.neuerpreis {
font-size: 10em;
font-family: cairobold;
margin: 0 auto 0.025em auto;
text-shadow: 6px 6px 0 #d9d9d9;
color: #595959;
letter-spacing: 0.025em;
}
.rabatt {
font-size: 4em;
letter-spacing: 0.05em;
font-family: cairobold;
text-transform: uppercase;
display: block;
}
.frist {
font-size: 2em;
letter-spacing: 0.015em;
margin: 0.75em 0 0 0;
display: block;
color: #8c8c8c;
font-family: cairolight;
}
.eur {
display: inline-block;
margin-left: -0.025em;
}
.plus-gleich {
font-size: 2em;
color: #11abad;
font-family: cairobold;
line-height: 1;
display: inline;
margin: -0.3em 0 -1em 0;
}
.rd.cta {
margin: 0;
}
.fa.fa-navicon {
font-size: 4em;
}
h1,
h2,
h3,
.line-break {
/* These are technically the same, but use both */
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
/* This is the dangerous one in WebKit, as it breaks things wherever */
word-break: break-all;
/* Instead use this non-standard one: */
word-break: break-word;
/* Adds a hyphen where the word breaks, if supported (No Blink) */
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
#angebot .modal img,
#angebot .angebot-item img {
border: 1px solid #c9c9c9;
}
#angebot .angebot-item i {
float: left;
display: inline;
}
#angebot .angebot-item span {
margin-left: 1.15em;
display: block;
}
@media (min-width: 768px) {
#angebot .angebot-item span {
margin-left: 1.5em;
}
}
#kontakt {
background: #fff;
}
.modal-content {
background: #f0f0f0;
}
.intro-content {
color: #8c8c8c;
font-family: cairolight;
}
/* .scroll-icon:hover i {
transform: scale(1.07);
} */
@media (max-width: 480px) {
[class*="col-"] {
float: none;
display: block;
margin: 0 auto;
width: 100%;
}
}
/* .modal .feature {
background: #ccc;
} */
.modal .feature li {
text-align: left;
padding: 6px 0;
margin: 6px 0;
color: #595959;
font-size: 2.5em;
font-family: cairoregular;
}
.modal .feature li i {
color: #11abad;
}
.modal-body h4 {
color: #8c8c8c;
font-family: cairoregular;
text-transform: uppercase;
font-size: 1.45em;
letter-spacing: 0.04em;
margin: 10px auto -3px auto;
}
.modal .btn-rd {
margin-top: 60px;
}
.modal .bildunterschrift {
display: block;
text-align: right;
font-size: 1.1em;
font-family: cairolight;
margin-top: -27px;
margin-bottom: 30px;
color: #8c8c8c;
}
.modal .modal-body {
padding: 0;
}
.caption-content span {
display: block;
line-height: 1.3;
text-transform: uppercase;
}
.caption-content .head {
font-family: cairobold;
font-size: 1.5em;
}
.caption-content .text {
font-family: cairolight;
font-size: 1.1em;
letter-spacing: 0.015em;
}
.caption-content .icon {
color: #ffffff;
font-size: 2.15em;
margin-top: 0;
}
html .marker {
color: #11abad !important;
}
.portrait {
margin: 5px auto 25px auto;
padding: 5px;
background: #d9d9d9;
max-width: 220px;
}
/* @media (min-width:768px) {
.portrait {
float: left;
display: inline;
max-width: 220px;
margin: 5px 25px 25px 0;
}
} */
@media (min-width: 992px) {
.portrait {
float: left;
display: inline;
max-width: 300px;
margin: 5px 25px 45px 0;
}
}
footer p {
font-size: 2.2em;
font-family: cairoregular;
margin: 0 0 20px 0;
}
@media (min-width: 768px) {
footer p {
font-size: 1.8em;
}
}
footer .footer-below p {
font-size: 1.75em;
font-family: cairoregular;
margin: 0;
text-align: center;
}
footer .footer-below ul {
margin-bottom: 20px;
}
@media (min-width: 768px) {
footer .footer-below ul {
margin-bottom: 0;
}
}
footer .footer-below p.copyright {
margin-bottom: 25px;
}
@media (min-width: 768px) {
footer .footer-below p {
font-size: 1.45em;
text-align: left;
}
footer .footer-below p.text-right {
text-align: right;
}
footer .footer-below p.copyright {
margin-bottom: 0;
}
}
footer a {
color: #fff;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
footer a:hover {
color: #fff;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.tab-kontakt {
width: 62px;
display: inline-block;
*display: inline;
*zoom: 1;
}
@media (min-width: 992px) {
.tab-kontakt {
display: inline-block;
*display: inline;
*zoom: 1;
width: 80px;
}
}
.slogan {
text-align: center;
margin-bottom: 25px;
}
@media (min-width: 768px) {
.slogan {
position: absolute;
right: 15px;
bottom: 0;
margin-bottom: 0;
}
}
html .posr {
position: relative;
}
.footer-col.icon img {
margin-top: 30px;
margin-bottom: 20px;
max-height: 215px;
}
@media (min-width: 768px) {
.footer-col.icon {
margin-bottom: 0;
margin-top: 0;
}
.footer-col.icon img {
margin-top: 0;
margin-bottom: 0;
max-height: 240px;
}
}
.adresse * {
text-align: center;
}
@media (min-width: 600px) {
.adresse * {
text-align: left;
}
}
@media (max-width: 767px) {
html .center-inner-tb,
html .center-inner-tb * {
text-align: center;
}
html .center-inner-tb .col-tal * {
text-align: left;
}
html .center-inner-tb .center-col-tb {
float: none !important;
display: inline-block;
*display: inline;
*zoom: 1;
margin: 0 -0.125em;
vertical-align: top;
}
}
@media (min-width: 481px) and (max-width: 1199px) {
html .d-tablecell-sm {
display: table-cell !important;
vertical-align: middle !important;
}
}
#leistungen-kachel,
#leistungen-btn {
display: none;
}
@media (min-width: 600px) and (max-width: 1199px) {
#leistungen-kachel {
display: table !important;
}
}
@media (max-width: 599px) {
#leistungen-btn {
display: block;
}
}
@media (min-width: 1200px) {
#leistungen-btn {
display: block;
}
}
audio {
width: 100%;
max-width: 100%;
margin-top: 5px;
}
iframe {
max-width: 100%;
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
/* ratio 16x9 */
height: 0;
overflow: hidden;
width: 100%;
height: auto;
}
.embed-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ratio 4x3 */
.embed-container.ratio4x3 {
padding-bottom: 75%;
}
.aplayer {
background: #ffffff;
margin: 0 !important;
border-radius: 0 !important;
box-shadow: 0 0 0 1px #ffffff !important;
}
.aplayer * {
font-family: cairoregular !important;
}
.aplayer-title {
color: #11abad;
font-size: 17px !important;
font-family: cairoregular !important;
}
.aplayer .aplayer-info .aplayer-music .aplayer-author {
font-size: 14px !important;
}
.aplayer .aplayer-info .aplayer-music {
margin: 0 0 0px 10px !important;
}
.aplayer .aplayer-played {
background: #595959 !important;
}
.aplayer .aplayer-thumb {
background: #11abad !important;
border-color: #11abad !important;
}
> 10 .aplayer .aplayer-info {
padding: 10px 7px 0 10px !important;
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap {
padding: 7px 0 !important;
}
.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 800px;
margin: 20px auto;
-webkit-font-smoothing: antialiased;
}
.no-js .white-popup {
max-width: none;
margin: 0 auto;
padding: 0;
background: transparent;
}
/**
* Fade-zoom animation for first dialog
*/
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
opacity: 1;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
opacity: 0;
}
/* start state */
.my-mfp-fade-in .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
/* animate in */
.my-mfp-fade-in.mfp-ready .zoom-anim-dialog {
opacity: 0.8;
}
/* animate out */
.my-mfp-fade-in.mfp-removing .zoom-anim-dialog {
opacity: 0;
}
/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0.8;
}
html .aplayer .aplayer-info {
padding-top: 5px;
}
#imresum {
font-size: 0.75em;
}
.submit-btn .btn-lg {
margin: auto !important;
}
/*# sourceMappingURL=style.css.map */
.alert.alert-success,
.alert.alert-success strong {
font-size: 16px;
padding: 10px 0 25px 0;
color: #11abad;
font-weight: normal;
}
.help-block.text-danger {
color: #a94442
}
.btn-rd:hover,
.submit-btn .btn-lg:hover {
background: #fff !important;
border-color: #11abad;
}
html #datenschutz-site .intro-link {
text-decoration: none !important;
}
html #datenschutz-site .intro-link h2 {
color:#11abad;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: 0.5;
letter-spacing: .25em;
font-size: 3.1em;
margin-top: 25px;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-o-transition: all .0.35s ease-out;
-ms-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
html #datenschutz-site .intro-link:hover h2 {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
color: #fff;
}
html #impressum h3,
html #datenschutz-text h3,
html #datenschutzerklaerung h3 {
text-align: left;
padding-top: 30px;
font-size: 2.7em;
line-height: 1.35;
padding-bottom: 20px !important;
margin: 0 !important;
color: #11abad;
}
html #impressum h4,
html #datenschutz-text h4,
html #datenschutzerklaerung h4 {
text-align: left;
font-size: 2.2em;
line-height: 1.5;
padding-bottom: 0 !important;
margin: 0 !important;
color: #595959;
font-family: cairosemibold;
}
#datenschutz-site #datenschutzerklaerung * {
text-align: left !important;
}
#datenschutz-site #datenschutzerklaerung strong {
color: #8c8c8c !important;
}
html #datenschutz-text ul,
#datenschutz-site #datenschutzerklaerung ul {
margin-bottom: 0;
padding-bottom: 25px;
}
html #datenschutz-text ul li,
#datenschutz-site #datenschutzerklaerung ul li {
font-size: 22px;
list-style-type: disc;
list-style-position: inside;
}
.no-js #impressum.mfp-hide,
.no-js #datenschutz-text.mfp-hide {
display: block !important;
}
html .btn.btn-md.btn-rd,
html .btn-group-md > .btn,
html .btn-md {
font-size: 2em;
text-transform: uppercase;
font-weight: 700 !important;
}
html input[type="checkbox"]#datenschutz {
margin: 0 !important;
}
html [class*="col-"].pl_none {
padding-left: 0;
}
.ds {
padding-left: 5px;
font-size: 14px;
display: inline-block;
*display: inline;
*zoom: 1;
float: none !important;
vertical-align: top;
}
#datenschutz-text strong {
color: inherit !important;
}
html .plr {
padding: 0 5px;
}
.no-js #device-nav {
display: none;
}
#meta {
padding-bottom: 0 !important;
}
.no-js .aktiv_js {
display: none;
}
.js .aktiv_js {
display: inline;
}
.js .no_js {
display: none;
}
.no-js .no_js {
display: inline;
}
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}.cc-window {font-size: 14px !important;}.cc-window.cc-banner{padding: 0.8em 1.8em}.cc-window{border: 1px solid #dddddd; -webkit-box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.25);
box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.25);}
@media (min-width: 768px) {
.cc-bottom {bottom: 60px;}.cc-right {right: 50px;}
}
html .kontakt-inhalt * {
text-align: center !important;
}
@media (max-width: 768px) {
.tab-kontakt {
width: auto;
display: inline;
}
}