@font-face {
    font-family: "Bold";
    font-display: auto;
    src: url("../Fonts/5223984/bcfc5e1d-4e2f-4ca4-b86a-27c3fe6bf5ac.woff") format("woff");
}

@font-face {
    font-family: "Regular";
    font-display: auto;
    src: url("../Fonts/5323631/cb145410-701b-4b41-a2f7-09bf91b13bc8.woff") format("woff");
}

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

* {
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
    text-decoration: none;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-tap-highlight-color: transparent;

    --color_main: #f29100;
    --color_main-bright: #fbe4c1;
    --color_white: #ffffff;
    --color_black: #000000;
    --color_grey: #a4a5a6;
    --color_grey-middle: #bbbbbb;
    --color_grey-bright: #ecebeb;
    --color_grey-dark: #4a4b4d;
    --color_green: #62a60a;
    --color_red: #c20000;
    --color_yellow: #FFC;
}

html {
    font-size: 16px;
    position: relative;
    min-height: 100%;
}

body {
    overflow-x: hidden;
}

@media (max-width: 991px) {
    .container {
        max-width: 100%!important;
    }
}


img {
    max-width: 100%;
    height: auto;
}

a {
    color: var(--color_main);
}

.div-anchor {
    scroll-margin-top: 4rem;
}

#scroll-top {
    display: none;
    position: fixed;
    bottom: 4rem;
    right: 1rem;
    background-color: var(--color_main);
    width: 30px;
    height: 30px;
    cursor: pointer;
    border-radius: 0 10px 10px 10px;
    align-items: center;
    justify-content: center;
    z-index: 999;
}


#scroll-top:after {
    font-family: Icons;
    content: "\e90c";
    color: var(--color_white);
    transform: rotate(180deg);
}

#myCarousel {
    position: relative;
    overflow: hidden;
    width: 100vw;
    max-width: 100%;
    height: 50vh;
}

.video-wrapper {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
}

.video-wrapper iframe {
    transform: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#myCarousel .video-wrapper iframe {
    top: -25%;
}

@media (max-width: 991px) {
    #myCarousel .video-wrapper iframe {
        top: 0;
    }
}

@media (max-width: 767px) {
    #myCarousel {
        height: 25vh;
    }
}

.down #scroll-top {
    display: flex;
}

hr.ce-div {
    margin-top: 2rem;
    clear: both;
}

.div-anchor + hr.ce-div {
    margin-top: 0rem;
}

div.frame.frame-space-before-large {
    margin-top: 2rem;
}

.column-left a, .column-left label a {
    font-weight: 600;
}

.ce-row{
    display: flex;
}

.align-right {
    text-align: right;
}

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

.hidden {
    display:none!important;
}

/*FORM DEFININITIONS*/
form {
    margin-bottom: 2rem;
    width: 100%;
}

fieldset {
    margin-bottom: 1rem;
}

input,
select,
textarea {
    padding: .2em .5em .2em .5em;
    font-size: 1em;
    line-height: 1.5;
    border: 1px solid var(--color_grey);
    width: 100%;
}

label + input,
label + select,
label + textarea {
    margin-top: .2rem;
}



input[type="checkbox"] {
    width: auto;
    margin-right: .5rem;
    accent-color: var(--color_main);
    margin-bottom: 0;
}


input[readonly] {
    background-color: var(--color_grey-bright);
}

input.error,
select.error,
textarea.error {
    border: 1px solid var(--color_red);
}

input[type="checkbox"].error {
    outline: 1px solid var(--color_red);
}

label.error {
   color: var(--color_red);
}

input[type^="submit"].button,
button.button,
a.button {
    margin: 1em .5rem 0 0;
    padding: .4125em 2em;
    background-color: var(--color_grey-dark);
    line-height: 1.1;
    color: var(--color_white);
    cursor: pointer;
    width: auto;
    font-size: 1em;
    border: 0;
}

div input[type^="submit"].button:last-of-type,
div button.button:last-of-type,
a.button:last-of-type{
    margin-right: 0;
}

input[type^="submit"].button:hover,
input[type^="submit"].button.current,
button.button:hover,
button.button.current,
a.button:hover{
    background-color: var(--color_main);
}

header,
main {
    position: relative;
    display: block;
}

main {
    min-height: 67vh;
}

main .container .container {
    padding: 0;
}

#language {
    background: var(--color_grey-dark);
    width: 100%;
    padding: 0.313rem 0;
    z-index: 9999;
    position: relative;
}

#language .navi {
    text-align: right;
    position: relative;
}

#language .navi .lang{
   display: inline-block;
}

#language .navi #loginBoxTrigger {
    margin-left: 1rem;
    padding: 0.313em .5em 0.313em .7em;
}

header .navi a#loginBoxTrigger.on {
    background: var(--color_grey-bright);
    color: var(--color_grey-dark);
}

header .navi a#loginBoxTrigger.on::after {
    content: "\e90d";
    color: var(--color_grey-dark);
}

header .navi a#loginBoxTrigger::after {
    font-family: Icons;
    content: "\e90c";
    font-size: .8em;
    margin-left: .3em;
    color: var(--color_main);
}

header #loginBox {
    display: none;
    position: absolute;
    right: calc(var(--bs-gutter-x) * .5);
    top: 1.5em;
    background: var(--color_grey-bright);
    padding: 1em;
    z-index: 1001;
    text-align: left;
}

header a#loginBoxTrigger.on + #loginBox,
header a#loginBoxTrigger.on + #loginBox:hover {
    display: block;
}

header #loginBox div form {
    margin-bottom: .5rem;
}

header #loginBox div form input {
    margin-top: .5rem;
}

header #loginBox div.row {
    display: block;
}

header #loginBox div.col-md-6 {
    width: unset;
}

header #loginBox p {
    display: none;
}

header #loginBox div a {
    color: var(--color_main);
}

.login_form a {
    color: var(--color_main);
    padding: 0;
    text-transform: none;
    display: block;
    margin-top: .7em;
    font-family: Arial, Helvetica, sans-serif;
}

.navi a {
    color: var(--color_white);
    border-right: 1px solid var(--color_white);
    text-transform: uppercase;
    font-family: 'Bold', Arial, Helvetica, sans-serif;
    padding: 0 0.3rem;
}

.navi a:first-of-type {
    padding-left: 0;
}

.navi a:last-of-type {
    border-right: none;
    padding-right: 0;
}

.navi a.active {
    color: #a4a5a6;
    text-decoration: underline;
}

.navi .desktop {
    display: inline;
    font-family: 'Bold', Tahoma, Arial, Helvetica, sans-serif;
}

.navi .mobi {
    display: none;
}

