/* ==========================================================================
   SCHRIFT IMPORT
   ========================================================================== */
@font-face {
    font-family: "KanyonCn-Bold";
    src: url('webFonts/KanyonCnBold/font.woff2') format('woff2'), url('webFonts/KanyonCnBold/font.woff') format('woff');
    font-style: normal;
    font-weight: bold;
}

@font-face {
    font-family: "KanyonNr";
    src: url('webFonts/KanyonNrBold/font.woff2') format('woff2'), url('webFonts/KanyonNrBold/font.woff') format('woff');
    font-style: normal;
    font-weight: bold;
}

@font-face {
    font-family: "KanyonNr";
    src: url('webFonts/KanyonNrRegular/font.woff2') format('woff2'), url('webFonts/KanyonNrRegular/font.woff') format('woff');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "KanyonNr";
    src: url('webFonts/KanyonNrMedium/font.woff2') format('woff2'), url('webFonts/KanyonNrMedium/font.woff') format('woff');
    font-style: normal;
    font-weight: 500;
}

/* ==========================================================================
  T3 OVVERIDES
   ========================================================================== */

.accordion-item {
    color: inherit;
  }
  .table > :not(caption) > * > * {
    color:inherit;
  }



/* ==========================================================================
   VARIABLES
   ========================================================================== */
:root {
    --color-primary: #9e8f8f;
    --color-secondary: #ba5919;
    --body-text-color: white;
    --body-font-family: "KanyonNr", Arial, sans-serif;
    --body-line-height: 1.3;
    --body-font-size: 22px;
    --body-font-size-small: 18px;
    --body-bg-color: #2a2a28;
    --body-font-weight: normal;
    --body-letter-spacing: 0.02em;
    --heading-font-family: "KanyonCn-Bold", Arial, sans-serif;
    --heading-font-weight: normal;
    --heading-line-height: 1.3;
    --heading-letter-spacing: 0;
    --h1-font-size: 3.5rem;
    --h2-font-size: 3rem;
    --h3-font-size: 1.6rem;
    --h4-font-size: 1.2rem;
    --h5-font-size: 1.2rem;
    --h6-font-size: 1.2rem;
    --body-link-color: #9e8f8f;
    --body-link-hover-color: #9e8f8f;
    --mainnav-text-color: #ffffff;
    --mainnav-link-color: #ffffff;
    --mainnav-link-hover-color: #ffffff;
    --mainnav-link-active-color: #ffffff;
    --footer-bg-color: #2a2a28;
    --footer-text-color: #ffffff;
    --footer-link-color: #ffffff;
    --footer-link-hover-color: #ffffff;
    --t4-purple: #5a3e3f;
    --t4-red: #e30d12;
    --t4-orange: #d47d36;
    --t4-white: #fff;
    --t4-gray: #504c4b;
    --space: 200px;
    --space-small: 70px;
}

/* ==========================================================================
    ALLGEMEINE DEFINITIONEN
    ========================================================================== */
html,
body {
    -webkit-font-smoothing: antialiased;
}

a,
a:active,
a:focus,
a:hover {
    outline: none;
}

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

:focus {
    outline: 0 !important;
}

b,
strong {
    font-weight: bold;
}

p {
    margin-bottom: 30px
}

p:empty {
    margin-bottom: 0
}

/* ==========================================================================
    TYPO DEFINITIONEN
    ========================================================================== */
body {
    text-align: center;
}

h1,
.bodyWrapper .uk-scope h1,
.h1 {
    text-transform: uppercase;
    margin: 0 auto 5px;
    line-height: 1;
    font-size: var(--h1-font-size);
    font-weight: var(--heading-font-weight);
    letter-spacing: 0.05rem;
    font-family: var(--heading-font-family);
}

h2,
.bodyWrapper .uk-scope h2,
.h2 {
    text-transform: uppercase;
    margin: 0 auto 5px;
    line-height: 1;
    font-size: var(--h2-font-size);
    font-weight: var(--heading-font-weight);
    letter-spacing: 0.05rem;
    font-family: var(--heading-font-family);
}

h3,
.bodyWrapper .uk-scope h3,
.h3 {
    text-transform: uppercase;
    margin: 0 auto 10px;
    line-height: 1;
    font-size: var(--h3-font-size);
    font-weight: var(--heading-font-weight);
    letter-spacing: 0.05rem;
    font-family: var(--heading-font-family);
    color: white;
}

/* h5,
.bodyWrapper .uk-scope h5,
.h5 {
    font-size: var(--h5-font-size);
    font-weight: var(--heading-font-weight);
    color: var(--color-primary);
    margin: 0 auto 10px;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    font-family: var(--heading-font-family);
} */
h4,
.bodyWrapper .uk-scope h4,
.h4 {
    font-size: var(--h4-font-size);
    font-weight: var(--heading-font-weight);
    color: var(--color-primary);
    margin: 0 auto 30px;
    letter-spacing: 0.025rem;
    font-family: var(--heading-font-family);
}

/* h6,
.bodyWrapper .uk-scope h6,
.h6 {
    font-size: var(--h6-font-size);
    font-weight: var(--heading-font-weight);
    color: var(--color-primary);
    margin: 0 auto 30px;
    font-family: var(--heading-font-family);
} */
/* ==========================================================================
   CONTAINER FÜR FOOTER BOTTOM
   ========================================================================== */
.t4-content-inner {
    min-height: 100vh;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.t4-content-inner>.t4-section {
    min-width: 100%;
}

#t4-main-body {
    flex-grow: 1;
}

.t4-footer {
    align-self: flex-end;
}

/* ==========================================================================
   SECTIONS
   ========================================================================== */
.article-aside {
    margin-bottom: 0rem;
}

#t4-main-body {
    padding-top: var(--space-small);
    padding-bottom: var(--space);
}

.view-category #t4-main-body {
    padding-bottom: 0;
}

.view-category #t4-main-body .item-content {
    padding-bottom: var(--space);
}

.view-category #t4-main-body .blog-items>div:first-child .item-content.mb-small {
    padding-bottom: 40px;
}

.blog .blog-items .blog-item,
.blog-featured .blog-items .blog-item {
    margin-bottom: 0
}

#t4-main-body .items-leading>.blog-item {
    padding-top: var(--space-small);
}

#t4-main-body .items-leading>.blog-item:first-child {
    padding-top: 0
}

#t4-main-body .items-leading>.blog-item:first-child .row-custom {
    padding-top: var(--space-small);
}

.view-article #t4-main-body {
    padding-top: calc(var(--space) * 2);
}

.error-404.view-category #t4-spotlight-3 {
    display: none;
}

.error-404 #t4-main-body {
    padding-top: calc(var(--space) * 1.5);
    padding-bottom: calc(var(--space) * 1);
}

.category-desc {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border: none;
}

.view-article #t4-spotlight-3 {
    padding-bottom: calc(var(--space));
    text-align: center;
}

.view-article #t4-main-body .article-body>h1,
.view-article #t4-main-body .article-body>h2,
.view-article #t4-main-body .article-body>h3,
.view-article #t4-main-body .article-body>h4,
.view-article #t4-main-body .article-body>p,

.error-404 #t4-main-body h1,
.error-404 #t4-main-body h2,
.error-404 #t4-main-body h3,
.error-404 #t4-main-body h4,
.error-404 #t4-main-body p {
    max-width: 770px;
    margin-right: auto;
    margin-left: auto;
}

.view-article .back-button-box {
    margin-top: calc(var(--space-small));

}

.view-article #t4-main-body .back-button-box .btn {
    background-color: var(--t4-gray);
    border-color: var(--t4-gray);

}

.view-article.fullwidth #t4-main-body {
    padding: var(--space-small) 0 var(--space) 0;
    background: rgba(250, 194, 121, 1);
    background: linear-gradient(180deg, rgba(250, 194, 121, 1) var(--space), rgba(88, 70, 74, 1) var(--space));
}

.view-article.fullwidth .content-links {
    padding: 0 15px;
}

.content-links a {
    margin: 5px;
}

.view-article.fullwidth #t4-main-body>.container,
.view-article.fullwidth #t4-main-body .container>.row {
    max-width: 100%;
    padding: 0;
    margin: 0;
    --t4-gutter-x: 0;
}

#t4-spotlight-3 .section {
    padding-top: var(--space);
    padding-bottom: var(--space);
}

#t4-spotlight-3 .section.mt-small {
    padding-top: 0;
}

#t4-spotlight-3 .section.banner {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
}

