/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/
/*Add your own styles here:*/


/* koho-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'KoHo';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/koho-v16-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* koho-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'KoHo';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/koho-v16-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* koho-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'KoHo';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/koho-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* koho-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'KoHo';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/koho-v16-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* koho-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'KoHo';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/koho-v16-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* koho-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'KoHo';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/koho-v16-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* koho-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'KoHo';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/koho-v16-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* koho-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'KoHo';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/koho-v16-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* koho-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'KoHo';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/koho-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* koho-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'KoHo';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/koho-v16-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* koho-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'KoHo';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/koho-v16-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* koho-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'KoHo';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/koho-v16-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* koho-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'KoHo';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/koho-v16-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* koho-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'KoHo';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/koho-v16-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* koho-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'KoHo';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/koho-v16-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* koho-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'KoHo';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/koho-v16-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* lato-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/lato-v24-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


@font-face {
    font-family: 'Lato-Regular';
    src:url('fonts/Lato-Regular.woff') format('woff'),
        url('fonts/Lato-Regular.woff2') format('woff2'),
        url('fonts/Lato-Regular.svg#Lato-Regular') format('svg'),
        url('fonts/Lato-Regular.eot'),
        url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lato-Regular.ttf') format('truetype');

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato-Bold';
    src:url('fonts/Lato-Bold.woff') format('woff'),
        url('fonts/Lato-Bold.woff2') format('woff2'),
        url('fonts/Lato-Bold.svg#Lato-Bold') format('svg'),
        url('fonts/Lato-Bold.eot'),
        url('fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lato-Bold.ttf') format('truetype');

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Lato-Thin';
    src:url('fonts/Lato-Thin.woff') format('woff'),
        url('fonts/Lato-Thin.woff2') format('woff2'),
        url('fonts/Lato-Thin.svg#Lato-Thin') format('svg'),
        url('fonts/Lato-Thin.eot'),
        url('fonts/Lato-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lato-Thin.ttf') format('truetype');

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato-Light';
    src:url('fonts/Lato-Light.woff') format('woff'),
        url('fonts/Lato-Light.woff2') format('woff2'),
        url('fonts/Lato-Light.svg#Lato-Thin') format('svg'),
        url('fonts/Lato-Light.eot'),
        url('fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lato-Light.ttf') format('truetype');

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


:root {
--hellgruen: #9CAE53;
--dunkelgruen: #2B683D;
--gelb: #efd500;
--grau: #eee;
--weiss: #fff ;
--schwarz: #000 ;
--beige: #F8F5F0;
--mittelgrau: #6D6461;
--gold: #AB8D4D;
--dunkelbeige: #F6F3ED;	
--hellbeige: #FCFBF9 
}


body {color: #6D6461 !important; font-size: 18px !important;}
strong { font-family: 'Lato-Bold';}

.wpb_wrapper a:not(.w-btn) {
    color: var(--hellgruen) !important;
    text-decoration: underline !important;
}
.display-flex {display: flex; align-items: center; justify-content: center !important;}




/*Sections Abstände*/

#faq {padding-top: 122px; padding-bottom: 180px}
.category-angebote {margin-bottom: 10px !important;}
.fifth-section {padding-top: 112px !important;}
.w-search-form .w-form-row {margin-left: 0px}
.padding-180 {padding-bottom: 180px !important;  }
.plr-7 {padding-left: 7rem !important; padding-right: 7rem !important;}
.plr-10 {padding-left: 10rem !important; padding-right: 10rem !important;}
.plr-3 {padding-left: 3rem !important; padding-right: 3rem !important;}
.mt-7 {margin-top: 7.5rem !important; }
.mt-5 {margin-top: 5.625rem !important}


.mt-11 {margin-top: 11.25rem !important; }
.mb-11 {margin-bottom: 11.25rem !important; }
.mb-2 {margin-bottom: 2rem !important; }
.p-0 .vc_column-inner {padding: 0rem !important;}

.pb-11 {padding-bottom: 11rem !important;}
.pb-2 {padding-bottom: 2rem !important;}
.pb-7 {padding-bottom: 7.5rem !important;}

.pt-1 {padding-top: 1rem !important; }
.pt-2 {padding-top: 2rem !important; }
.pt-3 {padding-top: 3.125rem !important; }
.pb-3 {padding-bottom: 3.125rem !important; }
.pt-4  {padding-top: 4.375 !important; }
.pt-5 {padding-top: 5.625rem !important; }
.pt-6 {padding-top: 6.625rem !important; }
.pt-7 {padding-top: 7.5rem !important; }
.pt-11 {padding-top: 11.25rem !important; }
.pt-18 {padding-top: 18.75rem !important; }
.pt-10 {padding-top: 10.938rem !important;}
.p-3 {padding: 3rem !important;}


