/* ##################################### FOTO-JAGLA ############################### */
@font-face {
	font-family: CaptureIt;
	src: url(../libs/CaptureIt.ttf);
}

.first_content {
	display:none;	
}

html {
   font-size: 100%; /* 1 */
   -ms-text-size-adjust: 100%; /* 2 */
   -webkit-text-size-adjust: 100%; /* 2 */
}

body {
	background: linear-gradient(130deg, rgba(47,47,47,1) 0%, rgba(74,74,74,1) 50%, rgba(50,50,50,1) 100%); /* auch in standard.js anpassen! */
	font-size: 12px;
	color:#aaaaaa;
	padding:0px;
	margin:0px;
	overflow: scroll;
	overflow-x: hidden;
	font-family: 'Noto Sans', sans-serif;
}

a { color: #ffffff; text-decoration: none; text-underline: none; outline: none;}
a:visited {color:#dddddd; text-decoration: none; text-underline: none; }
a:hover {
	color: #ffffff; 
	text-decoration: none; 
	text-underline: none; 
}
a:active { color:#ffffff; text-decoration: none; text-underline: none; }

a img { border:0px; }


h1 {
	font-size:22px;
	text-align:left;
	color:#aaaaaa;
	font-weight:bold;
	letter-spacing:0.15em;
	text-transform:uppercase;
	margin:0px;
	border-bottom:1px solid #555555;
	padding-top:20px;
	padding-bottom:10px;
	display:none;
}

h2 {
	padding:0px;
	margin:0px;
	padding-bottom:10px;
	padding-top:10px;
	font-size:22px;
}

h3 {
	padding-left:4px;
	padding-top:10px;
	margin:0px;
	padding-bottom:8px;
	font-size:18px;
}

h4 {
	padding-left:8px;
	padding-top:10px;
	padding-bottom:4px;
	margin:0px;
	margin-bottom:5px;
	font-size:16px;
}


.fixed {
	position: fixed; 
	top:0;
	background-color:#212121;
}

/*
.pint_btn {
	display:none;
	margin-top:-25px;	
}
*/

.highlight {
	color:#000000;
}
.nonhighlight {
	color:#000000;
	text-decoration: none;
}

.default_input, .default_textarea, .default_button {
	color:#AAA;	
	border:1px solid #555;
	background-color:#212121;
	font-size:14px;	
}
.default_button {
	font-size:16px;
	width:150px;
	height:40px;
	cursor:pointer;
	font-weight:bold;
}
.default_input:hover, .default_textarea:hover, .default_button:hover {
	background-color:#323232;
	border:1px solid #EEE;
	-o-transition:background-color .2s ease-out, background-color .2s ease-in, border .2s ease-out, border .2s ease-in;
	-ms-transition:background-color .2s ease-out, background-color .2s ease-in, border .2s ease-out, border .2s ease-in;
	-moz-transition:background-color .2s ease-out, background-color .2s ease-in, border .2s ease-out, border .2s ease-in;
	-webkit-transition:background-color .2s ease-out, background-color .2s ease-in, border .2s ease-out, border .2s ease-in;	
}
.default_input:disabled, .default_textarea:disabled, .default_button:disabled {
	color:#444;
	background-color:#212121;
	border:0;
}


figure {
	margin: 0px;
	padding: 0px;	
}

/* Shine */
.hoverShine figure {
	position: relative;
}
.hoverShine figure::before {
	position: absolute;
	top: 0;
	left: -100%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 150%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 150%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hoverShine figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}


.cookie_info_div {
	margin:0 auto;
	padding:20px;
	padding-top:10px;
	width:70%;
	max-width:600px;
	display:none;
	position:fixed;
	z-index:100000;
	top:10%;
	left:50%;
	transform: translateX(-50%);
	border:2px solid #CCC;
	border-radius: 5px;
	height:260px;
	overflow-x:hidden;
	box-shadow: 4px 4px 20px #FFF;
	background: linear-gradient(180deg, rgba(85,85,85,1) 0%, rgba(110,110,110,1) 50%, rgba(121,121,121,1) 100%);
}
#cookie_greyout_div {
	top:0;
	display:none;
	opacity: 0.9;
	width:100%;
	height:150%;
	position:fixed;
	z-index:99999;
	background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(38,38,38,1) 50%, rgba(73,73,73,1) 100%);
}

.cookie_info_text {
	text-align:center;
	color:#FFF;
	height: auto;
	width:92%;
	position:absolute;
	margin-left:-5px;
}

.cookie_info_head {
	text-align:center;
	color:#CCC;
	padding-top:20px;
	width:100%;
	font-size:18px;
	background-image: url("/img/icons/cookies.webp");
	background-position:right top;
	background-repeat: no-repeat;
	background-size:32px;
	height:36px;
}

.cookie_accept_all_btn {
	font-size:16px;
	width:160px;
	height:45px; 
	/*background-color:#7D1;*/
}
.cookie_accept_all_btn:hover {
	/*background-color:#6C0;*/
}

.cookie_accept_selection_btn {
	background-color:#CCC;
	color:#333;
	width:160px;
	height:35px;
	cursor:pointer;
	font-size:12px;
}
.cookie_accept_selection_btn:hover {
	background-color:#DDD;
	color:#222;
}

#cookieSettingsDiv {
	display:none;
	margin-top:20px;
}

