/*! eifel, Compiled at 2021-07-13 07:22:09 */
/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage base
 * @author     bruetsch
 * @since      17.11.2015
 * @version    $Id$
 **/
/*  =========================================================
Bebas Neue Bold
Bebas Neue Regular
Bebas Neue Book

Source Sans Pro Light
Source Sans Pro Regular
Source Sans Pro Semibold
Source Sans Pro Semibold Italic
Source Sans Pro Black
Source Sans Pro Black Italic
========================================================== */
/*  =========================================================
Bebas Neue Bold
========================================================= */
@font-face {
  font-family: 'BebasNeue';
  font-display: swap;
  src: url('../fonts/bebasNeue/bold/bebasneue_bold-webfont.86c02344.eot');
  src: url('../fonts/bebasNeue/bold/bebasneue_bold-webfont.86c02344.eot?#iefix') format('embedded-opentype'), url('../fonts/bebasNeue/bold/bebasneue_bold-webfont.44d8cf92.woff2') format('woff2'), url('../fonts/bebasNeue/bold/bebasneue_bold-webfont.2c8d76ff.woff') format('woff'), url('../fonts/bebasNeue/bold/bebasneue_bold-webfont.29ad1bd5.ttf') format('truetype'), url('../fonts/bebasNeue/bold/bebasneue_bold-webfont.0597167b.svg#bebas_neuebold') format('svg');
  font-weight: 700;
  font-style: normal;
}
/*  =========================================================
Bebas Neue Regular
========================================================= */
@font-face {
  font-family: 'BebasNeue';
  font-display: swap;
  src: url('../fonts/bebasNeue/regular/bebasneue_regular-webfont.00b888be.eot');
  src: url('../fonts/bebasNeue/regular/bebasneue_regular-webfont.00b888be.eot?#iefix') format('embedded-opentype'), url('../fonts/bebasNeue/regular/bebasneue_regular-webfont.cca2114d.woff2') format('woff2'), url('../fonts/bebasNeue/regular/bebasneue_regular-webfont.e969224e.woff') format('woff'), url('../fonts/bebasNeue/regular/bebasneue_regular-webfont.74043d3c.ttf') format('truetype'), url('../fonts/bebasNeue/regular/bebasneue_regular-webfont.50a58a3a.svg#bebas_neueregular') format('svg');
  font-weight: 400;
  font-style: normal;
}
/*  =========================================================
Bebas Neue Book
========================================================= */
@font-face {
  font-family: 'BebasNeue';
  font-display: swap;
  src: url('../fonts/bebasNeue/book/bebasneue_book-webfont.167b929a.eot');
  src: url('../fonts/bebasNeue/book/bebasneue_book-webfont.167b929a.eot?#iefix') format('embedded-opentype'), url('../fonts/bebasNeue/book/bebasneue_book-webfont.41871052.woff2') format('woff2'), url('../fonts/bebasNeue/book/bebasneue_book-webfont.959a9b2b.woff') format('woff'), url('../fonts/bebasNeue/book/bebasneue_book-webfont.c94c8291.ttf') format('truetype'), url('../fonts/bebasNeue/book/bebasneue_book-webfont.a7f2b8e2.svg#bebas_neuebook') format('svg');
  font-weight: 300;
  font-style: normal;
}
/*  =========================================================
Source Sans Pro Light
========================================================= */
@font-face {
  font-family: 'SourceSansPro';
  font-display: swap;
  src: url('../fonts/sourceSansPro/light/sourcesanspro-light-webfont.f2651cd7.eot');
  src: url('../fonts/sourceSansPro/light/sourcesanspro-light-webfont.f2651cd7.eot?#iefix') format('embedded-opentype'), url('../fonts/sourceSansPro/light/sourcesanspro-light-webfont.db121639.woff2') format('woff2'), url('../fonts/sourceSansPro/light/sourcesanspro-light-webfont.d2d8067e.woff') format('woff'), url('../fonts/sourceSansPro/light/sourcesanspro-light-webfont.28bf979e.ttf') format('truetype'), url('../fonts/sourceSansPro/light/sourcesanspro-light-webfont.bb8ddbcc.svg#source_sans_prolight') format('svg');
  font-weight: 300;
  font-style: normal;
}
/*  =========================================================
Source Sans Pro Regular
========================================================= */
@font-face {
  font-family: 'SourceSansPro';
  font-display: swap;
  src: url('../fonts/sourceSansPro/regular/sourcesanspro-regular-webfont.94586051.eot');
  src: url('../fonts/sourceSansPro/regular/sourcesanspro-regular-webfont.94586051.eot?#iefix') format('embedded-opentype'), url('../fonts/sourceSansPro/regular/sourcesanspro-regular-webfont.cb9ea62e.woff2') format('woff2'), url('../fonts/sourceSansPro/regular/sourcesanspro-regular-webfont.df4befb9.woff') format('woff'), url('../fonts/sourceSansPro/regular/sourcesanspro-regular-webfont.1da02abe.ttf') format('truetype'), url('../fonts/sourceSansPro/regular/sourcesanspro-regular-webfont.f5d144f3.svg#source_sans_proregular') format('svg');
  font-weight: 400;
  font-style: normal;
}
/*  =========================================================
Source Sans Pro Semibold
========================================================= */
@font-face {
  font-family: 'SourceSansPro';
  font-display: swap;
  src: url('../fonts/sourceSansPro/semibold/sourcesanspro-semibold-webfont.228045cf.eot');
  src: url('../fonts/sourceSansPro/semibold/sourcesanspro-semibold-webfont.228045cf.eot?#iefix') format('embedded-opentype'), url('../fonts/sourceSansPro/semibold/sourcesanspro-semibold-webfont.02af98a8.woff2') format('woff2'), url('../fonts/sourceSansPro/semibold/sourcesanspro-semibold-webfont.af0563de.woff') format('woff'), url('../fonts/sourceSansPro/semibold/sourcesanspro-semibold-webfont.d1bc4e2d.ttf') format('truetype'), url('../fonts/sourceSansPro/semibold/sourcesanspro-semibold-webfont.829479ac.svg#source_sans_prosemibold') format('svg');
  font-weight: 500;
  font-style: normal;
}
/*  =========================================================
Source Sans Pro Semibold Italic
========================================================= */
@font-face {
  font-family: 'SourceSansPro';
  font-display: swap;
  src: url('../fonts/sourceSansPro/semiboldit/sourcesanspro-semiboldit-webfont.82d70736.eot');
  src: url('../fonts/sourceSansPro/semiboldit/sourcesanspro-semiboldit-webfont.82d70736.eot?#iefix') format('embedded-opentype'), url('../fonts/sourceSansPro/semiboldit/sourcesanspro-semiboldit-webfont.654440fd.woff2') format('woff2'), url('../fonts/sourceSansPro/semiboldit/sourcesanspro-semiboldit-webfont.23474506.woff') format('woff'), url('../fonts/sourceSansPro/semiboldit/sourcesanspro-semiboldit-webfont.0fa49d67.ttf') format('truetype'), url('../fonts/sourceSansPro/semiboldit/sourcesanspro-semiboldit-webfont.c49ba411.svg#source_sans_proSBdIt') format('svg');
  font-weight: 500;
  font-style: italic;
}
/*  =========================================================
Source Sans Pro Black
========================================================= */
@font-face {
  font-family: 'SourceSansPro';
  font-display: swap;
  src: url('../fonts/sourceSansPro/black/sourcesanspro-black-webfont.2f2d99ca.eot');
  src: url('../fonts/sourceSansPro/black/sourcesanspro-black-webfont.2f2d99ca.eot?#iefix') format('embedded-opentype'), url('../fonts/sourceSansPro/black/sourcesanspro-black-webfont.ed32a9f9.woff2') format('woff2'), url('../fonts/sourceSansPro/black/sourcesanspro-black-webfont.822f8317.woff') format('woff'), url('../fonts/sourceSansPro/black/sourcesanspro-black-webfont.6ad43bee.ttf') format('truetype'), url('../fonts/sourceSansPro/black/sourcesanspro-black-webfont.9b9be636.svg#source_sans_problack') format('svg');
  font-weight: 800;
  font-style: normal;
}
/*  =========================================================
Source Sans Pro Black Italic
========================================================= */
@font-face {
  font-family: 'SourceSansPro';
  font-display: swap;
  src: url('../fonts/sourceSansPro/blackit/sourcesanspro-blackit-webfont.b367b7cf.eot');
  src: url('../fonts/sourceSansPro/blackit/sourcesanspro-blackit-webfont.b367b7cf.eot?#iefix') format('embedded-opentype'), url('../fonts/sourceSansPro/blackit/sourcesanspro-blackit-webfont.cab80975.woff2') format('woff2'), url('../fonts/sourceSansPro/blackit/sourcesanspro-blackit-webfont.a7dd76fc.woff') format('woff'), url('../fonts/sourceSansPro/blackit/sourcesanspro-blackit-webfont.7f60cdb8.ttf') format('truetype'), url('../fonts/sourceSansPro/blackit/ourcesanspro-blackit-webfont.svg#source_sans_problack_italic') format('svg');
  font-weight: 800;
  font-style: italic;
}

/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage base
 * @author     bruetsch
 * @since      17.11.2015
 * @version    $Id$
 **/
/*  =========================================================
basic config
general structure setup
general font setup
tools
ghostbuttons
cookie
========================================================== */
/*  =========================================================
basic config
========================================================= */
/*eifel tourismus colors*/
/*dimensions*/
/*percentage dimensions*/
/*percentage margins*/
/*vertical aligns*/
.verticalAlignHelper {
  display: inline-block;
  vertical-align: middle;
  width: 0px;
  height: 100%;
  margin: 0px;
}
/*  =========================================================
general structure setup
========================================================= */
@media screen {
  html {
    height: auto;
    font-size: 16px;
    background: #bbc0af;
    overflow-x: hidden;
    overscroll-behavior: none;
  }
  html,
  body {
    margin: 0px;
    border: 0px;
    padding: 0px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  html.page--centered {
    text-align: center;
  }
  body {
    overflow: hidden;
  }
  body.modules--parallax {
    position: relative;
    height: 100vh;
  }
  body.modules--parallax--safari {
    top: 0;
    -webkit-transition: top 250ms ease;
    transition: top 250ms ease;
  }
  main {
    width: 100%;
    margin: 0px auto;
    text-align: left;
    background-color: #fff;
  }
  main:not(#fullMap) {
    display: inline-block;
    max-width: 1680px;
  }
  main#fullMap {
    display: block;
    height: 100vh;
  }
  a > img {
    border: 0px none;
  }
  hr {
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0px;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid;
  }
}
/*  =========================================================
general font setup
========================================================= */
@media screen {
  strong {
    font: inherit;
  }
  em {
    font: inherit;
  }
  a {
    cursor: pointer;
    color: inherit;
  }
  button {
    cursor: pointer;
  }
}
/*  =========================================================
tools
========================================================= */
@media screen {
  .closing:after,
  .closer {
    content: '';
    clear: both;
    display: block;
    margin: 0px!important;
    padding: 0px!important;
    background: transparent!important;
  }
  .none,
  .hide {
    display: none!important;
  }
  .noMargin {
    margin: 0px !important;
  }
  .noPadding {
    padding: 0px !important;
  }
  .noBorder {
    border: 0px none transparent !important;
  }
  .hidden {
    opacity: 0;
  }
}
/*  =========================================================
ghostbuttons
========================================================= */
/* default settings */
@media screen {
  .ghost-button {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 62px;
    max-width: 100%;
    font: 400 22px/30px 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    background-color: transparent;
    margin: 0px 10px 10px 0px;
    border: 3px solid;
    margin-left: 1px;
  }
}
@media screen and (max-width: 1400px) {
  .ghost-button {
    border-width: 2px;
    height: 56px;
    padding: 0px 21px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 26px;
  }
}
/* inline icon */
@media screen {
  .ghost-button > [class*='icon-'] {
    position: absolute;
    right: 20px;
    top: 0px;
    font-size: 30px;
    line-height: 60px;
    color: inherit;
  }
}
@media screen and (max-width: 1400px) {
  .ghost-button > [class*='icon-'] {
    font-size: 23px;
    line-height: 50px;
  }
}
/* version with icon or no icon */
@media screen {
  .ghost-button:not(.ghost-button--noIcon) {
    padding: 14px 80px 14px 20px;
  }
  .ghost-button.ghost-button--noIcon {
    padding: 14px 20px 14px 20px;
  }
}
/* gray or white version */
@media screen {
  .ghost-button {
    color: #fff;
    border-color: #fff;
  }
  .ghost-button.ghost-button--grey {
    color: #545454;
    border-color: #545454;
  }
  .ghost-button.ghost-button--brown {
    color: #fff;
    background: #8e947d;
    border-color: #8e947d;
  }
}
/* smaller text inlay */
@media screen {
  .ghost-button > small {
    font: 400 14px 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;
    margin-left: 7px;
  }
}
/*  =========================================================
disable scrolling
========================================================= */
@media screen {
  .disableScrolling {
    overflow: hidden!important;
  }
}
/*  =========================================================
cookie
========================================================= */
@media screen {
  .cc_container .cc_btn,
  .cc_container .cc_btn:visited {
    background-color: #8e947d !important;
    color: #f8f8f8 !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
  }
  .cc_container {
    color: #545454 !important;
    font: 400 18px 'SourceSansPro', 'Arial', 'Helvetica', sans-serif !important;
    border: none !important;
  }
  p.cc_message {
    text-align: left !important;
  }
  .cc_container a,
  .cc_container a:visited {
    color: #8e947d !important;
  }
}
/*  =========================================================
tosc5
========================================================= */
.tosc5App {
  padding-top: 80px;
  min-height: 100vh;
}
@media (min-width: 1000px) {
  .tosc5App {
    padding-top: 140px;
  }
}
html.-state-noScroll,
html.-state-noScroll > body {
  overflow-y: hidden;
}

/**
 * Eifel
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2016 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @author     Benjamin Hofmann <hofmann@infomax-it.de>
 * @since      2016-04-16
 * @version    $$Id$$
 **/
/**

Navigation:
A. keyframes (outside mediaquery for IE)
B. loading animation

**/
/*  =========================================================
keyframes (outside mediaquery for IE))
========================================================= */
@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
/*  =========================================================
loading animation
========================================================= */
@media screen {
  .fullMap__infoBoard__loadingAnimation,
  .listFilter__offcanvas__loadingAnimation,
  .listFilter__dropdown_options__loadingAnimation,
  .contentForm__form__loadingAnimation {
    top: 0;
    z-index: 10;
    display: none;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
  }
  .fullMap__infoBoard__loadingAnimation {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .listFilter__offcanvas__loadingAnimation {
    position: fixed;
    right: 0;
  }
  .listFilter__dropdown_options__loadingAnimation,
  .contentForm__form__loadingAnimation {
    position: absolute;
    left: 0;
    width: 100%;
  }
  .fullMap__infoBoard__loadingAnimation--active,
  .loadingAnimation--active {
    display: block;
  }
  #listFilter__offcanvas__opener:not(:checked) ~ .listFilter__offcanvas__area .listFilter__offcanvas__loadingAnimation {
    display: none;
  }
  .uil-ripple-css {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 300px;
    margin: -150px 0 0 -150px;
    background: none;
  }
  .uil-ripple-css div {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    border-width: 10px;
    border-style: solid;
    -webkit-animation: uil-ripple 1.75s ease-out infinite;
    animation: uil-ripple 1.75s ease-out infinite;
  }
  .uil-ripple-css div:nth-of-type(1) {
    border-color: #545454;
  }
  .uil-ripple-css div:nth-of-type(2) {
    border-color: #8e947d;
    -webkit-animation-delay: 0.875s;
    animation-delay: 0.875s;
  }
}
/*! eifel, Compiled at 2021-07-13 07:22:09 */
/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage grid
 * @author     bruetsch
 * @since      17.11.2015
 * @version    $Id$
 **/
