/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
body { font-family: 'Roboto', sans-serif; line-height:normal; color:#532a02; background-color:#fff; }
ul, li { margin:0; padding:0 }

a { color:#a1b921;
	text-decoration:none;
	padding: 0;
	margin: 0;
	text-decoration: none;
	-webkit-transition: background-color .4s linear, color .4s linear;
	-moz-transition: background-color .4s linear, color .4s linear;
	-o-transition: background-color .4s linear, color .4s linear;
	-ms-transition: background-color .4s linear, color .4s linear;
	transition: background-color .4s linear, color .4s linear;
	cursor:pointer;
}
a:hover { color:#819224; text-decoration:none }
a:focus { outline:none }
a img { border:0 }

h1, .h1, h2, .h2, h3, .h3 { margin:0 }
h1 { font-size:30px; margin:0 0 15px 0; font-weight:400 }
h2 { font-size:20px; margin:0 0 20px 0; line-height: 25px }
h3 { font-size:20px; margin:20px 0 10px 0; font-weight:400 }

.abs { position:absolute }
.center { text-align:center }
a.rplan { display:block; width:70%; text-align:center; background-color:#adc916; color:#fff; font-size:22px; padding:20px 0; margin: 30px 0 0 0 }
a.rplan:hover { background-color:#532a02; color:#fff; }

.headwrap {  z-index:10000; width:100%;  }
.head { padding:0; background:rgba(255,255,255,0.8) }
.headrow { margin:0 }
#logo { width:auto; height:auto; margin-top: 5px}

.sc { padding:0; z-index:1; position:relative; max-height:778px; overflow:hidden }
.spic { z-index:1000; float:left; width:100%; height:auto }
.bogen-top { padding:0; margin-top:0}
.pic-top { position:relative; z-index:1000 }

.toplinks { float:right; margin:5px 0 0 0; font-size:20px }
.toplinks a { font-size:20px; color:#532a02 }
.toplinks a:hover, .toplinks a.active { color:#a1b921 }

.navbar-wrapper {
  top: 105px;
  right: 0;
  left: 0;
  z-index: 1;
}
.navbar-wrapper .navbar .container {
  width: auto;
}
.navbar-nav>li { margin: 0 5px }
.navbar-nav>li>a { background-color: #532a02}
.navbar { border:0; min-height:41px; margin-bottom:0; }
.navc { padding:0 }
#navbar { margin-left: 500px }
#navbar, .navbar-default { background-color:transparent }
.navbar-header { background-color:transparent }
.navbar-default .navbar-nav>li>a { color: #fff; font-size:22px; padding:10px 20px 18px 20px }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #532a02; background-color: #d9e39b;
}
.navbar-default .navbar-toggle {
	margin-right:15px;
    background-color:#adc916; border-color:#adc916
}
.navbar-default .navbar-toggle .icon-bar { background-color: #fff }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color:#bec571; border-color:#bec571 }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #532a02;
    background-color: #d9e39b;
}

.img-rounded { border:6px solid #f0f1df }

.content { font-size:18px; line-height:23px; background-color:#fff; padding:40px 0 30px 30px; }
.content ul { margin:25px 0 20px 25px }
.content li { padding: 0 0 5px 0 }

.col-tipp { margin:-50px 0 0 40px; z-index: 1000 }
.col-tipp-2 { margin:30px 0 0 40px; z-index: 1000 }
.tipp { background-color:#d9e39b; font-size:16px; padding:25px 10px 20px 10px; max-width:130px; margin:-8px 0 0 40px; text-align:center }

.gallery-home { background-color: #adc916; padding:5px 15px 15px 15px}
.fig-home { border: 5px solid #fff; border-top:0 }
.fig-first { border-top:5px solid #fff }

.gallery { background-color: #d9e39b; padding:10px 10px 10px 10px; margin-top: 50px; margin-bottom: 25px}
.gallery figure { margin:5px 0; padding:0; border:5px solid #d9e39b }
.gallery figure img { border:5px solid #fff }
.gallery h3 { color: #542b01; text-align: center; margin: 0; padding: 0; font-size: 26px }
.text-muted { font-size: 12px }

#map { border: 10px solid #d9e39b; margin:20px 0 20px 0 }

.foot { color:#fff; font-size:16px; line-height:24px; background:#532a02; padding:35px 20px 25px 20px }
.foot h5 { font-size:16px; margin:0; padding:0; line-height:24px; }
.foot a { color:#fff }
.foot a:hover { text-decoration:underline }
address { font-style:normal; line-height:24px }
.mail { margin:15px 0 0 0 }
.copy { font-size:14px; margin:20px 0 0 0; text-align: left;}

@media (min-width: 992px) {
.foot { background:#532a02 }
.navbar-nav>li>a {
     padding-top: 11px;
     padding-bottom: 10px;
}
.navbar-collapse { padding-right:0; padding-left:0;}
.sidebar { padding-right:0 }
.navbar-nav > li > a.toplink { display:none }
.padd-right { padding-right: 20px }
.padd-right2 { padding-right: 40px }
.sc { height: 264px }
}

@media (max-width: 991px) {
.col-tipp { margin:30px 0 0 40px }
.content { padding:40px 0 30px 0; }
#navbar { margin-left: 0 }
.navbar-default { margin-top:-50px }
.copy { text-align: left; }
.sidebar { padding-right:15px }
.headwrap { position:relative }
.navbar-wrapper {
  position: relative;
  top: 0;
}
.sidebar { margin-top:25px }
.toplinks { display: none }
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
     margin-right: 0;
     margin-left: 0;
}
}

@media (max-width: 1199px) {
	#navbar { margin-left: 380px }
}

@media (max-width: 720px) {
	.foot .col-md-4 { margin-bottom: 20px }
}