@charset "utf-8";

/* allgemein */

@font-face {
  font-family: 'Source Serif Pro';
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/SourceSerifPro-Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'Source Serif Pro';
  font-weight: 600;
  font-style: normal;
  src: url("../fonts/SourceSerifPro-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: 'Source Serif Pro';
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/SourceSerifPro-Bold.ttf") format("truetype");
}

@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 200;
  font-style: normal;
  src: url("../fonts/SourceSansPro-ExtraLight.ttf") format("truetype");
}

@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/SourceSansPro-Light.ttf") format("truetype");
}

@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 300;
  font-style: italic;
  src: url("../fonts/SourceSansPro-LightItalic.ttf") format("truetype");
}

@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/SourceSansPro-Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 400;
  font-style: italic;
  src: url("../fonts/SourceSansPro-Italic.ttf") format("truetype");
}

@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 600;
  font-style: normal;
  src: url("../fonts/SourceSansPro-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 600;
  font-style: italic;
  src: url("../fonts/SourceSansPro-SemiBoldItalic.ttf") format("truetype");
}

@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/SourceSansPro-Bold.ttf") format("truetype");
}

@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 700;
  font-style: italic;
  src: url("../fonts/SourceSansPro-BoldItalic.ttf") format("truetype");
}

@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 900;
  font-style: normal;
  src: url("../fonts/SourceSansPro-Black.ttf") format("truetype");
}

@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 900;
  font-style: italic;
  src: url("../fonts/SourceSansPro-BlackItalic.ttf") format("truetype");
}

@font-face {
  font-family: 'Courgette';
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/Courgette-Regular.ttf") format("truetype");
}

* {
	padding:0px;
	margin:0px;
}

body, html {
	background:#fff;
	font-family:'Source Sans Pro', Helvetica, Arial, sans-serif;
	font-size:15px;
	font-weight:400;
	color:#888;
}

.clear {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}

.space {
}

img {
	border:none;
}

a,
a:hover {
	outline:0;
	text-decoration:none;
}

.bg_green {
	background:#88b700;
}

.green {
	color:#88b700;
}

.red {
	color:#c00;
}

.yellow {
	color:#DDB500 !important;
}

.blass {
	opacity: 0.5;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}

.blass:hover,
.blass:active {
	opacity: 1;
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
}

.n-s {
	position: absolute;
	right: 15px;
	top: 95px;
	z-index: 9999999;
}

/* container */

.site-top {
	position:relative;
	height:120px;
	padding-top:40px;

	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}

.logo {
}

.form-login {
}

.btn-login {
	background:#88b700;
	color:#fff;
}

.btn-login a,
.btn-login a:hover {
	color:#fff;
}

.btn-login:hover,
.btn-login:focus,
.btn-login.focus {
	background:#969696;
	color:#fff;
}

.txt-login {
	padding-top:4px;
}

.txt-login a.active {
	color:#88b700;
}

.form-logout .form-group {
	padding-right:20px;
}

.image {
	height:180px;
	background:url(../images/slides/slide_querfeldein_1.jpg) no-repeat center 0px fixed;
	background-size: 100%;
}

.main {
}

.map {
	height: 510px;
	background: #ccc;
	text-align: center;
	padding-top: 235px;
	color: #fff;
	border-radius:4px;
}

.nav {
	min-height: 500px;
	background: #88b700;
	color: #fff;
	border-radius:4px;
	padding:20px 20px;
}

.nav h2 {
	color: #fff;
	margin-bottom:15px;
}

.nav .col-sm-12 {
	padding:0px;
}

.nav .box {
	background-color: #fff;
	color:#969696;
	font-size: 14px;
	border: 1px solid #fff;
	border-radius: 4px;
	padding:6px 12px;
	margin-bottom: 0;
}

.box span.fat {
	display: block;
	font-weight: 600;
	margin-bottom: 3px;
}

.nav .btn {
	border: 1px solid #fff;
	padding:6px 12px;
	color:#888;
}

.nav .btn:hover,
.nav .btn-active {
	background:#fff;
	color:#555;
}

.nav .btn-block {
	text-align:left;
}

.nav .btn-mb {
	margin-bottom:15px;
}

.nav .btn-mbl,
.nav .box {
	margin-bottom:35px;
}

.nav .glyphicon {
	top:2px;
}

.nav .form-block {
	box-shadow:none;
	height:34px;
	display: block;
	width: 100%;
	border: 1px solid #fff;
	padding: 6px 12px;
	color: #ccc;
	margin-bottom: 15px;
}

