iframe[data-src],
[data-iframe][data-src],
img[data-src],
#header .headerImg,
body.index #header .headerImg,
body.anfahrt #header .headerImg,
body.tarifeGebuehren #header .headerImg,
main .anfrageCtn {
    background: url("../images/layout/loading.svg") no-repeat center center
}

@font-face {
    font-family: "icomoon";
    font-weight: null;
    font-style: normal;
    font-display: block;
    src: url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.svg#icomoon") format("svg"), url("../fonts/icomoond41d.eot?#iefix") format("embedded-opentype")
}

@font-face {
    font-family: "Barlow";
    font-weight: 300;
    font-style: normal;
    font-display: block;
    src: url("../fonts/barlow-v3-latin-300.woff") format("woff"), url("../fonts/barlow-v3-latin-300.woff2") format("woff2"), url("../fonts/barlow-v3-latin-300.ttf") format("truetype"), url("../fonts/barlow-v3-latin-300.svg#Barlow") format("svg"), url("../fonts/barlow-v3-latin-300d41d.eot?#iefix") format("embedded-opentype")
}

@font-face {
    font-family: "Barlow";
    font-weight: 700;
    font-style: normal;
    font-display: block;
    src: url("../fonts/barlow-v3-latin-700.woff") format("woff"), url("../fonts/barlow-v3-latin-700.woff2") format("woff2"), url("../fonts/barlow-v3-latin-700.ttf") format("truetype"), url("../fonts/barlow-v3-latin-700.svg#Barlow") format("svg"), url("../fonts/barlow-v3-latin-700d41d.eot?#iefix") format("embedded-opentype")
}

@font-face {
    font-family: "Barlow";
    font-weight: 800;
    font-style: normal;
    font-display: block;
    src: url("../fonts/barlow-v3-latin-800.woff") format("woff"), url("../fonts/barlow-v3-latin-800.woff2") format("woff2"), url("../fonts/barlow-v3-latin-800.ttf") format("truetype"), url("../fonts/barlow-v3-latin-800.svg#Barlow") format("svg"), url("../fonts/barlow-v3-latin-800d41d.eot?#iefix") format("embedded-opentype")
}

.row {
    margin-left: auto;
    margin-right: auto;
    max-width: 84.44444rem;
    width: 100%;
    position: relative;
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch
}

.row.full {
    max-width: none
}

.row.end {
    justify-content: flex-end
}

.row.middle {
    align-items: center
}

.row.center {
    justify-content: center
}

.row .row {
    margin-left: -1rem;
    padding-left: 0;
    padding-right: 0;
    max-width: calc(100% + 2rem);
    width: calc(100% + 2rem)
}

.row>.row {
    margin: 0;
    padding: 0;
    max-width: 100%;
    width: 100%;
    flex-basis: 100%
}

.col {
    float: left;
    padding-left: 1rem;
    padding-right: 1rem;
    max-width: 100%;
    width: 100%;
    flex: 0 0 auto;
    flex-grow: 1;
    flex-basis: 100%;
    box-sizing: border-box
}

.no-gutter,
.no-gutter>.col {
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 40em) {
    .col.small-6 {
        max-width: 50%;
        flex-basis: 50%
    }

    .col.small-5 {
        max-width: 41.66667%;
        flex-basis: 41.66667%
    }

    .col.small-7 {
        max-width: 58.33333%;
        flex-basis: 58.33333%
    }

    .small-border {
        border: solid 1px red
    }
}

@media (min-width: 47.5em) {
    .col.medium-6 {
        max-width: 50%;
        flex-basis: 50%
    }

    .col.medium-5 {
        max-width: 41.66667%;
        flex-basis: 41.66667%
    }

    .col.medium-7 {
        max-width: 58.33333%;
        flex-basis: 58.33333%
    }

    .col.medium-8 {
        max-width: 66.66667%;
        flex-basis: 66.66667%
    }

    .col.medium-4 {
        max-width: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media (min-width: 62em) {
    .col.large-4 {
        max-width: 33.33333%;
        flex-basis: 33.33333%
    }

    .col.large-8 {
        max-width: 66.66667%;
        flex-basis: 66.66667%
    }

    .col.large-6 {
        max-width: 50%;
        flex-basis: 50%
    }

    .col.large-7 {
        max-width: 58.33333%;
        flex-basis: 58.33333%
    }

    .col.large-5 {
        max-width: 41.66667%;
        flex-basis: 41.66667%
    }

    .col.large-suffix-1 {
        margin-right: 8.33333%
    }
}

@media (min-width: 75em) {
    .col.giant-12 {
        max-width: 100%;
        flex-basis: 100%
    }

    .col.giant-7 {
        max-width: 58.33333%;
        flex-basis: 58.33333%
    }

    .col.giant-5 {
        max-width: 41.66667%;
        flex-basis: 41.66667%
    }

    .col.giant-6 {
        max-width: 50%;
        flex-basis: 50%
    }
}

@media (min-width: 85.25em) {
    .col.giant2-10 {
        max-width: 83.33333%;
        flex-basis: 83.33333%
    }
}

.icon,
ul.styledList li:before,
main ul:not(.unstyledList) li:before,
ol.styledList li:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "icomoon"
}

.icon-times:before,
noscript input#noticebar:checked~label:before {
    content: ""
}

.icon-minus:before {
    content: ""
}

.icon-angle-right:before {
    content: ""
}

.icon-plus:before {
    content: ""
}

.icon-angle-up:before {
    content: ""
}

.icon-exclamation:before,
noscript label:before,
.informatizer:before {
    content: ""
}

.icon-arrow-down:before {
    content: ""
}

.icon-phone:before {
    content: ""
}

.icon-fax:before {
    content: ""
}

.icon-clock:before {
    content: ""
}

.icon-check:before,
ul.styledList li:before,
main ul:not(.unstyledList) li:before,
ol.styledList li:before {
    content: ""
}

.icon-arrow-right:before {
    content: ""
}

.icon-map:before {
    content: ""
}

.icon-paper-plane:before {
    content: ""
}

.icon-parking:before {
    content: ""
}

.icon-bus:before {
    content: ""
}

.icon-arrow-up:before {
    content: ""
}

.icon-file:before {
    content: ""
}

/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.10.0
 * @url https://github.com/feimosi/baguetteBox.js
 */
#baguetteBox-overlay {
    display: none;
    opacity: 0;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000000;
    transition: opacity 0.5s ease
}

#baguetteBox-overlay.visible {
    opacity: 1
}

#baguetteBox-overlay .full-image {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center
}

#baguetteBox-overlay .full-image figure {
    display: inline;
    margin: 0;
    height: 100%
}

#baguetteBox-overlay .full-image img {
    display: inline-block;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6)
}

#baguetteBox-overlay .full-image figcaption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 1.8;
    white-space: normal;
    color: #ccc;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
    font-family: sans-serif
}

#baguetteBox-overlay .full-image:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

#baguetteBox-slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    white-space: nowrap;
    transition: left 0.4s ease;
    transition: left 0.4s ease, -webkit-transform 0.4s ease;
    transition: left 0.4s ease, transform 0.4s ease;
    transition: left 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
    transition: left 0.4s ease, transform 0.4s ease
}

#baguetteBox-slider.bounce-from-right {
    -webkit-animation: bounceFromRight 0.4s ease-out;
    animation: bounceFromRight 0.4s ease-out
}

#baguetteBox-slider.bounce-from-left {
    -webkit-animation: bounceFromLeft 0.4s ease-out;
    animation: bounceFromLeft 0.4s ease-out
}

@-webkit-keyframes bounceFromRight {
    0% {
        margin-left: 0
    }

    50% {
        margin-left: -30px
    }

    100% {
        margin-left: 0
    }
}

@keyframes bounceFromRight {
    0% {
        margin-left: 0
    }

    50% {
        margin-left: -30px
    }

    100% {
        margin-left: 0
    }
}

@-webkit-keyframes bounceFromLeft {
    0% {
        margin-left: 0
    }

    50% {
        margin-left: 30px
    }

    100% {
        margin-left: 0
    }
}

@keyframes bounceFromLeft {
    0% {
        margin-left: 0
    }

    50% {
        margin-left: 30px
    }

    100% {
        margin-left: 0
    }
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
    top: 50%;
    top: calc(50% - 30px);
    width: 44px;
    height: 60px
}

.baguetteBox-button {
    position: absolute;
    cursor: pointer;
    outline: none;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    color: #ddd;
    font: 1.6em sans-serif;
    transition: background-color 0.4s ease
}

.baguetteBox-button:focus,
.baguetteBox-button:hover {
    background-color: rgba(50, 50, 50, 0.9)
}

