@charset "utf-8";
body.mceContentBody {
    overflow: auto;
    background-color: #FFFFFF;
}

.content {
    font: 400 1.063rem/160% Lato, Tahoma, sans-serif;
    color: #4c4c4c;
    position: relative;
    z-index: 1;
}

.content strong
{
    font-weight: 700;
}

.content ul {
    padding: 0 0;
    margin: 10px 5px;
    display: table;
    list-style: none;
    position: relative;
}

.content li {
    padding-left: 16px;
    padding-bottom: 3px;
    position: relative;
}

.content li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '\f101';
    font-family: "FontAwesome";
    font-size: 18px;
}

.content a {
    text-decoration: underline;
    color: #202124;
}

.content a:hover,
.content a:focus {
    text-decoration: underline;
    color: #808080;
}

a.art_anchor,
.content a.art_anchor {
    position: absolute;
    top: 0;
    margin-top: 0;
    text-decoration: none;
    width: 10px;
    height: 1px;
}

.art_element {
    padding-top: 10px;
    padding-bottom: 10px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 120%;
    line-height: 120%;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400;
}

.art_element .art_headline h1,
h1.headline {
    font: 900 1.438rem/139% Lato, Tahoma, sans-serif;
    color: #262626;
}

.art_element .art_headline h2,
h2.headline {
    font: 700 1.313rem/120% Lato, Tahoma, sans-serif;
    color: #2d2e2e;
}

.art_element .art_headline h3,
h3.headline {
    font: 900 1.188rem/126% Lato, Tahoma, sans-serif;
    color: #3d3d3f;
}

.art_element .art_headline h4,
h4.headline {
    font: 900 1rem/150% Lato, Tahoma, sans-serif;
    text-transform: uppercase;
    color: #3d3d3f;
}

.art_element .art_headline h5,
h5.headline {
    font-size: 1rem;
    font-family: Lato, Tahoma, sans-serif;
    font-weight: 900;
}

.art_element .art_headline h6,
h6.headline {
    font-size: 0.938rem;
    font-family: Lato, Tahoma, sans-serif;
}

.art_element.art_button,
.art_element.art_packages .art_pack_link,
.art_element.art_texti .art_texti_btn,
.art_element.art_text .art_text_btn,
.art_element.art_tip .art_tip_btn,
.art_element.art_box .art_box_btn {
    padding-top: 15px;
    padding-bottom: 20px;
    margin-top: 10px;
}

.art_element.art_button a,
.art_element.art_packages .art_pack_link a,
.art_element.art_texti .art_texti_btn a,
.art_element.art_text .art_text_btn a,
.art_element.art_tip .art_tip_btn a,
.art_element.art_box .art_box_btn div {
    padding: 14px 20px;
    min-width: 150px;
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    background-color: #f8ff3e;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
    border-radius: 100px;
    -webkit-border-radius: 100px;
    transition: background-color 1s ease;
    -webkit-transition: background-color 1s ease;
    border: 1px solid transparent;
    font-family: Lato, Tahoma, sans-serif;
    line-height: 117%;
    font-weight: 700;
    color: #131315;
    text-decoration: none !important;
    text-transform: none;
    text-align: center;
    letter-spacing: -0.03em;
}

.art_element.art_button a:nth-child(2n),
.art_element.art_texti .art_texti_btn a:nth-child(2n),
.art_element.art_text .art_text_btn a:nth-child(2n)
{
    margin-left: 10px;
}

.art_element.art_button a:hover,
.art_element.art_button a:focus,
.art_element.art_packages .art_pack_link a:hover,
.art_element.art_packages .art_pack_link a:focus,
.art_element.art_texti .art_texti_btn a:hover,
.art_element.art_texti .art_texti_btn a:focus,
.art_element.art_text .art_text_btn a:hover,
.art_element.art_text .art_text_btn a:focus,
.art_element.art_tip .art_tip_btn a:hover,
.art_element.art_tip .art_tip_btn a:focus,
.art_element.art_box .art_box_btn div:hover,
.art_element.art_box:focus .art_box_btn div {
    background-color: #ebf233;
    border-color: transparent;
}

.art_element.art_button.btn2 a,
.art_element.art_button a:nth-child(2n),
.art_element.art_packages.btn2 .art_pack_link a,
.art_element.art_texti.btn2 .art_texti_btn a,
.art_element.art_texti .art_texti_btn a:nth-child(2n),
.art_element.art_text.btn2 .art_text_btn a,
.art_element.art_text .art_text_btn a:nth-child(2n),
.art_element.art_tip.btn2 .art_tip_btn a,
.art_element.art_box.btn2 .art_box_btn div {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    box-shadow: none;
}

.art_element.art_button.btn2 a::after,
.art_element.art_button a:nth-child(2n)::after,
.art_element.art_packages.btn2 .art_pack_link a::after,
.art_element.art_texti.btn2 .art_texti_btn a::after,
.art_element.art_texti .art_texti_btn a:nth-child(2n)::after,
.art_element.art_text.btn2 .art_text_btn a::after,
.art_element.art_text .art_text_btn a:nth-child(2n)::after,
.art_element.art_tip.btn2 .art_tip_btn a::after,
.art_element.art_box.btn2 .art_box_btn div::after
{
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    width: 100%;
    height: 100%;
    border: 2px solid #000;
    border-radius: 100px;
    opacity: 0;
    transition: opacity ease 0.7s;
}

