/*! 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  2016 infomax websolutions GmbH
 * @link       http://www.infomax-it.de
 * @package    css
 * @subpackage fullMap
 * @author     gueldner
 * @since      07.01.2016
 * @version    $Id$
 **/
/*  =========================================================
content wrapper
image
text
loading animation
height profile
========================================================== */
/*  =========================================================
content wrapper
========================================================= */
@media screen {
  .fullMap__board__item__content__wrapper {
    padding: 20px;
    background: #fff;
  }
}
/*  =========================================================
image
========================================================= */
@media screen {
  .fullMap__infoBoard__image {
    width: 80.76923077%;
    height: 0;
    padding-bottom: 57.69230769%;
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 auto;
  }
  .fullMap__infoBoard__image > img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: auto;
  }
}
/*  =========================================================
text
========================================================= */
/* different top paddings if there is an image or not */
@media screen {
  .fullMap__infoBoard__text {
    padding-top: 0;
  }
  .fullMap__infoBoard__image + .fullMap__infoBoard__text {
    padding-top: 25px;
  }
}
@media screen {
  .fullMap__infoBoard__text h3,
  .fullMap__infoBoard__text h4 {
    display: block;
    font: 700 40px/1em 'BebasNeue', Arial, sans-serif;
    color: #4c4c4c;
    text-transform: uppercase;
    margin: 0 0 20px 0;
  }
  .fullMap__infoBoard__text h3 > .info {
    display: inline-block;
    font: 700 25px/1.25em 'BebasNeue', Arial, sans-serif;
    color: #545454;
    margin-bottom: 25px;
    position: relative;
    border-bottom: 3px solid #737865;
    border-top: 3px solid #737865;
  }
  .fullMap__infoBoard__text h3 > .info::after,
  .fullMap__infoBoard__text h3 > .info::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    border-top: 2px solid #737865;
  }
  .fullMap__infoBoard__text h3 > .info::after {
    top: -8px;
  }
  .fullMap__infoBoard__text h3 > .info::before {
    bottom: -8px;
  }
  .fullMap__infoBoard__text p {
    font: 300 20px/28px 'SourceSansPro', Arial, sans-serif;
    color: #4c4c4c;
    margin: 0 0 20px 0;
  }
  .fullMap__infoBoard__text .subline {
    font-weight: 400;
    text-transform: uppercase;
    margin: -20px 0 20px 0;
  }
  .fullMap__infoBoard__text p strong {
    font-weight: 500;
  }
  .fullMap__infoBoard__text .tourInfo__route {
    margin-bottom: 20px;
  }
  .fullMap__infoBoard__text .tourInfo__route p {
    margin-bottom: 10px;
  }
  .fullMap__infoBoard__text .ghost-button {
    float: none;
    display: inline-block;
    margin: 0 0 20px 0;
  }
  .fullMap__infoBoard__text .ghost-button:nth-child(even) {
    margin-right: 10px;
  }
  .fullMap__infoBoard__text ul {
    margin: 0 0 40px 0;
    padding: 0;
    list-style: none;
  }
  .fullMap__infoBoard__text ul > li {
    font: 300 20px/28px 'SourceSansPro', Arial, sans-serif;
    color: #4c4c4c;
    display: block;
    margin: 0 0 20px 0;
    padding: 0 0 0 40px;
  }
  .fullMap__infoBoard__text ul > li strong {
    font-weight: 500;
  }
  .fullMap__infoBoard__text ul > li::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin: 0 20px 0 -40px;
    background: #737865;
  }
}

/**
 * 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  2021 infomax websolutions GmbH
 * @link       https://www.infomax-online.de
 * @author     Andreas Rappel <andreas.rappel@cebesoft.com>
 * @since      13.10.2021
 */
