
#button-head a {
    width: 200px;
    height: 200px;
    bottom: 10%;
    right: 5%;
    position: absolute;
    display: table;
    vertical-align: middle;
    text-align: center;
    background-image: url("../nav/kreis-blau.svg");
    background-position: center center;
    background-repeat: no-repeat;
    text-decoration: none;
    background-size: 100% auto;
    z-index: 1;
    -webkit-transform: rotate(7.5deg);
    -ms-transform: rotate(7.5deg);
    transform: rotate(7.5deg);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#button-head a:hover {
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
}

#button-head .bu-innen {
    display: table-cell;
    vertical-align: middle;
}

#button-head a {
    text-decoration: none;
}

#button-head .bu-innen {
    display: table-cell;
    vertical-align: middle;
}

.contao-cookiebar .cc-head {
    text-align: center;
}

.contao-cookiebar .cc-btn {
    background-color: #EAECA2;
    background-position: center center;
    border: 0px;
    border-radius: 5px;
    font: 17px/25px 'Lato', sans-serif;
    font-weight: bold;
    text-decoration: none;
    color: #3B3B3B;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.cc-inner h2 {
    margin-bottom: 20px;
}

.cc-inner strong {
    background-image: url("../nav/hg-gelb.svg");
    background-position: center center;
    background-repeat: no-repeat;
    font-weight: normal;
}

.gelb-bg {
    margin: 40px auto 20px;
    text-align: center;
}

.icon-spa .tabs.tab_0::before {
    background-image: url("../nav/icons/icon-kind.svg");
}

.icon-spa .tabs::before {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: -8px;
    background-image: url("../nav/icons/icon-16%2B.svg");
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
}

.tabcontrol_tabs ul li.selected,
.tabcontrol_tabs ul li:hover {
    background-color: #EBEBEB;
}

.tabcontrol_tabs ul li.selected::after {
    background-image: url("../nav/pfeil_unten.svg");
}

.tabcontrol_tabs ul li::after {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-bottom: 2px;
    margin-left: 5px;
    background-image: url("../nav/pfeil.svg");
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
}

.tabcontrol_tabs ul li {
    display: inline-block;
    margin-right: 2px;
    margin-bottom: -1px;
    margin-left: 2px;
    padding: 10px 25px;
    border: 1px solid #EBEBEB;
    color: #3B3B3B;
    letter-spacing: 1px;
    list-style-type: none;
}

.tabcontrol_tabs ul {
    margin: 0;
    padding: 0;
}

.tabcontrol_tabs {
    margin-top: 100px;
    text-align: center;
    border-bottom: 1px solid #EBEBEB;
}

.gdesc-inner {
    display: none !important;
}

:lang(da) .rightanf span {
    font-size: 14px;
}

:lang(da) .butanf span {
    font-size: 12px;
}

.mod_changelanguage li a.lang-da::before,
li.active.lang-da::before {
    background-image: url("../nav/da.svg");
}

.google-maps {
    width: 100%;
    height: 500px;
    margin-top: 100px;
    display: flex;
}

.anf-det.content-hyperlink a {
    margin-top: 10px;
    background-image: url("../nav/hg-gelb.svg");
}

.mod_newsreader .rs-columns {
    text-align: left;
}

.mod_newsreader {
    text-align: center;
}

.mod_newsreader .hyperlink_txt {
    font-size: 37px;
}

.mod_newsreader .back {
    display: none;
}

:target {
    padding-top: 250px;
    margin-top: -250px;
    display: inline-block;
}

.mod_changelanguage li.expand {
    margin-top: 0;
}

.mod_changelanguage li a.lang-nl::before,
li.active.lang-nl::before {
    background-image: url("../nav/nl.svg");
}

.mod_changelanguage li a.lang-hr::before,
li.active.lang-hr::before {
    background-image: url("../nav/hr.svg");
}

.mod_changelanguage li a.lang-hu::before,
li.active.lang-hu::before {
    background-image: url("../nav/hu.svg");
}

.mod_changelanguage li a.lang-cs::before,
li.active.lang-cs::before {
    background-image: url("../nav/cs.svg");
}

.mod_changelanguage li a.lang-it::before,
li.active.lang-it::before {
    background-image: url("../nav/it.svg");
}

.mod_changelanguage li a.lang-en::before,
li.active.lang-en::before {
    background-image: url("../nav/en.svg");
}

.mod_changelanguage li a.lang-de::before,
li.active.lang-de::before {
    background-image: url("../nav/at.svg");
}

li.active {
    left: 0;
    top: 0;
    position: absolute;
    background-color: #EBEBEB;
    margin-top: 0 !important;
    cursor: pointer;
}

li.active::after {
    width: 20px;
    height: 31px;
    right: -20px;
    top: 0;
    position: absolute;
    display: inline-block;
    background: #EBEBEB url("../nav/pfeil.svg") center center no-repeat;
    content: "";
    background-size: 40%;
    transition: all 500ms ease;
}

.mod_changelanguage li.active:hover::after,
.mod_changelanguage li.active.expand::after {
    background-color: #b3b3b3;
    background-image: url("../nav/pfeil_unten.svg");
    transition: all 500ms ease;
    transform-origin: center center;
}

.mod_changelanguage strong,
.mod_changelanguage span {
    display: none;
}

.mod_changelanguage li.active:hover {
    background-color: #EBEBEB;
    transition: all 500ms ease;
}

.mod_changelanguage li:hover {
    height: 30px;
    background-color: #b3b3b3;
    transition: all 500ms ease;
}

.mod_changelanguage li a::before,
li.active::before {
    width: 40px;
    height: 17px;
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
}

.mod_changelanguage li {
    height: 30px;
    margin-top: -75px;
    list-style-type: none;
    transition: all 500ms ease;
}

.mod_changelanguage ul {
    width: 40px;
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 31px;
    padding-left: 0;
    background-color: #EBEBEB;
}

.mod_changelanguage,
#header.small.navopen .mod_changelanguage {
    width: 60px;
    min-height: 35px;
    left: 180px;
    top: 25px;
    position: fixed;
    z-index: 9;
    overflow-x: visible;
    transition: all 500ms ease;
}

#header.small .mod_changelanguage {
    left: 100px;
    transition: all 500ms ease;
}

.herbstl:hover {
    width: 165px;
    bottom: 20px;
    left: 20px;
    position: fixed;
    webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    animation: none;
}

.herbstl {
    width: 160px;
    bottom: 20px;
    left: 20px;
    position: fixed;
    webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    animation: shake 3s infinite 3s;
    z-index: 2;
}