.baguetteBox-button#next-button {
    right: 2%
}

.baguetteBox-button#previous-button {
    left: 2%
}

.baguetteBox-button#close-button {
    top: 20px;
    right: 2%;
    right: calc(2% + 6px);
    width: 30px;
    height: 30px
}

.baguetteBox-button svg {
    position: absolute;
    left: 0;
    top: 0
}

.baguetteBox-spinner {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px
}

.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2s infinite ease-in-out;
    animation: bounce 2s infinite ease-in-out
}

.baguetteBox-double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes bounce {

    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounce {

    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

noscript {
    margin-top: 3.33333rem;
    display: block
}

noscript input#noticebar {
    display: none
}

noscript input#noticebar:checked~div {
    opacity: 1;
    visibility: visible
}

noscript input#noticebar:checked~label {
    background: #fff;
    color: #D85D00
}

noscript label {
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    background: #D85D00;
    bottom: .55556rem;
    color: #fff;
    font-size: 1.38889rem;
    height: 2.5rem;
    opacity: 0.9;
    position: fixed;
    right: .55556rem;
    text-decoration: none;
    width: 2.5rem;
    z-index: 910
}

noscript label:before {
    display: inline-block;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

noscript label:hover {
    cursor: pointer;
    background: #bf5200
}

noscript label+div {
    opacity: 0;
    visibility: hidden;
    height: 100vh
}

noscript label+div,
.noticeBar {
    background: #D85D00;
    color: #fff;
    display: flex;
    justify-content: space-around;
    left: 0;
    padding: 1.11111rem;
    position: fixed;
    text-align: center;
    top: 0;
    transition: 0.3s;
    width: 100%;
    z-index: 900 !important
}

noscript label+div span,
.noticeBar span {
    align-self: center;
    font-size: 1.22222rem;
    line-height: 1.66667rem;
    margin: 0
}

noscript label+div a,
.noticeBar a {
    color: #fff
}

noscript label+div a:hover,
.noticeBar a:hover {
    color: #fff;
    text-decoration: none
}

noscript div:first-child {
    display: none
}

.breadcrumb li {
    list-style: none;
    float: left
}

.breadcrumb li:before {
    content: "❯";
    padding: 0 1rem;
    font-size: 60%
}

.breadcrumb li:first-child+li:before {
    content: " ";
    padding: 0 0.2rem
}

.breadcrumb li:first-child:before {
    content: "";
    padding: 0
}

#log_container pre,
#log_container .checkupXYZ {
    height: 100%;
    overflow-y: scroll;
    background: #fff;
    padding: 1%
}

#log_hider {
    cursor: pointer;
    z-index: 999999999
}

#show_console {
    display: none
}

#show_console:checked+#log_container {
    top: 0
}

#log_container {
    height: 100%;
    width: 100%;
    position: fixed;
    top: -100%;
    left: 0;
    color: #181817;
    background: #f2f2f2;
    padding: 2%;
    transition: all 0.5s ease-in-out;
    box-shadow: inset 0 0 .05556rem .05556rem rgba(216, 93, 0, 0.5);
    z-index: 99999999
}

#log_container:target {
    top: 0
}

#log_container.show {
    top: 0
}

#log_container ul {
    list-style: inside square
}

#log_container ul ul {
    margin-left: 2rem
}

#log_container ul h3 {
    display: inline-block
}

#log_container ul li {
    padding: 0.5rem 0;
    border-bottom: .05556rem solid #f2f2f2
}

#log_container ul li:last-child {
    border: none
}

#log_container h1 {
    text-align: center;
    padding-top: 2rem
}

#log_container h2 {
    padding-bottom: 0.5rem;
    border-bottom: .05556rem solid #f2f2f2;
    text-align: center;
    font-weight: normal;
    margin-top: 4rem
}

#log_container h3 {
    font-weight: normal
}

#log_container .checkup_pages li {
    padding: 1rem
}

#log_container .checkup_pages .sub {
    margin-left: 2rem
}

#log_container>p {
    margin-bottom: 4rem
}

.checkup_pages>li:nth-child(odd) {
    background: #f4f4f4
}

.checkupXYZ {
    width: 53.33333rem;
    margin: 0 auto;
    resize: horizontal
}

.informatizer {
    background: #8dd45c;
    padding: 1%;
    position: fixed;
    top: 2%;
    right: 2%;
    display: block;
    color: #fff;
    transition: all 0.5s ease-in-out;
    text-decoration: none
}

.informatizer:before {
    margin-right: 1rem;
    font-size: 1.33333em;
    line-height: 1rem
}

.informatizer a {
    color: #fff
}

.btnFocus {
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    padding: 2.6em;
    background: rgba(216, 93, 0, 0.9);
    color: #fff !important;
    font-size: 1.33333rem;
    z-index: 2000;
    transition: all 300ms;
    text-decoration: none
}

.btnFocus:focus {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

body.sitemap {
    display: flex;
    padding: 2rem
}

body.sitemap nav {
    width: auto;
    margin: 0 auto
}

body.sitemap nav .sitemap ul {
    padding-left: 20px
}

.backToTop {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 800;
    font-size: 1rem;
    width: 3em;
    height: 3em;
    line-height: 3em;
    background-color: #133ed0;
    color: #fff;
    text-decoration: none;
    text-align: center
}

body:not(.scrollingUp) .backToTop {
    opacity: 0;
    visibility: hidden
}

.backToTop span {
    display: none
}

* {
    margin: 0;
    padding: 0
}

*,
*:before,
*:after {
    box-sizing: inherit
}

html {
    background: #fff;
    box-sizing: border-box;
    color: #181817;
    font-family: "Barlow", sans-serif;
    font-size: 112.5%;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
    line-height: 1.55556rem;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}

body {
    line-height: 1.55556rem
}

iframe,
[data-iframe] {
    border: none;
    width: 100%
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    display: block;
    text-rendering: optimizeLegibility;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-weight: 800
}

h1,
.h1 {
    font-family: "Barlow", sans-serif;
    font-size: 1.44444rem;
    line-height: 1.2em;
    position: relative;
    padding-left: .88889rem
}

h1:before,
.h1:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 90%;
    width: .33333rem;
    background-color: #133ed0
}

@media (min-width: 30em) {

    h1:before,
    .h1:before {
        height: 85%
    }
}

@media (min-width: 75em) {

    h1:before,
    .h1:before {
        width: .55556rem
    }
}

h1 span,
.h1 span {
    font-weight: 300;
    font-size: .85em;
    display: block
}

@media (min-width: 47.5em) {

    h1,
    .h1 {
        font-size: 1.66667rem
    }
}

@media (min-width: 75em) {

    h1,
    .h1 {
        padding-left: 1.22222rem
    }
}

@media (min-width: 85.25em) {

    h1,
    .h1 {
        font-size: 2rem;
        margin-bottom: 1.66667rem !important
    }
}

h2,
.h2 {
    font-size: 1.33333rem;
    line-height: 1.2em;
    position: relative;
    padding-left: .88889rem
}

h2:before,
.h2:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 90%;
    width: .33333rem;
    background-color: #133ed0
}

@media (min-width: 30em) {

    h2:before,
    .h2:before {
        height: 85%
    }
}

@media (min-width: 75em) {

    h2:before,
    .h2:before {
        width: .55556rem
    }
}

h2 span,
.h2 span {
    font-weight: 300;
    font-size: .85em;
    display: block
}

@media (min-width: 47.5em) {

    h2,
    .h2 {
        font-size: 1.44444rem
    }
}

@media (min-width: 75em) {

    h2,
    .h2 {
        padding-left: 1.22222rem
    }
}

@media (min-width: 85.25em) {

    h2,
    .h2 {
        font-size: 1.66667rem
    }
}

h3,
.h3 {
    font-size: 1.11111rem;
    font-weight: 700;
    margin-bottom: 1.11111rem !important
}

@media (min-width: 85.25em) {

    h3,
    .h3 {
        font-size: 1.33333rem
    }
}

h4,
.h4 {
    font-size: 1.27778rem
}

h5,
.h5 {
    font-size: 1.22222rem
}

h6,
.h6 {
    font-size: 1.11111rem
}

a {
    color: #133ed0;
    word-wrap: break-word;
    transition: color .5s, background-color .5s;
    text-decoration: none
}

a:focus,
a:hover,
a:active {
    color: #181817
}

a img {
    border: none
}

a[href^="tel"] {
    color: inherit;
    text-decoration: underline
}

a.phone {
    text-decoration: none
}

