/*CUSTOM##################################################################*/

/*######### Anpassung 10/2017 - Thomas Mergen #########*/


/*######### ENDE Anpassung 10/2017 - Thomas Mergen #########*/

@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic);

p.readmore a{
  color: #fff;
  background: transparent;
  border: 0;
  box-shadow: none;
}

div.clear{
  clear: both;
}

p.readmore a:hover{
  text-decoration: underline;
}

body{
    background-image: url(../images/background.jpg) !important;
    background-size: cover!important;
    background-position: 50%  !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}


article.post-1 {
	display: none;
}

body.subpage {
    padding-top: 00px;
}

#sp-slider-wrapper{

    padding: 0;
}

div#slider {
  /*  margin-top: 40px;
    margin-bottom: -40px;*/
}

.flex-caption{
  font-family: 'Libre Baskerville', serif;
    font-size: 40px;
    font-style: italic;
}

.flexslider.position-caption-top-centered .flex-caption{
  top: 50% !important;
  /*text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);*/
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}

/*pagination für Slider - bei Bedarf wieder aktivieren!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
a.nav-left,
a.nav-right {
    display: none !important;
}

#sp-slider-wrapper #sp-slide .carousel-inner .item.active .slider-title h1{
  font-family: 'Libre Baskerville', serif;
  font-size: 40px;
  font-style: italic;
}

.carouselck_captions{
  position: relative;
}

.carouselck_caption>div{
  width: 100%;
  height: auto;
  bottom: 0;
  position: absolute;
}

h1, h2, h3, h4, h5 ,h6{
    font-family: 'Libre Baskerville', serif;
    font-style: italic;
    color: #fff;
}

.intro h1, h2{
  font-size: 26px;
}

.intro h4{
  margin: 20px 0 0 0;
}

.search input.button{display: none;}


/*Menü*/
#sp-header-wrapper{
  height: 40px;
  background: rgba(19,113,185,0.8) !important;
}


#sp-header-wrapper #header{
  height: 40px;
  background: transparent !important;
}

#sp-main-menu ul.level-0>li{
  font-size: 15px;
}

#sp-main-menu ul.level-0 > li >a{
  padding: 10px 15px;
  color: #fff;
  text-transform: uppercase;
}


#sp-main-menu ul.level-0 > li:hover,
#sp-main-menu ul.level-0 > li.active{
  background: #97bf0d;
}

.sp-submenu{
  transition: visibility 150ms 0ms, opacity !important;
}

.sp-submenu.sub-level {
  /*  display: none;*/
}

.sp-mobile-menu{
  top: 40px;
}

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

}

#mod-search-searchword{
  margin: 5px;
  width: 110px;
}


a.hidden-desktop.sp-main-menu-toggler{
  top: 5px;
  right: 30px;
}

div.carouselck_wrap{
  margin: 30px 0;
}


/*CONTENT*/
img.fulltext-image{
  border-radius: 500px;
  max-width: 250px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

#sp-component article h1{
    font-family: 'Libre Baskerville', serif;
    font-style: italic;
}

#sp-component article{
  overflow: ;
  padding: 5px
}

#sp-component .item-page .pull-left{
  float: none;
}

#sp-component .item-page span{

color: #fff !important;
font-size: 15px !important;
}


#sp-component .item-page {
  text-align: center;

}

img.pull-left, .pull-left > img{
  margin-top:  -80px;
  position: relative;
}

header.entry-header {
    margin-top: 25px;
}

div#sp-component-area {
    margin-bottom: 20px;
}

#sp-service-wrapper .container{
    margin-top: 0;
}

#sp-service-wrapper .container,
#sp-portfolio-wrapper .container,
#sp-pricing-wrapper .container,
#sp-team-wrapper .container,
#sp-bottom-wrapper .container{
  border: 0;
}

#sp-service-wrapper .container,
#sp-portfolio-wrapper .container,
#sp-pricing-wrapper .container,
#sp-team-wrapper .container,
#sp-bottom-wrapper .container,
#sp-users-wrapper .container{
  padding: 30px 10px;
}

#sp-users-wrapper .container{
  box-sizing: border-box;
}

#sp-header-wrapper #header,
#sp-service-wrapper .container{
    border-radius: 0;
}

#sp-team-wrapper .container,
#sp-pricing-wrapper .container,
 #sp-service-wrapper .container,
 #sp-breadcrumb-wrapper .container{
   text-align: center;
 }

 #sp-service-wrapper .container,
  #sp-breadcrumb-wrapper .container,
   #sp-breadcrumb-wrapper .container h2,
 #sp-service-wrapper .container h2{
   background: #0064ad;
   color: #fff
 }

.serviceicons{
  width: 440px;
  margin: 0 auto;
}

.serviceicons img{
  margin: 5px 10px !important;
}

#sp-users-wrapper{
  padding: 0 !important;
}

#sp-users-wrapper .container{
    background: #fff;
}

#sp-users-wrapper .custom.intro{
  border-radius: 200px 200px 0 0;
  color: #fff;
  min-height: 490px;
  text-align: center;
}

#sp-users-wrapper .custom.intro h2{
    color: #fff;
}

#sp-users-wrapper .custom.intro h2,
#sp-users-wrapper .custom.intro p{
  margin:  10px;
}

#sp-users-wrapper .custom.intro p{
  font-size: 0.96em;
}

#sp-users-wrapper .custom.intro p:first-child{
  margin: 0 0 20px 0;
}