/*  =========================================================
horizontal grid
vertical grid
========================================================== */
/*  =========================================================
horizontal grid
========================================================= */
@media screen {
  .h-wrapper {
    max-width: 1680px;
    width: 100%;
    margin: 0px auto;
    text-align: left;
    background-color: #fff;
    display: block;
  }
  [class*='h-grid'] {
    clear: both;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  [class*='h-element'] {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
  }
  .h-grid {
    width: 100%;
    padding-left: 5.35714286%;
    padding-right: 5.35714286%;
  }
  .h-grid [class*='h-element'] {
    margin-left: 0.66666667%;
    margin-right: 0.66666667%;
  }
}
/*  =========================================================
vertical grid
========================================================= */
@media screen {
  .v-grid {
    margin-bottom: 70px;
  }
  .v-element {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 900px) {
  .v-grid {
    margin-bottom: 30px;
  }
  .v-element {
    padding-bottom: 50px;
  }
}

/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage grid
 * @author     bruetsch
 * @since      17.10.2015
 * @version    $Id$
 **/
/*  =========================================================
grid elements
grid offsets
========================================================== */
/*  =========================================================
grid elements
========================================================= */
@media screen {
  .h-wrapper .h-element-0 {
    display: none;
  }
  .h-wrapper .h-element-1 {
    width: 8.33333333%;
  }
  .h-wrapper .h-element-2 {
    width: 16.66666667%;
  }
  .h-wrapper .h-element-3 {
    width: 25%;
  }
  .h-wrapper .h-element-4 {
    width: 33.33333333%;
  }
  .h-wrapper .h-element-5 {
    width: 41.66666667%;
  }
  .h-wrapper .h-element-6 {
    width: 50%;
  }
  .h-wrapper .h-element-7 {
    width: 58.33333333%;
  }
  .h-wrapper .h-element-8 {
    width: 66.66666667%;
  }
  .h-wrapper .h-element-9 {
    width: 75%;
  }
  .h-wrapper .h-element-10 {
    width: 83.33333333%;
  }
  .h-wrapper .h-element-11 {
    width: 91.66666667%;
  }
  .h-wrapper .h-element-12 {
    width: 100%;
  }
  .h-grid .h-element-0 {
    display: none;
  }
  .h-grid .h-element-1 {
    width: 7%;
  }
  .h-grid .h-element-2 {
    width: 15.33333333%;
  }
  .h-grid .h-element-3 {
    width: 23.66666667%;
  }
  .h-grid .h-element-4 {
    width: 32%;
  }
  .h-grid .h-element-5 {
    width: 40.33333333%;
  }
  .h-grid .h-element-6 {
    width: 48.66666667%;
  }
  .h-grid .h-element-7 {
    width: 57%;
  }
  .h-grid .h-element-8 {
    width: 65.33333333%;
  }
  .h-grid .h-element-9 {
    width: 73.66666667%;
  }
  .h-grid .h-element-10 {
    width: 82%;
  }
  .h-grid .h-element-11 {
    width: 90.33333333%;
  }
  .h-grid .h-element-12 {
    width: 98.66666667%;
  }
}
/*  =========================================================
grid offsets
========================================================= */
@media screen {
  .h-wrapper .h-offset-0 {
    margin-left: 0%;
  }
  .h-wrapper .h-offset-1 {
    margin-left: 8.33333333%;
  }
  .h-wrapper .h-offset-2 {
    margin-left: 16.66666667%;
  }
  .h-wrapper .h-offset-3 {
    margin-left: 25%;
  }
  .h-wrapper .h-offset-4 {
    margin-left: 33.33333333%;
  }
  .h-wrapper .h-offset-5 {
    margin-left: 41.66666667%;
  }
  .h-wrapper .h-offset-6 {
    margin-left: 50%;
  }
  .h-wrapper .h-offset-7 {
    margin-left: 58.33333333%;
  }
  .h-wrapper .h-offset-8 {
    margin-left: 66.66666667%;
  }
  .h-wrapper .h-offset-9 {
    margin-left: 75%;
  }
  .h-wrapper .h-offset-10 {
    margin-left: 83.33333333%;
  }
  .h-wrapper .h-offset-11 {
    margin-left: 91.66666667%;
  }
  .h-wrapper .h-offset-12 {
    margin-left: 100%;
  }
  .h-grid .h-offset-0 {
    margin-left: 0%;
  }
  .h-grid .h-offset-1 {
    margin-left: 7%;
  }
  .h-grid .h-offset-2 {
    margin-left: 15.33333333%;
  }
  .h-grid .h-offset-3 {
    margin-left: 23.66666667%;
  }
  .h-grid .h-offset-4 {
    margin-left: 32%;
  }
  .h-grid .h-offset-5 {
    margin-left: 40.33333333%;
  }
  .h-grid .h-offset-6 {
    margin-left: 48.66666667%;
  }
  .h-grid .h-offset-7 {
    margin-left: 57%;
  }
  .h-grid .h-offset-8 {
    margin-left: 65.33333333%;
  }
  .h-grid .h-offset-9 {
    margin-left: 73.66666667%;
  }
  .h-grid .h-offset-10 {
    margin-left: 82%;
  }
  .h-grid .h-offset-11 {
    margin-left: 90.33333333%;
  }
  .h-grid .h-offset-12 {
    margin-left: 98.66666667%;
  }
}

/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage grid
 * @author     bruetsch
 * @since      17.10.2015
 * @version    $Id$
 **/
/*  =========================================================
grid elements
grid offsets
========================================================== */
/*  =========================================================
grid elements
========================================================= */
@media screen and (max-width: 1400px) {
  .h-wrapper .h-element-md-0 {
    display: none;
  }
  .h-wrapper .h-element-md-1 {
    width: 8.33333333%;
  }
  .h-wrapper .h-element-md-2 {
    width: 16.66666667%;
  }
  .h-wrapper .h-element-md-3 {
    width: 25%;
  }
  .h-wrapper .h-element-md-4 {
    width: 33.33333333%;
  }
  .h-wrapper .h-element-md-5 {
    width: 41.66666667%;
  }
  .h-wrapper .h-element-md-6 {
    width: 50%;
  }
  .h-wrapper .h-element-md-7 {
    width: 58.33333333%;
  }
  .h-wrapper .h-element-md-8 {
    width: 66.66666667%;
  }
  .h-wrapper .h-element-md-9 {
    width: 75%;
  }
  .h-wrapper .h-element-md-10 {
    width: 83.33333333%;
  }
  .h-wrapper .h-element-md-11 {
    width: 91.66666667%;
  }
  .h-wrapper .h-element-md-12 {
    width: 100%;
  }
  .h-grid .h-element-md-0 {
    display: none;
  }
  .h-grid .h-element-md-1 {
    width: 7%;
  }
  .h-grid .h-element-md-2 {
    width: 15.33333333%;
  }
  .h-grid .h-element-md-3 {
    width: 23.66666667%;
  }
  .h-grid .h-element-md-4 {
    width: 32%;
  }
  .h-grid .h-element-md-5 {
    width: 40.33333333%;
  }
  .h-grid .h-element-md-6 {
    width: 48.66666667%;
  }
  .h-grid .h-element-md-7 {
    width: 57%;
  }
  .h-grid .h-element-md-8 {
    width: 65.33333333%;
  }
  .h-grid .h-element-md-9 {
    width: 73.66666667%;
  }
  .h-grid .h-element-md-10 {
    width: 82%;
  }
  .h-grid .h-element-md-11 {
    width: 90.33333333%;
  }
  .h-grid .h-element-md-12 {
    width: 98.66666667%;
  }
}
/*  =========================================================
grid offsets
========================================================= */
@media screen and (max-width: 1400px) {
  .h-wrapper .h-offset-md-0 {
    margin-left: 0%;
  }
  .h-wrapper .h-offset-md-1 {
    margin-left: 8.33333333%;
  }
  .h-wrapper .h-offset-md-2 {
    margin-left: 16.66666667%;
  }
  .h-wrapper .h-offset-md-3 {
    margin-left: 25%;
  }
  .h-wrapper .h-offset-md-4 {
    margin-left: 33.33333333%;
  }
  .h-wrapper .h-offset-md-5 {
    margin-left: 41.66666667%;
  }
  .h-wrapper .h-offset-md-6 {
    margin-left: 50%;
  }
  .h-wrapper .h-offset-md-7 {
    margin-left: 58.33333333%;
  }
  .h-wrapper .h-offset-md-8 {
    margin-left: 66.66666667%;
  }
  .h-wrapper .h-offset-md-9 {
    margin-left: 75%;
  }
  .h-wrapper .h-offset-md-10 {
    margin-left: 83.33333333%;
  }
  .h-wrapper .h-offset-md-11 {
    margin-left: 91.66666667%;
  }
  .h-wrapper .h-offset-md-12 {
    margin-left: 100%;
  }
  .h-grid .h-offset-md-0 {
    margin-left: 0%;
  }
  .h-grid .h-offset-md-1 {
    margin-left: 7%;
  }
  .h-grid .h-offset-md-2 {
    margin-left: 15.33333333%;
  }
  .h-grid .h-offset-md-3 {
    margin-left: 23.66666667%;
  }
  .h-grid .h-offset-md-4 {
    margin-left: 32%;
  }
  .h-grid .h-offset-md-5 {
    margin-left: 40.33333333%;
  }
  .h-grid .h-offset-md-6 {
    margin-left: 48.66666667%;
  }
  .h-grid .h-offset-md-7 {
    margin-left: 57%;
  }
  .h-grid .h-offset-md-8 {
    margin-left: 65.33333333%;
  }
  .h-grid .h-offset-md-9 {
    margin-left: 73.66666667%;
  }
  .h-grid .h-offset-md-10 {
    margin-left: 82%;
  }
  .h-grid .h-offset-md-11 {
    margin-left: 90.33333333%;
  }
  .h-grid .h-offset-md-12 {
    margin-left: 98.66666667%;
  }
}

/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage grid
 * @author     bruetsch
 * @since      17.10.2015
 * @version    $Id$
 **/
/*  =========================================================
grid elements
grid offsets
========================================================== */
/*  =========================================================
grid elements
========================================================= */
@media screen and (max-width: 1000px) {
  .h-wrapper .h-element-sm-0 {
    display: none;
  }
  .h-wrapper .h-element-sm-1 {
    width: 8.33333333%;
  }
  .h-wrapper .h-element-sm-2 {
    width: 16.66666667%;
  }
  .h-wrapper .h-element-sm-3 {
    width: 25%;
  }
  .h-wrapper .h-element-sm-4 {
    width: 33.33333333%;
  }
  .h-wrapper .h-element-sm-5 {
    width: 41.66666667%;
  }
  .h-wrapper .h-element-sm-6 {
    width: 50%;
  }
  .h-wrapper .h-element-sm-7 {
    width: 58.33333333%;
  }
  .h-wrapper .h-element-sm-8 {
    width: 66.66666667%;
  }
  .h-wrapper .h-element-sm-9 {
    width: 75%;
  }
  .h-wrapper .h-element-sm-10 {
    width: 83.33333333%;
  }
  .h-wrapper .h-element-sm-11 {
    width: 91.66666667%;
  }
  .h-wrapper .h-element-sm-12 {
    width: 100%;
  }
  .h-grid .h-element-sm-0 {
    display: none;
  }
  .h-grid .h-element-sm-1 {
    width: 7%;
  }
  .h-grid .h-element-sm-2 {
    width: 15.33333333%;
  }
  .h-grid .h-element-sm-3 {
    width: 23.66666667%;
  }
  .h-grid .h-element-sm-4 {
    width: 32%;
  }
  .h-grid .h-element-sm-5 {
    width: 40.33333333%;
  }
  .h-grid .h-element-sm-6 {
    width: 48.66666667%;
  }
  .h-grid .h-element-sm-7 {
    width: 57%;
  }
  .h-grid .h-element-sm-8 {
    width: 65.33333333%;
  }
  .h-grid .h-element-sm-9 {
    width: 73.66666667%;
  }
  .h-grid .h-element-sm-10 {
    width: 82%;
  }
  .h-grid .h-element-sm-11 {
    width: 90.33333333%;
  }
  .h-grid .h-element-sm-12 {
    width: 98.66666667%;
  }
}
/*  =========================================================
grid offsets
========================================================= */
@media screen and (max-width: 1000px) {
  .h-wrapper .h-offset-sm-0 {
    margin-left: 0%;
  }
  .h-wrapper .h-offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .h-wrapper .h-offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .h-wrapper .h-offset-sm-3 {
    margin-left: 25%;
  }
  .h-wrapper .h-offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .h-wrapper .h-offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .h-wrapper .h-offset-sm-6 {
    margin-left: 50%;
  }
  .h-wrapper .h-offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .h-wrapper .h-offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .h-wrapper .h-offset-sm-9 {
    margin-left: 75%;
  }
  .h-wrapper .h-offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .h-wrapper .h-offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .h-wrapper .h-offset-sm-12 {
    margin-left: 100%;
  }
  .h-grid .h-offset-sm-0 {
    margin-left: 0%;
  }
  .h-grid .h-offset-sm-1 {
    margin-left: 7%;
  }
  .h-grid .h-offset-sm-2 {
    margin-left: 15.33333333%;
  }
  .h-grid .h-offset-sm-3 {
    margin-left: 23.66666667%;
  }
  .h-grid .h-offset-sm-4 {
    margin-left: 32%;
  }
  .h-grid .h-offset-sm-5 {
    margin-left: 40.33333333%;
  }
  .h-grid .h-offset-sm-6 {
    margin-left: 48.66666667%;
  }
  .h-grid .h-offset-sm-7 {
    margin-left: 57%;
  }
  .h-grid .h-offset-sm-8 {
    margin-left: 65.33333333%;
  }
  .h-grid .h-offset-sm-9 {
    margin-left: 73.66666667%;
  }
  .h-grid .h-offset-sm-10 {
    margin-left: 82%;
  }
  .h-grid .h-offset-sm-11 {
    margin-left: 90.33333333%;
  }
  .h-grid .h-offset-sm-12 {
    margin-left: 98.66666667%;
  }
}

/**
 * Eifel Tourityus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage grid
 * @author     lange
 * @since      24.10.2015
 * @version    $Id$
 **/
/*  =========================================================
grid elements
grid offsets
========================================================== */
/*  =========================================================
grid elements
========================================================= */
@media screen and (max-width: 600px) {
  .h-wrapper .h-element-ty-0 {
    display: none;
  }
  .h-wrapper .h-element-ty-1 {
    width: 8.33333333%;
  }
  .h-wrapper .h-element-ty-2 {
    width: 16.66666667%;
  }
  .h-wrapper .h-element-ty-3 {
    width: 25%;
  }
  .h-wrapper .h-element-ty-4 {
    width: 33.33333333%;
  }
  .h-wrapper .h-element-ty-5 {
    width: 41.66666667%;
  }
  .h-wrapper .h-element-ty-6 {
    width: 50%;
  }
  .h-wrapper .h-element-ty-7 {
    width: 58.33333333%;
  }
  .h-wrapper .h-element-ty-8 {
    width: 66.66666667%;
  }
  .h-wrapper .h-element-ty-9 {
    width: 75%;
  }
  .h-wrapper .h-element-ty-10 {
    width: 83.33333333%;
  }
  .h-wrapper .h-element-ty-11 {
    width: 91.66666667%;
  }
  .h-wrapper .h-element-ty-12 {
    width: 100%;
  }
  .h-grid .h-element-ty-0 {
    display: none;
  }
  .h-grid .h-element-ty-1 {
    width: 7%;
  }
  .h-grid .h-element-ty-2 {
    width: 15.33333333%;
  }
  .h-grid .h-element-ty-3 {
    width: 23.66666667%;
  }
  .h-grid .h-element-ty-4 {
    width: 32%;
  }
  .h-grid .h-element-ty-5 {
    width: 40.33333333%;
  }
  .h-grid .h-element-ty-6 {
    width: 48.66666667%;
  }
  .h-grid .h-element-ty-7 {
    width: 57%;
  }
  .h-grid .h-element-ty-8 {
    width: 65.33333333%;
  }
  .h-grid .h-element-ty-9 {
    width: 73.66666667%;
  }
  .h-grid .h-element-ty-10 {
    width: 82%;
  }
  .h-grid .h-element-ty-11 {
    width: 90.33333333%;
  }
  .h-grid .h-element-ty-12 {
    width: 98.66666667%;
  }
}
/*  =========================================================
grid offsets
========================================================= */
@media screen and (max-width: 600px) {
  .h-grid .h-offset-ty-0 {
    margin-left: 0%;
  }
  .h-grid .h-offset-ty-1 {
    margin-left: 7%;
  }
  .h-grid .h-offset-ty-2 {
    margin-left: 15.33333333%;
  }
  .h-grid .h-offset-ty-3 {
    margin-left: 23.66666667%;
  }
  .h-grid .h-offset-ty-4 {
    margin-left: 32%;
  }
  .h-grid .h-offset-ty-5 {
    margin-left: 40.33333333%;
  }
  .h-grid .h-offset-ty-6 {
    margin-left: 48.66666667%;
  }
  .h-grid .h-offset-ty-7 {
    margin-left: 57%;
  }
  .h-grid .h-offset-ty-8 {
    margin-left: 65.33333333%;
  }
  .h-grid .h-offset-ty-9 {
    margin-left: 73.66666667%;
  }
  .h-grid .h-offset-ty-10 {
    margin-left: 82%;
  }
  .h-grid .h-offset-ty-11 {
    margin-left: 90.33333333%;
  }
  .h-grid .h-offset-ty-12 {
    margin-left: 98.66666667%;
  }
  .h-wrapper .h-offset-ty-0 {
    margin-left: 0%;
  }
  .h-wrapper .h-offset-ty-1 {
    margin-left: 8.33333333%;
  }
  .h-wrapper .h-offset-ty-2 {
    margin-left: 16.66666667%;
  }
  .h-wrapper .h-offset-ty-3 {
    margin-left: 25%;
  }
  .h-wrapper .h-offset-ty-4 {
    margin-left: 33.33333333%;
  }
  .h-wrapper .h-offset-ty-5 {
    margin-left: 41.66666667%;
  }
  .h-wrapper .h-offset-ty-6 {
    margin-left: 50%;
  }
  .h-wrapper .h-offset-ty-7 {
    margin-left: 58.33333333%;
  }
  .h-wrapper .h-offset-ty-8 {
    margin-left: 66.66666667%;
  }
  .h-wrapper .h-offset-ty-9 {
    margin-left: 75%;
  }
  .h-wrapper .h-offset-ty-10 {
    margin-left: 83.33333333%;
  }
  .h-wrapper .h-offset-ty-11 {
    margin-left: 91.66666667%;
  }
  .h-wrapper .h-offset-ty-12 {
    margin-left: 100%;
  }
}
/*! eifel, Compiled at 2021-06-16 10:22:39 */
/*Naturwanderpark color*/
/*Logo*/
body #pageHeader__logo {
  background-color: #f8f8f8;
  width: 206px;
  height: 120px;
}
body #pageHeader__logo > img {
  margin: 12px auto;
  width: 185px;
}
@media screen and (max-width: 1400px) {
  body #pageHeader__logo {
    width: 150px;
    height: 80px;
  }
  body #pageHeader__logo > img {
    margin: 8px auto;
    width: 125px;
  }
}
/*! eifel, Compiled at 2021-07-13 07:22:09 */
/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage pageHeader
 * @author     bruetsch
 * @since      25.11.2015
 * @version    $Id$
 **/
/*  =========================================================
general structure list
general structure list elements
links n' labels
hidden checkbox - for opening states
========================================================= */
/*  =========================================================
general structure list
========================================================= */
@media screen {
  #pageHeader__navigation__functions {
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
  }
}
/* hide functions on small screens */
@media screen and (max-width: 1000px) {
  #pageHeader__navigation:not(.pageHeader__navigation--mapLegend) #pageHeader__navigation__functions {
    display: none;
  }
}
/* folded state - bottom fixed position */
@media screen {
  #pageHeader__navigation__menuSwitch:checked + #pageHeader__navigation > #pageHeader__navigationWrapper > #pageHeader__navigation__functions {
    display: block;
    width: 94.04761905%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 5;
    text-align: center;
    background-color: #8e947d;
  }
}
@media screen and (min-width: 1001px) {
  #pageHeader__navigation__menuSwitch:checked + #pageHeader__navigation > #pageHeader__navigationWrapper > #pageHeader__navigation__functions {
    width: 50%;
  }
}
@media screen and (min-width: 1401px) {
  #pageHeader__navigation__menuSwitch:checked + #pageHeader__navigation > #pageHeader__navigationWrapper > #pageHeader__navigation__functions {
    width: 33.3%;
  }
}
/*  =========================================================
general structure list elements
========================================================= */
@media screen {
  #pageHeader__navigation__functions > li {
    display: inline-block;
    vertical-align: top;
  }
}
/* folded state - change border styling */
@media screen {
  #pageHeader__navigation__menuSwitch:checked + #pageHeader__navigation > #pageHeader__navigationWrapper > #pageHeader__navigation__functions > li:not(:last-of-type):after {
    height: 35px;
  }
}
/*  =========================================================
links n' labels
========================================================= */
@media screen {
  #pageHeader__navigation__functions > li > a,
  #pageHeader__navigation__functions > li > label {
    position: relative;
    display: block;
    height: 80px;
    padding: 0px 15px;
    font: 700 32px/80px 'BebasNeue', Arial, sans-serif;
    color: #fff;
    background-color: #8e947d;
    cursor: pointer;
    /* icons */
  }
  #pageHeader__navigation__functions > li > a > [class*='icon-'],
  #pageHeader__navigation__functions > li > label > [class*='icon-'] {
    width: 45px;
    font-size: 36px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
  }
}
/* folded state - smaller icons */
@media screen {
  #pageHeader__navigation__menuSwitch:checked + #pageHeader__navigation > #pageHeader__navigationWrapper > #pageHeader__navigation__functions > li > a,
  #pageHeader__navigation__menuSwitch:checked + #pageHeader__navigation > #pageHeader__navigationWrapper > #pageHeader__navigation__functions > li > label {
    height: 45px;
    line-height: 45px;
    /* icons */
  }
  #pageHeader__navigation__menuSwitch:checked + #pageHeader__navigation > #pageHeader__navigationWrapper > #pageHeader__navigation__functions > li > a > [class*='icon-'],
  #pageHeader__navigation__menuSwitch:checked + #pageHeader__navigation > #pageHeader__navigationWrapper > #pageHeader__navigation__functions > li > label > [class*='icon-'] {
    font-size: 24px;
  }
}
/* add separation line */
@media screen {
  #pageHeader__navigation__functions > li:not(:last-of-type) > a:after,
  #pageHeader__navigation__functions > li:not(:last-of-type) > label:after {
    content: '';
    display: block;
    height: 48px;
    width: 0px;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    position: absolute;
    top: 50%;
    margin-top: -24px;
    right: 0px;
  }
}
/* different behavior for links on mapLegend version - grey background and no border */
@media screen {
  #pageHeader__navigation.pageHeader__navigation--mapLegend #pageHeader__navigation__functions > li > a {
    background-color: #545454;
  }
  #pageHeader__navigation.pageHeader__navigation--mapLegend #pageHeader__navigation__functions > li > a:after {
    content: none;
  }
}
@media screen and (max-width: 1000px) and (min-width: 601px) {
  #pageHeader__navigation.pageHeader__navigation--mapLegend #pageHeader__navigation__functions > li > a,
  #pageHeader__navigation.pageHeader__navigation--mapLegend #pageHeader__navigation__functions > li > label {
    height: 60px;
    font-size: 26px;
    line-height: 60px;
  }
  #pageHeader__navigation.pageHeader__navigation--mapLegend #pageHeader__navigation__functions > li > a > [class*='icon-'],
  #pageHeader__navigation.pageHeader__navigation--mapLegend #pageHeader__navigation__functions > li > label > [class*='icon-'] {
    width: 30px;
    font-size: 28px;
  }
}
@media screen and (max-width: 600px) {
  #pageHeader__navigation.pageHeader__navigation--mapLegend #pageHeader__navigation__functions > li > a,
  #pageHeader__navigation.pageHeader__navigation--mapLegend #pageHeader__navigation__functions > li > label {
    height: 50px;
    font-size: 22px;
    line-height: 50px;
  }
  #pageHeader__navigation.pageHeader__navigation--mapLegend #pageHeader__navigation__functions > li > a > [class*='icon-'],
  #pageHeader__navigation.pageHeader__navigation--mapLegend #pageHeader__navigation__functions > li > label > [class*='icon-'] {
    width: 20px;
    font-size: 22px;
  }
}
/*  =========================================================
hidden checkbox - for opening states
========================================================= */
@media screen {
  #pageHeader__navigation__functions > li > [type='checkbox'] {
    position: absolute;
    top: 0px;
    right: 0px;
    opacity: 0;
  }
  /* checked state */
  #pageHeader__navigation__functions > li > [type='checkbox']:checked {
    /* show the content div */
  }
  #pageHeader__navigation__functions > li > [type='checkbox']:checked ~ label {
    background-color: #dddddd;
    color: #545454;
    /* show closer icon on label */
  }
  #pageHeader__navigation__functions > li > [type='checkbox']:checked ~ label > [class*='icon-']:before {
    content: "\e905";
  }
  #pageHeader__navigation__functions > li > [type='checkbox']:checked ~ div,
  #pageHeader__navigation__functions > li > [type='checkbox']:checked ~ ul {
    display: block;
  }
  #pageHeader__navigation.pageHeader__navigation--mapLegend #pageHeader__navigation__functions > li > [type='checkbox']:checked ~ label {
    background-color: #fff;
  }
  /* unchecked state */
  #pageHeader__navigation__functions > li > [type='checkbox']:not(:checked) {
    /* hide the content div */
  }
  #pageHeader__navigation__functions > li > [type='checkbox']:not(:checked) ~ div,
  #pageHeader__navigation__functions > li > [type='checkbox']:not(:checked) ~ ul {
    display: none;
  }
}
/* special behavior for mapLegend offCanvas */
@media screen and (max-width: 600px) {
  #pageHeader__navigation.pageHeader__navigation--mapLegend #pageHeader__navigation__functions > li > #mapLegendSwitch:checked + label {
    position: fixed;
    z-index: 3;
    top: 0px;
    right: 5.95238095%;
    color: #fff;
    background-color: #545454;
  }
}

