@charset "utf-8";

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/tpl/cug/assets/css/fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/tpl/cug/assets/css/fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/tpl/cug/assets/css/fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/tpl/cug/assets/css/fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/tpl/cug/assets/css/fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/tpl/cug/assets/css/fonts/open-sans-v34-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('/tpl/cug/assets/css/fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/tpl/cug/assets/css/fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/tpl/cug/assets/css/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/tpl/cug/assets/css/fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/tpl/cug/assets/css/fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/tpl/cug/assets/css/fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

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

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('/tpl/cug/assets/css/fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/tpl/cug/assets/css/fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/tpl/cug/assets/css/fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/tpl/cug/assets/css/fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/tpl/cug/assets/css/fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/tpl/cug/assets/css/fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('/tpl/cug/assets/css/fonts/source-sans-pro-v21-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/tpl/cug/assets/css/fonts/source-sans-pro-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/tpl/cug/assets/css/fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/tpl/cug/assets/css/fonts/source-sans-pro-v21-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/tpl/cug/assets/css/fonts/source-sans-pro-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/tpl/cug/assets/css/fonts/source-sans-pro-v21-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

*{margin:0;padding:0;}
header,footer,section,aside,article{display:block;}

@media print{
	body{background:#000000;font-size:10pt;font-family:Arial, Helvetica, SunSans-Regular, sans-serif;color:#000000;padding:0;margin:0;}
	header,footer{display:none;}
}

@media screen{
	body{padding:0;margin:0;color:#dddddd;font-family:'Open Sans', sans-serif;font-weight:300;overflow-x:hidden;background:#000000;}
	a:link, a:visited{color:#dddddd;text-decoration:none;}
	a:hover, a:active{color:#1616e6;text-decoration:none;}
	hr{height:0;border:0;border:none;border-top:1px solid #000000;margin:15px 0;}
	strong{font-weight:700;}
	img{border-color:#CCC;}
	video{overflow:hidden;}
	iframe{width:100%;max-width:100%;overflow:auto; background-color:transparent;}
	
	.warning{background:#f6b7b6;}
	.markterm{background:#cccccc;}
	.border{ border:2px solid #1616e6;}
	.twhite{ background-color:rgba(255, 255, 255, 0.25);}
	.noselect{ -o-user-select: none; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }
	.nobr{ white-space:nowrap; }
	.clr{ clear:both; }
	
	button, input[type=submit], input[type=button], a.button{
		display:inline-block;margin:5px 0 0 0;padding:6px 15px 6px 15px;color:#dddddd;border-bottom:3px solid #1616e6;font-size:14px; text-align:center;
		background:#1616e6;
		background:-webkit-linear-gradient(#1616e6, #f82b48);
		background:   -moz-linear-gradient(#1616e6, #f82b48);
		background:    -ms-linear-gradient(#1616e6, #f82b48);
		background:     -o-linear-gradient(#1616e6, #f82b48);
		background:		   linear-gradient(#1616e6, #f82b48);
	}
	a.button:link, a.button:active, a.button:visited, a.button:hover{text-decoration:none;}
	button:hover, input[type=submit]:hover, input[type=button]:hover, a.button:hover{
		color:#ffffff;border-bottom:3px solid #f82b48;padding:7px 15px 5px 15px;
		background:#1616e6;
		background:-webkit-linear-gradient(#f82b48, #1616e6);
		background:   -moz-linear-gradient(#f82b48, #1616e6);
		background:    -ms-linear-gradient(#f82b48, #1616e6);
		background:     -o-linear-gradient(#f82b48, #1616e6);
		background:        linear-gradient(#f82b48, #1616e6);
	}
	
	input[type=text], input[type=password], textarea, select{font-family:Arial, Helvetica, SunSans-Regular, sans-serif;font-style:normal;font-weight:normal;color:#666666;padding:5px 12px;border:1px solid #666666;background:#000000;}
	input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus{color:#1616e6;border:1px solid #1616e6;}
	
	.t-small{ width:65px; min-width:65px; max-width:65px; }
	.t-middle{ width:154px; min-width:154px; max-width:154px; }
	.t-default{ width:230px; min-width:230px; max-width:230px; }
	.t-large{ width:330px; min-width:330px; max-width:330px; }
	.t-textarea{ width:380px; min-width:230px; max-width:450px; height:120px; min-height:120px; max-height:250px; }
	
	#loader{ position:fixed; left:0; top:0; z-index:999; width:100%; height:100%; overflow:visible; background:#000000; }
	
	#overlay{position:fixed;z-index:19;top:0;right:0;bottom:0;left:0;background-color:rgba(0, 0, 0, 0.85);}
	
	#infobar{height:100%;width:0;position:fixed;z-index:20;top:0;right:0;background-color:#000000;overflow-x:hidden;transition:.3s ease .1s;}
	#infobar .close{position:absolute;text-decoration:none;color:#1616e6;}
	#infobar .inner{height:98%;width:90%;padding:1vh 5%;overflow-x:hidden;text-align:center;border-left:3px solid #1616e6;}
	#infobar .inner a,#infobar .inner a:link,#infobar .inner a:visited{color:#dddddd; text-decoration:none;}
	#infobar .inner a:active,#infobar .inner a:hover{color:#1616e6;}
	
	nav{display:block;width:auto;padding:0;background:transparent;}
	
	header{position:fixed;width:100%;background:transparent;z-index:15;}
	header .nav, header .map{float:right;display:block;width:auto;padding:0;background:transparent;}
	header a.nav, header a.nav:visited, header a.nav:link, 
	header a.map, header a.map:visited, header a.map:link{color:#dddddd;}
	header a.nav:hover, header a.nav:active, 
	header a.map:hover, header a.map:active{color:#1616e6;}
	
	.h-intro{ display:none; }
	
	section.body{display:block;width:100%;float:left; background:transparent url(../img/body-bg.png) no-repeat top center; }
	
	h1{/*position:absolute;z-index:11;*/width:100%;margin:0;font-weight:300;
		color:#000000;text-align:center;text-transform:uppercase;
		background:-webkit-linear-gradient(top, #ddd, #fff, #333);
		background:   -moz-linear-gradient(top, #ddd, #fff, #333);
		background:    -ms-linear-gradient(top, #ddd, #fff, #333);
		background:     -o-linear-gradient(top, #ddd, #fff, #333);
		background:        linear-gradient(top, #ddd, #fff, #333);
		-webkit-background-clip: text;
		        background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	
	h2{position:relative;display:inline-block; width:100%;font-weight:300;color:#dddddd;text-align:center;}
	h2:after{content:'';position:absolute;width:50px;height:3px;background:#1616e6;top:100%;left:0;right:0;margin:10px auto;}
	
	#body{
		float:left;display:block;width:100%;max-width:100%;overflow:hidden;
		background: transparent;
		background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.5));
		background:    -moz-linear-gradient(bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.5));
		background:     -ms-linear-gradient(bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.5));
		background:      -o-linear-gradient(bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.5));
		background:         linear-gradient(bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.5));
	}
	
	#bg{position:fixed;z-index:-1;width:100vw;height:100vh;min-width:100%;min-height:100%;background-size:cover;background-position:center top;background-repeat:no-repeat;overflow:hidden;}
	
	footer{float:left;width:100%;height:auto;background:transparent;border-top:1px solid #323232;color:#888888; text-align:center;}
	footer a,footer a:link,footer a:visited{color:#dddddd; text-decoration:none;}
	footer a:active,footer a:hover{color:#1616e6;}
	
	.logo{ height:auto; margin:0 auto; }
	.logo img{ width:100%; height:auto; border:0; }
	
	#home{ position:relative; /*text-align:center;*/ width:100%; height:auto; display:inline-block; }
	#home .events{ position:relative; display:block; text-align:center; padding:0; }
	#home .events a.prev, #home .events a.next{ 
		position:absolute; display:block; background:transparent url(../img/girls-navigation.png) no-repeat 0 0; border:0; 
		-webkit-transition: all 0.3s ease-out; 
				transition: all 0.3s ease-out;
	}
	#home .events a.prev{ background-position:0 0; left:5px; }
	#home .events a.next{ background-position:-35px 0; right:5px; }
	#home .events a.prev:hover{ left:0; }
	#home .events a.next:hover{ right:0; }
	#home .events div#event-1,
	#home .events div#event-2{
		position:relative; display:inline-block; text-align:center; margin:0 auto; 
		background:rgba(0,0,0,0.8);
		-webkit-animation: buttonshine 12s linear infinite;
				animation: buttonshine 12s linear infinite;
	}
	#home .events > div#event-2{ display:none; }
	#home .events > div > div#countdown{ display:inline-block; width:100%; text-align:center; }
	#home a.lnk-all{ display:inline-block; width:100%; text-align:center; }
	
	/* jQuery Countdown styles 1.6.3. */
	.hasCountdown{}
	.countdown_rtl{ direction:rtl; }
	.countdown_holding span{}
	.countdown_row{ clear:both; width:100%; text-align:center; }
	.countdown_section{display:inline-block; width:25%; height:auto; float:left; }
	.countdown_amount{text-align:center;padding:0; font-family:'Source Sans Pro', sans-serif;}
	.countdown_descr{ display:block; width:100%; text-transform:uppercase; font-family:'Open Sans', sans-serif; font-weight:300; }
	
	#ueber-ggg > ul, #about-ggg > ul{ float:none; text-align:center; background:transparent; margin-top:15px; }
	#ueber-ggg > ul > li, #about-ggg > ul > li{
		position:relative; display:inline-block; width:auto; height:auto; list-style:none; list-style-type:none; color:#1616e6;
		background:rgba(0,0,0,0.8);
		-webkit-animation: buttonshine 12s linear infinite;
				animation: buttonshine 12s linear infinite;
	}
	
	#anmeldung h4 em, #registration h4 em{ display:inline-block; border-radius:50%; font-style:normal; color:#1616e6; text-align:center; }
	#anmeldung h5, #registration h5{ float:none; text-align:center; background:transparent }
	#anmeldung h5, #registration h5{
		position:relative; display:inline-block; width:auto; height:auto; color:#1616e6;
		background:rgba(0,0,0,0.8);
		-webkit-animation: buttonshine 12s linear infinite;
				animation: buttonshine 12s linear infinite;
	}
	
	#forum iframe{ height:auto; display:inline-block; }
	
	#dates table{ width:100%; }
	#dates table th{ text-transform:uppercase; font-weight:300; text-align:left; }
	#dates table td{ text-align:left; vertical-align:top; border-bottom:1px #666 solid; }
	#dates table tr td:nth-child(2), #dates table tr td:nth-child(3){ width:auto; }
	#dates table tr:last-child td{ border-bottom:none; }
	#dates table tr.default td{ color:#666; }
	#dates table tr.active:hover > td{ background-color:rgba(193, 32, 27, 0.6); }
	#dates table td img{ max-height:100px; width:auto; }
	#dates table tr td > .btn{ visibility:hidden; margin:2px auto; }
	#dates table tr:hover td > .btn{ visibility:visible; }
	
	#girls .getindex{ position:absolute; z-index:15; display:inline-block; }
	#girls .fullindex{ position:absolute; z-index:16; top:1.5%; left:0; display:none; width:93%; height:89%; padding:2% 3% 0 3%; background:rgba(0,0,0,0.95); overflow-x:hidden; }
	#girls .fullindex a{ position:relative; display:inline-block; float:left; width:170px; padding:0; margin:0 5px 3px 0; text-transform:uppercase; }
	#girls .fullindex .close{position:absolute; z-index:17; display:block; text-decoration:none;color:#1616e6;text-align:right;}
	
	#g-gallery{ display:inline-block; min-height:200px; width:100%; margin:60px 0; }
	
	#g-nav{height:auto;width:auto;position:absolute;z-index:30;background-color:#000000;overflow:hidden;transition:.3s ease .1s;display:none;}
	#g-nav .close{position:absolute;text-decoration:none;color:#1616e6;}
	#g-nav a,#g-nav a:link,#g-nav a:visited{color:#dddddd; text-decoration:none; margin:0; display:inline-block;}
	#g-nav a.active,#g-nav a:active,#g-nav a:hover{color:#1616e6;}
	#g-nav ul, #g-nav li{ padding:0; margin:0; list-style:none; list-style-type:none; background:none !important; }
	#g-nav ul.level-1{ padding-left:0; width:100%; }
	#g-nav ul.level-2{ padding-left:5%; width:95%; }
	#g-nav ul.level-3, #g-nav ul.level-4, #g-nav ul.level-5{ padding:0; margin-left:-2%; width:102%; }
	#g-nav ul.level-1 li, #g-nav ul.level-2 li{ padding:0; float:left; width:100%; display:block; margin:0; }
	#g-nav ul.level-3 li, #g-nav ul.level-4 li, #g-nav ul.level-5 li{ padding:0 6px; float:left; width:auto; display:inline-block; margin:0 2px 2px 0; border:1px solid #444; }
	
	.g-crumbs a:link, .g-crumbs a:visited, .g-crumbs a:hover, .g-crumbs a:active{ color:#1616e6; text-decoration:none; text-transform:uppercase; }
	.g-crumbs a.fa-navicon{ font-size:17px; margin-right:7px; }
	.g-crumbs span.fa-angle-double-right{ margin:-2px 7px 0 10px; color:#1616e6; }
	
	.g-folders{ width:100%; }
	.g-folders a{
		position:relative; display:inline-block; width:auto; height:auto; color:#1616e6;
		background:rgba(0,0,0,0.8); text-align:center;
		/*-webkit-animation: buttonshine 12s linear infinite;
				animation: buttonshine 12s linear infinite;*/
	}
	
	#gallery{ margin:0; padding:0; }
	
	@-webkit-keyframes buttonshine{
		0%  	{background: #000000;}
		96.5%  	{background: #000000;}
		97%  	{background: -webkit-linear-gradient(-35deg, #000000 100%, #eee 120%, #000000 140%);}
		97.5%  	{background: -webkit-linear-gradient(-35deg, #000000 80%, #eee 100%, #000000 120%);}
		98%  	{background: -webkit-linear-gradient(-35deg, #000000 60%, #eee 80%, #000000 100%);}
		98.5%  	{background: -webkit-linear-gradient(-35deg, #000000 40%, #eee 60%, #000000 80%);}
		99%  	{background: -webkit-linear-gradient(-35deg, #000000 20%, #eee 40%, #000000 60%);}
		99.5%  	{background: -webkit-linear-gradient(-35deg, #000000 0%, #eee 20%, #000000 40%);}
		100%   	{background: -webkit-linear-gradient(-35deg, #000000 -20%, #eee 0%, #000000 20%);}
	}
	@keyframes buttonshine{
		0%  	{background: #000000;}
		96.5%  	{background: #000000;}
		97%  	{background: linear-gradient(-35deg, #000000 100%, #eee 120%, #000000 140%);}
		97.5%  	{background: linear-gradient(-35deg, #000000 80%, #eee 100%, #000000 120%);}
		98%  	{background: linear-gradient(-35deg, #000000 60%, #eee 80%, #000000 100%);}
		98.5%  	{background: linear-gradient(-35deg, #000000 40%, #eee 60%, #000000 80%);}
		99%  	{background: linear-gradient(-35deg, #000000 20%, #eee 40%, #000000 60%);}
		99.5%  	{background: linear-gradient(-35deg, #000000 0%, #eee 20%, #000000 40%);}
		100%   	{background: linear-gradient(-35deg, #000000 -20%, #eee 0%, #000000 20%);}
	}
	
	.loader{ 
		border: 2px solid #ccc; border-top: 2px solid #1616e6; border-radius: 50%; width:20px; height:20px; display:block; 
		position:absolute; left:50%; top:50%; margin:-10px 0 0 -50px;
		-webkit-animation: loaderspin 0.5s linear infinite; 
				animation: loaderspin 0.5s linear infinite; 
	}
	@-webkit-keyframes loaderspin { 	0% { transform: rotate(0deg); }	100% { transform: rotate(360deg); }	}
	@keyframes loaderspin { 			0% { transform: rotate(0deg); }	100% { transform: rotate(360deg); }	}
	
	
	button.btn, input[type=submit].btn, input[type=button].btn, a.btn{ 
		display:inline-block; min-width:140px; padding:3px 8px; margin:0 8px 8px 8px; border:1px solid #666;
		font-family:'Open Sans', sans-serif;font-weight:300; font-size:14px; line-height:16px;
		color:#000000;text-align:center;text-transform:uppercase;
		background: -webkit-linear-gradient(top, #eee, #fff, #bbb, #666);
		background:    -moz-linear-gradient(top, #eee, #fff, #bbb, #666);
		background:     -ms-linear-gradient(top, #eee, #fff, #bbb, #666);
		background:      -o-linear-gradient(top, #eee, #fff, #bbb, #666);
		background:         linear-gradient(top, #eee, #fff, #bbb, #666);
	}
	a.btn:link,a.btn:visited{color:#000000; text-decoration:none;}
	a.btn:active,a.btn:hover{color:#1616e6; text-decoration:none;}
	.btn > span.fa{ margin:0 5px 0 0; color:#1616e6; font-size:18px; }
}

@media screen and (min-width: 1500px){
	
	body,p,h3,h4,h5,h6{font-size:14px;line-height:2em;}
	p{line-height:2em;padding:15px 0;}
	h2{line-height:29px;font-size:24px;font-weight:normal;font-weight:400;margin:0;padding:20px 0;}
	h4,h5,h6{font-weight:bold;font-weight:700;margin:0;padding:15px 0;}
	h3{font-size:18px;font-weight:bold;font-weight:700;margin:0;padding:20px 0;}
	
	.content ol{padding-left:20px;}
	.content ol > li{padding:0 0 20px 3px;margin:0 0 0 10px;}
	.content ul > li{padding:0 0 20px 30px;margin:0 0 0 10px;list-style:none;list-style-type:none;background:transparent url(../img/li.svg) no-repeat 0 5px; }
	
	#wrap{transition: margin-left .3s ease .1s;width:100%;}
	
	#infobar .inner h3{font-size:26px;font-weight:300;padding:0;margin:20px 0 10px 0;}
	#infobar .inner h3 span.fa-crown{ display:inline-block; width:27px; height:36px; background:transparent url(../img/ico-crown.svg) no-repeat 0 10px; background-size: contain; }
	#infobar .inner hr{height:0;border:0;border-bottom:1px solid #323232;margin:35px 0 35px -7%;width:120%;min-width:120%;}
	#infobar .close{top:20px;right:20px;font-size:40px;}
	#infobar .inner{font-size:16px;}
	
	header{height:100px;}
	header .map, header .nav{margin:45px 40px 0 0;height:50px;font-size:28px;}
	
	.fa-navicon2{display:inline-block; width:35px; height:35px; background:transparent url(../img/ico-navicon.svg) no-repeat 0 0; background-size: contain; }
	
	section.body{height:auto; min-height:750px; }
	
	h1{padding:33px 0;line-height:58px;font-size:58px;}
	h2{padding:20px 0;line-height:40px;font-size:30px;text-shadow:#000000 1px 1px 0;margin:45px auto 30px auto;}
	
	#body{height:auto; min-height:750px; max-width:100%;width:80%;padding:100px 10% 0 10%;}
	
	.content{display:block;width:100%;height:auto;padding:0;margin:0 auto;overflow:auto;}
	.content > .inner{display:block;width:100%;height:auto;padding:0;margin:0;overflow:auto;}
	
	.content table{ width:50% !important;min-width:50% !important;max-width:50% !important;padding:0;margin:0 auto; }
	
	footer{ padding:10px 0;}
	footer p{font-size:12px; line-height:20px; padding:10px 0 0 0; margin:0;}
	footer p a{font-size:14px; padding:0 14px; margin:0;}
	
	.logo{ width:800px; }
	
	#home{ margin:0 0 50px 0; }
	#home .events{ width:820px; height:270px; margin:50px auto 15px auto; }
	#home .events a.prev, #home .events a.next{ top:110px; width:35px; height:40px; }
	#home .events div#event-1,#home .events div#event-2{ width:550px; height:215px; padding:15px 30px; margin:0 auto; border:9px #eee solid; border-radius:25px;}
	#home a.lnk-all{ font-size:14px; }
	#home .events > div p{ font-size:24px; line-height:24px; padding:0; }
	#home .events > div p strong{ font-weight:700; font-size:26px; line-height:33px; }
	#home .events > div > div#countdown{ height:115px; margin:5px 0 15px 0; }
	
	.countdown_amount{
		font-size:95px; line-height:85px;
		color:#000000;
		background: -webkit-linear-gradient(top, #ddd, #fff, #333);
		background:    -moz-linear-gradient(top, #ddd, #fff, #333);
		background:     -ms-linear-gradient(top, #ddd, #fff, #333);
		background:      -o-linear-gradient(top, #ddd, #fff, #333);
		background:         linear-gradient(top, #ddd, #fff, #333);
		-webkit-background-clip: text;
		        background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.countdown_descr{ font-size:14px; line-height:14px; }
	
	#ueber-ggg > ul > li, #about-ggg > ul > li{ min-width:200px; padding:25px 15px; margin:10px; border:3px #eee solid; border-radius:15px; font-size:18px; }
	
	#anmeldung h4 em, #registration h4 em{ width:20px; height:20px; padding:5px; margin:0 10px 10px 0; border:3px #eee solid; font-size:18px; line-height:18px; }
	#anmeldung h5, #registration h5{ min-width:200px; padding:25px 15px; margin:10px; border:3px #eee solid; border-radius:15px; font-size:18px; }
	
	#dates table{ padding:0 5%; margin:0 0 90px 0; }
	#dates table th{ padding:30px 15px 15px 15px; border-bottom:2px #666 solid; }
	#dates table td{ padding:15px; }
	#dates table tr td:nth-child(1), #dates table tr td:nth-child(4), #dates table tr td:nth-child(5){ width:200px; }
	
	#girls{ position:relative; width:100%; height:750px; /*overflow:hidden;*/ margin-top:60px; }
	#girls .girl{ position:absolute; z-index:9; top:0; left:50%; margin-left:-325px; width:750px; height:750px; display:block; overflow:hidden; }
	#girls .girl img{ width:100%; height:auto; border:none; }
	
	#girls .bubble{ position:absolute; z-index:10; top:10px; left:50%; margin-left:-595px; width:330px; height:349px; display:none; background:transparent url(../img/girls-bubble.png) no-repeat 0 0; padding:30px 115px 30px 30px; }
	#girls .bubble .fadeout{ position:absolute; z-index:12; bottom:30px; left:30px; width:320px; height:71px; background:transparent url(../img/girls-bubble-textfadeout.png) repeat-x left bottom; }
	#girls .bubble .venscroll{ width:320px; height:309px; padding-bottom:40px; overflow:hidden; }
	#girls .bubble .venscroll h3{ text-transform:uppercase; font-weight:normal; font-size:30px; line-height:32px; padding-top:10px; }
	#girls .bubble .venscroll h4,#girls .bubble .venscroll h5,#girls .bubble .venscroll h6,#girls .bubble .venscroll p{ line-height:24px; padding:10px 0 5px 0; }
	
	#girls .navigation{ position:absolute; z-index:11; bottom:100px; right:50%; margin-right:-600px; width:170px; height:40px; display:block; }
	#girls .navigation a{ display:block; float:left; width:35px; height:40px; background:transparent url(../img/girls-navigation.png) no-repeat 0 0; border:0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
	#girls .navigation a:first-child{ background-position:0 0; margin:0 0 0 5px; }
	#girls .navigation a:last-child{ background-position:-35px 0; margin:0 5px 0 0; }
	#girls .navigation a:first-child:hover{ margin:0 5px 0 0; }
	#girls .navigation a:last-child:hover{ margin:0 0 0 5px; }
	#girls .navigation span{ float:left; width:90px; padding:5px 0 0 0; text-align:center; color:#1616e6; }
	
	#girls .getindex{ bottom:35px; left:10px; }
	#girls .fullindex{ border:3px #eee solid; border-radius:15px; }
	#girls .fullindex a{ font-size:14px; }
	#girls .fullindex .close{top:10px;right:10px;font-size:36px; width:30px;}
	
	#g-nav .close{top:10px;right:20px;font-size:36px;}
	#g-nav{max-width:600px; font-size:16px;padding:15px; margin:-40px 0 0 -20px; border:3px #eee solid; border-radius:15px;}
	
	.g-folders a{ min-width:190px; padding:25px 15px; margin:20px 20px 0 0; border:3px #eee solid; border-radius:15px; font-size:18px; }
}

@media screen and (min-width: 1100px) and (max-width: 1500px){
	
	body,p,h3,h4,h5,h6{font-size:14px;line-height:1.9em;}
	p{line-height:1.9em;padding:15px 0;}
	h2{line-height:27px;font-size:22px;font-weight:normal;font-weight:400;margin:0;padding:20px 0;}
	h4,h5,h6{font-weight:bold;font-weight:700;margin:0;padding:13px 0;}
	h3{font-size:15px;font-weight:bold;font-weight:700;margin:0;padding:18px 0;}
	
	.content ol{padding-left:20px;}
	.content ol > li{padding:0 0 20px 3px;margin:0 0 0 8px;}
	.content ul > li{padding:0 0 20px 30px;margin:0 0 0 8px;list-style:none;list-style-type:none;background:transparent url(../img/li.svg) no-repeat 0 3px; }
	
	#wrap{transition: margin-left .3s ease .1s;width:100%;}
	
	#infobar .inner h3{font-size:22px;font-weight:300;padding:0;margin:12px 0 7px 0;}
	#infobar .inner h3 span.fa-crown{ display:inline-block; width:23px; height:29px; background:transparent url(../img/ico-crown.svg) no-repeat 0 4px; background-size: contain; }
	#infobar .inner hr{height:0;border:0;border-bottom:1px solid #323232;margin:25px 0 25px -7%;width:120%;min-width:120%;}
	#infobar .close{top:20px;right:20px;font-size:36px;}
	#infobar .inner{font-size:14px;}
	
	header{height:80px;}
	header .map, header .nav{margin:35px 30px 0 0;height:50px;font-size:26px;}
	
	.fa-navicon2{display:inline-block; width:35px; height:35px; background:transparent url(../img/ico-navicon.svg) no-repeat 0 0; background-size: contain; }
	
	section.body{height:auto; min-height:550px; }
	
	h1{padding:26px 0;line-height:56px;font-size:56px;margin:0 auto 10px auto;}
	h2{padding:15px 0;line-height:26px;font-size:26px;text-shadow:#000000 1px 1px 0;margin:40px auto 45px auto;}
	
	#body{height:auto; min-height:550px; max-width:100%;width:84%;padding:80px 8% 0 8%;}
	
	.content{display:block;width:100%;height:auto;padding:0;margin:0 auto;overflow:auto;}
	.content > .inner{display:block;width:100%;height:auto;padding:0;margin:0;overflow:auto;}
	.content table{ width:75% !important;min-width:75% !important;max-width:75% !important;padding:0;margin:0 auto; }
	
	footer{ padding:10px 0;}
	footer p{font-size:12px; line-height:18px; padding:10px 0 0 0; margin:0;}
	footer p a{font-size:14px; padding:0 12px; margin:0;}
	
	.logo{ width:650px; }
	
	#home{ margin:0 0 50px 0; }
	#home .events{ width:770px; height:250px; margin:50px auto 20px auto; }
	#home .events a.prev, #home .events a.next{ top:100px; width:35px; height:40px; }
	#home .events div#event-1,#home .events div#event-2{width:500px; height:205px; padding:10px 25px; margin:0 auto; border:7px #eee solid; border-radius:20px;}
	#home a.lnk-all{ font-size:14px; }
	#home .events > div p{ font-size:22px; line-height:22px; padding:0; }
	#home .events > div p strong{ font-weight:700; font-size:24px; line-height:30px; }
	#home .events > div > div#countdown{ height:110px; margin:5px 0 15px 0; }
	
	.countdown_amount{
		font-size:80px; line-height:80px; 
		color:#000000;
		background: -webkit-linear-gradient(top, #ddd, #fff, #333);
		background:    -moz-linear-gradient(top, #ddd, #fff, #333);
		background:     -ms-linear-gradient(top, #ddd, #fff, #333);
		background:      -o-linear-gradient(top, #ddd, #fff, #333);
		background:         linear-gradient(top, #ddd, #fff, #333);
		-webkit-background-clip: text;
		        background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.countdown_descr{ font-size:14px; line-height:14px; }
	
	#ueber-ggg > ul > li, #about-ggg > ul > li{ min-width:150px; padding:22px 12px; margin:10px; border:2px #eee solid; border-radius:12px; font-size:16px; }
	
	#anmeldung h4 em, #registration h4 em{ width:20px; height:20px; padding:5px; margin:0 10px 10px 0; border:2px #eee solid; font-size:16px; line-height:18px; }
	#anmeldung h5, #registration h5{ min-width:150px; padding:22px 12px; margin:10px; border:2px #eee solid; border-radius:12px; font-size:16px; }
	
	#dates table{ padding:0 3%; margin:0 0 60px 0; }
	#dates table th{ padding:15px; border-bottom:2px #666 solid; }
	#dates table td{ padding:15px; }
	#dates table tr td:nth-child(1), #dates table tr td:nth-child(4), #dates table tr td:nth-child(5){ width:180px; }
	
	#girls{ position:relative; width:100%; height:550px; /*overflow:hidden;*/ }
	#girls .girl{ position:absolute; z-index:9; top:0; left:50%; margin-left:-25%; width:750px; height:550px; display:block; overflow:hidden; }
	#girls .girl img{ width:100%; height:auto; border:none; }
	
	#girls .bubble{ position:absolute; z-index:10; top:40px; left:50%; margin-left:-50%; width:330px; height:349px; display:none; background:transparent url(../img/girls-bubble.png) no-repeat 0 0; padding:30px 115px 30px 30px; }
	#girls .bubble .fadeout{ position:absolute; z-index:12; bottom:30px; left:30px; width:320px; height:71px; background:transparent url(../img/girls-bubble-textfadeout.png) repeat-x left bottom; }
	#girls .bubble .venscroll{ width:320px; height:309px; padding-bottom:40px; overflow:hidden; }
	#girls .bubble .venscroll h3{ text-transform:uppercase; font-weight:normal; font-size:26px; line-height:28px; padding-top:10px; }
	#girls .bubble .venscroll h4,#girls .bubble .venscroll h5,#girls .bubble .venscroll h6,#girls .bubble .venscroll p{ line-height:18px; padding:10px 0 5px 0; }
	
	#girls .navigation{ position:absolute; z-index:11; bottom:40px; right:50%; margin-right:-50%; width:170px; height:40px; display:block; }
	#girls .navigation a{ display:block; float:left; width:35px; height:40px; background:transparent url(../img/girls-navigation.png) no-repeat 0 0; border:0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
	#girls .navigation a:first-child{ background-position:0 0; margin:0 0 0 4px; }
	#girls .navigation a:last-child{ background-position:-35px 0; margin:0 4px 0 0; }
	#girls .navigation a:first-child:hover{ margin:0 4px 0 0; }
	#girls .navigation a:last-child:hover{ margin:0 0 0 4px; }
	#girls .navigation span{ float:left; width:90px; padding:5px 0 0 0; text-align:center; color:#1616e6; }
	
	#girls .getindex{ bottom:35px; left:10px; }
	#girls .fullindex{ border:2px #eee solid; border-radius:12px; }
	#girls .fullindex a{ font-size:14px; }
	#girls .fullindex .close{top:10px;right:10px;font-size:33px; width:30px;}
	
	#g-nav .close{top:10px;right:20px;font-size:33px;}
	#g-nav{max-width:500px; font-size:14px;padding:15px; margin:-30px 0 0 -20px; border:2px #eee solid; border-radius:12px;}
	
	.g-folders a{ min-width:133px; padding:20px 12px; margin:15px 15px 0 0; border:2px #eee solid; border-radius:12px; font-size:16px; }
}

@media screen and (max-width: 1100px){
	
	body,p,h3,h4,h5,h6{font-size:13px;line-height:1.8em;}
	p{line-height:1.8em;padding:15px 0;}
	h2{line-height:24px;font-size:20px;font-weight:normal;font-weight:400;margin:0;padding:20px 0;}
	h4,h5,h6{font-size:14px;font-weight:bold;font-weight:700;margin:0;padding:15px 0;}
	h3{font-size:16px;font-weight:bold;font-weight:700;margin:0;padding:20px 0;}
	
	.content ol{padding-left:20px;}
	.content ol > li{padding:0 0 15px 3px;margin:0 0 0 8px;}
	.content ul > li{padding:0 0 15px 30px;margin:0 0 0 8px;list-style:none;list-style-type:none;background:transparent url(../img/li.svg) no-repeat 0 2px; }
	
	#wrap{transition: margin-left .3s ease .1s;width:100%;}
	
	header{height:50px; width:100px; right:0; }
	header .map, header .nav{margin:12px 12px 0 0;height:40px;font-size:30px;}
	
	.fa-navicon2{display:inline-block; width:25px; height:25px; background:transparent url(../img/ico-navicon.svg) no-repeat 0 0; background-size: contain; }
	
	section.body{height:auto; min-height:300px; background:rgba(0, 0, 0, 0.3) !important;}
	
	h1{/*padding:90px 0 0 0;*/line-height:36px;font-size:36px;text-shadow:#000000 1px 1px 0; margin:0 auto; position:relative;
		color:#dddddd;
		background: transparent;
		-webkit-background-clip: text;
		        background-clip: text;
		-webkit-text-fill-color: #dddddd;
	}
	
	h2{padding:12px 0;line-height:20px;font-size:20px;text-shadow:#000000 1px 1px 0;margin:40px auto 45px auto;}
	
	#body{height:auto; max-width:100%;width:90%;padding:40px 5% 0 5%; background:transparent !important;}
	
	.content{display:block;width:100%;height:auto;padding:0;margin:0 auto;}
	.content > .inner{display:block;width:100%;height:auto;padding:0;margin:0;}
	
	.content table, .content iframe{width:99%;min-width:99%;max-width:99%;padding:0;}
	.content table td, .content table th{display:run-in;float:left;text-align:left !important;min-width:99%;padding:0;}
	.content table td p, .content table th p{float:left;text-align:left !important; width:100%;}
	.content img, .content table td img, .content p img, .content a img{height:auto !important;max-width:99%;padding:0;}
	
	footer{ padding:10px 0;}
	footer p{font-size:11px; line-height:14px; padding:5px 0; margin:0;}
	footer p a{font-size:13px; padding:0 10px; margin:0;}
	
	footer table{ padding-bottom:15px; }
	footer table td{display:run-in;float:left;min-width:90%;padding:0 5%; text-align:center !important;}
	
	#ueber-ggg > ul > li, #about-ggg > ul > li{ min-width:130px; padding:24px 12px; margin:12px; border:2px #eee solid; border-radius:10px; font-size:14px; }
	
	#anmeldung h4 em, #registration h4 em{ width:18px; height:18px; padding:4px; margin:0 10px 10px 0; border:2px #eee solid; font-size:14px; line-height:16px; }
	#anmeldung h5, #registration h5{ min-width:130px; padding:24px 12px; margin:12px; border:2px #eee solid; border-radius:10px; font-size:14px; }
	
	#dates table{ padding:0; width:100% !important; margin:0 0 30px 0; }
	#dates table td, #dates table th{border-bottom:none; width:96%; padding:0 2%;}
	#dates table td:last-child{border-bottom:1px #666 dotted; padding-bottom:15px;}
	#dates table td:first-child{ padding:10px 2%; font-size:130%; }
	#dates table th{ display:none; }
	#dates table tr td > .btn{ visibility:visible !important; margin:10px auto 0 auto; }
	#dates table tr:hover td > .btn{ visibility:visible; }
}

@media screen and (min-width: 601px) and (max-width: 1100px){
	
	#infobar .inner h3{font-size:18px;line-height:18px;font-weight:300;padding:0;margin:15px 0 5px 0;}
	#infobar .inner h3 span.fa-crown{ display:inline-block; width:19px; height:20px; background:transparent url(../img/ico-crown.svg) no-repeat 0 0; background-size: contain; }
	#infobar .inner hr{height:0;border:0;border-bottom:1px solid #323232;margin:10px 0 10px -7%;width:120%;min-width:120%;}
	#infobar .close{top:20px;right:20px;font-size:36px;}
	#infobar .inner{font-size:13px;}
	
	.logo{ width:100%; max-width:500px; }
	
	#home{ margin:40px 0 60px 0; }
	#home .events{ width:100%; height:auto; margin:40px auto 30px auto; }
	#home .events a.prev, #home .events a.next{ top:95px; width:25px; height:29px; background-size:200% 100%; }
	#home .events a.prev{ left:0; }
	#home .events a.next{ right:0; background-position:-25px 0; }
	#home .events a.prev:hover{ left:-5px; }
	#home .events a.next:hover{ right:-5px; }
	#home .events div#event-1,#home .events div#event-2{width:440px; height:180px; padding:12px 15px; margin:0 auto; border:7px #eee solid; border-radius:20px;}
	#home a.lnk-all{ font-size:13px; }
	#home .events > div p{ font-size:18px; line-height:18px; padding:0; }
	#home .events > div p strong{ font-weight:700; font-size:22px; line-height:22px; }
	#home .events > div > div#countdown{ height:85px; margin:5px 0 15px 0; }
	
	.countdown_amount{ font-size:70px; line-height:60px; color:#fff; }
	.countdown_descr{ font-size:13px; line-height:13px; }
	
	#girls{ position:relative; width:100%; height:500px; /*overflow:hidden;*/ }
	#girls .girl{ position:absolute; z-index:9; top:0; left:20%;  width:100%; max-width:700px; height:500px; display:block; overflow:hidden; }
	#girls .girl img{ width:100%; height:auto; border:none; }
	
	#girls .bubble{ position:absolute; z-index:10; top:40px; left:0; width:220px; height:249px; display:none; background:rgba(0,0,0,0.9); border:7px solid #eee; border-radius:15px; padding:15px; }
	#girls .bubble .fadeout{ position:absolute; z-index:12; bottom:15px; left:15px; width:220px; height:71px; background:transparent url(../img/girls-bubble-textfadeout.png) repeat-x left bottom; }
	#girls .bubble .venscroll{ width:200px; height:209px; padding-bottom:40px; overflow:hidden; }
	#girls .bubble .venscroll h3{ text-transform:uppercase; font-weight:normal; font-size:20px; line-height:22px; padding-top:10px; }
	#girls .bubble .venscroll h4,#girls .bubble .venscroll h5,#girls .bubble .venscroll h6,#girls .bubble .venscroll p{ line-height:15px; padding:10px 0 5px 0; }
	
	#girls .navigation{ position:absolute; z-index:11; top:360px; left:10px; width:120px; height:29px; display:block; }
	#girls .navigation a{ display:block; float:left; width:25px; height:29px; background:transparent url(../img/girls-navigation.png) no-repeat 0 0; background-size:200% 100%; border:0; }
	#girls .navigation a:first-child{ background-position:0 0; }
	#girls .navigation a:last-child{ background-position:-25px 0; }
	#girls .navigation span{ float:left; width:70px; padding:5px 0 0 0; text-align:center; color:#1616e6; }
	
	#girls .getindex{ bottom:35px; left:10px; }
	#girls .fullindex{ border:2px #eee solid; border-radius:10px; }
	#girls .fullindex a{ font-size:13px; }
	#girls .fullindex .close{top:10px;right:10px;font-size:30px; width:30px;}
	
	#g-nav .close{top:10px;right:20px;font-size:30px;}
	#g-nav{max-width:500px; font-size:13px;padding:15px; margin:-30px 0 0 -20px; border:2px #eee solid; border-radius:10px;}
	
	.g-folders a{ min-width:100px; padding:15px 10px; margin:15px 15px 0 0; border:2px #eee solid; border-radius:10px; font-size:14px; }
}
@media screen and (max-width: 600px){
	
	#infobar .inner h3{font-size:16px;line-height:16px;font-weight:300;padding:0;margin:10px 0 0 0;}
	#infobar .inner h3 span.fa-crown{ display:inline-block; width:18px; height:20px; background:transparent url(../img/ico-crown.svg) no-repeat 0 0; background-size: contain; }
	#infobar .inner hr{height:0;border:0;border-bottom:1px solid #323232;margin:7px 0 15px -7%;width:120%;min-width:120%;}
	#infobar .close{top:15px;right:15px;font-size:36px;}
	#infobar .inner{font-size:13px;}
	#infobar .inner table td{display:run-in;float:left;min-width:90%;padding:0 5%;text-align:center !important;}
	#infobar .inner img, #infobar .inner table td img, #infobar .inner p img, #infobar .inner a img{height:auto !important;max-width:90%;padding:0 5%;}
	
	.logo{ width:85%; }
	
	#home{ margin:60px 0 60px 0; }
	#home .events{ width:90%; height:auto; margin:40px auto 20px auto; }
	#home .events a.prev, #home .events a.next{ top:95px; width:20px; height:23px; background-size:200% 100%; }
	#home .events a.prev{ left:-15px; }
	#home .events a.next{ right:-15px; background-position:-20px 0; }
	#home .events a.prev:hover{ left:-17px; }
	#home .events a.next:hover{ right:-17px; }
	#home .events div#event-1,#home .events div#event-2{width:70%; min-width:190px; height:auto; min-height:160px; padding:15px 10px; margin:0 auto; border:4px #eee solid; border-radius:15px;}
	#home a.lnk-all{ font-size:12px; }
	#home .events > div p{ font-size:13px; line-height:15px; padding:0; }
	#home .events > div p strong{ font-weight:700; font-size:15px; line-height:17px; }
	#home .events > div > div#countdown{ height:75px; margin:10px 0 10px 0; }
	
	.countdown_amount{ font-size:36px; line-height:45px; color:#fff; }
	.countdown_descr{ font-size:12px; line-height:12px; }
	
	#girls{ position:relative; width:100%; height:570px; /*overflow:hidden;*/ }
	#girls .girl{ position:absolute; z-index:9; top:0; left:0; width:100%; height:550px; display:block; }
	#girls .girl img{ position:absolute; width:600px !important; min-width:600px !important; max-width:600px !important; height:auto; left:50%; border:none; margin-left:-300px; }
	
	#girls .bubble{ position:absolute; z-index:10; top:300px; left:0; width:240px; height:189px; display:none; background:rgba(0,0,0,0.9); border:5px solid #eee; border-radius:12px; padding:10px; }
	#girls .bubble .fadeout{ position:absolute; z-index:12; bottom:10px; left:10px; width:240px; height:71px; background:transparent url(../img/girls-bubble-textfadeout.png) repeat-x left bottom; }
	#girls .bubble .venscroll{ width:220px; height:169px; padding-bottom:20px; overflow:hidden; }
	#girls .bubble .venscroll h3{ text-transform:uppercase; font-weight:normal; font-size:20px; line-height:22px; padding:7px 0 7px 0; }
	#girls .bubble .venscroll h4,#girls .bubble .venscroll h5,#girls .bubble .venscroll h6,#girls .bubble .venscroll p{ line-height:15px; padding:10px 0 5px 0; }
	
	#girls .navigation{ position:absolute; z-index:11; top:255px; left:10px; width:120px; height:29px; display:block; }
	#girls .navigation a{ display:block; float:left; width:25px; height:29px; background:transparent url(../img/girls-navigation.png) no-repeat 0 0; background-size:200% 100%; border:0; }
	#girls .navigation a:first-child{ background-position:0 0; }
	#girls .navigation a:last-child{ background-position:-25px 0; }
	#girls .navigation span{ float:left; width:70px; padding:5px 0 0 0; text-align:center; color:#1616e6; }
	
	#girls .getindex{ bottom:15px; left:10px; }
	#girls .fullindex{ border:2px #eee solid; border-radius:10px; }
	#girls .fullindex a{ font-size:13px; }
	#girls .fullindex .close{top:15px;right:15px;font-size:30px; width:30px;}
	
	#g-nav .close{top:15px;right:15px;font-size:30px;}
	#g-nav{max-width:250px; font-size:12px;padding:10px; margin:-10px 0 0 -10px; border:2px #eee solid; border-radius:10px;}
	
	.g-folders a{ min-width:80px; padding:10px 10px; margin:15px 15px 0 0; border:2px #eee solid; border-radius:10px; font-size:14px; }
}

/* Nur Internet Explorer 10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	
    h1{color:#ffffff;background: none;background-clip: unset;}
	.countdown_amount{ color:#ffffff; background: none; background-clip: unset;}
}