a:not(.btn):focus,
[tabindex]:focus {
    outline: 1px dotted #D85D00;
    outline-offset: .27778rem
}

hr,
.hr {
    display: flex;
    background: #f2f2f2;
    border: none;
    clear: both;
    height: .05556rem;
    margin: 1rem 0;
    flex-basis: 100%
}

@media (min-width: 47.5em) {

    hr,
    .hr {
        margin: 2rem 0
    }
}

@media (min-width: 75em) {

    hr,
    .hr {
        margin: 3rem 0
    }
}

ul,
ol {
    list-style: none
}

ul.styledList li,
main ul:not(.unstyledList) li,
ol.styledList li {
    padding-left: 1.38889rem
}

ul.styledList li:before,
main ul:not(.unstyledList) li:before,
ol.styledList li:before {
    text-indent: -1.38889rem;
    color: #133ed0;
    position: relative;
    top: .16667rem
}

ul.styledList ul,
main ul:not(.unstyledList) ul,
ol.styledList ul {
    margin-left: 1rem;
    margin-bottom: 0
}

dl.styledList,
main dl:not(.unstyledList) {
    zoom: 1
}

dl.styledList:after,
main dl:not(.unstyledList):after {
    content: "";
    display: table;
    clear: both
}

dl.styledList dt,
main dl:not(.unstyledList) dt,
dl.styledList dd,
main dl:not(.unstyledList) dd {
    display: block;
    background: #f2f2f2;
    padding: .83333rem
}

dl.styledList dt,
main dl:not(.unstyledList) dt {
    padding-bottom: 0;
    font-weight: 700
}

dl.styledList dd,
main dl:not(.unstyledList) dd {
    padding-top: 0
}

dl.styledList dd:not(:last-child),
main dl:not(.unstyledList) dd:not(:last-child) {
    margin-bottom: .55556rem
}

dl.floatList {
    zoom: 1
}

dl.floatList:after {
    content: "";
    display: table;
    clear: both
}

dl.floatList dt,
dl.floatList dd {
    display: block;
    vertical-align: top;
    float: left
}

dl.floatList dt {
    padding-right: 0.5rem;
    width: 40%;
    clear: left
}

dl.floatList dd {
    width: 60%
}

ol {
    list-style-type: none;
    counter-reset: item
}

ol li {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    display: table;
    counter-increment: item
}

ol li:before {
    content: counters(item, ".") ". ";
    display: table-cell;
    padding-right: 0.3em
}

ol ol {
    margin-bottom: 0
}

ol ol li:before {
    content: counters(item, ".") " "
}

img {
    vertical-align: bottom;
    float: none;
    height: auto;
    max-width: 100%;
    width: 100%
}

img[src^='http://cms.'],
img[src^='https://cms.'] {
    max-width: none;
    width: auto
}

[data-rel] img,
.lightbox-image img {
    margin-bottom: 0
}

table {
    display: table;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    text-align: left;
    font-size: 1rem
}

@media (max-width: 39.94444em) {
    table {
        overflow-x: auto;
        display: block
    }
}

table caption {
    text-align: left;
    padding: 1rem 1rem 1.38889rem;
    display: table-caption;
    font-weight: 700;
    font-size: 1.2rem
}

table thead {
    border-collapse: collapse;
    display: table-header-group
}

table tbody {
    width: 100%;
    overflow-x: scroll;
    display: table-row-group
}

table tbody tr {
    padding: 1rem 0
}

table tbody tr:not(:last-child) {
    border-bottom: .05556rem solid #f2f2f2
}

table tr {
    display: table-row
}

table th,
table td {
    padding: 1rem;
    display: table-cell;
    vertical-align: top
}

@media (max-width: 39.94444em) {
    table td {
        min-width: 50vw
    }
}

.marginBottom,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
main p,
main ol,
main ul,
main dl,
main table,
form.default label[for="Datenschutz"] {
    margin-bottom: 1.55556rem
}

.highlight {
    color: #f2f2f2
}

.btn,
form.default button,
form.default [type="submit"] {
    background: #181817;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    line-height: 1.55556rem;
    padding: 0.8rem 1rem;
    text-align: center;
    text-decoration: none;
    font-family: "Barlow", sans-serif
}

.btn:hover,
form.default button:hover,
form.default :hover[type="submit"],
.btn:active,
form.default button:active,
form.default :active[type="submit"],
.btn:focus,
form.default button:focus,
form.default :focus[type="submit"] {
    background: #3f3f3c;
    color: #fff
}

.btn *[class^="icon"],
form.default button *[class^="icon"],
form.default [type="submit"] *[class^="icon"] {
    margin-left: 0.5rem;
    vertical-align: middle
}

.clear {
    clear: both;
    float: none
}

.clearfix {
    zoom: 1
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.hidden {
    display: none
}

.hideText {
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    overflow: hidden;
    width: 0
}

.floatLeft {
    float: left
}

img.floatLeft {
    margin-right: 1rem
}

.floatRight {
    float: right
}

img.floatRight {
    margin-left: 1rem
}

.fluid {
    height: auto;
    width: 100%
}

.nonFluid {
    width: auto !important
}

.alignLeft {
    text-align: left
}

.alignRight {
    text-align: right
}

.alignCenter {
    text-align: center
}

.wide {
    width: 100%;
    display: block
}

.videoContainer:not(.videoTag),
main .googleMaps:not(.videoTag) {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}

.videoContainer:not(.videoTag) iframe,
main .googleMaps:not(.videoTag) iframe {
    border: none;
    height: 100%;
    position: absolute;
    width: 100%
}

.videoContainer video,
main .googleMaps video {
    width: 100%;
    height: auto
}

body:before {
    width: 99pt;
    content: "default:16px....tiny:30em....small:40em....medium:47.5em....large:62em....giant:75em....giant2:85.25em....huge:95em";
    display: none !important
}

@media (min-width: 30em) {
    body:before {
        width: 177pt
    }
}

@media (min-width: 40em) {
    body:before {
        width: 261pt
    }
}

@media (min-width: 47.5em) {
    body:before {
        width: 363pt
    }
}

@media (min-width: 62em) {
    body:before {
        width: 447pt
    }
}

@media (min-width: 75em) {
    body:before {
        width: 531pt
    }
}

@media (min-width: 85.25em) {
    body:before {
        width: 639pt
    }
}

@media (min-width: 95em) {
    body:before {
        width: 717pt
    }
}

body.devmode:before,
body.debug:before {
    background: #D85D00;
    border-color: #D85D00;
    border-style: solid;
    border-width: 0 1rem;
    color: #fff;
    display: block !important;
    font-family: Courier;
    font-size: 10pt;
    left: 0;
    line-height: 2.5;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    white-space: nowrap;
    z-index: 99999
}

body:hover:before {
    opacity: 0.5;
    pointer-events: none
}

.backToTop,
.btn,
form.default button,
form.default [type="submit"],
#quickbar label[for="naviToggled"]:after,
#navigation,
#navigation nav ul.navi li a,
#navigation nav ul.navi li:not(.nav-back)>span,
#navigation nav ul.navi li.nav-back,
#navigation nav ul.navi li.hasSub>span,
#navigation nav ul.navi li.hasSub>span .sub,
#navigation nav ul.navi li.hasSub>a .sub,
#navigation nav ul.navi li.hasSub .sub,
#quickbar,
form.default [type="text"],
form.default [type="tel"],
form.default [type="email"],
form.default [type="file"],
form.default input,
form.default textarea,
form.default select {
    transition: 0.3s
}

.notificationArea {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 1000
}

.notificationArea>:not(:last-child) {
    margin-bottom: 18px
}

.notificationArea .notification {
    position: relative;
    transition: 300ms all ease-in-out;
    overflow: hidden;
    padding: 1em;
    background: #D85D00;
    font-size: 12px;
    line-height: 16px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
    width: 290px;
    max-width: calc(100vw - 40px);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.notificationArea .notification,
.notificationArea .notification a {
    color: #fff
}

.notificationArea .notification .close {
    position: absolute;
    top: 5px;
    right: 8px;
    cursor: pointer;
    color: #fff;
    font-size: 1.2rem
}

.notificationArea .notification.hide {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    transform: scale(0);
    max-height: 0;
    height: 0;
    padding-top: 0;
    padding-bottom: 0
}

#navigation nav ul.navi li a:hover,
#navigation nav ul.navi li:not(.nav-back)>span:hover,
#navigation nav ul.navi li.nav-back:hover,
#navigation nav ul.navi li.hasSub>span:hover {
    color: #fff;
    background-color: #133ed0
}

@media (min-width: 75em) {

    #navigation nav ul.navi li a:hover,
    #navigation nav ul.navi li:not(.nav-back)>span:hover,
    #navigation nav ul.navi li.nav-back:hover,
    #navigation nav ul.navi li.hasSub>span:hover {
        background-color: transparent;
        color: #133ed0
    }
}

