body {
    font-family:"Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    overflow-x:hidden;
}

.container-fluid, .container {
    padding-left:0 !important;
    padding-right:0 !important;
}

.row {
    margin-left:0 !important;
    margin-right:0 !important;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left:0;
    padding-right:0;
}

.col-xs-12, .col-sm-12, .col-lg-12, .col-md-12 {
    width: 100%;
}

/**
 * WordPress Generated Classes
 * http://codex.wordpress.org/CSS#WordPress_Generated_Classes
 */

/* Alignment */
.alignnone {
    margin-left:0;
    margin-right:0;
    max-width:100%;
    height:auto;
}

.aligncenter {
    clear:both;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

@media (max-width:767px) {
    .alignleft {
        display:inline;
        float:left;
        margin-right:1.5em;
    }

    .alignright {
        display:inline;
        float:right;
        margin-left:1.5em;
    }
}

/* Captions */
.wp-caption {
    margin-bottom:1.5em;
    max-width:100%;
}

.wp-caption img[class*="wp-image-"] {
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.wp-caption .wp-caption-text {
    margin:0.8075em 0;
}

.wp-caption-text {
    text-align:center;
}

/* Gallery */
.gallery {
    margin-bottom:1.5em;
}

.gallery-item {
    display:inline-block;
    text-align:center;
    vertical-align:top;
    width:100%;
}

.gallery-columns-2 .gallery-item {
    max-width:50%;
}

.gallery-columns-3 .gallery-item {
    max-width:33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width:25%;
}

.gallery-columns-5 .gallery-item {
    max-width:20%;
}

.gallery-columns-6 .gallery-item {
    max-width:16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width:14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width:12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width:11.11%;
}

.gallery-caption {
    display:block;
}

/* Text meant only for screen readers (from bootstrap sr-only) */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}


a {
    text-decoration: none;
    transition: color .8s;
    -webkit-transition: color .8s;
    -moz-transition: color .8s;
}

a, a:hover, a:active, a:focus {
    text-decoration: none;
}

.only-smartphone {
    display: none;
}


/* -------------------- NAVBAR -------------------- */
.navbar-default {
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}

.navbar {
    border-radius: 0 !important;
}

.navbar {
    min-height: 10px !important;
    border: none !important;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none !important;
}

.navbar-collapse {
    padding-right: 0 !important;
    padding-left: 0 !important;
    border-top: none !important;
    box-shadow: none !important;
}

.nav > li > a {
    padding: 0 !important;
}

.navbar-brand, .navbar-header {
    display: none;
}


/* --------------- HEADER --------------- */

#header {
    width: 100%;
    position: relative;
}

.headbar {
    width: 100%;
    left: 0;
    top: 0;
    z-index: 600;
}

.headbar-startseite {
    position: absolute;
}

.headbar-unterseite {
    position: fixed;
    background: #fff;
}

.header-inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.logo a {
    display: block;
    text-indent: -9999px;
    outline: none;
}

.headbar-startseite .logo a {
    background: url('../img/logo.png') 0 0 no-repeat;
}

.headbar-unterseite .logo a {
    background: url('../img/hotel-lucia_unterseite_logo.jpg') 0 0 no-repeat;
}

.headernav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.headernav ul li a {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
}

.headbar-startseite .headernav ul li a {
    color: #ffffff;
}

.headbar-unterseite .headernav ul li a {
    color: #404040;
}

.headbar-startseite .headernav ul li a:hover, .headbar-startseite .headernav ul li.current-menu-item a {
    color: rgba(255,255,255,.35);
}

.headbar-unterseite .headernav ul li a:hover, .headbar-unterseite .headernav ul li.current-menu-item a {
    color: #C84414;
}

.header-right {
    display: flex;
    position: relative;
}

.headbar-startseite .buchen-button {
    background: #fff;
    position: fixed;
    z-index: 600;
}

.headbar-unterseite .buchen-button {
    position: relative;
    z-index: 600;
}

.buchen-button a {
    display: block;
    color: #e9521b;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: background .8s;
    -webkit-transition: background .8s;
    -moz-transition: background .8s;
}

.buchen-button a:hover {
    color: #e9521b;
}

.headbar-startseite .nav-button {
    position: fixed;
    z-index: 600;
}

.headbar-unterseite .nav-button {
    position: relative;
    z-index: 600;
}

.nav-button > a {
    display: block;
    text-indent: -9999px;
    outline: none;
    background-color: #e9521b;
    background-image: linear-gradient(to right, #e9521b 0%, #ed5e2a 100%);
    position: relative;
}

.open-nav > span {
    position: absolute;
    background: #fff;
    transition: width .8s, transform .8s, opacity .8s, left .8s, top .8s;
    -webkit-transition: width .8s, transform .8s, opacity .8s, left .8s, top .8s;
    -moz-transition: width .8s, transform .8s, opacity .8s, left .8s, top .8s;
}

.nav-button.open .open-nav1 {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.nav-button.open .open-nav2 {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.nav-button.open .open-nav3 {
    opacity: 0;
}

.headerbild {
    width: 100%;
}

.headerbild img {
    width: 100%;
    height: auto;
}


/* ------------ FULLSCREENNAV ------------- */

.navi-hidden {
    margin: 0;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 500;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.96);
    transition: opacity .8s, visibility .8s, left .8s;
    -webkit-transition: opacity .8s, visibility .8s, left .8s;
    -moz-transition: opacity .8s, visibility .8s, left .8s;
}

.navi-hidden.open {
    opacity: 1;
    visibility: visible;
}

.navigationen {
    width: 100%;
    height: 100%;
}

.navi-inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    align-content: center;
}

.fullscreennav {
    width: 100%;
}

.fullscreennav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.fullscreennav ul li {
    width: 100%;
    position: relative;
}

.fullscreennav ul li:hover {
    z-index: 5;
}

.fullscreennav ul li a {
    display: inline-block;
    position: relative;
    color: #262626;
    font-family: 'EB Garamond', serif;
    font-weight: 400;
    text-decoration: none !important;
}

.fullscreennav ul li a::after {
    opacity: 0;
    content: "";
    position: absolute;
    background-color: #e9521b;
    transition: width .8s, opacity .8s;
    -webkit-transition: width .8s, opacity .8s;
    -moz-transition: width .8s, opacity .8s;
}

.fullscreennav ul li a:hover, .fullscreennav ul li.current-menu-item a {
    color: #e9521b;
}

.fullscreennav ul li a:hover::after, .fullscreennav ul li.current-menu-item a::after {
    opacity: 1;
}

.fullscreennav ul li a .nav-img {
    opacity: 0;
    position: fixed;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    z-index: -10;
    transition: opacity .8s;
    -webkit-transition: opacity .8s;
    -moz-transition: opacity .8s;
}

.fullscreennav ul li.current-menu-item a .nav-img {
    opacity: 1;
}

.fullscreennav ul li a:hover .nav-img {
    opacity: 10;
}

.fullscreennav ul li a .nav-img .img-border {
    position: relative;
}

.fullscreennav ul li a .nav-img .img-border::after {
    content: "";
    position: absolute;
    border: 4px solid #e9521b;
    width: 100%;
    height: 100%;
}

.servicenav {
    width: 100%;
    position: absolute;
}

.servicenav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.servicenav ul li {
    background: url('../img/fullscreen-menu_service-link_dot.png') left center no-repeat;
}

.servicenav ul li:first-child {
    background: transparent;
}

.servicenav ul li a {
    display: block;
    opacity: 0.5;
    color: #262626;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none !important;
}

.servicenav ul li a:hover {
    color: #e9521b;
}



/* --------------- FOOTER --------------- */

#footer {
    width: 100%;
    color: #252525;
    font-weight: 400;
}

#footer a {
    color: #e9521b;
    text-decoration: none !important;
}

#footer h3 {
    color: #262626;
    font-family: 'EB Garamond', serif;
    font-weight: 400;
}

.footer-wrapper {
    background: url('../img/footer-wasserzeichen_logo.png') center bottom no-repeat #f8f9fa;
    width: 100%;
}

.footer-inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#footer .buchungsanfrage-link a {
    display: block;
    color: #ffffff;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: background .8s;
    -webkit-transition: background .8s;
    -moz-transition: background .8s;
}

#footer .buchungsanfrage-link a:hover {
    background-color: #c64617;
}

.footer-right {
    display: flex;
}

.footerbar {
    background: #fff;
    width: 100%;
}

.footerbar-inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.footerbar-title {
    color: #262626;
    font-family: 'EB Garamond', serif;
    font-weight: 400;
}

.footerbar-teaser {
    color: #252525;
    font-weight: 400;
}

#footer .footerbar-button a {
    display: block;
    color: #ffffff;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    transition: background .8s;
    -webkit-transition: background .8s;
    -moz-transition: background .8s;
}

#footer .footerbar-button a:hover {
    background-color: #D14715;
}



/* --------------- CONTENT ---------------- */

#content1 {
    width: 100%;
    background: #fff;
}

