/* -------------------  BASIC-LAYOUT ----------------- */

/* titillium-web-200 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/titillium-web-v10-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/titillium-web-v10-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/titillium-web-v10-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/titillium-web-v10-latin-200.woff') format('woff'), /* Modern Browsers */
       url('fonts/titillium-web-v10-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/titillium-web-v10-latin-200.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-300 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/titillium-web-v10-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/titillium-web-v10-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/titillium-web-v10-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/titillium-web-v10-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/titillium-web-v10-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/titillium-web-v10-latin-300.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

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

/* titillium-web-600 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/titillium-web-v10-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/titillium-web-v10-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/titillium-web-v10-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/titillium-web-v10-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/titillium-web-v10-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/titillium-web-v10-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

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

.klaro .cookie-notice:not(.cookie-modal-notice) {
  top: 100px !important;
}

.mainContent {
	margin-top: 40px;
	margin-bottom: 30px;
}

h1 {
	text-align: center;
}

h1, h3, h4, h5, h6, .jumbotron h1 {
		color: #1B4263;
}

.navbar-fixed-top {
	border-width: 0px;
	top: 25px;
	height: 56px;
	background-color: transparent !important;
}

.navbar-default .navbar-brand img {
	transform: rotate(338deg);
}

#menu-toggle {
	position: relative;
	z-index: 1;
	border: 0px;
	background-color: transparent;
	color: white;
}

#menu-toggle:hover,
#menu-toggle:active  {
	background-color: transparent;
	color: #ccc;
}

#menu-close {
	display: none;
}

.navbar-header {
  float: none;
}

.navbar-default .navbar-brand {
	margin: 0px !important;
	position: fixed;
	top: 0px;
	left: 0px;
	color: #fff;
	width: 330px;
	height: 140px;
	padding: 23px;
	-webkit-clip-path: polygon(40% 0, 100% 0, 0 100%, 0 40%);
	clip-path: polygon(40% 0, 100% 0, 0 100%, 0 40%);
	background-color: #86fbff;
	opacity: 0.8;
}

.navbar-default .navbar-brand:hover {
 background-color: #86fbff;
}

.navbar-addon {
	display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
	color: white;
	height: 56px;
}

.navbar-addon a,
.navbar-addon a:visited {
  color: #fff;
	text-decoration: none; 
}

.navbar-addon a:hover,
.navbar-addon a:focus,
.navbar-addon a:active {
  color: #ccc;
}

.navbar-addon-item {
	padding: 0 16px;
	line-height: 56px;
}

.navbar-addon-item:nth-child(1) {
	flex: 1;
	background-color: transparent;
}

.navbar-addon-item:nth-child(2) {
	background-color: #2B6190;
	margin-right: 12px;
}

.navbar-addon-item:nth-child(3) {
	background-color: #0F3558;
	margin-right: 25px;
}

.navbar-addon-item .fa {
	margin-right: 6px;
}

.navbar-addon-item:nth-child(4) {
	background-color: #999;
	margin-right: 4px;
}

.navbar-addon-item:nth-child(5) {
	background-color: #aaa;
}

.div_footer1 {
	background-image: linear-gradient(180deg, #2B6190 0%, #0F3558 100%);
}

.footer1_innen {
	padding-top: 30px;
	padding-bottom: 30px;
}

.footer2_innen {
	padding-top: 20px;
}

/* ------------------- Sidebar ----------------- */
#sidebar-wrapper {
    z-index: 1000;
		position: fixed;
		top: 0;
    right: 0;
    width: 250px;
    height: 100%;
    margin-right: -250px;
    overflow-y: auto;
    background: #0F3558;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.sidebar-nav {
    position: absolute;
    top: 36px;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #fff;
}

.sidebar-nav li a:hover,
.sidebar-nav li li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2) !important;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 55px;
    font-size: 18px;
    line-height: 55px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

#sidebar-wrapper.active {
    right: 250px;
    width: 250px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

#menu-close {
	color: white !important;
	display: block;
	top: -45px;
	position: relative;
}

/* -------------------  Slideshow ----------------- */
.cont_slideshow {
	position: 			relative;
	top: 						0;
  left: 					0;
  margin-bottom: 	-20px;
}

.slider_main {
	cursor: 				move;
	position: 			absolute;
	left: 					0px;
	top: 						0px;
	width: 					1000px;
	height: 				300px;
	overflow: 			hidden;
}

#slider1_container {
	display: 				none;
	position: 			relative;
	margin: 				0 auto;
	margin-bottom: 	20px;
	top: 						0px;
	left: 					0px;
	width: 					1000px;
	height: 				300px;
}

.jssorb21 {
		position: absolute;
}