@keyframes shake {

    20%,
    80% {
        transform: translate3d(0px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-3px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(3px, 0, 0);
    }
}

.table-cont {
    height: auto;
}

.newsanmeldung .cookiebar {
    display: none !important;
}

.cookiebar {
    width: 450px;
    left: 50%;
    padding: 0 0 30px;
    background-color: #9EB290;
    transform: translateX(-50%);
}

.cookiebar:before {
    width: 180px;
    height: 30px;
    right: 0;
    top: 0;
    position: absolute;
    display: block;
    margin-top: -10px;
    margin-right: -15px;
    background-image: url("../nav/hg-gelb.svg");
    background-position: center center;
    background-repeat: no-repeat;
    font: 35px/40px Viktorie, 'Lato', sans-serif;
    color: #3B3B3B;
    content: "Info";
    background-size: 100% auto;
    transform: rotate(4deg);
}

.cookiebar__message,
.cookiebar__text {
    margin-right: 0;
}

.cookiebar__message {
    display: block;
    padding: 40px 40px 15px;
}

.cookiebar__button:hover {
    background-color: transparent;
}

.wellnesstab ul.tabs__menue {
    margin-bottom: 0;
}

.wellinn,
.wellnesshov {
    position: relative;
    overflow: hidden;
}

.wellnesshov.ansichtkl {
    display: none;
}

.reiter-wellness li {
    display: inline-block;
    margin-right: 15px;
    padding: 10px 15px;
}

.reiter-wellness ul {
    padding-left: 0;
}

.wellnesshov .text-ueber {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    display: block;
    -webkit-animation: fadein 2s alternate forwards ease-in 2s;
    -moz-animation: fadein 2s alternate forwards ease-in 2s;
    -o-animation: fadein 2s alternate forwards ease-in 2s;
    animation: fadein 2s alternate forwards ease-in 2s;
}

.wellnesshov .text-ueber-besch {
    -webkit-animation: fadein 2s alternate forwards ease-in 2s;
    -moz-animation: fadein 2s alternate forwards ease-in 2s;
    -o-animation: fadein 2s alternate forwards ease-in 2s;
    animation: fadein 2s alternate forwards ease-in 2s;
}

.wellnesshov .text-ueber .wel p,
.reiter-wellness li,
.wellnesshov .text-ueber .wel,
.wellnesshov .text-ueber-besch .wel p,
.wellnesshov .text-ueber-besch .wel {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.wellnesshov .text-ueber .kreis {
    font-family: 'Rubik', sans-serif;
    color: #FFFFFF;
    -webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
}

.wellnesshov .text-ueber .kreis {
    width: 30px;
    height: 30px;
    position: absolute;
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    background-image: url("../nav/kreis-gruen.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    behavior: url('assets/css3pie/1.0.0/PIE.htc');
    content: "";
    z-index: 1;
    -webkit-animation: bounce 2s alternate infinite ease-in;
    -moz-animation: bounce 2s alternate infinite ease-in;
    -o-animation: bounce 2s alternate infinite ease-in;
    animation: bounce 2s alternate infinite ease-in;
}

.wellnesshov .text-ueber .kreis:after {
    bottom: 0;
    margin-bottom: -5px;
    left: 50%;
    position: absolute;
    display: block;
    margin-right: auto;
    margin-left: -9px;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #9EB290;
    content: "";
    z-index: -1;
}

.wellnesshov .text-ueber .kreis:hover {
    cursor: pointer;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.wellnesshov .text-ueber .wel,
.wellnesshov .text-ueber-besch .wel {
    top: -50px;
    position: absolute;
    display: block;
    left: 50%;
    transform: translateX(-50%);
}

.wellnesshov .text-ueber .wel.hover,
.wellnesshov .text-ueber-besch .wel.hover {
    top: 0;
}

.wellnesshov .text-ueber .wel p,
.wellnesshov .text-ueber-besch .wel p {
    background-image: url("../nav/hg-drosa.svg");
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    padding: 8px 15px 8px 8px;
    color: #FFFFFF;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    background-size: 100% auto;
}

.wellnesshov .text-ueber .wel p em,
.wellnesshov .text-ueber-besch .wel p em {
    display: inline-block;
    margin-left: 5px;
    font-size: 15px;
    line-height: 20px;
}

.wellnesshov .text-ueber .wel p:before,
.wellnesshov .text-ueber-besch .wel p:before {
    margin: -8px 15px -8px -30px;
    background-image: url("../nav/kreis-blau.svg");
    background-position: center center;
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: inline-block;
    padding: 10px 15px;
    text-align: center;
    content: "1";
    background-size: 100% auto;
}

.wellnesshov .text-ueber .wel.nr2 p:before,
.wellnesshov .text-ueber-besch .wel.nr2 p:before {
    content: "2";
}

.wellnesshov .text-ueber .wel.nr3 p:before,
.wellnesshov .text-ueber-besch .wel.nr3 p:before {
    content: "3";
}

.wellnesshov .text-ueber .wel.nr4 p:before,
.wellnesshov .text-ueber-besch .wel.nr4 p:before {
    content: "4";
}

.wellnesshov .text-ueber .wel.nr5 p:before,
.wellnesshov .text-ueber-besch .wel.nr5 p:before {
    content: "5";
}

.wellnesshov .text-ueber .wel.nr6 p:before,
.wellnesshov .text-ueber-besch .wel.nr6 p:before {
    content: "6";
}

.wellnesshov .text-ueber .wel.nr7 p:before,
.wellnesshov .text-ueber-besch .wel.nr7 p:before {
    content: "7";
}

.wellnesshov .text-ueber .wel.nr8 p:before,
.wellnesshov .text-ueber-besch .wel.nr8 p:before {
    content: "8";
}

.wellnesshov .text-ueber .wel.nr9 p:before,
.wellnesshov .text-ueber-besch .wel.nr9 p:before {
    content: "9";
}

.wellnesshov .text-ueber .wel.nr10 p:before,
.wellnesshov .text-ueber-besch .wel.nr10 p:before {
    content: "10";
}

.wellnesshov .text-ueber .wel.nr11 p:before,
.wellnesshov .text-ueber-besch .wel.nr11 p:before {
    content: "11";
}

.wellnesshov .text-ueber .wel.nr12 p:before,
.wellnesshov .text-ueber-besch .wel.nr12 p:before {
    content: "12";
}

.wellnesshov .text-ueber .wel.nr13 p:before,
.wellnesshov .text-ueber-besch .wel.nr13 p:before {
    content: "13";
}

.wellnesshov .text-ueber .wel.nr14 p:before,
.wellnesshov .text-ueber-besch .wel.nr14 p:before {
    content: "14";
}

.wellnesshov .text-ueber .wel.nr15 p:before,
.wellnesshov .text-ueber-besch .wel.nr15 p:before {
    content: "15";
}

.wellnesshov .text-ueber .wel.hover p,
.wellnesshov .text-ueber-besch .wel.hover p {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    z-index: 2;
}

.wellnesshov.familienb .text-ueber .kreis.nr1 {
    left: 13.5%;
    top: 39%;
}

.wellnesshov.familienb .text-ueber .kreis.nr2 {
    left: 26%;
    top: 39%;
}

.wellnesshov.familienb .text-ueber .kreis.nr3 {
    left: 25%;
    top: 60%;
}

.wellnesshov.familienb .text-ueber .kreis.nr4 {
    right: 40%;
    top: 34%;
}

.wellnesshov.familienb .text-ueber .kreis.nr5 {
    bottom: 29%;
    right: 50%;
}

.wellnesshov.familienb .text-ueber .kreis.nr6 {
    right: 36%;
    top: 45%;
}

.wellnesshov.familienb .text-ueber .kreis.nr7 {
    left: 30%;
    top: 19%;
}

.wellnesshov.saunab .text-ueber .kreis.nr1 {
    left: 11%;
    top: 25%;
}

.wellnesshov.saunab .text-ueber .kreis.nr2 {
    left: 18%;
    top: 12%;
}

.wellnesshov.saunab .text-ueber .kreis.nr3 {
    left: 11%;
    top: 38%;
}

.wellnesshov.saunab .text-ueber .kreis.nr4 {
    left: 29%;
    top: 30%;
}

.wellnesshov.saunab .text-ueber .kreis.nr5 {
    bottom: 37%;
    left: 18%;
}

.wellnesshov.saunab .text-ueber .kreis.nr6 {
    bottom: 37%;
    left: 35%;
}

.wellnesshov.saunab .text-ueber .kreis.nr7 {
    left: 29.5%;
    top: 12%;
}

.wellnesshov.saunab .text-ueber .kreis.nr8 {
    left: 21%;
    top: 29%;
}

.wellnesshov.saunab .text-ueber .kreis.nr9 {
    left: 35%;
    top: 31%;
}

.wellnesshov.saunab .text-ueber .kreis.nr10 {
    left: 41%;
    top: 14.5%;
}

.wellnesshov.saunab .text-ueber .kreis.nr11 {
    left: 46%;
    top: 14%;
}

.wellnesshov.saunab .text-ueber .kreis.nr12 {
    left: 42%;
    top: 25%;
}

.wellnesshov.saunab .text-ueber .kreis.nr13 {
    left: 48%;
    top: 25%;
}

.wellnesshov.saunab .text-ueber .kreis.nr14 {
    right: 40%;
    top: 16%;
}

.wellnesshov.saunab .text-ueber .kreis.nr15 {
    right: 40%;
    top: 30%;
}

.bildli {
    margin-top: 65px;
    padding-top: 65px;
    background-image: url("../nav/linie-gelb.svg");
    background-position: left top;
    background-repeat: repeat-x;
    background-size: auto 10px;
}

.bildli figure {
    width: 30%;
    position: relative;
    display: inline-block;
    margin-right: 5%;
    vertical-align: top;
}

.bildli figure:before {
    width: 50px;
    height: 50px;
    right: 0;
    top: 0;
    position: absolute;
    display: inline-block;
    margin-top: -15px;
    margin-right: -15px;
    background-image: url("../nav/icons/icon-schnee.svg");
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    background-size: 100% auto;
}

.so .bildli figure:before {
    background-image: url("../nav/icons/icon-blume-gelb.svg");
}

.bildli .rte {
    width: 55%;
    display: inline-block;
    vertical-align: top;
}

.ce_youtube {
    margin-top: 40px;
}

iframe {
    border: 0;
}

.newsan {
    text-align: center;
}

.newsanmeldung #container {
    margin-top: 0;
}

.textzentriert .rs-column.-medium-first-row {
    margin-top: 0;
}

.rs-columns ul {
    margin-top: 0;
    margin-bottom: 0;
}

.slidegruendemob {
    display: none;
}

.balken ol {
    bottom: 50px;
    right: 50px;
    position: absolute;
    display: inline-block;
    margin-bottom: 0;
    padding-left: 0;
}

.balken ol li {
    list-style-type: none;
}

.balken {
    position: relative;
    padding-top: 30px;
    padding-right: 200px;
    padding-bottom: 30px;
    border-top: 1px solid #EBEBEB;
}

.balken:first-child {
    margin-top: 50px;
}

.balken:last-child {
    border-bottom: 1px solid #EBEBEB;
}

hr {
    width: 100%;
    position: relative;
    display: block;
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #9EB290;
    border-right: 0px solid #9EB290;
    border-bottom: 0px solid #9EB290;
    border-left: 0px solid #9EB290;
}

hr:before {
    width: 40px;
    height: 40px;
    left: 50%;
    top: 0;
    position: absolute;
    display: block;
    margin-top: -20px;
    margin-left: -20px;
    padding-right: 0;
    padding-left: 0;
    background: #FFFFFF url("../nav/icons/icon-wasserball.svg") center center no-repeat;
    content: "";
    background-size: 40px auto;
}

.textzentriert .-large-first .rte {
    text-align: right;
}

.fragen em {
    position: relative;
    display: block;
    margin-bottom: 40px;
    padding-bottom: 40px;
    padding-left: 70px;
    border-bottom: 1px solid #EBEBEB;
}

.fragen em:before {
    width: 43px;
    height: 43px;
    left: 0;
    top: 0;
    position: absolute;
    display: block;
    background-image: url("../nav/icons/icon-quote.svg");
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    background-size: 100% auto;
}

.bewtext.rsts-skin-default .rsts-next,
.bewtext.rsts-skin-default .rsts-prev {
    top: 28px;
    margin-top: 0;
}

.prospekt ol a {
    text-decoration: none;
}

.prospekt li {
    list-style-type: none;
}

.prospekt {
    position: relative;
    overflow: visible;
    margin-bottom: 20px;
    background-color: #cfdeca;
}

.prospekt:before,
.prospekt:after {
    width: 80%;
    height: 25px;
    left: 10%;
    top: 0;
    position: absolute;
    display: block;
    margin-top: 7px;
    background-color: #3B3B3B;
    border-radius: 50%;
    content: "";
    z-index: -1;
    filter: url(blur.svg#blur);
    -webkit-filter: blur(8px);
    filter: blur(8px);
}

.prospekt:after {
    bottom: 0;
    top: auto;
    margin-top: 0;
    margin-bottom: 7px;
}

.prospekt figure {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #DCEBD8;
}

.prospekt .rte {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    z-index: 1;
}

.prospektueber {
    margin-top: 70px;
    text-align: center;
}

.prospekt ol {
    position: relative;
    padding-left: 0;
}

.navservice .foobonus {
    margin-top: 0;
}

.maps .dlh_googlemap {
    height: 500px;
    position: relative;
    margin-top: 70px;
    height: 500px !important;
    padding-bottom: 0px !important;
}

.karte {
    text-align: center;
}

.kontinfo img {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.well.welleis h3:before {
    background-image: url("../nav/icons/icon-eis.svg");
}

.klein.well.wellicon3 .rte:before,
.klein.well.wellicon3 .rte:after {
    background-image: url("../nav/linie-gruen.svg");
}

.pauschreiter .tabs__menue li a:before,
.wellnesstab .tabs__menue li a:before,
.tabs__content h2 a:before {
    width: 40px;
    height: 30px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: middle;
    background-image: url("../nav/icons/icon-schnee.svg");
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    background-size: 100% auto;
}

.pauschreiter .tabs__menue li:first-child a:before,
.pauschreiter .tabs__content h2:first-child a:before {
    background-image: url("../nav/icons/icon-blume-gelb.svg");
}

.wellnesstab .tabs__menue li a:before,
.wellnesstab .tabs__content h2 a:before {
    height: 35px;
    background-image: url("../nav/icons/icon-kind.svg");
}

.wellnesstab .tabs__menue li:first-child a:before,
.wellnesstab .tabs__content h2:first-child a:before {
    background-image: url("../nav/icons/icon-16+.svg");
}

.pausch {
    text-align: center;
}

ul.tabs__menue,
.tabs__content h2 {
    margin-top: 50px;
    padding-left: 0;
    text-align: center;
    border-bottom: 1px solid #EBEBEB;
}

.tabs__menue li a,
.tabs__content h2 a {
    display: inline-block;
    padding: 8px 25px;
    border-top: 1px solid #EBEBEB;
    border-right: 1px solid #EBEBEB;
    border-left: 1px solid #EBEBEB;
    font: 20px/30px 'Rubik', sans-serif;
    text-decoration: none;
}

.tabs__menue li span:after,
.tabs__content h2 span:after {
    display: inline-block;
    margin-left: 15px;
    font-family: 'Rubik', sans-serif;
    content: "+";
    font-weight: 300;
}

.tabs__menue li.active span:after,
.tabs__content h2.active span:after {
    content: "-";
}

.tabs__menue li {
    position: relative;
}

.tabs__menue li:after {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    display: block;
    background-image: url("../nav/hg-grau-kl.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 95% auto;
    z-index: -1;
    content: "";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.tabs__menue li.active:after,
.tabs__menue li:hover:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.tabs__menue li {
    display: inline-block;
    margin-top: 8px;
    margin-right: 5px;
    margin-left: 5px;
    list-style-type: none;
}

.toggler {
    display: block;
    margin-top: 50px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-width: 1px 0px;
    border-style: solid;
    border-color: #9EB290;
    border-radius: 0;
    font: 22px/28px 'Rubik', sans-serif;
    font-weight: 300;
    cursor: pointer;
    background: none;
}

.toggler .ui-icon {
    width: 30px;
    height: 30px;
    position: relative;
    float: right;
    display: inline-block;
    background-image: url("../nav/kreis-blau.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.toggler .ui-icon:before,
.toggler .ui-icon:after {
    width: 100%;
    height: 2px;
    left: 0;
    top: 50%;
    position: absolute;
    display: block;
    background-color: #3B3B3B;
    content: "";
}

.toggler .ui-icon:after {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}

.toggler.active .ui-icon:after {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
}

.accordion {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 0px solid #9EB290;
    border-right: 0px solid #9EB290;
    border-bottom: 1px solid #9EB290;
    border-left: 0px solid #9EB290;
    border-radius: 0;
}

.wintertab,
.sommtab {
    margin-top: 70px;
}

table thead em {
    font-family: 'Rubik', sans-serif;
    font-style: normal;
}

.wintertab table tbody th,
.sommtab table tbody th {
    text-align: left;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
}

.wintertab tr {
    position: relative;
}

.ueberzi {
    position: relative;
}

h3.ueberzi {
    margin-top: 60px;
    margin-bottom: 60px;
    font: 30px/35px 'Rubik', sans-serif;
    color: #3B3B3B;
    text-transform: none;
    font-weight: 300;
}

h3.ueberzi span {
    color: #3B3B3B;
}

.content-hyperlink.buanf a {
    background-image: url("../nav/hg-gelb.svg");
    background-repeat: no-repeat;
}

.content-hyperlink.bubuc a {
    background-image: url("../nav/hg-blau2.svg");
    background-repeat: no-repeat;
}

.rsts-nav-thumbs {
    margin-top: 15px;
}

.content-text.zimm ul {
    margin-top: 30px;
    margin-bottom: 30px;
}

.content-text.zimm ul li {
    margin-bottom: 8px;
    margin-left: 0;
    padding-top: 8px;
    padding-left: 40px;
    border-top: 1px solid #EBEBEB;
}

.content-text.zimm ul li:last-child {
    padding-bottom: 8px;
    border-bottom: 1px solid #EBEBEB;
}

.zimm ol {
    padding-left: 0;
}

.zimm ol li {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    padding: 5px 20px 5px 5px;
    vertical-align: top;
    background-image: url("../nav/hg-grau-kl.svg");
    background-position: center center;
    background-repeat: no-repeat;
    font-family: 'Rubik', sans-serif;
    list-style-type: none;
    background-size: 82% auto;
    background-position: left 15px center;
}

.sloganbild {
    overflow: visible;
}

.sloganbild figure {
    margin-bottom: -25px;
    -webkit-animation: bounce 4s infinite 5s;
    animation: bounce 4s infinite 5s
}

.ohneabsunten,
.sommwint.ohneabsunten {
    margin-bottom: 0;
}

.absoben {
    margin-top: 50px;
}

.rs-columns.textzentriert .-large-first ul li {
    margin-right: 40px;
    margin-left: 0;
    text-align: right;
}

.rs-columns.textzentriert .-large-first ul li:before {
    float: right;
    margin-right: -25px;
    margin-left: 15px;
}

.textgruen {
    position: relative;
    margin-top: -200px;
    margin-bottom: 70px;
    padding-bottom: 60px;
    background-color: #DCEBD8;
}

#main .mod_article:first-of-type .content-text,
.rs-columns,
.content-hyperlink,
.ce_image,
hr {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    transition-timing-function: ease;
    transition-duration: 1.5s;
}

#main .mod_article:first-of-type .content-text.visible,
.rs-columns.visible,
.content-hyperlink.visible,
.ce_image.visible,
.ce_image.bonusbild,
#footer .ce_image,
#main .mod_article:first-of-type .tabs__content .content-text,
#main .mod_article:first-of-type .ce_accordion .accordion .content-text,
hr.visible,
.tabs__content .ce_image {
    -webkit-transform: none;
    transform: none;
}

#navgesamt .socialmhead span {
    display: block;
    margin-bottom: 15px;
}

.slogan {
    width: 70%;
    bottom: 0;
    left: 15%;
    position: absolute;
    display: block;
    margin: 0 auto;
    text-align: center;
    font: 100px/120px Viktorie, 'Lato', sans-serif;
    color: #FFFFFF;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.55);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.loaded .slogan {
    margin-bottom: 80px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.slogan p {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
}

#fix .menubutton {
    position: relative;
    display: block;
    margin: 0 25px 0 0;
    padding-left: 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    border: 0;
    overflow: visible;
    z-index: 4;
}

.menubutton:before {
    width: 55px;
    height: 55px;
    left: 0;
    top: 0;
    position: absolute;
    display: block;
    margin-top: -8px;
    margin-left: -5px;
    background-image: url("../nav/kreis-blau.svg");
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    background-size: auto 100%;
    z-index: -1;
}

.hamburger-box {
    width: 40px;
    height: 30px;
    position: relative;
    display: inline-block;
}

.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px;
    top: 2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 40px;
    height: 4px;
    top: 0;
    position: absolute;
    display: block;
    margin-top: 0;
    background-color: #3B3B3B;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
    display: block;
    content: "";
}

.hamburger-inner::before {
    top: 12px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s;
}

.hamburger-inner::after {
    bottom: -10px;
    top: 24px;
}

.menubutton.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.menubutton.is-active .hamburger-inner:before {
    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    opacity: 0;
}

.menubutton.is-active .hamburger-inner:after {
    transform: translate3d(0, -24px, 0) rotate(90deg);
}

.iconueber h3,
#footer .iconueber h3 {
    margin-top: 0;
}

.slidegruende .rte p {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.slidegruende .rsts-active .rte p {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.slidegruende .rsts-inactive figure {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}

.slidegruende h4 {
    min-width: 130px;
    float: left;
    clear: both;
    margin-top: 0;
    margin-bottom: 0;
    padding: 3px 5px;
    background-image: url("../nav/hg-gruen.svg");
    background-position: center center;
    background-repeat: no-repeat;
    color: #FFFFFF;
    text-transform: uppercase;
    background-size: 100% auto;
    font-weight: 800;
    z-index: 1;
}

.slidegruende h4:nth-child(even) {
    background-image: url("../nav/hg-gruen2.svg");
}

.slidegruende .rte {
    width: 100%;
    position: relative;
    display: table;
    margin-top: -40px;
    padding-left: 50px;
}

.slidegruende .rte::before {
    left: 0;
    top: 0;
    position: absolute;
    display: inline-block;
    margin-left: -25px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #FFFFFF;
    border-radius: 20px;
    font: 65px/70px Viktorie, 'Lato', sans-serif;
    content: "01.";
    z-index: 1;
}

.slidegruende .rte:after {
    width: 9px;
    height: 100%;
    max-height: 0;
    left: 0;
    top: 0;
    position: absolute;
    display: block;
    margin-top: -15px;
    margin-left: 15px;
    background-image: url("../nav/linie-down.svg");
    background-position: center top;
    background-repeat: repeat-y;
    content: "";
    background-size: 100% auto;
}

.slidegruende .rsts-active .rte:after {
    max-height: 250px;
}

.slidegruende .content-text,
.slidegruende .rsts-slide {
    overflow: visible;
}

.slidegruende .nr2 .rte:before {
    content: "02.";
}

.slidegruende .nr3 .rte:before {
    content: "03.";
}

.slidegruende .nr4 .rte:before {
    content: "04.";
}

.slidegruende .nr5 .rte:before {
    content: "05.";
}

.slidegruende .nr6 .rte:before {
    content: "06.";
}

.slidegruende p {
    clear: both;
    display: block;
    margin-top: 110px;
}

.slidegruende.rsts-skin-default .rsts-next,
.slidegruende.rsts-skin-default .rsts-prev {
    top: 180px;
}

.slidegruende.rsts-skin-default .rsts-next {
    right: 40%;
}

.slidegruende.rsts-skin-default .rsts-prev {
    left: 40%;
}

.somm .rte:before,
.wint2 .rte:before {
    width: 37px;
    height: 34px;
    left: 0;
    top: 0;
    position: absolute;
    display: inline-block;
    margin-top: -80px;
    margin-left: -15px;
    background-image: url("../nav/icons/icon-blume.svg");
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    background-size: 100% auto;
}

.wint2 .rte:before {
    background-image: url("../nav/icons/icon-skibrille.svg");
}

.somm .text,
.wint2 .rte {
    position: relative;
}

.bilderslide {
    margin-top: 50px;
    margin-bottom: 50px;
}

.pauschstart {
    margin-top: 40px;
}

.pauschstart .more {
    margin-top: -4px;
}

.pauschstart h3 a {
    position: relative;
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;
    background-image: url("../nav/hg-gruen.svg");
    background-position: center center;
    background-repeat: no-repeat;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-size: 100% auto;
    font-weight: 800;
}

.pauschstart h3 {
    position: relative;
    margin-bottom: -15px;
    text-align: center;
}

.pauschstart figure {
    margin-bottom: 20px;
}

.pauschstart .subheadline {
    position: relative;
    display: block;
    margin-top: 25px;
}

.pauschstart .subheadline,
.pauschstart .more {
    text-align: center;
}

.pauschstart .subheadline span,
.prospekt ol a {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    background-image: url("../nav/hg-gelb.svg");
    background-position: center center;
    background-repeat: no-repeat;
    font: 20px/25px 'Rubik', sans-serif;
    background-size: 100% auto;
}

.pauschstart .subheadline:before,
.prospekt ol:before {
    width: 100%;
    height: 8px;
    left: 0;
    top: 10px;
    position: absolute;
    display: block;
    background-image: url("../nav/linie-blau.svg");
    background-position: center center;
    background-repeat: repeat-x;
    content: "";
    z-index: -1;
    background-size: auto 100%;
}

.pauschstart .more a {
    position: relative;
    padding: 10px 15px;
    background-image: url("../nav/hg-gelb-kontur.svg");
    background-position: center center;
    background-repeat: no-repeat;
    font: 17px/25px 'Lato', sans-serif;
    font-weight: bold;
    text-decoration: none;
    color: #3B3B3B;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.pauschstart .more:before {
    width: 1px;
    height: 30px;
    position: relative;
    display: block;
    margin-right: auto;
    margin-left: auto;
    background-color: #EAECA2;
    content: "";
}

.pauschstart .layout_latest,
.prospekt {
    width: 28.4%;
    display: inline-block;
    margin-right: 7%;
    vertical-align: top;
}

.prospekt {
    margin-right: 3.5%;
    margin-left: 3.5%;
}

.prospekt.nr1 {
    margin-left: 0;
}

.prospekt.nr3 {
    margin-right: 0;
}

.pauschstart .layout_latest.last {
    margin-right: 0;
}

.viererspalte .head_1,
.viererspalte .head_2,
.viererspalte .head_3 {
    width: 27%;
}

.dreierspalte .head_1,
.dreierspalte .head_2,
.dreierspalte .head_3 {
    width: 38%;
}

#header .inside {
    min-height: 100px;
}

.pauschdet h2.headline {
    margin-top: 0;
    margin-bottom: 35px;
    text-align: center;
}

.pauschdet h1 {
    margin-bottom: 10px;
}

table thead th.head_0:before,
table thead th.head_0:after {
    display: none;
}

table thead th.head_0 {
    border: 0;
}

.absunten {
    margin-bottom: 70px;
}

.info p {
    margin-top: 0;
}

.info p strong {
    display: inline-block;
    padding-right: 20px;
    padding-left: 20px;
    background-image: url("../nav/hg-gelb.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.content-text.zentriert ul li {
    margin-left: 0;
    list-style-image: url("../nav/li.png");
    list-style-position: inherit;
}

.content-text.zentriert ul li:before {
    display: none;
}

.content-hyperlink.float {
    display: inline-block;
    margin-right: 30px;
}

.zusatz {
    margin-top: 40px;
}

table td {
    line-height: 25px;
}

table thead th a {
    padding: 2px 4px;
    text-align: center;
    background-image: url("../nav/hg-gelb.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

table thead th em {
    font-size: 17px;
    line-height: 25px;
    font-weight: 300;
}

table thead th {
    position: relative;
    padding-top: 16px;
    padding-bottom: 8px;
    text-align: center;
    border-right: 1px solid #B5CDCE;
    border-left: 1px solid #B5CDCE;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    line-height: 25px;
}

.pauschdet .float:nth-child(even) a {
    background-image: url("../nav/hg-hgruen.svg");
}

table th {
    text-align: left;
}

.contentslide.rsts-skin-default .rsts-next,
.contentslide.rsts-skin-default .rsts-prev {
    top: 300px;
}

.contentslide,
.slidegruende {
    margin-top: 60px;
}

.rsts-skin-default .rsts-next,
.rsts-skin-default .rsts-prev,
.rsts-skin-default .rsts-thumbs-prev,
.rsts-skin-default .rsts-thumbs-next {
    width: 40px;
    height: 40px;
    right: 0;
    top: 50%;
    position: absolute;
    margin-top: -20px;
    margin-right: -15px;
    background-image: url("../nav/pfeil-rosa-hg.svg");
    background-repeat: no-repeat;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);
}

.rsts-skin-default .rsts-prev,
.rsts-skin-default .rsts-thumbs-prev {
    left: 0;
    right: auto;
    margin-right: 0;
    margin-left: -15px;
    background-image: url("../nav/pfeil-rosa-hg-left.svg");
}

.rsts-skin-default .rsts-next:hover,
.rsts-skin-default .rsts-thumbs-next:hover {
    margin-right: -8px;
    background-color: transparent;
}

.rsts-skin-default .rsts-prev:hover,
.rsts-skin-default .rsts-thumbs-prev:hover {
    margin-left: -8px;
    background-color: transparent;
}

.contentslide .content-text .rte h3 {
    margin-top: 0;
}

.contentslide .rsts-slide>div {
    overflow: hidden;
    margin-top: 400px;
    background-color: #DCEBD8;
}

.loaded .contentslide .rsts-slide>div {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.loaded .contentslide .rsts-slide.rsts-active>div {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.contentslide .content-text .text,
.textgruen .rte {
    padding-top: 60px;
    padding-right: 60px;
    padding-left: 60px;
}

.contentslide .content-hyperlink {
    padding-right: 60px;
    padding-bottom: 60px;
    padding-left: 60px;
}

.bildkl picture {
    position: relative;
}

.bildkl picture:before {
    width: 77px;
    height: 65px;
    bottom: 0;
    left: 0;
    position: absolute;
    margin-left: -40px;
    background-image: url("../nav/wolke.svg");
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    background-size: 100% auto;
}

.gal {
    margin-top: 60px;
    margin-bottom: 30px;
}

.gal1,
.gal2 {
    width: 49.5%;
    display: inline-block;
    vertical-align: middle;
}

.gal1 {
    padding-right: 11px;
    text-align: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gal img {
    margin-bottom: 5px;
}

.foobonus .content-hyperlink {
    position: relative;
    margin-top: 20px;
    margin-bottom: -15px;
    z-index: 1;
}

.bonusbild {
    height: 140px;
    margin-bottom: 90px;
    margin-bottom: 90px !important;
}

.bonusbild img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-top: 20px;
    -webkit-animation: bounce 4s infinite 5s;
    animation: bounce 4s infinite 5s
}

.foobonus {
    margin-top: 70px;
    padding-top: 60px;
    text-align: center;
    background-color: #DCEBD8;
}

.bonusueber strong {
    background-image: url("../nav/hg-hgruen.svg");
    background-position: center center;
    background-repeat: no-repeat;
    font: 35px/40px 'Rubik', sans-serif;
    font-weight: 300;
    background-size: 100% auto;
}

.bonusueber strong:last-child {
    background-image: url("../nav/hg-gelb.svg");
}

.foobew {
    margin-top: 20px;
    margin-bottom: 60px;
    text-align: center;
}

.bewgal {
    margin-top: 20px;
}

.bewtext strong {
    display: inline-block;
    margin-right: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.bewtext img {
    margin-right: 5px;
}

.ce_gallery.bewgal>ul li {
    float: none;
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
}

.bewueber {
    position: relative;
    text-align: center;
}

.bewueber .rte {
    position: relative;
    display: inline-block;
}

.bewueber img {
    right: 0;
    top: 0;
    position: absolute;
    display: inline-block;
    margin-right: -60px;
}

.bewueber strong {
    display: inline-block;
    padding-right: 20px;
    padding-left: 20px;
    background-image: url("../nav/hg-gelb.svg");
    background-position: center center;
    background-repeat: no-repeat;
    font: 25px/30px 'Rubik', sans-serif;
    font-weight: 300;
    background-size: 100% auto;
}

#footer .iconueber h3 {
    margin-top: 0;
    font: 25px/30px 'Rubik', sans-serif;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 300;
}

.spaltefoo {
    margin-top: 70px;
    margin-bottom: 60px;
}

.content-hyperlink.buttoninkl {
    float: right;
    display: inline-block;
    margin-top: -50px;
}

#footer .rs-columns:first-child {
    margin-bottom: 60px;
}

.foolinks strong,
.route strong {
    text-transform: uppercase;
    letter-spacing: 1px;
}

.foobuttons ol {
    padding-left: 0;
}

.foobuttons ol li {
    list-style-type: none;
}

.foobuttons img {
    margin-right: 10px;
}

.foobuttons li:last-child img {
    margin-bottom: -7px;
}

.foolinks strong img,
.route strong img {
    margin-right: 15px;
    margin-bottom: -10px;
}

.content-text.socialm ul li:before {
    display: none;
}

.content-text.socialm ul li {
    margin-left: 0;
}

.socialm em,
.socialmhead em {
    min-width: 20px;
    display: inline-block;
    margin-right: 20px;
    text-align: center;
}

.socialm img {
    margin-bottom: -4px;
}

#footer a {
    text-decoration: none;
}

a {
    color: #3B3B3B;
}

#footer .fookont a {
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

#footer .rs-columns {
    text-align: center;
}

#footer .rs-columns .-large-first,
#footer .rs-columns .-large-last {
    text-align: left;
}

.ueberfoo strong,
.inkl.ueber strong,
.zusatz h3,
.ueberzi span,
table h4 {
    display: inline-block;
    padding: 3px 15px;
    background-image: url("../nav/hg-gruen.svg");
    background-position: center center;
    background-repeat: no-repeat;
    font: 25px/35px 'Rubik', sans-serif;
    color: #FFFFFF;
    font-weight: 300;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: 100% 100%;
}

.zusatz h3 {
    background-size: 100% auto;
}

.ueberfoo strong {
    background-size: 100% auto;
}

.inkl.ueber strong {
    color: #3B3B3B;
}

.inkl.ueber strong {
    background-image: url("../nav/hg-gelb.svg");
}

.ueberzi span,
table h4 {
    background-image: url("../nav/hg-gelb2.svg");
    color: #3B3B3B;
}

.wintertab table h4.hoch {
    background-image: url("../nav/hg-gelb3.svg");
}

table h4 {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left;
    font-size: 22px;
    line-height: 27px;
}

.wintertab .row_1 td,
.wintertab .row_7 td,
.wintertab .row_12 td,
.wintertab .row_17 td,
.sommtab .row_1 td,
.sommtab .row_5 td,
.sommtab .row_8 td,
.sommtab .row_11 td {
    border: 0;
}

.ueberfoo,
.inkl.ueber {
    position: relative;
    text-align: center;
}

.ueberfoo:before,
.inkl.ueber:before,
.info:before,
.ueberzi:before {
    width: 100%;
    height: 10px;
    left: 0;
    top: 45px;
    position: absolute;
    display: block;
    background-image: url("../nav/linie-gruen.svg");
    background-position: center center;
    background-repeat: repeat-x;
    content: "";
    background-size: auto 100%;
    z-index: -1;
}

.ueberzi:before {
    top: 20px;
}

.info {
    position: relative;
}

.info h3 {}

.inkl.ueber:before,
.ueberzi:before {
    background-image: url("../nav/linie-gelb.svg");
}

.zentriert {
    text-align: center;
}

.content-text ul li {
    margin-bottom: 10px;
    margin-left: 40px;
    line-height: 30px;
    list-style-type: none;
}

.content-text ul {
    padding-left: 0;
}

.content-text ul li:before {
    width: 8px;
    height: 8px;
    position: relative;
    float: left;
    display: block;
    margin-top: 11px;
    margin-right: 15px;
    margin-left: -25px;
    background-image: url("../nav/li.svg");
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    background-size: 100% auto;
}

.content-text.textgruen ul li:before,
.contentslide .rsts-slide>div .content-text ul li:before,
.sommwint .content-text.somm ul li:before,
.sommwint .content-text.wint2 ul li:before {
    background-image: url("../nav/li-rot.svg");
}

.well {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.well h3 {
    position: relative;
    margin: 0 auto;
    padding: 10px 20px;
    text-align: center;
}

.well h3:before {
    width: 38px;
    height: 38px;
    bottom: 0;
    left: 0;
    position: absolute;
    display: block;
    margin-bottom: -35px;
    margin-left: -35px;
    background-image: url("../nav/icons/icon-wasserball.svg");
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    background-size: 100% auto;
    z-index: 1;
}

.well.wellicon2 h3:before {
    background-image: url("../nav/icons/icon-blume.svg");
}

.well.wellicon3 h3:before {
    background-image: url("../nav/icons/icon-kind.svg");
}

.klein.well .rte:before,
.klein.well .rte:after {
    width: 100%;
    height: 9px;
    position: relative;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    background-image: url("../nav/linie.svg");
    background-position: center center;
    background-repeat: repeat-x;
    content: "";
    background-size: auto 100%;
}

.klein.well .rte {
    display: inline-block;
}

.klein.well h3 {
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
}

.sommwint .content-text {
    overflow: visible;
}

.sommwint .wint figure:before {
    width: 86px;
    height: 97px;
    bottom: 0;
    left: 0;
    position: absolute;
    display: block;
    margin-bottom: -30px;
    margin-left: -30px;
    background-image: url("../nav/hg-dreieck.svg");
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    z-index: -1;
    background-size: 100% auto;
}

.sommwint figure {
    position: relative;
    margin-bottom: 45px;
}

.sommwint .rs-column {
    padding-right: 60px;
    padding-left: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pauschdet .sommwint .rs-column.-large-last {
    padding: 0;
}

.pauschdet .rs-column,
.sommwint .rs-column.-large-first {
    padding-bottom: 60px;
}

table {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}

table td,
table tbody th {
    text-align: center;
    border: 1px solid #EBEBEB;
    border-radius: 3px;
}

table .row_0 td {
    border-top: 0;
}

table tbody th,
table td {
    position: relative;
    padding: 8px;
}

table tbody th,
table .row_0 td {
    border-top: 0;
}

table tbody th {
    border-bottom: 0;
}

table tbody th.col_0:before,
table .row_0 td:before,
table thead th:before,
table tbody th.col_0:after,
table thead th:after {
    width: 100%;
    height: 8px;
    bottom: 0;
    left: 0;
    position: absolute;
    display: block;
    margin-bottom: -3px;
    background-image: url("../nav/linie-gelb.svg");
    background-position: center center;
    background-repeat: repeat-x;
    content: "";
    background-size: auto 100%;
}

table .row_0 td:before,
table thead th:before {
    bottom: auto;
    top: 0;
    margin-top: -3px;
}

table thead th:before,
.wintertab table tbody .row_0 th.col_0:before,
.wintertab table tbody .row_7 th.col_0:before,
.wintertab table tbody .row_12 th.col_0:before,
.wintertab table tbody .row_17 th.col_0:before,
.wintertab table tbody .row_1 th.col_0:before,
.wintertab table tbody .row_0 th.col_0:after,
.wintertab table tbody .row_7 th.col_0:after,
.wintertab table tbody .row_12 th.col_0:after,
.wintertab table tbody .row_17 th.col_0:after,
.wintertab table tbody .row_1 th.col_0:after,
.wintertab table thead th:after,
.sommtab table tbody .row_0 th.col_0:before,
.sommtab table tbody .row_5 th.col_0:before,
.sommtab table tbody .row_8 th.col_0:before,
.sommtab table tbody .row_11 th.col_0:before,
.sommtab table tbody .row_1 th.col_0:before,
.sommtab table tbody .row_0 th.col_0:after,
.sommtab table tbody .row_5 th.col_0:after,
.sommtab table tbody .row_8 th.col_0:after,
.sommtab table tbody .row_11 th.col_0:after,
.sommtab table tbody .row_1 th.col_0:after,
.sommtab table thead th:after {
    background-image: url("../nav/linie-blau2.svg");
}

table tbody th.col_0:after {
    bottom: auto;
    top: 0;
    margin-top: -3px;
    margin-bottom: 0;
}

.sommwint .-large-first {
    position: relative;
}

.sommwint .-large-first:before {
    width: 100%;
    height: 90%;
    bottom: 0;
    left: 0;
    position: absolute;
    display: block;
    background-color: #DCEBD8;
    z-index: -1;
    content: "";
}

.sommwint.blau .-large-first:before {
    background-color: #DBE9EA;
}

.content-hyperlink a,
.more a,
.back a,
.newsl button,
.anf button,
.balken ol a,
.cookiebar__button,
.cookiebar__link,
.mod_subscribe button {
    display: inline-block;
    padding: 0 5px;
    background-image: url("../nav/hg-rosa.svg");
    background-position: center center;
    background-repeat: no-repeat;
    font: 30px/35px Viktorie, 'Lato', sans-serif;
    text-decoration: none;
    color: #3B3B3B;
    background-size: 100% auto;
}

.content-hyperlink.buttoninkl a,
.foobonus .content-hyperlink a,
.cookiebar__button {
    background-image: url("../nav/hg-rosa-kl.svg");
}

.content-hyperlink a:after,
.more a:after,
.back a:after,
.anf button:after,
.balken ol a:after,
.cookiebar__button:after,
.cookiebar__link:after,
.mod_subscribe button::after {
    width: 8px;
    height: 12px;
    display: inline-block;
    margin-left: 10px;
    background-image: url("../nav/pfeil.svg");
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    background-size: 100% auto;
}

.content-hyperlink a:hover:after,
.more a:hover:after,
.back a:hover:after,
.anf button:hover:after,
.balken ol a:hover:after,
.cookiebar__button:hover:after,
.cookiebar__link:hover:after {
    margin-left: 20px;
}

.cookiebar__button {
    position: relative;
    display: inline-block;
    margin-left: 15px;
    padding: 10px 15px;
    background-color: transparent;
}

.cookiebar__link {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    padding: 10px 15px;
    background-image: url("../nav/hg-hgruen.svg");
    text-decoration: none;
}

.sommwint {
    margin-top: 60px;
    margin-bottom: 60px;
}

.iconueber {
    text-align: center;
}

#main .inn,
#footer .inn {
    width: 1300px;
    margin-right: auto;
    margin-left: auto;
}

#main .gross .inn {
    width: 100%;
}

#container {
    margin-top: 70px;
}

#main .content-text:first-of-type,
.content-text.klein,
.inkltext,
.foobew,
.foonewsl .newsl,
.foobonus .inn,
.contentslide .rsts-slide>div,
.textgruen {
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;
}

.inkltext {
    text-align: center;
}

#foograu {
    margin-top: 80px;
    background-color: #EBEBEB;
}

#baerheader {
    bottom: 0;
    left: 50%;
    position: absolute;
    display: inline-block;
    margin-bottom: -40px;
    margin-left: -45px;
    z-index: 1;
    -webkit-animation: nc 4s infinite 5s;
    animation: nc 4s infinite 5s;
    transform-origin: 50% bottom -20px;
}

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

#header .slider {
    height: 100vh;
    min-height: 500px;
}

#buttonsright {
    right: 25px;
    position: fixed;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

#buttonsright div a {
    min-width: 77px;
    display: inline-block;
    margin-bottom: 15px;
    padding-top: 15px;
    padding-bottom: 16px;
    text-align: center;
    background-repeat: no-repeat;
    font-size: 15px;
    line-height: 20px;
    text-decoration: none;
    color: #FFFFFF;
    background-size: 100% auto;
}

#buttonsright div a:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

#buttonsright img {
    display: block;
    margin-right: auto;
    margin-bottom: 3px;
    margin-left: auto;
}

#buttonsright .butbuch a {
    background-image: url("../nav/kreis-rot.svg");
    background-position: center center;
    background-repeat: no-repeat;
}