.art_element.art_button.btn2 a:hover,
.art_element.art_button.btn2 a:focus,
.art_element.art_button a:nth-child(2n):hover,
.art_element.art_button a:nth-child(2n):focus,
.art_element.art_packages.btn2 .art_pack_link a:hover,
.art_element.art_packages.btn2 .art_pack_link a:focus,
.art_element.art_texti.btn2 .art_texti_btn a:hover,
.art_element.art_texti.btn2 .art_texti_btn a:focus,
.art_element.art_texti .art_texti_btn a:nth-child(2n):hover,
.art_element.art_texti .art_texti_btn a:nth-child(2n):focus,
.art_element.art_text.btn2 .art_text_btn a:hover,
.art_element.art_text.btn2 .art_text_btn a:focus,
.art_element.art_text .art_text_btn a:nth-child(2n):hover,
.art_element.art_text .art_text_btn a:nth-child(2n):focus,
.art_element.art_tip.btn2 .art_tip_btn a:hover,
.art_element.art_tip.btn2 .art_tip_btn a:focus,
.art_element.art_box.btn2 .art_box_btn div:hover,
.art_element.art_box.btn2:focus .art_box_btn div
{
    background-color: transparent;
}

.art_element.art_button.btn2 a:hover::after,
.art_element.art_button.btn2 a:focus::after,
.art_element.art_button a:nth-child(2n):hover::after,
.art_element.art_button a:nth-child(2n):focus::after,
.art_element.art_packages.btn2 .art_pack_link a:hover::after,
.art_element.art_packages.btn2 .art_pack_link a:focus::after,
.art_element.art_texti.btn2 .art_texti_btn a:hover::after,
.art_element.art_texti.btn2 .art_texti_btn a:focus::after,
.art_element.art_texti .art_texti_btn a:nth-child(2n):hover::after,
.art_element.art_texti .art_texti_btn a:nth-child(2n):focus::after,
.art_element.art_text.btn2 .art_text_btn a:hover::after,
.art_element.art_text.btn2 .art_text_btn a:focus::after,
.art_element.art_text .art_text_btn a:nth-child(2n):hover::after,
.art_element.art_text .art_text_btn a:nth-child(2n):focus::after,
.art_element.art_tip.btn2 .art_tip_btn a:hover::after,
.art_element.art_tip.btn2 .art_tip_btn a:focus::after,
.art_element.art_box.btn2 .art_box_btn div:hover::after,
.art_element.art_box.btn2:focus .art_box_btn div::after
{
    opacity: 1;
}

.art_element.art_table table {
    border-collapse: collapse;
    border-style: solid;
    border-width: 0;
}

.art_element.art_table th,
.art_element.art_table table.mobile_table td.trtitle {
    padding: 28px 20px;
    font: 900 1rem/110% Lato, Tahoma, sans-serif;
    border-width: 0;
    border-style: solid;
    letter-spacing: 0;
    color: #f7f7f7;
    text-align: center;
    background-color: #3c3c3e;
    ;
}

.art_element.art_table th:first-child {
    text-align: left;
}

.art_element.art_table td,
.art_element.art_table table.mobile_table th {
    padding: 25px 20px;
    border-width: 0 0 4px;
    border-style: solid;
    border-color: #e5e5e5;
    text-align: center;
    color: #4c4c4c;
    background-color: #ffffff;
}

.art_element.art_table td.price
{
    font: 700 0.938rem/120% Montserrat, Verdana, sans-serif;
    color: #3A3A3A;
}

.art_element.art_table td:first-child {
    text-align: left;
}

.art_element.art_table td.yellow
{
    background-color: #F8FF3E;
}

.art_element.art_table td .cart_icon
{
    display: inline-block;
    width: 23px;
    height: 23px;
    margin-right: 14px;
}

.art_element.art_table td a
{
    transition: color ease 0.7s;
    font: 700 0.75rem/120% Montserrat, Verdana, sans-serif;
    color: #202124;
    text-decoration: underline;
}

.art_element.art_table td a span
{
    text-decoration: underline;
}

.art_element.art_table td a:hover,
.art_element.art_table td a:focus
{
    color: #202124;
    text-decoration: none;
}

.art_element.art_table td a:hover span,
.art_element.art_table td a:focus span
{
    text-decoration: none;
}

.art_element.art_table td a > *
{
    display: inline-block;
    vertical-align: middle;
}

.art_element.art_table tr:nth-child(2n) td {}

.art_element.art_texti .dv_image_left,
.art_element.art_texti .dv_image_right {
    width: 50%;
}

