/*! eifel, Compiled at 2025-06-11 12:41:03 */
/**
 * 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
ctabuttons
cookie
========================================================== */
/*  =========================================================
basic config
========================================================= */
/* eifel tourismus colors */
/* dimensions */
/* percentage dimensions */
/* percentage margins */
/* vertical aligns */
.verticalAlignHelper {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
  margin: 0;
}
/*  =========================================================
general structure setup
========================================================= */
:root {
  --color-primary: #737865;
  --color-primary-special: #8e947d;
}
@media screen {
  html {
    height: auto;
    font-size: 16px;
    background: #bbc0af;
    overflow-x: hidden;
    overscroll-behavior: none;
  }
  html,
  body {
    margin: 0;
    border: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
  }
  html.hull--map,
  html.hull--map body {
    height: 100%;
  }
  html.page--centered {
    text-align: center;
  }
  body.modules--parallax {
    position: relative;
    height: 100vh;
  }
  body.modules--parallax--safari {
    top: 0;
    transition: top 250ms ease;
  }
  main {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    background-color: #fff;
  }
  main:not(#fullMap) {
    display: inline-block;
    max-width: 1680px;
  }
  main#fullMap {
    display: block;
    height: 100%;
  }
  a > img {
    border: 0 none;
  }
  hr {
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    margin: 0;
    padding: 0;
    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: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }
  .none,
  .hide {
    display: none !important;
  }
  .noMargin {
    margin: 0 !important;
  }
  .noPadding {
    padding: 0 !important;
  }
  .noBorder {
    border: 0 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;
    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 !important;
    background-color: transparent;
    margin: 0 10px 10px 0;
    border: 3px solid;
    margin-left: 1px;
  }
}
@media screen and (max-width: 1400px) {
  .ghost-button {
    border-width: 2px;
    height: 56px;
    padding: 0 21px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 26px;
  }
}
/* inline icon */
@media screen {
  .ghost-button > [class*='icon-'] {
    position: absolute;
    right: 20px;
    top: 0;
    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: #737865;
    border-color: #737865;
  }
}
/* smaller text inlay */
@media screen {
  .ghost-button > small {
    font: 400 14px 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;
    margin-left: 7px;
  }
}
/*  =========================================================
ctabuttons
========================================================= */
/* default settings */
@media screen {
  .cta-button {
    background-color: #6d7d40;
    border: 3px solid #f8f8f8;
    color: #f8f8f8;
    font: 400 22px/22px 'SourceSansPro', 'Arial', 'Helvetica', sans-serif;
    outline: 3px solid #6d7d40;
    padding: 14px 8px;
    position: relative;
    text-decoration: none;
  }
}
@media screen {
  .cta-button > strong {
    font-weight: 700;
  }
}
/*  =========================================================
disable scrolling
========================================================= */
@media screen {
  .disableScrolling {
    overflow: hidden !important;
  }
}
/*  =========================================================
cookie
========================================================= */
@media screen {
  .cc_container .cc_btn,
  .cc_container .cc_btn:visited {
    background-color: #737865 !important;
    color: #f8f8f8 !important;
    border-radius: 0 !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: #737865 !important;
  }
}
/*  =========================================================
tosc5
========================================================= */
.tosc5App {
  padding-top: 80px;
  min-height: 100vh;
}
.tosc5App .cookiebotReminder,
.tosc5App .tosc5Container {
  display: inline-block;
  position: relative;
  width: 100%;
}
@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))
========================================================= */
@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__board__item__content__loadingAnimation,
  .listFilter__offcanvas__loadingAnimation,
  .listFilter__dropdown_options__loadingAnimation,
  .fulltextSearch__listFilter__loadingAnimation,
  .contentForm__form__loadingAnimation {
    top: 0;
    z-index: 10;
    display: none;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
  }
  .fullMap__board__item__content__loadingAnimation {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .listFilter__offcanvas__loadingAnimation {
    position: fixed;
    right: 0;
  }
  .listFilter__dropdown_options__loadingAnimation,
  .fulltextSearch__listFilter__loadingAnimation,
  .contentForm__form__loadingAnimation {
    position: absolute;
    left: 0;
    width: 100%;
  }
  .fullMap__board__item__content__loadingAnimation--active,
  .fulltextSearch__listFilter__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;
    border-radius: 50%;
    border-width: 10px;
    border-style: solid;
    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: #737865;
    animation-delay: 0.875s;
  }
}