a{color:#233184;}
u{text-decoration: underline;}

#suchergebnisHeader h1{text-shadow: 0px 1px 4px rgba(0,0,0,0.4);}

.offerWrapper.open{
  z-index: 3;
}
.offerWrapper.open .offerBox,
.offerWrapper.open .offerSlide{
  box-shadow: 0 1px 5px rgba(0,0,0,0.3);
}
.offerBox.highlight{
  box-shadow:0px 4px 8px rgba(0,0,0,0.20);
  margin-top:30px;
  border: 1px solid #ccc;
}

/* .offerBox .imageBox{height:240px} */

.offerBox .descriptionBox{width:45%}
/* .dot:before{
  content: "\f0c8";
  position: absolute;
  top: 7px;
  left: 2px;
  font-size: 4px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 600;
} */

.bg-trans-white-gradient{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.specialbumper{
  top:-.75rem;
}
/* .specialbumper strong{
  text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
} */

/* .highlightBox ul li{
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.8);
}
.highlightBox ul li.green{
  border-color:#9BC900;
  background-color: rgba(234, 244, 201, 1);
  color:#7b9f03;
  box-shadow: inset 1px 1px 1px rgba(255,255,255,0.8), inset -1px -10px 10px rgba(59, 119, 0, 0.2);
}
.highlightBox ul li.turquoise{
  border-color:#00c987;
  background-color: #c9f0eb;
  color:#019c69;
  box-shadow: inset 1px 1px 1px rgba(255,255,255,0.8), inset -1px -10px 10px rgba(0, 139, 97, 0.2);
}
.highlightBox ul li.blue{
  border-color:#43aee3;
  background-color: rgb(201, 230, 244);
  color:#2380c3;
  box-shadow: inset 1px 1px 1px rgba(255,255,255,0.8), inset -1px -10px 10px rgba(0, 74, 217, 0.2);
}
.highlightBox ul li.orange{
  border-color:#f48a0d;
  background-color: rgba(249, 226, 193, 1);
  color:#d96200;
  box-shadow: inset 1px 1px 1px rgba(255,255,255,0.8), inset -1px -10px 10px rgba(179, 75, 0, 0.31);
}
.highlightBox ul li.gold{
  border-color:#f4b30d;
  background-color: rgba(255, 240, 187, 1);
  color:#bb7c02;
  box-shadow: inset 1px 1px 1px rgba(255,255,255,0.8), inset -1px -10px 10px rgba(235, 141, 0, 0.2);
}
.highlightBox ul li i{font-size: 13px;}
.highlightBox ul li.green i{color:#92bd04;}
.highlightBox ul li.turquoise i{color:#00c987;}
.highlightBox ul li.orange i{color:#f18200;}
.highlightBox ul li.gold i{color:#ebaa05;} */


/*
 * jQuery FlexSlider v2.6.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover{outline: none;}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {margin: 0;padding: 0;list-style: none;}
.flex-pauseplay span {text-transform: capitalize;}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {margin: 0;padding: 0;overflow:	hidden;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}
html[xmlns] .flexslider .slides {display: block;}
* html .flexslider .slides {height: 1%;}
.no-js .flexslider .slides > li:first-child {display: block;}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider{position: relative;}
.flexslider .slides {zoom: 1;}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
#page_head > .flexslider .flex-viewport .slides li{height:420px;}
#microsites .flexslider .flex-viewport .slides li{height:492px;}
#angebote .flexslider .flex-viewport .slides li{height:400px;}

.flexslider .flex-viewport .slides li .helper{
  height:100%;
  display:inline-block;
  vertical-align: middle;
}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  overflow: hidden;
  cursor: pointer;
  background:#fff;
  border-radius:50px;
  color:transparent;
  box-shadow: 0 0 2px rgba(0,0,0,0.2);
}
.flex-direction-nav a.flex-prev{left: 12px;}
.flex-direction-nav a.flex-next{right: 12px;}

.flex-direction-nav a:before {
  position: absolute;
  left:50%;
  top:50%;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 16px;
  color:#525252;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.flex-direction-nav a.flex-prev:before {content: "\f060";}
.flex-direction-nav a.flex-next:before {content: "\f061";}

.flex-direction-nav .flex-disabled {
    opacity: 0!important;
    filter: alpha(opacity=0);
    cursor: default;
    z-index: -1;
}

.flex-control-nav{
  width: 100%;
  position: absolute;
  bottom: 0px;
  text-align: center;
}
.flex-control-nav li{
  margin: 0 6px;
  display: inline-block;
}
.flex-control-nav li a{
  height: 11px;
  width:11px;
  display: block;
  border: 1px solid #fff;
  box-sizing: border-box;
  border-radius: 20px;
  text-indent: -9999px;
}
.flex-control-nav li a.flex-active{
  cursor: default;
  background-color: #fff;
}

.flexslider + .carousel .slides{height:80px;}
.flexslider + .carousel li.thumbs{
    height:80px;
    cursor: pointer;
    opacity: 0.5;
    overflow: hidden;
    box-sizing: border-box;
}
.flexslider + .carousel li.thumbs:hover,
.flexslider + .carousel li.thumbs.flex-active-slide{opacity: 1;}
.flexslider + .carousel .flex-direction-nav .flex-next{right:0px;}
.flexslider + .carousel .flex-direction-nav .flex-prev{left:0px;}
.flexslider + .carousel .flex-direction-nav a{
    height:100%;
    border-radius: 0px;
    width: 30px;
    opacity: 0.7;
}