#sp-users-wrapper .custom.intro img{
  border-radius: 200px;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
}

#sp-users-wrapper .custom.intro.wohlfuehlen{background: #f5c000;}
#sp-users-wrapper .custom.intro.entspannen{background: #97bf0d;}
#sp-users-wrapper .custom.intro.entdecken{background: #0064ad;}



#sp-pricing-wrapper .container{
    background: #f5c000;
    color: #fff;
}

#sp-pricing-wrapper .container h2{
    text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
    color: #fff;
    font-size: 40px;
    line-height: 55px;
    margin-bottom: 0;
  }

#sp-portfolio-wrapper .container
{
  padding: 0 ;
}

#sp-portfolio-wrapper .container p{
  margin-bottom: 0;
}

#sp-team-wrapper .container,
#sp-team-wrapper .container h2 {
    background: #97bf0d;
    color: #fff;
}


#sp-bottom-wrapper .container{
  background: #88B000;
}

#sp-bottom-wrapper .container p{
  color: #fff;
}


#sp-bottom-wrapper .container h4{
  color: #fff;
}

#sp-bottom-wrapper #sp-bottom2 a:hover{
  color: #fff;
}

input[type='submit']:hover,
input[type='submit'] {
    background: #0064ad;
}

#sp-bottom-wrapper .sp_quickcontact input[type="email"],
#sp-bottom-wrapper .sp_quickcontact input[type="text"] {
	float: left;
	width: 31%;
	min-height: 30px;
	margin: 0 10px 10px 0;
	padding: 5px;
	background-color: #fff;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#sp-bottom-wrapper .sp_quickcontact #sccaptcha{
  width: 60% !important;
}

#sp-bottom-wrapper .sp_quickcontact textarea#message {
	background-color: #fff;
  height: 280px;
}

#sp-bottom-wrapper .sp_quickcontact .btn.btn-primary, input[type='submit']{
  padding: 4px 16px;
}

#sp-footer-wrapper{
  background: rgba(255, 255, 255, 0.8) !important;
}

#sp-component article{
  background: #fff;
  padding: 20px 50px;
  color: #fff;
}

#sp-component article h1{
  color: #fff;
}

#sp-component article.impressum,
#sp-component article.datenschutz,
#sp-component article.wohlfuehlen{  background: #f5c000;}
#sp-component article.relax{  background: #97bf0d;}
#sp-component article.entdecken,
#sp-component div.search ,
#sp-component article.infos{  background: #0064ad;}

#sp-component div.search{
  padding: 10px;
  color: #fff;
}

#sp-component div.search h1{
  color: #fff;
}

#sp-component article.impressum h2,
#sp-component article.datenschutz h2{
  color: #fff;
  font-size: 20px;
}

#sp-service-wrapper{background: rgba(19,113,185,0.8) !important;}
#sp-pricing-wrapper{background: rgba(245,192,0,0.8) !important;}
#sp-team-wrapper{background: rgba(151,191,13,0.8) !important;}

body.subpage #sp-main-body-wrapper{
  background: rgba(19,113,185,0.8) !important;
  /*height: 180px;*/
}

body.subpage #sp-bottom-wrapper .container{
/*  margin-top: 140px;*/
}

#sp-bottom-wrapper h3.header{
  font-family: 'Libre Baskerville', serif;
  font-style: italic;
}

#sp-team .custom .span4 .image{
  height: 60px
}

#sp-team .custom .span4 h4{
  margin-bottom: 0;
}

/*responsive Google Map*/
.responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 979px) {
  #sp-bottom-wrapper .sp_quickcontact #sccaptcha{
    width: 98% !important;
  }
}

@media screen and (max-width: 767px) {
    #sp-users-wrapper .custom.intro ,
    #sp-users-wrapper .custom.intro img{
        border-radius: 0;
    }

    #sp-users-wrapper .custom.intro {
      padding-bottom: 10px;
    }

    .responsive #sp-pricing-wrapper .container h2{
      font-size: 25px;
      line-height: 45px;
    }
    .flex-caption{
      display: none;
    }
    #sp-slider-wrapper #sp-slide,
    .flexslider{
      height: 215px;
    }
    .flexslider .slides img{
      height: 215px;
      max-width: none !important;
      width: auto !important;
    }

    img.pull-left, .pull-left > img{
      margin: 0;
    }
    .entry-content img{ /*---------------------------------------------------------------eventuell bei Gallery editieren*/
      float: none !important;
      margin-bottom: 5px;
      margin-left: 0 !important;
      margin-right: 0 !important;

    }

    #sp-logo{
      width: 50%
    }

    #sp-users-wrapper .custom.intro img{
      width: 100%;
    }

    .pull-left{
      float: none;
    }

    img.fulltext-image{
      max-width: none;
      width: 70%;
    }

    body.subpage #sp-main-body-wrapper{

      height: auto;
    }

    body.subpage #sp-bottom-wrapper .container{
      margin-top: 10px;
    }
    #sp-bottom-wrapper .sp_quickcontact #sccaptcha{
      width: 98% !important;
    }

}

@media screen and (max-width: 448px) {
    #sp-bottom-wrapper .sp_quickcontact input[type="email"],
    #sp-bottom-wrapper .sp_quickcontact input[type="text"]{
      width: 98%;
    }
    #sp-bottom-wrapper .sp_quickcontact #sccaptcha{
      width: 98% !important;
    }
    .flexslider .slides img{
      position: relative;
      left: -50%;
    }

}