@media (max-width: 700px) {
    .navi .desktop {
        display: none;
    }

    .navi .mobi {
        display: inline;
    }
}

#head .container-wrapper {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

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

#logo {
    position: absolute;
    float: right;
    right: .5em;
    bottom: 0;
}

#logo img {
    width: 20em;
    height: auto;
}

@media (max-width: 1230px) {
    #logo img {
        width: 18em;
    }
}

@media (max-width: 532px) {
    #logo img {
        width: 12.500em;
        height: auto;
    }
}

@media (max-width: 1059px), (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx) {
    #logo {
        padding-top: 1em;
        position: static;
    }
}

#counter {
    position: relative;
    float: left;
    padding: 1.25rem 0.6rem .5rem 0.6rem;
    font-size: 1em;
    text-align: center;
    color: #fff;
    background-color: var(--color_main);
}

#counter p {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 3em;
    text-shadow: #fff 0 0 5px;
    font-family: 'Bold', Arial, Helvetica, sans-serif;
}

#counter span {
    padding: 0;
    display: block;
    margin: -0.2em 0 0.6em 0;
}

@media (max-width: 532px) {
    #counter {
        padding: 0 10px;
        font-size: 10px;
    }
}

@media (max-width: 1059px), (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx) {
    #counter {
        margin-right: 0;
    }
}

#logo {
    text-align: right;
}

#banner {
    position: absolute;
    float: left;
    bottom: 0;
    left: 8.5em;
}

#banner a h2 {
    position: relative;
    line-height: .9;
    font-size: 2.18rem;
    color: var(--color_grey-dark);
    font-family: 'Bold', Arial, Helvetica, sans-serif;
}

#banner a > h2 > span.divider {
    overflow: hidden;
    display: inline-block;
    font-weight: 600;
    margin: 0 .6rem;
}

#banner a > h2 > span {
    font-weight: normal;
    font-family: 'Regular', Arial, Helvetica, sans-serif;
}

#banner a > span {
    font-family: 'Regular', Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    display: block;
    margin-top: .2em;
    color: var(--color_black);
}

@media (min-width: 320px) and (max-width: 600px) {
    #banner h2 {
        width: 100%;
        font-size: 1.5em !important;
    }
}

@media (max-width: 1059px), (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx) {
    #banner {
        position: relative;
        float: left;
        width: 100%;
        left: 0;
    }
}

@media (-webkit-device-pixel-ratio: 2) and (orientation: portrait), (-webkit-device-pixel-ratio: 1) and (orientation: portrait) {
    #banner a > h2 > span.divider {
        display: none;
    }

    #banner a > h2 > span {
        display: block;
        margin: .5em 0;
    }
}

/*MAIN NAV*/
nav {
    top: 0;
    margin-top: 1.8rem;
    position: relative;
    width: 100vw;
}

nav.clone {
    top: -100%;
    position: fixed;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    background: var(--color_white);
    z-index: 1000;
    margin-top: -2em;
    box-shadow: 0 7px 0 rgba(0, 0, 0, .02);
}

body.down nav.clone {
    top: 0;
}

.nav-main {
    display: flex;
    width: 100%;
    position: relative;
    margin-left: -.5em;
}

.nav-main .group1 {
    width: 60%;
}

.nav-main .group2 {
    width: 40%;
}

div.title.portal,
.nav-main .nav-main-group div.title {
    position: relative;
    color: var(--color_grey-dark);
    border-bottom: 1px solid var(--color_grey-dark);
    padding: 0 0 0.3rem 0.1rem;
    font-family: 'Bold', Arial, Helvetica, sans-serif;
    font-size: 1.2rem;
    margin-top: 0;
}

.nav-main .menu {
    white-space: nowrap;
}

.corner:before,
.top-corner:before,
.column-right .sidebar:before,
.bottom-corner::after,
#featured .c4:after,
#sections .c3:after {
    position: absolute;
    border-color: var(--color_main);
    border-style: solid;
    content: '';
}

.top-corner:before {
    top: -2px;
    left: -5px;
    width: .8rem;
    height: .8rem;
    border-width: 2px 0 0 2px;
}

.nav-main li {
    display: inline-block;
}

.nav-main li:first-child {
    margin-left: 0;
}

.nav-main li:first-child span.head {
    padding-left: 0;
}

.nav-main span.head {
    text-transform: uppercase;
    display: inline-block;
    color: var(--color_main);
    padding: 0 1rem 1rem 1rem;
    cursor: pointer;
    width: 100%;
}

/*.nav-main ul li:first-of-type,*/
/*.nav-main ul li:first-of-type span.head  {*/
/*    padding-left: 0;*/
/*}*/

.nav-main span.head.inactive {
    color: var(--color_grey-dark);
}

.nav-main span.head span {
    position: relative;
    font-family: 'Bold', Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    padding: 0.5rem 0 2px 0;
    display: inline-block;
}


.nav-main span.head span::before {
    content: "";
    position: absolute;
    width: 43%;
    left: 25%;
    height: 2px;
    bottom: 0;
    background-color: var(--color_main);
    visibility: hidden;
    transform: scaleX(0);
    transition: 0.5s ease all;
    font-family: 'Bold', Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    color: var(--color_main);
    outline: none;
}

.nav-main span.head:hover span::before {
    visibility: visible;
    transform: scaleX(1);
}

.nav-main .sub.active span.head span {
    color: var(--color_main);
}

.nav-main .sub.active span.head span::before {
    visibility: visible;
    transform: scaleX(1);
    background-color: var(--color_grey-dark);
}

