@import url(https://fonts.googleapis.com/css?family=Asset|Chango);

/*
- 01. GLOBAL SETTINGS

- 02. LANGUAGE TOP BAR

- 03. HEADER & NAVIGATION
	- HEADER NAVIGATION DEFAULT
	- NAVBAR BRAND
	- HEADER NAVIGATION DEFAULT - SMALL

- 04. PARALLAX IMAGE SCROLL

- 05. READ MORE BOXES

- 06. INFO BOXES
	- FEATURE BOXES
	
- 07. OFFERS

- 08. FOOTER
	- FOOTER 1
	- FOOTER 2 LOGOS
	
- 09. SPONSOR

- 10. TABELLE
	
	
	
*/


/* 01. GLOBAL SETTINGS
----------------------------------------- */
html {
}
body{
	background			: #fff;
	font-family			: 'Open Sans', sans-serif;
	font-size			: 16px;
	height				: 100%;
	
/*
	background: url("../../media/bg/default.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
*/
}

#background {
    z-index: -1;
	position			: fixed !important;
	top					: 0px;
	left				: 0px;
	width				: 100%;
	height				: 100%;
	-webkit-background-size	: cover !important;
	-moz-background-size: cover !important;
	-o-background-size	: cover !important;
	background-size		: cover !important;
	background			: url("../../media/bg/default.jpg") center center;
	background-attachment: background-attachment: scroll;;
}

/* 02. LANGUAGE TOP BAR
----------------------------------------- */


/* 03. HEADER & NAVIGATION
----------------------------------------- */
/* HEADER NAVIGATION DEFAULT */
header {
	width				: 100%;
	-webkit-transition	: height 0.3s;
    -moz-transition		: height 0.3s;
    -ms-transition		: height 0.3s;
    -o-transition		: height 0.3s;
    transition			: height 0.3s;
}

header .container {
	position			: relative;	
	padding				: 0;
}

header .navbar-default {
	height				: 50px;
	background			: rgba(11, 23, 65, 0.4);
	border-bottom		: none;
	-webkit-transition	: 0.5s;
	-moz-transition		: 0.5s;
	-ms-transition		: 0.5s;
	transition			: 0.5s;
}



header .navbar-default .navbar-nav li > a {
	text-transform		: uppercase;
	color				: #FFF;
	font-weight			: normal;
	font-size			: 18px;
	border-bottom		: 5px solid transparent;
}

header .navbar-default .navbar-nav li > a:hover,
header .navbar-default .navbar-nav li > a:focus,
header .navbar-default .navbar-nav li.active > a:hover 
header .navbar-default .navbar-nav li.active > a:focus {
	color				: #cccccc !important;		
	background			: none !important;
}

header .navbar-default .navbar-nav li.active > a {
	color				: #cccccc;
	border-bottom		: 5px solid #ce1719;
	background			: transparent;
}

/*header .navbar-default .navbar-nav li.dropdown:hover > ul.dropdown-menu {
    display				: block;    
}
*/

header .navbar-default .navbar-nav li.dropdown > ul.dropdown-menu {
	background			: #cccccc;
}
header .navbar-default .navbar-nav li.dropdown > ul.dropdown-menu li a {
	color				: rgb(11, 23, 65) !important;
}
header .navbar-default .navbar-nav li.dropdown > ul.dropdown-menu li:hover a {
	color				: #fff !important;
}


/* mobile toggle */
header .navbar-toggle {
	color				: #fff;	
}

header .langsel {
	float				: left;
	margin-top			: 10px;	
}
header #logo {
	position			: fixed;
	margin-top			:	70px;	
}

header .logo-slidein {
	display				: none;	
}

#overlay-showbg {
	position			: fixed;
	left				: 0px;
	top					: 50%;
	margin-top			: -50px;
	z-index				: 10;
}
@media all and (max-width: 450px) {
	#overlay-showbg {
		display			: none;	
	}
	.cimg-mobile-hide {
		display			: none !important;	
	}
}

@media all and (max-width: 1000px) {
	header .navbar-default .navbar-nav li > a {
		font-size		: 12px;	
	}
}

@media all and (max-width: 767px) {
	.langsel {
		margin-left		:	20px;	
	}
}