#t4-spotlight-3 .section.banner h2 {
    text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.46);
}

#t4-spotlight-3 .section.banner .bg {
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0px;
    z-index: 0;
}

#t4-spotlight-3 .section.banner>div.d-flex {
    min-height: 805px;
    padding-top: var(--space);
    padding-bottom: var(--space);
    position: relative;
    z-index: 10;
}

#t4-spotlight-3 .section.banner.banner-style-2>div.d-flex {
    min-height: 0 !important;
}

#t4-spotlight-3 .section.banner:after {
    content: "";
    display: block;
    background: url(../images/dot.png) left top /14px 14px repeat;
    position: absolute;
    top: -65px;
    left: 0;
    right: 0;
    bottom: -65px;
    z-index: 1;
}

#t4-spotlight-3 .section.banner.banner-style-2:after {
    background: url(../images/dot-gradient.png) left 7px top 7px/14px 224px repeat-x, url(../images/dot-gradient-bottom.png) left 7px bottom 7px/14px 224px repeat-x;
}

#t4-main-body .item-content>h1,
#t4-main-body .item-content>h2,
#t4-main-body .item-content>h3,
#t4-main-body .item-content>h4,
#t4-main-body .item-content>p,
#t4-spotlight-3 .newsflash-inner>h1,
#t4-spotlight-3 .newsflash-inner>h2,
#t4-spotlight-3 .newsflash-inner>h3,
#t4-spotlight-3 .newsflash-inner>h4,
#t4-spotlight-3 .newsflash-inner>p {
    max-width: 770px;
    margin-right: auto;
    margin-left: auto;
}




/* ==========================================================================
   SINGLE GALLERY
   ========================================================================== */

.gallery-box{
 margin-bottom: var(--space-small);
 margin-top:calc(-0.2 * var(--space));
 margin-right: auto;
 margin-left: auto;
 max-width: 900px;
}



/* ==========================================================================
   Footer
   ========================================================================== */
.t4-footer:before {
    content: "";
    display: block;
    width: 100%;
    height: 200px;
    position: absolute;
    top: -65px;
    left: 0;
    background: url(../images/dot-gradient.png) left 7px top 7px/14px 224px repeat-x;
}

.t4-footer {
    background: linear-gradient(180deg, rgba(42, 42, 40, 0) 50px, rgb(42, 42, 40) 350px), url(../images/bg.jpg) top center/100% auto no-repeat;
}

.t4-footer>.t4-section-inner:first-child>div {
    display: flex;
    flex-direction: row;
    padding-top: 100px;
}

.t4-footer>.t4-section-inner:first-child>div>div:nth-child(1),
.t4-footer>.t4-section-inner:first-child>div>div:nth-child(3) {
    padding-top: 120px;
    text-align: left;
    width: 20%;
}

.t4-footer>.t4-section-inner:first-child>div>div:nth-child(2) {
    width: 60%;
}

.t4-footnav .nav>li::before {
    content: "";
    display: inline-block;
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-style: normal;
    color: #adb5bd;
    margin: 0 6px;
}

.t4-footnav .nav>li:first-child:before {
    display: none;
}

.t4-footer,
.t4-footer p,
.t4-footer a:not(.btn) {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 0;
}

.t4-footer .t4-footnav h4 {
    color: #836e6f !important;
}

.t4-footer .btn.btn-primary {
    background-color: #836e6f !important;
    border-color: #836e6f !important;
}

.t4-footnav {
    background-color: transparent;
}

.social-module a,
.t4-footnav,
.t4-footnav p,
.t4-footnav a {
    color: #836e6f;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 0;
}

.social-module h5,
.t4-footnav h5 {
    color: #836e6f !important;
}

.t4-footnav>div>div:nth-child(1) {
    text-align: left;
}

.t4-footnav>div>div:nth-child(3) {
    text-align: right;
}

.t4-footnav .nav>li>a,
.t4-footnav .nav>li {
    display: inline;
    text-transform: none;
    margin: 0;
    padding: 0;
    color: #836e6f !important;
    text-decoration: none !important;
    border-bottom: none !important;
}

.t4-footnav .navbar {
    display: block !important;
    padding: 0;
    margin: 0;
    text-align: right;
}

.t4-footnav .navbar>.navbar-nav {
    display: block !important;
}

.social-module i,
.t4-footnav i {
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    border: 1px solid;
    border-radius: 50%;
    margin: 0 5px;
}

.t4-footer>.t4-section-inner:first-child>div>div:nth-child(3) p {
    margin-bottom: 10px;

}

.t4-footer>.t4-section-inner:first-child>div>div:nth-child(3) a {

    color: var(--color-primary) !important;
}

.t4-footer>.t4-section-inner:first-child>div>div:nth-child(3) strong a {

    font-size: 22px !important;
}

/* ==========================================================================
    SMALL
    ========================================================================== */
small,
.small {
    font-size: 16px;
    letter-spacing: 0.05rem;
    line-height: 1.2;
    font-weight: 500;
}

small a,
.small a {
    border-bottom: 2px dotted;
    display: inline-block;
}

/* ==========================================================================
   COLORS
   ========================================================================== */
.bg-orange {
    background-color: var(--t4-orange);
}

.bg-orange a,
.bg-orange a:hover {
    color: var(--t4-white);
}

.bg-red {
    background-color: var(--t4-red)!important;
}

.bg-gray {
    background-color: var(--t4-purple);
    ;
}

.bg-gray a,
.bg-gray a:hover {
    color: var(--t4-white);
}

/* ==========================================================================
   COOKIES
   ========================================================================== */
#t4-cookies {
    text-align: left;
    background-color: var(--t4-purple);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

#t4-cookies a,
#t4-cookies a:hover {
    color: var(--t4-white);
}

#t4-cookies p {
    margin-bottom: 0
}

/* ==========================================================================
   MODAL
   ========================================================================== */
#t4-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    overflow-y: auto;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #302f2d;
}

#t4-modal>.container,
#t4-modal>.container>div {
    min-height: 100vh;
    width: 100%;
    position: relative;
}

#t4-modal::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    max-height: 145px;
    position: absolute;
    top: 0px;
    left: 0;
    background: url(../images/dot.png) left 7px top 7px/14px 14px repeat;
    pointer-events: none;
    z-index: -2;
}

#t4-modal::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 145px;
    z-index: -1;
    background: transparent;
    background: linear-gradient(0deg, rgba(48, 47, 45, 1) 0%, rgba(48, 47, 45, 0) 100%);
    content: "";
    display: block;
}

body.no-scroll {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

/* ==========================================================================
   TOPBAR
   ========================================================================== */
#topbar {
    text-align: left;
    position: relative;
    background-color: var(--t4-purple);
}
#topbar a {
   color:white!important;
}

#topbar .btn-close {
    position: absolute;
    right: 15px;
    top: 12px;
}

#topbar p {
    margin-bottom: 0;
}

#topbar .container {
    padding-left: 40px;
    position: relative;
}

#topbar .container:before {
    content: "i";
    width: 30px;
    height: 30px;
    line-height: 32px;
    left: 0;
    top:  50%;
    display: block;
    position: absolute;
    border: 1px solid;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    text-align: center;
    font-weight: bold;
    margin-top: -15px;
font-size: 18px;
}

/* ==========================================================================
   HEADER
   ========================================================================== */
#t4-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background-color: transparent;
    min-height: 0;
    border:none;
}

.logo-image {
    width: 300px;
    max-width: 100%;
    display: inline-block;
    transition: width 0.5s, margin 0.5s;
    -webkit-transition: width 0.5s, margin 0.5s;
    -moz-transition: width 0.5s, margin 0.5s;
    -ms-transition: width 0.5s, margin 0.5s;
    -o-transition: width 0.5s, margin 0.5s;
    margin-right: auto;
margin-left: auto;
}

.not-at-top #t4-header .logo-image {
    width: 90px;
    margin-top: -13px;
}

.logo-image img {
    width: 100%;
    height: auto;
}

.header-content {
    position: relative;
    background-color: transparent;
    padding-top: 20px !important;
    padding-bottom: 10px !important;
}

.not-at-top #t4-header .header-content {
    background: rgb(174, 95, 43);
    background: linear-gradient(90deg, rgba(174, 95, 43, 1) 0%, rgba(213, 149, 79, 1) 100%);
}