.nav-main .wrapper {
    background: var(--color_main);
    background: -moz-linear-gradient(top, rgba(242, 145, 0, 1) 0%, rgba(242, 145, 0, 1) 10%, rgba(242, 145, 0, 0.9) 50%, rgba(242, 145, 0, 0.9) 100%);
    background: -webkit-linear-gradient(top, rgba(242, 145, 0, 1) 0%, rgba(242, 145, 0, 1) 10%, rgba(242, 145, 0, 0.9) 50%, rgba(242, 145, 0, 0.9) 100%);
    background: linear-gradient(to bottom, rgba(242, 145, 0, 1) 0%, rgba(242, 145, 0, 1) 10%, rgba(242, 145, 0, 0.9) 50%, rgba(242, 145, 0, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f29100',endColorstr='#e6f29100',GradientType=0);
    position: absolute;
    padding: 1rem 1rem 0 1rem;
    z-index: 99;
    display: none;
    animation: show .5s linear;
}

.nav-main ul li:first-of-type .wrapper {
    margin-left: -1rem;
}

.nav-main .wrapper .menu {
    padding-left: 0;
    text-align: left;
}

.nav-main .menu li .wrapper .menu li {
    display: block;
    margin: 0 0 1rem 0;
}

.nav-main .wrapper a.title {
    color: #fff;
    display: block;
    max-width: 100%;
    text-transform: uppercase;
    line-height: 1;
    font-size: 1.2rem;
    font-family: 'Bold', Arial, Helvetica, sans-serif;
}

.nav-main .wrapper li a:first-of-type {
    position: relative;
}

.nav-main .wrapper li > a:first-of-type:before {
    content: "";
    position: absolute;
    width: 0;
    left: 0;
    height: 2px;
    bottom: -3px;
    background-color: var(--color_white);
    -webkit-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
    transition: width 0.5s ease;
}

.nav-main .wrapper li.active > a:first-of-type:before,
.nav-main .wrapper li:hover > a:first-of-type:before {
    width: 40%;
}

.nav-main .nav-main-group ul li a:first-of-type .wrapper {
    margin-left: -1rem;
}

.nav-main .wrapper li > a.title + .teaser {
    margin-top: .5em;
}

.nav-main .wrapper .teaser {
    display: block;
    text-transform: none;
    color: var(--color_white);
    margin: .2em 0;
    font-weight: 300;
    font-family: Arial, Helvetica, sans-serif;
}

.nav-main .sub:hover .wrapper {
    display: block;
}

/*SIDE NAV*/
.social_nav {
    position: fixed;
    display: block;
    bottom: inherit;
    table-layout: inherit;
    width: 20rem;
    right: 0;
    height: auto;
    top: 50%;
    z-index: 2;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    transform: translateY(-50%);
}

.social_nav > div {
    position: relative;
    float: right;
    width: 15%;
    margin-bottom: 0.4rem;
    display: block;
    background:var(--color_grey-dark);
    border-right: 0;
    overflow: hidden;
    clear: both;
    -webkit-transition: width 0.3s linear;
    -moz-transition: width 0.3s linear;
    -o-transition: width 0.3s linear;
    transition: width 0.3s linear;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.social_nav > div.spacer {
    margin-top: 1rem;
}

.social_nav > div > a {
    display: flex;
    white-space: nowrap;
    width: 100%;
    height: 100%;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    color: #fff !important;
    padding: .5rem;
    min-height: 50px;
}

.social_nav > div > a > img {
    margin-right: 0.8rem;
    width: auto;
    max-width: 2rem;
    height: 2rem;
}

.social_nav > div > a > div {
    display: inline-block;
    font-style: italic;
    padding-top: .5rem;
    margin-left: .5rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: italic;
    visibility: hidden;
}

.social_nav > div:hover,
.social_nav > div:active {
    width: 90%;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.social_nav div:hover div,
.social_nav div:active div {
    visibility: visible;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.social_nav .ico-search {
    position: relative;
    display: flex
;
}

.social_nav .ico-search img {
    display: inline-block;
    margin: .5em;
}

.social_nav .tx-kesearch-pi1 form {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 20em !important;
    padding: .25em 0;
    overflow: hidden;
    position: relative;
    height: 100%;
    background: none !important;
}

.social_nav .tx-kesearch-pi1 form div.kesearchbox {
    position: relative;
    margin: 0 0 0 .5em;
}

.social_nav .tx-kesearch-pi1 form #ke_search_sword {
    position: absolute;
    top: .25em;
    width: 10em;
    padding: .25em;
    display: inline;
    color: var(--color_main);
    border: none;
    outline: none;
}

.social_nav .tx-kesearch-pi1 form span.submit {
    display: inline-block !important;
    width: 2em;
    position: absolute;
    right: 5.25em;
    top: 0.5em;
}

.social_nav .tx-kesearch-pi1 form span.submit input {
    position: relative;
    min-width: 30px;
    height: 90%;
    min-height: 40px;
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 0;
    display: inline-block;
    top: 0;
    z-index: 9999;
    cursor: pointer;
}

.social_nav .tx-kesearch-pi1 form span.submit::after {
    font-family: Icons;
    content: "\e905";
    color: #FFFFFF;
    font-size: 1.8em;
    top: 0;
    left: 0;
    position: absolute;
}

footer {
    margin-top: 1.25rem;
    background: var(--color_grey-dark);
    z-index: 9;
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    color: var(--color_white);
    padding: 0.25rem 0;
}

.footer-social-mobi {
    margin: .5em 0 1em 0;
    width: 100%;
    display: none;
}



.footer-menu {
    padding: .5rem 0;
    display: none;
}

.footer-menu .col-sm-6:last-of-type {
    text-align: right;
}

.footer-menu .col-sm-6 a {
    padding-left: .75rem;
}

.footer-menu .col-sm-6 a img {
    width: 40px;
    height: 40px;
}

.footer-menu .col-sm-6:last-of-type img {
    border: 1px solid #fff;
    padding: 5px;
}

.footer-menu .col-sm-6 a:first-of-type {
    padding-left: 0;
}

@media (max-width: 991px) {
    footer {
        padding: 1em 0;
    }

    .footer-menu .col-sm-6 {
        text-align: right;
    }

    .footer-menu .col-sm-6:last-of-type {
        text-align: left;
    }
}

@media (max-width: 575px) {
    .footer-menu .col-sm-6 {
        text-align: center;
        padding-bottom: .75rem;
    }

    .footer-menu .col-sm-6:last-of-type {
        text-align: center;
    }
}


footer .container #contact {
    display: flex;
    justify-content: space-between;
}

footer .container #contact .copyright {
    text-align: right;
}


@media (max-width: 1540px) {
    .footer-social-mobi {
        display: block;
    }
}

@media (max-width: 994px) {
    .footer-social-mobi {
        text-align: center;
    }

    #contact > div {
        display: block;
        float: none;
        width: 100%;
        text-align: center;
    }

    #contact > div:last-child {
        margin-top: 1em;
        text-align: center;
        width: 100%;
    }
    footer .container #contact .copyright {
        text-align: center;
    }
}

@media (max-width: 994px) {

}

@keyframes show {
    0% { opacity: 0;}
    100% { opacity: 1;}
}

div.top-corner {
    position: relative;
    margin-top: 1.5rem;
}

p.headline {
    margin: 0rem 0 0.5rem 0;
    font-size: 1.2rem;
    font-weight: 600;
    width: 100%;
    color: var(--color_grey-dark);
    font-family: 'Bold', Arial, Helvetica, sans-serif;
}

.column-left p.headline.strong {
    font-weight: 600;
    margin-bottom: 2em;
}

.column-left p.headline.strong strong {
    font-size: 2.5em;
    font-weight: 600;
    margin-right: -.1em;
}