.art_element.highlight
{
    padding-top: 130px;
    padding-bottom: 130px;
    margin-bottom: 20px;
    background: linear-gradient(90deg, #202124 0%, #35363A 100%);
}

.art_element.highlight:last-child,
.art_element.highlight2:last-child
{
    margin-bottom: -100px;
}

.art_element.highlight + .art_element.vs_no_space,
.art_element.highlight2 + .art_element.vs_no_space
{
    margin-top: -20px !important;
}

.art_element.highlight .highlight_bg
{
    position: absolute;
    top: calc(50% - 60vw);
    left: calc(50% - 60vw);
    width: 120vw;
    height: 120vw;
    background: #27282C url(../img/bg/bg-highlight.svg);
    background-size: cover;
    transform-origin: center center;
}

.art_element.highlight .highlight_bg::before
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(78.44deg, rgba(39, 40, 44, 0.91) 5%, rgba(39, 40, 44, 0.65) 97.44%);;
}

.art_element.highlight .art_headline>*,
.art_element.highlight .art_inner
{
    color: #ffffff;
}

.art_element.highlight2 {
    background-color: #202124;
    padding-top: 65px;
    padding-bottom: 65px;
}

.art_element.highlight2 .art_headline>*,
.art_element.highlight2 .art_inner {
    color: #ffffff;
}

.art_element.highlight2 .art_inner a {
    color: #ffffff;
}

.art_element.highlight .art_inner a {
    color: #ffffff;
}

.art_element.art_group.pkgslider .pkg_c .pkg_inner>.art_element {
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 10px;
    margin-right: 10px;
}

/* Box Elements */
.art_element.art_box
{
    background-color: transparent;
}

.art_element.art_box:hover
{
    z-index: 2;
}

.art_element.art_box .art_element_c
{
    padding-bottom: 0;
    position: relative;
}

.art_element.art_box a
{
    line-height: 50%;
}

.art_element.art_box .art_box_image_c
{
    position: relative;
}

.art_element.art_box .art_box_image_c::after
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.152) 0%, rgba(0, 0, 0, 0.2) 100%); /*linear-gradient(180deg, rgba(0, 0, 0, 0.252) 0%, rgba(0, 0, 0, 0.3) 100%);*/
    transition: background ease 0.3s;
    z-index: 2;

}

.art_element.art_box:hover .art_box_image_c::after
{
    background:linear-gradient( -135deg,rgba(135,219,255,0.8),rgba(28,52,86,0.8) );
}

.art_element.art_box .art_box_image_c img
{
    bottom: auto;
    height: auto;
    left: auto;
    margin: 0;
    min-height: 0;
    min-width: 0;
    position: static;
    right: auto;
    top: auto;
    width: 100%;
}

.art_element.art_box .art_box_cont
{
    left: 30px;
    bottom: 30px;
    top: auto;
    transform: none;
    -webkit-transform: none;
}

.art_element.art_box .art_box_cont > *,
.art_element.art_box .art_box_cont > .art_headline > *
{
    text-align: left;
}

.art_element.art_box .art_box_cont > .art_headline
{
    padding-top: 0;
    padding-bottom: 0;
}

.art_element.art_box .art_box_cont > .art_headline h3
{
    font: 400 2.5rem/100% BrushUp, Tahoma, sans-serif;
    letter-spacing: -0.03em;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
}

.art_element.art_box .art_box_cont > .art_headline > * span
{
    padding-bottom: 0;
}

.art_element.art_box .art_box_btn
{
    opacity: 1;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
}

.art_element.art_box .art_box_btn div
{
    padding: 0;
    min-width: 0;
    display: inline-block;
    box-sizing: border-box;
    background-color: transparent;
    font: 700 0.938rem/120% Lato, Tahoma, sans-serif;
    text-decoration: underline !important;
    text-align: left;
    letter-spacing: normal;
    color: #FFF;
    box-shadow: none;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
}

.art_element.art_box .art_box_btn div:hover
{
    background-color: transparent;
    text-decoration: none !important;
}

/* Accordion */
.art_element.accitem
{
    overflow: visible;
    padding-left: 48px;
    padding-right: 48px;
}

.art_element.accitem > .art_element_c
{
    overflow: hidden;
    background-color: #FFF;
    box-shadow: 0px 8px 35px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.art_element .art_headline.accord
{
    padding-top: 30px;
    padding-bottom: 30px;
}

.acc
{
    width: 14px;
    height: 14px;
    right: 30px;
}

.acc::before
{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/icons/close-grau.svg);
    background-size: 100% 100%;
}

.art_element.closed .acc::before
{
    content: "";
    background: url(../img/icons/plus.svg);
    background-size: 100% 100%;
}

/* Video */
.art_element.art_video
{
    overflow: visible;
}

.art_element.art_video .video_inner
{
    border-radius: 5px;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.2);
}

.video_inner img.video-poster
{
    opacity: 1;
}

.video_inner img.video-button
{
    width: 65px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    margin: 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.video_inner .video-poster-layer::after
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    z-index: 2;
}

/* Gallery */
.art_element.art_gallery.special
{
    transition: opacity ease 1s;
}