/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage pageHeader
 * @author     bruetsch
 * @since      23.11.2015
 * @version    $Id$
 **/
/*  =========================================================
main structure
========================================================== */
/*  =========================================================
main structure
========================================================= */
@media screen {
  #pageHeader {
    position: fixed;
    top: -150px;
    z-index: 60;
    width: 100%;
    -webkit-transition: top 0.2s linear;
    transition: top 0.2s linear;
  }
  #pageHeader.sticky {
    top: 0;
  }
  #pageHeader #pageHeader__contentWrapper {
    max-width: 1680px;
    width: 100%;
    margin: 0px auto;
    text-align: left;
    display: block;
    position: relative;
  }
}

/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage pageHeader
 * @author     bruetsch
 * @since      23.11.2015
 * @version    $Id$
 **/
/*  =========================================================
logo
========================================================= */
/*  =========================================================
styling
========================================================== */
@media screen {
  #pageHeader__logo {
    position: absolute;
    z-index: 1;
    background-color: #8e947d;
    width: 140px;
    height: 140px;
    -webkit-box-shadow: 2px 2px 4px rgba(84, 84, 84, 0.5);
    box-shadow: 2px 2px 4px rgba(84, 84, 84, 0.5);
    margin-left: 5.95238095%;
    display: inline-block;
    vertical-align: top;
  }
  #pageHeader__logo > img {
    width: 66px;
    height: auto;
    margin: 12px auto;
    display: block;
  }
  #pageHeader__logo .printLogo {
    display: none;
  }
}
@media screen and (max-width: 1400px) {
  #pageHeader__logo {
    width: 60px;
    height: 80px;
  }
  #pageHeader__logo > img {
    width: 39px;
    margin: 8px auto;
  }
}

/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage pageHeader
 * @author     bruetsch
 * @since      25.11.2015
 * @version    $Id$
 **/
/*  =========================================================
general structure
search form
main search folded
main search folded and offcanvas
========================================================= */
/*  =========================================================
general structure
========================================================= */
@media screen {
  #mainSearch {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
  }
  /* min width for mapversion */
  #pageHeader__navigation:not(.pageHeader__navigation--mapLegend) #mainSearch {
    left: 0;
  }
}
@media screen and (min-width: 601px) {
  #pageHeader__navigation.pageHeader__navigation--mapLegend #mainSearch {
    min-width: 500px;
  }
}
@media screen and (max-width: 600px) {
  #pageHeader__navigation.pageHeader__navigation--mapLegend #mainSearch {
    min-width: 300px;
  }
}
/* folded state */
@media screen {
  #pageHeader__navigation__menuSwitch:checked + #pageHeader__navigation > #pageHeader__navigationWrapper #mainSearch {
    top: auto;
    bottom: 100%;
  }
}
/*  =========================================================
search form
========================================================= */
@media screen {
  #mainSearch > form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 3px solid #545454;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #fff;
  }
}
/* label and input */
@media screen {
  #mainSearch > form > label,
  #mainSearch > form > input {
    padding: 0px;
    height: 57px;
    font: 400 18px/57px 'SourceSansPro', Arial, sans-serif;
    background-color: #dddddd;
    color: #545454;
    -webkit-border-radius: 0px;
    border-radius: 0px;
  }
  #mainSearch > form > label {
    padding-left: 30px;
  }
  #mainSearch > form > input {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding-left: 5px;
    border: 0px;
    outline: none;
  }
  #pageHeader__navigation.pageHeader__navigation--mapLegend #mainSearch > form > label,
  #pageHeader__navigation.pageHeader__navigation--mapLegend #mainSearch > form > input {
    background-color: #fff;
  }
}
/* folded state */
@media screen {
  #pageHeader__navigation #mainSearch > form > label {
    display: none;
  }
  #pageHeader__navigation #mainSearch > form > input {
    padding-left: 30px;
  }
}
/* hide label on smaller screens for map version */
@media screen and (max-width: 1000px) {
  #pageHeader__navigation.pageHeader__navigation--mapLegend #mainSearch > form > label {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  #pageHeader__navigation.pageHeader__navigation--mapLegend #mainSearch > form > label,
  #pageHeader__navigation.pageHeader__navigation--mapLegend #mainSearch > form > input {
    height: 47px;
  }
}
/* button */
@media screen {
  #mainSearch > form > button {
    height: 57px;
    width: 75px;
    border: 0px;
    padding: 0px;
    font-size: 36px;
    background-color: #545454;
    color: #f8f8f8;
  }
}
@media screen and (max-width: 1000px) and (min-width: 601px) {
  #pageHeader__navigation.pageHeader__navigation--mapLegend #mainSearch > form > button {
    width: 60px;
    font-size: 28px;
  }
}
@media screen and (max-width: 600px) {
  #pageHeader__navigation.pageHeader__navigation--mapLegend #mainSearch > form > button {
    height: 47px;
    width: 50px;
    font-size: 22px;
  }
}

/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage pageHeader
 * @author     bruetsch
 * @since      25.11.2015
 * @version    $Id$
 **/
/*  =========================================================
main search suggestions
main search suggestions - folded
main search suggestions - folded and offcanvas
========================================================= */
/*  =========================================================
main search suggestions
========================================================= */
@media screen {
  #mainSearch__input_autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #f8f8f8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 35px 0px 15px 30px;
    color: #545454;
    display: none;
  }
  .mainSearch__suggestions__row {
    display: inline-block;
    width: 33.33333333%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
  }
  .mainSearch__suggestions__row > .type-title {
    font-family: 'BebasNeue', 'Arial', 'Helvetica', sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 26px;
    margin: 0px 0px 30px 0px;
  }
  .mainSearch__suggestions__row > .type-suggest {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 30px 0px 0px;
    margin: 0px;
  }
  .mainSearch__suggestions__row > .type-suggest > div {
    width: 100%;
    font-family: 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;
    font-size: 18px;
    font-weight: 400;
  }
  /* links */
  .mainSearch__suggestions__row > .type-suggest.selected > div {
    color: #8e947d;
    cursor: pointer;
  }
  .mainSearch__suggestions__row > .type-suggest > div > strong {
    font-weight: 800;
    font-style: italic;
  }
  .mainSearch__suggestions__row > .type-suggest > div > span {
    float: right;
    font-size: 12px;
    padding-top: 6px;
  }
  /* imageteaser */
  .mainSearch__suggestions__row article {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 30px 0px 0px;
    position: relative;
    min-height: 100px;
    margin-bottom: 20px;
    cursor: pointer;
  }
  .mainSearch__suggestions__row .imageContainer,
  .mainSearch__suggestions__row .textArea {
    display: inline-block;
    vertical-align: top;
  }
  .mainSearch__suggestions__row .imageContainer {
    width: 48.36363636%;
    height: 0;
    margin: 0px 3.27272727% 0px 0px;
    overflow: hidden;
    padding-bottom: 27.27272727%;
    position: relative;
  }
  .mainSearch__suggestions__row .imageContainer img {
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .mainSearch__suggestions__row article > .textArea {
    width: 48.36363636%;
  }
  .mainSearch__suggestions__row article > .textArea > h3 {
    font-family: 'BebasNeue', 'Arial', 'Helvetica', sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin: 0px 0px 5px 0px;
  }
  .mainSearch__suggestions__row article > .textArea > p {
    font-family: 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;
    font-size: 12px;
    font-weight: 400;
    margin: 0px;
  }
}
/*  =========================================================
main search suggestions - folded
========================================================= */
@media screen {
  #pageHeader__navigation #mainSearch__input_autocomplete,
  #pageHeader__navigation.pageHeader__navigation--mapLegend #mainSearch__input_autocomplete {
    padding: 35px 35px 35px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    overflow-y: scroll;
    max-height: 65vh;
  }
  #pageHeader__navigation .mainSearch__suggestions__row,
  #pageHeader__navigation.pageHeader__navigation--mapLegend .mainSearch__suggestions__row {
    display: block;
    width: 100%;
    margin-bottom: 15px;
  }
  #pageHeader__navigation .mainSearch__suggestions__row > .type-title,
  #pageHeader__navigation.pageHeader__navigation--mapLegend .mainSearch__suggestions__row > .type-title {
    margin-bottom: 10px;
  }
  #pageHeader__navigation .mainSearch__suggestions__row article {
    margin-bottom: 10px;
  }
}
/*  =========================================================
main search suggestions - folded and offcanvas
========================================================= */
@media screen {
  #pageHeader__navigation__menuSwitch:checked + #pageHeader__navigation > #pageHeader__navigationWrapper #mainSearch__input_autocomplete,
  #pageHeader__navigation.pageHeader__navigation--mapLegend > #pageHeader__navigation__menuSwitch:checked ~ #pageHeader__navigationWrapper #mainSearch__input_autocomplete {
    top: auto;
    bottom: 100%;
    padding: 35px 35px 35px 35px;
    text-align: left;
    left: 0px;
  }
  #pageHeader__navigation__menuSwitch:checked + #pageHeader__navigation > #pageHeader__navigationWrapper .mainSearch__suggestions__row,
  #pageHeader__navigation.pageHeader__navigation--mapLegend > #pageHeader__navigation__menuSwitch:checked ~ #pageHeader__navigationWrapper .mainSearch__suggestions__row {
    width: 100%;
    display: inline-block;
  }
  #pageHeader__navigation__menuSwitch:checked + #pageHeader__navigation > #pageHeader__navigationWrapper .mainSearch__suggestions__row:not(:first-of-type),
  #pageHeader__navigation.pageHeader__navigation--mapLegend > #pageHeader__navigation__menuSwitch:checked ~ #pageHeader__navigationWrapper .mainSearch__suggestions__row:not(:first-of-type) {
    display: none;
  }
  #pageHeader__navigation__menuSwitch:checked + #pageHeader__navigation > #pageHeader__navigationWrapper .mainSearch__suggestions__row > ul,
  #pageHeader__navigation.pageHeader__navigation--mapLegend > #pageHeader__navigation__menuSwitch:checked ~ #pageHeader__navigationWrapper .mainSearch__suggestions__row > ul {
    padding-right: 30px;
  }
}
@media screen and (max-width: 1000px) {
  #pageHeader__navigation__menuSwitch:checked + #pageHeader__navigation > #pageHeader__navigationWrapper #mainSearch__input_autocomplete,
  #pageHeader__navigation.pageHeader__navigation--mapLegend > #pageHeader__navigation__menuSwitch:checked ~ #pageHeader__navigationWrapper #mainSearch__input_autocomplete {
    height: 100vh;
    max-height: 100vh;
    margin-top: 0px;
    padding-top: 195px;
  }
  #pageHeader__navigation__menuSwitch:checked + #pageHeader__navigation > #pageHeader__navigationWrapper .mainSearch__suggestions__row,
  #pageHeader__navigation.pageHeader__navigation--mapLegend > #pageHeader__navigation__menuSwitch:checked ~ #pageHeader__navigationWrapper .mainSearch__suggestions__row {
    width: 100%;
    display: block;
  }
  #pageHeader__navigation__menuSwitch:checked + #pageHeader__navigation > #pageHeader__navigationWrapper .mainSearch__suggestions__row > ul > li,
  #pageHeader__navigation.pageHeader__navigation--mapLegend > #pageHeader__navigation__menuSwitch:checked ~ #pageHeader__navigationWrapper .mainSearch__suggestions__row > ul > li {
    padding: 5px 0px;
  }
}

/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2016 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage pageHeader
 * @author     gueldner
 * @since      07.01.2016
 * @version    $Id$
 **/
/*  =========================================================
general structure
label and checkbox
subpoints
subpoint label and checkbox
========================================================== */
/*  =========================================================
main structure
========================================================= */
@media screen {
  #mapLegend {
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff;
    margin: 0px;
    padding: 0px;
    list-style: none;
  }
  #mapLegend > li {
    display: block;
    width: 100%;
    color: #545454;
    position: relative;
  }
  #mapLegend > li:not(:last-of-type) {
    border-bottom: 3px #545454 solid;
  }
}
@media screen and (min-width: 601px) {
  #mapLegend {
    position: absolute;
    top: 100%;
    right: 0px;
    width: 440px;
    max-height: 70vh;
  }
}
@media screen and (max-width: 600px) {
  #mapLegend {
    position: fixed;
    z-index: 2;
    top: 0px;
    left: 0px;
    right: 5.95238095%;
    bottom: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 60px;
  }
}
/*  =========================================================
label and checkbox
========================================================= */
@media screen {
  #mapLegend [type='checkbox'] {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
  }
}
@media screen {
  #mapLegend li > label {
    display: block;
    cursor: pointer;
    font: 700 26px/30px 'BebasNeue', Arial, sans-serif;
    color: inherit;
    text-transform: uppercase;
  }
  #mapLegend li > label:before {
    content: '';
    font: 400 20px/25px 'icoMoon';
    color: #fff;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    height: 24px;
    width: 24px;
    border: 3px #545454 solid;
  }
}
/* different paddings on different screen sizes */
@media screen and (min-width: 601px) {
  #mapLegend li > label {
    padding: 20px 35px 20px 100px;
  }
  #mapLegend li > label:before {
    margin: 0px 35px 0px -65px;
  }
}
@media screen and (max-width: 600px) {
  #mapLegend li > label {
    padding: 15px 10px 15px 50px;
  }
  #mapLegend li > label:before {
    margin: 0px 10px 0px -40px;
  }
}
/* aroundMe checkbox */
@media screen {
  li#mapLegend__aroundMe > label {
    font-family: 'SourceSansPro', Arial, sans-serif;
    font-size: 20px;
    font-weight: 300;
    text-transform: none;
  }
  li#mapLegend__aroundMe > label > span {
    display: block;
    padding-top: 5px;
    font-size: 16px;
    line-height: 20px;
  }
}
@media screen and (min-width: 601px) {
  li#mapLegend__aroundMe {
    display: none;
  }
}
/* checked state */
@media screen {
  #mapLegend li > [type='checkbox']:checked + label:before {
    content: '\e91c';
    background-color: #545454;
  }
}
/* semiactive state */
@media screen {
  #mapLegend li > [type='checkbox'].semiactive + label:before {
    content: '\e91c';
    color: #545454;
  }
}
/*  =========================================================
subpoints
========================================================= */
@media screen {
  .mapLegend__subpoints > label {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 30px;
    line-height: 30px;
    color: #545454;
    cursor: pointer;
  }
  .mapLegend__subpoints > [type='checkbox']:checked + label > [class*='icon-']:before {
    content: '\e90a';
  }
}
/* different paddings on different screen sizes */
@media screen and (min-width: 601px) {
  .mapLegend__subpoints > label {
    padding: 20px 35px;
  }
}
@media screen and (max-width: 600px) {
  .mapLegend__subpoints > label {
    padding: 15px 10px;
  }
}
@media screen {
  .mapLegend__subpoints > ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
  }
  .mapLegend__subpoints > ul > li {
    display: block;
    width: 100%;
    color: #545454;
    position: relative;
  }
}
/* checked/unchecked state */
@media screen {
  .mapLegend__subpoints > [type='checkbox']:checked ~ ul {
    display: block;
  }
  .mapLegend__subpoints > [type='checkbox']:not(:checked) ~ ul {
    display: none;
  }
}
/*  =========================================================
subpoint label and checkbox
========================================================= */
@media screen {
  #mapLegend .mapLegend__subpoints > ul > li > label {
    font: 300 20px/30px 'SourceSansPro', Arial, sans-serif;
    text-transform: none;
  }
}
/* different paddings on different screen sizes */
@media screen and (min-width: 601px) {
  #mapLegend .mapLegend__subpoints > ul > li > label {
    padding: 10px 35px 10px 165px;
  }
}
@media screen and (max-width: 600px) {
  #mapLegend .mapLegend__subpoints > ul > li > label {
    padding: 10px 10px 10px 90px;
  }
}

/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage pageHeader
 * @author     bruetsch
 * @since      23.11.2015
 * @version    $Id$
 **/
/*  =========================================================
general structure
old container is to be deleted
========================================================= */
/*  =========================================================
general structure
========================================================= */
@media screen {
  #pageHeader__navigation {
    padding: 0 5.95%;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    text-align: right;
    -webkit-transition: margin-top 0.5s ease;
    transition: margin-top 0.5s ease;
    /* no undeline on all links */
  }
  #pageHeader__navigation a {
    text-decoration: none;
  }
}
/* offCanvas movement */
@media screen {
  #pageHeader__navigation {
    -webkit-transition: width 0.5s ease;
    transition: width 0.5s ease;
  }
}
@media screen and (min-width: 1401px) {
  body.infoBoardVisible #pageHeader__navigation {
    width: 75%;
  }
}
@media screen and (max-width: 1400px) and (min-width: 1001px) {
  body.infoBoardVisible #pageHeader__navigation {
    width: 50%;
  }
}
/* hidden navigation */
@media screen and (min-width: 1001px) {
  #pageHeader__navigation.pageHeader__navigation--smInvisible {
    margin-top: -80px;
  }
}
@media screen and (max-width: 1000px) {
  #pageHeader__navigation.pageHeader__navigation--smInvisible {
    margin-top: -50px;
  }
}
/*  =========================================================
old container is to be deleted
========================================================= */
@media screen {
  #pageHeader__navigationWrapper {
    position: absolute;
    right: 5.92%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    -webkit-box-shadow: 2px 2px 4px rgba(84, 84, 84, 0.5);
    box-shadow: 2px 2px 4px rgba(84, 84, 84, 0.5);
  }
}
@media screen {
  #pageHeader__navigation__menuSwitch:checked + #pageHeader__navigation > #pageHeader__navigationWrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 45px;
    width: 94.05%;
    height: 100vh;
    background-color: #f8f8f8;
  }
}
@media screen and (min-width: 1001px) {
  #pageHeader__navigation__menuSwitch:checked + #pageHeader__navigation > #pageHeader__navigationWrapper {
    width: 50%;
  }
}
@media screen and (min-width: 1401px) {
  #pageHeader__navigation__menuSwitch:checked + #pageHeader__navigation > #pageHeader__navigationWrapper {
    width: 33.3%;
  }
}
#pageHeader__navigation__menuSwitch + #pageHeader__navigation > #pageHeader__navigationWrapper::after {
  content: '';
  position: absolute;
  left: 100%;
  top: 0;
  width: 100vw;
  height: 100%;
  background: rgba(255, 255, 255, 0.83);
  -webkit-transition: opacity .1s ease;
  transition: opacity .1s ease;
}
#pageHeader__navigation__menuSwitch:not(:checked) + #pageHeader__navigation > #pageHeader__navigationWrapper::after {
  opacity: 0;
  pointer-events: none;
}
#pageHeader__navigation__menuSwitch:checked + #pageHeader__navigation > #pageHeader__navigationWrapper::after {
  opacity: 1;
  pointer-events: auto;
}

/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage pageHeader
 * @author     bruetsch
 * @since      23.11.2015
 * @version    $Id$
 **/