#buttonsright .butanf a {
    padding-top: 2px;
    padding-bottom: 20px;
    background-image: url("../nav/kreis-drot.svg");
}

#buttonsright .butvor a {
    background-image: url("../nav/kreis-gruen.svg");
}

.right {
    float: right;
    display: inline-block;
    text-align: right;
}

#buttonsrighthide {
    width: 0;
    overflow: hidden;
    margin-right: -10px;
}

#buttonsrighthide .buttonsrighthideinn,
.navopen #buttonsrighthide {
    width: 297px;
}

#buttons a,
#buttonsrighthide a,
.foobuttons a {
    padding: 6px 20px;
    background-image: url("../nav/hg-blau.svg");
    background-position: center center;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #3B3B3B;
    letter-spacing: .5px;
    background-size: 100% 100%;
}

.foobuttons a {
    padding-right: 8px;
    padding-left: 8px;
}

#buttons .rightbonus a {
    padding-right: 30px;
    background-image: url("../nav/hg-gruen.svg");
    color: #FFFFFF !important;
}

#buttonsrighthide .rightbuch a,
.foobuttons li:first-child a {
    padding-right: 20px;
    background-image: url("../nav/hg-drosa.svg");
    background-position: left center;
    color: #FFFFFF;
}

#buttonsrighthide .rightanf a,
.foobuttons li:last-child a {
    background-image: url("../nav/hg-rot.svg");
    color: #FFFFFF;
}

