/* ==========================================================================
   Author:	Sebastian K�sters
   Firma:	Systemhaus Niederrhein GmbH	
   Datei:	fewo.css - Styling der Fewo-Seiten und der wiederkehrenden Elemente
   ========================================================================== */

/* ==========================================================================
   1. Bereich: Slider - Allgemein
   ========================================================================== */
.content-first {
  -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
  box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.75);
  border-radius: 12px;
  min-height: 650px;
  margin-top: -22%;
  width: 97%;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  z-index: 1000;
  position: relative;
}

.imp-content h3 {
  text-transform: uppercase;
  font-size: 25px;
  font-weight: 400;
  padding-left: 20px;
}


.content-first span {
  font-weight: 600;
}

.card-head-fewo {
  min-height: 57px;
}

.content-first .card-head {
  border-bottom: 1px solid;
}

.content-first .card-head hr {
  border: 1px solid;
  width: 80%;
  margin-top: 10px;
}

.content-first p {
  text-align: center;
  font-size: 23px;
}

.content-first h2 {
  margin: 0;
  padding-top: 13px;
  font-size: 30px;
  padding-left: 20px;
  font-weight: 300;
  text-transform: uppercase;
}

.sidebar-right {
  min-height: 380px;
  padding-bottom: 30px;
}

.btn-buchen {
  height: 45px;
  width: 199px;
  font-size: 21px;
  text-transform: uppercase;
  font-weight: 300;
  margin-left: -7%;
  margin-top: 30px;
}

.fewo-slide p {
  font-size: 14px;
  padding-top: 7px;
  font-weight: 700;
}

.fewo-slide{
  margin-top: 30px
}

.col-xs-12.fewo-slide {
  padding-left: 16px;
  /* margin: 0 auto; */
  text-align: center;
  position: relative;
  left: 14%;
  width: 80%;
}

.fewo-prev, 
.fewo-next {
  border-radius: 50px;
  width: 35px;
}

.fewo-prev i {
  right: 3px;
}

.fewo-next i {
  left: -3px;
}






/* ==========================================================================
   2. Bereich: Allgemein - Beschreibung, Ausstattung, usw.
   ========================================================================== */

.content-second {
  -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
  box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.75);
  border-radius: 12px;
  min-height: 556px;
  margin-top: 50px;
  width: 97%;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  z-index: 1000;
  position: relative;
  padding-bottom: 40px;
}

.content-second span {
  font-weight: 600;
}

.card-head-fewo {
  min-height: 57px;
}

.content-second .card-head {
  border-bottom: 1px solid;
}

.content-second .card-head hr {
  border: 1px solid;
  width: 80%;
  margin-top: 10px;
}

.content-second p {
  text-align: center;
  font-size: 23px;
}

.content-second h2 {
  margin: 0;
  padding-top: 13px;
  font-size: 30px;
  padding-left: 20px;
  font-weight: 300;
  text-transform: uppercase;
}




/* ==========================================================================
   Highlights (Sidebar)
   ========================================================================== */

.highlights {
  width: 100%;
  min-height: 140px;
  background: #e9e8e6;
  border-radius: 0;
  margin-top: 30px;
  display: table;
}

.highlights i {
  margin-right: 13px;
  margin-left: 7px
}

.highlights span {
  font-size: 19px;
  float: left;
  margin-bottom: 10px;
  font-weight: 400;
  width: 68%;
  margin-left: 5%;
}

.highlights span:nth-of-type(1) {
  margin-top: 10px;
}


/* ==========================================================================
   Tabs
   ========================================================================== */

.tab-content {
  padding: 11px;
}

.card-head a {
  font-size: 24px;
  color: #fff;
}

#myTab2>li>a{
border: 0;
font-weight: 300;
}