.header-content:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    max-height: 145px;
    position: absolute;
    top: 0px;
    left: 0;
    background: url(../images/dot-gradient-small.png) left 7px top 7px/14px 140px repeat-x;
    transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    opacity: 1;
    pointer-events: none;
    z-index: -2;
}

.view-category:not(.error-404) #t4-header .header-content:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    max-height: 145px;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: -1;
    transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    opacity: 1;
    pointer-events: none;
    background: url(../images/dot-gradient-header.png) right top/50% 100% no-repeat;
}

.not-at-top #t4-header .header-content:before {
    opacity: 0;
}

.not-at-top.view-category #t4-header .header-content:after {
    opacity: 0;
}

.t4-offcanvas .header-content {
    background: transparent;
}

/* ==========================================================================
    NAVIGATION MOBILE
      ========================================================================== */
.t4-megamenu {
    margin: 0 20px;
}

.t4-megamenu .navbar-nav>li>a,
.t4-megamenu .navbar-nav>li>.nav-link {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    height: auto;
    line-height: 1;
    letter-spacing: 0.05rem;
    margin: 0;
}

.t4-megamenu .navbar-nav>li {
    margin: 0 10px;
}

.justify-content-end .t4-megamenu .navbar-nav>li {
    margin: 0 0 0 10px;
}

.t4-megamenu .navbar-nav>li.n-icon {
    min-height: 30px;
    line-height: 30px;

    padding: 0px 0 0 10px;
}

.t4-megamenu .navbar-nav>li.w-icon {
    min-height: 30px;
    line-height: 30px;
    background-image: url(../images/icons/Stanserhorn-Icon-Menu-Wetter.svg);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: left center;
    padding: 0 0 0 40px;
}

.t4-megamenu .navbar-nav>li.w-icon.w-icon-fahrplan {
    background-image: url(../images/icons/Stanserhorn-Icon-Menu-Fahrplan.svg);
}

.t4-megamenu .navbar-nav>li.w-icon.w-icon-karte {
    background-image: url(../images/icons/Stanserhorn-Icon-Menu-Karte.svg);
}

.t4-megamenu .navbar-nav>li.w-icon.w-icon-faq {
    background-image: url(../images/icons/Stanserhorn-Icon-Menu-FAQ.svg);
}

.t4-megamenu .navbar-nav>li.n-icon a {
    min-height: 30px;
    line-height: 30px;
}



.t4-megamenu .navbar-nav>li.w-icon a {
    min-height: 30px;
    line-height: 30px;
}

.t4-megamenu .navbar-nav>li.btn {
    padding: 8px 20px 5px !important;
}

.mod-languages__select a,
.mod-languages__select button {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.05rem;
    padding: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

div.mod-languages .dropdown-menu {
    min-width: 0
}

div.mod-languages ul li.lang-active {
    background-color: transparent !important;
    opacity: 0.5;
}

div.mod-languages ul.lang-block li {
    padding: 5px;
    text-align: right;
}

/* ==========================================================================
      MAIN NAVIGATION MOBILE - OFF-CANVAS
      ========================================================================== */
.t4-offcanvas-toggle.btn,
.t4-offcanvas-toggle.btn:hover {
    padding: 0;
    margin: 0;
    border-radius: 0;
    min-width: 22px;
    min-height: 22px;
    background-image: url(../images/offcanvas.svg);
    background-repeat: no-repeat;
    background-size: 22px 22px;
    background-position: left center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    height: 30px;
    overflow: hidden;
}

.t4-offcanvas-toggle>span:after {
    content: "Menü";
    text-transform: uppercase;
    display: inline-block;
    padding-top: 8px;
    font-size: 18px;
    margin-left: 35px;
    letter-spacing: 0.05rem;
    font-weight: bold;
}

.c-offcanvas--left {
    transform: translate3d(-100%, 0, 0);
    width: 100%;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.6, 1);
    opacity: 0;
}

.c-offcanvas.is-open {
    transform: translate3d(0, 0, 0);
    visibility: visible;
    opacity: 1;
}

.c-offcanvas {
    background: var(--body-bg-color);
    color: var(--body-text-color);
    background: linear-gradient(180deg, rgba(42, 42, 40, 0) 50px, rgb(42, 42, 40) 350px), url(../images/bg.jpg) top center/100% auto no-repeat;
}

.c-offcanvas header .t4-megamenu li:not(.btn) a,
.c-offcanvas header button.dropdown-toggle {
    color: var(--body-bg-color) !important;
}

.c-offcanvas .t4-megamenu .navbar-nav>li.w-icon {
    background-image: url(../images/icons/Stanserhorn-Icon-Menu-Wetter-neg.svg);
}

.c-offcanvas .t4-megamenu .navbar-nav>li.w-icon.w-icon-fahrplan {
    background-image: url(../images/icons/Stanserhorn-Icon-Menu-Fahrplan-neg.svg);
}

.c-offcanvas .t4-megamenu .navbar-nav>li.w-icon.w-icon-karte {
    background-image: url(../images/icons/Stanserhorn-Icon-Menu-Karte-neg.svg);
}

.c-offcanvas .t4-megamenu .navbar-nav>li.w-icon.w-icon-faq {
    background-image: url(../images/icons/Stanserhorn-Icon-Menu-FAQ-neg.svg);
}


.t4-offcanvas .close {
    background-color: transparent;
    height: auto;
    width: auto;
    border: none;
    padding: 0;
    margin: 2px 0 0 0;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    color: black;
}

.t4-offcanvas .close>span {
    font-size: 45px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
}

.t4-offcanvas .close:after {
    content: "Menü";
    text-transform: uppercase;
    display: block;
    height: 30px;
    font-size: 18px;
    margin-left: 12px;
    letter-spacing: 0.05rem;
    font-weight: bold;
    line-height: 30px;
    float: right;
}

.t4-offcanvas .menu-box {
    text-align: left;
}

.t4-offcanvas .menu-box .dropdown-toggle::after {
    display: none;
}

.t4-offcanvas .menu-box a {
    color: var(--body-text-color) !important;
    background-color: transparent !important;
    border-bottom: none !important;
    font-weight: 500;
    line-height: 1.4;
    padding: 0;
    margin: 0;
    display: inline;
    ;
}

.t4-offcanvas .menu-box ul.nav>li li a:hover,
.t4-offcanvas .menu-box ul.nav>li li.current a {
    border-bottom: 2px dotted !important;
}

.t4-offcanvas .menu-box ul.nav {
    width: 100%;
}

.t4-offcanvas .menu-box ul.nav>li {
    width: 25%;
    padding: 5px 10px;
}

.t4-offcanvas .menu-box li li {
    padding: 5px 0px;
}

.t4-offcanvas .menu-box ul.nav>li:last-child a {
    color: var(--color-primary) !important;
}

.t4-offcanvas .menu-box ul.nav>li .mod-menu__heading {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    display: block;
    font-size: 1rem;
    color: var(--color-primary);
    margin-bottom: 5px;
}

.t4-offcanvas .menu-box ul.nav>li .mod-menu__heading_h5 {
    font-weight: bold;
    letter-spacing: 0.02em;
    display: block;
    font-size: 1.2rem;
    color: var(--color-primary);
    font-family: var(--heading-font-family);
}

.t4-offcanvas .menu-box ul.nav>li:nth-child(1) .mod-menu__heading,
.t4-offcanvas .menu-box ul.nav>li:nth-child(2) .mod-menu__heading,
.t4-offcanvas .menu-box ul.nav>li:nth-child(3) .mod-menu__heading {
    font-size: 1.5rem;
    background-image: url(../images/dots-line.png);
    background-size: 80% auto;
    background-repeat: no-repeat;
    background-position: bottom left;
    margin-bottom: 20px;
    padding-bottom: 20px !important;
    color: var(--body-text-color);
    font-family: var(--heading-font-family);
}

.t4-offcanvas .navbar-expand-md .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.t4-offcanvas .navbar-expand-md .navbar-toggler {
    display: none !important;
}


.t4-offcanvas .collapse.navbar-collapse{
 height: auto;
 overflow: visible;
}

/* ==========================================================================
  HEADER BOX
      ========================================================================== */
.header-box {
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    min-height: 100vh;
    background-color: white;
    background-position: center center;
    height: auto;
}

.header-box>div {
    padding: 200px 15px 100px;
    width: 100%;
    min-height: 100%;
    z-index: 2;
    height: auto;
}

.header-box>div>div {
    position: relative;
}

