﻿@charset "utf-8";
body.mceContentBody { overflow: auto; background-color: #FFFFFF; }
.content {font:400 1.25rem/160% Pragati Narrow, Trebuchet, sans-serif; color:#646464; font-style:normal; letter-spacing:0.01em; }
.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:none; color:#dbbc6d; }
.content a:hover,.content a:focus { text-decoration:underline; }
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:400 1.125rem/120% Pragati Narrow, Trebuchet, sans-serif;letter-spacing:0.2em;text-transform:uppercase;color:#505050;}
.art_element .art_headline h2, h2.headline{font:400 3.75rem/80% Cookie, Times New Roman, sans-serif;color:#47708e;}
.art_element .art_headline h3, h3.headline{font:400 1.063rem/120% Pragati Narrow, Trebuchet, sans-serif;letter-spacing:0.213rem;color:#505050;text-transform:uppercase; }
.art_element .art_headline h4, h4.headline{font:400 3.625rem/80% Cookie, Times New Roman, sans-serif;color:#47708e;}
.art_element .art_headline h5, h5.headline{font:400 3.125rem/120% Cookie, Times New Roman, sans-serif;color:#47708e;}
.art_element .art_headline h6, h6.headline{font:400 2rem/120% Cookie, Times New Roman, sans-serif;color:#47708e;}

.art_element.art_button,
.art_element.art_packages .art_pack_link,
.art_element.art_texti .art_texti_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_tip .art_tip_btn a,
.art_element.art_box .art_box_btn div
{
    padding:12px 20px 12px 20px;
    font:700 1.125rem/120% Pragati Narrow, Trebuchet, sans-serif;
    min-width:200px;
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    background-color:#dbbc6d;
    transition: background-color 1s ease, border-color 1s ease;
    -webkit-transition: background-color 1s ease, border-color 1s ease;
    border: 2px solid #dbbc6d;
    color:#fff;
    text-decoration:none !important;
    text-transform: uppercase;
    text-align:center;
    letter-spacing:0.15em;
}

.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_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:#d6af49;
    border-color: #d6af49;
}

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

.art_element.art_table th,
.art_element.art_table table.mobile_table td.trtitle
{
    padding: 16px 20px 16px 20px;
    font:700 1.250rem/120% Pragati Narrow, Trebuchet, sans-serif;
    border-width:1px 0 1px;
    border-style: solid;
    border-color:#595655;
    letter-spacing:0.01em;
    color:#646464;
    text-align:center;
}

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

.art_element.art_table td,
.art_element.art_table table.mobile_table th
{
    padding: 16px 20px;
    font:400 1.25rem/115% Pragati Narrow, Trebuchet, sans-serif;
    border-width:1px 0 0;
    border-style: solid;
    text-align:center;
    color:#646464;
    letter-spacing:0.01em;
}

.art_element.art_table td:first-child,
.art_element.art_table table.mobile_table th:first-child
{
    text-align: left;
    padding-left: 0;
}

.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
{
    background: #a3cedf url(../img/bgs/waterdrops.jpg) no-repeat top right;
    padding-top: 220px;
    padding-bottom: 220px;
    margin-bottom: 20px;
    background-size:auto 100%;
}

.art_element.art_texti.highlight.image_right
{
    background: #a3cedf url(../img/bgs/waterdrops_kl3.jpg) no-repeat top left;
    background-size:auto 100%;
}

.art_element.highlight2
{
    background-color: #587e99;
    padding-top: 220px;
    padding-bottom: 220px;
    margin-bottom: 20px;
}

.art_element.highlight .art_headline > *,
.art_element.highlight .art_inner,
.art_element.highlight2 .art_headline > *,
.art_element.highlight2 .art_inner
{
    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; }


/* Text align Center */
.art_element.mittig_titel .art_headline,
.headline.mittig_titel,
.art_element.title_center .art_headline,
.headline.title_center
{
    text-align: center;
}

.art_element.text_align_center .art_headline,
.art_element.text_align_center .art_inner
{
    text-align: center;
}

/* Boxes */
.art_element.art_plain.boxes_c .boxes
{
    display: flex;
    justify-content: center;
}

.art_element.art_plain.boxes_c .boxes .box
{
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    flex-direction: column;
    text-decoration: none;
}

.art_element.art_plain.boxes_c .boxes .box:hover,
.art_element.art_plain.boxes_c .boxes .box:focus
{
    text-decoration: none;
}

.art_element.art_plain.boxes_c .boxes .box .title_c
{
    displaY: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 10px solid #FFF;
    padding: 20px;
    width: 312px;
    height: 312px;
    text-align: center;
    transition: border-color ease 0.7s;
    -webkit-transition: border-color ease 0.7s;
}

.art_element.art_plain.boxes_c .boxes .box:hover .title_c,
.art_element.art_plain.boxes_c .boxes .box:focus .title_c
{
    border-color: rgba(255,255,255,0.5);
}

.art_element.art_plain.boxes_c .boxes .box .title
{
    font: 400 3.438rem/100% Cookie, Times New Roman, sans-serif;
    color: #FFF;
    width: 100%;
}

.art_element.art_plain.boxes_c .boxes .box .subtitle
{
    font: 700 2.688rem/100% Pragati Narrow, Trebuchet, sans-serif;
    color: #FFF;
    text-transform: uppercase;
    width: 100%;
}

.art_element.art_plain.boxes_c .boxes .box .button
{
   text-align: center;
   margin-top: 20px;
   font: 400 1.375rem/120% Pragati Narrow, Trebuchet, sans-serif;
   letter-spacing: 0.2em;
   text-transform: uppercase;
   text-decoration: underline;
   transition: color ease 0.7s;
   -webkit-transition: color ease 0.7s;
}

.art_element.art_plain.boxes_c .boxes .box:hover .button,
.art_element.art_plain.boxes_c .boxes .box:focus .button
{
    color: #587e99;
}

.art_element.daheim::after
{
    content: "nicht daheim - und doch zu hause";
    position: absolute;
    top: calc(50% - 30px);
    left: 60px;
    transform: rotate(-90deg) translate(-50%, -50%);
    -webkit-transform: rotate(-90deg) translate(-50%, -50%);
    transform-origin: top left;
    font: 400 1.125rem/120% Pragati Narrow, Trebuchet, sans-serif;
    letter-spacing: 0.5em;
    color: #6e9ec0;
    text-transform: uppercase;
}

/* Text with Image */
.art_element.art_texti.full_width .dv_image_left,
.art_element.art_texti.full_width .dv_image_right
{
    width: 40%;
}


.art_element.art_texti.full_width.image_right .art_texti_cont,
.art_element.art_texti.full_width.image_left .art_texti_cont
{
    width: 60%;
}

.art_element.art_texti.full_width
{
    padding-top: 200px;
    padding-bottom: 200px;
}


.art_element.art_texti.full_width .art_element_c
{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    z-index: 2;
    max-width: 9999px;
}


.art_element.art_texti.full_width.image_right .art_element_c
{
    justify-content: flex-start;
}

.art_element.art_texti.full_width.image_left .art_element_c
{
    justify-content: flex-end;
}

.art_element.art_texti.full_width > .art_element_c
{
    max-width: 1000px;
}

.art_element.art_texti.full_width .dv_image_left
{
    position: absolute;
    left: 0;
    padding-right: 0;
    top: 0;
    height: 100%;
}

.art_element.art_texti.full_width .dv_image_right
{
    position: absolute;
    right: 0;
    padding-left: 0;
    top: 0;
    height: 100%;
}

.art_element.art_texti .dv_image_right a img,
.art_element.art_texti .dv_image_left a img
{
    cursor: pointer;
}

.art_element.art_texti .dv_image_right a,
.art_element.art_texti .dv_image_left a
{
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}

.art_element.art_texti.full_width.image_left .art_texti_cont
{
    padding-left: 100px;
}

.art_element.art_texti.full_width.image_right .art_texti_cont
{
    padding-right: 100px;
}

.art_element.art_texti.full_width.image_left .art_texti_cont > *,
.art_element.art_texti.full_width.image_right .art_texti_cont > *
{
    max-width: 500px;
}

.art_element.art_texti.full_width.image_right .art_texti_cont > *
{
    float: right;
}

.art_element.art_texti .iv img
{
    transition: transform ease 1.6s;
    -webkit-transition: transform ease 1.6s;
}

.art_element.art_texti .iv img:hover
{
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.art_element.art_texti .art_texti_btn a:nth-child(2n)
{
    margin-left: 15px;
}

.art_element.art_texti.highlight .art_inner > a
{
    color:#47708e;
}

/* Images in Line */
.art_element.art_imageline.resize .art_image
{
    position: relative;
}

.art_element.art_imageline.resize .art_image a
{
    width: 100%;
    float: left;
    padding: 0 0 100% 0 !important;
    position: relative;
    overflow: hidden;
}

/* Spacial spacing */
.no_space
{
    margin-top: -20px !important;
}

.margin_top0
{
    margin-top: 0;
}

.small_space
{
    margin-top: 20px;
}

/* Slick Slider */
.art_element .slick-arrow
{
    width: 40px;
    height: 63px;
    margin-top: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background-color: #dbbc6d;
    transition: background-color ease 0.7s;
    -webkit-transition: background-color ease 0.7s;
}

.art_element.anything_slider .slick-arrow
{
    top: calc(50% + 60px);
}

.art_element .slick-arrow:hover,
.art_element .slick-arrow:focus
{
    background-color: #d6af49;
}

.art_element .slick-arrow::after
{
    font-size: 36px;
}

.art_element.anything_slider .art_imageline
{
    padding-left: 15px;
    padding-right: 15px;
}

.art_element.anything_slider .art_imageline .art_element_c
{
    max-width: 100%;
}

/* Enquiry form Iframe */
.art_element iframe.anfrage_form
{
    height: 1900px;
}

.art_element iframe.gutschein_form
{
    height: 1400px;
}

@media(max-width: 1200px)
{
    .art_element.daheim::after
    {
        content: none;
    }

    .art_element.art_texti.full_width
    {
        padding-top: 100px;
        padding-bottom: 100px;
    }

}

@media( max-width: 1025px)
{
    .content{font-size:1.125rem;}
    .art_element .art_headline h2, h2.headline{font-size:3rem;}
    .art_element .art_headline h4, h4.headline{font-size:2.5rem;}
    .art_element .art_headline h5, h5.headline{font-size:2.25rem;}
    .art_element .art_headline h6, h6.headline{font-size:1.75rem;}
    .art_element.art_table th,.art_element.art_table table.mobile_table td.trtitle{font-size:1.125rem;}
    .art_element.art_table td,.art_element.art_table table.mobile_table th{font-size:1.125rem;}
    .art_element.art_texti .dv_image_left,.art_element.art_texti .dv_image_right { width: 50%; }
    .art_element.highlight { padding-top: 100px; padding-bottom: 100px; }


    .art_element.art_plain.boxes_c .boxes
    {
        flex-wrap: wrap;
    }

    .art_element.art_plain.boxes_c .boxes .box
    {
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .art_element.art_plain.boxes_c .boxes .box .title_c
    {
        border: 6px solid #FFF;
        padding: 20px;
        width: 220px;
        height: 220px;
    }

    .art_element.art_plain.boxes_c .boxes .box .title
    {
        font-size: 2.5rem;
    }

    .art_element.art_plain.boxes_c .boxes .box .subtitle
    {
        font-size: 1.75rem;
    }

    .art_element.art_plain.boxes_c .boxes .box .button
    {
       font-size: 1.063rem;
    }

    .art_element.art_texti.full_width
    {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .art_element.anything_slider .slick-arrow
    {
        top: calc(50% + 30px);
    }

    .art_element iframe.anfrage_form {
        height: 1900px;
    }

    .art_element iframe.gutschein_form
    {
        height: 1500px;
    }
}

@media(max-width: 850px)
{
    .art_element.art_texti.full_width
    {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .art_element.art_texti.image_left,
    .art_element.art_texti.image_right
    {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 0 !important;
    }

    .art_element.art_texti .dv_image_left,
    .art_element.art_texti .dv_image_right,
    .art_element.art_texti.full_width .dv_image_left,
    .art_element.art_texti.full_width .dv_image_right
    {
        width: 100%;
        height:auto;
        position: relative !important;
        order: 2;
        padding-left: 0;
        padding-right: 0;
    }

    .art_element.art_texti.full_width .dv_image_left,
    .art_element.art_texti.full_width .dv_image_right
    {
        padding-bottom: 0;
    }

    .art_element.art_texti div img,
    .art_element.art_texti.full_width div img
    {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        top: auto !important;
        left: auto !important;
    }

    .art_element.art_texti,
    .art_element.art_texti.full_width
    {
        min-height: inherit;
    }

    .art_element.art_texti.image_right .art_texti_cont,
    .art_element.art_texti.image_left .art_texti_cont,
    .art_element.art_texti.full_width.image_right .art_texti_cont,
    .art_element.art_texti.full_width.image_left .art_texti_cont
    {
        width: 100%;
        padding: 25px 30px;
        order: 1;
    }

    .art_element.art_texti.full_width.image_left .art_texti_cont > *,
    .art_element.art_texti.full_width.image_right .art_texti_cont > *
    {
        max-width: 100%;
    }
}

@media( max-width: 650px)
{
    .content{font-size:1rem;}
    .art_element .art_headline h2, h2.headline{font-size:2.25rem;}
    .art_element .art_headline h4, h4.headline{font-size:2rem;}
    .art_element .art_headline h3, h3.headline{font-size:1rem;}
    .art_element .art_headline h5, h5.headline{font-size:2rem;}
    .art_element .art_headline h6, h6.headline{font-size:1.5rem;}
    .art_element.art_button a,.art_element.art_packages .art_pack_link 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 {font-size: 1rem; float: none; margin-left: auto; margin-right: auto; display: table; }
    .art_element.art_button.button_mid a, .art_element.art_button.button_left a, .art_element.art_button.button_right a, { float: none; margin-left: auto; margin-right: auto; display: table; }

    .art_element.art_table th,.art_element.art_table table.mobile_table td.trtitle{font-size:1.125rem;}
    .art_element.art_table td,.art_element.art_table table.mobile_table th{font-size:1.125rem;}
    .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; }

    .art_element .slick-arrow
    {
        width: 40px;
        height: 40px;
    }

    .art_element .slick-arrow::after
    {
        font-size: 30px;
    }

    .art_element.anything_slider .art_imageline
    {
        padding-left: 0;
        padding-right: 0;
    }

    .art_element.anything_slider .art_imageline
    {
        padding-left: 0;
        padding-right: 0;
    }

    .art_element.anything_slider .slick-arrow
    {
        top: calc(50% + 15px);
    }

    .art_element.art_texti .art_texti_btn a:nth-child(2n)
    {
        margin-left: auto;
        margin-top: 10px;
    }

}

@media(max-width: 530px)
{
    .art_element iframe.anfrage_form
    {
        height: 2000px;
    }

    .art_element iframe.gutschein_form
    {
        height: 1500px;
    }
}
/*Wetter*/

.wetter_c {
    color: #525261;
    overflow: hidden;
    width: 96%;
    margin: 0 2%;
}
.wetter_c .wetter_day {
    float: left;
    margin: 35px 0 0;
    padding: 0 10% 0 0;
    width: 40%;
}
.wetter_c .wetter_desc {
    float: left;
    margin: 35px 0 0;
    width: 100%;
}
.wetter_c p.wetter_title {
    color: #333333;
    font-family: 'Raleway',Arial,sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 150%;
    text-transform: uppercase;
}
.wetter_c p.wetter_stitle {
    font-weight: bold;
    padding: 3px 0;
}
.wetter_c p.wetter_stitle.spacer {
    margin: 8px 0 0;
}
.wetter_c p.wetter_date {
}
.wetter_c .wetter_spacer {
    margin: 15px 0 0;
}
.wetter_c .wetter_day_data {
    float: left;
    margin: 10px 0 0;
    max-width: 460px;
    min-width: 280px;
}
.wetter_c .wetter_day_data .wetter_icon {
    padding: 0 10% 0 0;
    width: 30%;
}
.wetter_c .wetter_day_data .wetter_icon img {
    vertical-align: middle;
}
.wetter_c .wetter_day_data .wetter_label {
    font-weight: bold;
    padding: 0 5% 0 0;
    width: 35%;
}
.wetter_c .wetter_day_data .wetter_data {
    width: 20%;
}
.wetter_c .wetter_sepline {
    border-top: 1px solid #ccc;
    float: left;
    margin: 35px 0 0;
    width: 100%;
}
@media only screen and (max-width: 1000px) {
    .wetter_c .wetter_day {
            width: 100%;
    }
    .wetter_c .wetter_day {
        width: 100%;
    }
    .wetter_c .wetter_day_data .wetter_label
    {
        font-size: 13px;
    }
    .wetter_c .wetter_icon img {
        width: 50px;
    }
    .wetter_c .wetter_day_data td {
        padding: 0;
    }
    .wetter_c .wetter_icon {
        padding: 0 5% 0 0;
        width: 25%;
    }
    .wetter_c .wetter_day_data .wetter_label {
        width: 45%;
    }
}

/*GOOGLE-MAPS*/

#maprahmen {
   border: 1px solid #fff;
   width: 100%;
   text-align: left;
}

#karte {
   width: 100%;
   height: 400px;
}

#input-hintergrund {
   background: #F0EEEE;
   padding: 5px;
   border: 1px solid #F0EEEE;
}

#inputaddress {
   width: 300px;
   padding: 1px;
   height: 40px;
   border: 1px solid #fff;
    background-color: #FFFFFF;
    font-family: 'Lora', serif;
    font-size: 15px;
	 color:#57534c;
}

.mapposition {
    color: #000;
    font-size: 12px;
}
.marker {
    height: 120px;
    text-align: left;
    width: 300px;
}
#mapsButton {
background: #dbbc6d;
color: #fff;
font: 400 1rem/170% Lora, Verdana, sans-serif;
padding: 7px 25px;
border: 0px solid #dbbc6d;
transition: all 0.5s;
text-decoration: none;
cursor: pointer;
}