@media screen {
  #fullMap__board .fullMap__board__item {
    position: relative;
    width: 100%;
    height: calc(100% - 54px);
    background-color: #fff;
    pointer-events: all;
  }
  #fullMap__board .fullMap__board__item h1 {
    font: 700 28px 'BebasNeue', 'Arial', 'Helvetica', 'sans-serif';
    color: #545454;
    margin: 5px 0 0 15px;
  }
  #fullMap__board .fullMap__board__item .fullMap__board__item__content {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}

/**
 * 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$
 **/
/*  =========================================================
main structure
label and checkbox
subpoints
subpoint label and checkbox
submit button
========================================================== */
/*  =========================================================
main structure
========================================================= */
@media screen {
  #mapLegend {
    background: #fff;
    margin: 0 0 80px 0;
    padding: 0;
    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 {
    width: 100%;
  }
}
/*  =========================================================
label and checkbox
========================================================= */
@media screen {
  #mapLegend [type='checkbox'] {
    position: absolute;
    top: 0;
    left: 0;
    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;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
/* different paddings on different screen sizes */
@media screen and (min-width: 601px) {
  #mapLegend li > label {
    padding: 20px 15px 20px 80px;
  }
  #mapLegend li > label::before {
    margin: 0 35px 0 -65px;
  }
}
@media screen and (max-width: 600px) {
  #mapLegend li > label {
    padding: 15px 10px 15px 50px;
  }
  #mapLegend li > label::before {
    margin: 0 10px 0 -40px;
  }
}
/* 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: 0;
    right: 0;
    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 15px;
  }
}
@media screen and (max-width: 600px) {
  .mapLegend__subpoints > label {
    padding: 15px 10px;
  }
}
@media screen {
  .mapLegend__subpoints > ul {
    margin: 0;
    padding: 0;
    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;
    display: -ms-flexbox;
    display: flex;
  }
  #mapLegend .mapLegend__subpoints > ul > li > label img {
    -ms-flex-item-align: self-start;
        -ms-grid-row-align: self-start;
        align-self: self-start;
    margin-right: 10px;
  }
}
/* 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;
  }
}
/*  =========================================================
submit button
========================================================= */
@media screen {
  .fullMap__board__item--legend .fullMap__board__item__content button {
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
  }
}
@media screen and (max-width: 600px) {
  #fullMap__board[data-mobile-height="low"]:not([data-mobile-scroll="closeToBottom"]):not([data-is-top-selected="true"]) .fullMap__board__item--legend .fullMap__board__item__content button {
    display: none;
  }
}

/**
 * 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  2021 infomax websolutions GmbH
 * @link       https://www.infomax-online.de
 * @author     Andreas Rappel <andreas.rappel@cebesoft.com>
 * @since      11.10.2021
 */
@media screen {
  #fullMap__board {
    position: fixed;
    padding: 0;
    top: 0;
    left: 0;
    z-index: 70;
    -ms-touch-action: none;
        touch-action: none;
    pointer-events: none;
    box-sizing: border-box;
  }
  #fullMap__board .fullMap__board__controls {
    height: 54px;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  #fullMap__board .fullMap__board__controls__top {
    background-color: transparent;
    text-align: center;
    height: 16px;
    pointer-events: none;
  }
  #fullMap__board .fullMap__board__controls__top img {
    pointer-events: all;
  }
  #fullMap__board .fullMap__board__controls__bottom {
    height: 38px;
    background-color: #fff;
    pointer-events: all;
  }
  #fullMap__board .fullMap__board__controls__bottom__back,
  #fullMap__board .fullMap__board__controls__bottom__close {
    text-decoration: none;
    font-size: 24px;
    color: #fff;
    background-color: #545454;
    padding: 5px 3px 1px 3px;
    margin-bottom: 4px;
  }
  #fullMap__board .fullMap__board__controls__bottom__back {
    float: left;
  }
  #fullMap__board .fullMap__board__controls__bottom__close {
    float: right;
  }
}
@media screen and (min-width: 601px) {
  #fullMap__board {
    -ms-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important;
    height: calc(100vh - 75px) !important;
    top: unset;
    left: unset;
    bottom: 0;
    right: 0;
    transition: right 0.5s ease;
  }
}
@media screen and (min-width: 601px) {
  #fullMap__board .fullMap__board__controls__top {
    visibility: 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  2021 infomax websolutions GmbH
 * @link       https://www.infomax-online.de
 * @author     Andreas Rappel <andreas.rappel@cebesoft.com>
 * @since      14.10.2021
 */
@media screen {
  #mapList {
    list-style: none;
    padding-left: 15px;
    width: calc(100% - 30px);
  }
  #mapList li {
    font: 300 20px/28px 'SourceSansPro', Arial, sans-serif;
    color: #4c4c4c;
    display: block;
    margin: 0 0 20px 0;
    padding: 0 0 0 35px;
  }
  #mapList li::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin: 0 20px 0 -40px;
    background: #737865;
  }
}