#navigation nav ul.navi li a.active,
#navigation nav ul.navi li.hasSub>span.active,
#navigation nav ul.navi li.hasSub.active>a,
#navigation nav ul.navi li.hasSub.active>span {
    color: #fff;
    background-color: #181817;
    font-weight: 700
}

@media (min-width: 75em) {

    #navigation nav ul.navi li a.active,
    #navigation nav ul.navi li.hasSub>span.active,
    #navigation nav ul.navi li.hasSub.active>a,
    #navigation nav ul.navi li.hasSub.active>span {
        background-color: transparent;
        color: #181817;
        font-weight: 700
    }
}

#navigation nav ul.navi li.nav-back:before {
    font-family: "icomoon";
    content: "";
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

@media (min-width: 75em) {
    #navigation nav ul.navi li.nav-back:before {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

#navigation nav ul.navi li.hasSub>span:after,
#navigation nav ul.navi li.hasSub>a:after {
    font-family: "icomoon";
    content: ""
}

@media (min-width: 75em) {

    #navigation nav ul.navi li.hasSub>span:after,
    #navigation nav ul.navi li.hasSub>a:after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@media (max-width: 74.94444em) {
    #navigation {
        min-width: 50%;
        overflow: hidden;
        top: 3.33333rem;
        bottom: 0
    }

    #navigation nav ul {
        overflow: hidden;
        height: calc(100vh - 3.33333rem)
    }

    #navigation nav ul.open,
    #navigation nav ul.navi {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }

    #navigation nav ul.navi li.hasSub .sub:before {
        content: attr(data-parent-name);
        display: block
    }

    html.hidden-scroll {
        overflow: hidden
    }
}

#quickbar {
    position: fixed;
    left: 0;
    width: 100%;
    top: 0
}

@media (max-width: 74.94444em) {
    #quickbar {
        height: 3.33333rem
    }
}

#quickbar.hide {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

#quickbar label[for="naviToggled"] {
    display: block;
    cursor: pointer;
    width: 1.33333rem;
    height: 1.33333rem;
    position: relative;
    overflow: hidden
}

#quickbar label[for="naviToggled"]:after {
    content: "";
    position: fixed;
    left: 0;
    width: 200vw;
    height: 200vh;
    display: block;
    background-color: #181817;
    opacity: 0.9;
    z-index: -1;
    top: 3.33333rem
}

#quickbar label[for="naviToggled"] span {
    transition: 0.4s linear;
    text-indent: -9999px;
    width: 0;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#quickbar label[for="naviToggled"] span,
#quickbar label[for="naviToggled"] span:before,
#quickbar label[for="naviToggled"] span:after {
    content: "";
    position: absolute;
    display: block;
    background: #133ed0;
    height: 2px;
    left: 50%;
    -webkit-transform-origin: center;
    transform-origin: center
}

#quickbar label[for="naviToggled"] span:before,
#quickbar label[for="naviToggled"] span:after {
    top: calc(50% + 0rem);
    width: 1.33333rem;
    transition: top 0.3s ease-in-out, -webkit-transform 0.3s 0.2s linear;
    transition: top 0.3s ease-in-out, transform 0.3s 0.2s linear;
    transition: top 0.3s ease-in-out, transform 0.3s 0.2s linear, -webkit-transform 0.3s 0.2s linear
}

#quickbar label[for="naviToggled"] span:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

#quickbar label[for="naviToggled"] span:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

#naviToggled {
    display: none
}

@media (max-width: 74.94444em) {

    #naviToggled:not(:checked)~* #navigation,
    #naviToggled:not(:checked)~#navigation {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

#naviToggled:not(:checked)~#quickbar label[for="naviToggled"]:after {
    opacity: 0;
    visibility: hidden
}

#naviToggled:not(:checked)~#quickbar label[for="naviToggled"] span {
    width: 1.33333rem
}

#naviToggled:not(:checked)~#quickbar label[for="naviToggled"] span:before,
#naviToggled:not(:checked)~#quickbar label[for="naviToggled"] span:after {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: top 0.3s 0.2s ease-in-out, -webkit-transform 0.3s linear;
    transition: top 0.3s 0.2s ease-in-out, transform 0.3s linear;
    transition: top 0.3s 0.2s ease-in-out, transform 0.3s linear, -webkit-transform 0.3s linear
}

#naviToggled:not(:checked)~#quickbar label[for="naviToggled"] span:before {
    top: calc(50% + -.33333rem)
}

#naviToggled:not(:checked)~#quickbar label[for="naviToggled"] span:after {
    top: calc(50% + .33333rem)
}

#navigation {
    min-width: 100%
}

#navigation .row .col {
    padding: 0
}

#navigation .branding {
    display: none
}

@media (min-width: 75em) {
    #navigation .branding {
        display: block;
        width: 13.33333rem;
        height: auto;
        margin-bottom: 1.66667rem
    }
}

@media (min-width: 95em) {
    #navigation .branding {
        width: 15.16667rem
    }
}

@media (min-width: 30em) {
    #navigation {
        min-width: 70%
    }
}

@media (min-width: 40em) {
    #navigation {
        min-width: 50%
    }
}

@media (min-width: 75em) {
    #navigation .row .col {
        padding: 0 18px
    }

    #navigation .navInner {
        display: flex;
        justify-content: space-between;
        align-items: flex-end
    }
}

#navigation {
    position: fixed;
    max-width: 100%;
    right: 0;
    background-color: #fff;
    z-index: 1001
}

#navigation nav ul {
    width: 100%
}

#navigation nav ul.navi li a,
#navigation nav ul.navi li:not(.nav-back)>span,
#navigation nav ul.navi li.nav-back,
#navigation nav ul.navi li.hasSub>span {
    display: block;
    cursor: pointer;
    padding: 1em 1.38889rem;
    text-decoration: none;
    color: #181817
}

@media (min-width: 75em) {

    #navigation nav ul.navi li a,
    #navigation nav ul.navi li:not(.nav-back)>span,
    #navigation nav ul.navi li.nav-back,
    #navigation nav ul.navi li.hasSub>span {
        padding: .55556rem .83333rem
    }
}

#navigation nav ul.navi li.hasSub>span:after {
    content: '\ea1f'
}

#navigation nav ul.navi li.nav-back:before {
    content: "\ea1f"
}

#navigation nav ul.navi li.hasSub>span,
#navigation nav ul.navi li.hasSub>a {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#navigation nav ul.navi li.hasSub>span .sub,
#navigation nav ul.navi li.hasSub>a .sub {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff
}

#navigation nav ul.navi li.hasSub>span .sub:before,
#navigation nav ul.navi li.hasSub>a .sub:before {
    padding: 1em 1rem;
    background-color: #133ed0;
    color: #fff
}

@media (max-width: 74.94444em) {

    #navigation nav ul.navi li.hasSub>span .sub,
    #navigation nav ul.navi li.hasSub>a .sub {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@media (min-width: 75em) {

    #navigation nav ul.navi li.hasSub>span .sub,
    #navigation nav ul.navi li.hasSub>a .sub {
        opacity: 0;
        visibility: hidden
    }
}

@media (max-width: 74.94444em) {

    #navigation nav ul.navi li.hasSub>span .sub.current,
    #navigation nav ul.navi li.hasSub>a .sub.current {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@media (min-width: 75em) {

    #navigation nav ul.navi li.hasSub>span .sub.current,
    #navigation nav ul.navi li.hasSub>a .sub.current {
        opacity: 1;
        visibility: visible
    }
}

#navigation nav ul.navi li.hasSub>span:after,
#navigation nav ul.navi li.hasSub>a:after {
    margin-left: 0.5em;
    display: inline-block
}

#navigation nav ul.navi li.hasSub .sub {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff
}

#navigation nav ul.navi li.hasSub .sub:before {
    padding: 1em 1rem;
    background-color: #133ed0;
    color: #fff
}

@media (max-width: 74.94444em) {
    #navigation nav ul.navi li.hasSub .sub {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@media (min-width: 75em) {
    #navigation nav ul.navi li.hasSub .sub {
        opacity: 0;
        visibility: hidden
    }
}

@media (max-width: 74.94444em) {
    #navigation nav ul.navi li.hasSub .sub.current {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@media (min-width: 75em) {
    #navigation nav ul.navi li.hasSub .sub.current {
        opacity: 1;
        visibility: visible
    }
}