.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
	position: 			absolute;
	width: 					19px;
	height: 				19px;
	text-align: 		center;
	line-height: 		19px;
	color: 					white;
	font-size: 			12px;
	background: 		url(../media/basic/b17.png) no-repeat;
	overflow: 			hidden;
	cursor: 				pointer;
}

.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }

.jssora21l, .jssora21r {
	display: 				block;
	position: 			absolute;
	width: 					55px;
	height:					55px;
	cursor: 				pointer;
	background: 		url(../media/basic/a21.png) center center no-repeat;
	overflow: 			hidden;
}

.jssora21l { background-position: -3px -33px; }
.jssora21r { background-position: -63px -33px; }
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21l.jssora21ldn { background-position: -243px -33px; }
.jssora21r.jssora21rdn { background-position: -303px -33px; }

.slideshow_caption {
	position: 			absolute;
	top: 						60%;
	right: 					20%;
	width: 					auto;
	padding: 				0px 30px;
	height: 				50px;
	background-color: #fff;
	opacity: 				0.8;
	filter: 				alpha(opacity=80);
}

.slideshow_caption_text {
	width: 					100%;
	height: 				100%;
	color: 					#333;
	font-size: 			0.8em;
	font-weight: 		400;
	line-height: 		50px;
	text-align: 		center;
}

/* -------------------  Google Map ----------------- */

.googlemap {
	height: 				300px;
	width: 					100%;
	margin: 				0px;
	padding: 				0px;
}

.googlemap iframe {
	pointer-events:	none;
}

/* ---------- google recapture ----------- */
.gglcptch_recaptcha,
.gglcptch_recaptcha > div,
.gglcptch_recaptcha > div iframe {
    max-width: 100%;
}

.g-recaptcha {
	transform:scale(0.77);
	-webkit-transform:scale(0.77);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}

/* ------------------- Wechselbild ----------------- */


.wechselbild {
	display: 					block;
}

.wechselbild img {
	min-width:				100%;
	width:						100%;
	height:						auto;
}

.wechselbild_text {
	background-color:	#333;
	color:						white;
	display:					none;
	text-align:				center;
	position:					absolute;
	bottom:						0px;
	width:						100%;
	padding:					10px;
	opacity:					0.8;
	filter:						alpha(opacity=80);
	-ms-filter:				"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-moz-opacity:			0.8;
	-khtml-opacity:		0.8;
}

.wechselbild_text h1 {
	font-size:				1.27em;
	margin:						0px;
	padding:					0px;
	text-align:				center;
	color:						white;
	text-transform:		uppercase;
}



/* ------------------- Google Translate ----------------- */

/*
#google_translate_element {
	margin-top:						5px;
	margin-right:					0px;
	background-color:			transparent;
	text-align:						right;
	height:								40px;
}

.goog-te-gadget-simple {
	background-color:			transparent !important;
	border:								0px solid transparent !important;
	font-size:						7pt !important;
}

.goog-te-gadget-icon {
	height:								16px !important;
	margin-left:					0 !important;
	margin-right:					0 !important;
	width:								16px !important;
}

.goog-te-gadget-icon {
	background-position: 	-66px -1px !important;
}

*/

/* ------------------- Media Queries----------------- */

/* ----------- standard ----------- */

@media (min-width: 320px) and (max-width: 479px) {

	html, body {
		font-size: 					16px;
	}

	.navbar-addon-item {
		line-height: 38px;
		padding: 0 9px;
	}

	.navbar-addon {
		top: -24px;
    position: relative;
	}

	.navbar-default .navbar-brand img {
    transform: rotate(330deg);
	}

	.navbar-default .navbar-brand {
    width: 170px;
		height: 100px;
	}

	.navbar-default .navbar-brand img {
    width: 92px;
    top: -6px;
    left: -9px;
	}

	.footer1_innen p,
	.footer2_innen p  {
		text-align: center !important;
	}

}

@media (min-width: 480px) and (max-width: 649px) {

	html, body {
		font-size: 					18px;
	}

	.navbar-addon-item {
    line-height: 38px;
	}

	.navbar-addon {
		top: -24px;
    position: relative;
	}

	.footer1_innen p,
	.footer2_innen p  {
		text-align: center !important;
	}

}

@media (min-width: 650px) and (max-width: 767px) {

	html, body {
		font-size: 					20px;
	}

	.footer1_innen p,
	.footer2_innen p  {
		text-align: center !important;
	}

}

@media (min-width: 768px) and (max-width: 991px) {

	html, body {
		font-size: 					22px;
	}

}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 768px) {
	.mainContent {
		min-height:							250px;
	}
}

/* ----------- fluid ----------- */
/*
@media (max-width: 767px) {
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
	.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
	.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
	.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
	.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
	.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
	.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
	.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
	.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
	.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
	.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
	.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		 margin-bottom: -10px;
	}
}
*/