.services_icons {
	height:20px; 
	margin:0; 
	padding:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.services_icons:HOVER {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}


/* ----------container zentriert das layout-------------- */
#container {
	max-width: 95%;
	margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
	padding-left:0px; 
	padding-right:0px;
}

#absence_div {
	font-size:16px;	
	color: red;
	margin-bottom:20px;
}

.label {
	display: block;	
	margin-top:10px;
}

.center {
	text-align:center;	
}

/* ----------banner for logo-------------- */
#header, #header_menu, .header_menu_button {
	text-align: left;
	padding: auto auto;
	margin: auto auto;
	border:0px;
	min-width: 320px;
	max-width:1920px;
}

#header_menu {
	height:60px;
	width:100%;
	padding-left:40px;
	margin-top:20px;
}

.header_menu_button {
	position:relative;
	float:left;
	background-repeat:no-repeat;
	cursor:pointer;
}

.header_menu_button_main_normal, .header_menu_button_main_hover, .header_menu_button_main_active {
	width:140px;
	height:28px;
	text-align:center;
	font-size:14px;
	cursor:pointer;
	float: left;
	padding:0px;
	margin:0px;	
	border:0px solid red;
}
.header_menu_button_main_hover, .header_menu_button_main_active {
	color:#ffffff;
}

.header_menu_spacer {
	position:relative;
	top:0px;
	float:left;
	width:2%;
	height:60px;
}

.header_menu_logo, header_menu_logo_mobile {
	position:relative;
	float:left;
	display:none;
	width:50px; 
	height:50px; 
	margin-top:-10px;
	margin-left:-10px;
	margin-right:20px;
}

.header_menu_logo_mobile {
	display:inline-block;
	margin-top:-10px;
	margin-left:20px;
	width:50px; 
	height:50px; 	
	float:left;
}
.header_menu_logo_mobile_img {
	margin-top:6px;
}

.header_menu_mobile { 
	text-align:center;
	margin:0px; 
	padding:0px; 	
	cursor:pointer;	
	float:right;
	width:40px;
	height:40px;
	border:1px solid #555;
	border-radius:4px;
	background-color:#444;
}
.header_menu_mobile_text {
	margin-top:8px;
	border:0px solid orange;
	font-size:20px;
	width:70px;
	float:left;
	display:none;
	padding:0px;
}

.header_menu_button_normal, .header_menu_button_active, .header_menu_button_hover {
	text-align:center;
	font-family: 'Noto Sans', sans-serif;
	font-size:14px;
	cursor:pointer;
	float: left;
	padding:0px;
	margin:0px;
	border:0px;
	font-weight:normal;
}

.header_menu_subbutton_normal, .header_menu_subbutton_active, .header_menu_subbutton_hover {
	text-align:left;
	font-family: 'Noto Sans', sans-serif;
	cursor:pointer;
	padding:0px;
	margin:0px;
	border:0px;
	font-weight:normal;
}

.header_menu_button_normal, .header_menu_subbutton_normal {
	background-color:#404040;
	opacity: .8; 
	filter:Alpha(Opacity=80);
	color:#ffffff;
	font-weight:normal;
}

.header_menu_button_active, .header_menu_subbutton_active {
	background-color:#656565;
	color:#ffffff;
}

.header_menu_button_hover, .header_menu_subbutton_hover {
	background-color:#656565;
	color:#ffffff;
	font-weight:bold;
	-o-transition:background-color .2s ease-out, background-color .2s ease-in;
	-ms-transition:background-color .2s ease-out, background-color .2s ease-in;
	-moz-transition:background-color .2s ease-out, background-color .2s ease-in;
	-webkit-transition:background-color .2s ease-out, background-color .2s ease-in;	
}