#navigation nav ul.navi li.nav-back {
    position: relative
}

#navigation nav ul.navi li.nav-back:before {
    margin-right: 1em;
    display: inline-block
}

@media (min-width: 75em) {
    #navigation {
        top: 0;
        width: 100%
    }

    #navigation nav ul.navi {
        display: flex;
        justify-content: space-between
    }

    #navigation nav ul.navi li a,
    #navigation nav ul.navi li:not(.nav-back)>span,
    #navigation nav ul.navi li .sub:before,
    #navigation nav ul.navi li .nav-back {
        white-space: nowrap
    }

    #navigation nav ul.navi li.hasSub {
        position: relative
    }

    #navigation nav ul.navi li.hasSub .sub {
        top: 100%;
        width: auto
    }

    #navigation nav ul.navi li.hasSub .sub .sub {
        left: 100%;
        top: 0
    }

    #navigation nav ul.navi li.nav-back:before {
        content: "";
        text-align: center;
        width: 100%
    }

    #navigation nav ul.navi li.nav-back span {
        display: none
    }

    #navigation {
        height: 5.55556rem;
        display: flex;
        align-items: flex-end
    }

    body.internetExplorer #navigation,
    body.edge #navigation {
        transition: none
    }
}

@media (min-width: 75em) and (min-width: 85.25em) {
    #navigation {
        height: 6.66667rem
    }
}

@media (min-width: 75em) {
    body.scroll #navigation {
        box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.06)
    }

    #navigation nav {
        max-width: 48.33333rem;
        width: 100%;
        margin-bottom: .88889rem
    }
}

@media (min-width: 75em) and (min-width: 85.25em) {
    #navigation nav {
        max-width: 53.33333rem
    }
}

@media (min-width: 75em) and (min-width: 95em) {
    #navigation nav {
        max-width: 61.11111rem;
        max-width: 61.11111rem
    }
}

@media (min-width: 75em) {
    #navigation nav ul.navi li {
        font-size: 1.05556rem
    }
}

@media (min-width: 75em) and (min-width: 95em) {
    #navigation nav ul.navi li {
        font-size: 1.11111rem
    }
}

@media (min-width: 75em) {

    body.internetExplorer #navigation nav ul.navi li.hasSub .sub,
    body.edge #navigation nav ul.navi li.hasSub .sub {
        transition: none
    }

    #navigation nav ul.navi li.hasSub .sub .dienstleistungen {
        display: none
    }

    #navigation nav ul.navi li.hasSub>span:after {
        content: '\ea1f';
        color: #133ed0
    }

    #navigation nav ul.navi li.nav-back {
        display: none
    }

    #navigation nav ul.navi li.datenschutzerklaerung,
    #navigation nav ul.navi li.impressum,
    #navigation nav ul.navi li.anfahrt {
        display: none
    }

    #navigation nav ul.navi li.kontakt a {
        padding-right: 0
    }
}

@media (min-width: 75em) and (min-width: 85.25em) {
    #navigation nav ul.navi li.kontakt a {
        padding-right: .83333rem
    }
}

@media (min-width: 75em) {

    body.internetExplorer #navigation nav ul.navi li a,
    body.edge #navigation nav ul.navi li a {
        transition: color .5s
    }
}

@media (min-width: 75em) and (min-width: 85.25em) {
    #navigation nav ul.navi li.anfahrt {
        display: inline-block
    }

    #navigation nav ul.navi li.anfahrt a {
        padding-right: 0
    }
}

#quickbar {
    background-color: #f2f2f2;
    color: #133ed0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.38889rem 1rem 1rem;
    z-index: 1000;
    border-bottom: 1px solid #133ed0
}

@media (min-width: 75em) {
    #quickbar {
        display: none
    }
}

#quickbar .phone {
    position: relative;
    font-size: 1.05556rem
}

#quickbar .phone:before {
    content: '\ea81';
    font-family: "icomoon";
    position: relative;
    top: 2px
}

#header {
    padding-top: 5rem
}

@media (min-width: 47.5em) {
    #header {
        padding-top: 5.55556rem
    }
}

@media (min-width: 75em) {
    #header {
        padding-top: 7.22222rem
    }
}

@media (min-width: 85.25em) {
    #header {
        padding-top: 8.33333rem
    }
}

#header .branding {
    display: table;
    width: 15.16667rem;
    margin: 0 auto;
    height: auto;
    margin-bottom: 4.44444rem
}

@media (min-width: 40em) {
    #header .branding {
        margin-bottom: 1.66667rem
    }
}

@media (min-width: 47.5em) {
    #header .branding {
        margin-bottom: 2.22222rem
    }
}

@media (min-width: 75em) {
    #header .branding {
        display: none
    }
}

#header .branding img {
    width: 100%;
    height: auto;
    max-width: 100%
}

#header .imgCtn {
    position: relative;
    z-index: 2;
    pointer-events: none
}

#header .headerImg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 13.88889rem;
    position: relative;
    box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.06)
}

#header .headerImg.lazyLoaded {
    background-image: url("../images/layout/headerImage.jpg")
}

@media (max-width: 94.94444em) {
    #header .headerImg.lazyLoaded {
        background-image: url("../images/layout/huge-headerImage.jpg")
    }
}

@media (max-width: 39.94444em) {
    #header .headerImg.lazyLoaded {
        background-image: url("../images/layout/small-headerImage.jpg")
    }
}

body.index #header .headerImg,
body.anfahrt #header .headerImg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

body.index #header .headerImg.lazyLoaded,
body.anfahrt #header .headerImg.lazyLoaded {
    background-image: url("../images/layout/indexHeaderImage.jpg")
}

@media (max-width: 94.94444em) {

    body.index #header .headerImg.lazyLoaded,
    body.anfahrt #header .headerImg.lazyLoaded {
        background-image: url("../images/layout/huge-indexHeaderImage.jpg")
    }
}

@media (max-width: 39.94444em) {

    body.index #header .headerImg.lazyLoaded,
    body.anfahrt #header .headerImg.lazyLoaded {
        background-image: url("../images/layout/small-indexHeaderImage.jpg")
    }
}

body.index #header .headerImg:not(.lazyLoaded),
body.anfahrt #header .headerImg:not(.lazyLoaded) {
    background-image: none;
    background-color: #fff
}

body.tarifeGebuehren #header .headerImg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

body.tarifeGebuehren #header .headerImg.lazyLoaded {
    background-image: url("../images/layout/headerImageTarife.jpg")
}

@media (max-width: 94.94444em) {
    body.tarifeGebuehren #header .headerImg.lazyLoaded {
        background-image: url("../images/layout/huge-headerImageTarife.jpg")
    }
}

@media (max-width: 39.94444em) {
    body.tarifeGebuehren #header .headerImg.lazyLoaded {
        background-image: url("../images/layout/small-headerImageTarife.jpg")
    }
}

body.tarifeGebuehren #header .headerImg:not(.lazyLoaded) {
    background-image: none;
    background-color: #fff
}

#header .headerImg:not(.lazyLoaded) {
    background-image: none;
    background-color: #fff
}

body:not(.index) #header .headerImg {
    height: 11.11111rem
}

@media (min-width: 40em) {
    #header .headerImg {
        height: 18.33333rem
    }
}

@media (min-width: 47.5em) {
    #header .headerImg {
        height: 22.22222rem
    }

    body:not(.index) #header .headerImg {
        height: 13.88889rem
    }
}

@media (min-width: 62em) {
    body:not(.index) #header .headerImg {
        height: 16.66667rem
    }
}

@media (min-width: 75em) {
    #header .headerImg {
        height: 27.77778rem
    }

    body:not(.index) #header .headerImg {
        height: 19.44444rem
    }
}

@media (min-width: 85.25em) {
    #header .headerImg {
        height: 33.33333rem
    }

    body:not(.index) #header .headerImg {
        height: 22.22222rem
    }
}

@media (min-width: 95em) {
    #header .headerImg {
        height: 35.44444rem
    }
}

#header .headerImg .image {
    width: 7.11111rem;
    height: auto;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 0
}

@media (min-width: 40em) {
    #header .headerImg .image {
        -webkit-transform: none;
        transform: none;
        top: auto;
        left: 1.11111rem;
        bottom: 1.11111rem;
        width: 6.11111rem
    }

    body:not(.index) #header .headerImg .image {
        width: 5rem
    }
}

@media (min-width: 62em) {
    #header .headerImg .image {
        top: 1.11111rem;
        left: 1.11111rem;
        bottom: auto;
        width: 7.22222rem
    }

    body:not(.index) #header .headerImg .image {
        width: 6.11111rem
    }
}