@media (max-width: 767px) {	
	
	.navbar-fixed-top .navbar-collapse {
		max-height		: 1000px;
	}
	
	header .navbar-header {
		/*
		background			: rgba(11, 23, 65, 0.4);
		*/
	}
	
	header .navbar-header .navbar-toggle {
		border			: none;
		margin-right	: 30px;
		margin-top		: 8px;
		padding			: 5px;
	}
	
	header .navbar-header .navbar-toggle i {
		color			: #FFF;
		font-size		: 30px;
	}
	
	header .navbar-header .navbar-toggle:hover,
	header .navbar-header .navbar-toggle:focus,
	header .navbar-header .navbar-toggle:hover i,
	header .navbar-header .navbar-toggle:focus i {
		color			: #ccc;	
		background		: none;
	}
	
	
	header .navbar-default .navbar-brand {
		/*padding-top		: 5px;*/
		padding-top		: 0;
		margin-left		: 20px;
		margin-top		: -8px;	
	}
	
	header .navbar-default .navbar-brand img {
		height			: 45px;
		width			: auto;
		display			: block;
	}
	
	header .navbar-default .navbar-collapse {
		/*float			: none;	*/
		background		: #333C5F;
		/*margin-top		: 6px;*/
	}
	
	header .navbar-default .navbar-nav li a {
		font-size		: 16px;
		padding			: 5px 0 5px 20px;
	}
	
	header .navbar-default .navbar-nav li.active > a {
		color			: #ce1719;
		border-bottom	: 5px solid transparent;
		background		: transparent;
	}

	header .navbar-default .navbar-nav li.dropdown > ul.dropdown-menu  li a {
		margin-left		: 15px;
		color			: #FFF;	
	}
	header .navbar-default .navbar-nav li.dropdown > ul.dropdown-menu  li a:hover {
		display: none;
	}
	
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
		background-color	: transparent;
		color				: #fff;
		border				: 0px;
	}


}

/* 04. CONTENT
----------------------------------------- */

#content-section {
	position			: absolute;
	width				: 100%;
	top					: 100%;
}
.content a {
	color				: #fff;	
}
.content a:hover {
	text-decoration		: underline;
}
#content-wrapper {
	min-height			: 300px;
	background			: rgba(11, 23, 65, 0.8);	
	display				: block;
	color				: #fff;
	padding-top			: 50px;
}


#content-section>h1 {

	font-family			: 'gillsans-ultraboldultra_bold', sans-serif;
	/*
	font-family: 'Chango', cursive;

	font-family: 'Asset', cursive;
	*/

	position			: absolute;
	display				: inline-block;
	height				:43px;
	margin-top			: -25px;
	width				: 100%;
	text-align			: right;
	left				: -50%;
	margin-left			: -54px;
	padding-right		: 54px;
	background-image	: url(../images/h1_right.png);
	background-repeat	: no-repeat;
	background-position	: right;

}
#content-section>h1 span {
	display				: block;
	line-height			: 43px;
	vertical-align		: middle;
	background-color	: #fff;
	color				: #F6B800;
	padding-right		: 50px;
	font-size			: 30px;
	font-family-x			: 'gillsans-ultraboldultra_bold', sans-serif;
}

@media all and (max-width: 450px) {
	#content-section>h1 span {
		font-size: 17px;
	}
}

#content-wrapper .iconwrapper-info, #content-wrapper .iconwrapper-webcam {
	text-align			: center;	
}
#content-wrapper .iconwrapper-info span, #content-wrapper .iconwrapper-webcam span {
	display				: block;
	padding-top			: 5px;
	color				: #efefef;
	font-size			: 14px;
}


@media all and (max-width: 650px) {
	#content-section>h1 {
		left			: 0px;
		margin-left		: 0px;
		width			: auto;
		text-align		: left;	
	}
	#content-section>h1 span {
		padding-left	: 10px;
	}
}
h2 {
	margin-top				: 5px;
	margin-bottom				: 15px;
	font-size				: 24px;
}
.aktuelle-informationen .row h2 {
	margin-top: 30px;
}
@media all and (min-width: 460px) {
	.aktuelle-informationen .row:first-child h2:first-child {
		margin-top				: 0px;
	}
}

.aktuelle-informationen table td {
	min-height: 25px;
}	


/* content images */
.cimg {
	padding-bottom				: 30px;	
}
.cimg .row .thumb {
	margin-bottom				: 20px;	
}
.thumb {
    cursor						: zoom-in;
    display						: block;
    position					: relative;
    width						: 100%;
}

.thumb .zoom-icon {
	position					: absolute;
	bottom						: 0;
	background					: rgba(0,0,0,.5);
	color						: #FFF;
	padding						: 10px;
	font-size					: 25px;
	right						: 0px;
	border-bottom-right-radius	: 10px;
}

.img {
	width						: 100%;
	border-radius				: 10px;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity						: 0;
	-webkit-backface-visibility	: hidden;
	-webkit-transition			: all 0.3s ease-out; 
	-moz-transition				: all 0.3s ease-out; 
	-o-transition				: all 0.3s ease-out; 
	transition					: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity					: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity					: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity						: 0;
}




/* 05. FOOTER
----------------------------------------- */
footer {
	padding-top			: 30px;
	text-align			: center;	
	padding-bottom		: 20px;
}

/* ADDONS - CC SILKTIDE
----------------------------------------- */
.cc_banner-wrapper  {
	position: absolute !important;
	z-index: 99;
}
.cc_container .cc_btn, .cc_container .cc_btn:visited {
	background-color	:	#1e3e5d !important;
	color			:	#fff !important;
}