.header_menu_arrow_right_div {
	float:right;
	height:28px; 
	width:20px;
}
.header_menu_arrow_down_div {
	height:28px; 
	padding-top:12px; 
	width:140px; 
	text-align:center;
	font-weight:bold; 
	letter-spacing:0.15em;
}
.header_menu_l1_s0 {
	padding:0px;
	margin:0px;
	border:0px;
	height:48px; 
	padding-top:12px;
	font-weight:bold; 
	letter-spacing:0.15em;
}
.header_menu_l1_s1 {
	height:60px;
	padding:0px;
	margin:0px;
	border:0px;	
}
.header_menu_l2_s0, .header_menu_l2_s1, .header_menu_l3_s0, .header_menu_l3_s1, .header_menu_l4_s0, .header_menu_l4_s1, .header_menu_l5_s0 {
	margin:0px;
	padding:0px;
	height:30px; 
	font-size:12px; 
	padding-top:10px; 
	text-align:left; 
	padding-left:6px; 
	display:none; 
	position:absolute; 
	z-index:2;
	width:134px; 
}
.header_menu_l2_s0, .header_menu_l2_s1 {
	margin-left:-71px; 
}
.header_menu_b_l2_s1 {
	margin-top:-10px; 
	margin-left:-5px; 
	padding-top:10px; 
	padding-left:5px; 
	height:30px; 
	width:100%;
}
.header_menu_l3_s0, .header_menu_l3_s1 {
	margin-left:134px; 
}
.header_menu_b_l3_s1 {
	margin-top:-10px; 
	margin-left:-5px; 
	padding-top:10px; 
	padding-left:5px; 
	height:30px; 
	width:100%;		
}
.header_menu_l4_s0, .header_menu_l4_s1 {
	margin-left:134px; 
}
.header_menu_b_l4_s1 {
	margin-top:-10px; 
	margin-left:-5px; 
	padding-top:10px; 
	padding-left:5px; 
	height:30px; 
	width:100%;
	font-size:12px;
}
.header_menu_l5_s0 {
	margin-left:134px; 
	height:28px; 
	font-size:12px; 
	padding-top:12px; 	
}

/* Header mobile CSS */
.header_menumobile_l1, .header_menumobile_l2, .header_menumobile_l3, .header_menumobile_l4, .header_menumobile_l5, .header_menumobile_end {
	border:1px solid #444444; 
	border-bottom:0px; 
	border-left:1px solid #444444;
	font-weight:bold;
	margin-left:4px;
	width:97%;
	display:inline-block;
}
/* Header mobile Highlight CSS */
.header_menumobile_l1 {
	background-color:#111;
}
.header_menumobile_l2 {
	background-color:#222;
}
.header_menumobile_l3 {
	background-color:#333;
}
.header_menumobile_l4 {
	background-color:#444;
}
.header_menumobile_l5 {
	background-color:#555;
}
.header_menumobile_end {
	border-top:1px solid #444444; 
}
.header_menumobile_highlight {
	background-color:#030;	
}
.header_mobile_menu {
	display:inline-block;
	text-align:center;
	position:relative; 
	cursor:pointer; 
	z-index:9999;
	margin-top:12px;
	padding-bottom:10px;
	margin-left:4px;
}
.header_menumobile_l1 {
	height:50px; 
	padding-top:14px;
}
.header_menumobile_l2 {
	height:35px; 
	padding-top:12px; 
}
.header_menumobile_l3 {
	height:30px; 
	padding-top:9px;
}


.header_menumobile_l1_text, .header_menumobile_l2_text, .header_menumobile_l3_text, .header_menumobile_l4_text, .header_menumobile_l5_text {
	text-align:left;	
}
.header_menumobile_l1_text {
	padding-left:10px;
	font-size:30px;
	letter-spacing:0.3em;
	color:#FFF;
}
.header_menumobile_l2_text {
	padding-left:20px;
	font-size:20px; 
	letter-spacing:0.15em;	
	color:#BBB;
}
.header_menumobile_l3_text {
	padding-left:40px;
	font-size:18px; 
	color:#AAA;
	font-weight:200;
	text-transform:capitalize;	
}


.div-language, .div-language-mobile {
	float:left; 
	width:46px; 
	margin-top:5px;
	padding-top:8px;
}
.div-facebook, .div-facebook-mobile {
	display:none;
	margin-left:10px; 
	float:left; 
	text-align:right; 
	width:140px;
	padding-top:12px;
	border:0px solid red;
}
.div-language-mobile {
	width:75px;
	text-align:right;
	float:left;
	font-size:20px;
	border: 0px solid green;
	margin-top:0px;
	margin-left:60px;
}
.div-facebook-mobile {
	display:inline;	
	margin-left:40px;
}

.language {
	color:#dddddd;
}
.language_active {
	color:#ffffff;
	font-weight:bold;
}

/* -----------footer--------------------------- */
.footer {
	text-align: left;
	vertical-align:middle;
	padding: 0px;
	margin: 0px;
	height:30px;
	width:100%;
	margin-top:25px;
	display:inline-block;
	width:100%;
}
.footer_not_mobile {
	display:none;	
}

/* -----------------Inhalt--------------------- */
#content {
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-right: 0px;
	width:100%;
	font-size:16px;
	margin-top:-35px;
}

div#content { 
	min-height:600px;
	height:expression(this.scrollHeight > 400 ? "auto":"400px"); 
}