.form-block::-webkit-input-placeholder {
	color:#ccc;
}

.content {

}

.list {
}

.item {
	border:1px solid #969696;
	border-radius:4px;
	padding:5px 0 0 0;
	margin:30px 0 0 0;
}

.item .row {
	margin:0;
	padding:15px 5px 0px;
}

.item .row p {
	margin:0;
}

.item .bottom {
	background:#f8f8f8;
	font-size:13px;
	border-radius:0px 0px 4px 4px;
	padding:5px 5px 5px;
	margin-top:20px;
}

.item .bottom p {
	color:#888;
}

.item .bottom .space {
	border-bottom: 1px dotted #aaa;
	margin-bottom: 4px;
	padding-bottom: 4px;
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 20px;
}

.item .bottom a {
}

.item.detail {
	margin:20px 0 0 0;
}

.detail {
	padding-bottom:15px;
}

.detail .second p {
	margin:0;
}

.profil {
}

hr.profil {
	width:80%;
	margin:40px 0 30px;
}


hr.produkt {
	width:100%;
	margin:40px 0 30px;
}

.form-mb {
	margin-bottom:15px;
}

.content .form-inline .form-control.form-password {
	width:95%;
}

.btn-mt {
	margin-top:10px;
}

.btn-ml {
	margin-left:10px;
}

.btn-mtp {
	margin-top: 25px;
}

.week {
	padding-top:10px;
}

.date {
	background: #88b700;
	color: #fff;
	border-radius:4px 4px 0px 0px;
	padding:9px 20px 6px;
	font-weight:600;
	font-family: 'Courgette', cursive;
	font-size:19px;
	font-weight:400;
}

.line {
	border-left:1px solid #969696;
	border-right:1px solid #969696;
	border-bottom:1px solid #969696;

	border-radius:0px 0px 4px 4px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

.line .row {
	margin:0;
	padding:8px 5px;
}

.line .row p {
	margin:0;
}

.line .row.odd {
	background:#f8f8f8;
}

.line .bottom {
	background:#f8f8f8;
	font-size:13px;
	border-radius:0px 0px 4px 4px;
	padding:5px 5px 5px;
	margin-top:20px;
}

.trennlinie {
	border-bottom:1px dotted #ccc;
	padding-top: 8px;
	margin: 30px 0px 10px;
}

.newsletter {
	background:#f8f8f8;
	padding:30px 0 25px ;
	border-top:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
}

.form-newsletter {
	padding-top:4px;
}

p.txt-newsletter {
	font-size:13px;
	margin:0;
}

.btn-newsletter {
	background-image:url(../images/btn_newsletter.jpg);
	width:123px;
	color:#969696;
	border:1px solid #ccc;
	text-align:left;
}

.btn-newsletter:hover,
.btn-newsletter:focus,
.btn-newsletter.focus {
	background-image:url(../images/btn_newsletter_mo.jpg);
	color:#969696;
}


.footer {
	font-size:13px;
	color:#969696;
	padding:30px 0 20px;
}

.footer a {
	color:#969696;
}

.footer a:hover {
	border-bottom:1px dotted #969696;
}

/* tags */

h1, h2, h3, h4, h5 {
	font-weight:300;
	line-height:1;
	margin:0;
}

h1 {
	font-weight:400;
	font-size:18px;
	color:#88b700;
	padding-bottom:5px;
}

h2 {
	font-family: 'Courgette', cursive;
	font-weight:300;
	font-size:32px;
	padding-bottom:5px;
}

h2.titel {
	font-size: 22px;
	padding-top: 20px;
	margin: 0px;
	margin-bottom:0px;
}

h3 {
	font-weight:400;
	font-size:18px;
	color:#88b700;
	padding-bottom:5px;
}

h4 {

}

h5 {
	font-family: 'Courgette', cursive;
	font-size:20px;
	color:#88b700;
	padding-bottom:5px;
}

p, li {
	line-height:1.5;
	color:#888;
	font-weight:400;
}

a {
	font-weight:400;
	color:#888;
}

a:hover,
a:focus {
	text-decoration:none;
	font-weight:400;
	color:#88b700;
}

strong {
	font-weight:600;
}

hr {
}

/* bootstrap override */

.form-control {
	height:32px;
	margin-right:10px;
}

.btn {
	padding:5px 12px;
}

.btn-default:hover {
	background: #fff;
	color: #888;
}

.btn-default a:hover {
	color: #888;
}

.bottom .glyphicon {
	padding-left:5px;
	padding-top:1px;
	color:#f7a62b;
}

h2 .glyphicon {
	left: 5px;
	top: -10px;
	color: #f7a62b;
	font-size: 20px;
}

.panel-title {
	font-family: 'Courgette', cursive;
	font-size:18px;
	font-weight:300;
}

.panel-title.red a {
	color:#c00;
}

.panel-title.red a:hover,
.panel-title.red a:focus {
	color:#c00;
}

span.day {
	display: block;
	width: 35px;
	float: left
}

.panel-group .panel + .panel {
	margin-top:10px;
}

.panel {
}
.panel a,
.panel a:hover,
.panel a:focus {
	color:#969696;
}

.panel-default > .panel-heading {
	background:none !important;
}

.panel.grey {
	border: 1px solid #ccc;
}

.panel.grey a,
.panel.grey a:hover,
.panel.grey a:focus {
	color:#ccc;
}

.content .form-inline .form-group {
	width:40%;
}

.content .form-inline .form-control {
	display: block;
	width: 90%;
}



/* NEUE STYLES DANI */

.item .row .zwei-spaltig,
.item .row .drei-spaltig {
	padding:0;
}

.item .zwei-spaltig .listenpunkt,
.item .drei-spaltig .listenpunkt {
	padding-left:0;
}

.oeffnungszeiten {
	padding-bottom:15px;
}

#g_oeffnungszeiten-zeile-1,
#g_oeffnungszeiten-zeile-2,
#g_oeffnungszeiten-zeile-3,
#g_oeffnungszeiten-zeile-4,
#g_oeffnungszeiten-zeile-5 {
	margin-bottom:15px;
}