.header-box .badge-box {
    margin-bottom: -50px;
    z-index: 9;
    margin-right: 5%;
    max-width: 170px;margin-top: 50px;
}
.header-box .badge-box  span{
   display: block;
}
.header-box .badge-box  a{
    display: block;
 }
 
.header-box .badge-box.w__countdown {

    max-width: 130px;
}

.header-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 300px;
    width: 100%;
    background-image: url(../images/gradient-header.png);
    background-repeat: no-repeat;
    background-size: 100% 300px;
    transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    pointer-events: none;
}

.not-at-top .header-box:before {
    opacity: 0;
}

.header-box:after {
    content: "";
    direction: block;
    height: 250px;
    width: 100%;
    background-image: url(../images/gradient-dark.png);
    background-repeat: repeat-x;
    background-size: 3px 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.header-box .container-large {
    max-width: 1600px;
}

.header-box main img {
    max-width: 85%;
}

.header-box h3 {
    text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.46);
}

/* ==========================================================================
  CONATINERS
      ========================================================================== */
.container-large {
    max-width: 1600px;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
}

/* ==========================================================================
      WIDGETKIT
      ========================================================================== */

.bodyWrapper .uk-scope .uk-link-toggle:hover .uk-link,
.bodyWrapper .uk-scope .uk-link:hover,
.bodyWrapper .uk-scope a:hover {
    color: white;

}

.bodyWrapper .uk-scope .uk-link,
.bodyWrapper .uk-scope a {
    color: white;

}

.bodyWrapper .uk-scope {
    font-weight: 500;
    font-size: var(--body-font-size-small);
}

.bodyWrapper .uk-scope *+p {
    margin-top: 0px;
}

.bodyWrapper .uk-scope>.uk-slider,
.bodyWrapper .uk-scope>.uk-grid {
    margin-top: var(--space-small)
}

.bodyWrapper .uk-scope>.uk-grid h4 {
    margin-bottom: 0;
}

.bodyWrapper .uk-scope .uk-overlay-primary {
    background: rgba(158, 143, 143, .8);
}

.bodyWrapper .uk-scope .uk-overlay-primary:after {
    background: url(../images/dot.png) left 0px top 0px/14px 14px repeat;
    content: "";
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    position: absolute;
    top: 20px;
    left: 20px;
}

.bodyWrapper .uk-scope .uk-overlay-primary>.uk-position-center {
    top: 50%;
    left: 50%;
}

.bodyWrapper .uk-scope .uk-overlay-primary>.uk-position-center .uk-icon {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 2px solid white;
    padding: 10px;
}

.bodyWrapper .uk-scope .uk-overlay-primary>.uk-position-center .uk-icon svg {
    height: 20px;
    width: 20px;
}

.bodyWrapper .uk-scope .uk-overlay-primary>.uk-position-center .uk-icon svg>rect:first-child {
    transform: translate(-1px, 0px);
    width: 4px;
    -webkit-transform: translate(-1px, 0px);
    -moz-transform: translate(-1px, 0px);
    -ms-transform: translate(-1px, 0px);
    -o-transform: translate(-1px, 0px);
}

.bodyWrapper .uk-scope .uk-overlay-primary>.uk-position-center .uk-icon svg>rect:last-child {
    transform: translate(0px, -1px);
    height: 4px;
    -webkit-transform: translate(0px, -1px);
    -moz-transform: translate(0px, -1px);
    -ms-transform: translate(0px, -1px);
    -o-transform: translate(0px, -1px);
}

.bodyWrapper .uk-scope .uk-label {
    display: inline-block;
    overflow: hidden;
    position: absolute;
    top: -5px;
    right: -5px;
    background: transparent;
    width: 150px;
    height: 150px;
    margin: 0px;
}

.bodyWrapper .uk-scope .uk-label>div {
    text-align: center;
    background: #c2957e;
    font-family: var(--heading-font-family);
    line-height: 35px;
    height: 50px;
    font-size: 30px;
    padding: 10px 40px;
    font-weight: bold;
    transform: rotate(45deg);
    position: absolute;
    width: 300px;
    top: 18px;
    right: -105px;
}

.bodyWrapper .uk-scope .uk-label span:before {
    content: "★ ";
    font-size: 18px;
    display: inline-block;
    margin-right: 10px;
}

.bodyWrapper .uk-scope .uk-label span:after {
    content: " ★";
    font-size: 18px;
    display: inline-block;
    margin-left: 10px;
}

.bodyWrapper .uk-scope .uk-slider h3 {
    font-family: var(--body-font-family);
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 0.04em;
}

.uk-scope .uk-slider img.uk-border-circle {
    border: 6px solid white;
}
.uk-scope .gallery-grid .uk-border-circle {
    border: 6px solid white;
}
.bodyWrapper .uk-scope div.uk-border-circle .uk-overlay-primary::after {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.uk-scope .uk-slider.badge-number-div .uk-grid>* {
    padding-left: 0px;
}

.uk-scope .uk-slider.badge-number-div .uk-grid>*>.uk-panel {
    padding-left: 70px;
    padding-right: 70px;
}

.uk-scope .uk-slider.badge-number-div .uk-grid {
    margin-left: 0px;
}

.uk-scope .uk-slider .uk-position-small {
    margin: 0px;
}

.uk-scope .uk-slider .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
    stroke-width: 3;
}

.badge-number {
    text-transform: uppercase;
    margin: 0 auto 5px;
    margin-right: auto;
    margin-left: auto;
    line-height: 1;
    font-size: 55px;
    font-weight: var(--heading-font-weight);
    letter-spacing: 0.05rem;
    font-family: var(--heading-font-family);
    color: #e2dddd;
    font-weight: bold;
    position: absolute;
    left: 20px;
    top: 0;
    text-align: right;
    width: 50px;
}

.bodyWrapper .uk-scope .uk-dotnav>*>* {
    border: none;
    background-color: rgba(255, 255, 255, .3);
}

.bodyWrapper .uk-scope .uk-dotnav>.uk-active>* {
    background-color: rgba(255, 255, 255, .7);
    border: none;
}

.uk-scope .grid-stack-box {
    margin-top: var(--space-small) !important;
}

.uk-scope .grid-stack-box h4 {
    margin-bottom: 5px;
}

.uk-scope .popover-box .uk-marker {
    background: rgba(0, 0, 0, 0.7);
    border: 2px solid white;
}

.uk-scope .popover-box .uk-card-body {
    padding: 20px;
}

.uk-scope .popover-box h3 {
    margin-bottom: 0px !important;
    font-size: 1.5rem;
}

/* ==========================================================================
TEAM & SHOP
      ========================================================================== */
.uk-subnav.uk-subnav-pill {
    margin-top: var(--space-small);
}

.noNav .uk-subnav {
    display: none !important;
}

.noNav.team.center .uk-slider-items {
    justify-content: center;
}

.uk-scope .custom-grid img.uk-border-circle {
    border: 6px solid white;
    width: 300px;
}

.bodyWrapper .uk-scope .custom-grid h3 {
    font-family: var(--body-font-family);
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 0.04em;
    margin-bottom: 5px;
}

.bodyWrapper .uk-scope .custom-grid p {
    margin-bottom: 0px;
}

.bodyWrapper .uk-scope .uk-subnav-pill>*> :first-child {
    background-color: transparent;
    border: 1px solid white;
    color: white !important;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 15px 4px;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    margin-bottom: 10px;
    letter-spacing: 0.05rem;
}

