@charset "utf-8";
/* CSS Document */

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v17-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v17-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('../fonts/open-sans-v17-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* noto-serif-regular - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-serif-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif'), local('NotoSerif'),
       url('../fonts/noto-serif-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-serif-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-serif-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-serif-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-serif-v8-latin-regular.svg#NotoSerif') format('svg'); /* Legacy iOS */
}

/* noto-serif-700 - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-serif-v8-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif Bold'), local('NotoSerif-Bold'),
       url('../fonts/noto-serif-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-serif-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-serif-v8-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-serif-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-serif-v8-latin-700.svg#NotoSerif') format('svg'); /* Legacy iOS */
}

/* noto-serif-italic - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/noto-serif-v8-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif Italic'), local('NotoSerif-Italic'),
       url('../fonts/noto-serif-v8-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-serif-v8-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-serif-v8-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-serif-v8-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-serif-v8-latin-italic.svg#NotoSerif') format('svg'); /* Legacy iOS */
}

/* noto-serif-700italic - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/noto-serif-v8-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif Bold Italic'), local('NotoSerif-BoldItalic'),
       url('../fonts/noto-serif-v8-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-serif-v8-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-serif-v8-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-serif-v8-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-serif-v8-latin-700italic.svg#NotoSerif') format('svg'); /* Legacy iOS */
}


/************************************************
*** BASICS
************************************************/