.art_element.art_gallery.special .image_gallery_special  img
{
    width: 100%;
}
/* Article Slider */
.article_filters
{
    width: 100%;
    float: left;
    padding-bottom: 70px;
    display: flex;
    align-items: center;
}

.article_filters .title
{
    font: 400 2.5rem/120% BrushUp, Tahoma, sans-serif;
    letter-spacing: -0.03em;
    color: #FFF;
}

.article_filters .fc
{
    display: flex;
    align-items: center;
}

.article_filters .filter_opener
{
    display: none;
}

.article_filters .filter
{
    background: #313234;
    opacity: 0.7;
    border-radius: 20px;
    padding: 8px 15px 8px 37px;
    font: 400 0.813rem/170% Montserrat, Verdana, sans-serif;
    color: #9B9B9C;
    margin-left: 17px;
    cursor: pointer;
    position: relative;
    transition: padding ease 0.3s, color ease 0.3s, opacity ease 0.3s;
}

.article_filters .filter.active
{
    padding: 8px 37px 8px 15px;
    color: #FFF;
    opacity: 1;
}

.article_filters .filter::after
{
    content: "";
    position: absolute;
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    transition: left ease 0.3s;
}

.article_filters .filter.active::after
{
    left: calc(100% - 30px);
}

.article_filters .filter.winter::after
{
    background: url(../img/icons/winter-grau.svg);
    background-size: 100%;
}

.article_filters .filter.winter.active::after
{
    background: url(../img/icons/winter.svg);
    background-size: 100%;
}

.article_filters .filter.sommer::after
{
    background: url(../img/icons/sommer-grau.svg);
    background-size: 100%;
}

.article_filters .filter.sommer.active::after
{
    background: url(../img/icons/sommer.svg);
    background-size: 100%;
}

.article_filters .filter.groups::after
{
    background: url(../img/icons/gruppen-grau.svg);
    background-size: 100%;
}

.article_filters .filter.groups.active::after
{
    background: url(../img/icons/gruppen.svg);
    background-size: 100%;
}

.article_filters .clear_filters
{
    margin-left: 15px;
    font: 400 0.813rem/170% Montserrat, Verdana, sans-serif;
    color: #9B9B9C;
    text-decoration: underline;
    cursor: pointer;
}

.article_filters .clear_filters:hover
{
    text-decoration: none;
}

.article_slider
{
    width: calc(100% + 30px);
    float: left;
    margin-left: -15px;
    margin-right: -15px;
}

.article
{
    padding-left: 15px;
    padding-right: 15px;
}

.article.hidden
{
    display: none !important;
}

.article .img_c
{
    width: 100%;
    float: left;
    position: relative;
    line-height: 50%;
    z-index: 2;
}

.article .img_c img
{
    width: 100%;
}

.article .img_c .shop_link
{
    position: absolute;
    top: 20px;
    left: 16px;
    background: #D4D3D3;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
    border-radius: 100px;
    font: 700 0.75rem/120% Montserrat, Verdana, sans-serif;
    color: #202124 !important;
    text-decoration: none;
    padding: 8px 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color ease 0.7s;
    -webkit-transition: background-color ease 0.7s;
}

.article .img_c .shop_link:hover,
.article .img_c .shop_link:focus
{
    background-color: #F8FF3E;
}

.article .img_c .shop_link img
{
    width: 13px;
    height: 13px;
    margin-right: 5px;
}

.article .img_c .icons
{
    position: absolute;
    top: 20px;
    right: 16px;
    display: flex;
    flex-direction: column;
}

.article .img_c .icons img
{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin-top: 10px;
}

.article .img_c .icons img:first-child
{
    margin-top: 0;
}

.article.new .img_c::after
{
    content: "NEW";
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(50%);
    width: 79px;
    height: 30px;
    background: #3D3D3F;
    border-radius: 0 15px 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font: 700 0.75rem/120% Montserrat, Verdana, sans-serif;
    color: #FFF;
}