/**
 * 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  2021 infomax websolutions GmbH
 * @link       https://www.infomax-online.de
 * @author     Andreas Rappel <andreas.rappel@cebesoft.com>
 * @since      13.10.2021
 */
@media screen {
  #fullMap__board {
    display: block;
  }
  #fullMap__board[data-board='legend'] .fullMap__board__item.fullMap__board__item--legend {
    display: block;
  }
  #fullMap__board[data-board='legend'] .fullMap__board__item:not(.fullMap__board__item--legend) {
    display: none;
  }
  #fullMap__board[data-board='legend'] .fullMap__board__controls__bottom__back {
    display: none;
  }
  #fullMap__board[data-board='list'] .fullMap__board__item.fullMap__board__item--list {
    display: block;
  }
  #fullMap__board[data-board='list'] .fullMap__board__item:not(.fullMap__board__item--list) {
    display: none;
  }
  #fullMap__board[data-board='infoBoard'] .fullMap__board__item.fullMap__board__item--infoBoard {
    display: block;
  }
  #fullMap__board[data-board='infoBoard'] .fullMap__board__item:not(.fullMap__board__item--infoBoard) {
    display: none;
  }
  #fullMap__board.fullMap__board--hidden {
    display: none;
  }
}
@media screen and (min-width: 601px) {
  #fullMap__board.fullMap__board--hidden {
    display: block;
    right: -440px;
  }
}

/**
 * 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 fullMap
 * @author     gueldner
 * @since      05.01.2016
 * @version    $Id$
 **/
/*  =========================================================
general structure
controls
markers
========================================================== */
/*  =========================================================
general structure
========================================================= */
@media screen {
  #fullMap__mapContainer {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease;
  }
}
/*  =========================================================
controls
========================================================= */
@media screen {
  #fullMap__controls {
    position: absolute;
    bottom: 30px;
    right: 5.95238095%;
    transition: margin 0.5s ease;
  }
}
@media screen {
  #fullMap__controls > a {
    display: block;
    box-sizing: border-box;
    color: #4c4c4c;
    text-decoration: none;
    text-align: center;
    border: 3px #4c4c4c solid;
  }
}
/* different sizes on different screen sizes */
@media screen and (min-width: 601px) {
  #fullMap__controls > a {
    width: 64px;
    height: 60px;
    font-size: 30px;
    line-height: 60px;
  }
  #fullMap__controls > a:not(:last-of-type) {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 600px) {
  #fullMap__controls {
    display: none;
  }
  #fullMap__controls > a {
    width: 50px;
    height: 50px;
    font-size: 25px;
    line-height: 50px;
  }
  #fullMap__controls > a:not(:last-of-type) {
    margin-bottom: 10px;
  }
}
/*  =========================================================
markers
========================================================= */
@media screen {
  .imx-cluster > span {
    display: block;
    width: 60px;
    height: 60px;
    color: #fff;
    font: 700 26px/60px 'BebasNeue', Arial, sans-serif;
    text-align: center;
  }
  .imx-person > span {
    display: block;
    width: 40px;
    height: 40px;
    color: #545454;
    font-size: 40px;
    line-height: 40px;
    text-align: center;
  }
}