.content1-inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#content1 h1 {
    color: #262626;
    font-family: 'EB Garamond', serif;
    font-weight: 400;
    text-align: left;
}

.h1-subtitle {
    width: 100%;
    display: block;
    color: #262626;
    font-family: 'Open Sans', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    text-align: left;
}

.content1-text {
    width: 100%;
}

#content2 {
    width: 100%;
}

#content-wolken-bg {
    width: 100%;
    background: url('../img/09-berg_non-scroll.jpg') center bottom no-repeat;
    overflow: hidden;
}

#content4 {
    width: 100%;
    position: relative;
}

.content4-inner {
    width: 100%;
}

.kompetenz {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.kompetenz-left {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    text-align: center;
}

#content4 h3 {
    color: #262626;
    font-family: 'EB Garamond', serif;
    font-weight: 400;
}

.kompetenz-button {
    width: 100%;
    display: flex;
    justify-content: center;
}

#content4 .kompetenz-button a {
    display: block;
    color: #ffffff;
    background-color: #e9521b;
    font-weight: 500;
    text-transform: uppercase;
    transition: background .8s;
    -webkit-transition: background .8s;
    -moz-transition: background .8s;
}

#content4 .kompetenz-button a:hover {
    background-color: #c64617 !important;
}

.kompetenz-right img {
    width: 100%;
    height: auto;
}

#content5 {
    width: 100%;
}

.content5-slider {
    width: 100%;
}

#content5 h2 {
    width: 100%;
    text-align: center;
    color: #262626;
    font-family: 'EB Garamond', serif;
    font-weight: 400;
}

.content5-inner {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.content5-text {
    text-align: center;
}

.content5-iframe iframe {
    width: 100%;
}

.content5-infobox {
    background: url('../img/anfrage-infobox_wasserzeichen.jpg') 40px center no-repeat #eb531c;
    text-align: center;
    color: #fff;
    font-weight: 400;
    position: relative;
}

.content5-infobox strong {
    font-style: italic;
    font-weight: 700;
}

.infobox-link {
    position: absolute;
    right: 0;
    bottom: 0;
}

.infobox-link a {
    display: block;
    text-indent: -9999px;
    outline: none;
    background: url('../img/anfrage-infobox-wasserzeichen_button.jpg') 0 0 no-repeat;
}

#content6 {
    width: 100%;
    background: #f8f9fa;
}

.content6-inner {
    width: 100%;
    text-align: center;
}

#content6 h3 {
    color: #262626;
    font-family: 'EB Garamond', sans-serif;
    font-weight: 400;
}

.content6-text {
    width: 100%;
}

#content6 .content-button {
    width: 100%;
    display: flex;
    justify-content: center;
}

#content6 .content-button a {
    display: block;
    color: #ffffff;
    font-weight: 400;
    text-transform: uppercase;
    text-align: left;
    transition: background .8s;
    -webkit-transition: background .8s;
    -moz-transition: background .8s;
    position: relative;
}

#content6 .content-button a:hover {
    background-color: #c64617;
}

#content6 .content-button a::after {
    content: "";
    position: absolute;
}

.content6-inhalt {
    width: 100%;
    opacity: 0;
    visibility: hidden;
    height: 0;
    transition: opacity .2s, visibility .2s, height .8s .8s;
    -webkit-transition: opacity .2s, visibility .2s, height .8s .8s;
    -moz-transition: opacity .2s, visibility .2s, height .8s .8s;
}

.content6-inhalt.open {
    opacity: 1;
    visibility: visible;
    height: auto;
}

.content6-inhalt-inner {
    width: 100%;
}



/* -------- WIEDERKEHRENDE BEREICHE ------- */

#content3, #content7, #content8 {
    width: 100%;
    position: relative;
}

.content3-slider, .content7-slider, .content8-slider {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.content-overlay {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 100;
}

#content3 h2, #content7 h2, #content8 h2 {
    width: 100%;
    color: #fff;
    text-align: center;
    font-family: 'EB Garamond', serif;
    font-weight: 400;
}

.content-button {
    width: 100%;
    display: flex;
    justify-content: center;
}

#content3 .content-button a, #content7 .content-button a, #content8 .content-button a {
    display: block;
    font-weight: 400;
    text-transform: uppercase;
    transition: background .8s;
    -webkit-transition: background .8s;
    -moz-transition: background .8s;
}

#content3 .content-button a, #content7 .content-button a, #content8 .content-button a {
    color: #ffffff;
}

#content3 .content-button a:hover, #content7 .content-button a:hover, #content8 .content-button a:hover {
    background-color: #c64617;
}

.content-textbox {
    box-shadow: 0 15px 40px rgba(0,0,0,.2);
    text-align: center;
}

#content3 .content-textbox h3, #content7 .content-textbox h3, #content8 .content-textbox h3 {
    width: 100%;
    text-align: center;
    color: #262626;
    font-family: 'EB Garamond', serif;
    font-weight: 400;
}

.content-services {
    width: 100%;
}

#content7 .content-services h3 {
    width: 100%;
    text-align: center;
    font-weight: 400;
}

.content7-bg {
    left: 0;
    position: absolute;
    background: url('../img/hotel-lucia_wasserzeichen_scroll-down.png') center 0 no-repeat;
    width: 100%;
    z-index: -10;
}

.service-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.service-wrapper > div span {
    color: #808080;
}

.service1 {
    background: url('../img/content-icon_fruehstuecksbuffet.png') center top no-repeat;
}

.service2 {
    background: url('../img/content-icon_vier-gaenge-menu.png') center top no-repeat;
}

.service3 {
    background: url('../img/content-icon_partplaetze.png') center top no-repeat;
}

.service4 {
    background: url('../img/content-icon_urlaubsplanung.png') center top no-repeat;
}

#content8 .content-textbox a {
    color: #e9521b;
}

#content8 .content-textbox a .content-icon {
    background: url('../img/content-box_link-pfeil.png') right bottom no-repeat;
    display: inline-block;
    transition: margin .8s;
    -webkit-transition: margin .8s;
    -moz-transition: margin .8s;
}


/* ----------- BEWEGTE OBJEKTE ----------- */

.move-objects {
    position: absolute;
    z-index: -10;
    transition: transform 5s;
    -webkit-transition: transform 5s;
    -moz-transition: transform 5s;
}

.wolken-scroll-down {
    background: url('../img/1-wolken_scroll-down.png') 0 0 no-repeat;
    left: 0;
}

.wolken-scroll-up {
    background: url('../img/2-wolken_scroll-up.png') 0 0 no-repeat;
    top: 0;
}

.berg-scroll-up {
    background: url('../img/3-berg_scroll-up.png') 0 0 no-repeat;
}

.berg-scroll-down {
    background: url('../img/4-berg_scroll-down.jpg') 0 0 no-repeat;
    right: 0;
}

.wolken2-scroll-up {
    background: url('../img/5-wolken_scroll-up.jpg') 0 0 no-repeat;
    left: 0;
}

.gondel-scroll-up {
    background: url('../img/6-gondel_scroll-up.jpg') 0 0 no-repeat;
    right: 0;
}

.berg2-scroll-down {
    background: url('../img/07-berg_scroll-down.jpg') 0 0 no-repeat;
}

.berg2-scroll-up {
    background: url('../img/08-berg_scroll-up.jpg') 0 0 no-repeat;
    right: 0;
}

@media (min-width: 1581px) {
    .wolken-scroll-down {width: 1987px; height: 295px; top: -350px;}
    .wolken-scroll-up {width: 1189px; height: 193px; right: -100px;}
    .berg-scroll-up {width: 1153px; height: 428px; left: -50px; top: 20px;}
    .berg-scroll-down {width: 627px; height: 383px; top: 500px;}
    .wolken2-scroll-up {width: 715px; height: 162px; top: 700px;}
    .gondel-scroll-up {width: 688px; height: 449px; top: 1180px;}
    .berg2-scroll-down {width: 856px; height: 342px; left: -200px; top: 1350px;}
    .berg2-scroll-up {width: 682px; height: 148px; bottom: 550px;}

    .wolken-scroll-down.moveit-moveit {transform: translate(0, 70px);}
    .wolken-scroll-up.moveit-moveit {transform: translate(0, -70px);}
    .berg-scroll-up.moveit-moveit {transform: translate(0, -70px);}
    .berg-scroll-down.moveit-moveit {transform: translate(0, 70px);}
    .wolken2-scroll-up.moveit-moveit {transform: translate(0, -70px);}
    .gondel-scroll-up.moveit-moveit {transform: translate(0, -70px);}
    .berg2-scroll-down.moveit-moveit {transform: translate(0, 70px);}
    .berg2-scroll-up.moveit-moveit {transform: translate(0, -70px);}
}

