body{
  color: #999999;
  font-family: verdana, arial, helvetica, sans-serif;
  overflow-x: hidden;

  width: inherit;
  height: inherit;
  position: inherit;
}

#container, #header,#pic,#footer{
  width: 100%;
}

#logo{
  max-width: 900px;
  margin: 0 auto;
}

#logo img{
  margin: 0 auto;
}

.rubpic{
  padding-bottom: 3rem;
}

#content{
  line-height: 1.4em;
  font-size: 1em;
  max-width: 900px;
  width: inherit;
}
#content h1{
  text-align: center;
}

#content h2{
  text-transform: uppercase;
  color: #01acc6;
  font-weight: bolder;
}

@media only screen and (min-width: 600px) {
  .content-middle .csc-textpic-imagecolumn{
    width: 48%;
  }
  .content-middle .csc-textpic .csc-textpic-imagewrap img {
    width: 100%;
    height: auto;
  }
}


.bodytext, .FreieForm{
  font-size: 15.31px;
  line-height: 125%;
  color: #6c6c6c;
  max-width: 75rem;
  margin: 0 auto;
  text-align: justify;
}

#content li{
  font-size: 15.31px;
  line-height: 125%;
  color: #6c6c6c;
}

.navbar-toggle{
  background-color: transparent;
  border: 1px solid transparent;
}

.navbar-nav{
  background-color: #fff;
}

#main{
  border-bottom: inherit;
  margin: 3rem auto 2rem auto;
}

ul.menu li {
  float: inherit;
  display: inline-block;
}

#main ul.menu > li > .icon-in-menu{
  padding-right: 0;
}

#first-icon-in-menu{
  margin-left: 4rem;
}

ul.menu li > a > img{
  height: 37px;
  vertical-align: middle;
}

ul.menu{
  text-align: center;
  text-transform: uppercase;
}

ul.menu2 li{
  display: block;
  text-transform: none;
  text-align: left;
}

#main ul.menu A:hover {
  background-color: transparent;
}

#main ul.menu A, ul.menu A:link, ul.menu A:visited {
  background-color: transparent;
}

#bct {
  margin: 0 auto;
}

a:focus, a:hover {
  color: #02aec7;
  text-decoration: underline;
}

@media only screen and (min-width: 999px) {
  .mobil{
    display:none;
  }
}

@media (max-width: 1000px) {
  .navbar-header {
    float: none;
  }
  .navbar-left,.navbar-right {
    float: none !important;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
    display: none!important;
  }
  .navbar-nav {
    float: none!important;
    margin-top: 7.5px;
  }
  .navbar-nav>li {
    float: none;
  }
  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .collapse.in{
    display:block !important;
  }
}

@media only screen and (max-width: 1000px) {
  #main, .desktop-logo{
    display: none;
  }
}

p {
  margin-bottom: 0;
}

.nav > li > a, .level-2 li a{
  text-decoration:none;
}
#pic {
  max-width: 900px;
  margin: 2px auto 2px auto;
}

.icon-menu ul{

}
.icon-menu ul li{
  list-style-type: none;
  display: inline-block;
  margin-left: 0;
}

.level-2 li{
  list-style-type: none;
}

li.level-2 > a{
  color: #999999;
}

li.level-2 > a:hover{
  color: #02AEC7;
}

li.level-3{
  margin-left: 40px;
}

/*---------------------*/
.logo{
  margin: 0 auto;
}

.navbar {
  position: absolute;
  min-height: 50px;
  margin-bottom: 20px;
  right: -1rem;
  z-index: 99;
  width: 100%;
}

.navbar-toggle .icon-bar{
  width: 2.5rem;
  background-color: #6c6c6c;
}

#navbar{
  position: relative;
  left: -10px;
}

.icon-menu{
  padding-top: 2rem;
}

.icon-menu > li{
  display:inline-block;
  margin-left: 17px;
  position: relative;
  left: -25px;
}

.icon-menu > li img{
  height:4rem;
}

.rubpic > img{
  margin: 0 auto;
}

/*infobox*/
.info-box{
  padding-top: 3rem;
}
#content .info-box h3{
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 3rem;
  letter-spacing: 1.5px;
}
#content .info-box img, #content .info-box p{
  padding-bottom: 3rem;
}

.opentimes{
  background-color: #797778;
}
#content .opentimes p{
  color:#fff;
}
#content .opentimes h3{
  color: #fff;
}

#content .directions h3{
  color: #6c6c6c;
}

/*tuerkise kaesten*/
.box {
  margin-bottom: 2rem;
}
.icon-boxes{
  margin-top: 3rem;
  margin-bottom: 2rem;
}

@media only screen and (max-width: 600px) {
  .box, .sm-no-left-right-padding{
    padding-right:0;
    padding-left: 0;
  }
}

/*footer*/
footer {
  height: 7rem;
  background-color: #00adc6;
  color: #fff;
  padding: 3rem;
  margin-top: 3rem;
}
.footer-menu > li{
  list-style-type: none;
  display: inline-block;
  margin: 0 1rem 5px 0;
  text-transform: uppercase;
  font-size: 14px !important;
}
.footer-menu > li:after
{
  content: ' |';
  margin-left: 1rem;
  color: #fff;
}
.footer-menu > li:last-child:after
{
  content: '';
}

.footer-menu > li > a{
  color:#fff;
  text-decoration: none;
}

ul.footer-menu, .footer-menu > li{
  margin-bottom: 0;
}

@media only screen and (min-width: 596px) {
  #content H2 {
    text-align: center;
  }
  .info-box-text{
    padding-left: 5rem;
    font-size: 15.31px;
    line-height: 125%;
  }

  .info-box-text h3{
    text-transform: uppercase;

  }
  .directions{
    color: #6c6c6c;
  }

  .footer-menu{
    float: left;
    margin-left: 2rem;
  }

  .icon-menu{
    position: absolute;
    left: 3.5rem;
    top: -16rem;
  }

  #navbar {
    left: -17px;
  }
}

.open > .dropdown-menu {
  display: inline-block;
}
.navbar-right .dropdown-menu {
  left: 0;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover, .level-1, .level-2, .level-3{
  font-size: 19px;
}
#totop{
  position: fixed;
  bottom: 3rem;
  right: 3rem;
  width: 7rem;
  display: none;
}
/* fix active menu */
.navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover {
  background-image: -webkit-linear-gradient(top,#02aec7 0,#02aec7 100%);
  background-image: -o-linear-gradient(top,#02aec7 0,#02aec7 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#02aec7),to(#02aec7));
  background-image: linear-gradient(to bottom,#02aec7 0,#02aec7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff02aec7', endColorstr='#ff02aec7', GradientType=0);
  background-repeat: repeat-x;
}

div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {
  margin-right: 0;
}

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  text-align: center;
}
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image > a{
  display: inline-block;
}