p, pre{
	padding: 5px 10px;
	margin:0px;
}


/* -----------spacer --------------------------- */
#spacer_top {
	padding-bottom:5px; 
}

#spacer_bottom {
	padding-top:20px; 
}

/* Statistics */
.statistics_div_container {
	width:95%; 
	margin: 0 auto;	
	padding-top:30px; /* Etwas Abstand nach oben */
}
.statistics_div {
	float:left;
	height:40px;
	width:240px;
	border:0px solid red;	
	font-size:30px;
	color:#FFF;
	padding:10px;
}
.statistic_div_icon {
	float:left;
	height:40px;
	width:60px;
	margin-bottom:20px;	
	border:0px solid green;
}
.statistics_icon {
	height:40px;
}
.counter {
	float:left;
	margin-right:10px;
}

/* ############################## CLAN CONCEPT ########################### */

/*Schriftformatierungen*/
.cc_font /*Text (standard)*/
{
	font-size: 16px;
	color:#aaaaaa;
}
.cc_font_small /*Text (klein)*/
{
	font-size: 12px;
	color:#777777;
}
.cc_font_large /*Text (klein)*/
{
	font-size: 20px;
	color:#aaaaaa;
}
.cc_link, .link_news /*Hyperlink*/
{
	color:#ffffff;
}
.cc_headline /*Text (Überschrift)*/
{
	color:#ffffff;
	font-size: 24px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}
.cc_headline_spacer {
	margin-top:10px;	
}

.cc_spacer
{
	width:100%;
	border-bottom:1px solid #555555;	
	margin-bottom:30px;
}

/******************** Galeriespezifische Formatierungen ********************/

.cc_comment_img {
	height: 10px;	
}

.cc_comments {
	border:1px solid #555;
	background-color:#212121;
	padding:15px;
	margin-bottom:15px;
}
.comment {
	text-align:left;	
}

.cc_album_tags_div {
	position:relative;
	line-height:2.5;
	/*background:#EEE;*/
	/*border: 1px dotted #AAAAAA;*/
	padding-top:0px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:0px;
	min-height:25px;
	text-align:left; 
	padding:6px; 
	width:97%;
}

.cc_album_tags_span /* Tags */
{
	font-size:14px;
	text-transform:uppercase;
	padding:4px;
	background-color:#555;
	white-space:nowrap; /* Kein Zeilenumbruch innerhalb des DIVS */
	display:inline-block;
	margin-bottom:4px;
	cursor:pointer;
	color:#ffffff;
	border-radius: 10px;
	padding-left:10px;
	padding-right:10px;
	margin-right:5px;
	border:1px solid #404040;
}
.cc_album_tags_span_active /* Tags */
{
	font-size:14px;
	text-transform:uppercase;
	padding:4px;
	/*border:1px solid #AAAAAA; */
	background-color:#656565;
	white-space:nowrap; /* Kein Zeilenumbruch innerhalb des DIVS */
	display:inline-block;
	margin-bottom:4px;
	cursor:pointer;
	color:#ffffff;
	border-radius: 10px;
	padding-left:10px;
	padding-right:10px;
	margin-right:5px;	
}
.cc_album_tags_span:hover /* Tags */
{
	color:#dddddd;
	border-color:#000;
	background-color:#656565;
	-o-transition:background-color .2s ease-out, background-color .2s ease-in;
	-ms-transition:background-color .2s ease-out, background-color .2s ease-in;
	-moz-transition:background-color .2s ease-out, background-color .2s ease-in;
	-webkit-transition:background-color .2s ease-out, background-color .2s ease-in;	
	border:1px solid white;
}

.cc_album_area {
	text-align:center; 
	display:inline-block; 
}

.cc_album_img_div {
	position:relative;
	display:inline-table;
	text-align:center;	
	cursor:pointer;	
	margin:10px;
	border:1px solid #555;
	border-radius: 8px;
	overflow:hidden;
	background-color:#000;
}

.cc_album_img_div:hover {
	background-color:#111111;
	transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transition: transform 0.8s;
	-moz-transition: transform 0.8s;
	-webkit-transition: transform 0.8s;
	-o-transition: transform 0.8s;
	-ms-transition: transform 0.8s;	
	font-weight:bold;
	box-shadow: 0px 1px 4px #FFF;		
}

.cc_album_img_text {
	width:168px;
	height:50px; 
	background-color:#000;
	z-index:10; 
	position:absolute;
	top:90px; 
	padding-top:8px; 
	overflow:hidden;
}

.cc_album_img_a {
	display:inline-block;
	height:130px; 
	width:168px; 
	cursor:pointer;	
	background-position:center;
	background-repeat: no-repeat;
}