@media (min-width: 75em) {
    #header .headerImg .image {
        width: 7.77778rem
    }

    body:not(.index) #header .headerImg .image {
        width: 6.66667rem
    }
}

@media (min-width: 85.25em) {
    #header .headerImg .image {
        width: 9.33333rem;
        top: 1.66667rem;
        left: 1.66667rem
    }

    body:not(.index) #header .headerImg .image {
        width: 7.22222rem
    }
}

@media (min-width: 95em) {
    body:not(.index) #header .headerImg .image {
        width: 7.77778rem
    }
}

#header .topCtn {
    position: relative;
    margin-bottom: .83333rem
}

@media (min-width: 30em) {
    #header .topCtn {
        margin-bottom: 1.66667rem
    }
}

@media (min-width: 95em) {
    #header .topCtn {
        margin-bottom: 2.5rem
    }
}

#header .grayCtn {
    width: 100%
}

@media (min-width: 40em) {
    #header .grayCtn {
        background-color: #f2f2f2;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

#header .grayCtn .claimCtn {
    background-color: #f2f2f2;
    padding: 1.66667rem 1.11111rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

@media (min-width: 30em) {
    #header .grayCtn .claimCtn {
        padding: 1.66667rem 1.66667rem
    }
}

@media (min-width: 40em) {
    #header .grayCtn .claimCtn {
        background-color: transparent;
        text-align: left;
        padding: 1.66667rem 1.66667rem 1.66667rem 0;
        align-items: flex-start
    }
}

@media (min-width: 47.5em) {
    #header .grayCtn .claimCtn {
        padding: 2.22222rem 1.66667rem 2.22222rem 0
    }
}

@media (min-width: 75em) {
    #header .grayCtn .claimCtn {
        padding: 4.44444rem 1.66667rem 4.44444rem .55556rem
    }
}

@media (min-width: 85.25em) {
    #header .grayCtn .claimCtn {
        padding: 4.44444rem 2.22222rem 4.44444rem 1.66667rem
    }
}

@media (min-width: 95em) {
    #header .grayCtn .claimCtn {
        padding: 5.55556rem 4.66667rem 5.55556rem 2.11111rem
    }
}

#header .grayCtn .claimCtn .claim {
    font-size: 1.44444rem;
    line-height: 1.77778rem;
    display: block;
    max-width: 100%
}

body:not(.index) #header .grayCtn .claimCtn .claim {
    display: none
}

#header .grayCtn .claimCtn .claim span {
    display: block;
    margin-bottom: .83333rem
}

@media (min-width: 30em) {
    #header .grayCtn .claimCtn .claim span {
        margin-bottom: 1.11111rem
    }
}

@media (min-width: 75em) {
    #header .grayCtn .claimCtn .claim span {
        margin-bottom: 1.66667rem
    }
}

@media (min-width: 95em) {
    #header .grayCtn .claimCtn .claim span {
        margin-bottom: 2.22222rem
    }
}

@media (min-width: 47.5em) {
    #header .grayCtn .claimCtn .claim {
        font-size: 1.77778rem;
        line-height: 2.11111rem
    }
}

@media (min-width: 62em) {
    #header .grayCtn .claimCtn .claim {
        font-size: 2rem;
        line-height: 2.33333rem
    }
}

@media (min-width: 75em) {
    #header .grayCtn .claimCtn .claim {
        font-size: 2.55556rem;
        line-height: 2.88889rem
    }
}

@media (min-width: 85.25em) {
    #header .grayCtn .claimCtn .claim {
        font-size: 2.66667rem;
        line-height: 3rem
    }
}

@media (min-width: 95em) {
    #header .grayCtn .claimCtn .claim {
        font-size: 2.88889rem;
        line-height: 3.33333rem
    }
}

#header .grayCtn .claimCtn .claim b {
    font-weight: 800
}

#header .grayCtn .claimCtn .line {
    width: 100%;
    height: 1px;
    background-color: #133ed0;
    display: block;
    margin-bottom: .83333rem
}

@media (min-width: 30em) {
    #header .grayCtn .claimCtn .line {
        margin-bottom: 1.11111rem
    }
}

@media (min-width: 75em) {
    #header .grayCtn .claimCtn .line {
        margin-bottom: 1.66667rem
    }
}

@media (min-width: 95em) {
    #header .grayCtn .claimCtn .line {
        margin-bottom: 2.22222rem
    }
}

#header .grayCtn .claimCtn .contacts {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center
}

@media (min-width: 40em) {
    #header .grayCtn .claimCtn .contacts {
        justify-content: space-between;
        text-align: left;
        font-size: .94444rem;
        max-width: 16.44444rem
    }
}

@media (min-width: 75em) {
    #header .grayCtn .claimCtn .contacts {
        font-size: 1rem;
        max-width: 17.55556rem
    }
}

@media (min-width: 85.25em) {
    #header .grayCtn .claimCtn .contacts {
        font-size: 1.05556rem;
        line-height: 2rem;
        max-width: 18.66667rem
    }
}

@media (min-width: 95em) {
    #header .grayCtn .claimCtn .contacts {
        font-size: 1.11111rem;
        max-width: 19.44444rem
    }
}

#header .grayCtn .claimCtn .contacts .phone {
    width: 100%;
    display: inline-block
}

@media (min-width: 30em) {
    #header .grayCtn .claimCtn .contacts .phone {
        width: auto;
        margin-right: .55556rem
    }
}

#header .grayCtn .claimCtn .contacts .phone:before {
    content: "\ea81";
    font-family: "icomoon";
    position: relative;
    top: 1px;
    color: #133ed0;
    font-weight: 400
}

#header .grayCtn .claimCtn .contacts .fax {
    display: inline-block
}

#header .grayCtn .claimCtn .contacts .fax:before {
    content: "\e9b9";
    font-family: "icomoon";
    position: relative;
    top: 2px;
    color: #133ed0;
    margin-right: 3px;
    font-weight: 400
}

#header .grayCtn .claimCtn .contacts .email {
    display: inline-block;
    color: #181817
}

@media (min-width: 40em) {
    #header .grayCtn .claimCtn .contacts .email {
        position: relative;
        padding-left: 1.11111rem
    }
}

@media (min-width: 95em) {
    #header .grayCtn .claimCtn .contacts .email {
        padding-left: 1.27778rem
    }
}

#header .grayCtn .claimCtn .contacts .email:before {
    content: "\ea6d";
    font-family: "icomoon";
    position: relative;
    top: 4px;
    color: #133ed0;
    font-size: 1.2em;
    margin-right: 2px;
    transition: color .5s;
    font-weight: 400
}

@media (min-width: 40em) {
    #header .grayCtn .claimCtn .contacts .email:before {
        position: absolute;
        left: -3px
    }
}

#header .grayCtn .claimCtn .contacts .email:hover {
    color: #133ed0
}

#header .infoCtn {
    margin-bottom: .83333rem
}

@media (min-width: 30em) {
    #header .infoCtn {
        margin-bottom: 1.66667rem
    }
}

@media (min-width: 95em) {
    #header .infoCtn {
        margin-bottom: 2.5rem
    }
}

#header .infoCtn .infoBox {
    position: relative;
    display: flex;
    justify-content: space-between
}

#header .infoCtn .infoBox .box {
    width: 25%;
    height: 3.33333rem
}

@media (min-width: 30em) {
    #header .infoCtn .infoBox .box {
        height: 4.44444rem
    }
}

@media (min-width: 75em) {
    #header .infoCtn .infoBox .box {
        width: auto;
        display: flex;
        height: auto;
        align-items: center
    }
}

#header .infoCtn .infoBox .box .iconCtn {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f2f2f2;
    position: relative;
    height: 100%;
    width: 100%
}

@media (min-width: 75em) {
    #header .infoCtn .infoBox .box .iconCtn {
        width: 3.05556rem;
        min-width: 3.05556rem;
        height: 3.05556rem;
        margin-right: .44444rem
    }
}

@media (min-width: 85.25em) {
    #header .infoCtn .infoBox .box .iconCtn {
        width: 3.33333rem;
        min-width: 3.33333rem;
        height: 3.33333rem;
        margin-right: .55556rem
    }
}

@media (min-width: 95em) {
    #header .infoCtn .infoBox .box .iconCtn {
        margin-right: .83333rem
    }
}

#header .infoCtn .infoBox .box .iconCtn i {
    color: #133ed0;
    font-size: 1.33333rem
}

@media (min-width: 30em) {
    #header .infoCtn .infoBox .box .iconCtn i {
        font-size: 1.88889rem;
        line-height: 1.88889rem
    }
}