.foobuttons li:last-child a {
    background-image: url("../nav/hg-rot2.svg");
    background-size: 100% auto;
}

.socialm,
.foobuttons {
    margin-top: 85px;
}

.right #buttons div,
.right #buttonsrighthide div {
    float: left;
    display: inline-block;
    margin-left: -8px;
    vertical-align: top;
}

.right #buttonsrighthide div.rightbuch {
    margin-left: 7px;
}

.right #buttons,
.right #buttonsrighthide {
    float: left;
}

.right #buttons {
    margin-right: -5px;
    z-index: 3;
}

.right img {
    margin-right: 10px;
}

.right .rightanf img {
    margin-bottom: -5px;
}

#logo {
    position: fixed;
    margin-top: 25px;
    z-index: 7;
}

.small #logo {
    margin-top: -200px;
}

.navopen #logo {
    margin-top: 25px;
}

#logo,
#logokl {
    display: inline-block;
    margin-left: 25px;
}

#fix {
    width: 100%;
    left: 0;
    top: 0;
    position: fixed;
    display: block;
    padding-top: 25px;
    z-index: 5;
}

#fix:before {
    width: 100%;
    height: 125px;
    left: 0;
    top: 0;
    position: absolute;
    display: block;
    content: "";
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.small #fix:before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