.cc_gallery_hq_div {
	border:1px solid #000; 
	margin:0px; 
	padding:0px; 
	text-align:center; 
	cursor:zoom-out; 
	height:100%; 
	width:100%; 
	position:fixed; 
	top:0px; 
	left: 0px; 
	z-index:10; 
	display:none; 
	background-color:#000;
}
.cc_gallery_hq_div_prev, .cc_gallery_hq_div_next {
	display:inline; 
	position:fixed; 
	z-index:11; 
	width:160px; 
	height:100%; 
	top:0px; 
}
.cc_gallery_hq_div_prev {
	text-align:left;
	left:0px; 
	background-image:url('/img/transparent.png'); 
	background-repeat:repeat;	
}
.cc_gallery_hq_div_next {
	text-align:right; 
	right:0px; 
	background-image:url('/img/transparent.png'); 
	background-repeat:repeat;
}
.cc_gallery_hq_div_prev_pic, .cc_gallery_hq_div_next_pic {
	position:absolute; 
	cursor:pointer; 
	height:100%; 
	width:160px; 	
}
.cc_gallery_hq_div_next_pic {
	right:1px;
}
.cc_gallery_hq_div_prev_pic_arrow, .cc_gallery_hq_div_next_pic_arrow {
	position:absolute; 
	display:inline; 
	z-index:11; 
	height:100%; 
	width:100px;
	cursor:pointer;	
}
.cc_gallery_hq_div_prev_pic_arrow:hover, .cc_gallery_hq_div_next_pic_arrow:hover {
	transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	transition: transform 0.8s;
	-moz-transition: transform 0.8s;
	-webkit-transition: transform 0.8s;
	-o-transition: transform 0.8s;
	-ms-transition: transform 0.8s;	
}
.cc_gallery_hq_div_prev_pic_arrow {
	background:url('/img/arrow_left.png'); 
	background-position:center center; 
	background-repeat:no-repeat;
}
.cc_gallery_hq_div_next_pic_arrow {
	background:url('/img/arrow_right.png'); 
	background-position:center center; 
	background-repeat:no-repeat;	
	right:1px;
}

.cc_gallery_hq_div_bottom {
	height:120px;
	padding-top:20px; 
	position:absolute; 
	bottom:1px; 
	display:inline; 
	z-index:11; 
	width:100%; 
	left:0px; 
	background-image:url('/img/transparent.png'); 
	background-repeat:repeat;
}
.cc_gallery_hq_div_bottom_desc {
	height:120px;
	position:absolute; 
	text-align:left; 
	border-top:1px solid #999; 
	color:#CCC; 
	left:0px; 
	bottom:0px; 
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;	
	width:100%; 
	position:absolute; 
	right:0; 
	bottom:0; 
	padding-bottom:0.15%;
	background-color:rgba(0,0,0,0.7);
	text-shadow: 0 0 4px #AAA;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;	
}
.cc_gallery_hq_div_bottom_desc_text {
	width:96%;
	border:0px solid red;
	font-size:20px;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	padding-left:0px; 
	padding-right:0px;	
}
.cc_gallery_hq_div_bottom_desc_arrow {
	text-align:left; 
	position:absolute; 
	color:#CCC; 
	padding:20px; 
	margin-left:50px; 
	left:0px; 
	height:60px; 
	bottom:0px;	
}
.cc_gallery_hq_img_div {
	position:absolute; 
	left:0px; 
	height:100%; 
	width:100%;
}
.cc_gallery_loader_div {
	position:absolute; 
	left:0px; 
	width:100%; 
	text-align:center; 
	height:100%; 
	z-index:20;
	background:url('/img/loader.gif'); 
	background-position:center center; 
	background-repeat:no-repeat;
}