/*  =========================================================
general structure
list elements
checkbox and label for mobile
actual link
========================================================= */
/*  =========================================================
general structure
========================================================= */
@media screen {
  #pageHeader__navigation__firstLevel {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    vertical-align: top;
  }
}
/* folded state */
@media screen {
  #pageHeader__navigation #pageHeader__navigation__firstLevel {
    text-align: center;
    height: 100%;
    padding-top: 60px;
    padding-bottom: 45px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
@media screen {
  /* hide show on switch state */
  #pageHeader__navigation__menuSwitch:not(:checked) + #pageHeader__navigation > #pageHeader__navigationWrapper > #pageHeader__navigation__firstLevel {
    display: none;
  }
  #pageHeader__navigation__menuSwitch:checked + #pageHeader__navigation > #pageHeader__navigationWrapper > #pageHeader__navigation__firstLevel {
    display: block;
  }
  #pageHeader__navigation__menuSwitch:checked ~ #breadcrumb {
    display: none;
  }
}
/*  =========================================================
list elements
========================================================= */
/* folded state */
@media screen {
  #pageHeader__navigation #pageHeader__navigation__firstLevel > li {
    display: block;
    width: 100%;
    position: relative;
  }
}
/*  =========================================================
checkbox and label for mobile
========================================================= */
/* checkbox */
@media screen {
  #pageHeader__navigation__firstLevel > li > [type='checkbox'] {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
  }
}
/* label */
@media screen {
  #pageHeader__navigation__firstLevel > li > label {
    display: none;
    cursor: pointer;
    position: absolute;
    top: 25px;
    z-index: 1;
  }
  #pageHeader__navigation__firstLevel > li > label:before {
    font-family: icomoon;
    font-size: 30px;
    color: #8e947d;
  }
}
/* different positions on different screen sizes */
@media screen and (min-width: 601px) {
  #pageHeader__navigation__firstLevel > li > label {
    right: 80px;
  }
}
@media screen and (max-width: 600px) {
  #pageHeader__navigation__firstLevel > li > label {
    right: 40px;
  }
}
/* folded state */
@media screen {
  #pageHeader__navigation #pageHeader__navigation__firstLevel > li > label {
    display: inline-block;
  }
}
/*  =========================================================
actual link
========================================================= */
@media screen {
  #pageHeader__navigation__firstLevel > li > a {
    font: 700 26px/26px 'BebasNeue', Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    padding: 27px 30px;
    position: relative;
  }
}
/* folded state */
@media screen {
  #pageHeader__navigation #pageHeader__navigation__firstLevel > li > a {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #8e947d;
    border-bottom: 1px solid #e1e3dd;
  }
  #pageHeader__navigation #pageHeader__navigation__firstLevel > li > a > span {
    vertical-align: middle;
    max-width: 270px;
    width: 100%;
    display: inline-block;
    text-align: left;
    position: relative;
  }
}

/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage pageHeader
 * @author     bruetsch
 * @since      23.11.2015
 * @version    $Id$
 **/
/*  =========================================================
menu switch - only the button
offCanvas closer
hover states - to show secondLevel nav
checkbox states - to show secondLevel nav
========================================================= */
/*  =========================================================
menu switch - only the button
========================================================= */
/* the hidden checkbox */
@media screen {
  #pageHeader__navigation__menuSwitch {
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
  }
}
@media screen {
  #pageHeader__navigation__offCanvasOpener {
    font: 700 26px/26px 'BebasNeue', Arial, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #f8f8f8;
    color: #8e947d;
    position: relative;
    display: none;
    vertical-align: top;
    cursor: pointer;
    /* the menu icon */
  }
  #pageHeader__navigation__offCanvasOpener > [class*='icon-'] {
    font-size: 36px;
    line-height: 26px;
    vertical-align: middle;
    padding: 0 0 0 10px;
    width: 37px;
    display: inline-block;
  }
  /* show button when navigation is folded */
  #pageHeader__navigation__menuSwitch:checked + #pageHeader__navigation > #pageHeader__navigationWrapper #pageHeader__navigation__offCanvasOpener {
    display: none;
  }
  #pageHeader__navigation__menuSwitch:not(:checked) + #pageHeader__navigation > #pageHeader__navigationWrapper #pageHeader__navigation__offCanvasOpener {
    display: inline-block;
  }
}
/* different paddings on different screen sizes */
@media screen and (min-width: 1001px) {
  #pageHeader__navigation__offCanvasOpener {
    padding: 27px 30px;
  }
}
@media screen and (max-width: 1000px) {
  #pageHeader__navigation__offCanvasOpener {
    padding: 12px 30px;
  }
}
/*  =========================================================
offCanvas closer
========================================================= */
@media screen {
  #pageHeader__navigation__offCanvasCloser {
    padding: 10px;
    cursor: pointer;
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 5;
    font-size: 36px;
    line-height: 36px;
    background-color: #545454;
    color: #f8f8f8;
  }
}
/* show closer on folded but visible state */
@media screen {
  #pageHeader__navigation__menuSwitch:checked + #pageHeader__navigation > #pageHeader__navigationWrapper #pageHeader__navigation__offCanvasCloser {
    display: inline-block;
  }
}
/*  =========================================================
checkbox states - to show secondLevel nav
========================================================= */
@media screen {
  #pageHeader__navigation #pageHeader__navigation__firstLevel > li > [type='checkbox']:checked {
    /* replace the icon in the open state */
    /* show second level nav */
  }
  #pageHeader__navigation #pageHeader__navigation__firstLevel > li > [type='checkbox']:checked + label:before {
    content: "\e90a";
  }
  #pageHeader__navigation #pageHeader__navigation__firstLevel > li > [type='checkbox']:checked ~ ul {
    display: block;
  }
  #pageHeader__navigation #pageHeader__navigation__firstLevel > li > [type='checkbox']:not(:checked) {
    /* replace the icon in the open state */
    /* hide second level nav */
  }
  #pageHeader__navigation #pageHeader__navigation__firstLevel > li > [type='checkbox']:not(:checked) + label:before {
    content: "\e909";
  }
  #pageHeader__navigation #pageHeader__navigation__firstLevel > li > [type='checkbox']:not(:checked) ~ ul {
    display: none;
  }
}

/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage pageHeader
 * @author     bruetsch
 * @since      23.11.2015
 * @version    $Id$
 **/
/*  =========================================================
general structure
list elements
actual link
========================================================= */
/*  =========================================================
general structure
========================================================= */
@media screen {
  .pageHeader__navigation__secondLevel {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
    position: absolute;
    left: 0px;
    top: 100%;
    background-color: #dddddd;
    width: 100%;
    padding: 15px 0px 15px 0px;
    z-index: 5;
  }
}
/* folded state */
@media screen {
  #pageHeader__navigation__menuSwitch:checked + #pageHeader__navigation > #pageHeader__navigationWrapper .pageHeader__navigation__secondLevel {
    position: relative;
    background-color: #f8f8f8;
  }
}
/*  =========================================================
list elements
========================================================= */
@media screen {
  .pageHeader__navigation__secondLevel > li {
    display: inline-block;
    vertical-align: top;
  }
}
/* folded state */
@media screen {
  #pageHeader__navigation__menuSwitch:checked + #pageHeader__navigation > #pageHeader__navigationWrapper .pageHeader__navigation__secondLevel > li {
    display: block;
  }
}
/*  =========================================================
actual link
========================================================= */
@media screen {
  .pageHeader__navigation__secondLevel > li > a {
    font: 700 20px/26px 'BebasNeue', Arial, sans-serif;
    color: #545454;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    padding: 15px 30px;
  }
}
/* folded state */
@media screen {
  #pageHeader__navigation__menuSwitch:checked + #pageHeader__navigation > #pageHeader__navigationWrapper .pageHeader__navigation__secondLevel > li > a {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
  }
  #pageHeader__navigation__menuSwitch:checked + #pageHeader__navigation > #pageHeader__navigationWrapper .pageHeader__navigation__secondLevel > li > a > span {
    display: inline-block;
    max-width: 270px;
    width: 100%;
    text-align: left;
  }
  .pageHeader__navigation__secondLevel > li > a:hover {
    color: #8e947d;
  }
}
/*! eifel, Compiled at 2021-07-13 07:22:09 */
@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon/icomoon.3f4a83bc.eot');
  font-display: block;
}
@font-face {
  font-family: 'icomoon';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,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AgECAQMBAQIBBQIBCQEEAQEEAQwBAQEEAQECAwIFBAIBBQEBAwEGAQcDAgMBCwECAgYBAQQBAQQCAQYBAgkBAQICAwIBAQUBAwMDDwQDCQEJAQIFAQEDAQIIAQEDAQIBAQMBAQYBBAEBAwUBAgEDAQYGAQMBAQMDAQIBAQIBAQYCAgMCAQQBAQEBAQEDAgwCAgMBAwIBAQEEAwIBAgECAQIBAQMCAgICAwEBAQIBAQIDAgEFAQIBAQECAwQCAwEBCAICBwQCAwEBAwECBAECAQIDAgMBBgEBAwIIAwEBBQEHAQEDAQgEBwIDAwIBCAMBAQECAwMDAQcGFAECAQIDAQQBAQEBAQEBAwEBAQICAQMDBgMDBgECBwEBAwIBBAEBAQIBAQEBAQEBBAMCAwIBAQEDAQICAQEDAQEDAQEFAQEBAQQBAQIBAQEBBAECAQICAQYCAQEBAgEBAQEBAwEBAgEBAwICBQEBBAECAQUBAQUBAQUBAgIBAQEDAQICAQIBAQMBAQEBAgMBAgICBgIBBAEBAgEBAQEBBgIBCQIBBgECAQMBAQIEAwQBBgMDCgECAwgBAgEBAQQCAQQBAQ4CAQECCQMDBQMEAgECBQEEAwIHAgMHBQICFQECCAMDBAEBAwIBFQIBAQIBAQIDBQECAgEGAwMCAQEBAgEBAQEBAQIBAwEBBQIBAQEBBAMBAgEBAgUCAQUEBQcBBgIDCwECBQEBBAUDAgIBAQMDAgcBBQMDCgECAQECBAMIAgMFBAMCDwEBBQICBwICBgEBBQIFAQMBAQEEAQUCAQEEAgILBAIBBAEBAgECBAIBAgUBAQEBAwQEBAECAgEBAQMCAgEDAgUBAQICAgIGBgUCAgEDBAgDAwYDAwYCAQQEAgMBAgEBBAMDBAEBBQIBBAIBBgEBBQEBAwEDAgEBAQMBAQUBBQMCAQEBBwoKCAECAQEBAQQBAQEBAgICAQMDBAEDAgQBBAECAQEFBgIBBQEBAQEBAwEBAgEBAgEBAQEBAQEBAQQCAgIBAwICAQECAgEBAQMEAQIBAQMBAgEBAQMCAwEBAQMBAQEHAwMHAQEBAQEDAQICAgYBAgcBAgEGBw4BAQYBAwEBAgEBAQIBBAICBQIDBwMCBQEIAgMBAQEBAQIBAQUDAwQDBAQBAwEBCAEBBAIBAgICAgEBAgEDAQIKAwQEAwUEBwQEAQICBQMCBgUBBAQDAQIBAQMDAwwBAggBAQEBCAEBBwEDAgMFBAQJAQEFAgEDAQECAgEBAQMBAgEBAQEBAQMCAgICAgECAQECAgIEAQICAQUBAQIHAQECAQEBBAECAwECBAECBAEBAQUBAgMCAQMBAgIBBAMCBwIBAQECAgQEAQQBAwEBAgEDBAUCAwcDZwQEAQIFAgEBBAEBAQEDAgIBAwIBAgECBQEBAwICBQECAwICAgEBBQIBAgIBAgEBAQECAgEBBAMKAQIEAwEIAQMBBgECAQEBAwIBAQUBAwYBBQIEAQIBAgIBDQEBAQECAwICEgEMAgIIBAQDAQEDDQMBAgEBBgEFAQYBAQICCQECBwYJAQEBBQECBwEBBAIDAwEBBQEBAQcDAwoBAgQBCAEBAwEDAgMNAQECAQEBAwEBBAIFAwMNBwEEBQcBAwEDAgEGAQECAw0FAQQBAQEBAQECBwEBAQQDCAEEAQECAgEEAQIBAgQBAwMIAQQCAQgBAgEBBAcCAgUBAQEBAQUBAQEBAQYBBgEBBAMDAwgHAQEBAQIBAQEDAgkCAgIBAgEBAwECAQUBAQMDAgIBAwMGAQEFAQIBAQgDAQEHAQEHAQMEAQEBAgMCBQICAQIDAggCAgICAgECAgMBAgEBCAEBAQEBAQIDAgMEAgEEAgEBAQIBAQEFAQEBAQIBAQECAgECAQEBAQICAwECAQEFAQIBBAECAQIBAQEDAQYBAQUBAgIBAgIDBAECAQEBBAEHAQEBAQIDAQIBAgIDCQMCAwICAQcBAQUCBQEBBQECAQEEAQECAQEDAgEBAQQBAQICAgMBBQEDAQEBBAEBAgECBAECBQEBBQEBAQEEAQMBAQICAQEFAQEFAgICAQQCAQwBAQEBAQEBAgMBAQQDAxACAycCARECAwUBAQEDBAQCAQEBAwIDCQEFAQEGAQEFBQEBBAEBAgEBAQMBAgIBAQIGAQMBAgMBAQMBAgMCAgMBAQIBAQQBAQICAgoBAQkBAgUBAQMBAgMBAgkCAgICAQcBAQIBAgIMAQIJAQMDAgUCAgUBAwEDAQIFAgEFAQEBAhABAgQCAwECHwECAQIBBwIBAwEFAQEFBAEEAQEBBQUBBQUBAwEBCgEEAgIEAQQBAwICBgEKAwIEBAMEBAQBBQEBAwMCBgECAwIBAQIBAgcEAwUBAwEBAQQFCwMC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") format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-person:before {
  content: "\e922";
}
.icon-logo:before {
  content: "\e900";
}
.icon-info:before {
  content: "\e901";
}
.icon-bett:before {
  content: "\e902";
}
.icon-map:before {
  content: "\e903";
}
.icon-magnifier:before {
  content: "\e904";
}
.icon-closer:before {
  content: "\e905";
}
.icon-marker:before {
  content: "\e906";
}
.icon-arrowRight:before {
  content: "\e907";
}
.icon-arrowLeft:before {
  content: "\e908";
}
.icon-arrowBottom:before {
  content: "\e909";
}
.icon-arrowTop:before {
  content: "\e90a";
}
.icon-mapET:before {
  content: "\e90b";
}
.icon-poi:before {
  content: "\e90c";
}
.icon-dot:before {
  content: "\e90d";
}
.icon-doubleBorderTop:before {
  content: "\e90e";
}
.icon-doubleBorderBottom:before {
  content: "\e90f";
}
.icon-calendar:before {
  content: "\e910";
}
.icon-phone:before {
  content: "\e911";
}
.icon-mail:before {
  content: "\e912";
}
.icon-facebook:before {
  content: "\e913";
}
.icon-google:before {
  content: "\e914";
}
.icon-flickr:before {
  content: "\e915";
}
.icon-twitter:before {
  content: "\e916";
}
.icon-youtube:before {
  content: "\e917";
}
.icon-downloads:before {
  content: "\e918";
}
.icon-sizeIncrease:before {
  content: "\e919";
}
.icon-square:before {
  content: "\e91a";
}
.icon-link:before {
  content: "\e91b";
}
.icon-checkmark:before {
  content: "\e91c";
}
.icon-menu:before {
  content: "\e91d";
}
.icon-filter:before {
  content: "\e91e";
}
.icon-plus:before {
  content: "\e91f";
}
.icon-minus:before {
  content: "\e920";
}
.icon-star_1:before {
  content: "\e921";
}
.icon-pinterest:before {
  content: "\e923";
}
.icon-instagram:before {
  content: "\e924";
}

.morris-hover {
  position: absolute;
  z-index: 1000;
}
.morris-hover.morris-default-style {
  -webkit-border-radius: 10px;
          border-radius: 10px;
  padding: 6px;
  color: #666;
  background: rgba(255, 255, 255, 0.8);
  border: solid 2px rgba(230, 230, 230, 0.8);
  font-family: sans-serif;
  font-size: 12px;
  text-align: center;
}
.morris-hover.morris-default-style .morris-hover-row-label {
  font-weight: bold;
  margin: 0.25em 0;
}
.morris-hover.morris-default-style .morris-hover-point {
  white-space: nowrap;
  margin: 0.1em 0;
}

/* perfect-scrollbar v0.6.7 */
.ps-container {
  -ms-touch-action: none;
  overflow: hidden !important;
}
.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
  display: block;
}
.ps-container.ps-in-scrolling {
  pointer-events: none;
}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
}
.ps-container > .ps-scrollbar-x-rail {
  display: none;
  position: absolute;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  bottom: 3px;
  height: 8px;
}
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  position: absolute;
  background-color: #aaa;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  bottom: 0;
  height: 8px;
}
.ps-container > .ps-scrollbar-y-rail {
  display: none;
  position: absolute;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  right: 3px;
  width: 8px;
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  position: absolute;
  background-color: #aaa;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  right: 0;
  width: 8px;
}
.ps-container:hover.ps-in-scrolling {
  pointer-events: none;
}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
}
.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
  opacity: 0.6;
}
.ps-container:hover > .ps-scrollbar-x-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
  background-color: #999;
}
.ps-container:hover > .ps-scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
  background-color: #999;
}

@charset "UTF-8";
/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table;
}
.pika-single:after {
  clear: both;
}
.pika-single {
  *zoom: 1;
}
.pika-single.is-hidden {
  display: none;
}
.pika-single.is-bound {
  position: absolute;
  -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}
.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px;
}
.pika-title {
  position: relative;
  text-align: center;
}
.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
}
.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: .5;
  *position: absolute;
  *top: 0;
}
.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}
.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
  *left: 0;
}
.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
  *right: 0;
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: .2;
}
.pika-select {
  display: inline-block;
  *display: inline;
}
.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}
.pika-table th,
.pika-table td {
  width: 14.285714285714286%;
  padding: 0;
}
.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}
.pika-button {
  cursor: pointer;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
}
.pika-week {
  font-size: 11px;
  color: #999;
}
.is-today .pika-button {
  color: #33aaff;
  font-weight: bold;
}
.is-selected .pika-button {
  color: #fff;
  font-weight: bold;
  background: #33aaff;
  -webkit-box-shadow: inset 0 1px 3px #178fe5;
  box-shadow: inset 0 1px 3px #178fe5;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.is-inrange .pika-button {
  background: #D5E9F7;
}
.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.is-disabled .pika-button,
.is-outside-current-month .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: .3;
}
.pika-button:hover {
  color: #fff;
  background: #ff8000;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
/* styling for abbr */
.pika-table abbr {
  border-bottom: none;
  cursor: help;
}
/*! eifel, Compiled at 2021-07-13 07:22:09 */
/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage pageHeader
 * @author     bruetsch
 * @since      25.11.2015
 * @version    $Id$
 **/
/*  =========================================================
breadcrumb
========================================================= */
/*  =========================================================
breadcrumb
========================================================= */
@media screen {
  #breadcrumb {
    background-color: #8e947d;
    color: #fff;
    padding: 10px 22px 10px 24px;
    position: absolute;
    top: 80px;
    right: 5.95238095%;
    -webkit-box-shadow: 2px 2px 4px rgba(84, 84, 84, 0.5);
    box-shadow: 2px 2px 4px rgba(84, 84, 84, 0.5);
  }
  #breadcrumb > span {
    font: 300 20px 'SourceSansPro', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    display: inline-block;
  }
  #breadcrumb > ul {
    font: 500 20px 'SourceSansPro', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    padding: 0px 0px 0px 5px;
    margin: 0px;
    display: inline-block;
  }
  #breadcrumb > ul > li {
    list-style-type: none;
    display: inline-block;
  }
  #breadcrumb > ul > li > a {
    text-decoration: none;
  }
  #breadcrumb > ul > li:not(:last-of-type):after {
    content: "|";
    padding: 0px 5px;
  }
}
@media screen and (max-width: 1400px) {
  #breadcrumb > span,
  #breadcrumb > ul {
    font: 500 14px 'SourceSansPro', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
  }
}
@media screen and (max-width: 1000px) {
  #breadcrumb {
    display: none;
  }
}
/*! eifel, Compiled at 2021-07-13 07:22:09 */
/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage headerImage
 * @author     bruetsch
 * @since      27.11.2015
 * @version    $Id$
 **/
/*  =========================================================
general structure
panorama
story module
========================================================== */
/*  =========================================================
general structure
========================================================= */
@media screen {
  .headerImage {
    position: relative;
  }
}

/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage headerImage
 * @author     bruetsch
 * @since      01.12.2015
 * @version    $Id$
 **/