.bodyWrapper .uk-scope .uk-subnav-pill>*>a:hover,
.bodyWrapper .uk-scope .uk-subnav-pill>.uk-active>a {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

/* ==========================================================================
   GESCHICHTE
      ========================================================================== */
.badge-year-div {
    margin-top: var(--space-small);
}

.bodyWrapper .uk-scope .badge-year-div h2 {
    color: #e2dddd;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.31);
}

.badge-year-div .uk-panel {
    padding-right: 5%;
}

.badge-year-div .uk-panel>.uk-margin {
    padding-left: 10%;
}

.badge-year-div .uk-panel.w-media>h2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.badge-year-div img {
    width: 220px;
}

.badge-year-div .uk-panel.w-media>.uk-margin.uk-text-center {
    margin-top: 0px !important;
}

/* ==========================================================================
     BUTTONS
      ========================================================================== */
.btn.btn-primary:hover {
    opacity: 1;
    background-color: #7d4a29;
    border-color: #7d4a29;
}

.btn,
.bodyWrapper .uk-scope .uk-button-default,
.bodyWrapper .uk-scope .uk-button-default:hover,
.bodyWrapper .uk-scope .uk-button-default:active,
.bodyWrapper .uk-scope .uk-button-default:focus {
    font-weight: bold;
    text-transform: uppercase;
    padding: 8px 20px 5px;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    line-height: 1;
    min-height: 1rem;
    letter-spacing: 0.05rem;
    font-size: 18px;
    box-shadow: none !important;
}

#t4-main-body .btn,
.banner .btn {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}
#t4-main-body .btn:hover,
.banner .btn:hover {
 
    background-color: #7d4a29;
    border-color: #7d4a29;
}
.bodyWrapper .uk-scope .uk-button-default,
.bodyWrapper .uk-scope .uk-button-default:hover,
.bodyWrapper .uk-scope .uk-button-default:active,
.bodyWrapper .uk-scope .uk-button-default:focus {
    background-color: #c2957e;
    border-color: #c2957e;
    color: white;
}

.bodyWrapper .uk-scope .uk-button-default:hover,
.bodyWrapper .uk-scope .uk-button-default:active,
.bodyWrapper .uk-scope .uk-button-default:focus {
    background-color: #997563;
    border-color: #997563;
}

.btn-sm {
    font-size: 14px;
}

#t4-main-body .row-custom .btn {
    background-color: #c2957e;
    border-color: #c2957e;
    color: white;
}

.t4-offcanvas .menu-box .buttons-mobile {
display:none!important;
}

.t4-offcanvas .menu-box .buttons-mobile a.nav-link {
    font-weight: bold;
    text-transform: uppercase;
    padding: 8px 20px 5px;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    line-height: 1;
    min-height: 1rem;
    letter-spacing: 0.03rem;
    font-size: 14px;
    box-shadow: none !important;
    background-color: var(--t4-red) !important;

    color: white!important;
    display: inline-block;
    margin: 0 auto 15px!important;
}

.t4-offcanvas .menu-box .buttons-mobile ul.nav>li {
    width: 100% !important;
    margin-bottom: 0 !important;
 
}

.t4-offcanvas .menu-box .buttons-mobile .navbar {
    padding: 0 !important;
   
    margin-bottom: 15px;
    margin-top: 15px;
    text-align: center !important;
}

.t4-offcanvas .menu-box .buttons-mobile .navbar .nav>li:last-child {
    padding: 0 !important;
    ;
    display: none !important
}

/* ==========================================================================
      BACK-TO-TOP BUTTON
      ========================================================================== */
#back-to-top,
#back-to-top:hover,
#back-to-top:focus,
#back-to-top:active {
    right: 20px;
    bottom: 70px;
    border-radius: 2px;
    display: none !important;
}

#back-to-top i {
    line-height: 34px;
    font-size: 14px;
}

/* ==========================================================================
ZUSATZT TEXT
      ========================================================================== */
.row-custom {
    font-weight: 500;
    font-size: var(--body-font-size-small);
    margin-top: 40px;
}

.row-custom p {
    margin-bottom: 10px;
}

.row-custom .col {
    margin-bottom: 30px;
}

.items-leading .row-custom .col p {
    margin-top: 0;
    margin-bottom: 10px;
}

.items-leading .row-custom .col {
    padding-top: 0;
    padding-bottom: 0;
}

.row-custom a {
    color: white;
    border-bottom: 2px dotted white;
}

/* ==========================================================================
ÄHNLICHE BOX
      ========================================================================== */
.row-custom-gray {
    margin: 50px auto 0px;
    font-family: var(--body-font-family);
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 0.04em;
}

.row-custom-gray img {
    width: 160px;
    height: auto;
    display: block;
    margin: 0 auto 20px
}

.row-custom-gray>.col {
    border-right: 6px dotted #474342;
    padding: 40px 0 20px 0;
}

.row-custom-gray>.col:last-child {
    border-right: none;
}

/* ==========================================================================
TABLE
      ========================================================================== */

.table-responsive {
    margin: 0px auto 30px;
}

.table {
    line-height: 1.2;
    margin: 15px auto 0px;
    color: white;
    font-weight: 500;
    text-align: center;
    border-color: transparent;
}

.table>tbody>tr:nth-of-type(2n+1) {
    background-color: var(--body-link-color);
    color: white;
}

.table p {
    margin-bottom: 0 !important;
}

.table> :not(caption)>*>* {
    border-bottom-width: 0;
    box-shadow: none;
    border-right: 2px solid var(--body-bg-color);
    border-left: 2px solid var(--body-bg-color);
}

.table>tbody>tr:nth-of-type(2n+0) {
    background-color: #312f2f;


}

/* ==========================================================================
ACCORDION
      ========================================================================== */
.accordion {
    padding: 0rem;
}

.accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.accordion-item {
    background-color: transparent;
    border: none;
    border-top: 6px dotted #474342;
    border-bottom: 6px dotted #474342;
}

.accordion-body {
    padding: 1rem 0;
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.accordion-button {
    padding: 1rem 1rem 1rem 0rem;
    color: white;
    background-color: transparent;
    text-transform: uppercase;
    font-size: var(--h3-font-size);
    font-weight: var(--heading-font-weight);
    letter-spacing: 0.05rem;
    font-family: var(--heading-font-family);
}

.accordion-button:not(.collapsed) {
    color: white;
    background-color: transparent;
    box-shadow: none;
}

.accordion-button:focus {
    border-color: transparent;
    box-shadow: none;
}

.accordion-button::after {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E.a,.c%7Bfill:none;%7D.b%7Bclip-path:url(%23a);%7D.c%7Bstroke:%23fff;stroke-width:1.5px;%7D%3C/style%3E%3CclipPath id='a' transform='translate(0 0)'%3E%3Crect class='a' width='24' height='24'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='b'%3E%3Cpath class='c' d='M12,23.25A11.25,11.25,0,1,0,.75,12,11.25,11.25,0,0,0,12,23.25Z' transform='translate(0 0)'/%3E%3C/g%3E%3Cline class='c' x1='12' y1='16.81' x2='12' y2='7.19'/%3E%3Cline class='c' x1='7.19' y1='12' x2='16.81' y2='12'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 24px 24px;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E.a,.c%7Bfill:none;%7D.b%7Bclip-path:url(%23a);%7D.c%7Bstroke:%23fff;stroke-width:1.5px;%7D%3C/style%3E%3CclipPath id='a' transform='translate(0 0)'%3E%3Crect class='a' width='24' height='24'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='b'%3E%3Cpath class='c' d='M12,23.25A11.25,11.25,0,1,0,.75,12,11.25,11.25,0,0,0,12,23.25Z' transform='translate(0 0)'/%3E%3C/g%3E%3Cline class='c' x1='7.19' y1='12' x2='16.81' y2='12'/%3E%3C/svg%3E");
}

.accordion h4 {
    margin-bottom: 5px;
}

.accordion p+h4 {
    margin-top: 20px;
}

.accordion a {
    color: white;
    border-bottom: 2px dotted white;
}

.r-2>div {
    width: 49%;
}

.r-2 .accordion {
    line-height: 1.5;
}

.r-2 .accordion-body {
    padding: 0 0 1rem 0;
}

/* ==========================================================================
      KARTE
      ========================================================================== */

.karte .back-button-box {
    display: none;
}

.map-box {
    margin-bottom: var(--space-small);
    background: linear-gradient(0deg, rgba(88, 70, 74, 1) 0%, rgba(250, 194, 121, 1) 100%);
    width: 100%;
    overflow: hidden;
}

.map-box>div {
    max-width: 2000px;
}

.uk-scope .map-box .uk-card-secondary {
    background-color: rgba(88, 70, 74, 1);
    box-shadow: none;
}

.uk-scope .map-box .uk-card-body {
    padding: 20px 20px;
}

.bodyWrapper .uk-scope .map-box h3 {
    font-size: var(--h4-font-size);
}

.bodyWrapper .uk-scope .map-box .custom-icon .uk-marker>span {
    display: inline-block;
    height: 20px;
    width: 20px;
    font-weight: bold;
    line-height: 20px;
}

.bodyWrapper .uk-scope .map-box .custom-icon .uk-marker svg {
    display: none;
}

.bodyWrapper .uk-scope .map-box .bg-custom-red .uk-marker {
    background-color: #da0018;
    color: white;
}

.bodyWrapper .uk-scope .map-box .bg-custom-red .uk-card-secondary>div {
    background-color: rgba(218, 0, 24, 0.5);
}

.bodyWrapper .uk-scope .map-box .bg-custom-green .uk-marker {
    background-color: #6fae31;
    color: white;
}

.bodyWrapper .uk-scope .map-box .bg-custom-green .uk-card-secondary>div {
    background-color: rgba(111, 174, 49, 0.5);
}

.bodyWrapper .uk-scope .map-box .bg-custom-blue .uk-marker {
    background-color: #1881c0;
    color: white;
}

.bodyWrapper .uk-scope .map-box .bg-custom-blue .uk-card-secondary>div {
    background-color: rgba(24, 129, 192, 0.5);
}

.bodyWrapper .uk-scope .map-box .bg-custom-yellow .uk-marker {
    background-color: #fbcc31;
    color: white;
}

.bodyWrapper .uk-scope .map-box .bg-custom-yellow .uk-card-secondary>div {
    background-color: rgba(251, 204, 49, 0.5);
}

.bodyWrapper .uk-scope .map-box .bg-custom-orange .uk-marker {
    background-color: #ef8b1a;
    color: white;
}

.bodyWrapper .uk-scope .map-box .bg-custom-orange .uk-card-secondary>div {
    background-color: rgba(239, 139, 26, 0.5);
}

/* ==========================================================================
 RESPONSIVE IFRAME
      ========================================================================== */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 15px;
    height: 0;
    overflow: hidden;
}

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