#myTab2>li>a:focus,
#myTab2>li>a:hover,
#myTab2>li.active>a, 
#myTab2>li.active>a:hover, 
#myTab2>li.active>a:focus
 {
cursor: cursor;
background-color: transparent;
border: 0;
  font-size: 24px;
  font-weight: 700;
  background-color: none;
color: #fff
}

.card-head .nav-tabs {
border-bottom: 0px; 
}






/* ==========================================================================
   Content: Beschreibung
   ========================================================================== */

.desc-content p {
  font-weight: 300;
  text-align: left;
  padding-left: 20px;
  padding-top: 20px;
}

/* ==========================================================================
   Content: Ausstattung
   ========================================================================== */

.ausstattung-content i{
  top: 6px;
}

.header-list-style{
  border-radius: 50px;
  width: 30px;
  height: 30px;
  padding: 0;
  display: inline-block;
  float: left;
  margin-top: 15px;
  margin-left: 5px;
  margin-right: 5px;
  cursor: default;
}

.header-list-style:active ,
.header-list-style.active,
.header-list-style:visited  {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.header-list-style:hover, 
.header-list-style:focus
{
  background: none;
  background-image: -webkit-linear-gradient(top,#5cb85c 0,#419641 100%);
  background-image: -o-linear-gradient(top,#5cb85c 0,#419641 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#419641));
  background-image: linear-gradient(to bottom,#5cb85c 0,#419641 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  border-color: #3e8f3e;
}

.ausstattung-content h2 {
  text-transform: uppercase;
  font-size: 25px;
  font-weight: 400;
  padding-top: 16px;
  padding-left: 45px;
}

.ausstattung-content ul {
  margin-left: 5px;
list-style: none;
  margin-top: 15px;
}

.ausstattung-content li {
  margin-top: 6px;
  background: url(../img/icons/list.png) no-repeat 0%;
  padding: 1px 12px 0px 22px;
  font-size: 19px;
  font-weight: 300;
}


/* ==========================================================================
   Content: Preise
   ========================================================================== */


th.table-header, td.table-content, td.table-content-info {
  border: 0px!important;
}

th.table-header {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 400;
}

td.table-content {
  font-size: 19px;
  font-weight: 300;
}

td.table-content-info {
  font-weight: 300;
  font-size: 15px;
}

table.table.desc-content {
  margin-left: 15px;
}


/* ==========================================================================
   Content: Slider
   ========================================================================== */


.flexslider .slides img {
  height: auto;
  border: 10px solid #08ae2f;
  border-radius: 12px;
}

div#testslick1 {
  margin: 8px;
  margin-bottom: 50px;
}

#testslick2 .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
  margin-left: 8px;
  margin-right: 8px;
}



/* ==========================================================================
   Content: Anfahrt
   ========================================================================== */

.anfahrt {
  margin-top: -1px;
  background: #f9f9f9;
}

.mapdetail {
  display: flex;
  justify-content: center;
  align-items: center;
}

.map-info {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.map {
  height: 200px!important;
}



@media (min-width: 400px){

.map {
  height: 300px!important;
}

}


@media (min-width: 768px){


.highlights {
  width: 94%;
  min-height: 140px;
  background: #e9e8e6;
  border-radius: 4px;
  margin-top: 30px;
  display: table;
}

.highlights span {
  font-size: 19px;
  float: left;
  margin-bottom: 10px;
  font-weight: 400;
  width: 100%;
  margin-left: 0;
}

.navbar-right .dropdown-menu {
  right: 0;
  left: 17px;
  width: 280px;


}

}



@media (min-width: 990px){

.map {
  height: 500px!important;
}

div#testslick1 {
  margin-left: 15px;
  margin-top: 15px;
  margin-bottom: 50px;
}

.sidebar-right{
  border-left: 1px solid #08ae2f;
  height: 500px;	
  margin-top: -1px; 
}

.col-md-4.ausstattungListe {
  min-height: 420px;
}

}




@media (min-width: 1400px){

.content-first {
  margin-top: -33%;
}

}