@media (min-width: 95em) {
    #header .infoCtn .infoBox .box .iconCtn i {
        font-size: 2.16667rem;
        line-height: 2.16667rem
    }
}

#header .infoCtn .infoBox .box .info {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    left: 0;
    top: calc(100% + 20px);
    background-color: #fff;
    transition: .5s;
    z-index: 2;
    box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.06);
    padding: 1rem;
    width: 100%;
    text-align: center
}

@media (min-width: 40em) {
    #header .infoCtn .infoBox .box .info {
        padding: 1.38889rem
    }
}

@media (min-width: 75em) {
    #header .infoCtn .infoBox .box .info {
        position: relative;
        visibility: visible;
        opacity: 1;
        top: 0;
        left: auto;
        padding: 0;
        font-size: .83333rem;
        line-height: 1.33333rem;
        box-shadow: none;
        text-align: left
    }
}

@media (min-width: 85.25em) {
    #header .infoCtn .infoBox .box .info {
        font-size: .94444rem;
        line-height: 1.5rem
    }
}

@media (min-width: 95em) {
    #header .infoCtn .infoBox .box .info {
        font-size: 1rem;
        line-height: 1.44444rem
    }
}

#header .infoCtn .infoBox .box .info span {
    display: block
}

#header .infoCtn .infoBox .box:hover,
#header .infoCtn .infoBox .box.hovering {
    cursor: pointer
}

@media (min-width: 75em) {

    #header .infoCtn .infoBox .box:hover,
    #header .infoCtn .infoBox .box.hovering {
        cursor: default
    }
}

#header .infoCtn .infoBox .box:hover .info,
#header .infoCtn .infoBox .box.hovering .info {
    opacity: 1;
    visibility: visible
}

main {
    display: block
}

main a {
    font-weight: 700
}

main p li a,
main ol li a,
main ul li a,
main dl li a,
main table li a {
    color: #181817;
    font-weight: 300 !important
}

main p li a:hover,
main ol li a:hover,
main ul li a:hover,
main dl li a:hover,
main table li a:hover {
    color: #133ed0
}

@media (min-width: 47.5em) {
    main .googleMaps {
        height: 22.22222rem
    }
}

main .content-ctn {
    padding: 1.66667rem 0
}

@media (min-width: 40em) {
    main .content-ctn {
        padding: 2.22222rem 0
    }
}

@media (min-width: 62em) {
    main .content-ctn {
        padding: 2.77778rem 0
    }
}

@media (min-width: 75em) {
    main .content-ctn {
        padding: 3.33333rem 0
    }
}

@media (min-width: 85.25em) {
    main .content-ctn {
        padding: 3.88889rem 0
    }
}

@media (min-width: 95em) {
    main .content-ctn {
        padding: 5.55556rem 0
    }
}

main .gray-ctn {
    background-color: #f2f2f2;
    padding: 1.66667rem 1.11111rem;
    margin-bottom: 1.66667rem;
    box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.06)
}

@media (min-width: 30em) {
    main .gray-ctn {
        padding: 2.77778rem
    }
}

@media (min-width: 40em) {
    main .gray-ctn {
        padding: 1.66667rem
    }
}

@media (min-width: 47.5em) {
    main .gray-ctn {
        padding: 2.22222rem
    }
}

@media (min-width: 85.25em) {
    main .gray-ctn {
        padding: 2.66667rem
    }
}

@media (min-width: 40em) {
    main .gray-ctn .ctn-content {
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center
    }
}

main .gray-ctn .ctn-content .imgCtn {
    margin-bottom: 1.66667rem;
}

@media (min-width: 40em) {
    main .gray-ctn .ctn-content .imgCtn {
        width: 35%;
        display: block;
        margin-bottom: 0
    }
}

@media (min-width: 40em) {
    main .gray-ctn .ctn-content .textCtn {
        width: 60%;
        display: block
    }

    main .gray-ctn .ctn-content .textCtn p:last-of-type {
        margin-bottom: 0
    }

    body.ueberUns main .gray-ctn .ctn-content .textCtn p:last-of-type ,body .ueberUns_section .gray-ctn .ctn-content .textCtn p:last-of-type{
        margin-bottom: 1rem
    }
}

@media (min-width: 95em) {
    main .gray-ctn .ctn-content .textCtn {
        width: 59%
    }
}

main .anfrageCtn {
    box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.06);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    height: 16.66667rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1.66667rem
}

main .anfrageCtn.lazyLoaded {
    background-image: url("../images/layout/anfrageBg.jpg")
}

@media (max-width: 74.94444em) {
    main .anfrageCtn.lazyLoaded {
        background-image: url("../images/layout/giant-anfrageBg.jpg")
    }
}

@media (max-width: 39.94444em) {
    main .anfrageCtn.lazyLoaded {
        background-image: url("../images/layout/small-anfrageBg.jpg")
    }
}

main .anfrageCtn:not(.lazyLoaded) {
    background-image: none;
    background-color: #fff
}

@media (min-width: 62em) {
    main .anfrageCtn {
        flex-direction: row;
        justify-content: flex-end;
        align-items: flex-end;
        padding: 2.77778rem;
        height: 19.44444rem
    }
}

@media (min-width: 75em) {
    main .anfrageCtn {
        height: 22.22222rem
    }
}

@media (min-width: 85.25em) {
    main .anfrageCtn {
        height: 27.22222rem
    }
}

main .anfrageCtn:before {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background-color: #fff;
    opacity: .8;
    z-index: 0
}

@media (min-width: 62em) {
    main .anfrageCtn:before {
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 24%, rgba(255, 255, 255, 0.87) 90%, #fff 100%);
        opacity: 1
    }
}

main .anfrageCtn span,
main .anfrageCtn a {
    position: relative;
    z-index: 2;
    text-align: center
}

main .anfrageCtn span {
    font-size: 1.33333rem;
    line-height: 1.66667rem;
    display: block;
    margin-bottom: 1.11111rem
}

main .anfrageCtn span b {
    font-weight: 800
}

@media (min-width: 30em) {
    main .anfrageCtn span {
        font-size: 1.55556rem;
        line-height: 1.88889rem
    }
}

@media (min-width: 62em) {
    main .anfrageCtn span {
        margin-bottom: .77778rem;
        margin-right: 1.66667rem
    }
}

@media (min-width: 85.25em) {
    main .anfrageCtn span {
        font-size: 2rem;
        line-height: 2rem;
        margin-right: 3.11111rem;
        margin-bottom: .88889rem
    }
}

main .anfrageCtn a {
    color: #fff;
    background-color: #133ed0;
    padding: .83333rem 1.38889rem 1rem 1.88889rem;
    transition: color .5s, background-color .5s
}

@media (min-width: 62em) {
    main .anfrageCtn a {
        font-size: 1.11111rem
    }
}

main .anfrageCtn a i {
    display: none;
    position: relative;
    top: 2px
}

@media (min-width: 30em) {
    main .anfrageCtn a i {
        display: inline-block
    }
}

@media (min-width: 85.25em) {
    main .anfrageCtn a i {
        top: 3px
    }
}

main .anfrageCtn a:hover {
    background-color: #181817
}

@media (min-width: 85.25em) {
    main .anfrageCtn a {
        font-size: 1.27778rem;
        padding: 1rem 1.77778rem 1.16667rem 2.11111rem
    }
}

#privacyPolicy a {
    display: inline-block;
    word-break: break-all
}

#footer .footerCtn {
    box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.06);
    display: flex
}

#footer .footerCtn .sitemapCtn {
    display: none
}

#footer .footerCtn .sitemapCtn .h3 {
    font-weight: 800
}

@media (min-width: 75em) {
    #footer .footerCtn .sitemapCtn {
        display: flex;
        width: 42.9%;
        padding: 2.77778rem;
        flex-direction: column
    }
}

@media (min-width: 85.25em) {
    #footer .footerCtn .sitemapCtn {
        padding: 4.44444rem 3.88889rem
    }
}

#footer .footerCtn .mapsCtn {
    height: 20rem;
    display: block;
    overflow: hidden;
    width: 100%
}

#footer .footerCtn .mapsCtn iframe {
    height: 100%;
    width: 100%;
    overflow: hidden
}

@media (min-width: 75em) {
    #footer .footerCtn .mapsCtn {
        width: 57.1%;
        height: 24.16667rem
    }
}

@media (min-width: 85.25em) {
    #footer .footerCtn .mapsCtn {
        height: 27.77778rem
    }
}

#footer .navi {
    display: none;
    justify-content: center
}

#footer .navi li {
    margin-bottom: .27778rem
}

