body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote{
  border: 0;
  margin: 0;
  padding: 0;
}

body{
  background: #ffffff;
  color: #000000;
  font: 300 30px Akkurat, Arial, Helvetica, Sans-Serif;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a{
  color: #000000;
  -moz-transition: .2s;
  -ms-transition: .2s;
  -o-transition: .2s;
  outline: none;
  text-decoration: none;
  -webkit-transition: .2s;
}

a:hover{
  border-bottom: 1px solid #000;
}


input, select, textarea{
  border: #999999 1px solid;
  color: #333333;
  font: 19px Asap, Arial, Helvetica, sans-serif;
  padding: 8px;
}

li{
  list-style: none;
}

h1, h2, h3, h4, h5, h6{
  color: #1a171b;
  font: 300 1em Akkurat;
}

p{
  line-height: 1.2em;
  padding: 0 0 1.3em;
}

table{
  border-collapse: collapse;
  width: 100%;
}

img{
  display: block;
}

#page{
  margin: 60px auto;
  max-width: 1920px;
}

.logo{
  height: 80px;
  margin: 0 0 60px;
}

.logo img{
  float: right;
  height: 80px;
  width: 190px;
}

#nav-menu{
  display: none;
  left: 30px;
  outline: none;
  position: absolute;
  top: 30px;
}

#home .nav1{
  font-size: 30px;
}

.nav1{
  text-align: right;
}

.nav1 li{
  margin: 0 0 8px;
}

.nav1 a{
  color: #000000;
  text-decoration: none;
}

.nav1 a:hover, .nav1 .active a, .nav1 li:hover a{
  border-bottom: 1px solid #000;
}

.nav1 li ul{
  display: none;
  margin: 10px 0 35px;
}

.nav1 .active ul{
  display: block;
}

.nav1 li.active li a{
  color: #666666;
  border: 0;
}

.nav1 li.active li.active a, .nav1 li.active li a:hover{
  border-bottom: 1px solid #666666;
}

#slider{
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}

#slider .portrait{
  height: 100%;
  width: auto;
  max-width: 100%;
/*  max-height: 100%;*/
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

#slider .landscape{
  height: 100%;   /* Zuvor height: auto; width: auto; */
  width: auto;
}

.slide-info{
  font-size: 16px;
  padding: 5px 0 20px;
}

.slide-info [class*="col-"]{
  padding: 0;
}

.slide-info .row{
  margin: 0;
}

.custom-caption{
  font-size: 13px;
  margin: 5px 0 20px;
}
/*- In order to work custom cursor in IE you need specify full path to CUR file for example url("http://www.example.com/images/btn-left.cur") -*/

.btn-left{
  cursor: url(../images/btn-left.cur), w-resize;
  height: 90%;
  left: 0;
  position: absolute;
  top: 0;
  width: 49.5%;
  z-index: 100;
}

.btn-right{
  cursor: url(../images/btn-right.cur), w-resize;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 49.5%;
  z-index: 100;
}

.btn-more:before {
  content: "\e87a";
  font: 16px Linearicons;
  margin: 0 4px 0 0;
  vertical-align: -10%;
}

.centercol{
  float: left;
  width: 81.5%;
}

.rightcol{
  float: right;
  width: 18.5%;
}

.isotope-grid{
  margin: 0 -15px;
  overflow: hidden;
}

.grid-sizer{
  width: 33.33%;
}

.grid-item {
  font-size: 16px;
  overflow: hidden;
  padding: 0 15px 24px;
  width: 33.33%;
}

.grid-item img{
  height: auto;
  margin: 0 0 15px;
  width: 100%;
}

.grid-item img:hover{
  opacity: .6;
}

.isotope-grid:after {
  clear: both;
  content: '';
  display: block;
}

.pic-buro img{
  max-width: 100%;
  height: auto;
  margin: 0 0 15px;
}

.pic img{
  height: auto;
  margin: 0 0 15px;
  width: 100%;
}
/* IFRAME Google Maps */

.pic-map {
  position: relative;
  padding-bottom: 100%;
  overflow: hidden;
  max-height: 840px;
  margin: 0 0 25px;
}

.pic-map img{
  height: auto;
  width: 100%;
}
/* SCHLUSS IFRAME Google Maps */

.buro-content{
  width: 90%;
}

.buro-info{
  font-size: 16px;
  margin: 0 0 28px;
  max-width: 395px;
}

.buro-info dd{
  border-bottom: 1px solid #000000;
  margin: 0 0 8px;
  padding: 0 0 12px;
}

.accordeon-headline{
  cursor: pointer;
  position: relative;
}

.accordeon-headline:before {
  content: "\e87a";
  font: 16px Linearicons;
  margin: 0 4px 0 0;
  vertical-align: -10%;
}

.accordeon-headline.active{}

.accordeon-headline.active:before {
  content: "\e870";
  font: 16px Linearicons;
}

.accordeon-wrap{
  padding: 25px 0 0;
}

.contact-info{
  line-height: 1.2em;
  margin: 0 0 1.2em;
}

.copyright{
  font-size: 16px;
  line-height: 1.3em;
  margin: 0 0 1.2em;
}

.mobile-visible{
  display: none;
}

.pictures-mobile{
    display: none;
}

.pictures-desktop{
    display: block;
}