/* ==========================================================================
    METEO
      ========================================================================== */
#hpw {
    text-align: left;
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.hpw_date_short,
.hpw_comma,
.hpw_date_num,
.hpw_txt,
.hpw_subtitle,
#hpw_4,
#hpw_5 {
    display: none;
}

#hpw>div {
    width: 25%;
    padding: 20px 15px 15px;
    line-height: 1;
    text-align: center;
    position: relative;
    float: left;
}

div#hpw_1,
div#hpw_2 {
    border-right: #504c4b 5px dotted;
}

div#hpw_0 {
    background-color: #504c4b4a;
}

.hpw_date_long {
    width: 100%;
    text-transform: uppercase;
    line-height: 1;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.05rem;
    font-family: var(--body-font-family);
    color: var(--color-primary);
    display: inline-block;
}

.hpw_date_exp {
    width: 100%;
    text-transform: uppercase;
    line-height: 1;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.05rem;
    font-family: var(--body-font-family);
    color: white;
    display: inline-block;
}

.hpw_temp_min,
.hpw_temp_delim,
.hpw_temp_max,
.hpw_temp_0 {
    text-transform: uppercase;
    line-height: 1;
    font-size: 40px;
    font-weight: var(--heading-font-weight);
    font-family: var(--heading-font-family);
}

.hpw_copy {
    width: 100%;
    font-size: 0.7rem;
    margin-top: 40px;
    text-align: center;
}

#hpw_img_0,
#hpw_img_1,
#hpw_img_2,
#hpw_img_3,
#hpw_img_4,
#hpw_img_5,
#hpw_img_6 {
    background-repeat: no-repeat;
    display: inline-block;
    height: 100px;
    width: 100%;
    background-position: center center;
    background-size: 100px 100px;
    margin-top: 15px;
    margin-bottom: 15px;
    ;
}

.hpw_img_code_1 {
    background-image: url("../images/icons/meteo/1.svg");
}

.hpw_img_code_2 {
    background-image: url("../images/icons/meteo/2.svg");
}

.hpw_img_code_3 {
    background-image: url("../images/icons/meteo/3.svg");
}

.hpw_img_code_4 {
    background-image: url("../images/icons/meteo/4.svg");
}

.hpw_img_code_5 {
    background-image: url("../images/icons/meteo/5.svg");
}

.hpw_img_code_6 {
    background-image: url("../images/icons/meteo/6.svg");
}

.hpw_img_code_7 {
    background-image: url("../images/icons/meteo/7.svg");
}

.hpw_img_code_8 {
    background-image: url("../images/icons/meteo/8.svg");
}

.hpw_img_code_9 {
    background-image: url("../images/icons/meteo/9.svg");
}

.hpw_img_code_10 {
    background-image: url("../images/icons/meteo/10.svg");
}

.hpw_img_code_11 {
    background-image: url("../images/icons/meteo/11.svg");
}

.hpw_img_code_12 {
    background-image: url("../images/icons/meteo/12.svg");
}

.hpw_img_code_13 {
    background-image: url("../images/icons/meteo/13.svg");
}

.hpw_img_code_14 {
    background-image: url("../images/icons/meteo/14.svg");
}

.hpw_img_code_15 {
    background-image: url("../images/icons/meteo/15.svg");
}

.hpw_img_code_16 {
    background-image: url("../images/icons/meteo/16.svg");
}

.hpw_img_code_17 {
    background-image: url("../images/icons/meteo/17.svg");
}

.hpw_img_code_18 {
    background-image: url("../images/icons/meteo/18.svg");
}

.hpw_img_code_19 {
    background-image: url("../images/icons/meteo/19.svg");
}

.hpw_img_code_20 {
    background-image: url("../images/icons/meteo/20.svg");
}

.hpw_img_code_21 {
    background-image: url("../images/icons/meteo/21.svg");
}

.hpw_img_code_22 {
    background-image: url("../images/icons/meteo/22.svg");
}

.hpw_img_code_23 {
    background-image: url("../images/icons/meteo/23.svg");
}

.hpw_img_code_24 {
    background-image: url("../images/icons/meteo/24.svg");
}

.hpw_img_code_25 {
    background-image: url("../images/icons/meteo/25.svg");
}

.hpw_img_code_26 {
    background-image: url("../images/icons/meteo/26.svg");
}

.hpw_img_code_27 {
    background-image: url("../images/icons/meteo/27.svg");
}

.hpw_img_code_28 {
    background-image: url("../images/icons/meteo/28.svg");
}

.hpw_img_code_29 {
    background-image: url("../images/icons/meteo/29.svg");
}

.hpw_img_code_30 {
    background-image: url("../images/icons/meteo/30.svg");
}

.hpw_img_code_31 {
    background-image: url("../images/icons/meteo/31.svg");
}

.hpw_img_code_32 {
    background-image: url("../images/icons/meteo/32.svg");
}

.hpw_img_code_33 {
    background-image: url("../images/icons/meteo/33.svg");
}

.hpw_img_code_34 {
    background-image: url("../images/icons/meteo/34.svg");
}

.hpw_img_code_35 {
    background-image: url("../images/icons/meteo/35.svg");
}


.hpw_img_code_36 {
    background-image: url("../images/icons/meteo/36.svg");
}
.hpw_img_code_37 {
    background-image: url("../images/icons/meteo/37.svg");
}
.hpw_img_code_38 {
    background-image: url("../images/icons/meteo/38.svg");
}
.hpw_img_code_39 {
    background-image: url("../images/icons/meteo/39.svg");
}
.hpw_img_code_40 {
    background-image: url("../images/icons/meteo/40.svg");
}

.hpw_img_code_41 {
    background-image: url("../images/icons/meteo/41.svg");
}


.hpw_img_code_42 {
    background-image: url("../images/icons/meteo/42.svg");
}




.hpw_img_code_101 {
    background-image: url("../images/icons/meteo/101.svg");
}

.hpw_img_code_102 {
    background-image: url("../images/icons/meteo/102.svg");
}

.hpw_img_code_103 {
    background-image: url("../images/icons/meteo/103.svg");
}

.hpw_img_code_104 {
    background-image: url("../images/icons/meteo/104.svg");
}

.hpw_img_code_105 {
    background-image: url("../images/icons/meteo/105.svg");
}

.hpw_img_code_106 {
    background-image: url("../images/icons/meteo/106.svg");
}

.hpw_img_code_107 {
    background-image: url("../images/icons/meteo/107.svg");
}

.hpw_img_code_108 {
    background-image: url("../images/icons/meteo/108.svg");
}

.hpw_img_code_109 {
    background-image: url("../images/icons/meteo/109.svg");
}

.hpw_img_code_109 {
    background-image: url("../images/icons/meteo/110.svg");
}

.hpw_img_code_111 {
    background-image: url("../images/icons/meteo/111.svg");
}

.hpw_img_code_112 {
    background-image: url("../images/icons/meteo/112.svg");
}

.hpw_img_code_113 {
    background-image: url("../images/icons/meteo/113.svg");
}

.hpw_img_code_114 {
    background-image: url("../images/icons/meteo/114.svg");
}