#fix div {
    position: relative;
    z-index: 2;
}

h1 {
    margin-bottom: 60px;
    text-align: center;
    font: 45px/55px 'Rubik', sans-serif;
    font-weight: 300;
}

h3,
#main .mod_article:first-of-type .content-text:first-of-type h2,
.pauschdet h2.headline {
    font: 23px/35px 'Lato', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .5px;
}

h2,
.inkl.ueber strong,
#navgesamt .socialmhead span {
    font: 65px/75px Viktorie, 'Lato', sans-serif;
    text-transform: none;
}

.iconueber {
    margin-top: 80px;
}

.iconueber h2 {
    margin-top: 20px;
    margin-bottom: 0;
}

body {
    background-color: #FFFFFF;
}

body,
input.text,
textarea,
select,
.route input,
.anf .checkbox_container .clicked label {
    font: 18px/33px 'Lato', sans-serif;
    color: #3B3B3B;
}

.content-hyperlink a:after,
.more a:after,
.back a:after,
.rsts-skin-default .rsts-next,
.rsts-skin-default .rsts-prev,
.slidegruende figure,
.slidegruende .rte p,
#buttonsrighthide,
.nav .level_2 li:before,
.nav li a,
.nav li strong,
#logo,
#buttonsright div a,
.rsts-skin-default .rsts-thumbs-prev,
.rsts-skin-default .rsts-thumbs-next,
.toggler .ui-icon:before,
.toggler .ui-icon:after,
#fix:before,
.tabs__menue li:after,
.route label,
.newsl label,
.anf label,
.anf button,
.anf button:after,
.balken ol a:after,
.right #buttons,
.cookiebar__button:after,
.cookiebar__link:after {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.slidegruende .rte:after {
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.contentslide .rsts-slide>div,
.slogan {
    -webkit-transition: all 1000ms ease 400ms;
    -moz-transition: all 1000ms ease 400ms;
    -ms-transition: all 1000ms ease 400ms;
    -o-transition: all 1000ms ease 400ms;
    transition: all 1000ms ease 400ms;
}

@-webkit-keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-20px)
    }

    60% {
        -webkit-transform: translateY(-10px)
    }
}

@-moz-keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0)
    }

    40% {
        -moz-transform: translateY(-20px)
    }

    60% {
        -moz-transform: translateY(-10px)
    }
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    60% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}


@-webkit-keyframes nc {

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

    33% {
        -webkit-transform: rotate(10deg);
    }

    66% {
        -webkit-transform: rotate(-10deg);
    }
}

@-moz-keyframes nc {

    0%,
    100% {
        -moz-transform: rotate(0deg);
    }

    33% {
        -moz-transform: rotate(10deg);
    }

    66% {
        -moz-transform: rotate(-10deg);
    }
}

@keyframes nc {

    0%,
    100% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    33% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    66% {
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        transform: rotate(10deg);
    }
}