.article .article_content
{
    width: 100%;
    float: left;
    padding: 20px 28px;
    background: #EBEBEB;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.article .article_content .title
{
    font: 900 1.188rem/120% Lato, Tahoma, sans-serif;
    color: #3D3D3F;
    width: 100%;
    float: left;
}

.article .content_bottom
{
    width: 100%;
    float: left;
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.article .article_content .price
{
    font: 700 1.563rem/120% Montserrat, Verdana, sans-serif;
    color: #3D3D3F;
}

.article .article_content .price .price_tag
{
    font-size: 0.688rem;
    display: inline-block;
    margin-right: 5px;
}

.article .article_content .details
{
    font: 400 0.875rem/120% Montserrat, Verdana, sans-serif;
    font-style: italic;
    color: #3D3D3F !important;
    text-decoration: underline;
}

.article .article_content .details:hover,
.article .article_content .details:focus
{
    text-decoration: none;
}

.article_slider .article .article_content
{
    min-height: 140px;
    padding-bottom: 60px;
    position: relative;
}

.article_slider .article .content_bottom
{
    position: absolute;
    bottom: 20px;
    left: 0;
    padding-left: 20px;
    padding-right: 20px;
}

/* Price details page for Articles */
body.price_page .content
{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

body.price_page .art_element.art_group.cols_six
{
    max-width: 628px;
    min-width: 34%;
    overflow: visible;
}

body.price_page .art_element.art_group.cols_six > .art_element_c > .art_inner > .art_element
{
    max-width: 551px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.price_page .art_element.art_group.cols_six.spl > .art_element_c > .art_inner > .art_element
{
    float: right;
}

/* Slick Slider */
.art_element .slick-arrow
{
    width: 39px;
    height: 93px;
    position: absolute;
    top: 50%;
    z-index: 3;
    margin-top: -46px;
    display: table;
    cursor: pointer;
    font-size: 0;
    background: #EBEBEB;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

.art_element .slick-arrow::after
{
    color: #202124;
}

.art_element .slick-arrow.slick-prev
{
    left: -10px;
}

.art_element .slick-arrow.slick-next
{
    right: -10px;
}

.art_element.art_imageline .slick-arrow.slick-prev
{
    left: 0;
}

.art_element.art_imageline .slick-arrow.slick-next
{
    right: 0;
}

.art_element.art_imageline .imlsldr
{
    overflow: visible;
}

/* Image */
.art_element.art_imageline.video-poster .art_image
{
    height: 0;
    padding-bottom: calc(45% + 30px);
    overflow: hidden;
    position: relative;
    border-radius: 5px;
}

.art_element.art_imageline.video-poster .art_image img
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

/* Activities */
#activities_c
{
    position: fixed;
    top: -100vh;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: auto;
    background-color: #202124;
    z-index: 100;
    transition: top ease 0.7s;
    -webkit-transition: top ease 0.7s;
}

#activities_c.opened
{
    top: 0;
}

#activities_c::after
{
    content: "";
    width: 167px;
    height: 278px;
    position: fixed;
    bottom: 84px;
    right: 0;
    background: url(../img/icons/superman_buchen_neu.png);
    background-size: 100% 100%;
    visibility: hidden;
    z-index: 4;
    opacity: 0;
    transition: opacity ease 5s;
}

#activities_c.opened::after
{
    visibility: visible;
    opacity: 1;
}

#activities_c .activities_content
{
    width: 100%;
    max-width: 1210px;
    padding: 100px 40px;
    margin: 0 auto;
    float: none;
    position: relative;
    display: table;
}

#activities_c .close
{
    position: fixed;
    top: 0;
    right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FF4F52;
    border-radius: 0 0 8px 8px;
    padding: 13px 20px;
    font: 700 1.063rem/120% Lato, Tahoma, sans-serif;
    letter-spacing: -0.03em;
    color: #F7F7F7;
    text-decoration: none;
    transition: background-color ease 0.7s;
    -webkit-transition: background-color ease 0.7s;
    visibility: hidden;
    z-index: 3;
}

#activities_c.opened .close
{
    visibility: visible;
}

#activities_c .close:hover,
#activities_c .close:focus
{
    background-color: #3D3D3F;
}

#activities_c .close img
{
    width: 19px;
    height: 19px;
    margin-right: 20px;
}

#activities_c .article_filters
{
    padding-bottom: 40px;
}

#activities_c .article_overview
{
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}

#activities_c .article_overview .article
{
    width: calc(25% - 30px);
    margin-left: 15px;
    margin-right: 15px;
    padding: 0 0 60px;
    margin-top: 30px;
    background-color: #EBEBEB;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    position: relative;
}

#activities_c .article_overview .article .article_content
{
    box-shadow: none;
}

#activities_c .article_overview .article .content_bottom
{
    position: absolute;
    bottom: 20px;
    left: 0;
    padding-left: 20px;
    padding-right: 20px;
}

.art_element.article_info .article_title
{

    display: flex;
    align-items: center;
    width: 100%;
    float: left;
}

.art_element.article_info .article_title h1
{
    font: 900 1.438rem/130% Lato, Tahoma, sans-serif;
    color: #262626;
}

.art_element.article_info .article_title .info_icon
{
    width: 26px;
    height: 26px;
    display: inline-block;
    margin-right: 10px;
}

.art_element.article_info .article_details
{
    width: 100%;
    float: left;
    padding-top: 40px;
}

/* Special text element*/
.art_element.art_text.special
{
    background: linear-gradient(180.73deg, rgba(36, 36, 36, 0.209384) 3.02%, rgba(255, 255, 255, 3e-05) 52.16%, rgba(27, 27, 27, 0.3) 96.44%), #3C3C3E;
    background-blend-mode: soft-light, normal;
    font: 500 1.25rem/120% Montserrat, Verdana, sans-serif;
    color: #FFF;
}

.art_element.art_text.special .art_inner
{
    padding: 15px 10px; /*15px 30px;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

.art_element.art_text.special .art_inner strong
{
    color: #F8FF3E;
}

.art_element.art_text.special a
{
    display: block;
    margin-left: 15px; /*25px*/
    background: #F8FF3E;
    border: 1px solid #000000;
    border-radius: 100px;
    padding: 9px 25px;
    font: 700 1.25rem/120% Lato, Tahoma, sans-serif;
    letter-spacing: -0.03em;
    color: #131315;
    text-decoration: none;
    transition: background-color ease 0.7s;
    min-width: 160px;
}

.art_element.art_text.special a:hover,
.art_element.art_text.special a:focus
{
    background-color: #EBF233;
    color: #131315;
    text-decoration: none;
}

.discount_banner
{
    width: 100%;
    background: linear-gradient(180.73deg, rgba(36, 36, 36, 0.209384) 3.02%, rgba(255, 255, 255, 3e-05) 52.16%, rgba(27, 27, 27, 0.3) 96.44%), #3C3C3E;
    background-blend-mode: soft-light, normal;
    padding: 25px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font: 500 1.25rem/120% Montserrat, Verdana, sans-serif;
    color: #FFF;
}

.discount_banner .yellow
{
    color: #F8FF3E;
}

.discount_banner a
{
    display: block;
    margin-left: 25px;
    background: #F8FF3E;
    border: 1px solid #000000;
    border-radius: 100px;
    padding: 9px 25px;
    font: 700 1.25rem/120% Lato, Tahoma, sans-serif;
    letter-spacing: -0.03em;
    color: #131315;
    text-decoration: none;
    transition: background-color ease 0.7s;
}

.discount_banner a:hover,
.discount_banner a:focus
{
    background-color: #EBF233;
    color: #131315;
    text-decoration: none;
}

.art_element.art_group.white_bg
{
    overflow: visible;
}

.art_element.art_text.white_bg,
body.price_page .art_element.art_group.cols_six > .art_element_c > .art_inner > .art_element.art_text.white_bg
{
    background: #FFFFFF;
    box-shadow: 0px 8px 35px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 30px 48px !important;
    overflow: visible;
}

iframe.anfrageform {
    width: 100%;
    border: 0;
    height: 850px;
    overflow: hidden;
}

@media(max-width: 1200px)
{
    .art_element.art_text.special .art_inner {
        font: 500 1.063rem/120% Montserrat, Verdana, sans-serif;
    }
    .art_element.art_text.special a {
        font: 700 1.063rem/120% Lato, Tahoma, sans-serif;
        min-width: 145px;
        text-align: center;
    }
}
@media(max-width: 1048px) and (min-width: 1026px)
{
    .art_element.art_text.special .art_inner {
        font: 500 1rem/120% Montserrat, Verdana, sans-serif;
    }
    .art_element.art_text.special a {
        font: 700 1rem/120% Lato, Tahoma, sans-serif;
        min-width: 140px;
        text-align: center;
    }
}

/* Cursor */
a.iv img, a.iv_sub img {
    cursor: url(../img/icons/zoom.svg), pointer !important;
}

@media(max-width: 1200px)
{
    .article .article_content
    {
        padding: 20px;
    }

    .article .article_content .price
    {
        font-size: 1.25rem;
    }

    .article .article_content .details
    {
        font-size: 0.75rem;
    }

}

@media( max-width: 1025px) {
    .content {
        font-size: 0.938rem;
    }
    .art_element .art_headline h1,
    h1.headline {
        font-size: 1.25rem;
    }
    .art_element .art_headline h2,
    h2.headline {
        font-size: 1.125rem;
    }
    .art_element .art_headline h3,
    h3.headline {
        font-size: 1.063rem;
    }
    .art_element .art_headline h4,
    h4.headline {
        font-size: 0.938rem;
    }
    .art_element .art_headline h5,
    h5.headline {
        font-size: 0.938rem;
    }
    .art_element .art_headline h6,
    h6.headline {
        font-size: 0.875rem;
    }
    .art_element.art_texti .dv_image_left,
    .art_element.art_texti .dv_image_right {
        width: 50%;
    }
    .art_element.highlight {
        padding-top: 70px;
        padding-bottom: 50px;
    }

    .art_element.highlight:last-child,
    .art_element.highlight2:last-child
    {
        margin-bottom: -50px;
    }

    /* Box Elements */
    .art_element.art_box .art_box_cont > .art_headline h3
    {
        font-size: 2rem;
    }


    /* Gallery with info */
    .art_element.art_group.gal_with_info .art_element
    {
        width: 100%;
    }

    /* Articles */
    #activities_c .article_overview .article
    {
        width: calc(33.33% - 20px);
        margin-left: 10px;
        margin-right: 10px;
    }

    #activities_c::after
    {
        width: 100px;
        height: 166px;
        position: fixed;
        bottom: 84px;
        right: 0;
    }

    /* Price details page for Articles */

    body.price_page .art_element.art_group.cols_six
    {
        max-width: 100%;
        width: 100% !important;
        padding-left: 48px;
        padding-right: 48px;
    }

    body.price_page .art_element.art_group.cols_six > .art_element_c > .art_inner > .art_element,
    body.price_page .art_element.art_group.cols_six.spl > .art_element_c > .art_inner > .art_element
    {
        float: left;
        max-width: 100%;
    }
}

@media(max-width: 870px)
{
    .article_filters
    {
        flex-wrap: wrap;
    }

    .article_filters .title
    {
        width: 100%;
    }

    .article_filters .filter
    {
        margin-top: 20px;
    }

    .article_filters .filter.winter
    {
        margin-left: 0;
    }

    .article_filters .clear_filters
    {
        margin-top: 20px;
    }

}

@media(max-width: 850px)
{
    .art_element.accitem
    {
        padding-left: 40px;
        padding-right: 40px;
    } 

    .art_element.art_text.white_bg,
    body.price_page .art_element.art_group.cols_six > .art_element_c > .art_inner > .art_element.art_text.white_bg
    {
        padding: 20px 40px !important;
    }
}

@media(max-width: 800px)
{
    .art_element.highlight.box_c
    {
        padding-top: 0;
        padding-bottom: 0;
    }

    .art_element.highlight.box_c > .art_element_c > .art_inner
    {
        padding-bottom: 0;
    }

    .art_element.art_box
    {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 0;
        border-bottom: 5px solid #FFF;
        margin-top: 0 !important;
    }

    .art_element.art_box:first-child
    {
        margin-top: 40px !important;
    }

    .art_element.art_box:nth-child(2n),
    .art_element.art_box:nth-child(3n)
    {
        margin-top: 0;
        padding-top: 0;
    }

    .art_element.art_box .art_box_cont
    {
        bottom: 50px;
        left: 50px;
    }

    .art_element.art_box .art_box_cont > .art_headline h3
    {
        font-size: 2.5rem;
    }

    /* Articles */
    #activities_c .article_overview .article
    {
        width: calc(50% - 20px);
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media(max-width: 670px)
{
    .art_element.art_text.special
    {
        font-size: 1rem;
    }

    .art_element.art_text.special .art_inner
    {
        padding: 15px 15px;
        flex-wrap: wrap;
    }

    .art_element.art_text.special .art_inner a
    {
        font-size: 1rem;
        padding: 6px 15px 8px;
        margin-top: 10px;
        margin-bottom: 10px;
        min-width: 0;
        text-align: center;
    }

    .discount_banner
    {
        font-size: 1rem;
        padding: 15px 15px;
        flex-wrap: wrap;
    }

    .discount_banner a
    {
        font-size: 1rem;
        padding: 6px 15px 8px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media( max-width: 650px) {
    .content {
        font-size: 0.938rem;
    }
    a.art_anchor,
    .content a.art_anchor {
        top: -100px;
    }
    .art_element .art_headline h1,
    h1.headline {
        font-size: 1.125rem;
    }
    .art_element .art_headline h2,
    h2.headline {
        font-size: 1rem;
    }
    .art_element .art_headline h3,
    h3.headline {
        font-size: 0.938rem;
    }
    .art_element .art_headline h4,
    h4.headline {
        font-size: 0.813rem;
    }
    .art_element .art_headline h5,
    h5.headline {
        font-size: 0.75rem;
    }
    .art_element .art_headline h6,
    h6.headline {
        font-size: 0.75rem;
    }

    .art_element.art_button,
    .art_element.art_packages .art_pack_link,
    .art_element.art_texti .art_texti_btn,
    .art_element.art_text .art_text_btn,
    .art_element.art_tip .art_tip_btn,
    .art_element.art_box .art_box_btn
    {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 0;
    }
	
	iframe.anfrageform {
    height: 1300px;
}

    .art_element.art_button a,
    .art_element.art_packages .art_pack_link a,
    .art_element.art_text .art_text_btn a,
    .art_element.art_texti .art_texti_btn a,
    .art_element.art_tip .art_tip_btn a,
    .art_element.art_box .art_box_btn div {
        float: none;
        /*
        margin-left: auto;
        margin-right: auto;
        display: table;*/
        min-width: 100px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 10px 10px 0 0 !important;
    }

    .art_element.art_button a:nth-child(2n),
    .art_element.art_texti .art_texti_btn a:nth-child(2n),
    .art_element.art_text .art_text_btn a:nth-child(2n)
    {
        margin-left: 0;
    }


    .art_element.art_texti .dv_image_left,
    .art_element.art_texti .dv_image_right {
        width: 100%;
    }
    .art_element.highlight {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    /* Accordion */
    .art_element .art_headline.accord
    {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    /* Articles */
    #activities_c::after
    {
        display: none;
    }

    .article_filters
    {
        padding-bottom: 20px;
    }

    .article_filters .title
    {
        font-size: 1.75rem;
    }

    .article_filters .filter_opener
    {
        display: flex;
        align-content: center;
        font: 400 0.875rem/150% Montserrat, Verdana, sans-serif;
        text-decoration: underline;
        color: #D0D0D0;
        margin-top: 5px;
        cursor: pointer;
    }

    .article_filters .filter_opener img
    {
        width: 18px;
        height: 18px;
        margin-right: 9px;
    }

    .article_filters .filter_opener .filter_opener_text
    {
        position: relative;
    }

    .article_filters .filter_opener .filter_opener_text::after
    {
        content: "Filter einblenden";
    }

    .article_filters .filter_opener .filter_opener_text.opened::after
    {
        content: "Filter ausblenden";
    }

    .article_filters .fc
    {
        max-height: 0;
        overflow: hidden;
        transition: max-height ease 0.7s;
        flex-wrap: wrap;
        justify-content: center;
    }

    .article_filters .fc.opened
    {
        max-height: 250px;
    }

    #activities_c .activities_content
    {
        padding: 60px 20px;
    }

    #activities_c .close
    {
        font-size: 0.875rem;
        right: 15px;
        padding: 8px 12px;
    }

    #activities_c .close img
    {
        width: 15px;
        height: 15px;
        margin-right: 10px;
    }

    .art_element.article_info .article_title h1
    {
        font-size: 1.25rem;
    }

    /* Video Element */
    .art_element.art_group.vs_small .art_element.art_video:nth-child(2n)
    {
        margin-top: -20px;
    }

    /* Slick Arrows */
    .art_element .slick-arrow
    {
        width: 35px;
        height: 65px;
    }

    /* Boxes */
    .art_element.art_box:first-child
    {
        margin-top: 10px !important;
    }

}

@media(max-width: 600px)
{
    .article_filters .clear_filters
    {
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
        text-align: center;
    }
}

@media(max-width: 520px)
{
    #activities_c .article_overview .article
    {
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media(max-width: 420px)
{
    .art_element.art_table td.yellow span
    {
        display: none;
    }

}
/* Wetter */
.wetter_s_bottom a
{
	color: #202124;
    text-decoration: underline;
}
.wetter_c
{
	width: 100%;
	overflow: hidden;
	
	/* Can be removed to inherit content setting */
	font: 400 1.063rem/160% Lato, Tahoma, sans-serif;
	color: #4c4c4c;
}
.wetter_c .wetter_day
{
	width: 40%;
	float: left;
	margin: 35px 0 0 0;
	padding: 0 10% 0 0;
}
.wetter_c .wetter_desc
{
	width: 100%;
	float: left;
	margin: 35px 0 0 0;
}
.wetter_c p.wetter_title
{
	font: 900 1.188rem/126% Lato, Tahoma, sans-serif;
	color: #262626;
}
.wetter_c p.wetter_stitle
{
	padding: 3px 0;
	font-weight: bold;
}
.wetter_c p.wetter_stitle.spacer
{
	margin: 8px 0 0 0;
}

.wetter_c p.wetter_date
{
}
.wetter_c .wetter_spacer
{
	margin: 15px 0 0 0;
}

.wetter_c .wetter_day_data
{
	float: left;
	margin: 10px 0 0 0;
	max-width: 460px;
	min-width: 280px;
}
.wetter_c .wetter_day_data .wetter_icon
{
	width: 30%;
	padding: 0 10% 0 0;
}
.wetter_c .wetter_day_data .wetter_icon img
{
	vertical-align: middle;
}
.wetter_c .wetter_day_data .wetter_label
{
	width: 35%;
	padding: 0 5% 0 0;
	
	font-weight: bold;
}
.wetter_c .wetter_day_data .wetter_data
{
	width: 20%;
}

.wetter_c .wetter_sepline
{
	width: 100%;
	float: left;
	margin: 35px 0 0 0;
	border-top: 1px solid #262626;
}
@media only screen and (max-width: 800px)
{
	.wetter_c .wetter_day
	{
		width: 100%;
	}
}
@media only screen and (max-width: 480px)
{
	.wetter_c .wetter_icon img
	{
		width: 50px;
	}
	.wetter_c .wetter_day_data td
	{
		padding: 0;
	}
	.wetter_c .wetter_icon
	{
		width: 25%;
		padding: 0 5% 0 0;
	}
	.wetter_c .wetter_day_data .wetter_label
	{
		width: 45%;
	}
}

@media(max-width: 450px)
{
    .article_filters .filter
    {
        font-size: 0.625rem;
        margin-left: 7px;
        padding: 5px 10px 5px 25px;
    }

    .article_filters .filter::after
    {
        width: 17px;
        height: 17px;
        left: 4px;
    }

    .article_filters .filter.active
    {
        padding: 5px 25px 5px 10px;
    }

    .article_filters .filter.active::after
    {
        left: calc(100% - 21px);
    }

}

/*Newsletterformular*/
iframe.newsletter
{
    border:none;
    width:100%;
    float:left;
    height:950px;
    overflow:hidden;
    position:relative;
    margin-bottom: 15px;
}
@media(max-width:1000px)
{
    iframe.newsletter
    {
        height: 1100px;
    }
}
/*Fotoshop*/
iframe.fotoshop
{
    border:none;
    width:100%;
    float:left;
    min-height:605px;
    overflow:hidden;
    position:relative;
    margin-bottom: 15px;
}
@media(max-width:1000px)
{
    iframe.fotoshop
    {
        min-height: 575px;
    }
}