.c_top_navi{ position:fixed; top:0; left:0; right:0; padding:20px; font-family:'Playfair Display', serif; transition:box-shadow .3s; z-index:3;} .c_top_navi.shadow{ box-shadow:0 0 5px #000;} .c_top_navi.shrink{ padding:30px 20px;} .c_top_navi .bg{ position:absolute; top:0; right:0; bottom:0; left:0; background-image:url(/images/bg/pattern_full.svg); background-color:rgba(56, 50, 50, 1); background-size:calc(74% + 500px); background-position:50% 100%;} .c_top_navi .inner{ position:relative; max-width:1300px; margin:0 auto; display:flex; justify-content:space-between; align-items:flex-start;} .c_top_navi .menu_toggle{ position:relative; color:rgb(155, 145, 110); font:400 16px/25px 'Open Sans'; z-index:2; cursor:pointer; height:25px; overflow:hidden;} .c_top_navi .menu_toggle .inner{ display:flex; flex-direction:column; align-items:center; transition:transform .3s;} .c_top_navi .menu_toggle .inner.toggle{ transform:translateY(-25px);} .c_top_navi .menu_toggle .open, .c_top_navi .menu_toggle .close{ height:25px;} .c_top_navi .menu_toggle .close img{ width:17px; height:17px; margin-top:4px;} .c_top_navi .logo_link{ position:absolute; top:50%; left:50%; height:30px; transform:translate(-50%, -50%);} .c_top_navi .logo{ display:block; height:100%;} .c_top_navi .phonenumber{ position:relative; z-index:2; float:right; color:rgb(155, 145, 110); font:600 15px/25px 'Open Sans';} .c_top_navi .phonenumber a{ font-size:16px; font-weight:400;} .c_top_navi .phonenumber .desktop .link_request, .c_top_navi .phonenumber .desktop .phonenumber_number{ display:none;} .c_top_navi .overlay{ display:flex; flex-direction:column; position:fixed; top:0; left:0; right:0; bottom:0; padding-top:16px; text-align:center; overscroll-behavior:contain; background-color:rgba(56, 50, 50, 0.9); box-sizing:border-box; visibility:hidden; opacity:0; transition:visibility .3s, opacity .3s;} .c_top_navi .overlay.show{ visibility:visible; opacity:1;} .c_top_navi .scrollable{ padding-bottom:40px; margin-top:20px; margin-bottom:0; flex:1; overflow:auto; overscroll-behavior:contain;} .c_top_navi .scrollable::-webkit-scrollbar{ width:0 !important;} .c_top_navi .language_switch_desktop{ display:none; margin-top:30px;} .c_top_navi .language_switch_desktop a{ display:inline-block; vertical-align:top; padding:5px 7px; font:400 12px/18px 'Open Sans'; color:rgb(155, 145, 110);} .c_top_navi .logo_small{ display:block; width:84px; margin:0 auto;} .c_top_navi .biberfeeling{ margin:30px 0 20px 0; color:rgb(155, 145, 110); font-size:36px; font-style:italic;} .c_top_navi ul{ list-style-type:none; margin:0; padding:0;} .c_top_navi .navi_1{} .c_top_navi .navi_1 li{ position:relative; padding:0;} .c_top_navi .navi_1 li:not(:last-child){ margin:0 0 14px 0;} .c_top_navi .navi_1 a{ position:relative; display:inline-block; font-weight:400; font-size:18px; line-height:24px; text-align:center; color:#fff; transition:color .2s, border-bottom-color .2s;} .c_top_navi .navi_1 a:before{ content:''; position:absolute; left:0; right:0; bottom:-3px; width:0; height:1px; background-color:#fff; transition:width .3s;} .c_top_navi .navi_1 a:hover:before, .c_top_navi .navi_1 a.active:before{ width:100%;} .c_top_navi .navi_1 a .site_abstract{ color:rgb(155, 145, 110); line-height:14px;} .c_top_navi .navi_2{ margin-top:30px; margin-bottom:20px;} .c_top_navi .navi_2 a{ font-weight:400; font-size:26px; line-height:38px; text-align:center; color:#fff;} .c_top_navi .language_switch{ position:relative;} .c_top_navi .language_switch_current_lang{ cursor:default;} .c_top_navi .language_switch_available_langs a{ display:inline-block; padding:8px 0; font:400 14px/14px 'Open Sans'; visibility:hidden; opacity:0; transform:scale(0.5); transition:visibility .2s, opacity .2s, transform .2s, color .2s;} .c_top_navi .language_switch_available_langs a:hover, .c_top_navi .language_switch_available_langs a.active{ color:#fff;} .c_top_navi .language_switch_available_langs a.show{ visibility:visible; opacity:1; transform:scale(1);} .c_top_navi .language_switch_available_langs{ position:absolute; right:0; top:40px; text-align:right;} @media screen and (min-height:460px){} @media screen and (min-height:768px){ .c_top_navi .language_switch_desktop{ display:block;} .c_top_navi .logo_small{ width:110px;} .c_top_navi{ padding:30px 20px;} .c_top_navi .menu_toggle .open{ font-size:20px;} .c_top_navi .logo_link{ height:50px;} } @media screen and (min-width:580px){ .c_top_navi .phonenumber .desktop .phonenumber_number{ display:inline; } } @media screen and (min-width:768px){ .c_top_navi .phonenumber{ display:flex; align-items:center; font-size:16px; font-weight:600;} .c_top_navi .phonenumber .desktop .link_request{ display:inline; } } .c_top_navi.shadow{ box-shadow:none;} .c_top_navi .bg{ background-position-y:87%;} .c_top_navi .bg, .c_top_navi .logo_link{ visibility:hidden; opacity:0; transition:visibility .3s, opacity .3s;} .c_top_navi.showBg{ box-shadow:0 0 5px #000;} .c_top_navi.showBg .bg, .c_top_navi.showBg .logo_link{ visibility:visible; opacity:1;} .c_header_ebene_1{ display:flex; position:absolute; top:0; right:0; bottom:0; left:0; height:100vh; flex-direction:column; align-items:center; justify-content:space-between; box-sizing:border-box; text-align:center; z-index:1;} .c_header_ebene_1.mobileDevicePadding{ padding-bottom:60px;} .c_header_ebene_1 .logo_wrapper{ overflow:hidden; transition:transform .3s;} .c_header_ebene_1 .logo_wrapper.shrink{ transform:translateY(-30px) scale(0.6);} .c_header_ebene_1 .logo{ display:block; width:100px; margin:20px auto 0 auto; transition:margin-bottom .3s, width .3s;} .c_header_ebene_1 .logo.shrink{ margin-bottom:-44px;} .c_header_ebene_1 .feelit{ font:600 italic 45px/45px "Playfair Display"; color:rgb(155, 145, 110);} .c_header_ebene_1 .booknow{ width:80px; height:79px; margin-bottom:20px;} @media screen and (min-height:560px){} @media screen and (min-height:480px){ .c_header_ebene_1 .logo{ width:140px;} } @media screen and (min-height:640px){ .c_header_ebene_1{ padding-top:54px;} .c_header_ebene_1 .logo{ width:200px;} } @media screen and (min-height:640px) and (min-width:768px){} .c_video{ position:absolute; height:100vh; left:0; right:0; overflow:hidden;} .c_video .mute, .c_video .unmute{ position:absolute; bottom:20px; right:20px; height:50px; visibility:hidden; opacity:0; z-index:10; transition:visibility .3s, opacity .3s;} .c_video .mute.show, .c_video .unmute.show{ visibility:visible; opacity:1;} .c_video.mobileDevicePadding .mute, .c_video.mobileDevicePadding .unmute{ padding-bottom:60px;} .c_video video{ position:absolute; top:50vh; right:0; bottom:0; left:50vw; transform:translate(-50%, -50%);} .c_video video.assignWidth{ width:100vw;} .c_video video.assignHeight{ height:100vh;} .c_video .togglesound{ position:absolute; left:50%; bottom:116px; display:flex; flex-direction:column; align-items:center; justify-content:center; z-index:1; cursor:pointer; transform:translateX(-50%);} .c_video.mobileDevicePadding .togglesound{ padding-bottom:60px;} .c_video .togglesound .icon{ width:40px;} .c_video .togglesound .icon--up{ display:block;} .c_video .togglesound .icon--off{ display:none;} .c_video .togglesound.muted .icon--up{ display:none;} .c_video .togglesound.muted .icon--off{ display:block;} .component_navi_context{ text-align:center; padding:20px;} .component_buchungsbuttons{ position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:10; width:60px; overflow:visible;} .component_buchungsbuttons > div{ margin:3px 0; width:60px; height:60px; overflow:visible; position:relative;} .component_buchungsbuttons a{ width:60px; height:60px; filter:drop-shadow(0px 4px 10px rgba(56, 50, 50, 0.2)); line-height:24px; font-family:"Playfair Display", sans-serif; font-size:18px; font-weight:500; color:#A0926D; padding:18px 58px 18px 0; position:absolute; right:0; top:0; text-align:center; border:1px solid #A0926D; box-sizing:border-box; background:rgba(56, 50, 50, 0.8); backdrop-filter:blur(20px); display:block; white-space:nowrap; overflow:hidden; transition:width .3s;} .component_buchungsbuttons .active a{ width:360px;} .component_buchungsbuttons a:after{ content:""; position:absolute; right:0; top:-1px; bottom:-1px; width:60px; background-color:#A0926D; background-position:center; background-repeat:no-repeat;} .component_buchungsbuttons .reservierung_box a:after{ background-image:url(/images/icons/Icon-Tisch-Reservierung.svg); background-size:32px 32px;} .component_buchungsbuttons .buchung_box a:after{ background-image:url(/images/icons/Icon-Zimmer-buchen.svg); background-size:32px 32px;} @media screen and (max-width:480px){ .component_buchungsbuttons{ width:40px;} .component_buchungsbuttons > div{ width:40px; height:40px;} .component_buchungsbuttons a{ width:40px; height:40px; line-height:18px; font-size:16px; padding:11px 40px 11px 0;} .component_buchungsbuttons .active a{ width:240px;} .component_buchungsbuttons a:after{ width:40px;} .component_buchungsbuttons .reservierung_box a:after{ background-size:24px 24px;} .component_buchungsbuttons .buchung_box a:after{ background-size:24px 24px;} } .c_newsletter_anmeldung_additive{ max-width:670px; margin:120px auto 0 auto;} .c_newsletter_anmeldung_additive .c_newsletter_anmeldung h1{ text-align:center;} .c_newsletter_anmeldung_additive a{ text-decoration:underline !important;} .c_footer{ position:relative; margin:120px auto 0 auto; padding:0 20px 65px 20px; background-repeat:no-repeat; text-align:center;} .c_footer:before{ content:''; position:absolute; right:0; bottom:0; left:0; height:20px; background-image:url(/images/bg/welle_line_long.svg); background-repeat:repeat-x; background-size:auto 100%;} .c_footer a, .c_footer a:link{ color:rgb(155, 145, 110);} .c_footer .regular{ font-weight:normal !important;} .c_footer .blume{ margin-top:50px;} .c_footer .blume img{ width:50px;} .c_footer .address{ margin-top:50px; font:300 20px/36px 'Open Sans', sans-serif;} .c_footer .contact{ margin-top:60px; font:normal 25px/40px 'Playfair Display', sans-serif;} .c_footer .socialmedia{ display:inline-block; margin:33px auto 0 auto;} .c_footer .socialmedia a{ float:left; margin-right:10px;} .c_footer .socialmedia img{ width:30px; height:30px; vertical-align:top;} .c_footer .logos{ display:flex; margin:50px -20px 68px -20px; flex-wrap:wrap; justify-content:center; align-items:center;} .c_footer .logos > div{ padding:20px;} .c_footer .logos > div.member-of-peppercollection_logo, .c_footer .logos > div.hip_logo{ width:100%; padding-bottom:0;} .c_footer .member-of-peppercollection_logo img{ width:160px; height:67px;} .c_footer .bester_ag img{ max-width:116px;} .c_footer .a_list_at_logo img{ max-width:120px;} .c_footer .gault_millau img{ max-width:116px;} .c_footer .sporttraum_logo img{ max-width:160px;} .c_footer .links{ margin:48px 0 0 0; list-style:none; color:rgb(155, 145, 110);} .c_footer .links a{ font:300 18px/18px 'Open Sans', sans-serif;} .c_footer .link_googlemaps{ display:inline-block; margin-top:10px;} .c_footer .copyright{ font-size:12px; color:rgb(155, 145, 110);} @media screen and (max-width:480px){ .c_footer .bester_ag img{ max-width:60px;} .c_footer .a_list_at_logo img{ max-width:60px;} .c_footer .gault_millau img{ max-width:60px;} .c_footer .member-of-peppercollection_logo img{ width:100px; height:auto;} } .c_seo_footer{ padding:20px;} .c_seo_footer .inner{ max-width:1000px; margin:0 auto; text-align:center; color:rgb(155, 145, 110); font-size:12px; line-height:20px;} .c_contentslider_kombi{ position:relative; width:100%; max-width:1600px; margin:0 auto; overflow:hidden; z-index:0;} .c_contentslider_kombi .swiper-wrapper{ margin:0; list-style:none; height:auto !important;} .c_contentslider_kombi ul.pmSlider{ margin:0; padding:0; list-style-type:none;} .c_contentslider_kombi .slideEntryImage{ position:relative; background-position:center; background-size:cover; background-repeat:no-repeat;} .c_contentslider_kombi .slideEntryHeadlines{} .c_contentslider_kombi .slideEntryHeadlines:before{ content:''; position:absolute; top:0; left:50%; width:50px; height:50px; background-image:url(/images/icons/flower_hole.svg); transform:translate(-50%, -50%);} .c_contentslider_kombi .headline{} .c_contentslider_kombi .slideEntryHeadlines .subheadline{} .c_contentslider_kombi .slideEntryHeadlines .subheadline{} .c_contentslider_kombi .slideEntryHeadlines .subheadline{} .c_contentslider_kombi .swiper-button-prev, .c_contentslider_kombi .swiper-button-next{ position:absolute; display:block; top:0 !important; bottom:0; width:10%; min-width:100px; cursor:pointer; z-index:51; transition:opacity .3s;} .c_contentslider_kombi .swiper-button-prev{ left:0;} .c_contentslider_kombi .swiper-button-next{ right:0;} .c_contentslider_kombi .swiper-button-prev:after, .c_contentslider_kombi .swiper-button-next:after{ content:""; display:block; position:absolute; top:50%; width:22px; height:22px; border-top:2px solid rgb(155, 145, 110); border-right:2px solid rgb(155, 145, 110); z-index:51;} .c_contentslider_kombi .swiper-button-prev:after{ left:40px; transform:translateY(-50%) rotateZ(-135deg);} .c_contentslider_kombi .swiper-button-next:after{ right:40px; transform:translateY(-50%) rotateZ(45deg);} @media screen and (min-width:768px){ .c_contentslider_kombi .slideEntryHeadlines{} .c_contentslider_kombi .swiper-button-prev:after, .c_contentslider_kombi .swiper-button-next:after{ width:30px; height:30px;} .c_contentslider_kombi .slideEntryHeadlines .headline{ font-size:50px; line-height:50px;} } div.component_site{} .content_row_id_570 .video_stoerer{ display:none;}