/*  =========================================================
main structure
image area
figcaption - overall style

figcaption
poi wrapper
========================================================== */
/*  =========================================================
main structure
========================================================= */
@media screen {
  .headerImage--panorama:not(.headerImage--panorama--verticalyCropped) {
    height: 100vh;
  }
}
/*  =========================================================
image area
========================================================= */
@media screen {
  .headerImage--panorama > .headerImage__imageWrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .headerImage--panorama > .headerImage__imageWrapper > .ps-scrollbar-x-rail {
    display: none;
  }
  .headerImage--panorama:not(.headerImage--panorama--verticalyCropped) > .headerImage__imageWrapper {
    display: inline-block;
  }
}
@media screen {
  .headerImage--panorama > .headerImage__imageWrapper > .headerImage__imageContainer {
    height: 100%;
    width: auto;
    position: relative;
  }
  .headerImage--panorama > .headerImage__imageWrapper > .headerImage__imageContainer > .headerImage__imageContainer__image {
    height: 100%;
    width: auto;
  }
  .headerImage--panorama > .headerImage__imageWrapper > .headerImage__imageContainer > .headerImage__imageContainer__image > picture {
    height: 100%;
    width: auto;
  }
  .headerImage--panorama > .headerImage__imageWrapper > .headerImage__imageContainer > .headerImage__imageContainer__image > picture img {
    display: block;
  }
  .headerImage--panorama:not(.headerImage--panorama--verticalyCropped) > .headerImage__imageWrapper > .headerImage__imageContainer {
    display: inline-block;
  }
  .headerImage--panorama:not(.headerImage--panorama--verticalyCropped) > .headerImage__imageWrapper > .headerImage__imageContainer > .headerImage__imageContainer__image {
    display: inline-block;
  }
}
@media screen {
  .headerImage--panorama--verticalyCropped > .headerImage__imageWrapper > .headerImage__imageContainer img {
    width: 100%;
    height: auto;
  }
  .headerImage--panorama:not(.headerImage--panorama--verticalyCropped) > .headerImage__imageWrapper > .headerImage__imageContainer img {
    width: auto;
    height: 100%;
    /*margin: 0px -100%;*/
  }
}
/*  =========================================================
figcaption - overall style
========================================================= */
@media screen {
  .headerImage__figcaption--panorama {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
  }
  .headerImage__figcaption--panorama > h2 {
    font: 700 100px/1em 'BebasNeue', 'Arial', 'Helvetica', sans-serif;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(84, 84, 84, 0.5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px 0px 50px 0px;
    position: absolute;
    left: 0px;
  }
}
@media screen and (min-width: 1001px) {
  .headerImage__figcaption--panorama {
    padding-top: 180px;
  }
}
@media screen and (max-width: 1000px) {
  .headerImage__figcaption--panorama {
    padding-top: 110px;
  }
}
@media screen and (min-width: 1401px) {
  .headerImage__figcaption--panorama > h2 {
    top: 170px;
  }
}
@media screen and (max-width: 1400px) {
  .headerImage__figcaption--panorama > h2 {
    top: 85px;
  }
}
@media screen and (min-width: 1401px) {
  .headerImage__figcaption--panorama > h2 {
    width: 100%;
    padding: 0px 21.42857143%;
  }
}
@media screen and (max-width: 1400px) {
  .headerImage__figcaption--panorama > h2 {
    font-size: 60px;
    padding: 0px 19.04761905%;
    padding-top: 5%;
  }
}
@media screen and (max-width: 600px) {
  .headerImage__figcaption--panorama > h2 {
    font-size: 40px;
    padding: 0px 4.76190476%;
  }
}
@media screen {
  .headerImage__figcaption--panorama > .navArrows {
    position: absolute;
    left: 0px;
    width: 100%;
    text-shadow: 2px 2px 4px rgba(84, 84, 84, 0.5);
    color: #fff;
    text-align: center;
  }
  .headerImage__figcaption--panorama > .navArrows > .navArrows__arrow {
    display: inline-block;
    vertical-align: middle;
    font-size: 36px;
    text-decoration: none;
    cursor: pointer;
  }
  .headerImage__figcaption--panorama > .navArrows > .navArrows__arrow:first-of-type {
    margin-right: 45px;
  }
  .headerImage__figcaption--panorama > .navArrows > .navArrows__arrow:last-of-type {
    margin-left: 45px;
  }
  .headerImage__figcaption--panorama > .navArrows > .navArrows__caption {
    display: inline-block;
    vertical-align: middle;
    font: 800 22px/1em 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;
    text-transform: uppercase;
  }
}
@media screen and (min-width: 601px) {
  .headerImage__figcaption--panorama > .navArrows {
    bottom: 110px;
  }
}
@media screen and (max-width: 600px) {
  .headerImage__figcaption--panorama > .navArrows {
    bottom: 50px;
  }
}
@media screen {
  .headerImage--panorama--verticalyCropped .headerImage__figcaption--panorama > .navArrows {
    display: none;
  }
}
/*  =========================================================
main structure - touch
========================================================= */
@media screen {
  html.touch .headerImage.headerImage--panorama > .headerImage__imageWrapper {
    overflow-y: hidden;
    overflow-x: scroll;
  }
}
/*  =========================================================
heroImage__poiWrapper
========================================================= */
@media screen {
  .headerImage__imageContainer__poiWrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .headerImage__imageContainer__poiWrapper > label {
    position: absolute;
    z-index: 2;
    font-size: 50px;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(84, 84, 84, 0.15);
    cursor: pointer;
  }
  .headerImage__imageContainer__poiWrapper > label:nth-of-type(1) {
    bottom: 15%;
    left: 10%;
  }
  .headerImage__imageContainer__poiWrapper > label:nth-of-type(2) {
    bottom: 30%;
    left: 40%;
  }
  .headerImage__imageContainer__poiWrapper > label:nth-of-type(3) {
    bottom: 25%;
    left: 60%;
  }
  .headerImage__imageContainer__poiWrapper > label:nth-of-type(4) {
    bottom: 20%;
    left: 90%;
  }
}

/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage headerImage
 * @author     bruetsch
 * @since      01.12.2015
 * @version    $Id$
 **/
/*  =========================================================
main structure
poi wrapper
========================================================== */
/*  =========================================================
general structure
========================================================= */
@media screen {
  .headerImage--small {
    overflow: hidden;
    position: relative;
    height: 675px;
  }
  .headerImage--small img {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
}
/*  =========================================================
height settings
========================================================= */
@media screen and (max-width: 1680px) {
  .headerImage--small {
    height: 0px;
    padding-bottom: 40.11904762%;
    position: relative;
  }
}
@media screen and (max-width: 1000px) {
  .headerImage--small {
    height: 0px;
    padding-bottom: 67.4%;
    position: relative;
  }
}

/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage headerImage
 * @author     lange
 * @since      01.12.2015
 * @version    $Id$
 **/
/*  =========================================================
main structure
image area
figcaption - overall style
figcaption - text area
figcaption - map area
========================================================== */
/*  =========================================================
main structure
========================================================= */
@media screen {
  main > [data-module="gallery"] + [data-module="story"] {
    margin-top: -170px;
  }
}
@media screen and (max-width: 1000px) {
  main > [data-module="gallery"] + [data-module="story"] {
    margin-top: -150px;
  }
}
@media screen and (max-width: 900px) {
  main > [data-module="gallery"] + [data-module="story"] {
    margin-top: -90px;
  }
}
@media screen and (min-width: 601px) {
  .headerImage--storymodul {
    min-height: 100vh;
  }
}
/*  =========================================================
image area
========================================================= */
/* image styling */
@media screen {
  .headerImage--storymodul > .headerImage__imageWrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .headerImage--storymodul > .headerImage__imageWrapper:after {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: rgba(255, 255, 255, 0.6);
  }
  .headerImage--storymodul > .headerImage__imageWrapper > .headerImage__imageContainer {
    height: 100%;
    width: auto;
    position: relative;
    text-align: center;
  }
  .headerImage--storymodul > .headerImage__imageWrapper > .headerImage__imageContainer > picture {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
  }
  .headerImage--storymodul > .headerImage__imageWrapper > .headerImage__imageContainer > picture img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    width: auto;
    height: auto;
    aspect-ratio: auto;
  }
}
/*  =========================================================
figcaption - overall style
========================================================= */
@media screen {
  .headerImage__figcaption--storymodul {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    text-align: left;
  }
  .headerImage__figcaption--storymodul > .headerImage__infoArea {
    /* headline */
  }
  .headerImage__figcaption--storymodul > .headerImage__infoArea > h2 {
    font: 700 100px/1em 'BebasNeue', 'Arial', 'Helvetica', sans-serif;
    color: #545454;
  }
}
@media screen and (min-width: 601px) {
  .headerImage__figcaption--storymodul {
    padding: 180px 0px 50px 0px;
  }
}
@media screen and (max-width: 600px) {
  .headerImage__figcaption--storymodul {
    padding: 110px 0px 50px 0px;
  }
}
@media screen and (min-width: 601px) {
  .headerImage__figcaption--storymodul > .headerImage__infoArea {
    padding: 0px 5.95238095%;
  }
}
@media screen and (max-width: 600px) {
  .headerImage__figcaption--storymodul > .headerImage__infoArea {
    padding: 0px 5.95238095%;
  }
}
@media screen and (min-width: 1401px) {
  .headerImage__figcaption--storymodul > .headerImage__infoArea > h2 {
    margin: 0px 0px 50px 0px;
  }
}
@media screen and (max-width: 1400px) {
  .headerImage__figcaption--storymodul > .headerImage__infoArea > h2 {
    margin: 0px 0px 30px 0px;
  }
}
@media screen and (max-width: 1400px) and (min-width: 601px) {
  .headerImage__figcaption--storymodul > .headerImage__infoArea > h2 {
    font-size: 70px;
  }
}
@media screen and (max-width: 600px) {
  .headerImage__figcaption--storymodul > .headerImage__infoArea > h2 {
    font-size: 40px;
  }
}
/*  =========================================================
figcaption - text area
========================================================= */
@media screen {
  .headerImage__figcaption--storymodul > .headerImage__infoArea > .headerImage__infoArea__textArea {
    /* text */
  }
  .headerImage__figcaption--storymodul > .headerImage__infoArea > .headerImage__infoArea__textArea > p {
    font: 400 24px/1.25em 'SourceSans', 'Arial', 'Helvetica', sans-serif;
    color: #545454;
  }
}
@media screen and (max-width: 600px) {
  .headerImage__figcaption--storymodul > .headerImage__infoArea > .headerImage__infoArea__textArea {
    display: block;
  }
}
@media screen and (min-width: 601px) {
  .headerImage__figcaption--storymodul > .headerImage__infoArea > .headerImage__infoArea__textArea {
    display: table-cell;
    vertical-align: top;
    padding-right: 50px;
  }
}
@media screen and (min-width: 1401px) {
  .headerImage__figcaption--storymodul > .headerImage__infoArea > .headerImage__infoArea__textArea > p {
    margin: 0px 0px 50px 0px;
  }
}
@media screen and (max-width: 1400px) {
  .headerImage__figcaption--storymodul > .headerImage__infoArea > .headerImage__infoArea__textArea > p {
    font-size: 18px;
    margin: 0px 0px 30px 0px;
  }
}
/*  =========================================================
figcaption - map area
========================================================= */
@media screen {
  .headerImage__figcaption--storymodul > .headerImage__infoArea > .headerImage__infoArea__mapArea {
    display: table-cell;
    vertical-align: top;
  }
}
@media screen and (min-width: 1001px) {
  .headerImage__figcaption--storymodul > .headerImage__infoArea > .headerImage__infoArea__mapArea > .headerImage__infoArea__mapArea__map {
    width: 362px;
    height: 431px;
  }
}
@media screen and (max-width: 1000px) {
  .headerImage__figcaption--storymodul > .headerImage__infoArea > .headerImage__infoArea__mapArea > .headerImage__infoArea__mapArea__map {
    width: 217.2px;
    height: 258.6px;
  }
}
@media screen and (max-width: 600px) {
  .headerImage__figcaption--storymodul > .headerImage__infoArea > .headerImage__infoArea__mapArea > .headerImage__infoArea__mapArea__map {
    display: none;
  }
}
/*! eifel, Compiled at 2021-07-13 07:22:09 */
/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage heroImage
 * @author     bruetsch
 * @since      30.11.2015
 * @version    $Id$
 **/
/*  =========================================================
main config
highlightModule__infoArea
highlightModule verticaly cropped
========================================================== */
/*  =========================================================
main config
========================================================== */
@media screen {
  .hightlightModule__closed {
    opacity: 0;
    position: fixed;
    top: 0px;
    left: 0px;
  }
  .hightlightModule__container {
    position: relative;
  }
  .hightlightModule__opener {
    position: fixed;
    top: 0px;
    left: -20px;
    opacity: 0;
  }
  .hightlightModule__opener:checked + .highlightModule__wrapper {
    right: 0;
  }
  .highlightModule__wrapper {
    display: block;
    width: 100%;
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 100;
    -webkit-transition: all 0.75s ease-in-out;
    transition: all 0.75s ease-in-out;
  }
  .highlightModule__wrapper .highlightModule {
    background-color: #f8f8f8;
    display: block;
    position: relative;
    height: 100vh;
  }
  .highlightModule__wrapper .highlightModule .hightlightModule__closer {
    position: absolute;
    top: 0;
    right: 0px;
    background-color: #545454;
    color: #f8f8f8;
    font-size: 24px;
    padding: 18px 28px;
    z-index: 1;
    cursor: pointer;
  }
  .highlightModule__wrapper .highlightModule .highlightModule__imageContainer {
    position: relative;
    height: 100%;
    overflow: hidden;
  }
  .highlightModule__wrapper .highlightModule .highlightModule__imageContainer:after {
    right: 0%;
    top: 40%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #f8f8f8;
    border-width: 30px;
    margin-top: -30px;
  }
  .objectfit .highlightModule__wrapper .highlightModule .highlightModule__imageContainer img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .no-objectfit .highlightModule__wrapper .highlightModule .highlightModule__imageContainer {
    background-size: cover;
    background-position: center;
  }
  .no-objectfit .highlightModule__wrapper .highlightModule .highlightModule__imageContainer img {
    opacity: 0;
  }
}
@media screen and (max-width: 1000px) {
  .highlightModule__wrapper .highlightModule .highlightModule__imageContainer {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 300px;
    overflow: hidden;
  }
  .highlightModule__wrapper .highlightModule .highlightModule__imageContainer:after {
    display: none;
  }
  .highlightModule__wrapper .highlightModule .highlightModule__infoArea {
    display: inline-block;
    position: relative;
    height: 100%;
    overflow-y: scroll;
  }
  .highlightModule__wrapper .highlightModule .highlightModule__infoArea .highlightModule__infoArea__textAreaWrapper {
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 0px;
    margin-top: 300px;
    background-color: #f8f8f8;
  }
  .highlightModule__wrapper .highlightModule .highlightModule__infoArea .highlightModule__infoArea__textAreaWrapper .highlightModule__infoArea__textArea {
    height: 100%;
    padding: 50px 20px 0px 20px;
  }
  .highlightModule__wrapper .highlightModule .highlightModule__infoArea .highlightModule__infoArea__textAreaWrapper .highlightModule__infoArea__textArea h2 {
    font: 700 40px 'BebasNeue', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin: 0px 0px 35px 0px;
  }
  .highlightModule__wrapper .highlightModule .highlightModule__infoArea .highlightModule__infoArea__textAreaWrapper .highlightModule__infoArea__textArea p {
    font: 400 18px 'SourceSansPro', Helvetica, Arial, sans-serif;
    margin: 0px;
    width: 100%;
    vertical-align: top;
    display: inline-block;
  }
  .highlightModule__wrapper .highlightModule .highlightModule__infoArea .highlightModule__infoArea__textAreaWrapper .highlightModule__infoArea__textArea p > .buttonWrapper {
    margin-top: 35px;
  }
  .highlightModule__wrapper .highlightModule .highlightModule__infoArea .highlightModule__infoArea__textAreaWrapper .highlightModule__infoArea__textArea p > .buttonWrapper .ghost-button {
    border: 2px solid #545454;
  }
  .highlightModule__wrapper .highlightModule .linkArea {
    height: 180px;
    width: 100%;
    position: relative;
    bottom: static;
    right: static;
    overflow: hidden;
    padding: 20px 100px 0px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    display: inline-block;
  }
  .highlightModule__wrapper .highlightModule .linkArea .whiteShadeImage img {
    height: auto;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .highlightModule__wrapper .highlightModule .linkArea p {
    position: relative;
    color: #545454;
    font: 300 20px 'SourceSansPro', Helvetica, Arial, sans-serif;
    margin: 0px;
    vertical-align: middle;
    display: inline-block;
  }
  .highlightModule__wrapper .highlightModule .linkArea p:first-of-type {
    display: block;
  }
  .highlightModule__wrapper .highlightModule .linkArea p:last-of-type {
    font: 700 28px 'BebasNeue', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
  }
  .highlightModule__wrapper .highlightModule .linkArea label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    color: #545454;
    display: block;
    cursor: pointer;
  }
  .highlightModule__wrapper .highlightModule .linkArea label:before {
    font-family: icomoon;
    font-size: 48px;
    content: "\e907";
    position: absolute;
    bottom: 30px;
    right: 40px;
  }
}
/*  =========================================================
highlightModule__infoArea
========================================================== */
@media screen {
  .highlightModule__wrapper .highlightModule .highlightModule__infoArea {
    display: inline-block;
    position: relative;
    height: 100%;
  }
  .highlightModule__wrapper .highlightModule .highlightModule__infoArea .highlightModule__infoArea__textAreaWrapper {
    height: 100vh;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 250px;
  }
  .highlightModule__wrapper .highlightModule .highlightModule__infoArea .highlightModule__infoArea__textAreaWrapper .highlightModule__infoArea__textArea {
    color: #545454;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    padding: 9.52380952% 100px 0px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }
  .highlightModule__wrapper .highlightModule .highlightModule__infoArea .highlightModule__infoArea__textAreaWrapper .highlightModule__infoArea__textArea h2 {
    font: 700 48px 'BebasNeue', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin: 0px 0px 35px 0px;
  }
  .highlightModule__wrapper .highlightModule .highlightModule__infoArea .highlightModule__infoArea__textAreaWrapper .highlightModule__infoArea__textArea p {
    font: 400 18px 'SourceSansPro', Helvetica, Arial, sans-serif;
    margin: 0px;
    width: 100%;
    vertical-align: top;
    display: inline-block;
  }
  .highlightModule__wrapper .highlightModule .highlightModule__infoArea .highlightModule__infoArea__textAreaWrapper .highlightModule__infoArea__textArea p.halfSized {
    width: 50%;
  }
  .highlightModule__wrapper .highlightModule .highlightModule__infoArea .highlightModule__infoArea__textAreaWrapper .highlightModule__infoArea__textArea .buttonWrapper {
    display: block;
    margin-top: 80px;
  }
  .highlightModule__wrapper .highlightModule .highlightModule__infoArea .highlightModule__infoArea__textAreaWrapper .highlightModule__infoArea__textArea .buttonWrapper .ghost-button {
    border: 3px solid #545454;
    color: #545454;
    text-decoration: none;
    display: block;
  }
  .highlightModule__wrapper .highlightModule .highlightModule__infoArea .highlightModule__infoArea__textAreaWrapper .highlightModule__infoArea__textArea .buttonWrapper .ghost-button span {
    color: #545454;
  }
  .highlightModule__wrapper .highlightModule .highlightModule__infoArea .highlightModule__infoArea__textAreaWrapper .highlightModule__infoArea__textArea .highlightModule_map {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    position: relative;
  }
}
@media screen and (max-width: 1400px) {
  .highlightModule__wrapper .highlightModule .highlightModule__infoArea .highlightModule__infoArea__textAreaWrapper {
    padding-bottom: 200px;
  }
  .highlightModule__wrapper .highlightModule .highlightModule__infoArea .highlightModule__infoArea__textAreaWrapper .highlightModule__infoArea__textArea {
    color: #545454;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    padding: 9.52380952% 100px 0px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }
  .highlightModule__wrapper .highlightModule .highlightModule__infoArea .highlightModule__infoArea__textAreaWrapper .highlightModule__infoArea__textArea h2 {
    font: 700 48px 'BebasNeue', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin: 0px 0px 35px 0px;
  }
  .highlightModule__wrapper .highlightModule .highlightModule__infoArea .highlightModule__infoArea__textAreaWrapper .highlightModule__infoArea__textArea p {
    font: 400 18px 'SourceSansPro', Helvetica, Arial, sans-serif;
  }
  .highlightModule__wrapper .highlightModule .highlightModule__infoArea .highlightModule__infoArea__textAreaWrapper .highlightModule__infoArea__textArea p.halfSized {
    width: 100%;
  }
  .highlightModule__wrapper .highlightModule .highlightModule__infoArea .highlightModule__infoArea__textAreaWrapper .highlightModule__infoArea__textArea .highlightModule_map {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  .highlightModule__wrapper .highlightModule .highlightModule__infoArea {
    display: inline-block;
    position: relative;
    height: 100%;
    overflow-y: auto;
  }
  .highlightModule__wrapper .highlightModule .highlightModule__infoArea .highlightModule__infoArea__textAreaWrapper {
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 0px;
    margin-top: 300px;
    background-color: #f8f8f8;
  }
  .highlightModule__wrapper .highlightModule .highlightModule__infoArea .highlightModule__infoArea__textAreaWrapper .highlightModule__infoArea__textArea {
    height: 100%;
    padding: 50px 20px 0px 20px;
  }
  .highlightModule__wrapper .highlightModule .highlightModule__infoArea .highlightModule__infoArea__textAreaWrapper .highlightModule__infoArea__textArea h2 {
    font: 700 40px 'BebasNeue', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin: 0px 0px 35px 0px;
  }
  .highlightModule__wrapper .highlightModule .highlightModule__infoArea .highlightModule__infoArea__textAreaWrapper .highlightModule__infoArea__textArea p {
    font: 400 18px 'SourceSansPro', Helvetica, Arial, sans-serif;
    margin: 0px;
    width: 100%;
    vertical-align: top;
    display: inline-block;
  }
  .highlightModule__wrapper .highlightModule .highlightModule__infoArea .highlightModule__infoArea__textAreaWrapper .highlightModule__infoArea__textArea p > .buttonWrapper {
    margin-top: 35px;
  }
  .highlightModule__wrapper .highlightModule .highlightModule__infoArea .highlightModule__infoArea__textAreaWrapper .highlightModule__infoArea__textArea p > .buttonWrapper .ghost-button {
    border: 2px solid #545454;
  }
}
/*  =========================================================
linkArea
========================================================== */
@media screen {
  .highlightModule__wrapper .highlightModule .linkArea {
    height: 250px;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    overflow: hidden;
    padding: 40px 285px 0px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    display: inline-block;
  }
  .highlightModule__wrapper .highlightModule .linkArea .whiteShadeImage {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .highlightModule__wrapper .highlightModule .linkArea .whiteShadeImage:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
  }
  .highlightModule__wrapper .highlightModule .linkArea .whiteShadeImage img {
    height: 100%;
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
  }
  .highlightModule__wrapper .highlightModule .linkArea p {
    position: relative;
    color: #545454;
    font: 300 24px 'SourceSansPro', Helvetica, Arial, sans-serif;
    margin: 0px;
    vertical-align: middle;
    display: inline-block;
  }
  .highlightModule__wrapper .highlightModule .linkArea p:first-of-type {
    display: block;
  }
  .highlightModule__wrapper .highlightModule .linkArea p:last-of-type {
    font: 700 48px 'BebasNeue', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
  }
  .highlightModule__wrapper .highlightModule .linkArea label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    color: #545454;
    display: block;
    cursor: pointer;
  }
  .highlightModule__wrapper .highlightModule .linkArea label:before {
    font-family: icomoon;
    font-size: 48px;
    content: "\e907";
    position: absolute;
    bottom: 30px;
    right: 40px;
  }
}
@media screen and (max-width: 1400px) {
  .highlightModule__wrapper .highlightModule .linkArea {
    height: 200px;
    width: 100%;
    padding: 40px 100px 0px 30px;
  }
  .highlightModule__wrapper .highlightModule .linkArea p {
    font: 300 20px 'SourceSansPro', Helvetica, Arial, sans-serif;
  }
  .highlightModule__wrapper .highlightModule .linkArea p:last-of-type {
    font: 700 36px 'BebasNeue', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
  }
}
@media screen and (max-width: 1000px) {
  .highlightModule__wrapper .highlightModule .linkArea {
    height: 180px;
    width: 100%;
    position: relative;
    bottom: static;
    right: static;
    overflow: hidden;
    padding: 20px 100px 0px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    display: inline-block;
  }
  .highlightModule__wrapper .highlightModule .linkArea .whiteShadeImage img {
    height: auto;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .highlightModule__wrapper .highlightModule .linkArea p {
    position: relative;
    color: #545454;
    font: 300 20px 'SourceSansPro', Helvetica, Arial, sans-serif;
    margin: 0px;
    vertical-align: middle;
    display: inline-block;
  }
  .highlightModule__wrapper .highlightModule .linkArea p:first-of-type {
    display: block;
  }
  .highlightModule__wrapper .highlightModule .linkArea p:last-of-type {
    font: 700 28px 'BebasNeue', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
  }
  .highlightModule__wrapper .highlightModule .linkArea label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    color: #545454;
    display: block;
    cursor: pointer;
  }
  .highlightModule__wrapper .highlightModule .linkArea label:before {
    font-family: icomoon;
    font-size: 48px;
    content: "\e907";
    position: absolute;
    bottom: 30px;
    right: 40px;
  }
}
@media screen and (max-width: 630px) {
  .highlightModule__wrapper .highlightModule .linkArea .whiteShadeImage img {
    height: 100%;
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
  }
}
/*  =========================================================
highlightModule verticaly cropped
========================================================= */
@media screen {
  .hightlight--verticalyCropped picture > img {
    width: 100%!important;
    height: auto!important;
  }
}
/*! eifel, Compiled at 2021-07-13 07:22:09 */
/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage contentArticle
 * @author     lange
 * @since      04.12.2015
 * @version    $Id$
 **/
/*  =========================================================
general structure
price element
no header image
color highlight
star rating
trustyouElement
properties
seal
jump points
combinations with other modules
========================================================== */
/*  =========================================================
general structure
========================================================= */
@media screen {
  .contentArticle__textArea {
    text-align: left;
    color: #545454;
    position: relative;
  }
  .contentArticle__textArea + .contentArticle__textArea {
    padding-top: 85px;
  }
  .contentArticle__textArea.textAlignment {
    text-align: center;
  }
  .contentArticle__textArea h1 {
    font: 700 80px/80px 'BebasNeue', 'Arial', 'Helvetica', 'sans-serif';
    padding: 0px;
    margin: 0px 0px 50px 0px;
    text-align: center;
  }
  .contentArticle__textArea p {
    font: 300 20px/30px 'SourceSansPro', 'Arial', 'Helvetica', 'sans-serif';
  }
  .contentArticle__textArea p.subtitle {
    font-size: 24px;
    line-height: 25px;
    padding: 0px;
    margin: 0px 0px 50px 0px;
    text-align: center;
    text-transform: uppercase;
  }
  .contentArticle__textArea p {
    font: 300 20px/30px 'SourceSansPro', 'Arial', 'Helvetica', 'sans-serif';
    padding: 0px;
    margin: 0px 0px 30px 0px;
  }
  .contentArticle__textArea p.centred {
    text-align: center;
  }
  .contentArticle__textArea p a {
    text-decoration: underline;
    color: #6f7a4e;
  }
  .contentArticle__textArea p strong {
    font-weight: 500;
  }
  .contentArticle__textArea p em {
    font-style: italic;
  }
  .contentArticle__textArea h2 {
    font: 700 60px/60px 'BebasNeue', 'Arial', 'Helvetica', 'sans-serif';
    padding: 0px;
    margin: 0px 0px 5px 0px;
  }
  .contentArticle__textArea h2:first-child {
    text-align: center;
  }
  .contentArticle__textArea h2 + h5 {
    margin-top: 40px;
  }
  .contentArticle__textArea h3 {
    font: 700 55px/55px 'BebasNeue', 'Arial', 'Helvetica', 'sans-serif';
    padding: 0px;
    margin: 0px 0px 5px 0px;
  }
  .contentArticle__textArea h4 {
    font: 700 45px/60px 'BebasNeue', 'Arial', 'Helvetica', 'sans-serif';
    padding: 0px;
    margin: 0px;
  }
  .contentArticle__textArea h5 {
    font: 700 35px/55px 'BebasNeue', 'Arial', 'Helvetica', 'sans-serif';
    padding: 0px;
    margin: 0px;
  }
  .contentArticle__textArea h6 {
    font: 700 30px/50px 'BebasNeue', 'Arial', 'Helvetica', 'sans-serif';
    padding: 0px;
    margin: 0px;
  }
  .contentArticle__textArea span {
    font: 400 24px/28px 'SorceSansPro', 'Arial', 'Helvetica', 'sans-serif';
    padding: 0px;
    margin: 0px;
    text-transform: uppercase;
  }
  .contentArticle__textArea ol,
  .contentArticle__textArea ul {
    counter-reset: section;
    list-style: outside none none;
    margin: 0;
    padding: 0;
  }
  .contentArticle__textArea ol li,
  .contentArticle__textArea ul li {
    font: 300 20px/30px 'SourceSansPro', 'Arial', 'Helvetica', 'sans-serif';
    padding-left: 30px;
    margin: 0px 0px 10px 0px;
  }
  .contentArticle__textArea ol li:before {
    display: inline-block;
    width: 20px;
    margin: 0 10px 0 -30px;
    color: #8e947d;
    font: 500 20px/30px 'SourceSansPro', 'Arial', 'Helvetica', 'sans-serif';
    text-align: right;
    counter-increment: section;
    content: counters(section, ".") ". ";
  }
  .contentArticle__textArea ul li:before {
    font-family: 'icomoon';
    content: '\e91a   ';
    vertical-align: bottom;
    margin-left: -30px;
    color: #8e947d;
  }
  .contentArticle__textArea .sponsor_line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
  }
  .contentArticle__textArea .sponsor_line > p {
    font: 300 20px/30px "SourceSansPro", "Arial", "Helvetica", "sans-serif";
    text-transform: none;
    padding-right: 40px;
  }
  .contentArticle__textArea .sponsor_line > img {
    width: 60px;
  }
  .contentArticle__textArea .contentArticle__textArea__sm {
    margin-bottom: 20px;
  }
  .contentArticle__textArea .contentArticle__textArea__sm > p {
    font: 300 20px/30px 'SourceSansPro', 'Arial', 'Helvetica', 'sans-serif';
    display: inline-block;
    margin: 0px;
    padding: 0px;
  }
  .contentArticle__textArea .contentArticle__textArea__sm > a {
    display: inline-block;
    font-size: 16px;
    margin: -15px 0px 0px 5px;
    text-decoration: none;
    vertical-align: middle;
    width: 34px;
    height: 34px;
    position: relative;
  }
  .contentArticle__textArea .contentArticle__textArea__sm > a > span {
    font-size: 26px;
    border: 2px solid #545454;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 2px;
    width: 26px;
    height: 26px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .contentArticle__textArea .contentArticle__textArea__sm > a > span::before {
    vertical-align: text-bottom;
  }
  .contentArticle__textArea .contentArticle__textArea__sm > a > span:hover {
    color: #8e947d;
    border: 2px solid #8e947d;
  }
}
@media screen and (max-width: 1400px) {
  .contentArticle__textArea h1 {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 30px;
  }
  .contentArticle__textArea p.subtitle {
    font-size: 20px;
    margin: 0px 0px 30px 0px;
  }
  .contentArticle__textArea h2 {
    font-size: 45px;
    line-height: 45px;
  }
  .contentArticle__textArea h3 {
    font-size: 40px;
    line-height: 40px;
  }
  .contentArticle__textArea h4 {
    font-size: 35px;
    line-height: 35px;
  }
  .contentArticle__textArea h5 {
    font-size: 30px;
    line-height: 30px;
  }
  .contentArticle__textArea h6 {
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 10px;
  }
  .contentArticle__textArea span {
    font-size: 18px;
    line-height: 22px;
  }
  .contentArticle__textArea ul li {
    padding-left: 22px;
    margin: 0px 0px 10px 0px;
  }
  .contentArticle__textArea ul li:before {
    margin-left: -22px;
    font-size: 15px;
  }
}
@media screen and (max-width: 1000px) {
  .contentArticle__textArea + .contentArticle__textArea {
    padding-top: 30px;
  }
  .contentArticle__textArea p {
    font-size: 18px;
    line-height: 22px;
  }
  .contentArticle__textArea ul li {
    font-size: 18px;
    line-height: 22px;
    padding-left: 30px;
    margin: 0px 0px 10px 0px;
  }
}
@media screen and (max-width: 600px) {
  .contentArticle__textArea h1 {
    font-size: 40px;
    line-height: 40px;
  }
  .contentArticle__textArea {
    text-align: left;
    color: #545454;
  }
  .contentArticle__textArea.textAlignment {
    text-align: left;
  }
  .contentArticle__textArea h1 {
    text-align: left;
  }
  .contentArticle__textArea p.subtitle {
    text-align: left;
  }
}
/*  =========================================================
price element
========================================================= */
@media screen {
  .contentArticle__textArea > h1 > span.priceElement {
    font: 700 60px 'BebasNeue', 'Arial', 'Helvetica', sans-serif;
    display: inline-block;
    border-bottom: 3px solid #8e947d;
    border-top: 3px solid #8e947d;
    margin: 0px 0px 20px 0px;
    position: relative;
  }
  .contentArticle__textArea > h1 > span.priceElement:after {
    width: 100%;
    border-top: 2px solid #8e947d;
    position: absolute;
    top: -8px;
    left: 0px;
    content: " ";
  }
  .contentArticle__textArea > h1 > span.priceElement:before {
    width: 100%;
    border-top: 2px solid #8e947d;
    position: absolute;
    bottom: -8px;
    left: 0px;
    content: " ";
  }
}
@media screen and (max-width: 1400px) {
  .contentArticle__textArea > h1 > span.priceElement {
    font-size: 30px;
  }
}
/*  =========================================================
no header image
========================================================= */
@media screen {
  main > .contentArticle:first-child {
    margin-top: 180px;
  }
  main > [data-module="panorama"] + .contentArticle,
  main > [data-module="story"] + .contentArticle {
    margin-top: 70px;
  }
}
@media screen and (max-width: 1000px) {
  main > .contentArticle:first-child {
    margin-top: 110px;
  }
  main > [data-module="panorama"] + .contentArticle,
  main > [data-module="story"] + .contentArticle {
    margin-top: 30px;
  }
}
/*  =========================================================
color highlight
========================================================= */
@media screen {
  .contentArticle__textArea .highlighted {
    color: #8e947d;
    font: 700 80px/80px "BebasNeue", "Arial", "Helvetica", "sans-serif";
  }
}
@media screen and (max-width: 1400px) {
  .contentArticle__textArea .highlighted {
    font-size: 50px;
    line-height: 50px;
  }
}
@media screen and (max-width: 600px) {
  .contentArticle__textArea .highlighted {
    font-size: 40px;
    line-height: 40px;
  }
}
/*  =========================================================
star rating
========================================================= */
@media screen {
  .contentArticle__textArea .star:first-of-type {
    margin-left: 5px;
  }
  .contentArticle__textArea .star:before {
    font-family: icomoon;
    font-size: 16px;
    line-height: 50px;
    content: "\e921";
    vertical-align: top;
  }
  .contentArticle__textArea .superior:before {
    font-size: 22px;
    line-height: 52px;
    font-family: 'SourceSansPro', Helvetica, Arial, sans-serif;
    font-weight: 500;
    vertical-align: top;
    content: ' S';
  }
  .contentArticle__textArea .subtitle .star,
  .contentArticle__textArea .subtitle .star:before,
  .contentArticle__textArea .subtitle .superior:before {
    font-size: 10px;
    line-height: 10px;
  }
  .contentArticle__textArea .subtitle .star:first-of-type {
    margin-left: 0;
  }
}
@media screen and (max-width: 1400px) {
  .contentArticle__textArea .star:first-of-type {
    margin-left: 5px;
  }
  .contentArticle__textArea .star:before {
    font-size: 10px;
    line-height: 24px;
  }
  .contentArticle__textArea .superior:before {
    font-size: 14px;
    line-height: 26px;
  }
}
/*  =========================================================
trustyouElement
========================================================= */
@media screen {
  .contentArticle__trustyouElement > iframe {
    width: 100%;
    height: 40px;
    overflow: hidden;
    border: 0;
  }
}
/*  =========================================================
properties
========================================================= */
@media screen {
  .contentArticle__textArea .contentArticle__textArea__properties {
    margin: 0px 0px 55px 0px;
    padding: 30px 0px 0px 0px;
    list-style-type: none;
  }
  .contentArticle__textArea p + .contentArticle__textArea__properties {
    padding-top: 0;
  }
  .contentArticle__textArea .contentArticle__textArea__properties > li {
    font: 300 20px/1.5em 'SourceSansPro', 'Arial', 'Helvetica', 'sans-serif';
    color: #545454;
    margin: 0px 2em 0.75em 0px;
    padding-left: 40px;
  }
  .contentArticle__textArea .contentArticle__textArea__properties > li:before {
    content: "\e91c";
    display: inline-block;
    vertical-align: sub;
    width: 40px;
    text-align: left;
    margin-left: -40px;
    font: 400 normal 26px/24px 'icomoon';
    color: #8e947d;
  }
}
@media screen and (min-width: 1001px) {
  .contentArticle__textArea .contentArticle__textArea__properties > li {
    display: inline-block;
    vertical-align: middle;
  }
}
@media screen and (max-width: 1000px) {
  .contentArticle__textArea .contentArticle__textArea__properties > li {
    display: block;
    font-size: 18px;
  }
}
@media screen and (max-width: 1000px) {
  .contentArticle__textArea .contentArticle__textArea__properties > li:before {
    font-size: 18px;
  }
}
/*  =========================================================
seal
========================================================= */
@media screen {
  .sealWrapper {
    margin: 20px 0px;
  }
  .sealWrapper .seal {
    display: inline-block;
    vertical-align: middle;
  }
  .sealWrapper .seal:not(:last-of-type) {
    margin-right: 25px;
  }
}
@media screen and (max-width: 1000px) {
  .sealWrapper {
    margin-bottom: 50px;
  }
}
/*  =========================================================
jump points
========================================================= */
@media screen {
  .contentArticle__jumpPoints {
    text-align: center;
    padding-top: 2em;
    margin-bottom: 2em;
    font: 700 normal 30px/1em 'BebasNeue', Arial, Helvetica, sans-serif;
    color: #545454;
  }
  .contentArticle__jumpPoints > a:hover {
    color: #8e947d;
  }
}
@media screen and (max-width: 1000px) {
  .contentArticle__jumpPoints {
    font-size: 24px;
  }
}
@media screen and (min-width: 601px) {
  .contentArticle__jumpPoints > a {
    display: inline-block;
    padding: 0px 20px;
  }
}
@media screen and (max-width: 600px) {
  .contentArticle__jumpPoints > a {
    display: block;
    padding: 10px 0px;
  }
}
/*  =========================================================
combinations with other modules
========================================================= */
@media screen {
  main > [data-module="text"] + [data-module="form/contact"],
  main > [data-module="text"] + [data-module="form/newsletter"],
  main > [data-module="text"] + [data-module="form/offerInquiry"] {
    margin-top: -70px;
  }
  main > [data-module="text"] + [data-module="text"],
  main > [data-module="text"] + [data-module="form/filter"],
  main > [data-module="text"] + [data-module="hostQuickSearch"] {
    margin-top: -20px;
  }
}
/*  =========================================================
tables
========================================================= */
@media screen {
  .contentArticle__textArea thead tr {
    display: table-row;
  }
  .contentArticle__textArea table caption {
    font: 700 80px 'BebasNeue', 'Arial', 'Helvetica', 'sans-serif';
    text-align: center;
    color: #545454;
    line-height: 120%;
    padding: 0 0 45px 0;
  }
  .contentArticle__textArea th,
  .contentArticle__textArea table,
  .contentArticle__textArea td,
  .contentArticle__textArea tbody {
    border: none;
  }
  .contentArticle__textArea th,
  .contentArticle__textArea td {
    padding: 10px 20px;
  }
  .contentArticle__textArea tbody tr {
    font: 300 18px 'SourceSansPro', 'Arial', 'Helvetica', 'sans-serif';
    font-style: normal;
    line-height: 22px;
    color: #545454;
  }
  .contentArticle__textArea thead tr {
    font: 700 24px 'BebasNeue', 'Arial', 'Helvetica', 'sans-serif';
    background: #8e947d;
    color: #fff;
  }
  .contentArticle__textArea tbody tr:nth-child(even) {
    background: rgba(229, 229, 229, 0.8);
  }
  .contentArticle__textArea tbody tr:nth-child(odd) {
    background: rgba(229, 229, 229, 0.2);
  }
}
@media screen and (max-width: 600px) {
  .contentArticle__textArea thead {
    display: none;
  }
  .contentArticle__textArea td[data-label]::before {
    content: attr(data-label) ": ";
    font: 700 20px 'BebasNeue', 'Arial', 'Helvetica', 'sans-serif';
    display: block;
    color: #545454;
    padding-bottom: 5px;
  }
  .contentArticle__textArea td {
    display: block;
    overflow: hidden;
    padding: 10px;
  }
}

/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @since      20,07.2020
 **/
.parallaxElement .contentArticle {
  margin-top: 150px;
}

/**
 * Eifel
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2016 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @author     Benjamin Hofmann <hofmann@infomax-it.de>
 * @since      2016-03-21
 * @version    $$Id$$
 **/
/**

Navigation:
A.

**/
/*  =========================================================
 =A.
========================================================= */
@media screen {
  .contentArticle__trailMarkers > p {
    margin-left: 5px;
  }
  .contentArticle__trailMarkers > ul {
    list-style: none;
  }
  .contentArticle__trailMarkers > ul > li {
    float: left;
    height: 90px;
    padding: 0;
  }
  .contentArticle__trailMarkers > ul > li:before {
    display: none;
  }
  .contentArticle__trailMarkers > ul > li > img {
    width: auto;
    height: auto;
    aspect-ratio: auto;
  }
}
@media screen and (max-width: 600px) {
  .contentArticle__trailMarkers > ul > li {
    margin: 0 0 15px 5px;
  }
}
@media screen and (min-width: 601px) {
  .contentArticle__trailMarkers > p {
    float: left;
    height: 90px;
    line-height: 90px;
  }
  .contentArticle__trailMarkers > ul > li {
    margin: 0 0 15px 15px;
  }
}
/*! eifel, Compiled at 2021-07-13 07:22:09 */
/**
 * CT Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage imageTeaser
 * @author     lange
 * @since      27.11.2015
 * @version    $Id$
 **/
/*  =========================================================
general structure
========================================================== */
/*  =========================================================
general structure
========================================================= */
@media screen {
  .teaserGroup__imageTeaser > figure {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0px;
  }
  .teaserGroup__imageTeaser > figure img {
    width: 100%;
    height: auto;
  }
  .object-fit .teaserGroup__imageTeaser > figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

/**
 * CT Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage imageTeaser
 * @author     lange
 * @since      27.11.2015
 * @version    $Id$
 **/
/*  =========================================================
general structure
font settings
hover behaviour
price and date element for teaser
========================================================== */
/*  =========================================================
general structure
========================================================= */
@media screen {
  .teaserGroup__imageTeaser__text {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
  }
}
@media screen and (max-width: 1400px) {
  .teaserGroup__imageTeaser__text {
    top: auto!important;
    height: auto;
  }
}
/*  =========================================================
font settings
========================================================= */
@media screen {
  .teaserGroup__imageTeaser__text {
    color: #545454;
  }
  .teaserGroup__imageTeaser__text > h2 {
    font: 700 38px/40px 'BebasNeue', 'Arial', 'Helvetica', sans-serif;
    margin: 0px;
    padding: 30px;
  }
  .teaserGroup__imageTeaser__text > h2:after {
    font-family: icomoon;
    content: "\e907";
    position: absolute;
    right: 30px;
    bottom: 30px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .teaserGroup__imageTeaser__text > p {
    font: 500 20px/25px "SourceSansPro", "Arial", "Helvetica", sans-serif;
    margin: 0px;
    padding: 0px 80px 0px 30px;
    height: 210px;
    overflow: hidden;
  }
}
@media screen and (max-width: 1400px) {
  .teaserGroup__imageTeaser__text > h2 {
    font-size: 30px;
    line-height: 30px;
    padding: 20px 80px 20px 20px;
  }
  .teaserGroup__imageTeaser__text > h2:after {
    font-size: 35px;
    bottom: 50%;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    right: 20px;
  }
  .teaserGroup__imageTeaser__text > p {
    display: none;
  }
}
/*  =========================================================
hover behaviour
========================================================= */
@media screen {
  #teaserGroup .teaserGroup__imageTeaser__text {
    -webkit-transition: top 0.5s ease;
    transition: top 0.5s ease;
  }
}
/*  =========================================================
arrow
========================================================= */
@media screen and (min-width: 1401px) {
  .teaserGroup__imageTeaser:hover > .teaserGroup__imageTeaser__text {
    top: 0px !important;
  }
}
/*  =========================================================
price element for teaser
========================================================= */
@media screen {
  .teaserGroup__imageTeaser__text > h2 > span.priceElement {
    font: 700 28px 'BebasNeue', 'Arial', 'Helvetica', sans-serif;
    display: inline-block;
    border-bottom: 3px solid #8e947d;
    border-top: 3px solid #8e947d;
    margin: 20px 0px 0px 0px;
    position: relative;
  }
  .teaserGroup__imageTeaser__text > h2 > span.priceElement:after {
    width: 100%;
    border-top: 2px solid #8e947d;
    position: absolute;
    top: -8px;
    left: 0px;
    content: " ";
  }
  .teaserGroup__imageTeaser__text > h2 > span.priceElement:before {
    width: 100%;
    border-top: 2px solid #8e947d;
    position: absolute;
    bottom: -8px;
    left: 0px;
    content: " ";
  }
}

/**
 * CT Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage imageTeaser
 * @author     lange
 * @since      27.11.2015
 * @version    $Id$
 **/
/*  =========================================================
general structure
height settings
========================================================== */
/*  =========================================================
general structure
========================================================= */
@media screen {
  #teaserGroup h1 {
    font: 700 70px/70px 'BebasNeue', 'Arial', 'Helvetica', sans-serif;
    text-align: center;
    padding: 0px 21.42857143%;
    margin-top: 0;
    color: #545454;
    margin-left: 5px;
  }
  #teaserGroup p.subtitle {
    font: 300 20px/25px 'SourceSansPro', 'Arial', 'Helvetica', 'sans-serif';
    padding: 0px 21.42857143%;
    margin: 0px 0px 100px 0px;
    text-align: center;
    color: #545454;
  }
  #teaserGroup.paddingTop {
    padding-top: 170px;
  }
  .teaserGroup__imageTeaser,
  .teaserGroup__textTeaser {
    overflow: hidden;
    text-align: left;
    margin-bottom: 20px;
  }
  .teaserGroup__textTeaser {
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 1400px) {
  #teaserGroup h1 {
    font-size: 50px;
    line-height: 50px;
    padding: 0px;
  }
  #teaserGroup p.subtitle {
    font: 300 18px/22px 'SourceSansPro', 'Arial', 'Helvetica', 'sans-serif';
    padding: 0px;
    margin: 0px 0px 50px 5px;
    color: #545454;
  }
}
@media screen and (max-width: 1000px) {
  #teaserGroup h1 {
    font-size: 40px;
    line-height: 40px;
    padding: 0px;
    text-align: left;
  }
  #teaserGroup p.subtitle {
    padding: 0px;
    margin: 0px 0px 50px 5px;
    text-align: left;
  }
}
@media screen and (max-width: 900px) {
  #teaserGroup.paddingTop {
    padding-top: 110px;
  }
}
/*  =========================================================
height settings
========================================================= */
@media screen and (min-width: 1401px) {
  .teaserGroup__imageTeaser,
  .teaserGroup__textTeaser {
    height: 0px;
    padding-bottom: 28.51190476%;
    position: relative;
  }
}
@media screen and (max-width: 1400px) {
  .teaserGroup__imageTeaser,
  .teaserGroup__textTeaser {
    height: 0px;
    padding-bottom: 42.76785714%;
    position: relative;
  }
}
@media screen and (max-width: 600px) {
  .teaserGroup__imageTeaser,
  .teaserGroup__textTeaser {
    height: 0px;
    padding-bottom: 85.53571429%;
    position: relative;
  }
}