@media (min-width: 1200px) and (max-width: 1580px) {
    .move-objects {
        position: absolute;
        z-index: -10;
        transition: transform 4s;
        -webkit-transition: transform 4s;
        -moz-transition: transform 4s;
    }

    .wolken2-scroll-up {width: 715px; height: 120px; top: 600px; background-size: contain !important;}
    .gondel-scroll-up {width: 390px; height: 300px; top: 1000px; background-size: contain !important;}
    .berg2-scroll-down {width: 856px; height: 200px; left: -200px; top: 1580px; background-size: contain !important;}
    .wolken-scroll-down {width: 1987px; height: 195px; top: -350px; background-size: contain !important;}
    .berg-scroll-up {width: 1153px; height: 428px; left: -250px; top: -50px;}
    .berg-scroll-down {width: 400px; height: 250px; top: 500px; background-size: contain !important;}

    #content-wolken-bg {background-size: 1580px !important;}
}




/* --------------- RESPONSIVE HEADER & FOOTER --------------- */

@media (min-width: 1741px) {
    .logo, .header-right {width: 333px;}

    .headbar-startseite .header-inner {padding: 50px;}
    .headbar-unterseite .header-inner {padding: 0;}
    .headbar-startseite .logo a {width: 230px; height: 95px;}
    .headbar-unterseite .logo {padding-left: 15px;}
    .headbar-unterseite .logo a {width: 159px; height: 66px; background-size: cover !important;}
    .headbar-startseite .headernav ul li {background: url('../img/main-menu-transparent-dots.png') right center no-repeat;}
    .headbar-unterseite .headernav ul li {background: url('../img/fullscreen-menu_service-link_dot.png') right center no-repeat;}
    .headerbild {padding-top: 90px;}

    .headernav ul li:last-child {background: transparent !important;}
    .headernav ul li a {font-size: 16px; line-height: 27.79px; letter-spacing: 1.5px; padding: 0 27px 0 26px;}
    .headbar-startseite .buchen-button {right: 141px; top: 50px;}
    .headbar-startseite .nav-button {right: 50px; top: 50px;}
    .buchen-button a {background: url('../img/button-jetzt-buchen_nonhover.png') 85% center no-repeat;
        width: 242px; height: 90px; padding-left: 30px; line-height: 90px; font-size: 18px; letter-spacing: 1.5px;}
    .buchen-button a:hover {background: url('../img/button-jetzt-buchen_hover.png') 85% center no-repeat;}
    .nav-button > a {width: 91px; height: 90px;}
    .open-nav > span {left: 31px; height: 2px;}
    .open-nav1 {width: 28px; top: 36px;}
    .open-nav2 {width: 21px; top: 44px;}
    .open-nav3 {width: 25px; top: 52px;}
    .nav-button.open .open-nav1 {top: 44px !important; width: 28px !important;}
    .nav-button.open .open-nav2 {width: 28px !important;}

    .open-nav:hover .open-nav1 {width: 25px;}
    .open-nav:hover .open-nav2 {width: 23px;}
    .open-nav:hover .open-nav3 {width: 28px;}

    .navi-inner {padding: 80px 30px 80px 110px;}
    .fullscreennav ul li a {font-size: 64px; line-height: 100px; letter-spacing: 2.5px;}
    .fullscreennav ul li a::after {width: 0; height: 3px; right: -154px; top: 50px;}
    .fullscreennav ul li a:hover::after, .fullscreennav ul li.current-menu-item a::after {width: 123px;}
    .servicenav {left: 104px; bottom: 50px;}
    .servicenav ul li {padding: 0 10px 0 16px;}
    .servicenav ul li a {font-size: 16px; line-height: 27.79px; letter-spacing: 1.6px; padding: 0 10px;}
    .fullscreennav ul li a .nav-img {right: 50px;}
    .fullscreennav ul li a .nav-img img {max-width: 950px; height: auto;}
    .fullscreennav ul li a .nav-img .img-border::after {left: -22px; top: 18px;}


    #footer {padding: 0 30px 0 30px; font-size: 16px; line-height: 37.11px;}
    #footer h3 {font-size: 45px; line-height: 60px; letter-spacing: 2px; margin: 0 0 42px 0;}
    .footer-inner {padding: 100px;}
    .footer-anfrage {width: 610px;}
    .footer-kontakt {margin-right: 120px;}
    .buchungsanfrage-link {padding-top: 30px;}
    .buchungsanfrage-link a {width: 274px; height: 90px; font-size: 18px; line-height: 27.81px; letter-spacing: 1.9px; padding: 31px 20px 10px 40px;
        background: url('../img/footer-button_anfrage.png') 86% center no-repeat #D14715;}

    .footerbar-inner {padding: 80px 100px;}
    .footerbar-title {min-width: 500px; max-width: 500px; font-size: 40px; line-height: 44px; letter-spacing: 1.3px;}
    .footerbar-teaser {max-width: 685px; padding: 0 50px; font-size: 16px; line-height: 37.11px;}
    #footer .footerbar-button {min-width: 360px; max-width: 360px;}
    #footer .footerbar-button a {width: 100%; height: 125px; font-size: 18px; line-height: 23.81px; letter-spacing: 1.9px; padding: 58px 60px 10px 60px;
        background: url('../img/footer-button_umweltschutz.png') center 20px no-repeat #373737;}
}

@media (min-width: 1581px) and (max-width: 1740px){
    .headbar-startseite .header-inner {padding: 30px;}
    .headbar-unterseite .header-inner {padding: 0;}
    .headbar-startseite .logo a {width: 230px; height: 95px;}
    .headbar-unterseite .logo {padding-left: 15px;}
    .headbar-unterseite .logo a {width: 159px; height: 66px; background-size: cover !important;}
    .headbar-startseite .headernav ul li {background: url('../img/main-menu-transparent-dots.png') right center no-repeat;}
    .headbar-unterseite .headernav ul li {background: url('../img/fullscreen-menu_service-link_dot.png') right center no-repeat;}
    .headerbild {padding-top: 90px;}

    .logo, .header-right {width: 333px;}
    .headernav ul li:last-child {background: transparent !important;}
    .headernav ul li a {font-size: 16px; line-height: 27.79px; letter-spacing: 1.5px; padding: 0 22px 0 18px;}
    .headbar-startseite .buchen-button {right: 121px; top: 30px;}
    .headbar-startseite .nav-button {right: 30px; top: 30px;}
    .buchen-button a {background: url('../img/button-jetzt-buchen_nonhover.png') 85% center no-repeat;
        width: 242px; height: 90px; padding-left: 30px; line-height: 90px; font-size: 18px; letter-spacing: 1.5px;}
    .buchen-button a:hover {background: url('../img/button-jetzt-buchen_hover.png') 85% center no-repeat;}
    .nav-button > a {width: 91px; height: 90px;}
    .open-nav > span {left: 31px; height: 2px;}
    .open-nav1 {width: 28px; top: 36px;}
    .open-nav2 {width: 21px; top: 44px;}
    .open-nav3 {width: 25px; top: 52px;}
    .nav-button.open .open-nav1 {top: 44px !important; width: 28px !important;}
    .nav-button.open .open-nav2 {width: 28px !important;}

    .open-nav:hover .open-nav1 {width: 25px;}
    .open-nav:hover .open-nav2 {width: 23px;}
    .open-nav:hover .open-nav3 {width: 28px;}

    .navi-inner {padding: 80px 30px 80px 110px;}
    .fullscreennav ul li a {font-size: 54px; line-height: 90px; letter-spacing: 2.5px;}
    .fullscreennav ul li a::after {width: 0; height: 3px; right: -140px; top: 45px;}
    .fullscreennav ul li a:hover::after, .fullscreennav ul li.current-menu-item a::after {width: 110px;}
    .servicenav {left: 106px; bottom: 50px;}
    .servicenav ul li {padding: 0 10px 0 16px;}
    .servicenav ul li a {font-size: 16px; line-height: 27.79px; letter-spacing: 1.6px; padding: 0 10px;}
    .fullscreennav ul li a .nav-img {right: 30px;}
    .fullscreennav ul li a .nav-img img {max-width: 750px; height: auto;}
    .fullscreennav ul li a .nav-img .img-border::after {left: -22px; top: 18px;}


    #footer {padding: 0 30px 0 30px; font-size: 16px; line-height: 37.11px;}
    #footer h3 {font-size: 45px; line-height: 60px; letter-spacing: 2px; margin: 0 0 42px 0;}
    .footer-inner {padding: 100px 80px;}
    .footer-anfrage {width: 610px;}
    .footer-kontakt {margin-right: 120px;}
    .buchungsanfrage-link {padding-top: 30px;}
    .buchungsanfrage-link a {width: 274px; height: 90px; font-size: 18px; line-height: 27.81px; letter-spacing: 1.9px; padding: 31px 20px 10px 40px;
        background: url('../img/footer-button_anfrage.png') 86% center no-repeat #e9521b;}

    .footerbar-inner {padding: 80px 80px;}
    .footerbar-title {min-width: 450px; max-width: 450px; font-size: 36px; line-height: 40px; letter-spacing: 1.3px;}
    .footerbar-teaser {padding: 0 50px; font-size: 15px; line-height: 32px;}
    #footer .footerbar-button {min-width: 320px; max-width: 320px;}
    #footer .footerbar-button a {width: 100%; height: 125px; font-size: 18px; line-height: 23.81px; letter-spacing: 1.9px; padding: 58px 50px 10px 50px;
        background: url('../img/footer-button_umweltschutz.png') center 20px no-repeat #373737;}
}

@media (min-width: 1330px) and (max-width: 1450px) {
    .headbar-startseite .headernav {display: none !important;}
}

@media (min-width: 1330px) and (max-width: 1580px){
    .headbar-startseite .header-inner {padding: 30px;}
    .headbar-unterseite .header-inner {padding: 0;}
    .headbar-startseite .logo a {width: 194px; height: 80px; background-size: cover !important;}
    .headbar-unterseite .logo {padding-left: 15px;}
    .headbar-unterseite .logo a {width: 149px; height: 62px; background-size: cover !important;}
    .headbar-startseite .headernav ul li {background: url('../img/main-menu-transparent-dots.png') right center no-repeat;}
    .headbar-unterseite .headernav ul li {background: url('../img/fullscreen-menu_service-link_dot.png') right center no-repeat;}
    .headerbild {padding-top: 75px;}

    .logo, .headbar-startseite .header-right {width: 200px;}

    .headernav ul li:last-child {background: transparent !important;}
    .headernav ul li a {font-size: 15px; line-height: 27.79px; letter-spacing: 1.5px; padding: 0 20px 0 19px;}
    .headbar-unterseite .headernav ul li a {font-size: 14px !important;}
    .headbar-startseite .buchen-button {right: 105px; top: 30px;}
    .headbar-startseite .nav-button {right: 30px; top: 30px;}
    .buchen-button a {background: url('../img/button-jetzt-buchen_nonhover.png') 89% center no-repeat;
        width: 205px; height: 75px; padding-left: 25px; line-height: 75px; font-size: 16px; letter-spacing: 1.5px;}
    .buchen-button a:hover {background: url('../img/button-jetzt-buchen_hover.png') 89% center no-repeat;}
    .nav-button > a {width: 75px; height: 75px;}
    .open-nav > span {left: 24px; height: 2px;}
    .open-nav1 {width: 28px; top: 27px;}
    .open-nav2 {width: 21px; top: 35px;}
    .open-nav3 {width: 25px; top: 43px;}
    .nav-button.open .open-nav1 {top: 35px !important; width: 28px !important;}
    .nav-button.open .open-nav2 {width: 28px !important;}

    .open-nav:hover .open-nav1 {width: 25px;}
    .open-nav:hover .open-nav2 {width: 23px;}
    .open-nav:hover .open-nav3 {width: 28px;}

    .navi-inner {padding: 80px 30px 80px 110px;}
    .fullscreennav ul li a {font-size: 54px; line-height: 90px; letter-spacing: 2.5px;}
    .fullscreennav ul li a::after {width: 0; height: 3px; right: -140px; top: 45px;}
    .fullscreennav ul li a:hover::after, .fullscreennav ul li.current-menu-item a::after {width: 110px;}
    .servicenav {left: 106px; bottom: 50px;}
    .servicenav ul li {padding: 0 10px 0 16px;}
    .servicenav ul li a {font-size: 16px; line-height: 27.79px; letter-spacing: 1.6px; padding: 0 10px;}
    .fullscreennav ul li a .nav-img {right: 30px;}
    .fullscreennav ul li a .nav-img img {max-width: 750px; height: auto;}
    .fullscreennav ul li a .nav-img .img-border::after {left: -22px; top: 18px;}


    #footer {padding: 0 30px 0 30px; font-size: 15px; line-height: 32px;}
    #footer h3 {font-size: 42px; line-height: 55px; letter-spacing: 2px; margin: 0 0 42px 0;}
    .footer-inner {padding: 100px 50px;}
    .footer-anfrage {width: 510px;}
    .footer-kontakt {margin-right: 90px;}
    .buchungsanfrage-link {padding-top: 30px;}
    .buchungsanfrage-link a {width: 260px; height: 80px; font-size: 16px; line-height: 27.81px; letter-spacing: 1.6px; padding: 27px 20px 10px 40px;
        background: url('../img/footer-button_anfrage.png') 86% center no-repeat #e9521b;}

    .footerbar-inner {padding: 80px 50px;}
    .footerbar-title {min-width: 380px; max-width: 380px; font-size: 30px; line-height: 36px; letter-spacing: 1.3px;}
    .footerbar-teaser {padding: 0 50px; font-size: 15px; line-height: 32px;}
    #footer .footerbar-button {min-width: 300px; max-width: 300px;}
    #footer .footerbar-button a {width: 100%; height: 115px; font-size: 16px; line-height: 23.81px; letter-spacing: 1.6px; padding: 56px 30px 10px 30px;
        background: url('../img/footer-button_umweltschutz.png') center 19px no-repeat #373737;}
}


@media (min-width: 1200px) and (max-width: 1329px){
    .headbar-startseite .header-inner {padding: 30px;}
    .headbar-unterseite .header-inner {padding: 0;}
    .headbar-startseite .logo a {width: 194px; height: 80px; background-size: cover !important;}
    .headbar-unterseite .logo {padding-left: 15px;}
    .headbar-unterseite .logo a {width: 149px; height: 62px; background-size: cover !important;}
    .headbar-startseite .headernav ul li {background: url('../img/main-menu-transparent-dots.png') right center no-repeat;}
    .headbar-unterseite .headernav ul li {background: url('../img/fullscreen-menu_service-link_dot.png') right center no-repeat;}
    .headerbild {padding-top: 75px;}

    .logo, .headbar-startseite .header-right {width: 200px;}
    .headbar-startseite .headernav {display: none;}
    .headernav ul li:last-child {background: transparent !important;}
    .headbar-unterseite .headernav ul li a {font-size: 15px; line-height: 27.79px; letter-spacing: 1.5px; padding: 0 17px 0 13px;}

    .headbar-startseite .buchen-button {right: 105px; top: 30px;}
    .headbar-startseite .nav-button {right: 30px; top: 30px;}
    .buchen-button a {background: url('../img/button-jetzt-buchen_nonhover.png') 89% center no-repeat;
        width: 185px; height: 75px; padding-left: 5px; line-height: 75px; font-size: 16px; letter-spacing: 1.5px;}
    .buchen-button a:hover {background: url('../img/button-jetzt-buchen_hover.png') 89% center no-repeat;}
    .headbar-startseite .buchen-button a {width: 205px; padding-left: 25px;}
    .nav-button > a {width: 75px; height: 75px;}
    .open-nav > span {left: 24px; height: 2px;}
    .open-nav1 {width: 28px; top: 27px;}
    .open-nav2 {width: 21px; top: 35px;}
    .open-nav3 {width: 25px; top: 43px;}
    .nav-button.open .open-nav1 {top: 35px !important; width: 28px !important;}
    .nav-button.open .open-nav2 {width: 28px !important;}
    .open-nav:hover .open-nav1 {width: 25px;}
    .open-nav:hover .open-nav2 {width: 23px;}
    .open-nav:hover .open-nav3 {width: 28px;}

    .navi-inner {padding: 60px 30px 60px 30px;}
    .fullscreennav ul li a {font-size: 44px; line-height: 70px; letter-spacing: 2.5px;}
    .fullscreennav ul li a::after {width: 0; height: 3px; right: -130px; top: 35px;}
    .fullscreennav ul li a:hover::after, .fullscreennav ul li.current-menu-item a::after {width: 100px;}
    .servicenav {left: 30px; bottom: 40px;}
    .servicenav ul li {padding: 0 10px 0 16px;}
    .servicenav ul li a {font-size: 16px; line-height: 27.79px; letter-spacing: 1.6px; padding: 0 10px;}
    .fullscreennav ul li a .nav-img {right: 30px;}
    .fullscreennav ul li a .nav-img img {max-width: 700px; height: auto;}
    .fullscreennav ul li a .nav-img .img-border::after {left: -22px; top: 18px;}

    #footer {padding: 0 30px 0 30px; font-size: 15px; line-height: 32px;}
    #footer h3 {font-size: 42px; line-height: 55px; letter-spacing: 2px; margin: 0 0 42px 0;}
    .footer-inner {padding: 100px 30px;}
    .footer-anfrage {width: 510px;}
    .footer-kontakt {margin-right: 90px;}
    .buchungsanfrage-link {padding-top: 30px;}
    .buchungsanfrage-link a {width: 260px; height: 80px; font-size: 16px; line-height: 27.81px; letter-spacing: 1.6px; padding: 27px 20px 10px 40px;
        background: url('../img/footer-button_anfrage.png') 86% center no-repeat #e9521b;}

    .footerbar-inner {padding: 40px 30px 40px 30px; flex-wrap: wrap; position: relative;}
    .footerbar-title {order: 1; width: 100%; font-size: 30px; line-height: 34px; letter-spacing: 1.3px;}
    .footerbar-teaser {width: 100%; order: 3; padding: 10px 300px 0 0; font-size: 15px; line-height: 30px;}
    #footer .footerbar-button {position: absolute; right: 0; top: 45px; order: 2; min-width: 280px; max-width: 280px;}
    #footer .footerbar-button a {width: 100%; height: 100px; font-size: 16px; line-height: 21px; letter-spacing: 1.6px; padding: 50px 20px 10px 20px;
        background: url('../img/footer-button_umweltschutz.png') center 14px no-repeat #373737;}
}

@media (min-width: 768px) and (max-width: 1199px){
    .headbar-startseite .header-inner {padding: 30px;}
    .headbar-unterseite .header-inner {padding: 0;}
    .headbar-startseite .logo a {width: 194px; height: 80px; background-size: cover !important;}
    .headbar-unterseite .logo {padding-left: 15px;}
    .headbar-unterseite .logo a {width: 140px; height: 58px; background-size: cover !important;}
    .headbar-startseite .headernav ul li {background: url('../img/main-menu-transparent-dots.png') right center no-repeat;}
    .headbar-unterseite .headernav ul li {background: url('../img/fullscreen-menu_service-link_dot.png') right center no-repeat;}
    .headerbild {padding-top: 75px;}

    .logo, .headbar-startseite .header-right {width: 200px;}
    .headernav {display: none;}

    .headbar-startseite .buchen-button {right: 105px; top: 30px;}
    .headbar-startseite .nav-button {right: 30px; top: 30px;}
    .buchen-button a {background: url('../img/button-jetzt-buchen_nonhover.png') 89% center no-repeat;
        width: 205px; height: 75px; padding-left: 25px; line-height: 75px; font-size: 16px; letter-spacing: 1.5px;}
    .buchen-button a:hover {background: url('../img/button-jetzt-buchen_hover.png') 89% center no-repeat;}
    .nav-button > a {width: 75px; height: 75px;}
    .open-nav > span {left: 24px; height: 2px;}
    .open-nav1 {width: 28px; top: 27px;}
    .open-nav2 {width: 21px; top: 35px;}
    .open-nav3 {width: 25px; top: 43px;}
    .nav-button.open .open-nav1 {top: 35px !important; width: 28px !important;}
    .nav-button.open .open-nav2 {width: 28px !important;}
    .open-nav:hover .open-nav1 {width: 25px;}
    .open-nav:hover .open-nav2 {width: 23px;}
    .open-nav:hover .open-nav3 {width: 28px;}

    .navi-inner {padding: 60px 30px 60px 30px;}
    .fullscreennav ul li a {font-size: 34px; line-height: 55px; letter-spacing: 2.5px;}
    .fullscreennav ul li a::after {width: 0; height: 3px; right: -90px; top: 27px;}
    .fullscreennav ul li a:hover::after, .fullscreennav ul li.current-menu-item a::after {width: 70px;}
    .servicenav {left: 20px; bottom: 30px;}
    .servicenav ul li {padding: 0 10px 0 16px;}
    .servicenav ul li a {font-size: 14px; line-height: 27.79px; letter-spacing: 1.6px; padding: 0 5px;}
    .fullscreennav ul li a .nav-img {right: 30px;}
    .fullscreennav ul li a .nav-img img {max-width: 370px; height: auto;}
    .fullscreennav ul li a .nav-img .img-border::after {left: -18px; top: 14px;}

    #footer {padding: 0 30px 0 30px; font-size: 15px; line-height: 32px;}
    #footer h3 {font-size: 36px; line-height: 40px; letter-spacing: 2px; margin: 0 0 30px 0;}
    .footer-inner {padding: 60px 30px; flex-wrap: wrap;}
    .footer-anfrage {width: 100%; padding-bottom: 40px;}
    .footer-kontakt {margin-right: 90px;}
    .buchungsanfrage-link {padding-top: 20px;}
    .buchungsanfrage-link a {width: 240px; height: 60px; font-size: 16px; line-height: 22px; letter-spacing: 1.6px; padding: 19px 10px 10px 30px;
        background: url('../img/footer-button_anfrage.png') 86% center no-repeat #e9521b;}

    .footerbar-inner {padding: 40px 30px 40px 30px; text-align: center; flex-wrap: wrap; position: relative;}
    .footerbar-title {order: 1; width: 100%; font-size: 30px; line-height: 34px; letter-spacing: 1.3px;}
    .footerbar-teaser {width: 100%; order: 2; padding: 20px 0; font-size: 15px; line-height: 30px;}
    #footer .footerbar-button {width: 100%; order: 3; display: flex; justify-content: center;}
    #footer .footerbar-button a {width: 300px; height: 100px; font-size: 16px; line-height: 21px; letter-spacing: 1.6px; padding: 50px 20px 10px 20px;
        background: url('../img/footer-button_umweltschutz.png') center 14px no-repeat #373737;}
}

@media (min-width: 500px) and (max-width: 767px) {
    .headbar-unterseite .buchen-button a {background: url('../img/button-jetzt-buchen_nonhover.png') 89% center no-repeat;
        width: 205px; height: 65px; padding-left: 25px; line-height: 65px; font-size: 16px; letter-spacing: 1.5px;}
    .headbar-unterseite .buchen-button a:hover {background: url('../img/button-jetzt-buchen_hover.png') 89% center no-repeat;}
}

@media (max-width: 499px) {
    .headbar-unterseite .buchen-button a {background: url('../img/button-jetzt-buchen_nonhover.png') center center no-repeat;
        width: 65px; height: 65px; text-indent: -9999px; outline: none;}
    .headbar-unterseite .buchen-button a:hover {background: url('../img/button-jetzt-buchen_hover.png') center center no-repeat;}
}

@media (max-width: 767px) {
    .headbar-startseite .logo {padding: 10px 15px;}
    .headbar-startseite .logo a {width: 170px; height: 70px; background-size: cover !important;}
    .headbar-unterseite .logo {padding-left: 10px;}
    .headbar-unterseite .logo a {width: 125px; height: 52px; background-size: cover !important;}
    .headbar-startseite .headernav ul li {background: url('../img/main-menu-transparent-dots.png') right center no-repeat;}
    .headbar-unterseite .headernav ul li {background: url('../img/fullscreen-menu_service-link_dot.png') right center no-repeat;}
    .headerbild {padding-top: 65px;}

    .logo, .headbar-startseite .header-right {width: 200px;}
    .headernav {display: none;}

    .headbar-startseite .buchen-button {right: 65px; top: 0;}
    .headbar-startseite .nav-button {right: 0; top: 0;}
    .headbar-startseite .buchen-button a {background: url('../img/button-jetzt-buchen_nonhover.png') center center no-repeat;
        width: 65px; height: 65px; text-indent: -9999px; outline: none;}
    .headbar-startseite .buchen-button a:hover {background: url('../img/button-jetzt-buchen_hover.png') center center no-repeat;}

    .nav-button > a {width: 65px; height: 65px;}
    .open-nav > span {left: 19px; height: 2px;}
    .open-nav1 {width: 28px; top: 22px;}
    .open-nav2 {width: 21px; top: 30px;}
    .open-nav3 {width: 25px; top: 38px;}
    .nav-button.open .open-nav1 {top: 30px !important; width: 28px !important;}
    .nav-button.open .open-nav2 {width: 28px !important;}
    .open-nav:hover .open-nav1 {width: 25px;}
    .open-nav:hover .open-nav2 {width: 23px;}
    .open-nav:hover .open-nav3 {width: 28px;}

    .navi-inner {padding: 60px 30px 60px 30px;}
    .fullscreennav ul li a {font-size: 30px; line-height: 50px; letter-spacing: 2.5px;}
    .fullscreennav ul li a::after {width: 0; height: 3px; right: -90px; top: 27px;}
    .fullscreennav ul li a:hover::after, .fullscreennav ul li.current-menu-item a::after {width: 70px;}
    .servicenav {left: 25px; bottom: 25px; width: auto !important; right: 25px;}
    .servicenav ul {flex-wrap: wrap;}
    .servicenav ul li {background: transparent;}
    .servicenav ul li a {font-size: 14px; line-height: 27.79px; letter-spacing: 1.6px; padding: 2px 12px 2px 18px;}
    .fullscreennav ul li a .nav-img {display: none;}
    .fullscreennav ul li a .nav-img img {max-width: 370px; height: auto;}
    .fullscreennav ul li a .nav-img .img-border::after {left: -18px; top: 14px;}

    #footer {font-size: 15px; line-height: 32px;}
    #footer h3 {font-size: 32px; line-height: 40px; letter-spacing: 2px; margin: 0 0 10px 0;}
    .footer-inner {padding: 40px 20px; flex-wrap: wrap; text-align: center;}
    .footer-anfrage {width: 100%; padding-bottom: 25px;}
    .footer-right {flex-wrap: wrap; width: 100%; text-align: center;}
    .footer-kontakt {width: 100%; padding-bottom: 25px;}
    .footer-adresse {width: 100%;}
    .buchungsanfrage-link {padding-top: 20px; display: flex; justify-content: center;}
    .buchungsanfrage-link a {text-align: left; width: 240px; height: 60px; font-size: 16px; line-height: 22px; letter-spacing: 1.6px; padding: 19px 10px 10px 30px;
        background: url('../img/footer-button_anfrage.png') 86% center no-repeat #e9521b;}

    .footerbar-inner {padding: 30px 20px 30px 20px; text-align: center; flex-wrap: wrap; position: relative;}
    .footerbar-title {order: 1; width: 100%; font-size: 30px; line-height: 34px; letter-spacing: 1.3px;}
    .footerbar-teaser {width: 100%; order: 2; padding: 20px 0; font-size: 15px; line-height: 30px;}
    #footer .footerbar-button {width: 100%; order: 3; display: flex; justify-content: center;}
    #footer .footerbar-button a {width: 100%; height: 100px; font-size: 16px; line-height: 21px; letter-spacing: 1.6px; padding: 50px 20px 10px 20px;
        background: url('../img/footer-button_umweltschutz.png') center 14px no-repeat #373737;}
}





/* --------------- RESPONSIVE CONTENT --------------- */

@media (min-width: 1581px) {
    .container {width: 1530px !important; max-width: 1530px !important;}
    .content1-inner {padding: 40px 0 0 0;}
    .content1-left {min-width: 875px; max-width: 875px; padding-top: 140px;}
    #content1 h1 {font-size: 165px; line-height: 145px; letter-spacing: 10px;}
    .h1-subtitle {background: url('../img/superior-sterne.jpg') 6px center no-repeat; font-size: 19px; line-height: 27.79px; letter-spacing: 52px;
        padding-left: 274px; margin-top: 45px;}
    .content1-text {padding: 75px 150px 0 105px;}
    .content1-right img {height: 100%;}
    #content2 {padding-bottom: 230px;}

    #content-wolken-bg {padding-bottom: 110px;}
    .kompetenz {padding: 35px 0;}
    .kompetenz-left {width: 50%; padding: 45px 115px 50px 115px;}
    .kompetenz-right {width: 50%;}
    .content4-inner {padding: 140px 0 20px 0;}
    #content4 h3 {font-size: 55px; line-height: 60px; letter-spacing: 2px; margin: 0 0 45px 0;}
    .kompetenz-2 .kompetenz-left {order: 2;}
    .kompetenz-2 .kompetenz-right {order: 1;}
    .kompetenz-4 .kompetenz-left {order: 2;}
    .kompetenz-4 .kompetenz-right {order: 1;}
    #content4 .kompetenz-button {padding-top: 32px;}
    #content4 .kompetenz-button a {min-width: 290px; height: 90px; font-size: 18px; line-height: 27.81px; letter-spacing: 1.6px; padding: 31px 60px 15px 28px;}
    #content4 .kompetenz-2 .kompetenz-button a {background: url('../img/button_winter-icon.png') 90% center no-repeat #e9521b;}
    #content4 .kompetenz-3 .kompetenz-button a {background: url('../img/button_sommer-icon.png') 90% center no-repeat #e9521b;}

    #content5 h2 {font-size: 55px; line-height: 60px; letter-spacing: 3px; margin: 65px 0 15px 0; padding: 0 20px;}
    .content5-inner {padding-bottom: 100px;}
    .content5-text {width: 1140px; padding: 20px 20px 25px 20px;}
    .content5-iframe {width: 1140px; min-height: 200px;}
    .content5-infobox {width: 1110px; margin: 50px 15px 0 15px; padding: 70px 108px 40px 108px; font-size: 18px; line-height: 37.11px;}
    .infobox-link a {width: 75px; height: 76px;}
    .content5-infobox p {margin: 0 0 30px 0;}

    .content6-inner {padding: 65px 0 80px 0;}
    #content6 h3 {font-size: 55px; line-height: 60px; letter-spacing: 3px; margin: 5px 0 50px 0;}
    .content6-text {padding: 0 280px;}
    #content6 .content-button {padding-top: 35px;}

    #content6 .content-button a {min-width: 312px; height: 90px; font-size: 18px; line-height: 27.81px; padding: 32px 30px 20px 40px; letter-spacing: 1.8px;
        background: #e9521b;}
    #content6 .content-button a.open {padding-right: 55px !important;}
    .content6-inhalt-inner {padding: 80px 0 50px 0;}
    #content6 .content-button a::after {
        background: url('../img/preisliste-oeffnen-icon.png') 0 0 no-repeat;
        width: 17px; height: 17px; right: 46px; top: 36px;
        transition: transform .8s;
        -webkit-transition: transform .8s;
        -moz-transition: transform .8s;
    }
    #content6 .content-button a.open::after {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        right: 32px;
    }

    .content-overlay {padding: 260px 30px 30px 30px; min-height: 840px;}
    .content-button a {font-size: 18px; line-height: 27.81px; letter-spacing: 1.8px; height: 90px;}
    .content-textbox {margin-top: 130px; width: 750px; min-height: 591px;}

    #content3 h2 {font-size: 90px; line-height: 92.06px; letter-spacing: 4px; margin-bottom: 70px;}
    .content3-inner {width: 750px;}
    #content3 .content-button a {width: 274px; padding: 31px 20px 15px 50px; background: url('../img/button-jetzt-buchen_nonhover-white.png') 82% center no-repeat #e9521b;}
    #content3 .content-textbox {background: url('../img/urlaub-im-bregenzerwald_text-block_icon.png') center 60px no-repeat #fff; padding: 110px 80px 40px 80px;}
    #content3 .content-textbox h3 {font-size: 55px; line-height: 60px; letter-spacing: 2px; margin-bottom: 70px;}

    #content7 {margin-top: 30px;}
    #content7 h2 {font-size: 90px; line-height: 92.06px; letter-spacing: 4px; margin-bottom: 70px;}
    .content7-inner {width: 1530px; padding-bottom: 240px;}
    #content7 .content-button a {width: 248px; padding: 31px 20px 15px 52px; background: url('../img/button_wellness-icon.png') 76% center no-repeat #e9521b;}
    #content7 .content-textbox {margin: 265px 390px 0 390px; background: url('../img/content-box_wellness_icon.png') center 45px no-repeat #fff; padding: 110px 80px 40px 80px;}
    #content7 .content-textbox h3 {font-size: 55px; line-height: 60px; letter-spacing: 2px; margin-bottom: 70px;}
    .content7-bg {height: 926px; bottom: 500px;}
    .content-services {padding-top: 220px;}
    #content7 .content-services h3 {font-size: 90px; line-height: 92.06px; letter-spacing: 4px; margin-bottom: 125px;}
    .service-wrapper > div {width: 23%; padding-top: 125px;}

    #content8 {background: url('../img/content-wasserzeichen_feedback.png') center 102% no-repeat;}
    #content8 h2 {font-size: 90px; line-height: 92.06px; letter-spacing: 4px; margin-bottom: 70px;}
    .content8-inner {width: 850px;}
    #content8 .content-button a {width: 316px; padding: 31px 20px 15px 30px; background: url('../img/button-icon_kulinarisches.png') 89% center no-repeat #e9521b;}
    #content8 .content-textbox {margin: 170px 50px 0 50px; background: url('../img/content-box_icon_kulinarisches.png') center 45px no-repeat #fff; padding: 110px 95px 40px 95px;}
    #content8 .content-textbox h3 {font-size: 55px; line-height: 60px; letter-spacing: 2px; margin-bottom: 70px;}
    #content8 .content-textbox a .content-icon {width: 23px; height: 15px; margin: 0 8px 0 4px;}
    #content8 .content-textbox a:hover .content-icon {margin: 0 2px 0 10px;}

}


@media (min-width: 1200px) and (max-width: 1580px){
    .container {width: 1140px !important; max-width: 1140px !important;}
    .content1-inner {padding: 60px 0 0 0;}
    .content1-left {min-width: 675px; max-width: 675px; padding-top: 80px;}
    #content1 h1 {font-size: 120px; line-height: 120px; letter-spacing: 10px;}
    .h1-subtitle {background: url('../img/superior-sterne.jpg') 4px center no-repeat; font-size: 17px; line-height: 27.79px; letter-spacing: 42px;
        padding-left: 200px; margin-top: 45px; background-size: 145px !important;}
    .content1-text {padding: 55px 100px 40px 85px; font-size: 18px;}
    .content1-right {padding-top: 30px;}
    .content1-right img {width: 100%; height: auto;}
    #content2 {padding-bottom: 120px;}

    #content-wolken-bg {padding-bottom: 110px;}
    .kompetenz {padding: 35px 0; font-size: 18px;}
    .kompetenz-left {width: 50%; padding: 45px 70px 50px 70px;}
    .kompetenz-right {width: 50%;}
    .content4-inner {padding: 140px 0 20px 0;}
    #content4 h3 {font-size: 45px; line-height: 50px; letter-spacing: 2px; margin: 0 0 45px 0;}
    .kompetenz-2 .kompetenz-left {order: 2;}
    .kompetenz-2 .kompetenz-right {order: 1;}
    .kompetenz-4 .kompetenz-left {order: 2;}
    .kompetenz-4 .kompetenz-right {order: 1;}
    #content4 .kompetenz-button {padding-top: 32px;}
    #content4 .kompetenz-button a {min-width: 290px; height: 80px; font-size: 16px; line-height: 27.81px; letter-spacing: 1.6px; padding: 27px 60px 15px 28px;}
    #content4 .kompetenz-2 .kompetenz-button a {background: url('../img/button_winter-icon.png') 90% center no-repeat #e9521b;}
    #content4 .kompetenz-3 .kompetenz-button a {background: url('../img/button_sommer-icon.png') 90% center no-repeat #e9521b;}

    #content5 h2 {font-size: 55px; line-height: 60px; letter-spacing: 3px; margin: 65px 0 15px 0; padding: 0 20px;}
    .content5-inner {padding-bottom: 100px;}
    .content5-text {width: 1140px; padding: 20px 20px 25px 20px;}
    .content5-iframe {width: 1140px; min-height: 200px;}
    .content5-infobox {width: 1110px; margin: 50px 15px 0 15px; padding: 70px 108px 40px 108px; font-size: 18px; line-height: 37.11px;}
    .infobox-link a {width: 75px; height: 76px;}
    .content5-infobox p {margin: 0 0 30px 0;}

    .content6-inner {padding: 65px 0 80px 0;}
    #content6 h3 {font-size: 55px; line-height: 60px; letter-spacing: 3px; margin: 5px 0 50px 0;}
    .content6-text {padding: 0 280px;}
    #content6 .content-button {padding-top: 35px;}
    #content6 .content-button a {min-width: 312px; height: 90px; font-size: 18px; line-height: 27.81px; padding: 32px 30px 20px 40px; letter-spacing: 1.8px;
        background: #e9521b;}
    .content6-inhalt-inner {padding: 80px 0 50px 0;}
    #content6 .content-button a::after {
        background: url('../img/preisliste-oeffnen-icon.png') 0 0 no-repeat;
        width: 17px; height: 17px; right: 46px; top: 36px;
        transition: transform .8s;
        -webkit-transition: transform .8s;
        -moz-transition: transform .8s;
    }
    #content6 .content-button a.open::after {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    #content6 .content-button a.open {padding-right: 55px !important;}
    #content6 .content-button a.open::after {right: 32px;}

    .content-overlay {padding: 260px 30px 30px 30px; min-height: 840px;}
    .content-button a {font-size: 16px; line-height: 24px; letter-spacing: 1.8px; height: 80px;}
    .content-textbox {margin-top: 130px; width: 720px; min-height: 540px; font-size: 18px;}

    #content3 h2 {font-size: 70px; line-height: 80px; letter-spacing: 4px; margin-bottom: 70px;}
    .content3-inner {width: 720px;}
    #content3 .content-button a {width: 260px; padding: 28px 20px 15px 45px; background: url('../img/button-jetzt-buchen_nonhover-white.png') 82% center no-repeat #e9521b;}
    #content3 .content-textbox {background: url('../img/urlaub-im-bregenzerwald_text-block_icon.png') center 60px no-repeat #fff; padding: 110px 80px 40px 80px;}
    #content3 .content-textbox h3 {font-size: 50px; line-height: 55px; letter-spacing: 2px; margin-bottom: 60px;}

    #content7 {margin-top: 30px;}
    #content7 h2 {font-size: 70px; line-height: 80px; letter-spacing: 4px; margin-bottom: 70px;}
    .content7-inner {width: 1140px; padding-bottom: 240px;}
    #content7 .content-button a {width: 248px; padding: 31px 20px 15px 52px; background: url('../img/button_wellness-icon.png') 76% center no-repeat #e9521b;}
    #content7 .content-textbox {margin: 265px 210px 0 210px; background: url('../img/content-box_wellness_icon.png') center 45px no-repeat #fff; padding: 110px 80px 40px 80px;}
    #content7 .content-textbox h3 {font-size: 50px; line-height: 55px; letter-spacing: 2px; margin-bottom: 60px;}
    .content7-bg {height: 926px; bottom: 500px;}
    .content-services {padding-top: 220px;}
    #content7 .content-services h3 {font-size: 70px; line-height: 80px; letter-spacing: 4px; margin-bottom: 125px;}
    .service-wrapper > div {width: 23%; padding-top: 125px;}

    #content8 {background: url('../img/content-wasserzeichen_feedback.png') center 102% no-repeat;}
    #content8 h2 {font-size: 70px; line-height: 80px; letter-spacing: 4px; margin-bottom: 70px;}
    .content8-inner {width: 850px;}
    #content8 .content-button a {width: 316px; padding: 31px 20px 15px 30px; background: url('../img/button-icon_kulinarisches.png') 89% center no-repeat #e9521b;}
    #content8 .content-textbox {margin: 170px 50px 0 50px; background: url('../img/content-box_icon_kulinarisches.png') center 45px no-repeat #fff; padding: 110px 95px 40px 95px;}
    #content8 .content-textbox h3 {font-size: 55px; line-height: 60px; letter-spacing: 2px; margin-bottom: 60px;}
    #content8 .content-textbox a .content-icon {width: 23px; height: 15px; margin: 0 8px 0 4px;}
    #content8 .content-textbox a:hover .content-icon {margin: 0 2px 0 10px;}

}



@media (min-width: 768px) and (max-width: 1199px){
    .container {width: 740px !important; max-width: 740px !important;}
    .content1-inner {padding: 80px 20px 60px 20px; flex-wrap: wrap;}
    .content1-left {width: 100%;}
    #content1 h1 {text-align: center; font-size: 60px; line-height: 60px; letter-spacing: 4px;}
    .h1-subtitle {background: url('../img/superior-sterne.jpg') center top no-repeat; font-size: 16px; line-height: 27.79px; letter-spacing: 16.8px;
        padding-left: 15px; padding-top: 26px; text-align: center; margin-top: 25px; background-size: 200px !important;}
    .content1-text {padding: 20px 0; text-align: center; font-size: 16px; line-height: 26px;}
    .content1-right {padding-top: 20px;}
    .content1-right img {width: 100%; height: auto;}
    #content2 {padding-bottom: 60px;}

    #content-wolken-bg {padding-bottom: 110px;}
    .kompetenz {padding: 20px 0; font-size: 16px; flex-wrap: wrap;}
    .kompetenz-left {order: 2; width: 100%; padding: 20px 40px 30px 40px;}
    .kompetenz-right {order: 1; width: 100%; padding-left: 5px;}
    .content4-inner {padding: 20px 0 20px 0;}
    #content4 h3 {font-size: 36px; line-height: 42px; letter-spacing: 2px; margin: 0 0 30px 0;}
    #content4 .kompetenz-button {padding-top: 25px;}
    #content4 .kompetenz-button a {min-width: 290px; height: 60px; font-size: 16px; line-height: 22px; letter-spacing: 1.6px; padding: 18px 60px 15px 28px;}
    #content4 .kompetenz-2 .kompetenz-button a {background: url('../img/button_winter-icon.png') 90% center no-repeat #e9521b;}
    #content4 .kompetenz-3 .kompetenz-button a {background: url('../img/button_sommer-icon.png') 90% center no-repeat #e9521b;}

    #content5 h2 {font-size: 40px; line-height: 45px; letter-spacing: 3px; margin: 65px 0 15px 0; padding: 0 20px;}
    .content5-text {width: 100%; padding: 20px 10px 25px 10px;}
    .content5-iframe {width: 100%; min-height: 200px;}
    .content5-infobox {width: 100%; padding: 60px 20px; font-size: 16px; line-height: 28px;}
    .infobox-link a {width: 75px; height: 76px;}
    .content5-infobox p {margin: 0 0 30px 0;}

    .content6-inner {padding: 50px 20px 40px 20px;}
    #content6 h3 {font-size: 40px; line-height: 45px; letter-spacing: 3px; margin: 5px 0 45px 0;}
    .content6-text {padding: 0 20px;}
    #content6 .content-button {padding-top: 35px;}
    #content6 .content-button a {min-width: 290px; height: 60px; font-size: 16px; line-height: 22px; padding: 19px 30px 20px 40px; letter-spacing: 1.8px;
        background: #e9521b;}
    .content6-inhalt-inner {padding: 60px 0 40px 0;}
    #content6 .content-button a::after {
        background: url('../img/preisliste-oeffnen-icon.png') 0 0 no-repeat;
        width: 17px; height: 17px; right: 41px; top: 21px;
        transition: transform .8s;
        -webkit-transition: transform .8s;
        -moz-transition: transform .8s;
    }
    #content6 .content-button a.open::after {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    #content6 .content-button a.open {padding-right: 45px !important;}
    #content6 .content-button a.open::after {right: 22px;}

    .content3-slider, .content7-slider, .content8-slider {position: relative !important;}
    .content-overlay {padding: 40px 20px;}
    .content-button {padding-bottom: 50px;}
    .content-button a {font-size: 16px; line-height: 24px; letter-spacing: 1.8px; height: 60px;}
    .content-textbox {width: 100%; font-size: 16px;}

    #content3 h2, #content7 h2, #content8 h2 {font-size: 40px; line-height: 45px; letter-spacing: 3px; margin-bottom: 35px; color: #262626;}
    .content3-inner, .content7-inner, .content8-inner {width: 100%;}

    #content3 .content-button a {width: 240px; padding: 18px 10px 15px 35px; background: url('../img/button-jetzt-buchen_nonhover-white.png') 82% center no-repeat #e9521b;}
    #content7 .content-button a {width: 200px; padding: 18px 10px 15px 35px; background: url('../img/button_wellness-icon.png') 82% center no-repeat #e9521b;}
    #content8 .content-button a {width: 300px; padding: 18px 10px 15px 35px; background: url('../img/button-icon_kulinarisches.png') 90% center no-repeat #e9521b;}

    #content3 .content-textbox {background: url('../img/urlaub-im-bregenzerwald_text-block_icon.png') center 35px no-repeat #fff; padding: 85px 30px 40px 30px;}
    #content7 .content-textbox {background: url('../img/content-box_wellness_icon.png') center 30px no-repeat #fff; padding: 85px 30px 40px 30px;}
    #content8 .content-textbox {background: url('../img/content-box_icon_kulinarisches.png') center 30px no-repeat #fff; padding: 85px 30px 40px 30px;}

    #content3 .content-textbox h3 {font-size: 36px; line-height: 42px; letter-spacing: 2px; margin-bottom: 30px;}
    #content7 .content-textbox h3 {font-size: 36px; line-height: 42px; letter-spacing: 2px; margin-bottom: 30px;}
    #content8 .content-textbox h3 {font-size: 36px; line-height: 42px; letter-spacing: 2px; margin-bottom: 30px;}

    #content8 .content-textbox a .content-icon {width: 23px; height: 15px; margin: 0 8px 0 4px;}
    #content8 .content-textbox a:hover .content-icon {margin: 0 2px 0 10px;}

    .content7-bg {display: none;}
    .content-services {padding-top: 60px;}
    .service-wrapper {flex-wrap: wrap;}
    #content7 .content-services h3 {font-size: 45px; line-height: 50px; letter-spacing: 4px; margin-bottom: 50px;}
    .service-wrapper > div {width: 100%; padding: 100px 20px 40px 20px;}

    #content8 {background: url('../img/content-wasserzeichen_feedback.png') center 102% no-repeat;}
}

@media (max-width: 767px) {
    .container {width: 100% !important; max-width: 100% !important;}
    .content1-inner {padding: 80px 20px 60px 20px; flex-wrap: wrap;}
    .content1-left {width: 100%;}
    #content1 h1 {text-align: center; font-size: 60px; line-height: 60px; letter-spacing: 4px;}
    .h1-subtitle {background: url('../img/superior-sterne.jpg') center top no-repeat; font-size: 16px; line-height: 27.79px; letter-spacing: 16.8px;
        padding-left: 15px; padding-top: 26px; text-align: center; margin-top: 25px; background-size: 200px !important;}
    .content1-text {padding: 20px 0; text-align: center; font-size: 16px; line-height: 26px;}
    .content1-right {padding-top: 20px;}
    .content1-right img {width: 100%; height: auto;}
    #content2 {padding-bottom: 60px;}

    #content-wolken-bg {padding-bottom: 110px;}
    .kompetenz {padding: 20px 0; font-size: 16px; flex-wrap: wrap;}
    .kompetenz-left {order: 2; width: 100%; padding: 20px 40px 30px 40px;}
    .kompetenz-right {order: 1; width: 100%; padding-left: 5px;}
    .content4-inner {padding: 20px 0 20px 0;}
    #content4 h3 {font-size: 36px; line-height: 42px; letter-spacing: 2px; margin: 0 0 30px 0;}
    #content4 .kompetenz-button {padding-top: 25px;}
    #content4 .kompetenz-button a {min-width: 290px; height: 60px; font-size: 16px; line-height: 22px; letter-spacing: 1.6px; padding: 18px 60px 15px 28px;}
    #content4 .kompetenz-2 .kompetenz-button a {background: url('../img/button_winter-icon.png') 90% center no-repeat #e9521b;}
    #content4 .kompetenz-3 .kompetenz-button a {background: url('../img/button_sommer-icon.png') 90% center no-repeat #e9521b;}

    #content5 h2 {font-size: 40px; line-height: 45px; letter-spacing: 3px; margin: 65px 0 15px 0; padding: 0 20px;}
    .content5-text {width: 100%; padding: 20px 20px 25px 20px;}
    .content5-iframe {width: 100%; min-height: 200px;}
    .content5-infobox {width: 100%; padding: 60px 20px; font-size: 16px; line-height: 28px;}
    .infobox-link a {width: 75px; height: 76px;}
    .content5-infobox p {margin: 0 0 30px 0;}

    .content6-inner {padding: 50px 20px 40px 20px;}
    #content6 h3 {font-size: 40px; line-height: 45px; letter-spacing: 3px; margin: 5px 0 45px 0;}
    .content6-text {padding: 0 20px;}
    #content6 .content-button {padding-top: 35px;}
    #content6 .content-button a {min-width: 280px; height: 60px; font-size: 16px; line-height: 22px; padding: 19px 30px 20px 40px; letter-spacing: 1.8px;
        background: #e9521b;}

    .content6-inhalt-inner {padding: 60px 0 40px 0;}
    #content6 .content-button a::after {
        background: url('../img/preisliste-oeffnen-icon.png') 0 0 no-repeat;
        width: 17px; height: 17px; right: 36px; top: 21px;
        transition: transform .8s;
        -webkit-transition: transform .8s;
        -moz-transition: transform .8s;
    }
    #content6 .content-button a.open::after {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    #content6 .content-button a.open {padding-right: 45px !important;}
    #content6 .content-button a.open::after {right: 20px;}

    .content3-slider, .content7-slider, .content8-slider {position: relative !important;}
    .content-overlay {padding: 40px 20px;}
    .content-button {padding-bottom: 50px;}
    .content-button a {font-size: 16px; line-height: 24px; letter-spacing: 1.8px; height: 60px;}
    .content-textbox {width: 100%; font-size: 16px;}

    #content3 h2, #content7 h2, #content8 h2 {font-size: 40px; line-height: 45px; letter-spacing: 3px; margin-bottom: 35px; color: #262626;}
    .content3-inner, .content7-inner, .content8-inner {width: 100%;}

    #content3 .content-button a {width: 240px; padding: 18px 10px 15px 35px; background: url('../img/button-jetzt-buchen_nonhover-white.png') 82% center no-repeat #e9521b;}
    #content7 .content-button a {width: 200px; padding: 18px 10px 15px 35px; background: url('../img/button_wellness-icon.png') 82% center no-repeat #e9521b;}
    #content8 .content-button a {width: 300px; padding: 18px 10px 15px 35px; background: url('../img/button-icon_kulinarisches.png') 90% center no-repeat #e9521b;}

    #content3 .content-textbox {background: url('../img/urlaub-im-bregenzerwald_text-block_icon.png') center 35px no-repeat #fff; padding: 85px 30px 40px 30px;}
    #content7 .content-textbox {background: url('../img/content-box_wellness_icon.png') center 30px no-repeat #fff; padding: 85px 30px 40px 30px;}
    #content8 .content-textbox {background: url('../img/content-box_icon_kulinarisches.png') center 30px no-repeat #fff; padding: 85px 30px 40px 30px;}

    #content3 .content-textbox h3 {font-size: 36px; line-height: 42px; letter-spacing: 2px; margin-bottom: 30px;}
    #content7 .content-textbox h3 {font-size: 36px; line-height: 42px; letter-spacing: 2px; margin-bottom: 30px;}
    #content8 .content-textbox h3 {font-size: 36px; line-height: 42px; letter-spacing: 2px; margin-bottom: 30px;}

    #content8 .content-textbox a .content-icon {width: 23px; height: 15px; margin: 0 8px 0 4px;}
    #content8 .content-textbox a:hover .content-icon {margin: 0 2px 0 10px;}

    #content7::after {display: none;}
    .content-services {padding-top: 60px;}
    .service-wrapper {flex-wrap: wrap;}
    #content7 .content-services h3 {font-size: 45px; line-height: 50px; letter-spacing: 4px; margin-bottom: 50px;}
    .service-wrapper > div {width: 100%; padding: 100px 20px 40px 20px;}

    #content8 {background: url('../img/content-wasserzeichen_feedback.png') center 102% no-repeat;}
}