.cc_gallery_hq_back {
	width:90px;
	float:left; 
	text-align:left;
	padding:0px;
}
.cc_gallery_hq_next {
	width:90px;
	float:right; 
	text-align:right;
	padding:0px;
}
.cc_gallery_hq_home {
	width:100px;
	margin: 0 auto;
	padding:0px;
}
.cc_gallery_zoom_slider {
	width:300px;
}
.cc_gallery_zoomslider {
	display:inline;	
}
.order_outerdiv {
	width:100%;
	display:flex;
	justify-content:center;	
	flex-wrap: wrap; /* Elemente innerhalb dieses Divs sollen umbrechen */
}
.order_ticket, .order_music, .order_photo, .order_merch, .order_earplug, .order_flight, .order_vacation {
	cursor:pointer;
	height:60px;
	width:320px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	background-color:#002a54;
	color:#FFF;
	border: 1px solid #555;
	padding-top:12px;
	float:left;
	padding-right:20px;
	margin:2px;
}
.order_music, .order_earplug, .order_flight {
	background-color:#ee8b02;
}
.order_photo {
	background-color:#115b11;
}
.order_merch {
	background-color:#c40000;
}
.order_vacation {
	background-color:#c40000;
}
.order_ticket:hover {
	background-color:#113b65;	
}
.order_music:hover, .order_earplug:hover, .order_flight:hover {
	background-color:#ff9c03;
}
.order_photo:hover {
	background-color:#006c00;
}
.order_merch:hover {
	background-color:#d51111;
}
.order_vacation:hover {
	background-color:#d51111;
}
.order_ticket_icon, .order_music_icon, .order_photo_icon, .order_merch_icon, .order_earplug_icon, .order_flight_icon,.order_vacation_icon {
	float:left;
	position:relative;
	margin-left:10px;
	margin-top:-6px;
	background-image:url('/img/icons/order_ticket.png');
	width:60px;
	height:60px;
}
.order_music_icon {
	background-image:url('/img/icons/order_music.png');
}
.order_photo_icon {
	background-image:url('/img/icons/order_photo.png');
}
.order_merch_icon {
	background-image:url('/img/icons/order_merch.png');
}
.order_earplug_icon {
	background-image:url('/img/icons/order_earplug.png');
}
.order_flight_icon {
	background-image:url('/img/icons/order_flight.png');
}
.order_vacation_icon {
	background-image:url('/img/icons/order_vacation.png');
}

/******************************************************************************/
.taglist_char_overview {
	border:1px solid #555;
	border-radius:2px;
	padding:10px;
	display:inline-block;
	width:20px;
	background-color:#444;
}
.taglist_char_overview:hover {
	background-color: #555;
}
.ul_taglist_char {
 	margin:0px;
	padding:0px;
 	list-style-type: none;
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}
.ul_taglist {
 	display:inline-block;
    list-style-type: none;
	padding-bottom:30px;
}
.li_taglist {
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
}
.li_taglist:hover {
	background-color:#444;
}
.li_taglist_char {
	margin-bottom:5px;
	padding-bottom:5px;
	font-size:26px;  !important;
	font-weight:bold; !important;
	border-bottom:1px solid grey;
}
.hideme
{
    opacity:0;
}


/************************* NEWS SPEZIFISCHE FORMATIERUNGEN *******************************/
.cc_news_div {
	width:280px;
	height:550px; 
	padding:0px; 
	margin:0px; 
	margin-bottom:20px;
	display:inline-block;
	position:relative;	
	border:1px solid #555555;
	background-color:#393939;
	text-align:center;
}
.cc_news_div:hover {
	transition: transform 0.8s;
	-moz-transition: transform 0.8s;
	-webkit-transition: transform 0.8s;
	-o-transition: transform 0.8s;
	-ms-transition: transform 0.8s;
		
	transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05); 
	
	background-color:#212121;
	box-shadow: 0px 1px 4px #FFF;
	
}

/* When news image is landscape */
.cc_news_img_landscape {
	width:100%;
	object-fit: fill; 
}
/* When news image is portrait */
.cc_news_img_portrait {
	width:100%;
	object-fit: cover; 
	height:380px;
}

.cc_news_div_img {
	width:100%; 
	max-height:220px;
	overflow: hidden;
}

.cc_news_div_content {
	text-align:left;
	width:96%; 
	padding-top: 4px;
	display:inline-block;
}
.cc_news_div_readmore {
	right:0; 
	bottom:0; 
	position:absolute; 
	color:#FFF;
	font-size:13px;
	margin-right:10px;
}

.news_template_img_right, .news_template_img_top {
	border:0px solid red;
	padding-left:10px; 
	padding-bottom:10px;
	width:100%;
}
.news_template_img {
	width:100%;
}
.news_template_img_div {
	width:100%;
	padding-bottom: 10px;
}

.news_template_img_top {
	float:top;	
}
.cc_news_rss_div {
	width:150px; 
	float:left; 
	text-align:left;
	margin-top:10px;
}
.cc_news_paging_div {
	width:250px; 
	float:right; 
	text-align:right;
}
.cc_news_input_page {
	width:30px; 
	text-align:center; 
	background-color:#666; 
	border:0px; 
	color:#ffffff;
}
.cc_news_div_title, .cc_news_div_subtitle {
	width:100%;
	text-align:left; 
	position:relative;
	float:left;
	font-size:16px;
	margin:0px;
	padding:0px;
}
.cc_news_div_title_overview, .cc_news_div_subtitle_overview, .cc_news_text_div_overview, .cc_news_facebook_div {
	text-align: left;
	overflow: hidden;
	position: absolute;
	width:95%;
}
.cc_news_div_subtitle {
	margin-bottom:20px;
}
.cc_news_div_text_overview {
	font-size: 14px;
	position: absolute;
	margin-top: 70px;
	text-align:justify;
	width:95%;
	height:200px;
}
.cc_news_div_subtitle_overview {
	margin-bottom: 10px;
	font-size: 12px;
	position: absolute;
	margin-top: 52px;
}
.cc_news_facebook_div {
	text-align:left;
	display:inline-block;
}
.cc_news_links_div {
	margin-top: 5px;
	display: inline-block;
	border: 1px solid #555;
	background-color: #212121 ;
	padding: 10px;
	padding-bottom:0px;
}
.cc_news_links_categorie_div {
	/* float:left; Wird ab einer bestimmten Breite gesetzt */
	position:relative; 
	padding-right:60px; 
	padding-bottom:20px;
}
.cc_captcha_pic {
	border:1px solid #555; 
	margin-top:10px;	
}
.cc_captcha_pic_reload {
	height:32px; 
	margin-left:15px;
	margin-bottom:2px; 
	cursor:pointer;
	
}