.column-left p.table {
    margin-top: 1.5em;
    display: flex;
}

.column-left p.table span {
    padding: 0;
}

.column-left p.table .col-lg-4 b {
    font-weight: 600;
    color: #666;
    position: relative;
    padding-left: 2.5em;
    display: block;
}

.column-left p.table span b strong {
    font-weight: 600;
    color: #f29100;
    border: 2px solid #f29100;
    border-radius: 100%;
    padding: .15em .5em;
    margin-right: .5em;
    position: absolute;
    left: 0;
    top: -.3em;
}

.column-left p.table span + span {
    display: block;
    padding-left: 2.5em;
}

.ce-bodytext {
    padding-bottom: 1em;
}

.column-left li {
    position: relative;
    margin-bottom: .4em;
    line-height: 130%;
    padding: 0 0 0 1.2em;
}

.column-left li:last-of-type {
    margin-bottom: 0;
}

.column-left ul li::before {
    content: "–";
    top: 0;
    left: 0;
    position: absolute;
}

/*QUICK MENU*/
.quick-menu-container {
    position: relative;
    padding-bottom: 2.5rem;
}

.quick-menu-nav {
    position: absolute;
    bottom: 1rem;
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    align-items: end;
}

.quick-menu-nav .quick-menu-nav-item a {
    display: flex;
    background-color: var(--color_main);
    padding: .75rem 1rem;
    transition: .3s ease-out;
    height: 4.5rem;
    position: relative;
    align-items: center;
}

.quick-menu-nav .quick-menu-nav-item a:after {
    position: absolute;
    border-color: var(--color_white);
    border-style: solid;
    content: '';
    bottom: 0.5rem;
    right: .5rem;
    width: 1.5rem;
    height: 1.5rem;
    border-width: 0px 2px 2px 0px;
    transition: .3s ease-out;
}

.quick-menu-nav .quick-menu-nav-item a:hover {
    padding-bottom: 2rem;
    height: 6rem;
}

.quick-menu-nav .quick-menu-nav-item a:hover:after {
    bottom: 1.5rem;
}

.quick-menu-nav .quick-menu-nav-item a img {
    aspect-ratio: 1;
    width: 12%;
    max-height: 80%;
}

.quick-menu-nav .quick-menu-nav-item a .quick-menu-nav-item-title {
    width: 83%;
    margin-left: 5%;
}


.quick-menu-nav .quick-menu-nav-item a p.title {
    font-size: 1.15rem;
    text-transform: uppercase;
    color: var(--color_white);
}

@media(max-width: 767px) {
    .quick-menu-container .quick-menu-nav {
        position: relative;
        bottom: unset;
        width: unset;
        top: 1.5rem;
    }

    .quick-menu-container .quick-menu-nav .quick-menu-nav-item {
        padding-bottom: 1.5rem;
    }

    .quick-menu-container .quick-menu-nav .quick-menu-nav-item a:hover{
        height: 4.5rem;
        padding-bottom: .75rem;
    }

    .quick-menu-container .quick-menu-nav .quick-menu-nav-item a:hover:after {
        bottom: 0.5rem;
    }

    .quick-menu-container .quick-menu-nav .quick-menu-nav-item img {
        width: 8%;
    }
}

#partner .logos {
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(auto-fill, 14%);
}

@media (max-width: 1200px) {
    #partner .logos {
        grid-template-columns: repeat(auto-fill, 20%);
    }
}

@media (max-width: 991px) {
    #partner .logos {
        grid-template-columns: repeat(auto-fill, 33%);
    }
}

@media (max-width: 575px) {
    #partner .logos {
        grid-template-columns: repeat(auto-fill, 30%);
    }
}

#partner .col-md-2 {
    border-left: 2px solid var(--color_main);
}

#partner .col-md-3 p.headline {
    font-size: initial;
    font-weight: 300;
}

#partner .col-md-3 p a {
    color: var(--color_grey-dark);
}

.slideshow-full-wrapper {
    position: relative;
    margin-bottom: 2rem;
}

.slideshow-full-wrapper.no-image {
    margin-bottom: 1rem;
}

.slideshow-full-wrapper > img + p.caption {
    border: 0;
    margin: 0;
    width: auto;
    position: absolute;
    bottom: 0;
    padding: .3rem .5rem .1rem 0;
    background-color: var(--color_white);
}

.column-left .slideshow-full-wrapper.no-image p.caption {
    width: 100%;
    border-top: 1px solid #000;
    padding: 1em 0 0 0;
}

.column-left .slideshow-full-wrapper .caption {
    font-family: 'Bold', 'Arial', 'Helvetica', sans-serif;
    font-weight: 300;
    padding: .5rem .7rem .2rem 0;
    font-size: 1.5em;
    line-height: 1;
    text-transform: uppercase;
    color: var(--color_main);
}

.column-left .slideshow-full-wrapper.no-image p.caption {
    margin: 0;
}

#unterseite .logos {
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(auto-fill, 19%);
}

@media (max-width: 991px) {
    #unterseite .logos {
        grid-template-columns: repeat(auto-fill, 25%);
    }
}

@media (max-width: 575px) {
    #unterseite .logos {
        grid-template-columns: repeat(auto-fill, 33%);
    }
}

#unterseite .image-wrapper {
/*    width: 24%;*/
/*    float: left;*/
    border: 1px solid #ccc;
    margin: .2em;
    text-align: center;
/*    line-height: 0;*/
}

@media (min-width: 768px) {
    .container .row.border-between > div:nth-of-type(2) {
        border-left: 2px solid var(--color_main);
        padding-left: 1em;
    }
}

@media (max-width: 767px) {
    .container .row.border-between > div:nth-of-type(2) {
        padding-top: 2em;
    }
}

.frame-type-textmedia .ce-textpic.ce-intext {
    display: flex;
    justify-content: left;
}

.frame-type-textmedia .ce-textpic.ce-intext.ce-right {
    flex-direction: row-reverse;
}

.frame-type-textmedia .ce-textpic.ce-intext.ce-right .ce-bodytext {
    margin-right: 1rem;
}

.frame-type-textmedia .ce-textpic.ce-intext.ce-left .ce-bodytext {
    margin-left: 1rem;
}

.column-left p {
    margin: 0 0 1em 0;
    line-height: 1.4em;
}

.column-left p.headline, .csc-header.csc-header-n1 {
    margin: 0 0 0.5em 0;
    font-size: 1.25em;
    font-weight: 600;
    color: var(--color_grey-dark);
}

.column-right .quick-menu-nav {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    bottom: unset;
}