.hpw_img_code_115 {
    background-image: url("../images/icons/meteo/115.svg");
}

.hpw_img_code_116 {
    background-image: url("../images/icons/meteo/116.svg");
}

.hpw_img_code_117 {
    background-image: url("../images/icons/meteo/117.svg");
}

.hpw_img_code_118 {
    background-image: url("../images/icons/meteo/118.svg");
}

.hpw_img_code_119 {
    background-image: url("../images/icons/meteo/119.svg");
}

.hpw_img_code_120 {
    background-image: url("../images/icons/meteo/120.svg");
}

.hpw_img_code_121 {
    background-image: url("../images/icons/meteo/121.svg");
}

.hpw_img_code_122 {
    background-image: url("../images/icons/meteo/122.svg");
}

.hpw_img_code_123 {
    background-image: url("../images/icons/meteo/123.svg");
}

.hpw_img_code_124 {
    background-image: url("../images/icons/meteo/124.svg");
}

.hpw_img_code_125 {
    background-image: url("../images/icons/meteo/125.svg");
}

.hpw_img_code_126 {
    background-image: url("../images/icons/meteo/126.svg");
}

.hpw_img_code_127 {
    background-image: url("../images/icons/meteo/127.svg");
}

.hpw_img_code_128 {
    background-image: url("../images/icons/meteo/128.svg");
}

.hpw_img_code_129 {
    background-image: url("../images/icons/meteo/129.svg");
}

.hpw_img_code_130 {
    background-image: url("../images/icons/meteo/130.svg");
}

.hpw_img_code_131 {
    background-image: url("../images/icons/meteo/131.svg");
}

.hpw_img_code_132 {
    background-image: url("../images/icons/meteo/132.svg");
}

.hpw_img_code_133 {
    background-image: url("../images/icons/meteo/133.svg");
}

.hpw_img_code_134 {
    background-image: url("../images/icons/meteo/134.svg");
}

.hpw_img_code_135 {
    background-image: url("../images/icons/meteo/135.svg");
}
.hpw_img_code_136 {
    background-image: url("../images/icons/meteo/136.svg");
}
.hpw_img_code_137 {
    background-image: url("../images/icons/meteo/137.svg");
}
.hpw_img_code_138 {
    background-image: url("../images/icons/meteo/138.svg");
}
.hpw_img_code_139 {
    background-image: url("../images/icons/meteo/139.svg");
}
.hpw_img_code_140 {
    background-image: url("../images/icons/meteo/140.svg");
}

.hpw_img_code_141 {
    background-image: url("../images/icons/meteo/141.svg");
}


.hpw_img_code_142 {
    background-image: url("../images/icons/meteo/142.svg");
}
/* ==========================================================================
   ANCHOR
      ========================================================================== */
.anchor {
    display: block;
    height: 80px;
    pointer-events: none;
    margin-top: -80px;
}



/* ==========================================================================
   NEWSLETTER
   ========================================================================== */

.acym_module_form .acym_form {
    margin: var(--space-small) auto;
}

.acym_module_form .onefield.acyfield_2 input {
    width: 400px;
    text-align: center;
}

.acym_module_form .acym_form .acysubbuttons input {
    margin-top: 20px;
}

.acym_module_form .acym_form .onefield .acym__field__error__block {
    left: 50%;
    margin-left: -100px;
    background-color: var(--t4-gray);
    width: 200px;
    border: none;
    border-radius: 0px;

}


/* ==========================================================================
   FORMULAR - RSFORMS
   ========================================================================== */

.form-check {
    min-height: 0px;
    margin-bottom: 10px;
    padding: 0px;
}

.form-check label {
    text-align: left;
    padding-left: 40px;
    display: block;
    cursor: pointer;
}

.rsform-checkbox {
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    border: 0px;
    width: 25px;
    height: 25px;
    margin: 0px !important;
    cursor: pointer;
}

.form-check-input:checked {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}


.rsform-input-box {
    max-width: 100%;
    border: none;
    border-radius: 0;
    padding: 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.rsform-submit-button {
    background-color: #836e6f !important;
    border-color: #836e6f !important;
    font-weight: 700;
    text-transform: uppercase;
    padding: 8px 20px 5px;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    line-height: 1;
    min-height: 1rem;
    letter-spacing: .05rem;
    font-size: 18px;
    box-shadow: none !important;
}

.formError {
    font-size: 12px;
    font-weight: normal;
}

.formRed,
.formError,
.was-validated .form-check-input:invalid~.form-check-label,
.was-validated .contact .email-copy>input[type="checkbox"]:invalid~.form-check-label,
.contact .was-validated .email-copy>input[type="checkbox"]:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label,
.contact .email-copy>input.is-invalid[type="checkbox"]~.form-check-label {
    color: var(--color-secondary);
}

.formValidation {
    display: block;
    width: 100%;
    text-align: left;
}



/* ==========================================================================
   FORMULAR - ANFRAGE
   ========================================================================== */

#rsform_4_page_0{
    border-top: 6px dotted #474342;
    text-align: left;
    padding-top: 20px;
    margin-top:80px;
}
#rsform_4_page_0 .rsform-input-box {
    background-color:#f0e3d3;
    border-radius: 1em;
    padding: 5px 20px;
  
  }
  #rsform_4_page_0  .form-control {
    max-width: 100%;
    background-color:#f0e3d3;
    border-radius: 1em;
    padding: 5px 20px;
  }

  #rsform_4_page_0 .rsform-checkbox{
    
    background-color:#f0e3d3;
    border-radius: 1em!important;

  }

  #rsform_4_page_0 .form-check-input:checked {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
  }
  #rsform_4_page_0   .rsform-type-freetext{
    
margin:40px 0 20px!important;

  }

  #rsform_4_page_0 .rsform-type-recaptchav2 label {
    
opacity: 0;
    
      }
      #rsform_4_page_0     .btn.btn-primary {
      border-color: var(--color-secondary)!important;
        background-color: var(--color-secondary)!important;
        margin-top:20px!important;
      }

      @media (min-width: 576px){
      #rsform_4_page_0       .col-sm-3 {
 
      width: 29%;
      }
      #rsform_4_page_0     .col-sm-9 {
    
        width: 71%;
        }
    }

/* ==========================================================================
   MOBILE WEBCAM
      ========================================================================== */
.moduletable.mobile__webcam {
border: none;
padding: 0;
border-radius: 0;
margin: 0;
position: absolute;
top: 10px;
right: 70px;
width: 45px;
height: 45px;
}


.moduletable.mobile__webcam p{
margin-bottom: 0;
}

.moduletable.mobile__webcam p img{

width: 100%;

}
/* ==========================================================================
      RESPONSIVE DEFINITIONEN
      ========================================================================== */
@media (max-width: 2000px) {
    .header-box .container-large {
        max-width: 1200px;
    }
}

@media (max-width: 1600px) {
    :root {
        --body-font-size: 20px;
        --body-font-size-small: 17px;
    }

    .map-box {
        background: transparent;
    }

    .map-box>div {
        margin-right: -8%;
        margin-left: -8%;
    }

    .uk-scope .map-box .uk-switcher {
        margin-right: 8%;
        margin-left: 8%;
    }

    .logo-image {
        width: 200px;
    }

    .header-box>div {
        padding-top: 130px;
    }

    .header-box::after {
        height: 200px;
    }

    #t4-spotlight-3 .section.banner>div.d-flex {
        min-height: 705px;
    }

    .c-offcanvas {
        background: linear-gradient(180deg, rgba(42, 42, 40, 0) 50px, rgb(42, 42, 40) 300px), url(../images/bg.jpg) top center/100% auto no-repeat;
    }

    .header-box .container-large {
        max-width: 1000px;
    }

    .header-box .badge-box {
        width: 150px;
    }
    .header-box .badge-box.w__countdown {

        width: 110px;
    }
    
}

@media (max-width: 1440px) {
    :root {
        --body-font-size: 19px;
        --body-font-size-small: 16px;
    }

    .header-box .container-large {
        max-width: 900px;
    }

    .header-box::after {
        height: 150px;
    }

    #t4-spotlight-3 .section.banner>div.d-flex {
        min-height: 605px;
    }

    .c-offcanvas {
        background: linear-gradient(180deg, rgba(42, 42, 40, 0) 50px, rgb(42, 42, 40) 250px), url(../images/bg.jpg) top center/100% auto no-repeat;
    }
}