/* Slider Beschreibungstext */
.slider_image_description_div {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;	
	height:10%; width:34%; 
	position:absolute; 
	right:0; 
	bottom:0; 
	padding-bottom:0.15%;
	background-color:rgba(0,0,0,0.4);
	border-top-left-radius: 25px;
	text-shadow: 0 0 4px #AAA;
}
.slider_image_description_text {
	padding-left:8%; 
	font-size:2.2vw;
	width:100%; 
	height:100%; 
	font-weight:bold; 
	color:#CCCCCC;
}


/* ##################### SLIMBOX 2 CSS ########################### */
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/cc_external_scripts/styles/foto/grafics/gallery/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/cc_external_scripts/styles/foto/grafics/gallery/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/cc_external_scripts/styles/foto/grafics/gallery/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 113px;
	height: 22px;
	background: transparent url(/cc_external_scripts/styles/foto/grafics/gallery/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


.youtube {
	width: 360px;
	height: 203px;
}

.randomImg {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);	
}
.randomImg:hover
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
.footer_div_left {
	float:left; 
	width:160px; 
	margin-top:7px; 
	margin-left:0px;
}
.footer_div_right {
	float:right; 
	width:150px; 
	text-align:right; 
	margin-top:4px;	
}



/* Bereiche ab bestimmter Seitenbreite ausblenden */
@media only screen and (min-width: 700px) {
	h1 {
		font-size:26px;	
	}	
	.div-language {
		display:inline;
	}	
	#header_menu {
		margin-left:-12px;	
	}
	.cc_news_links_categorie_div {
		float:left; 	
	}
	.youtube {
		width:540px;
		height:305px;		
	}
	.header_mobile_menu {	
		margin-left:-25px;
		width:100%;
	}
	.header_menumobile_l1, .header_menumobile_l2, .header_menumobile_l3, .header_menumobile_l4 {
		width:96%;
	}
		
}
@media only screen and (min-width: 880px) {
	h1 {
		font-size:30px;
	}
	.div-language {
		display:inline;
	}
	
	.header_menu_logo {
		display:inline;	
		padding-left:10px;	
	}
	.youtube {
		width:648px;
		height:366px;		
	}		
}
@media only screen and (min-width: 1060px) {
	.div-language {
		border:0px solid blue;
	}
	.div-facebook {
		display:inline;
		width:140px;
		border:0px solid blue;	
	}
	.header_menu_l1_s0, .header_menu_l1_s1, .header_menu_l2_s0, .header_menu_l2_s1, .header_menu_l3_s0, .header_menu_l3_s1, .header_menu_l4_s0, .header_menu_l4_s1, .header_menu_l4_s0, .header_menu_l5_s0 {
		border:0px solid red;
	}	
	.youtube {
		width:810px;
		height:458px;		
	}		
}
@media only screen and (min-width: 1300px) {

	h1 {
		font-size:34px;	
	}
	.div-facebook {
		display:inline;
		width:170px;
	}	
	.header_menu_logo {
		padding-right:18px;
		padding-left:40px;	
	}	
	.header_menu_l1_s0, .header_menu_l1_s1, .header_menu_l2_s0, .header_menu_l2_s1, .header_menu_l3_s0, .header_menu_l3_s1, .header_menu_l4_s0, .header_menu_l4_s1, .header_menu_l4_s0, .header_menu_l5_s0 {
		width:180px;
	}
	.header_menu_l1_s0, .header_menu_l1_s1 {
		font-size:22px;
		padding-top:3px;
		margin-left:0px; 
		height:57px;
	}	
	.header_menu_l2_s0, .header_menu_l2_s1 {
		font-size:16px;
		margin-left:-100px;
		letter-spacing:0.15em;
	}
	.header_menu_l3_s0, .header_menu_l3_s1 {
		font-size:14px;
		margin-left:180px;
		letter-spacing:0.0em;
	}
	.header_menu_l4_s0, .header_menu_l4_s1 {
		font-size:14px;
		margin-left:180px; 	
	}	
	.header_menu_l5_s0 {
		font-size:14px;
		margin-left:180px; 
	}	
	.header_menu_arrow_down_div {
		padding-top:0px; 
		padding-bottom:9px;
	}
	.youtube {
		width:1080px;
		height:610px;		
	}	
}
@media only screen and (min-width: 1920px) {
	.slider_image_description_text {
		font-size:42px;
	}
}
@media only screen and (max-width: 699px) {
	.div-language {
		display:inline;
	}	
	.header_menu_spacer {
		display:none;	
	}	
	.header_menu_l1_s0, .header_menu_l1_s1, .header_menu_l2_s0, .header_menu_l2_s1, .header_menu_l3_s0, .header_menu_l3_s1, .header_menu_l4_s0, .header_menu_l4_s1, .header_menu_l4_s0, .header_menu_l5_s0 {
		font-size:12px;
		width:120px;
	}
	.header_menu_l1_s0, .header_menu_l1_s1 {
		padding-top:12px;
		font-size:12px;
		margin-left:0px; 
		height:48px;
	}	
	.header_menu_l2_s0, .header_menu_l2_s1 {
		font-size:10px;
		margin-left:-40px;
	}
	.header_menu_l3_s0, .header_menu_l3_s1 {
		font-size:10px;
		margin-left:120px;
	}
	.header_menu_l4_s0, .header_menu_l4_s1 {
		font-size:10px;
		margin-left:120px; 
	}	
	.header_menu_l5_s0 {
		font-size:10px;
		margin-left:120px; 
	}	
	.header_menu_arrow_down_div {
		padding-top:0px; 	
	}	
	#header_menu {
		padding-left:0px;
		margin-left:-4px;
	}	
}