/*Schriften*/
h1, h2, h3, h6, .phone-header, .w-nav-anchor, a.w-btn, .faq .w-tabs-section-title, .us-btn-style_7.leistungen, h3.angebote, h1.subpage, .buchen-mobil p, .popup p, .w-popup-box-content a  {font-family: 'KoHo' !important;}
h4, h5, .greenfact, .greenbox .headline-bold, .angebote-details .preis, .angebote-details .subline-bold, .subline-post, .w-slider-item-title {font-family: 'Lato' !important; font-size: 12px !important;}
.goldbox .headline-bold  {font-family: 'Lato' !important; }
p, .intro, footer, ul,  .post_content, .breadcrumb, .w-image.meta_simple .w-image-meta  {font-family: 'Lato-Light' !important; }
a.textlink-footer, .sliderbox h4, .gutscheinbox .bold-text.white,.subline-white, .footer-text strong  {font-family: 'Lato-Bold'; }
.phone-header a:hover {text-decoration: underline !important; color: #fff !important;}
.sticky .phone-header a:hover {text-decoration: underline !important; color: #888 !important;}

/*Überschriften*/
.intro {text-shadow: -1px 1px 1px #000000 !important; font-size: 4.125rem !important; color: #fff !important; line-height: 1.2}
.intro-after  {font-family: 'Lato-Regular' !important; text-shadow: -1px 1px 1px #000000 !important; color: #fff !important; line-height: 1.25; font-size: 24px; letter-spacing: 0.6px}

.faq .w-tabs-section-title {color: #000; font-weight: 600; font-size: 1.5em !important;}

h1.welcome {font-style: italic !important;  font-weight: 600 !important; color: #fff !important; text-align: center !important; text-shadow: -1px 1px 1px #000000 !important; margin-bottom: 20px !important; font-size: 7.5rem !important; letter-spacing: -0.5px !important; font-size: 7.5rem !important;}
h1.subpage {font-style: italic !important; font-weight: 600 !important; color: #fff !important; margin: 0 auto !important; text-shadow: -1px 1px 1px #000000 !important; letter-spacing: -0.5px; font-size: 72px; line-height: 1.1 !important; }
h2 {font-style: italic !important;  font-weight: 600 !important; text-align: center !important; color: var(--hellgruen) !important; font-size: 3.375rem !important; margin: 0 0 0.8em !important; padding: 0; }
h2.left {text-align: left !important; }
.page-id-412 h2 {color: var(--mittelgrau) !important;}
h2.cat  {font-style: italic !important;  font-weight: 600 !important; color: #fff !important; text-align: center !important; text-shadow: -1px 1px 1px #000000 !important; margin-bottom: 20px !important; font-size: 5.625rem !important; letter-spacing: -0.5px; font-size: 90px}
 #slider-box-right .sliderbox h2, #slider-box-left .sliderbox h2 {text-shadow: -1px 1px 1px #000000 !important; color: var(--weiss) !important;  font-size: 120px !important; top: 400px  !important; z-index: 3 !important;}
#slider-box-right .sliderbox h2 {text-shadow: -1px 1px 1px #000000 !important; color: var(--weiss) !important; }
#faq h2, #downloads h2,  #faq2 h2  {margin-bottom: 13px !important; margin-top: 5px !important;}
h3 {font-weight: 600 !important; text-align: center ; color: var(--mittelgrau) !important; font-size: 1.5rem !important;  /*margin-bottom: 2.625em !important;*/ padding: 0;  text-transform: none !important; line-height: 1.2 !important;}
h4 {color: #000 !important; text-transform: uppercase !important; font-size: 0.875em !important; margin-top: 1em !important; font-style: normal !important; }
h5 {text-transform: uppercase !important; font-size: 0.875em !important; font-style: normal !important; color: #fff !important;}
h6 {font-weight: 600 !important; text-align: left !important; color: #fff !important; font-size: 1.5rem !important;  padding: 0;  text-transform: none !important; font-style: italic !important; margin-top: 1.6em !important;  }
.leistungen h3 a {font-size: 2.625rem !important; color: #fff }
.angebot h3, .newsbox h3 {font-style: normal !important;  color: #fff !important; position: relative !important;}
.gutscheinbox h3 {font-style: italic !important;  font-weight: 600 !important; color: #fff !important; font-size: 3rem !important; text-transform: none !important; text-align: left !important; line-height: 1.2 !important;  }
.page-id-412 .gutscheinbox h3 {color: var(--gold) !important;}
.sliderbox h4 {text-align: center !important; color: rgba(0,0,0,0.9) !important; margin: 0 auto; font-weight: 500 !important; font-style: normal !important; font-size: 18px !important;}
.infos h4 {padding-top: 0px !important;}



/*Navigation und Buttons */
.owl-dot span {
    display: block;
    border-radius: 50%;
    background: var(--mittelgrau) !important;
    width: 5px !important;
    height: 5px !important;
    margin: 6px;
    color: var(--gold) !important; 
}


.page-id-412 .w-tabs-sections.icon_triangle>div>.w-tabs-section-header .w-tabs-section-control:before {
    content: url(elements/icon-open-gold.svg) !important;
    border: none !important;
}

.owl-dot.active span { background: var(--gold) !important; }
.owl-nav  button.owl-prev {padding-left: 0px !important;}
.owl-nav  button.owl-next {padding-right: 0px !important;}
.owl-nav  button.owl-prev:after {content: url('elements/arrow-left-grey.svg')  !important; width: 30px; margin-right: 20px;}
.owl-nav  button.owl-next:after {content: url('elements/arrow-right-grey.svg')  !important; width: 30px;  margin-left: 20px;}
.owl-dots {text-align: center; line-height: 0; padding-top: 0rem !important;  padding-bottom: 3rem !important; }
.rsArrow.rsArrowRight, .rsArrow.rsArrowLeft {width: 35px}
.rsArrow.rsArrowLeft:after {content: url('elements/arrow-left.svg')  !important; width: 30px}
.rsArrow.rsArrowRight:after {content: url('elements/arrow-right.svg')  !important; width: 30px}
.page-id-412 .buchen-mobil {background-color: var(--gold) !important; }
.page-id-412 header a.w-btn.us-btn-style_1.hellgruen {background-color: var(--gold) !important;}
 .page-id-412 header a.w-btn.us-btn-style_1.hellgruen:hover {border-color: var(--gold) !important; color: var(--gold) !important;}
.page-id-412 a.w-btn.us-btn-style_1.hellgruen {background-color: var(--hellgruen) !important;}
.page-id-412  a.w-btn.us-btn-style_1.hellgruen:hover {background-color: #fff !important; }

.buchen-mobil {color: #fff !important; text-transform: uppercase !important; background: var(--hellgruen)}
.buchen-mobil p {font-weight: 700 !important; font-size: 18px !important; padding: 12px 0px 0px 0px !important; }
a.w-btn.us-btn-style_1.ush_btn_1 {font-weight: 600 !important; font-size: 18px !important; padding: 10px !important; width: 300px !Important;}
.us-btn-style_5  {margin-top: 2em !important;}
.us-btn-style_10 {margin-bottom: 80px !important;}
.w-nav-anchor.level_1 a:not(.w-btn), .l-header a:not(.w-btn) {font-weight: 600 !important; font-size: 1.313rem !important;}
.us-btn-style_7.leistungen:hover {background-color: var(--gold) !important; background-image: url('../../uploads/bildmarke-parkhotel-neustadt-transparent-10.svg')  !important;}
.current-menu-item .w-nav-title:after {display: block !important; 
    content: '' !important; 
    position: absolute!important; 
   margin: 0px auto 5px auto !important;
    height: 2px !important;
    width: 100% !important; 
    background: currentColor !important;
    opacity: 1 !important; 
   color: #fff !important;
 }
.sticky .current-menu-item .w-nav-title:after {color: #fff !important; background: var(--mittelgrau) !important; }
.current-menu-item a:hover .w-nav-title:after {  margin: 0px auto -1.5px auto !important}
.breadcrumb {padding: 20px 0px !important;}
.breadcrumb a {color: var(--hellgruen) !important;}
.pb-100 {margin-bottom: 100px !Important;}
.breadcrumbs {font-size: 14px !important; opacity: 0.8 !important;}

  /*Mobile Navi*/
  .header_hor .w-nav.type_mobile.m_layout_dropdown .w-nav-list.level_1 {background-color: #F0EFEF !important; height: 100%}
  .w-popup-box-content .standard a {border-bottom:1px solid #9CAE53 !important; padding-bottom: 20px !important; padding-top: 30px !important; width: 100%; display: block; font-size: 21px;  font-weight: 600; }
  .w-popup-box-content .standard a:after {content:url('elements/icon-arrow-more.svg') !important; width: 26px; display: block; float: right;}
  .w-popup-box-content .standard span.w-nav-arrow {display: block;  }
  .w-popup-box-content .standard span.w-nav-arrow:before, .w-popup-box-content .gutscheine-button span.w-nav-arrow:after, .w-popup-box-content .newsletter-button span.w-nav-arrow:after, .jobs-button span.w-nav-arrow:after {display: none !important;}
  .w-popup-box-content .green a {width: 100% !important; display: flex !important; background-color: var(--hellgruen); color: #fff !important; height: 65px; border-radius: 3px; padding: 20px; font-size: 21px; font-weight: 600; align-items: center}
  .w-popup-box-content .green span.w-nav-title:before {width: 26px; display: block !important;  filter: none !important; float: left !important; margin-right: 20px; }
  .w-popup-box-content .green a:before {padding-top: 5px !important; margin-right: 10px}
  .w-popup-box-content .gutscheine-button a {margin: 2em 0em 0.5em 0em !important;}
  .w-popup-box-content .newsletter-button a {margin: 0em 0em 0.5em 0em !important;}
  .w-popup-box-content .jobs-button a {margin: 0em 0em 0.5em 0em !important;}
  .w-popup-box-content .kontakt-button a {margin: 0em 0em 5em 0em !important;}
  .w-popup-box-content .newsletter-button a:before {content:url('elements/icon-newsletter.svg') !important; }
  .w-popup-box-content .gutscheine-button a:before {content:url('elements/icon-gutschein.svg') !important;}
  .w-popup-box-content .jobs-button a:before {content:url('elements/icon-jobs.svg') !important; }
  .w-popup-box-content .kontakt-button a:before {content:url('elements/icon-kontakt.svg') !important; }
  /*.w-popup-overlay.active {margin-top: 120px !important;}*/
  .popup p  {font-weight: 600 !important; font-size: 21px !important;}
  .w-popup-box-content a  {text-transform: none !important;}
  .w-popup-box-content[style*="padding"] {padding: 0 !important;}
  .page-id-412 img.phone {display: none;}
  .page-id-412 img.phone-darkgreen {display: block !important;}
  img.phone-darkgreen {display: none;}
  img.phone, img.phone-darkgreen {width: 32px !important;float: right; margin-right: 20px;}
  .w-popup-closer:before {float: left !important;}
  .w-popup-box-h > .w-popup-closer {
    position: fixed !important;
    z-index: 1;
    color: var(--content-color);
  }
  .sticky .phone .w-popup-trigger.type_image:before {content:url('elements/icon-phone-green.svg') !important;  display: block; margin-right: 10px; float:right; width: 32px}
  .w-popup-trigger i.fas.fa-phone, .sticky .w-popup-trigger i.fas.fa-phone, .sticky .phone .w-popup-trigger.type_image img  {display: none !important;}
  .w-popup-overlay {z-index: 90 !important;}
  .w-popup-box-content .type_sticky {
  height: 90px !important;
      position: fixed !important;
      width: 100% !important;
      z-index: 1 !important;
	  top: 0px !Important;
    }
  
 
  .fa-bars:before {font-size: 1.8rem !Important;}
  .sticky .fa-bars:before {color: var(--mittelgrau) !important;}
  .w-popup-wrap {}
  .l-header .w-popup-trigger.type_image img {width: 39px !important;}
  .w-popup-wrap {z-index: 91 !important; height: 100% !important; }
  

/*Sprachswitch*/
.gtranslate_wrapper a:first-child::after {
    content: " /";
}

.gt_switcher_wrapper {position: fixed;
    top: 30% !important;
    right: 0px !important;
    z-index: 999999; background-color: #6e6462 !important; padding: 8px; height: 48px !Important; width: 55px !important; padding: 10px 12px !important}

.gglobe {height: 30px !Important; width: 30px !Important;}
.gtranslate_wrapper {}	

/*Kopfbereich*/
.headerimage.subpage {height: 700px !important;  } 
.headerimage.subpage .l-section-h.i-cf { height: 100% !Important; display: flex; justify-content: center; align-items: flex-end; padding-bottom: 70px;}
.headerimage.subpage .l-section.height_medium {padding-top: 0px !Important; padding-bottom: 0px !important;}
.phone-header {font-size: 18px; font-style: italic !important; }
.phone-header a:hover {color: #fff !important;}
.sticky .phone-header {font-size: 18px; text-shadow: none !important; font-style: italic !important; color: #6D6461 !important;}
.page-id-1717 .phone-header a .fa-phone:before {content:url('elements/icon-phone-braun.svg') !important;  display: block; width: 26px;}
.phone-header a .fa-phone:before {content:url('elements/icon-phone-weiss.svg'); width: 26px; display: block; margin-top: 2px;}
.sticky .phone-header .fa-phone:before {content:url('elements/icon-phone-braun.svg') !important;  display: block; }
header-cell.at_center {flex-grow: 0.3 !important;}


/*Seitenmenü*/
nav#sitemenu ul li a {color: #FFF; text-decoration: none;  display: flex;
align-items: center; }
nav#sitemenu {position: fixed; line-height: 1.0em; color: white; display: flex; width: 11em; height: 18em;  top:0; bottom:0; margin:auto; right: -8em; z-index: 5;  justify-content: center; align-items: center;  z-index: 1000 !important; /* Beispielwert, je nach Bedarf anpassen */}
nav#sitemenu ul {list-style: none; margin: 0; padding: 0; }
nav#sitemenu ul li {background-color: var(--hellgruen); height: 48px; position: relative; background-color: var(--hellgruen); -webkit-transition: -webkit-transform 500ms, background-color 500ms, color 500ms; transition: transform 500ms, background-color 500ms, color 500ms; margin-bottom: 6px !important; width: 10em;  align-items: center !important; display: inline-flex; }
nav#sitemenu ul li:hover {background-color: var(--dunkelgruen); -webkit-transform: translateX(-7em);  transform: translateX(-7em); }
.page-id-412 nav#sitemenu ul li {background-color: var(--gold);}
nav#sitemenu li a:before { margin-right: 25px; padding: 0px; width: 30px; float: left;}
li.newsletter a:before {content:url('elements/icon-newsletter.svg'); margin-left: 12px; align-items: center }
li.jobs a:before {content:url('elements/icon-jobs.svg'); margin-left: 11px }
li.gutschein a:before {content:url('elements/icon-gutschein.svg');  margin-left:15px }
li.kontakt a:before {content:url('elements/icon-kontakt.svg');  margin-left: 12px; display: block !important;}


 
/*Footer und Farben Kulinarik */
/*.page-id-412 .footer-bottom {background-color: #388B51 !important; color: #fff !important;}
.page-id-412 .footer-bottom a  { color: #fff !important;}*/
#page-footer a {color: #fff !important;}
.page-id-412 #page-footer a.textlink-footer {color: #fff !important;  margin-right: 2em !important; }
#page-footer a.textlink-footer {color: var(--mittelgrau) !important;  margin-right: 2em !important; }
/*.page-id-412 a.us-btn-style_1 {background-color: var(--dunkelgruen) !important;} */
.footer-bottom {padding: 14px !important; font-size: 0.875rem !important;}
.footer-text, .footer-text li a  {color: #fff !important; margin-top: 20px}

.footer-top { /*background-blend-mode: difference, normal;*/ background-image: url('elements/bildmarke-parkhhotel-gruen.svg')  !important; background-color: var(--hellgruen); background-repeat: no-repeat; background-position: 50%; background-size: cover; padding: 2rem 0rem 4rem 0rem !important;}
/*.page-id-412 .footer-top { background-image: url('elements/bildmarke-parkhhotel-dunkelgruen.svg')  !important; background-color: var(--dunkelgruen); background-repeat: no-repeat; background-position: 50%; background-size: cover}*/
.footer-text ul {margin-left: 1em !important;}


.page-id-412 .us-btn-style_5 {background-color: var(--gold) !important; color: #fff !important;}
.page-id-412 .greenfact {color: var(--gold) !important; }


/*Akkordion*/
.w-tabs.accordion.remove_indents>div>div>.w-tabs-section-header {padding: 40px 0px 20px 0px !important;}
.w-tabs-section-control {width: auto !Important;}
.w-tabs-sections.icon_triangle>div>.w-tabs-section-header .w-tabs-section-control:before {content:url('elements/icon-arrow-open.svg') !important; border: none !important; }
.w-tabs.accordion>div>.w-tabs-section, .w-tabs.accordion.remove_indents>div>div>.w-tabs-section-header { border-width:  0  0 1px 0 !important; border-color: var(--hellgruen) !important; }
.page-id-412 .w-tabs.accordion>div>.w-tabs-section, .page-id-412 .w-tabs.accordion.remove_indents>div>div>.w-tabs-section-header { border-width:  0  0 1px 0 !important; border-color: var(--gold) !important; }
.w-tabs.accordion.remove_indents>div>div>.w-tabs-section-header {padding: 20px !important;}
#downloads .w-tabs-section-title {margin-right: 83%}
.w-tabs.accordion.remove_indents>div>div>.w-tabs-section-content {padding-left: 3rem !important; padding-right: 3rem !important;}


/*Slider*/
.sliderheadline.left {position: absolute !important; left: 90px}
.sliderheadline.right {position: absolute !important; right: 90px}
.rsBullet span {display: block; border-radius: 50%; background: var(--mittelgrau); width: 6px; height: 6px; margin: 2px; color: var(--mittelgrau);}
.rsBullet.rsNavSelected span {background: rgba(0,0,0,0)!important; box-shadow:  inset 0 0 0 1px; height: 6px;  margin: 2px;	 width: 6px;}
.bg-logo {background-image: url('/wp-content/uploads/bildmarke-parkhotel-gold.svg') !important; background-position: 45% 100% !important; background-size: 549px !important; background-repeat: no-repeat !important; padding-bottom: 1.5rem !Important;}
#slider-box-right, #slider-box-left {background-image: url('/wp-content/uploads/bildmarke-parkhotel-gold.svg') !important; background-size: 610px !important; background-repeat: no-repeat !important; padding-left: 0rem !important; padding-right: 0rem !Important; width: 1250px }

.page-id-412 #slider-box-right, .page-id-412 #slider-box-left {background-image: url('elements/bildmarke-parkhotel-gold.svg') !important; background-size: 610px !important; background-repeat: no-repeat !important; padding-left: 0rem !important; padding-right: 0rem !Important; width: 1250px }
#slider-box-right {background-position: 95% 0% !important; }
#slider-box-left {background-position: 5% 0% !important;}
.grey-box.right, .grey-box.left {padding: 80px 107px 100px 107px !important; text-align: center !important; height: 533px !important; width: 504px !important; position: absolute !important; z-index: 5 !important;   margin-top: 11.5rem !important; margin-bottom: 16.063rem !important;}
.grey-box.right {margin-right: 0%; margin-left: -135%;}
.grey-box.left {margin-left: 0%; }
.grey-box {background-color: var(--hellbeige) !important;}
.carousel { position: relative; text-align: center; color: white; padding: 120px 0px 0px 0px !important; width: 1000px !important;}
.carousel img {margin-left: 0px !important; margin-top: 0px !important; width: 1000px !important; height: auto !important;}
 .slogan {position: absolute; left: 0%; z-index: 7; left: -5% !important; top: -30% !important;  transform: rotate(-5deg) !important; height: 120px; width: 120px; background-image: url('/wp-content/uploads/kreis.png') !important; display: flex !important; align-items: center !Important; justify-content: center !Important; background-position: center center !important; background-size: contain !Important;}
.slogan p {font-family: 'KoHo' !important; text-shadow: -1px 1px 1px #000000 !important; font-weight: 600 !important; font-size: 28px !Important;}
.rsNavItem.rsBullet span {background-color: #888 !important;}

.headerimage-full-kulinarik .l-section-slider {
    position: absolute;
    top: -35% !important;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

/*Bild und Textboxen*/
.square-grey-box.left-auto {height: auto !Important; padding: 46px 106px 91px 187px !important; margin-left: 40px;  width: 584px !important; text-align: left !important; mix-blend-mode: multiply !important;}
.square-grey-box.right-auto {padding: 20px; width: 684px !important;}
.square-grey-box.right-auto .green-border {padding: 0px 70px 41px 157px !important; text-align: left !Important; margin-top: 30px !important; margin-bottom: 20px}
.square-grey-box.right-auto .greenfact {margin-top: -25px!important; background-color: var(--hellbeige); padding: 10px; margin-left: -10px}
.square-grey-box.right-auto .green-border h3::before {display: none}
.image-group-horizontal {margin-top: 50px}

.fa-download {color: var(--hellgruen)}
.left {text-align: left !important;}
.newsbox {color: #fff; text-align:center; font-size: 1em !important; border-radius: 6px; padding: 42px 106px 59px 106px; }
.newsbox ul {text-align: left !important;  width: 70%; margin: 0 auto; font-family: 'Lato-Bold' !important;}
.infos p {font-size: 16px !important; }
.ernaehrung h3 {margin-bottom: 1rem !important;}
.page-id-412 .infobox {background-color: #FCFBF9 !important; }
.infobox {background-color: var(--hellbeige) !important; padding: 87px 105px 105px 105px}
.gutscheinbox .bold-text.white {color: #fff !important;  }
.page-id-412 .gutscheinbox {-webkit-box-shadow:  0px 0px 6px rgba(0, 0, 0, 0.2); box-shadow:  0px 0px 6px rgba(0, 0, 0, 0.2);}
.page-id-1717 #faq {padding-bottom: 50px !important;}
.w-image.meta_simple .w-image-meta {padding-top: 0.313rem !important;}
.w-image-title {font-style: italic !important;}
.subline-white {color: #fff !important;  display: block;}
.greenbox {color: #fff !important; padding: 22px;  }
.greenbox .headline-bold {color: #fff !important; }
.greenbox .fa-star:before {content: url('/wp-content/uploads/bildmarke-parkhotel-neustadt-hellgruen.svg') !important;}
.goldbox {color: var(--mittelgrau) !important; padding: 22px; -webkit-box-shadow:  0px 0px 6px rgba(0, 0, 0, 0.2); 
box-shadow:  0px 0px 6px rgba(0, 0, 0, 0.2);}

.goldbox .headline-bold {color: var(--mittelgrau) !important;}
.goldbox .fa-star:before {content: url('/wp-content/uploads/icon-bildmarke-gold.svg') !important;}
.page-id-412 .green-border h4  {margin-top: 40px !important; padding-top: 0px !important;}
.green-border {
    border: 1px solid var(--gold) !important;
    border-radius: 5px !important;
    padding: 60px 30px 50px 30px !important;
    position: relative !important; /* Ermöglicht die absolute Positionierung von Kind-Elementen */
    text-align: center !important; /* Zentriert den Inhalt innerhalb des Divs */
	margin-top: 80px
}

.green-border h3 {
    background-color: #fff !important;
    display: inline-block !important; /* Hintergrund nur so breit wie der Text */
    padding: 0 10px !important; /* Optional: etwas Innenabstand, um den Text vom Rand des Hintergrunds abzusetzen */
    position: absolute !important; /* Absolute Positionierung */
    top: -15px !important; /* Position über der oberen Grenze */
    left: 50% !important; /* Horizontales Zentrieren */
    transform: translateX(-50%) !important; /* Korrektur, um das Element perfekt zu zentrieren */
    
	
}

.page-id-412 .wpb_wrapper a:not(.w-btn) {color: var(--gold) !important;}
.beigebox {background-color: var(--hellbeige)}

.page-id-412 .green-border {margin-top: 120px}
.page-id-412 .green-border h3 {color: var(--gold) !important; background-color: var(--hellbeige) !important;}
.beigebox h3 {margin-bottom: 30px !important;} 
.green-border h3::before {content: url('elements/pfeilelement-gold.svg'); margin: -135px auto 10px auto !important; display: block;}  
.greenfact {color: var(--mittelgrau);  font-size: 0.875rem !important; margin: 0 !important; text-transform: uppercase !important; letter-spacing: 1px}
.greenfact::before {content: url('elements/pfeilelement-gold.svg'); margin: 0 auto !important; display: block;}   
.square-grey-box .greenfact::before, #faq .greenfact::before, .page-id-412 .greenfact::before {display: none !Important;}

#angebote, #image-group-3 {background-image: url('/wp-content/uploads/bildmarke-parkhotel-gold.svg') !important; padding-top: 0% !important; background-position: 50% 30% !important; background-size: 549px !important; background-repeat: no-repeat !important;}
.page-id-412 #image-group-3 {background-image: url('elements/bildmarke-parkhotel-gold.svg') !important; padding-top: 0% !important; background-position: 50% 30% !important; background-size: 549px !important; background-repeat: no-repeat !important;}

#text-box-image-group-left {background-image: url('/wp-content/uploads/bildmarke-parkhotel-gold.svg') !important; padding-top: 0% !important; background-position: 35% 30% !important; background-size: 549px !important; background-repeat: no-repeat !important;}
#text-box-image-group-right {background-image: url('/wp-content/uploads/bildmarke-parkhotel-gold.svg') !important; padding-top: 0% !important; background-position: 75% 30% !important; background-size: 549px !important; background-repeat: no-repeat !important;}
.l-section.with_slider, .l-section.with_video {
    overflow: hidden;
    transform: none !important;
}
.grey-textbox-left,
.grey-textbox-right {
  text-align: left !important;
  background-color: rgba(240, 239, 239, 0.95) !important;
  width: 717px !important;
  min-height: 500px;
}

.page-id-412 .grey-textbox-right, .page-id-412 .grey-textbox-left { background-color: #fff !important; border: 1px solid rgba(171, 141, 77, 1) !important;}

.grey-textbox-left {
  padding: 80px 214px 100px 107px 
}

.grey-textbox-right {
  padding: 80px 107px 100px 214px
}

.left-column.img-small {
	
}

.left-column.img-small img {
  width: 70% !important;
}

.left-column img,
.right-column img {
  width: 100% !important;
}

.left-column,
.right-column, .left-column.img-small {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}

.left-column.img-small {left: 50%; }
.right-column {left: -20%; margin-right: -20%;}
.left-column {left: 20%; margin-left: -20%;}


/*Textboxen grau mit Bildern 3ergruppe*/
.square-grey-box.left, .square-grey-box.right  {height: 620px !important; width: 584px !important; text-align: left !important; mix-blend-mode: multiply !important;}
.square-grey-box.left {padding: 46px 106px 91px 187px !important; margin-left: 40px}
.square-grey-box.right {padding: 46px 187px 91px 106px !important; margin-right: 40px}
.square-grey-box {background-color: var(--hellbeige) !important;}

.page-id-412 .square-grey-box {background-color: var(--hellbeige) !important;}






/*Angebote und Beiträge bzw. Aktivitäten*/
.angebote-details .preis {font-size: 24px}
.angebote-details .text {height: 250px !important;}
.angebote-details {background-color: var(--hellgruen) !important; color: #fff !important; padding: 38px 30px 42px 30px !important; height: 420px !important;}
.posts-excerpt {background-color: var(--hellgruen) !important; color: #fff !important; padding: 38px 30px 42px 30px !important; }
.angebote-details .small {font-size: 12px}

h3.angebote {font-weight: 600 !important; text-shadow: 0px 2px 4px rgba(0,0,0, 0.5) !important; font-size: 2.25em !important; letter-spacing: -0.5px; margin-top: -5rem; margin-left: 30px; position: absolute; color: #fff !important;}
h3.posts {font-weight: 600 !important; text-shadow: 0px 2px 4px rgba(0,0,0, 0.5) !important; font-size: 2.25em !important; letter-spacing: -0.5px; bottom: 2rem; margin-left: 30px; position: absolute; color: #fff !important; text-align: left !Important; line-height: 1.167em !Important;}
.subline-post {font-weight: 600 !important; text-shadow: 0px 2px 4px rgba(0,0,0, 0.5) !important; font-size: 1.125rem !important; letter-spacing: -0.5px; margin-left: 30px; bottom: 1rem; position: absolute; color: #fff !important; text-align: left !Important; line-height: 1.167em !Important;}
table {margin-top: 2rem !Important; margin-bottom: 2rem !Important;}
.single .cols_3 .vc_column-inner {padding: 0rem !important;}

/*Buchen*/
.w-form input[type="text"], input[type="email"] {height: 45px !important;}
.fa-calendar:before {content:url('elements/icon-kalender.svg'); width: 26px; display: block;} 
.fa-users:before {content:url('elements/icon-personen.svg'); width: 26px; display: block;}
.goldbox {background-image: url('elements/bildmarke-parkhotel-gold.svg')  !important; background-color: #fff; background-repeat: no-repeat; background-position: 50%; background-size: cover; padding: 30px 40px; display: flex; justify-content:center}
.goldbox .vc_column-inner {padding: 0px !important;}
.greenbox.light {background-image: url('elements/bildmarke-parkhhotel-gruen.svg')  !important; background-color: var(--hellgruen); background-repeat: no-repeat; background-position: 50%; background-size: cover; padding: 30px 118px; display: flex; justify-content:center}
.greenbox.light .vc_column-inner {padding: 0px !important;}
label {margin-right: 10px;}
input[type="date"] {width: 25%; margin-right: 10px; background-color: #fff;}
select { padding: 5px;  margin-top: 0px; width:100%; margin-right: 20px; color: #999 !important;  }
button {padding: 5px 10px;}
.input-container {position: relative; width: 205px; float: left; margin-right: 30px; margin-top: 8px;}
.input-container input[type="date"], select {padding-left: 35px; }

.custom-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #6D6461 !important; 
    pointer-events: none; 
}

 #booking-form input:not([type=submit]), #booking-form input:not([type=submit])  {
    font-weight: 300;
    letter-spacing: 0em;
    border-radius: 2px;
    background: var(--color-header-middle-text);
    border-color: rgba(0,0,0,0.2);
    margin-right: 30px;
    padding-left: 35px !important;
	 color: #333 !important;
	 font-family: 'Lato-Light' !important;
}

#booking-form  {}

#booking-form #submit-button {width: 205px !important;  font-family: 'Lato-Bold' !important;}
#booking-form input, #booking-form select {font-size: 14px !important;  font-family: 'Lato-Light' !important;}


/*Zimmeransichten*/
.maske-slider .rsSlide {border-radius: 6px 0px 0px 6px !important; z-index: 0 !important;}
/*a.active-button {background-color: #fff !important; color: var(--hellgruen) !important; border: 1px solid var(--hellgruen);box-shadow: none !important; -webkit-box-shadow: none !important; }*/
 .angebote-details .text {height: auto !important;}
    .angebote-details {height: auto !important;}
    .details {width: 100%}
.zimmer h3 {margin-bottom: 20px !important;}
#akkdetails, #akkdetails2, #akkdetails3, #akkdetails4, #akkdetails5 {display: none; background-image: url('elements/bildmarke-parkhhotel-gruen.svg')  !important; background-color: var(--hellgruen); background-repeat: no-repeat !important; background-position: 50% !important; background-size: cover !important; color: #fff !important; padding: 44px 29px 46px 29px; border-radius: 0px 0px 6px 6px  !important; z-index: 10 !important; top: -10px !important; position: relative !important; font-size: 16px !important; font-family: 'Lato' !important;}
.maske-slider .rsSlide {border-radius: 6px 0px 0px 6px !important; position: relative; z-index: 0 !important;}
.maske-slider { position: relative !Important; z-index: 0 !Important; }
.zimmer .toggle-button.active-button {box-shadow: none !important; -webkit-box-shadow: none !important;  padding: 0.5em 1.4em !important; background-color: #fff !important; color: var(--hellgruen) !important; border: 0px solid var(--hellgruen);}
.box-grey-no-radius {background-color: var(--hellbeige); padding: 0px 77px 77px 77px !Important;}
.box-grey-no-radius .greenfact::before {margin-top: -50px !Important;}
.facts {padding: 41px 30px 48px 121px; line-height: 1.5 !Important;}
.facts ul {margin-left: 20px}
.zimmer a.active-button:hover {background-color: var(--fff) !important; }
.zimmer {border-radius: 6px  !important;}
.zimmer .rsBullets {margin-top: 82%; position: absolute !important;}
.zimmer .rsBullet.rsNavSelected span {background: #fff !important; box-shadow: none; height: 6px; margin: 2px; width: 6px;}
.buttons-booking {bottom: 48px; position: absolute; }
.angebot:hover img {transform: scale(1.02)  !important;}
a.active-button + .zimmer {border-radius: 0px !important;}
.details {width: 48%}
.zimmer .vc_column_container > .vc_column-inner {padding: 0 !important;}
.rsBullet span {background-color: rgba(255,255,255,0.4) !important;}


@media (min-width: 300px) and (max-width: 920px) {
#faq {padding-top: 2rem; padding-bottom: 3rem}
.category-angebote {margin-bottom: 10px !important;}
.fifth-section {padding-top: 112px !important;}
.w-search-form .w-form-row {margin-left: 0px}
.padding-180 {padding-bottom: 180px !important;  }
.plr-7 {padding-left: 7rem !important; padding-right: 7rem !important;}
	.page-id-412 .green-border .w-hwrapper.valign_top {flex-direction: column}
.mt-7 {margin-top: 7.5rem !important; }
.mt-5 {margin-top: 5.625rem !important}
.mt-11 {margin-top: 3rem !important; }
.mb-11 {margin-bottom: 11.25rem !important; }
.mb-2 {margin-bottom: 2rem !important; }
.p-0 .vc_column-inner {padding: 0rem !important;}
.plr-7 {padding-left: 0rem !important; padding-right: 0rem !important;}	
.pb-11 {padding-bottom: 3rem !important;}
.pb-2 {padding-bottom: 2rem !important;}
.pb-7 {padding-bottom: 7.5rem !important;}

.pt-1 {padding-top: 1rem !important; }
.pt-3 {padding-top: 2rem !important; }
.pt-4  {padding-top: 4.375 !important; }
.pt-5 {padding-top: 2.5rem !important; }
.pt-6 {padding-top: 2rem !important; }
.pt-7 {padding-top: 3rem !important; }
.pt-11 {padding-top: 2rem !important; padding-left: 0rem !important; padding-right: 0rem !important;}
.pt-18 {padding-top: 18.75rem !important; }
.pt-10 {padding-top: 3rem !important;}

	.rsArrow.rsArrowLeft:after {margin-left: 5px; width: 10px !important;}
	.rsArrow.rsArrowRight:after {margin-left: 15px; width: 10px !important;}
	/*.l-header.bg_transparent:not(.sticky) .l-subheader.at_middle {position: relative;
       height: 200px; 
    width: 100%; 
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 70px; }*/
	
	
}
  @media (min-width: 921px) and (max-width: 1279px) {

}


@media (max-width: 920px)  {
	ul#menu-hauptmenue-mobil {padding-top: 5rem !Important;}
	 .w-slider-item-title {display: none !Important;}
	#textbox-left-image-right, #textbox-right-image-left {padding-left: 1rem; padding-right: 1rem}
	   .w-slider-item-description {
        font-family: 'Lato-Light' !important;
        line-height: 1;
        font-size: 70% !important;
		   color: #fff !important; 
		   opacity: 1 !important; 
    }
	
	
	.green-border {
    border: 1px solid var(--gold) !important;
    border-radius: 5px !important;
    padding: 60px 10px 50px 10px !important;
    position: relative !important; /* Ermöglicht die absolute Positionierung von Kind-Elementen */
    text-align: center !important; /* Zentriert den Inhalt innerhalb des Divs */
	margin-top: 160px
}
	
	.green-border h3 {
  
    top: -5px !important; /* Position über der oberen Grenze */
  
    width: 280px
	
}

	.green-border .w-image-h {margin-top: 50px }

.green-border h3::before {content: url('elements/pfeilelement-gold.svg'); margin: -165px auto 10px auto !important; display: block;}  
.box-grey-no-radius .greenfact::before {
    margin-top: -80px ! Important;
}
	
h3.posts {
    
	font-size: 1.3em !important; margin-left: 0px !important; padding: 36px 30px 10px 30px !important;}
	.subline-post {
    
	font-size: 1em !important; margin-left: 0px !important; padding: 20px 30px 10px 30px !important;}
		 .l-header, .l-header.pos_fixed { z-index: 89; margin-top: 0px}
  .header_hor .l-header.pos_fixed~.l-main>.l-section:first-of-type>.l-section-h {padding-top: 1em !important; }

  .w-popup-overlay.active {}
   .w-popup-closer {margin-right: 80% !important; top: 20px !important; }
  
      header {padding-top: 0px !important;}
      .w-popup-box-content .green a {padding-bottom: 20px !important;}
      .w-popup-wrap {align-items: flex-start !important; z-index: 111}
      .w-popup-wrap.pos_fixed {z-index: 112 !important;}
      .l-section.content-nav-mobil.height_medium {
      padding-top: 10rem !important;
      padding-bottom: 1.5rem;
          
    }	
	
	.newsbox ul { width: 80%; }
  
    .l-sidebar, .l-section.height_small, .l-section.height_medium {
      padding-top: 2rem !important;
      padding-bottom: 1.5rem;
    }
  
	
	
	.us_custom_381e70c0 {padding: 0 !important;}
	.image-group-horizontal {padding: 1rem 0rem !important;}

      
          img.phone, img.phone-darkgreen {
      width: 32px !important;
      float: right;
      margin-right: 20px;
      margin-top: 30px;
      
  }
	.left-column img, .right-column img {margin-left: 0px !Important;}
    h2.cat {font-size: 1.6rem }
	 h1.subpage {font-size: 2rem }
nav#sitemenu {display: none}
 .headerimage.subpage {
        height: 400px !important;
    }
 #textbox-right-image-left.grey-textbox-right  { padding-top: 250px; padding-bottom: 80px !important;  }
	.image-group-horizontal {margin-top: 0px}
    #textbox-right-image-left img, #textbox-left-image-right img {/*width: 90% !important; margin: 1rem; z-index: 10 !important; position: relative*/}
    #textbox-right-image-left, #textbox-left-image-right {padding: 1rem !important;}
h1.welcome {font-size: 3.8rem !important; }
.intro  {font-size: 2rem !important;}
.intro-after  {font-family: 'Lato-Regular' !important; text-shadow: -1px 1px 1px #000000 !important; color: #fff !important; line-height: 1.25; font-size: 1em; letter-spacing: 0.6px}
h2.cat {font-size: 2rem !important;}
h2 {font-size: 2rem !important;}
.square-grey-box.left, .square-grey-box.right  {height: auto !important; width: 100% !important; text-align: left !important; mix-blend-mode: multiply !important; padding: 2rem 2rem !Important; margin: 0 !important;}
.square-grey-box.center {padding: 20px !important; text-align: center !important; height: auto!important; width: 100%  !important;position: relative !important; z-index: 5 !important; margin-top: 20% !important; margin: 0 !important; background-color: transparent !important;}
.square-grey-box.left {margin-left: 0px !important;}
	.square-grey-box.left-auto {padding: 1rem !important; margin: 1rem; width: auto !Important;}
    .grey-textbox-right, .grey-textbox-left {padding: 20px 20px 20px 20px ; text-align: left !important;  background-color: var(--hellbeige) !important; width: 100% !important; left: 0% !important;}	
.page-id-412 .grey-textbox-right, .page-id-412 .grey-textbox-left { background-color: #fff !important; border: 1px solid rgba(171, 141, 77, 1) !important; width: 90% !important; margin: 0 auto !Important;}
	     .right-column {left: 0% !important; margin-right: 0% !important;}
    .left-column, .right-column { left: 0% !important;
        padding-top: 20px !important;
        margin-left: 0% !important; padding-left: 1rem !Important; padding-right: 1rem !important;}
	       
  
	.right-column .vc_column-inner, .left-column .vc_column-inner {padding: 0 !Important;}
	
  .bg-logo {background-image: url('/wp-content/uploads/bildmarke-parkhotel-gold.svg') !important; background-position: 45% 100% !important; background-size: 549px !important; background-repeat: no-repeat !important; padding-bottom: 1.5rem !Important;}
a.leistungen {font-size: 1.5rem !important;} 
.newsbox {color: #fff; text-align:center; font-size: 1em !important; border-radius: 6px; padding: 2rem !important; }
.gutscheinbox .mobiles-cols_1, .gutscheinbox .vc_column-inner {padding: 0rem}

.gutscheinbox h3 {font-size: 2rem !important; }
	 .infobox { padding: 20px 20px 20px 20px}
	.greenbox, .goldbox {padding: 1rem 0rem !important;}    
	
/*Slider*/
 #slider-box-right, #slider-box-left {background-image: url('/wp-content/uploads/bildmarke-parkhotel-gold.svg') !important; background-size: 310px !important; background-repeat: no-repeat !important; padding-left: 0rem !important; padding-right: 0rem !Important; width: 100%; margin: 2rem auto 0 auto !important; }
.page-id-412 #slider-box-right, .page-id-412 #slider-box-left {background-image: url('element/bildmarke-parkhotel-gold.svg') !important; background-size: 310px !important; background-repeat: no-repeat !important; padding-left: 0rem !important; padding-right: 0rem !Important; width: 100%; margin: 2rem auto 0 auto !important; }
.carousel { position: relative; text-align: center; color: white; padding: 0px 0px 0px 0px !important; width: 100% !important;}
.carousel img {margin-left: 0px !important; margin-top: 0px !important; width: 100% !important; height: auto !important;}	
.grey-box.left, .grey-box.right {position: relative !important; padding: 3rem 2rem !important; width: 100% !important; height: auto !Important; margin-top: 2rem !Important; margin-bottom: 2rem !Important; }
.grey-box.right {margin-left: 0 !important}	
.grey-box {background-color: var(--hellbeige) !important;}
#slider-box-right .vc_column-inner {padding-left: 1rem !Important;padding-right: 1rem !Important;}

.sliderbox h2 span  {text-shadow: -1px 1px 1px #000000 !important; color: var(--weiss) !important; font-size: 40px;  }
#slider-box-right .sliderbox h2, #slider-box-left .sliderbox h2 {margin: 0 !important;     text-shadow: -1px 1px 1px #000000 !important; 
 color: var(--weiss) !important;
    font-size: 60px !important;
    
    z-index: 3 !important;}
 #image-group-3 {padding: 0rem 1rem !important; /*background-position: 50% 30% !important; background-size: 410px*/ background-image: none !Important;}               
 .image-group-horizontal {padding: 3rem 1rem; background-position: 50% 30% !important; background-size: 410px !important; }   
.image-group-horizontal .vc_column-inner {padding: 0rem !Important;} 

.slogan {position: absolute; left: 0%; z-index: 7; left: -35% !important; top: -60% !important;  transform: rotate(-5deg) !important; height: 80px; width: 80px; background-image: url('/wp-content/uploads/kreis.png') !important; display: flex !important; align-items: center !Important; justify-content: center !Important; background-position: center center !important; background-size: contain !Important;}
.slogan p {font-family: 'KoHo' !important; text-shadow: -1px 1px 1px #000000 !important; font-weight: 600 !important; font-size: 16px !Important; line-height: 1.2}	
	.square-grey-box.right-auto {width: auto !important; margin: 1rem !important; padding: 10px !important;}
	.square-grey-box.right-auto .green-border {padding: 20px !important;}
	.square-grey-box.right-auto .greenfact {margin-top: -50px !important;}

/*Zimmer*/
 .box-grey-no-radius {padding: 2rem 1rem !important;}
    
   
    .w-separator.size_custom {height: 20px !important;}
    .buttons-booking {margin-top: 70px !important; position: relative !important;}
    .facts {padding: 1rem }

    #akkdetails, #akkdetails2, #akkdetails3, #akkdetails4, #akkdetails5 {padding: 1rem}
    .details {width: 100%}
    .details ul {margin-left: 0px !important;}
    .angebote-details {height: auto !important;}
    .angebote-details .text {height: auto !important;}
    h3.angebote {font-size: 1.5rem !important; margin-left: 30px !Important; line-height: 1 !important; text-align: left !Important; top: 11rem}
    .zimmer .rsBullets {
        margin-top: 55%;
        position: absolute !important;
    }
.details ul {
    margin-left: 20px  
}



/*Footer*/

  .footer-bottom {padding-left: 2rem !important; padding-right: 2rem !important;  }
        .footer-bottom p {text-align: left !important;}
  a.textlink-footer {margin-right: 10px !important;}
    .footer-bottom p {text-align: left !important;}
.footer-top {padding: 2rem 0rem  !important;}

    #faq {padding: 40px 5px 70px 5px !important;}

}


/* Media Queries für Bildschirmgrößen zwischen 921px und 1279px */
@media (min-width: 769px) and (max-width: 1279px) {
	.sliderheadline.right {bottom: 3rem !important;}	
	.sliderheadline.left {bottom: 3rem !important; left: 120px}	
	.slogan {position: absolute; left: 0%; z-index: 7; left: -15% !important; top: -60% !important;  transform: rotate(-5deg) !important; height: 120px; width: 120px; background-image: url('/wp-content/uploads/kreis.png') !important; display: flex !important; align-items: center !Important; justify-content: center !Important; background-position: center center !important; background-size: contain !Important;}
.slogan p {font-family: 'KoHo' !important; text-shadow: 0.5px 0.5px 0.5px #000000 !important; font-weight: 600 !important; font-size: 24px !Important; line-height: 1.2}	
	.carousel img {width: 95% !important;}
	.carousel .rsOverflow {width: 100% !important;}
	#textbox-right-image-left .img-small img {width: 60% !important; margin: -5rem auto 0 auto !Important; justify-content: center; display: flex}
	.g-cols.cols_3 {    grid-template-columns: repeat(3, 1fr) !important;}
	.green-border .g-cols.cols_3  {    grid-template-columns: repeat(2, 1fr) !important;}
	.green-border .g-cols.cols_2 {    grid-template-columns: repeat(2, 1fr) !important;}
	.green-border .wpb_column.vc_column_container:nth-of-type(3) {left: 50%}
    .l-header {
        position: relative;
        z-index: 88 !important;
        width: 100%;
    }
	
	
	
	.leistungen .cols_3 {--gap: 0.2rem !important; margin-top: 1rem !important}
	a.leistungen {font-size: 1.2rem !important;} 
.infobox { padding: 2rem}
    .w-nav-anchor.level_1 a:not(.w-btn), .l-header a:not(.w-btn) {
        font-weight: 600 !important;
        font-size: 1.15rem !important;
    }
	.us_custom_f3373229 {width: 100% !important;}
	.w-grid-item {--gap: 1rem}
	.gutscheinbox .vc_column-inner, .gutscheinbox .g-cols {padding: 1rem !important; width: 100%  !important;}
	.pt-11, .pt-5, .pt-7 {padding-left: 1rem !important;
        padding-right:1rem !important; margin: 0rem 1rem !important;  padding-top: 2rem !important;}
	.sliderbox h2 span {font-size: 5rem !Important;}
	.image-shadow.align_left {margin-left: 1rem !important;}
	.grey-box.left, .grey-box.right {margin-left: 1rem !Important; margin-right: 1rem !Important; width: 95% !important; margin-top: 0rem !important;}
	.grey-box.left {margin-bottom: 6rem !important;}
}

/* Media Queries für Bildschirmgrößen ab 1280px */
@media (min-width: 1280px) {
    .l-subheader-h {
        padding-left: 95px !important;
        padding-right: 95px !important;
    }
}

    @media screen and (min-width: 1280px) and (max-width: 1500px) {
    .w-nav-anchor.level_1 a:not(.w-btn), .l-header a:not(.w-btn) {
        font-weight: 600 !important;
        font-size: 1.15rem !important;
        }}
    
 
    
    @media (min-width: 769px) and (max-width: 1279px) {
      .l-header {
        position: relative;
        z-index: 88 !important;
        width: 100%;
      }
    }