@media (max-width: 991px) {
    .column-right .quick-menu-nav {
        margin: 2rem 0;
    }
}

.column-right .quick-menu-nav .quick-menu-nav-item {
    width: 100%;
    margin-bottom: 1rem;
    padding: 0;
}

.column-right .quick-menu-nav .quick-menu-nav-item a {
    background-color: var(--color_grey);
}

.column-right .quick-menu-nav .quick-menu-nav-item a:hover {
    padding-bottom: .75rem;
    background-color: var(--color_main);
    height: 4.5rem;
}

.column-right .quick-menu-nav .quick-menu-nav-item a:hover:after {
    bottom: 0.5rem;
}

/*ACCORDION*/
.accordion {
    position: relative;
    margin-bottom: 1.3em;
}

/*.accordion .col-1,*/
/*.accordion .col-11 {*/
/*    padding: 0;*/
/*}*/

.accordion .col-1 img {
    max-width: 60px;
}

.accordion .expand {
    position: relative;
    color: var(--color_main);
    padding-top: 1em;
    width: auto;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: bold;
}

.accordion.item-border-top .expand{
    border-top: 1px solid var(--color_grey-dark);
}

.accordion.item-border-top {
    border-bottom: 1px solid var(--color_grey-dark);
}

.accordion .expand::after {
    font-family: Icons;
    content: "\e90c";
    font-size: .8em;
    position: absolute;
    margin-left: 1em;
    top: 1.3em;
}

@media (max-width: 991px) {
    .accordion-image {
        display: none;
    }

    .accordion .expand {
        width: 99%;
    }

    .accordion .expand::after {
        right: 0rem;
    }
}

.accordion .expand.ui-state-active {
    color: #4a4b4d;
}

.accordion .expand.ui-state-active::after {
    content: "\e90d";
    color: #4a4b4d;
}

.accordion .collapse {
    position: relative;
}

.accordion .collapse li {
    margin-bottom: 1em;
    line-height: 130%;
}

.accordion .collapse li:last-of-type {
    margin-bottom: 0;
}

@media (min-width: 1060px) {
    .accordion .expand,
    .accordion .collapse ul {
        padding-bottom: 1em;
    }
}

/*STATEMENTS*/
.box.statements div {
    position: relative;
    width: 100%;
    padding: 2em 1em;
    background: var(--color_white);
}

.box.statements figure {
    display: none;
}

.column-left .box.statements {
    width: 100%;
    display: inline-block;
    border: 2px solid var(--color_grey-bright);
    margin-bottom: 1em;
    padding: 1em 0;
    clear: both;
    margin-top: .5em;
}

.column-left .box.statements .headline,
.column-left .box.statements .caption {
    display: none;
}

.column-left .box.statements div {
    padding: 0 .5em 0 0;
}

.column-left .box.statements div:before,
.column-left .box.statements div:after {
    content: '';
}

.column-left .box.statements figure {
    float: left;
    display: block;
    width: 20%;
    text-align: center;
}

.column-left .box.statements p {
    float: right;
    width: 80%;
    text-align: left;
    margin: 0;
}

.column-left .box.statements p:last-of-type {
    margin-top: 1em;
    color: var(--color_grey-dark);
    font-size: .9em;
}

.column-right div.sidebar {
    position: relative;
    padding: 1.5em;
    width: 100%;
    background-color: var(--color_grey-bright);
    z-index: 1;
    margin-bottom: 1rem;
}

.column-right .sidebar:before {
    position: absolute;
    border-color: var(--color_main);
    border-style: solid;
    content: '';
    top: 0;
    left: 0;
    border-width: .15em 0 0 .15em;
    width: 2em;
    height: 2em;
}

.box:last-child {
    margin-bottom: 0;
}

.box {
    margin-bottom: 0.6em;
    position: relative;
    width: 100%;
}

.box a.headline,
.box a strong.headline {
    font-weight: 300;
    margin-bottom: .3em;
    padding: .5em .5em .4em .5em;
    display: block;
    background-color: var(--color_grey);
    color: var(--color_white);
}

.box.gallery .caption,
.column-right .box.statements .caption {
    display: block;
    font-size: .9em;
    color: var(--color_main);
    padding: .4em .5em .4em .5em;
    background: var(--color_white);
    text-transform: none;
    margin-top: 2px;
    line-height: 1;
}

.box.gallery .caption {
    margin-top: 0px;
}

.column-right .box.statements p {
    color: var(--color_grey-dark);
    font-size: .9em;
    text-align: center;
    font-family: 'Bold', Arial, Helvetica, sans-serif;
    hyphens: auto;
}

.box.statements p:last-of-type {
    color: var(--color_grey);
    margin-top: 0.65em;
    line-height: 1;
}

.box.statements p:last-of-type em {
    display: block;
}

/*PIC NAV*/
.pic-nav a {
    position: relative;
    margin-bottom: 1.5em;
    display: block;
}

.pic-nav p.caption {
    position: absolute;
    bottom: 0;
    text-transform: uppercase;
    background: var(--color_white);
    margin: 0;
}

/*GALLERY*/
.picture-gallery a {
    margin-bottom: 1.250em;
}

a[data-fancybox] {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    display: block;
    line-height: 0;
    position: relative;
}

a[data-fancybox]:hover {
    background: var(--color_grey-dark);
}

a[data-fancybox]::before {
    content: '\e906';
    font-family: 'Icons';
    font-size: 5em;
    color: var(--color_white);
    z-index: 1;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 85%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    line-height: 0;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

a[data-fancybox]:hover::before {
    opacity: 1;
}

a[data-fancybox]:hover img {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border-color: var(--color_grey-dark);
    opacity: .5;
}

.ce-border figure {
    border: 1px solid var(--color_grey-middle);
}

.picture-gallery img {
    max-width: 100%;
    height: auto;
    width: 100%;
}

@media (min-width: 665px) {
    .picture-gallery a {
        overflow: hidden;
        max-height: 161px;
    }
}

/*THEMES MENU*/
.themes {
    margin: 0 0 2em 0;
}

.themes li {
    padding: 0.4em 0 0 2em;
    margin: 0 0 0.5em 0;
    position: relative;
    font-size: 1.2em;
}

.themes li::before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 2em;
}

.themes li a {
    color: var(--color_main);
    font-weight: bold;
    margin-left: .5em;
}

.themes li.general::before {
    content: url(/fileadmin/user_upload/icon_photos_general.svg);
}

.themes li.carwash::before {
    content: url(/fileadmin/user_upload/icon_photos_carwash.svg);
}

.themes li.oil::before {
    content: url(/fileadmin/user_upload/icon_photos_oil.svg);
}