@media only screen and (min-width: 360px) {
	.cc_news_div {
		width:340px;
		height:510px; 
		margin:0px;
		margin-bottom:15px;
	}
	.statistics_div_container {
		max-width: 350px;	
	}
	.cc_gallery_hq_div_bottom_desc_text {
		font-size:12px;	
	}
	.div-language-mobile {
		margin-left:40px;
	}
	.header_menu_mobile { 
		width:120px;
	}
	.header_menu_mobile_text {
		display:inline;
	}	
}

@media only screen and (min-width: 451px) {
	.cc_news_div {
		width:400px;
		height:500px; 
		margin:15px;
	}
	.cc_news_div_title {
		font-size:18px;
	}		
	/* Pfeile des bxSliders ab dieser Größe einblenden */
	.bx-controls-direction a {
		display:inline;	
	}
	.cc_gallery_hq_div_bottom_desc_text {
		font-size:16px;	
	}
	.div-language-mobile {
		margin-left:100px;
	}
}

@media only screen and (min-width: 581px) {
	.news_template_img_div {
		float:right;
		width:40%;
		padding-left:10px;
		padding-bottom:10px;
	}
	.cc_news_div {
		width:400px;
		height:500px; 
		margin:15px;
	}
	.footer_not_mobile {
		display:inline;	
	}
	.footer_div_left {
		width:260px;
	}
	.statistics_div_container {
		max-width: 580px;	
	}
}

@media only screen and (min-width: 640px) {
	.ul_taglist_char {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
	}	
	.cc_album_area {
		text-align:left; 
	}
	.news_template_img_right {
		float:right;
		border:0px solid green;
		padding-left:10px; 
		padding-bottom:10px;
		max-width:350px;	
	}
}

@media only screen and (min-width: 800px) {
	.statistics_div_container {
		max-width: 800px;	
	}
}

@media only screen and (min-width: 1024px) {
	.ul_taglist_char {
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
		-moz-column-count: 3; /* Firefox */
		column-count: 3;
	}		
}

@media only screen and (min-width: 1600px) {
	.ul_taglist_char {
		-webkit-column-count: 4; /* Chrome, Safari, Opera */
		-moz-column-count: 4; /* Firefox */
		column-count: 4;
	}			
}

@media only screen and (min-width: 1750px) {
	.statistics_div_container {
		max-width: 1750px;	
	}		
}

@media only screen and (min-width: 1900px) {
	.ul_taglist_char {
		-webkit-column-count: 5; /* Chrome, Safari, Opera */
		-moz-column-count: 5; /* Firefox */
		column-count: 5;
	}		
}

@media only screen and (max-width: 450px) {	
	.cc_album_img_div {
		padding:0px;
		margin:0px;
		margin-right:5px;
		margin-bottom:10px;
	}
	.header_menu_spacer {
		display:none;
		width:0px;	
	}
	.cc_gallery_zoomslider {
		display:none;	
	}
}

@media only screen and (max-width: 580px) {
	h1 {
		font-size:18px;
	}
	.li_taglist {
		padding-bottom:10px;
	}	
}

@media only screen and (max-width: 899px) {
	.cc_gallery_image {
		width:100%;	
	}
}