* {
    margin: 0;
    padding: 0;
    font-family: 'Raleway', 'Helvetica', 'Arial', sans-serif;
    /*font-family: 'Source Code Pro', monospace;*/	
  }

#Hoefli:target, #Am_Guggenberg:target {
	scroll-margin-top: -600px;
}

:target {
	scroll-margin-top: 160px;
}

a, a:visited {
  text-decoration: none;
  color: inherit;
  transition: background-color 0.3s ease-in;
}
/*
/*a:hover {
  background-color: rgb(0,100,167);
}*/
p {
  margin-bottom: 0.5em;
}
h2 {
  letter-spacing: 0.4rem;
  margin-top: 30rem;	
}

.view_sbs::after {
  box-sizing: border-box;
  content: "";
  clear: both;
  display: table;
}

.view_sbs_col {
  box-sizing: border-box;
  float: left;
  width: 50%;
  padding: 0px;
}

.header {
  position: fixed;
  top: 10px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 60px;
  max-width: 2000px;
  background-color: rgba(255,255,255,0.90);
  z-index: 5;
}
#logo {
  height: 15px;
  margin: 15px 0 5px 0;
}
.header li {
  list-style-type: none;
  font-size: 0.8em;
  text-align: center;
}
.header li a {
  text-decoration: none;
  color: rgb(0,0,0)/*rgb(0,100,167)*/;
  padding: 4px 2px 4px 2px;
}
.header li:not(#logo) a:hover {
  color: rgb(250,250,250)/*rgb(0,100,167)*/;
  background-color: rgb(130,130,130);
}
.right {
  float:right;
  text-align: center;
  width: 20%;
}
.image {
  width: 100%;
  max-width: 2000px;
  margin: auto;
  padding: 0px;
  text-align: center;
  color: black;
}
.image img {
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

#img_01 {
  margin-top: 65px;
}
.text {
  width: 35%;
  min-width: 350px;
  max-width: 2000px;
  margin: 40px auto 100px auto;
  text-align: center;
}
.profilpic {
  float: left;
  margin: 0 20px 20px 0;
}

.boxfl::after {
  content: "";
  clear: both;
  display: table;
}

.boxfl img {
  float: left;
  width: 50%;
}

.boxfl2t {
  margin: auto;
  max-width: 2000px;
}
.boxfl2t::after {
  content: "";
  clear: both;
  display: table;
}
.boxfl2 {
  float: left;
  width: 47%;
  text-align: center;
}
.boxfl2_1{
  margin: 0 3% 0 0;
}
.boxfl2_2{
  margin: 0 0 9% 3%;
  margin-bottom: 250px;	
}

.footer {
  background-color: white;
  color: black;
  text-align: center;
  font-size: 0.8em;
  width: 100%;
  max-width: 2000px;
  margin: 30px auto 10px auto;
}

span {
  white-space:nowrap;
}

h2 {
  margin-bottom: 1.5em;
  font-size: 2.5em;
}

h3 {
  margin-bottom: 1.5em;
}

h5 {
  margin-bottom: 1em;
}

h4 {
  margin-bottom: 1.5em;
}

.img_titles {
 margin-top: 70px;
 margin-bottom: 15px;
}

li {
  list-style-type: none;
}

.text div div {
  margin-bottom: 70px;
}

li.dropdown {
    display: inline-block;
}
.dropdown-content {
    visibility: hidden;
    position: absolute;
	text-align: left;
    margin-top: 5px;
    width: 33.33%;
    background-color: white;
    transition: visibility 0.4s ease;
}
.dropdown-content a {
    color: grey;
    background-color: white;
    text-decoration: none;
    display: block;
    padding: 4px 2px 4px 2px;
}

.dropdown-content a:hover {
  opacity: 1;
  background-color: #f1f1f1;
  border-bottom-color: white;
}
.dropdown:hover  .dropdown-content {
    visibility: visible;
}

.carousel_thbs {
  text-align: center;
  float: left;
  white-space: nowrap;
}
.carousel_thbs_b {
  text-align: center;
  margin-left: 0.5%;
  float: left;
  white-space: nowrap;
  overflow: show;
}
.carousel_thbs_b_Gugg {
  text-align: center;
  float: none;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
}