/**
 * CT Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage textTeaser
 * @author     lange
 * @since      30.11.2015
 * @version    $Id$
 **/
/*  =========================================================
general structure
font settings
hover behaviour
price and date element for teaser
========================================================== */
/*  =========================================================
general structure
========================================================= */
@media screen {
  .teaserGroup__textTeaser__text {
    width: 100%;
    height: 100%;
    background-color: #fff;
    vertical-align: middle;
    position: absolute;
    border: 3px solid #545454;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
  }
}
/*  =========================================================
font settings
========================================================= */
@media screen {
  .teaserGroup__textTeaser__text {
    color: #545454;
  }
  .teaserGroup__textTeaser__text > h2 {
    font: 700 38px/40px 'BebasNeue', 'Arial', 'Helvetica', sans-serif;
    margin: 0px;
    padding: 20px 30px;
  }
  .teaserGroup__textTeaser__text > p {
    font: 500 20px/25px "SourceSansPro", "Arial", "Helvetica", sans-serif;
    margin: 0px;
    padding: 0px 80px 0px 30px;
  }
}
@media screen and (max-width: 1400px) {
  .teaserGroup__textTeaser__text > h2 {
    font-size: 30px;
    line-height: 30px;
    padding: 20px 20px 10px 20px;
  }
  .teaserGroup__textTeaser__text > p {
    font: 400 18px/24px 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;
    margin: 0px;
    padding: 0px 60px 0px 20px;
  }
}
/*  =========================================================
arrow
========================================================= */
@media screen {
  .teaserGroup__textTeaser__text > h2:after {
    font-family: icomoon;
    content: "\e907";
    position: absolute;
    right: 30px;
    bottom: 30px;
  }
}
@media screen and (max-width: 1400px) {
  .teaserGroup__textTeaser__text > h2:after {
    font-size: 35px;
    right: 20px;
    bottom: 20px;
  }
}
/*  =========================================================
price element for teaser
========================================================= */
@media screen {
  .teaserGroup__textTeaser__text > h2 > .priceElement {
    font: 700 28px 'BebasNeue', 'Arial', 'Helvetica', sans-serif;
    display: inline-block;
    border-bottom: 3px solid #8e947d;
    border-top: 3px solid #8e947d;
    margin: 0px 0px 20px 0;
    position: relative;
  }
  .teaserGroup__textTeaser__text > h2 > .priceElement:after {
    width: 100%;
    border-top: 2px solid #8e947d;
    position: absolute;
    top: -8px;
    left: 0px;
    content: " ";
  }
  .teaserGroup__textTeaser__text > h2 > .priceElement:before {
    width: 100%;
    border-top: 2px solid #8e947d;
    position: absolute;
    bottom: -8px;
    left: 0px;
    content: " ";
  }
}
@media screen and (max-width: 1400px) {
  .teaserGroup__textTeaser__text > h2 > .priceElement {
    margin: 10px 0px 20px 0;
  }
}