html			{ box-shadow: none !important; }
body			{ font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 15px; line-height: 1.8; color: #5e5e5e; background: #abc627; }

a				{ color: #5e5e5e; text-decoration: none !important; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:active		{ color: #000000; }
a:focus			{ color: #000000; }
a:hover			{ color: #000000; }

.a-underline a	{ text-decoration: underline !important; }

.hideit			{ display: none !important; }

@media (max-width: 767px)
{
	.hide-xs	{ display: none; }
}

p							{ padding: 0; margin: 0; }
.container-fluid .container	{ padding: 0; }
.seperator	{ height: 1px; width: 100%; padding: 0; margin: 0; }

.stellar	{ background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; height: 450px; position: relative; margin: 0; }
@media (max-width: 767px)
{
	.stellar	{ height: 175px; background-size: 300% auto; -moz-background-size: 300% auto; -ms-background-size: 300% auto; -o-background-size: 300% auto; -webkit-background-size: 300% auto;
				  background-position: center; }
}

.container-teaser			{ padding: 0; margin: 0; height: 175px; background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;
							  -webkit-background-size: cover; background-position: center; }

.img-kachel					{ background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; width: 100%;
							  height: 200px; margin: 0; padding: 0; background-position: center; }
.img-kachel-3zu2			{ width: 100%; /* whatever width you want */ display: inline-block; position: relative; }
.img-kachel-3zu2:after	 	{ padding-top: 66.66%; /* 3:2 ratio */ display: block; content: ''; }
.img-kachel-3zu2 .main		{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; /* fill parent */ background-size: cover; -moz-background-size: cover; -ms-background-size: cover;
							  -o-background-size: cover; -webkit-background-size: cover; background-position: center; }


/************************************************
*** NAVIGATION
************************************************/

.flexy-menu							{ background: #ffffff; width: auto; margin: 0 auto; float: none; }
.flexy-menu	li						{ background-color: #ffffff; margin: 0; float: none; display: inline-block; }
.flexy-menu li a					{ background-color: #ffffff; color: #abc627; font-size: 14px; line-height: 1.0; font-weight: 600; font-family: "Open Sans", sans-serif;
									  padding: 20px 15px; text-transform: none; }
.flexy-menu li:hover a				{ background-color: #abc627; color: #ffffff; }
.flexy-menu li.active a				{ background-color: #abc627; color: #ffffff; }

@media (max-width: 767px)
{
	.container-menu				{ padding: 0 !important; margin: 0 !important; }
	.flexy-menu					{ background-color: #abc627; margin: 0; padding: 0; width: 100%; }
	.flexy-menu li a			{ background-color: #abc627; color: #ffffff; }
	.flexy-menu li:hover a		{ background-color: #8da323; color: #ffffff; }
	.flexy-menu li.active a		{ background-color: #8da323; color: #ffffff; }
	.showhide					{ background-color: #abc627 !important; border-bottom-color: #8da323; color: #ffffff; }
	.showhide .title			{ color: #ffffff; font-family: "Open Sans", sans-serif; font-weight: 600; font-size: 15px; text-transform: none; }
	.showhide .icon	em			{ background-color: #ffffff !important; }
}


/************************************************
*** BREADCRUMB
************************************************/

.breadcrumb		{ border-radius: 0; background-color: transparent; margin: 0; }


/************************************************
*** HEADLINES
************************************************/

h1	{ font-family: "Noto Serif", serif; font-weight: 700; font-size: 35px; line-height: 1.5; margin: 0; padding: 0; }
h2	{ font-family: "Noto Serif", serif; font-weight: 700; font-size: 30px; line-height: 1.5; margin: 0; padding: 0; }
h3	{ font-family: "Noto Serif", serif; font-weight: 700; font-size: 25px; line-height: 1.5; margin: 0; padding: 0; }
h4	{ font-family: "Noto Serif", serif; font-weight: 700; font-size: 20px; line-height: 1.5; margin: 0; padding: 0; }
h5	{ font-family: "Noto Serif", serif; font-weight: 700; font-size: 15px; line-height: 1.5; margin: 0; padding: 0; }


/************************************************
*** CALLOUTS
************************************************/

.callout			{ width: 100%; height: auto; padding: 20px; border-bottom: 1px solid #f4f4f4; border-top: 1px solid #f4f4f4; background: #f4f4f4; color: #393938; text-align: center;
					  -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border: 1px solid #cbcbcb; }
.callout:hover		{ border: 1px solid #3d2474; }
.callout a			{ color: #393938; }
.callout a:hover	{ color: #3d2474; }
.callout .glyphicon,
.callout .socicon	{ margin-left: 6px; margin-right: 2px; }
.callout h3			{ padding-bottom: 5px; }


/************************************************
*** INPUTS
************************************************/

.form-control			{ }
.form-control:focus		{ border-color: #cccccc; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, .3);
						  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, .3); }


/************************************************
*** FOOTER
************************************************/

.container-footer			{ color: #f7fcdf; }
.container-footer a			{ color: #f7fcdf; }
.container-footer a:hover	{ color: #ffffff; }


/************************************************
*** TABS
************************************************/

.nav-tabs-custom						{ border-bottom: 0; }
.nav-tabs-custom > li					{ padding-top: 5px; }
.nav-tabs-custom > li > a				{ border: 0 !important; border-radius: 4px 4px 4px 4px; background-color: #f7fcdf; }
.nav-tabs-custom > li > a:hover			{ background-color: #abc627; color: #ffffff; }
.nav-tabs-custom > li.active > a		{ background-color: #abc627; color: #ffffff; border: 0 !important; }
.nav-tabs-custom > li.active > a:hover	{ background-color: #abc627; color: #ffffff; }
.nav-tabs-custom > li.active > a:focus	{ background-color: #abc627; color: #ffffff; }
.nav-tabs-custom > li.active > a:active	{ background-color: #abc627; color: #ffffff; }


/************************************************
*** KONTAKT
************************************************/

.alert-container 	{ max-width: 550px; margin-top: 200px; }
.alert-container div{ text-align: left; text-shadow: none; }
.alert				{ padding: 35px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 0; }
.alert > p,
.alert > ul			{ margin-bottom: 0; }
.alert > p + p		{ margin-top: 5px; }
.alert .close		{ margin-top: -6px; }
.alert-dismissible			{ padding-right: 35px; }
.alert-dismissible .close 	{ position: relative; top: -12px; margin-top: -12px; right: -31px; color: inherit; }


.alert-success 			{ background: #ffffff !important; border-color: #ffffff; color: #333333; }
.alert-success strong	{ color: #9dc112; }
.alert-danger			{ background: #ffffff !important; border-color: #ffffff; color: #333333; }
.alert-danger strong	{ color: #a94442; }

.close				{ float: right; font-size: 30px; font-weight: bold; line-height: 1; color: #000000; text-shadow: 0; opacity: 0.2; filter: alpha(opacity=20); -webkit-transition: 0.3s;
					  -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.modal-backdrop.in	{ filter: alpha(opacity=80); opacity: .8; }


/************************************************
*** BUTTONS
************************************************/

.btn				{ font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 14px; line-height: 1.8; text-decoration: none !important;
					  -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.btn-primary		{ color: #ffffff; background: #abc627 !important; border: 0; }
.btn-primary:hover	{ color: #ffffff; background: #8da323 !important; }
.btn-default		{ color: #ffffff; border-color: #ffffff; background: none; }
.btn-default:hover	{ color: #ffffff; border-color: #ffffff; background: none; }
.btn-blank			{ margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
.btn-blank:hover	{ color: #cd1617 !important; }
.btn-vs             { z-index: 100; }

/************************************************
*** FARBEN / TEXT
************************************************/

.text-brown		{ color: #abc627 !important; }
.text-brown2	{ color: #c4d66a !important; }
.text-light		{ color: #f7fcdf !important; }
.text-white		{ color: #ffffff !important; }

.text-upper		{ text-transform: uppercase !important; }
.text-bold		{ font-weight: bold; }

.bg-brown		{ background: #abc627 !important; }
.bg-brown2		{ background: #c4d66a !important; }
.bg-white		{ background: #ffffff !important; }
.bg-light		{ background: #f7fcdf; }

@media (max-width: 767px)
{
	.text-xs-center	{ text-align: center; }
}


/************************************************
*** MARGINS / PADDINGS
************************************************/

.m-top-5	{ margin-top: 5px !important; }
.m-bot-5	{ margin-bottom: 5px !important; }

.m-top-15	{ margin-top: 15px !important; }
.m-bot-15	{ margin-bottom: 15px !important; }

.m-top-30	{ margin-top: 30px !important; }
.m-bot-30	{ margin-bottom: 30px !important; }

.m-top-45	{ margin-top: 45px !important; }
.m-bot-45	{ margin-bottom: 45px !important; }


.p-top-5	{ padding-top: 5px !important; }
.p-bot-5	{ padding-bottom: 5px !important; }

.p-top-10	{ padding-top: 10px !important; }
.p-bot-10	{ padding-bottom: 10px !important; }

.p-top-15	{ padding-top: 15px !important; }
.p-bot-15	{ padding-bottom: 15px !important; }

.p-top-30	{ padding-top: 30px !important; }
.p-bot-30	{ padding-bottom: 30px !important; }

.p-top-45	{ padding-top: 45px !important; }
.p-bot-45	{ padding-bottom: 45px !important; }