.carousel_thb {
  width: 20%;
  display: inline;
  margin-left: 0.6%;
}
.carousel_thb_nine {
  width: 10.50%;
  display: inline;
  margin-left: 0.6%;
}
.carousel_thb_nine img {
  width: 9.5%;
}
.carousel_thb_eight {
  width: 11.70%;
  display: inline;
  margin-left: 0.6%;
}
.carousel_thb_eight img {
  width: 10.7%;
}
.carousel_thb_seven {
  width: 14.2%;
  display: inline;
  margin-left: 0.6%;
}
.carousel_thb_seven img {
  width: 13.5%;
}
.carousel_thb_six {
  width: 16.5%;
  display: inline;
  margin-left: 0.6%;
}
.carousel_thb_six img {
  width: 15.5%;
}
.carousel_thb_five {
  width: 19.5%;
  display: inline;
  margin-left: 0.6%;
}
.carousel_thb_five img {
  width: 19.0%;
}
.carousel_thb_1st {
  margin-left: 0px;
}
.carousel_thb img {
  width: 19%;
}
.carousel_thb_B_Pfung img {
  width: 19%;
}

.credit_thbs {
  font-size: 0.8em;
  margin-top: 0px;
  margin-bottom: 35px;
}
.carousel_pic {
  width: 100%;
  position: relative;
  margin-top: -6px;
  margin-bottom: 12px;
  max-width: 2000px;
}
.carousel_pic h5 {
font-weight: normal;
  position: absolute;
  width: 100%;
  right: 0px;
  left: 0px;
  bottom: -1.5em;
  padding: 5px 0px 5px 0px;
  text-align: left;
  text-indent: 10px;
  background-color: rgb(130,130,130);
  color: white;
}
.picDescr5Cont {
  display:flex;
  justify-content:center;
  font-size: 0.8em;
}
.picDescr5 {
  width: 20%;
  text-align: center;
}

.mySlides, .B_Basadingen, .B_Tromooserli, .B_hegenmatt, .B_HausEich, .V_Pfung, .B_Gugg, .B_Blumetshalde, .Hoefli, .B_Kiga, .ww_Entlisberg, .ww_Kartause_Ittingen, .ww_Utogrund, .ww_Brunnenhof{
  width: 100%;
}

.mySlides_FBlog {
  width: 100%;
}
.carousel_pic a {
  outline: none;
}
 #team {
  width:47%;
  margin-top:-40px
 }

.carousel_pic_id_b {
	width: 100%;
}	

@media (min-width: 768px) {
	h3 {
  	  font-size: 1.7em;
	}
	.text {
  	  font-size: 1.1em;
	}	
    .right {
      display: inline;
      float: right;
      text-align: right;
      margin: 20px 8% 5px 4%;
      width: auto;
    }
	h2 {
      font-size: 2.5em;
	}
    .header {
      top: 25px;
      height: 95px;
    }
    .header li {
      list-style-type: none;
      display: inline-block;
      font-size: 1em;
      margin-top: 42px;
      text-align: center;
    }
    #logo {
      height: 25px;
      margin: 38px 0 5px 20px;
      width: 10%;
    }
    #logo img {
      height: 25px;
    }
    #img_01 {
      margin-top: 115px;
    }
    .dropdown-content {
        background-color: white;
        width: auto;
    }
}


@media (max-width: 768px) {
	
	#Hoefli:target, #Am_Guggenberg:target {
	scroll-margin-top: 0px;
	}
	
	h3 {
  	  font-size: 1em;
	}	
  .text {
		font-size: 0.8em;
		margin: 25px auto 65px auto;
	}
	h2 {
  	  font-size: 2.5em;
	}	
	.footer {
		font-size: 0.6em;
	}
  .carousel_thb, .carousel_thb_seven{
    margin-left: 0.1%;
  }
  .carousel_thb_seven img  {
	  width: 13.1%;
  }	
  .carousel_thb_B_Pfung img {
    width: 20%;
  }
  .boxfl2 h5 {
    font-size: 0.65em
  }
    .right {
      display: inline;
      float: right;
      text-align: center;
      margin: 20px 6% 5px 2%;
      width: auto;
    }	
  .picDescr5Cont {
  display:flex;
  justify-content:center;
  font-size: 0.5em;
  }
  #team {
  width: 100%;
  }

}