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