.text-fett,
.text-fett>p {
	float:left;
	padding-right:5px;
}

.form-checkbox {
	padding: 6px 0;
	margin-bottom:0px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
}

/* NEUE STYLES benny */

.ein-spaltig .listenpunkt {
	padding-left:0px;
}

.row .ein-spaltig,
.row .zwei-spaltig,
.row .drei-spaltig {
	padding-top:0px;
	padding-left:0px;
}

.sponsoren {
	padding-left:50px;
	/* margin-top: -5px; */
}

.sponsor3 {
	padding-left:50px;
}

.btn.btn-default.btn-block.btn-mb.red {
	color: #d00;
	border-color: #d00;
	border: 3px solid;
}

.btn.btn-default.btn-block.btn-mb.red.btn-active {
	background-color: #d00;
	color: #fff;
	border: 3px solid #d00;
}

.danger .date {
	background-color: #d00;
	color: #fff;
}

.danger .btn-login {
	background-color: #d00;
	color: #fff;
	border-color: #c00;
}

/* größer als 1200px */

@media (min-width: 1200px) {

	.form-inline .form-control {
		width: 170px;
	}

}
/* kleiner als 768px */

@media (max-width: 767px) {

}

@media (max-width: 992px) {
	.site-top {
		height:200px;
	}
	.site-top .col-md-5.text-right {
		padding-top:30px;
	}
	#containerMap {
		margin-bottom:50px;
	}
}

@media (max-width: 1200px) {
	.n-s {
		top: 100px;
	}
}

@media (max-width: 1000px) {
	.n-s, .urkunde, iframe.film {
		display: none;
	}
}

/* Cookiebot */

#CybotCookiebotDialogHeader {
    display: none !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    background-color: #88B700 !important;
    border-color: #88B700 !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
    border-color: #88B700 !important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    border: 2px solid #88B700 !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.active {
    border-bottom: 1px solid #88B700 !important;
    color: #88B700 !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
    color: #88B700 !important;
}

#CybotCookiebotDialogTabContent input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: #88B700 !important;
}

#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover, #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover, #CybotCookiebotDialogBodyLevelButtonsSelectPane label:not([for=CybotCookiebotDialogBodyLevelButtonNecessary]) .CybotCookiebotDialogBodyLevelButtonDescription:hover, #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover {
    color: #88B700 !important;
}

/* Datenschutzbestimmungen traffective */

ol {
    list-style-type: circle;
}

ol li {
    margin-left:15px;
}



/* Ads Audienzz */


#ad_topbanner,
#ad_skyscraper_links {
	margin:30px 0 !important;
}


.ad_skyscraper_rechts {
    width: 15%;
    max-width: 300px;
    position: fixed;
    right: 2%;
    bottom: 2%;
	display: none;
}

@media screen and (min-width:1775px) {
	.ad_skyscraper_rechts {
		display: block;
	}
}