@charset "utf-8";
/* CSS Document */
html {overflow-y:scroll !important;}
html, body {
	height: 100% !important;
	width:100% !important;
	min-height:100%;
	margin:0;
	padding:0;
	background:#fff;
	background-image:url(hg-full.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-attachment:fixed;
	background-position:0px 100px;
	color:#fff;
	font-family:"OpenSansRegular", Arial, Helvetica, sans-serif;
	}
	
html {background:none !important;}

body.ie, body.ios {background-repeat:repeat-y !important;	background-attachment:scroll !important;}

*:not(html) {-webkit-transform:translade3d(0,0,0);}

*, *:before, *:after {
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

figure {font-size:0 !important;}

img {width:100%; height:auto;}

.notresponsive img, img.notresponsive, .notresponsive {width:auto; height:auto}

p{margin-bottom:16px; margin-top:16px; line-height:18px; margin-bottom:1rem; margin-top:1rem; line-height:1.2rem;}
a{color: #4cc1ec; padding:0px; text-decoration:none;}



/*Beginn der Attribute für Schriften, Überschriften, Links,...*/

a:link, a:visited, a:active {color:#4cc1ec; } 
a:hover {color:#1a3288; text-decoration:underline; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}

ol,ul {margin:0; line-height:20px; line-height:1.3rem;}
li {margin-top:6px; margin-bottom:6px; }
ul {list-style:outside disc; }
ol {list-style:outside decimal;}

table { border-collapse:collapse; margin:0; width:100%;}
table td { padding:8px; padding:0.5rem; border:none; background:#d6effa; border:1px solid #fff;}
table tr:nth-of-type(odd) td {background:#b1e6fc;}

.ce_news_gallery table td, .ce_gallery table td, .mod_galleryviewer table td {border:none; padding:0;}

em {font-size:13px; font-size:0.813rem; font-style:italic;}
strong {font-family:"OpenSansBold";}

hr{
background-color: #b1e6fc; /* Farbe für Opera und Firefox */
color: #b1e6fc; /* Farbe für Internet Explorer (IE) */
border: 0;
height: 1px;
margin-bottom:18px;
margin-bottom:1.333rem;
margin-top:18px;
margin-top:1.333rem;
}

label, caption, th, blockquote, cite {color:#999;}
/*label {padding-bottom:4px; display:inline-block;}*/

/*
|--------------------------------------------------------------------------
| Styling Hilfsklassen
|--------------------------------------------------------------------------
*/
.clear, .defloat {clear:both; height:none;}
.nomargin {margin:0px;}
.autowidth {width:auto;}
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.invisible {display:none; visibility:hidden;}
.mobile {display:none; visibility:hidden;}
/*
|--------------------------------------------------------------------------
| Hauptelemente
|--------------------------------------------------------------------------
*/

#navibalken {
	background:#fff;
	height:100px;
	font-size:16px;
	position:fixed;
	z-index:9999;
	top:0;
	left:0;
	width:100%;
	font-family:"OpenSansSemibold", Arial, sans-serif;
	}
	
#navibalken ul {
	margin:0; padding:0;
	}
	
#navibalken ul li {
	margin:0; padding:0;
	list-style:none;
	display:inline-block;
	}
	
#navibalken ul li a {
	display:block;
	line-height:60px;
	padding:40px 25px 0;
	margin-right: -4px;
	}
	
#navibalken ul li a:hover, #navibalken ul li.active a {
	color:#fff;
	background:#4cc1ec;
	text-decoration:none;
	transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;
	}
	
#mobilebalken {
	display:none; visibility:none;
	}

#logo, #logo2 {
	width:400px;
	float:left;
	}
	
#navibalken nav {
	text-transform:uppercase;
	}

footer {
	clear:both;
	text-transform:uppercase;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	background:#fff;
	height:40px;
	padding:10px 0 10px 40px;
	color:#585858;
	}	
	
footer p {
	margin:0px;
	}
	
.wrapper {
	max-width:1200px;
	}
	
.wrapper2 {
	max-width:1120px;
	margin-left:40px;
	margin-right:40px;
	margin-top:20px;
	margin-bottom:80px;
	}
	
#daniel {
	position:fixed;
	right:0px;
	bottom:0px;
	width:500px;
	height:100%;
	z-index:9999;
	background-image:url(dj-daniel-m-gross.png);
	background-size:contain;
	-moz-background-size:contain;
	-webkit-background-size:contain;
	-o-background-size:contain;
	background-repeat:no-repeat;
	background-position:bottom right;
	}
	
#main {
	position:absolute;
	left:0px;
	top:500px;
	}
	
#inhalte {
	background:#00041b;
	background: rgba(0,4,27,0.8);
	color: #fff;
	padding:50px;
	overflow:hidden;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-o-border-radius:15px;
	
	}
	
#main ul {
	overflow:hidden;
	}
	
#main ul li {
	list-style:none;
	background:#585858;
	color:#fff;
	padding:10px;
	width:33%;
	display:block;
	float:left;
	vertical-align:middle;
	border-right:1px solid #00041b;
	text-align:center;
	}
	
#main ul li:last-of-type {
	border-right:none;
	}
	
#main ul li:hover, .partner:hover {
	background:#279ac4;
	transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;
	}
	
.partner {
	display:block;
	float:left;
	background:#4cc1ec;
	width:50%;
	border-right:1px solid #00041b;
	margin-bottom:1px;
	padding:10px;
	text-align:center;
	color:#fff;
	text-decoration:none !important;
	line-height:auto;
	}
	
.partner:nth-of-type(even) {
	border-right:none;
	}

a.partner {
	color:#fff;
	}

#partnerwrapper {
	display:block;
	overflow:hidden;
	}

#gallery {
	overflow:hidden;
	}
	
#gallery img {
	width:33.33%;
	height:auto;
	float:left;
	}
	
#gallery a:hover img {
	opacity:0.5;
	transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;
	}

#mobilebuttons, #mobilefacebook, #mobileinstagram {display:none; visibility:hidden;}

.atss {top:40% !important;}

#facebook {background:#4cc1ec url(fb.jpg) center no-repeat; width:60px; height:60px; position:fixed; top:20px; right:20px; z-index:99999;}
#facebook:hover {opacity:0.6;}


#instagram {background:#4cc1ec url(instagram.jpg) center no-repeat; width:60px; height:60px; position:fixed; top:20px; right:90px; z-index:99999;}
#instagram:hover {opacity:0.6;}


.fb-page, .fb-page div, .fb-page span, .fb-page span iframe[style] { 
    width: 100% !important; 
}

._2p3a {
	width:100% !important;
}