.themes li.shop::before {
    content: url(/fileadmin/user_upload/icon_photos_shop.svg);
}

.themes li.payment::before {
    content: url(/fileadmin/user_upload/icon_photos_payment.svg);
}

/*DOWNLOADS*/
.downloads .headline {
    position: relative;
    color: var(--color_grey-dark);
    border-bottom: 1px solid var(--color_grey-dark);
    font-size: 1.1em;
}

.downloads ul li {
    padding-left: 0px;
}

.downloads ul li::before{
    content: '';
}

.downloads ul li a {
    color: var(--color_main);
    padding: 0;
    display: block;
    max-width: 100%;
    font-family: inherit;
    font-weight:bold;
    width: fit-content;
}

.downloads ul li a span {
    color:var(--color_grey);
    font-weight:300;
}

.downloads ul li a span i {
    font-style: normal;
    white-space: nowrap;
}

.column-left ul.ce-uploads li {
    padding: 0;
}

.column-left ul.ce-uploads li::before {
    content: '';
}

.column-left ul li a span {
    color: var(--color_grey);
    font-weight: 300;
}

/*NEWS*/
.news-list .news-item .title {
    font-weight: 600;
}

.news-list .news-item .teaser {
    color: var(--color_grey-dark);
    display: block;
    font-weight: 300;
}

/*ÖFFNUNGZEITEN*/
.column-left .info-openhours {
    margin:0;
}

.column-left .info-openhours .addtocalendar {
    vertical-align: middle;
}

.column-left .atc-style-blue ul .atcb-item::before {
    content:'';
}

.column-left .info-openhours p {
    font-size:1.2em;
    padding: .4em 1em .4em 0 ;
    margin: 0 0 .2em 0;
}

.column-left .info-openhours p + p {
    background:rgba(242,145,0,0.35);
    color:#4a4b4d;
    padding: .4em 1em;
}

.column-left p.info-openhours-intro {
    margin:0 0 .5em 0;
    font-weight:bold;
}


/*TYPO3 FORM*/
span.mandatory {
    color: var(--color_red);
}
label > span.mandatory {
    padding-left: .25rem;
}

.frame-type-form_formframework {
    background-color: var(--color_grey-bright);
    padding: .6em;
}

.frame-type-form_formframework h2 {
    font-size: 1em;
    font-weight: 600;
    color: #000;
    margin-bottom: 1em;
}

.frame-type-form_formframework .form-group {
    margin-bottom: 1em;
}

.frame-type-form_formframework .form-label {
    color: var(--color_grey-dark);
}

.frame-type-form_formframework .form-label .required {
    margin-left: .2em;
    color: var(--color_red);
}
.frame-type-form_formframework input,
.frame-type-form_formframework select {
    margin-top: .2em;
}

.frame-type-form_formframework .ce-bodytext {
    padding-bottom: 0;
}

.frame-type-form_formframework .ce-bodytext p {
    margin: 0;
}

.frame-type-form_formframework button.btn {
    background-color: var(--color_grey-dark);
    color: var(--color_white);
    cursor: pointer;
    width: auto;
    border: 0;
    padding: .4em .6em;
    height: 2em;
    font-size: 1em;
}

.frame-type-form_formframework button.btn:hover {
    background-color: var(--color_main);
}

/*SEARCH FORM*/
.column-left .tx-kesearch-pi1 form {
    background-color: var(--color_grey-bright);
    padding: .6em;
}

.column-left .tx-kesearch-pi1 div.kesearchbox {
    position: relative;
    height: 35px;
    margin: 0 0 1.2rem 0;
}

.column-left .tx-kesearch-pi1 div.kesearchbox #ke_search_sword {
    position: static !important;
    width: 100% !important;
    padding: .4em .5em !important;
    margin: 0;
    display: block;
}

.column-left .tx-kesearch-pi1 form span a,
.column-left .tx-kesearch-pi1 form span input {
    font-size: 1em;
    font-family: Sans-Serif;
    padding: .4em .6em;
    height: 2em;
    margin: 0 1em 0 0 !important;
    display: inline-block !important;
    min-width: 70px !important;
    max-width: none !important;
    -moz-user-select: none;
    background: var(--color_grey-dark) !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--color_white) !important;
    cursor: pointer !important;
    width: auto;
    line-height: 1;
}

.column-left .tx-kesearch-pi1 form span a:hover,
.column-left .tx-kesearch-pi1 form span input:hover {
    background-color: var(--color_main);
    color: var(--color_white);
}

.column-left #kesearch_num_results {
    margin: 1em 0;
}

#kesearch_pagebrowser_top,
#kesearch_pagebrowser_bottom {
    text-align: left !important;
}

#kesearch_pagebrowser_bottom .pages_total {
    border-top: none !important;
}



.column-left .kesearch_pagebrowser ul li,
.column-left .pagination-wrapper ul li {
    list-style-type: none !important;
    display: inline-block;
    padding: 0;
    margin: 1em 0.3em 0 0 !important;
}

.column-left .kesearch_pagebrowser ul li:before,
.column-left .pagination-wrapper ul li:before {
    content: none;
}

.column-left .kesearch_pagebrowser ul li span,
.column-left .kesearch_pagebrowser ul li a,
.column-left .pagination-wrapper ul li.current,
.column-left .pagination-wrapper ul li a {
    background: var(--color_main);
    display: inline-block !important;
    padding: .5em 1em !important;
    color: var(--color_white);
    font-size: 1em;
    cursor: pointer;
    text-transform: uppercase;
}

.column-left .kesearch_pagebrowser ul li.disabled {
    display: none;
}

.column-left .pagination-wrapper ul li.current,
.column-left .kesearch_pagebrowser ul li.active span,
.column-left .kesearch_pagebrowser ul li a.current,
.column-left .kesearch_pagebrowser ul li a:hover {
    background: rgba(242, 145, 0, .35);
    color: #fff !important;
    font-weight: 300 !important;
}



@media (min-width: 1200px) {
    #language #ico-mobi {
        display: none;
    }
}


