/*! eifel, Compiled at 2021-09-27 14:19:28 */
/**
 * 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;
  }
}