@media (min-width: 95em) {
    #footer .navi li {
        margin-bottom: .44444rem
    }

    #footer .navi li.allgemeineBeurkundungen {
        min-width: 12.77778rem
    }
}

#footer .navi li a {
    color: #181817
}

#footer .navi li a:hover {
    color: #133ed0
}

#footer .navi li a.active {
    font-weight: 700
}

@media (min-width: 95em) {
    #footer .navi li a {
        font-size: 1rem
    }
}

#footer .navi li.hasSub>a:after {
    content: '\ea1d';
    color: #133ed0;
    font-family: "icomoon"
}

#footer .navi li.hasSub .sub {
    position: relative;
    padding-left: .66667rem
}

@media (min-width: 95em) {
    #footer .navi li.hasSub .sub {
        margin-top: .5rem
    }
}

body.firefox #footer .navi li.hasSub .sub,
body.internetExplorer #footer .navi li.hasSub .sub,
body.edge #footer .navi li.hasSub .sub {
    border-left: 1px solid #133ed0
}

#footer .navi li.hasSub .sub:before {
    content: '';
    position: absolute;
    width: 1px;
    background-color: #133ed0;
    height: 92%;
    left: 1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

body.firefox #footer .navi li.hasSub .sub:before,
body.internetExplorer #footer .navi li.hasSub .sub:before,
body.edge #footer .navi li.hasSub .sub:before {
    display: none
}

@media (min-width: 75em) {
    #footer .navi {
        display: block;
        font-size: .88889rem;
        -webkit-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 2.77778rem;
        column-gap: 2.77778rem;
        -webkit-column-fill: auto;
        column-fill: auto;
        -moz-column-count: 2;
        -moz-column-gap: 2.77778rem;
        -moz-column-fill: balance
    }
}

@media (min-width: 95em) {
    #footer .navi {
        -webkit-column-gap: 6.66667rem;
        column-gap: 6.66667rem;
        -moz-column-gap: 6.66667rem
    }
}

#footer .footerContact {
    padding: 3.33333rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

@media (min-width: 47.5em) {
    #footer .footerContact {
        flex-direction: row;
        flex-wrap: wrap
    }
}

@media (min-width: 62em) {
    #footer .footerContact {
        width: 44.44444rem;
        margin: 0 auto
    }
}

@media (min-width: 75em) {
    #footer .footerContact {
        justify-content: space-between;
        width: 100%;
        margin: 0
    }
}

#footer .footerContact span,
#footer .footerContact a {
    display: block;
    margin-bottom: .55556rem;
    color: #181817
}

@media (min-width: 47.5em) {

    #footer .footerContact span,
    #footer .footerContact a {
        margin-right: 1.11111rem
    }
}

@media (min-width: 75em) {

    #footer .footerContact span,
    #footer .footerContact a {
        margin-bottom: 0
    }
}

#footer .footerContact .phone:before {
    content: "\ea81";
    font-family: "icomoon";
    position: relative;
    top: 1px;
    color: #133ed0;
    font-weight: 400
}

#footer .footerContact .fax:before {
    content: "\e9b9";
    font-family: "icomoon";
    position: relative;
    top: 2px;
    color: #133ed0;
    margin-right: 3px;
    font-weight: 400
}

#footer .footerContact .email {
    display: inline-block;
    color: #181817
}

@media (min-width: 40em) {
    #footer .footerContact .email {
        position: relative;
        padding-left: 1.11111rem
    }
}

@media (min-width: 95em) {
    #footer .footerContact .email {
        padding-left: 1.27778rem
    }
}

#footer .footerContact .email:before {
    content: "\ea6d";
    font-family: "icomoon";
    position: relative;
    top: 4px;
    color: #133ed0;
    font-size: 1.2em;
    margin-right: 2px;
    transition: color .5s;
    font-weight: 400
}

@media (min-width: 40em) {
    #footer .footerContact .email:before {
        position: absolute;
        left: -3px
    }
}

#footer .footerContact .email:hover {
    color: #133ed0
}

@media (min-width: 47.5em) {
    #footer .footerContact .address {
        margin-right: 0;
        margin-bottom: 0
    }
}

#footer .footerContact .address:before {
    content: "\ea3c";
    font-family: "icomoon";
    position: relative;
    top: 2px;
    color: #133ed0;
    margin-right: 3px;
    font-weight: 400
}

.special-list a {
    color: #181817;
    font-weight: 300
}

.special-list a:hover {
    color: #133ed0
}

a.file, .file_doc_img a {
    display: block;
    margin-bottom: .77778rem
}

.gesetzlicheGrundlagen h3 {
    position: relative
}

.gesetzlicheGrundlagen h3:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #133ed0;
    bottom: -6px
}

.gray-ctn .hr , .ueberUns_section .gray-ctn hr {
    background-color: rgba(24, 24, 23, 0.2);
    margin: 1rem 0
}

body.ueberUns .imgCtn, body .ueberUns_section .imgCtn {
    display: block;
    margin-bottom: 1.66667rem !important
}

body.ueberUns .ctn-content ,body .ueberUns_section .ctn-content {
    align-items: flex-start
}

a.file:before ,.file_doc_img a::before {
    content: "\e926";
    font-family: "icomoon";
    margin-right: .44444rem
}
.file_doc_img  p{margin-bottom: 0;}

form.default {
    overflow: hidden;
    width: 100%
}

form.default ::-webkit-input-placeholder {
    color: #181817
}

form.default ::-moz-placeholder {
    color: #181817
}

form.default :-ms-input-placeholder {
    color: #181817 !important
}

form.default :-moz-placeholder {
    color: #181817
}

form.default fieldset {
    border: none;
    margin: 0 0 3.5rem 0
}

form.default label,
form.default input,
form.default textarea,
form.default select,
form.default button,
form.default [type="submit"] {
    min-height: 3.5rem
}

form.default label {
    color: inherit;
    display: block;
    padding: 1rem 0 0.6rem;
    position: relative
}

form.default label small {
    color: #D85D00;
    display: inline-block;
    line-height: 0.5rem
}

form.default label[for="Datenschutz"] {
    float: left;
    width: calc(100% - 1.66667rem)
}

form.default [type="text"],
form.default [type="tel"],
form.default [type="email"],
form.default [type="file"],
form.default input,
form.default textarea,
form.default select {
    background: #fff;
    border: 1px solid #bbb;
    color: #181817;
    display: block;
    font-family: "Barlow", sans-serif;
    font-size: 1rem;
    line-height: 1.55556rem;
    margin: 0 0 0.5rem 0;
    padding: 0.8rem;
    position: relative;
    resize: none;
    width: 100%;
    border-radius: 0
}

form.default [type="text"]:focus,
form.default [type="tel"]:focus,
form.default [type="email"]:focus,
form.default [type="file"]:focus,
form.default input:focus,
form.default textarea:focus,
form.default select:focus {
    background: #fafafa;
    outline: none
}

form.default textarea {
    min-height: 7.5rem;
    padding-top: 0.9rem
}

form.default textarea[name="Nachricht"] {
    min-height: 18.5rem
}

form.default [type="checkbox"] {
    display: inline-block;
    float: right;
    margin: 0 0 0.5rem .83333rem;
    padding: 0;
    width: .83333rem;
    height: .83333rem
}

body.iexplore form.default [type="checkbox"] {
    border: none
}

body.iexplore form.default [type="checkbox"]:focus {
    background: none
}

form.default [type="radio"] {
    clear: none;
    float: left;
    width: .83333rem;
    margin: 0.4rem 0.8rem 0 0;
    min-height: auto
}

form.default button,
form.default [type="submit"] {
    margin: 0 0 1.75rem;
    width: 100%
}

.specialfield {
    display: none !important;
    visibility: hidden !important
}

#newsletter-info {
    background: #D85D00;
    color: #fff;
    font-weight: bold;
    margin-bottom: 28px;
    padding: 18px
}

#newsletter-info *:last-of-type {
    margin-bottom: 0
}

img[name="vimg"]+input[name="imgverify"] {
    float: right
}


#header .grayCtn .claimCtn .contacts .address{display: none ;}
#navigation nav ul.navi li ul li:nth-child(2){display: none;}
#navigation nav ul.navi li:nth-child(9),#navigation nav ul.navi li:nth-child(10){display: none;}
#header .grayCtn .claimCtn .claim strong {
    font-weight: 800;
}

@media only screen and (max-width: 1199px) {
    #navigation nav ul.navi li ul li:nth-child(2){display: block;}
#navigation nav ul.navi li:nth-child(9),#navigation nav ul.navi li:nth-child(10){display: block;}
}
/*# sourceMappingURL=styles.css.map */