/**
 * Eifel
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2016 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @author     Benjamin Hofmann <hofmann@infomax-it.de>
 * @since      2016-04-05
 * @version    $$Id$$
 **/
/**

Navigation:
A. wetter.de widget stylings

**/
/*  =========================================================
 =A. wetter.de widget stylings
========================================================= */
/*  =========================================================
height settings
========================================================= */
@media screen {
  .teaserGroup__textTeaser .wt-widget.wt-widget-classic {
    width: 100%;
  }
  .teaserGroup__textTeaser .wt-widget-classic .wt-widget-forecasts-detail .wt-widget-weather-title {
    font-size: 18px;
  }
  .teaserGroup__textTeaser .wt-widget-classic .wt-widget-forecasts-detail .wt-widget-forecast-detail-morning,
  .teaserGroup__textTeaser .wt-widget-classic .wt-widget-forecasts-detail .wt-widget-forecast-detail-noon,
  .teaserGroup__textTeaser .wt-widget-classic .wt-widget-forecasts-detail .wt-widget-forecast-detail-evening {
    width: 30%;
    padding-right: 1.5%;
  }
  .teaserGroup__textTeaser .wt-widget-weather-icon img {
    width: 60px;
  }
  .teaserGroup__textTeaser .wt-widget-classic .wt-widget-forecasts-detail .wt-widget-weather-temperature {
    font-size: 28px;
    padding: 10px 0 0 10px;
  }
  .teaserGroup__textTeaser .wt-widget-classic .wt-widget-forecasts-detail .wt-widget-weather-condition {
    font-size: 14px;
  }
  .teaserGroup__textTeaser .wt-widget-classic .wt-widget-searchbar .wt-widget-searchbar-field,
  .teaserGroup__textTeaser .wt-widget-classic .wt-widget-searchbar {
    width: 100%;
  }
  .teaserGroup__textTeaser .wt-widget-classic .wt-widget-current-weather .wt-widget-weather-temperature {
    top: 5px;
  }
  .teaserGroup__textTeaser .wt-widget.wt-widget-classic {
    border: 0;
    background: #fff;
  }
  .teaserGroup__textTeaser .wt-widget-classic .wt-widget-location-name {
    padding-top: 60px;
  }
}
@media screen and (min-width: 1601px) {
  section[data-module="weather"] .teaserGroup__textTeaser {
    height: 0px;
    padding-bottom: 22%;
    position: relative;
  }
}
@media screen and (max-width: 1600px) {
  section[data-module="weather"] .teaserGroup__textTeaser {
    height: 0px;
    padding-bottom: 23.5%;
    position: relative;
  }
}
@media screen and (max-width: 1500px) {
  section[data-module="weather"] .teaserGroup__textTeaser {
    padding-bottom: 25%;
  }
  .teaserGroup__textTeaser .wt-widget-classic .wt-widget-forecasts-detail .wt-widget-forecast-detail-morning,
  .teaserGroup__textTeaser .wt-widget-classic .wt-widget-forecasts-detail .wt-widget-forecast-detail-noon,
  .teaserGroup__textTeaser .wt-widget-classic .wt-widget-forecasts-detail .wt-widget-forecast-detail-evening {
    padding-right: 1%;
  }
  .teaserGroup__textTeaser .wt-widget-classic .wt-widget-forecasts-detail .wt-widget-weather-temperature {
    padding: 5px 0 0 5px;
  }
}
@media screen and (max-width: 1400px) {
  section[data-module="weather"] .teaserGroup__textTeaser {
    padding-bottom: 27.768%;
  }
}
@media screen and (max-width: 1270px) {
  section[data-module="weather"] .teaserGroup__textTeaser {
    padding-bottom: 30.768%;
  }
}
@media screen and (max-width: 1100px) {
  section[data-module="weather"] .teaserGroup__textTeaser {
    padding-bottom: 35.768%;
  }
}
@media screen and (max-width: 1000px) {
  section[data-module="weather"] .teaserGroup__textTeaser {
    padding-bottom: 40.768%;
  }
}
@media screen and (max-width: 900px) {
  section[data-module="weather"] .teaserGroup__textTeaser {
    padding-bottom: 45.768%;
  }
}
@media screen and (max-width: 800px) {
  section[data-module="weather"] .teaserGroup__textTeaser {
    padding-bottom: 50.768%;
  }
}
@media screen and (max-width: 700px) {
  section[data-module="weather"] .teaserGroup__textTeaser {
    padding-bottom: 57.768%;
  }
}
@media screen and (max-width: 600px) {
  section[data-module="weather"] .teaserGroup__textTeaser {
    padding-bottom: 63.536%;
  }
}
@media screen and (max-width: 560px) {
  section[data-module="weather"] .teaserGroup__textTeaser {
    padding-bottom: 76.536%;
  }
}
@media screen and (max-width: 525px) {
  section[data-module="weather"] .teaserGroup__textTeaser {
    padding-bottom: 71.536%;
  }
}
@media screen and (max-width: 500px) {
  section[data-module="weather"] .teaserGroup__textTeaser {
    padding-bottom: 75.536%;
  }
}
@media screen and (max-width: 460px) {
  section[data-module="weather"] .teaserGroup__textTeaser {
    padding-bottom: 79.536%;
  }
}
@media screen and (max-width: 440px) {
  section[data-module="weather"] .teaserGroup__textTeaser {
    padding-bottom: 76.536%;
  }
  .teaserGroup__textTeaser .wt-widget-classic .wt-widget-current-weather .wt-widget-weather-temperature,
  .teaserGroup__textTeaser .wt-widget-classic .wt-widget-forecasts-detail .wt-widget-weather-temperature {
    font-size: 16px;
    padding: 10px 0 0 10px;
  }
  .teaserGroup__textTeaser .wt-widget-classic .wt-widget-forecasts-detail .wt-widget-weather-condition {
    font-size: 10px;
  }
  .teaserGroup__textTeaser .wt-widget-classic .wt-widget-forecasts-detail .wt-widget-weather-title {
    font-size: 12px;
  }
  .teaserGroup__textTeaser .wt-widget-weather-icon img {
    width: 30px;
  }
  .teaserGroup__textTeaser .wt-widget-classic .wt-widget-location-name {
    padding-top: 35px;
  }
  .teaserGroup__textTeaser .wt-widget-classic .wt-widget-forecasts-detail .wt-widget-forecast-detail-morning,
  .teaserGroup__textTeaser .wt-widget-classic .wt-widget-forecasts-detail .wt-widget-forecast-detail-noon,
  .teaserGroup__textTeaser .wt-widget-classic .wt-widget-forecasts-detail .wt-widget-forecast-detail-evening {
    padding-right: 0;
  }
  .teaserGroup__textTeaser .wt-widget-classic .wt-widget-current-weather .wt-widget-weather-condition {
    bottom: -30px;
  }
  .teaserGroup__textTeaser .wt-widget-classic .wt-widget-forecasts-detail {
    margin-top: 10px;
  }
}
@media screen and (max-width: 340px) {
  section[data-module="weather"] .teaserGroup__textTeaser {
    padding-bottom: 83.536%;
  }
}
/*! eifel, Compiled at 2021-07-01 07:38:36 */
/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage jumpToTop
 * @author     bruetsch
 * @since      11.01.2016
 * @version    $Id$
 **/
/*  =========================================================
jump to top
========================================================= */
/*  =========================================================
jump to top
========================================================= */
@media screen {
  #jumpToTop {
    position: fixed;
    bottom: 20px;
    right: 6%;
    padding: 14px 26px 14px 20px;
    height: 50px;
  }
  #jumpToTop > [class*="icon-"] {
    right: 7px;
    line-height: 42px;
  }
}
@media screen and (max-width: 1760px) {
  #jumpToTop {
    right: 4%;
  }
}
@media screen and (max-width: 1700px) {
  #jumpToTop {
    right: 20px;
  }
}
@media screen and (max-width: 1400px) {
  #jumpToTop {
    right: 10px;
  }
  #jumpToTop > [class*="icon-"] {
    line-height: 45px;
    right: 11px;
  }
}
@media screen and (max-width: 1024px) {
  #jumpToTop {
    right: 0px;
  }
}
@media screen and (max-width: 600px) {
  #jumpToTop {
    display: none;
  }
}
/*! eifel, Compiled at 2021-07-13 07:22:09 */
/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage print
 * @author     degener
 * @since      13.11.2017
 * @version    $Id$
 **/