@media (max-width: 1199px) {
    :root {
        --body-font-size: 18px;
        --h1-font-size: 3rem;
        --h2-font-size: 2.2rem;
        --space: 150px;
        --space-small: 70px;
    }

    .c-offcanvas {
        background: linear-gradient(180deg, rgba(42, 42, 40, 0) 50px, rgb(42, 42, 40) 200px), url(../images/bg.jpg) top center/100% auto no-repeat;
    }

    .btn {
        font-size: 16px;
    }

    .t4-offcanvas .menu-box ul.nav>li:nth-child(1) .mod-menu__heading,
    .t4-offcanvas .menu-box ul.nav>li:nth-child(2) .mod-menu__heading,
    .t4-offcanvas .menu-box ul.nav>li:nth-child(3) .mod-menu__heading {
        background-size: 70% auto;
    }

    .t4-offcanvas .menu-box ul.nav>li {
        width: 50%;
        margin-bottom: 40px;
    }

    .logo-image {
        width: 180px;
    }

    .header-box main img {
        max-width: 100%;
    }

    .header-box {
        background-attachment: inherit;
        min-height: 700px;
    }

    .header-box::after {
        height: 120px;
    }

    #t4-spotlight-3 .section.banner>div.d-flex {
        min-height: 500px;
    }

    .t4-footer>.t4-section-inner:first-child>div {
        padding-top: 70px;
    }

    .t4-offcanvas .menu-box .buttons-mobile {
        display:block!important;
        }
}

@media (max-width: 991px) {
    .header-box .badge-box {
        width: 120px;
        margin-bottom: 0;
        margin-right: 0;
    }
    .header-box .badge-box.w__countdown {

        width: 90px;
    }
    .header-box {
        min-height: 600px;
    }

    .t4-offcanvas .container,
    #t4-footer .container {
        max-width: 100%;
    }

    .t4-footer>.t4-section-inner:first-child>div>div:nth-child(1),
    .t4-footer>.t4-section-inner:first-child>div>div:nth-child(3) {
        width: 30%;
    }

    .t4-footer>.t4-section-inner:first-child>div>div:nth-child(2) {
        width: 40%;
    }

    .t4-footnav,
    .t4-footnav p,
    .t4-footnav a {
        font-size: 15px;
    }

    .t4-footer>.t4-section-inner:first-child>div {
        padding-top: 50px;
    }

    #t4-spotlight-3 .section.banner>div.d-flex {
        min-height: 400px;
    }

    .bodyWrapper .uk-scope .uk-grid>* {
        margin-bottom: 20px;
    }

    .header-box::before {
        height: 200px;
        background-size: 100% 200px;
    }

    #rsform_4_page_0       .col-sm-3 {
 
        width: 100%!important;
        }
        #rsform_4_page_0     .col-sm-9 {
      
          width: 100%!important;
          }
}

@media (max-width: 959px) {
    .uk-scope .grid-stack-box .uk-padding {
        padding: 0px 0px 20px 0;
    }

    .view-article.fullwidth #t4-main-body {
        padding: var(--space) 0 var(--space) 0;
    }
}

@media (max-width: 767px) {
    :root {
        --body-font-size: 16px;
        --body-font-size-small: 15px;
        --h1-font-size: 2.8rem;
        --h2-font-size: 2.2rem;
        --space: 120px;
        --space-small: 50px;
    }





    #hpw>div {
        width: 100%;
        max-width: 260px;
        padding: 25px 15px 25px;
        float: none;
    }

    div#hpw_1,
    div#hpw_2,
    div#hpw_3 {
        border-bottom: #504c4b 5px dotted;
        border-right: none;
    }

    .r-2 {
        display: block !important;
    }

    .r-2>div {
        width: 100%;
    }

    .row-custom-gray>.col {
        border-right: none;
        padding: 0px 0 20px 0;
    }

    .row-custom-gray {
        margin: 40px auto 0px;
    }

    .header-box {
        min-height: 500px;
    }

    .view-category #t4-header .header-content:after {
        display: none;
    }

    .header-content::before {
        background: url(../images/dot-gradient-small.png) left 5px top 5px/10px 100px repeat-x;
    }

    #t4-modal::before {
        background: url(../images/dot.png) left 5px top 5px/10px 10px repeat;
    }

    #t4-spotlight-3 .section.banner:after {
        top: -40px;
        bottom: -40px;
    }

    #t4-spotlight-3 .section.banner::after {
        background: url(../images/dot.png) left top /10px 10px repeat;
    }

    .t4-footer::before {
        top: -40px;
        background: url(../images/dot-gradient.png) left top/10px 160px repeat-x;
    }

    .t4-footer>.t4-section-inner:first-child>div {
        flex-direction: column;
        padding-top: 50px;
    }

    .t4-footer>.t4-section-inner:first-child>div>div:nth-child(1),
    .t4-footer>.t4-section-inner:first-child>div>div:nth-child(3) {
        padding-top: 0px;
        width: 100%;
        margin-bottom: 40px;
        text-align: center;
    }

    .t4-footer>.t4-section-inner:first-child>div>div:nth-child(2) {
        width: 100%;
        order: -1;
        margin-bottom: 40px;
        text-align: center;
    }

    .t4-footnav .row>div {
        margin-bottom: 20px;
        text-align: center !important;
    }

    .t4-footnav>div>div:nth-child(1) {
        order: 100;
    }

    .t4-footnav .navbar {
        text-align: center;
    }

    #back-to-top,
    #back-to-top:hover,
    #back-to-top:focus,
    #back-to-top:active {
        right: 10px;
        bottom: 20px;
    }

    .c-offcanvas {
        background: linear-gradient(180deg, rgba(42, 42, 40, 0) 50px, rgb(42, 42, 40) 150px), url(../images/bg.jpg) top center/100% auto no-repeat;
    }

    #t4-spotlight-3 .section.banner>div.d-flex {
        min-height: 300px;
    }

    .bodyWrapper .uk-scope .uk-overlay-primary::after {
        background: url(../images/dot.png) left 0px top 0px/10px 10px repeat;
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        top: 10px;
        left: 10px;
    }

    #t4-spotlight-3 .section.banner.banner-style-2::after {
        background: url(../images/dot-gradient.png) left 7px top 7px/10px 160px repeat-x, url(../images/dot-gradient-bottom.png) left 7px bottom 7px/10px 160px repeat-x;
    }
}

@media (max-width: 639px) {
    :root {
        --space: 100px;
        --space-small: 30px;
        --h1-font-size: 2.2rem;
        --h2-font-size: 1.8rem;
    }

    .header-box>div {
        padding-top: 100px;
    }

    .header-box {
        min-height: 400px;
    }

    .header-box .badge-box {
        width: 90px;
    }
    .header-box .badge-box.w__countdown {

        width: 70px;
    }
    .header-box::before {
        height: 150px;
        background-size: 100% 150px;
    }

    .header-box::after {
        height: 100px;
    }

    #t4-spotlight-3 .section.banner>div.d-flex {
        min-height: 200px;
    }

    .t4-offcanvas .menu-box ul.nav>li {
        width: 100%;
    }

    .c-offcanvas {
        background: linear-gradient(180deg, rgba(42, 42, 40, 0) 50px, rgb(42, 42, 40) 70px), url(../images/bg.jpg) top center/100% auto no-repeat;
    }

    .t4-offcanvas-toggle>span::after {
        font-size: 16px;
        margin-left: 30px;
    }

    .t4-offcanvas .close::after {
        font-size: 16px;
        margin-left: 4px;
        line-height: 26px;
    }

    .t4-offcanvas .menu-box li li {
        padding: 0 0 4px;
    }

    .t4-offcanvas .menu-box ul.nav>li .mod-menu__heading {
        margin-bottom: 20px;
    }

    .t4-offcanvas .menu-box ul.nav>li:nth-child(1) .mod-menu__heading,
    .t4-offcanvas .menu-box ul.nav>li:nth-child(2) .mod-menu__heading,
    .t4-offcanvas .menu-box ul.nav>li:nth-child(3) .mod-menu__heading {
        padding-bottom: 10px !important;
    }

    .not-at-top #t4-header .logo-image {
        width: 70px;
        margin-top: -4px;
    }

    .header-content {
        padding-top: 8px !important;
        padding-bottom: 5px !important;
    }

    .mod-languages {
        padding-top: 7px;
    }

    .badge-number {
        font-size: 50px;
    }


    .moduletable.mobile__webcam {

  top: 4px;
  right: 65px;
  width: 38px;
  height: 38px;
}

}