@media (max-width: 1059px),(-webkit-min-device-pixel-ratio: 2),screen and (min-resolution: 2dppx)  {
    header #loginBox {
        right: 0;
        top:2.4rem
    }

    .nav-main .wrapper li > a.title + .teaser {
        margin-top: 0
    }

    .nav-main .wrapper .teaser {
        font-size: .9em !important;
        margin: .2em 0 .2em 1em;
    }

    body.down .social_nav,
    .social_nav {
        position:fixed;
        top:auto;
        bottom:1em;
        width:15em;
        display: none;
    }

    .footer-menu {
        display: flex;
    }

    header {
        margin-bottom: 10px;
    }

    #language .navi{
        padding: 14px 0;
    }

    #language #ico-mobi {
        position: relative;
        display: inline-block;
        z-index: 10;
        width: 32px;
        height: 32px;
        cursor: pointer;
    }

    #language #ico-mobi.close,
    #language #ico-mobi.list {
        position: absolute;
    }
    #language #ico-mobi.close:before,
    #language #ico-mobi.list:before {
        content: url('../Icons/icon-nav.svg');
        display: inline-block;
        position: absolute;
        top: .7em;
        left: 0;
        transform: scale(.9);
    }

    #language #ico-mobi.close:before {
        content: url('../Icons/icon-close.svg');
        top: .6em;
        transform: scale(.9);
    }

    body.down nav.clone {
        display: none;
    }

    nav#main {
        background: #FFF;
        margin:0;
        top: 0;
        position: absolute;
        z-index:1000;
    }


    nav#main .container-wrapper {
        padding:0;
    }

    .nav-main {
        display:none;
        background:#FFF;
        top: 0;
        padding: 4em 0 0 0;
        margin:0;
    }

    .nav-main .group1 .p1-1 .wrapper,
    .nav-main .group2 .p2-1 .wrapper,
    .nav-main .wrapper {
        background:#fff;
        padding:0;
        margin:0;
    }

    .nav-main .p2-1 span.head,
    .nav-main .p1-1 span.head,
    .nav-main span.head {
        padding: .5em!important;
    }

    .nav-main .p2-1 span.head span,
    .nav-main .p1-1 span.head span,
    .nav-main span.head span {
        padding:0;
    }


    .nav-main .nav-main-group,
    .nav-main .wrapper a {
        width:100%;
        max-width:100%;
        color:#f29100;
        float:none;
    }

    .nav-main .menu li {
        display:block; float:none; width:100%;
        padding:0;
        margin:0;
    }

    .nav-main li {
        width: 100% !important;
        text-align: left !important;
    }

    .nav-main .group2 > .menu > li:nth-child(2) { padding-left: 0; }

    .nav-main .group1 .menu,
    .nav-main .group2 .menu {
        margin: 0;
    }

    .nav-main .menu  li.lvl-0 {
        border-bottom: 1px solid #ccc;
    }

    .nav-main .group1 .menu li:last-child {
        border-bottom: none;
    }

    .nav-main .menu li.lvl-0.inactive span.head::after,
    .nav-main .menu li.lvl-0.active span.head::after {
        font-family: Icons;
        content: "\e90c";
        color: #f29100;
        font-size: 1em;
        position: absolute;
        top: .75em;
        right:.5em
    }

    .nav-main .menu li.lvl-0.on span.head::after {
        content: "\e90d";
        color: #4a4b4d;
        font-family:'Icons';
        float: right;
    }

    .nav-main .menu li.lvl-0.inactive span.head {
        position: relative;
        width: 100%;
        display: block;
    }

    .nav-main .menu li.lvl-0.active span.head {
        position: relative;
    }

    .nav-main .menu li.lvl-0 .menu a {
        width:auto!important;
        max-width:100%!important;
        padding: .5em;
        display: block;
        text-transform: uppercase;
        color:#f29100;
    }

    .nav-main .group1,
    .nav-main .group2 {
        width:100%;
    }

    .nav-main .group2 {
        margin-top: 1em;
    }

    .nav-main .lvl-0 .menu,
    #nav-main #n14 .menu {
        margin:0;
        padding:0!important;
        max-width:100%;
    }

    .nav-main .wrapper,
    #language+.content-wrapper {
        position:static;
    }

    .nav-main .nav-main-group:first-child {
        margin:.5em 0 0 0;
    }

    .nav-main .wrapper .menu {
        padding-left:1rem!important;
    }

    .nav-main .wrapper .wrapper-sub {
        border-top:1px solid #CCC;
    }

    .nav-main .wrapper .wrapper-sub a {
        color:#F39001;
    }

    .nav-main .wrapper li {
        vertical-align: top;
        max-width: 100%;
    }

    .nav-main .group1 .menu li.p1-1 .wrapper .menu li,
    .nav-main .group2 > .menu > li {
        margin:0;
    }

    .nav-main .menu li .wrapper .menu li,
    .nav-main .group1 .menu li.p1-1  .wrapper li,
    .nav-main .group2 .menu li.p2-2  .wrapper li {
        max-width: 100% !important;
        display: block;
        margin: 0;
    }

    .nav-main .menu li.lvl-0 .menu a.anchor {
        display:none;
    }

    .wrapper ul.menu li.active a {
        color:#ccc;
    }

    .column-left .info-openhours p + p {
        background: transparent;
        padding: 0;
        color:#000;
    }

    @media (max-width: 991px) {
        .column-left .info-openhours p + p {
            margin-top: -1rem;
        }
    }

    .column-left p.info-openhours-intro {
        margin:0 0 1em 0;
    }

    .column-left .info-openhours {
        margin-bottom:1em;
        margin-left:3em;
    }

    .column-left .info-openhours p {
        padding:0;
        margin:0;
        font-size:1em;
    }

    .column-left .info-openhours .addtocalendar {
        float:left;
        margin: 1em 0 0 -3em;
    }

    #logo {
        padding-top:1em;
        position:static;
    }

    /*New Date*/
    html[lang^="en"] #banner {
        left: 0;
    }

    .nav-main .wrapper a {
        font-size: 1.2em !important;
    }

    input[type^="submit"] {
        background: #494947 !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: #fff !important;
    }

    #partners .c2, #partners .c10 {
        width: 100%;
    }

    #partners .c2 {
        margin-top: 0;
        clear: both;
        padding-left: 0;
    }

    #partners .c2 .row {
        padding-top: 0;
    }

    #partners .c12 {
        width: 100%;
        padding-left: .9375rem;
        padding-right: .9375rem;
        clear: both;
    }

    #partners .c8, #partners .c4 {
        padding-left: .9375rem;
        padding-right: .9375rem;
        width: auto;
        float: left;
        display: inline-block;
    }

    #partners .c12 img:last-of-type {
        float: none;
    }

    .pic-nav a img {
        max-width: 100%;
        height: auto;
        width: 100%;
    }



    .column-right div.sidebar {
        padding: 1em !important;
    }

    .box a.headline,
    .box.gallery a strong {
        margin:0 !important;
        background:#f29100 !important;
        padding: .4em .6em !important;
        line-height:1.5 !important;
    }

    .box.zitate .caption,
    .sidebar,
    .box.gallery {
        display:none !important;
    }


    #unterseite {
        margin-top: 0;
    }

    #unterseite .column-right .sidebar {
        padding: 0;
    }

    #unterseite .column-left  >  h1 {
        font-weight: 300;
    }

    #unterseite .column-left p.caption {
        margin-top: 0;
    }

    #unterseite .column-left .pic-nav p.caption {
        margin: 0;
        padding: 0;
    }

    .slideshow-full-wrapper img {
        width: 1050px;
    }

    @supports(object-fit: cover) {

        /*.slideshow-full-wrapper {*/
        /*    overflow: hidden;*/
        /*    margin: 0 -0.93750rem 2em -0.93750rem;*/
        /*    width: auto;*/
        /*}*/

        .slideshow-full-wrapper.no-image {
            height:auto;
        }

        .slideshow-full-wrapper img {
            height: 200px;
            object-fit: cover;
            object-position: center center;
        }
        /*#unterseite .column-left p.caption {*/
        /*    padding: .3em .5em .1em .9375rem;*/
        /*}*/

        #unterseite  .column-left .slideshow-full-wrapper.no-image p.caption {
            margin: 0;
            padding: 1em .9375rem 0 .9375rem;
        }
    }


    #unterseite .column-right .box > :nth-child(2) {
        display: none;
    }

    #unterseite .column-right .box > :nth-child(2).active {
        display: block;
    }

    .column-right .box > strong:after {
        font-family:Icons;
        content: "\e90c";
        display: inline-block;
        position: absolute;
        top: 1em;
        right: 0;
        margin-right: 1.3em;
        font-size: .8em;
        color: #FFF;
    }

    .column-right .box > strong.active:after{
        content: "\e90d" !important;
    }

    .column-right .box.gallery img{
        width: 100%;
    }

    #banner{
        position: relative;
        float: left;
        width: 100%;
        left: 0;
    }

    #banner h2{
        position: relative;
        margin-top: 0.5em;
        line-height: 1em;
        width: 100%;
    }

    #banner > h2 > span{
        opacity: .6;
    }

    #banner > span{
        font-size: 1em;
        margin: 0.3em 0 0 0;
        display: block;
    }

    #days {
        margin-right: 0;
    }

    .slide-in {
        animation: slide-in 0.4s forwards;
        -webkit-animation: slide-in 0.4s forwards;
        -moz-animation: slide-in 0.4s forwards;
        -ms-animation: slide-in 0.4s forwards;
        -o-animation: slide-in 0.4s forwards;
        -khtml-animation: slide-in 0.4s forwards;
    }
    @keyframes slide-in {
        100% { transform: translateX(0%); }
    }

    @-webkit-keyframes slide-in {
        100% { -webkit-transform: translateX(0%); }
    }

    .slide-out {
        animation: slide-out 0.4s forwards;
        -webkit-animation: slide-out 0.4s forwards;
        -moz-animation: slide-out 0.4s forwards;
        -ms-animation: slide-out 0.4s forwards;
        -o-animation: slide-out 0.4s forwards;
        -khtml-animation: slide-out 0.4s forwards;
    }
    @keyframes slide-out {
        0% { transform: translateX(0%); }
        100% { transform: translateX(-100%); }
    }

    @-webkit-keyframes slide-out {
        0% { -webkit-transform: translateX(0%); }
        100% { -webkit-transform: translateX(-100%); }
    }

    .slide-down {
        display:block !important;
        animation: slide-down 0.5s forwards;
        -webkit-animation: slide-down 0.5s forwards;
        -moz-animation: slide-down 0.5s forwards;
        -ms-animation: slide-down 0.5s forwards;
        -o-animation: slide-down 0.5s forwards;
        -khtml-animation: slide-down 0.5s forwards;
        box-shadow: 0 7px 0 rgba(0,0,0,.05);
    }

    @keyframes slide-down { 0% { transform: translateY(-100%); }  100% { transform: translateY(0%); } }
    @-webkit-keyframes slide-down { 0% { transform: translateY(-100%); }  100% { transform: translateY(0%); } }
    @-moz-keyframes slide-down { 0% { transform: translateY(-100%); }  100% { transform: translateY(0%); } }
    @-ms-keyframes slide-down { 0% { transform: translateY(-100%); }  100% { transform: translateY(0%); } }
    @-o-keyframes slide-down { 0% { transform: translateY(-100%); }  100% { transform: translateY(0%); } }
    @-khtml-keyframes slide-down { 0% { transform: translateY(-100%); }  100% { transform: translateY(0%); } }

    .slide-up {
        display:none !important;
        animation: slide-up 0.5s forwards;
        -webkit-animation: slide-up 0.5s forwards;
        -moz-animation: slide-up 0.5s forwards;
        -ms-animation: slide-up 0.5s forwards;
        -o-animation: slide-up 0.5s forwards;
        -khtml-animation: slide-up 0.5s forwards;
    }
    @keyframes slide-up {    0% { transform: translateY(0%); }  100% { transform: translateY(-100%); } }
    @-webkit-keyframes slide-up {    0% { transform: translateY(0%); }  100% { transform: translateY(-100%); } }
    @-moz-keyframes slide-up {    0% { transform: translateY(0%); }  100% { transform: translateY(-100%); } }
    @-ms-keyframes slide-up {    0% { transform: translateY(0%); }  100% { transform: translateY(-100%); } }
    @-o-keyframes slide-up {    0% { transform: translateY(0%); }  100% { transform: translateY(-100%); } }
    @-khtml-keyframes slide-up {    0% { transform: translateY(0%); }  100% { transform: translateY(-100%); } }
}

@media (max-width: 1059px) {
    .nav-main .wrapper a.teaser {
        display: none !important;
    }
}

@media (min-width: 1060px) {
    .slideshow-full-wrapper img {
        width: 100%;
    }
}

 /*VIDEOS*/
.column-left .videos p.caption {
    position: absolute;
    bottom: 0;
    margin: 0 0 -0.05em 0;
}

.column-left .videos img {
    width: 100%;
}

.column-left .videos a {
    margin-bottom: 1.5em;
}

#unterseite .column-left .videos p.caption {
    text-align:left;
    padding:0;
    margin:0;
}

.column-left .videos p.caption span {
    font-family: 'Bold', 'Arial', 'Helvetica', sans-serif;
    font-size: 1em;
    line-height: 1.05;
    background: var(--color_white);
    box-shadow: .3em 0 0 var(--color_white), -.3em 0 0 var(--color_white);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.column-left p.caption {
    font-family: 'Bold', 'Arial', 'Helvetica', sans-serif;
    font-weight: 300;
    padding: .3em .5em .1em 0;
    font-size: 1.2em;
    line-height: 1;
}

.portal .column-left p.caption {
    margin: 1rem 0 3rem 0;
}