/*  =========================================================
general structure
display none
font
logo
footer
teaser / content
table
========================================================== */
/*  =========================================================
general structure
========================================================= */
@media print {
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  hr,
  br,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  font,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  input,
  select,
  textarea,
  button,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  menu,
  nav,
  output,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    border-style: none;
  }
  br {
    width: 100%;
    height: 1px;
    display: block;
  }
  * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  body {
    padding-top: 0;
  }
}
/*  =========================================================
display none
========================================================== */
@media print {
  #pageHeader__navigation,
  #breadcrumb,
  #teaserGroup,
  #fulltextSearch__map,
  #anchor-anreise,
  #jumpToTop,
  #contentForm--offerInquiry,
  #fulltextSearch__list__activeFilters,
  #fulltextSearch__list_filterWrapper,
  #pageFooter__newsletterArea,
  #pageFooter__sm,
  #pageFooter__logoArea,
  #pageFooter__meta__nav,
  #pageFooter__meta__language,
  .headerImageWrapper,
  .headerImage--small,
  .headerImage__imageWrapper,
  .headerImage__imageContainer,
  .headerImage__imageContainer picture,
  .dotNavigation__dotElement,
  .contentForm,
  .contentForm__heading,
  .contentForm__bg,
  .contentArticle__textArea__sm,
  .list__loadMore,
  .imageGallery,
  .simpleImageGallery,
  .fulltextSearch__list__element > figure,
  .ghost-button,
  form,
  input,
  noscript {
    display: none;
    overflow: hidden;
  }
}
/*  =========================================================
font
========================================================== */
@media print {
  html,
  body {
    font: 300 14pt/1.5 "SourceSansPro", Arial, sans-serif;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: "BebasNeue", Arial, sans-serif;
    line-height: 1.1;
    font-weight: 700;
    margin-top: 10px;
  }
  h1 {
    font-size: 28pt;
    text-transform: uppercase;
  }
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: 20pt;
  }
  h3,
  h4,
  h5,
  h6 {
    font-size: 16pt;
  }
  a {
    color: #000;
    text-decoration: none;
  }
  a[href^="http://"]:after,
  a[href^="https://"]:after,
  a[href^="mailto:"]:after {
    content: " (" attr(href) ")";
    font-size: 80%;
    font-style: italic;
    word-wrap: break-word;
  }
  strong,
  b {
    font-family: "SourceSansPro", Arial, sans-serif;
    font-weight: 500;
  }
}
/*  =========================================================
logo
========================================================== */
@media print {
  #pageHeader__logo {
    width: 140px;
    height: 140px;
    display: inline-block;
    position: relative;
  }
  #pageHeader__logo .desktopLogo {
    visibility: hidden;
  }
  #pageHeader__logo .printLogo {
    left: 10px;
    position: absolute;
    top: 0px;
  }
  .tourInfo__literature,
  a.book,
  #anchor-anreise,
  .contactArea__mapcontainer {
    display: none;
    margin-bottom: 0px;
  }
  #tourInfo,
  .tourInfo__route,
  #anchor-kontakt,
  .contactArea__address {
    padding: 0px 0px 0px 0px;
    margin-bottom: 0px;
    bottom: 0px;
  }
  #anchor-kontakt {
    height: 150px;
  }
  .hostDetailAccordion__topBar__infos {
    padding-bottom: 10px;
  }
  .tourInfo__mapcontainer #tourInfo__mapcontainer__map {
    position: absolute;
    height: 600px;
    width: auto;
    padding-top: 5px;
  }
  .tourInfo__characteristics {
    padding: 10px 0px 0px 0px;
    margin-bottom: 0px;
    bottom: 0px;
  }
  #pageHeader__logo:after {
    content: '';
    display: none;
  }
  #pageHeader__logo > img {
    width: 66px;
    height: auto;
    margin: 12px auto;
    display: block;
  }
}
/*  =========================================================
footer
========================================================== */
@media print {
  #pageFooter__contactArea,
  #pageFooter__newsletterArea,
  #pageFooter__sm,
  #pageFooter__logoArea,
  .tourInfo__arrive,
  .tourInfo__address {
    height: auto!important;
  }
  #pageFooter__contactArea {
    display: block;
    margin-top: 20px;
  }
  #pageFooter__contactArea__links .ghost-button:first-of-type {
    display: inline-block;
  }
  #pageFooter__contactArea__links .ghost-button:last-of-type {
    display: none;
  }
  #pageFooter__contactArea__links .ghost-button > [class*="icon-"] {
    float: left;
    margin-right: 10px;
  }
  #pageFooter__meta__copyright {
    width: 100%;
    height: auto!important;
    display: inline-block;
    font-size: 80%;
    font-weight: 300;
    margin-top: 40px;
    padding: 0;
  }
}
/*  =========================================================
teaser / content
========================================================== */
@media print {
  .bigTeaser__text,
  .contentList__element,
  .contentArticle,
  .contentArticle p,
  .contentArticle__textArea,
  .contentArticle__textArea p,
  .mapList__list__element,
  aside,
  ul {
    padding: 5px 0;
  }
  #breadcrumb,
  #pageHeader__navigation {
    border: 1px solid black;
  }
  ul {
    margin-left: 20px;
    list-style: disc;
  }
  .fulltextSearch__list__element__text {
    border-bottom: 1px solid #555;
    padding: 10px 0;
    margin: 10px 0;
  }
  .fulltextSearch__list__element__text > .trustyouElement,
  .contentArticle__trustyouElement {
    display: block;
    width: 215px;
    height: 40px;
    overflow: hidden;
    border: 0;
  }
  .hostDetailRating {
    disply: block;
    border-bottom: 1px solid #555;
  }
  .hostDetailRating > p:first-of-type,
  .hostDetailRating > p:last-of-type,
  .hostDetailRating > span.hostDetailRating__graph {
    display: inline-block;
  }
  .hostDetailRating > p:first-of-type {
    font-weight: 500;
    margin-right: 20px;
  }
  .hostDetailRating > p:last-of-type {
    font-size: 80%;
    margin-left: 20px;
  }
  .contentArticle__textArea > h1 > span.priceElement {
    margin-top: 10px;
    display: block;
  }
}
/*! eifel, Compiled at 2021-06-16 10:22:39 */
/* perfect-scrollbar v0.8.1 */
.ps {
  -ms-touch-action: auto;
  touch-action: auto;
  overflow: hidden !important;
  -ms-overflow-style: none;
}
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.ps.ps--active-x > .ps__scrollbar-x-rail,
.ps.ps--active-y > .ps__scrollbar-y-rail {
  display: block;
  background-color: transparent;
}
.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: #999;
  height: 11px;
}
.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #999;
  width: 11px;
}
.ps > .ps__scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  bottom: 0px;
  /* there must be 'bottom' for ps__scrollbar-x-rail */
  height: 15px;
}
.ps > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out;
  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out;
  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out;
  bottom: 2px;
  /* there must be 'bottom' for ps__scrollbar-x */
  height: 6px;
}
.ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x,
.ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x {
  height: 11px;
}
.ps > .ps__scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  right: 0;
  /* there must be 'right' for ps__scrollbar-y-rail */
  width: 15px;
}
.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out;
  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out;
  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
  transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out, -webkit-border-radius 0.2s ease-in-out;
  right: 2px;
  /* there must be 'right' for ps__scrollbar-y */
  width: 6px;
}
.ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y,
.ps > .ps__scrollbar-y-rail:active > .ps__scrollbar-y {
  width: 11px;
}
.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: #999;
  height: 11px;
}
.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #999;
  width: 11px;
}
.ps:hover > .ps__scrollbar-x-rail,
.ps:hover > .ps__scrollbar-y-rail {
  opacity: 0.6;
}
.ps:hover > .ps__scrollbar-x-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}
.ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {
  background-color: #999;
}
.ps:hover > .ps__scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}
.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
  background-color: #999;
}
/*! eifel, Compiled at 2021-07-13 07:22:09 */
/**
 * Eifel
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2016 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @author     Benjamin Hofmann <hofmann@infomax-it.de>
 * @since      2016-02-19
 * @version    $$Id$$
 **/
/**

Navigation:
A. Stylized map

**/
/*  =========================================================
 =A. Stylized map
========================================================= */
@media screen {
  .stylizedMap {
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .stylizedMap .mapPoi {
    position: absolute;
    /* exact coordinates are set by using calculated inline styles */
    z-index: 1;
    display: block;
    height: 60px;
    width: 42px;
  }
  .stylizedMap > img {
    width: 100%;
    height: auto;
  }
  .stylizedMap .mapPoi:before {
    content: '';
    display: block;
    height: 60px;
    width: 42px;
    position: absolute;
    top: -60px;
    left: 21px;
    background: url('../images/objects/mapPoi--transparent.31a0f90f.svg') 50% 50% no-repeat;
    background-size: 42px auto;
  }
}
/*! eifel, Compiled at 2021-07-13 07:22:09 */
/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage pageHeader
 * @author     lange
 * @since      23.11.2015
 * @version    $Id$
 **/
/*  =========================================================
general structure
fonts
ghost button
========================================================= */
/*  =========================================================
general structure
========================================================== */
@media screen {
  #pageFooter__contactArea {
    background-color: #8e947d;
    padding-left: 5.95238%;
    padding-right: 5.95238%;
    padding-top: 65px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 1400px) {
  #pageFooter__contactArea {
    background-color: #fff;
    padding-top: 45px;
    padding-bottom: 45px;
  }
}
@media screen and (max-width: 1000px) {
  #pageFooter__contactArea {
    background-color: #8e947d;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
  }
}
/*  =========================================================
fonts
========================================================== */
@media screen {
  #pageFooter__contactArea > h3 {
    font-family: 'BebasNeue', 'Arial', 'Helvetica', sans-serif;
    font-weight: 700;
    font-size: 65px;
    text-transform: uppercase;
    line-height: 65px;
    color: #fff;
    margin: 0px 0px 30px 0px;
    padding: 0px;
  }
  #pageFooter__contactArea > p {
    font-family: 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;
    font-weight: 300;
    font-size: 22px;
    line-height: 28px;
    color: #fff;
    margin: 0px 0px 30px 0px;
    padding: 0px;
  }
}
@media screen and (max-width: 1400px) {
  #pageFooter__contactArea > h3 {
    font-size: 40px;
    line-height: 40px;
    color: #545454;
    margin: 0px 0px 18px 0px;
    padding: 0px;
  }
  #pageFooter__contactArea > p {
    font-size: 18px;
    line-height: 22px;
    color: #545454;
    margin: 0px 0px 20px 0px;
  }
}
@media screen and (max-width: 1000px) {
  #pageFooter__contactArea > h3,
  #pageFooter__contactArea > p,
  #pageFooter__contactArea > #pageFooter__contactArea__links > .ghost-button > span {
    color: #fff;
  }
  #pageFooter__contactArea #pageFooter__contactArea > #pageFooter__contactArea__links > .ghost-button {
    color: #fff;
    border: 2px solid #fff;
    float: none;
  }
}
/*  =========================================================
ghost button
========================================================== */
@media screen and (max-width: 1400px) {
  #pageFooter__contactArea > #pageFooter__contactArea__links > .ghost-button {
    color: #545454;
    border: 2px solid #545454;
  }
  #pageFooter__contactArea > #pageFooter__contactArea__links > .ghost-button > span {
    color: #545454;
  }
}
@media screen and (max-width: 1000px) {
  #pageFooter__contactArea > #pageFooter__contactArea__links > .ghost-button {
    color: #fff;
    border: 2px solid #fff;
    float: none;
  }
  #pageFooter__contactArea > #pageFooter__contactArea__links > .ghost-button > span {
    color: #fff;
  }
}
@media screen and (max-width: 600px) {
  #pageFooter__contactArea > #pageFooter__contactArea__links > .ghost-button {
    display: inline-block;
  }
}

/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage pageHeader
 * @author     lange
 * @since      23.11.2015
 * @version    $Id$
 **/
/*  =========================================================

========================================================== */

/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage pageHeader
 * @author     lange
 * @since      24.11.2015
 * @version    $Id$
 **/
/*  =========================================================
navi
language
copyright
========================================================= */
/*  =========================================================
navi
========================================================== */
@media screen {
  #pageFooter__meta {
    background-color: #8e947d;
    position: relative;
    padding-left: 5.95238%;
    padding-right: 5.95238%;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  #pageFooter__meta #pageFooter__meta__nav {
    width: 100%;
    padding-right: 230px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: -230px;
    vertical-align: top;
  }
  #pageFooter__meta #pageFooter__meta__nav a {
    font: 300 20px 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    margin-right: 20px;
    display: inline-block;
  }
  #pageFooter__meta #pageFooter__meta__nav a:last-of-type {
    margin-right: 0px;
  }
}
@media screen and (max-width: 1400px) {
  #pageFooter__meta > #pageFooter__meta__nav > a {
    font-size: 18px;
    line-height: 18px;
    margin-right: 18px;
    display: inline-block;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1000px) {
  #pageFooter__meta #pageFooter__meta__nav {
    text-align: center;
    width: 100%;
    padding-right: 0px;
  }
  #pageFooter__meta > #pageFooter__meta__nav > a {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  #pageFooter__meta {
    padding: 40px 20px;
  }
}
/*  =========================================================
language
========================================================== */
@media screen {
  #pageFooter__meta__language ul {
    color: #fff;
    list-style: outside none none;
    margin: 0px;
    padding: 0px;
    display: block;
    text-align: right;
    width: 100%;
  }
  #pageFooter__meta__language ul li {
    font: 300 20px 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;
    text-transform: uppercase;
    display: inline-block;
    float: none;
  }
  #pageFooter__meta__language ul li:not(:last-of-type):after {
    content: "|";
    margin: 0px 5px;
  }
  #pageFooter__meta__language li a {
    text-decoration: none;
  }
}
@media screen and (max-width: 1400px) {
  #pageFooter__meta__language li {
    font-size: 18px;
  }
}
@media screen and (min-width: 1000px) {
  #pageFooter__meta__language {
    display: inline-block;
    width: 230px;
    text-align: right;
  }
}
@media screen and (max-width: 1000px) {
  #pageFooter__meta__language {
    display: inline-block;
    float: none;
    margin: 0px 0px 20px 0px;
    width: 100%;
  }
  #pageFooter__meta__language ul {
    position: relative;
    float: left;
    left: 50%;
    width: auto;
  }
  #pageFooter__meta__language li {
    position: relative;
    float: left;
    right: 50%;
  }
}
/*  =========================================================
copyright
========================================================== */
@media screen {
  #pageFooter__meta__copyright {
    float: left;
    width: 100%;
  }
  #pageFooter__meta__copyright > p {
    font: 400 14px 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;
    color: #fff;
    margin: 10px 0px;
  }
}
@media screen and (max-width: 1400px) {
  #pageFooter__meta__copyright > p {
    margin: 0px;
    padding: 0px;
  }
}
@media screen and (max-width: 1000px) {
  #pageFooter__meta__copyright {
    text-align: center;
  }
}

/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage pageHeader
 * @author     lange
 * @since      23.11.2015
 * @version    $Id$
 **/
/*  =========================================================
logoArea
group of logos
========================================================= */
/*  =========================================================
logoArea
========================================================== */
@media screen {
  #pageFooter__logoArea {
    background-color: #fff;
    padding-left: 5.95238%;
    padding-right: 0;
    padding-top: 30px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 1400px) {
  #pageFooter__logoArea {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}
@media screen and (max-width: 1000px) {
  #pageFooter__logoArea {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
  }
}
/*  =========================================================
group of logos
========================================================== */
@media screen {
  #pageFooter__logoArea__groupOfLogos {
    display: inline-block;
    vertical-align: middle;
  }
  #pageFooter__logoArea__groupOfLogos img {
    margin: 10px 15px 0px 0px;
  }
}
@media screen and (max-width: 1400px) {
  #pageFooter__logoArea__groupOfLogos img {
    margin: 0px 21px 0px 0px;
  }
}

/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage pageHeader
 * @author     lange
 * @since      23.11.2015
 * @version    $Id$
 **/
/*  =========================================================
general structure
fonts
input
ghost button
========================================================= */
/*  =========================================================
general structure
========================================================== */
@media screen {
  #pageFooter__newsletterArea {
    background-color: #fff;
    padding-left: 5.95238%;
    padding-right: 5.95238%;
    padding-top: 65px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 1400px) {
  #pageFooter__newsletterArea {
    background-color: #8e947d;
    padding-top: 45px;
    padding-bottom: 45px;
  }
}
@media screen and (max-width: 1000px) {
  #pageFooter__newsletterArea {
    background-color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
  }
}
/*  =========================================================
fonts
========================================================== */
@media screen {
  #pageFooter__newsletterArea > h3 {
    font-family: 'BebasNeue', 'Arial', 'Helvetica', sans-serif;
    font-weight: 700;
    font-size: 65px;
    text-transform: uppercase;
    line-height: 65px;
    color: #545454;
    margin: 0px 0px 30px 0px;
    padding: 0px;
  }
  #pageFooter__newsletterArea > p {
    font-family: 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;
    font-weight: 300;
    font-size: 22px;
    line-height: 28px;
    color: #545454;
    margin: 0px 0px 30px 0px;
    padding: 0px;
  }
}
@media screen and (max-width: 1400px) {
  #pageFooter__newsletterArea > h3 {
    font-size: 40px;
    line-height: 40px;
    color: #fff;
    margin: 0px 0px 18px 0px;
  }
}
@media screen and (max-width: 1000px) {
  #pageFooter__newsletterArea > h3 {
    color: #545454;
  }
  #pageFooter__newsletterArea .ghost-button {
    float: none;
    color: #545454;
    border-color: #545454;
  }
  #pageFooter__newsletterArea > p {
    color: #545454;
  }
}
/*  =========================================================
input
========================================================== */
@media screen {
  .pageFooter__newsletterArea__form__inputset {
    margin-bottom: 50px;
    position: relative;
  }
  #pageFooter__newsletterArea__form label {
    color: #545454;
    display: block;
    font: 300 22px 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;
    margin: 0 0 11px 22px;
    position: absolute;
    top: 0px;
    left: 0px;
  }
  #pageFooter__newsletterArea__form [type="text"],
  #pageFooter__newsletterArea__form [type="email"] {
    background: none;
    border: none;
    outline: none;
    border-bottom: 3px solid #545454;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #8e947d;
    font: 300 22px 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;
    padding-left: 180px;
    width: 100%;
  }
  #pageFooter__newsletterArea__form [type="text"] {
    padding-left: 100px;
  }
}
@media screen and (max-width: 1400px) {
  .pageFooter__newsletterArea__form__inputset {
    margin-bottom: 20px;
  }
  #pageFooter__newsletterArea__form label {
    color: #fff;
    font: 400 14px 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;
    margin: 0px;
  }
  #pageFooter__newsletterArea__form [type="text"],
  #pageFooter__newsletterArea__form [type="email"] {
    border-bottom: 2px solid #fff;
    color: #fff;
    font: 400 18px 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;
    padding-left: 95px;
    margin-bottom: 10px;
  }
  #pageFooter__newsletterArea__form [type="text"] {
    padding-left: 50px;
  }
}
@media screen and (max-width: 1000px) {
  .pageFooter__newsletterArea__form__inputset {
    margin-bottom: 20px;
  }
  #pageFooter__newsletterArea__form label {
    color: #545454;
  }
  #pageFooter__newsletterArea__form [type="text"],
  #pageFooter__newsletterArea__form [type="email"] {
    border-bottom: 2px solid #545454;
    color: #545454;
  }
}
/*  =========================================================
ghost button
========================================================== */
/* positioning fix */
@media screen and (min-width: 1001px) {
  #pageFooter__newsletterArea .ghost-button {
    margin-top: 20px;
    float: right;
    color: #545454;
    border-color: #545454;
  }
}
@media screen and (max-width: 1400px) {
  #pageFooter__newsletterArea .ghost-button {
    float: none;
    color: #fff;
    border-color: #fff;
  }
  #pageFooter__newsletterArea > p {
    color: #fff;
  }
}
@media screen and (max-width: 1000px) {
  #pageFooter__newsletterArea .ghost-button {
    float: none;
    color: #545454;
    border-color: #545454;
  }
  #pageFooter__newsletterArea > p {
    color: #545454;
  }
}

/**
 * eifel
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2020 infomax websolutions GmbH
 * @link       https://www.infomax-online.de
 * @author     Florian Sauer <sauer@infomax-it.de>
 * @since      2020-07-22
 */
/**
/*  =========================================================
general structure
parallax states
========================================================= */
/*  =========================================================
general structure

========================================================= */
/*  =========================================================
parallax states
========================================================= */
#pageFooter.parallaxElement {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: auto;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: all 666ms ease;
  transition: all 666ms ease;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
#pageFooter.parallaxElement--prev {
  z-index: 10;
  opacity: 0;
}
#pageFooter.parallaxElement--current {
  top: 0;
  left: 0;
  z-index: 20;
  display: block;
}
#pageFooter.parallaxElement--next {
  display: block;
  z-index: 30;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
}

/**
 * Eifel Tourismus - Hauptportal 2015
 *
 * LICENSE
 *
 * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG).
 * It is not allowed to make any kinds of modifications, nor must it be copied,
 * or published without explicit permission. Misuse will lead to persecution.
 *
 * @copyright  2015 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage pageHeader
 * @author     lange
 * @since      23.11.2015
 * @version    $Id$
 **/
/*  =========================================================
general structure
fonts
social icons
========================================================= */
/*  =========================================================
general structure
========================================================== */
@media screen {
  #pageFooter__sm {
    background-color: #545454;
    padding-left: 5.95238%;
    padding-right: 5.95238%;
    padding-top: 65px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 1400px) {
  #pageFooter__sm {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}
@media screen and (max-width: 1000px) {
  #pageFooter__sm {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
  }
}
/*  =========================================================
fonts
========================================================== */
@media screen {
  #pageFooter__sm > h3 {
    font-family: 'BebasNeue', 'Arial', 'Helvetica', sans-serif;
    font-weight: 700;
    font-size: 65px;
    text-transform: uppercase;
    line-height: 65px;
    color: #fff;
    margin: 0px 0px 30px 0px;
    padding: 0px;
  }
}
@media screen and (max-width: 1400px) {
  #pageFooter__sm > h3 {
    font-size: 40px;
    line-height: 40px;
    margin: 0px 0px 18px 0px;
  }
}
/*  =========================================================
social icons
========================================================== */
@media screen {
  #pageFooter__sm > .pageFooter__sm__group > a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 65px;
    position: relative;
    text-align: center;
    text-decoration: none;
    margin: 0px 50px 23px 0px;
  }
  #pageFooter__sm a > .pageFooter__sm__link__text {
    display: block;
    color: #fff;
    font: 400 14px 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;
    text-transform: uppercase;
    text-align: center;
  }
  .pageFooter__sm__icon {
    font-size: 60px;
    color: #fff;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }
}
@media screen and (max-width: 1680px) {
  #pageFooter__sm > .pageFooter__sm__group > a {
    margin: 0px 26px 23px 0px;
  }
}
@media screen and (max-width: 1400px) {
  #pageFooter__sm > .pageFooter__sm__group > a {
    width: 50px;
    position: relative;
    text-align: center;
    text-decoration: none;
    margin: 0px 20px 23px 0px;
  }
  #pageFooter__sm > .pageFooter__sm__group > a > .pageFooter__sm__link__text {
    font-size: 11px;
  }
  .pageFooter__sm__icon {
    font-size: 50px;
  }
}
@media screen and (max-width: 1000px) {
  #pageFooter__sm > .pageFooter__sm__group > a {
    margin: 0px 26px 0px 0px;
  }
  #pageFooter__sm > .pageFooter__sm__group > a:last-of-type {
    margin: 10px 20px 23px 0px;
  }
}