@import url('https://fonts.googleapis.com/css?family=Barlow:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

@import url("prettyPhoto.css") screen;
@import url("hoverex-all.css") screen;


/********** indole default CSS for JudoClubJena **********/

@media (max-width: 1280px) { }
@media (max-width: 768px) { }
@media (max-width: 480px) { }
@media (max-width: 320px) { }

.display-none, .hidden { display:none !important; }

.padding-none { padding: 0px 0px; }
.padding-small { padding: 5px 5px; }
.padding-default { padding: 10px 10px; }
.padding-medium { padding: 20px 20px; }
.padding-large { padding: 40px 40px; }
.padding-x-large { padding: 80px 80px; }

.margin-none { margin: 0 0px; }
.margin-small { margin: 5px 5px; }
.margin-default { margin:10px 10px; }
.margin-medium { margin: 20px 20px; }
.margin-large { margin: 40px 40px; }
.margin-x-large { margin: 80px 80px; }

@media only screen and (max-width: 768px) { .padding-large { padding: 20px; } .margin-large { margin: 20px; } .padding-x-large { padding: 40px; } .margin-x-large { margin: 40px; } }
@media only screen and (max-width: 479px) { .padding-large { padding: 20px; } .margin-large { margin: 20px; } .padding-x-large { padding: 20px; } .margin-x-large { margin: 20px; } }


/********** indole Bootstrap Container resets **********/
.container { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; width: auto; max-width: 1200px; }
.container-small { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; width: auto; max-width: 800px; }
.container-medium { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; width: auto; max-width: 1400px; }
.container-large { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; width: auto; max-width: 1800px; }
.container-fluid { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; }
.page { overflow: hidden; padding: 10px; margin-top: -10px; }
.page-map { overflow: hidden; padding-top: 0px; padding-bottom: 40px; }

@media (max-width: 1200px) { .container { width: auto; max-width: 1200px; } .page { padding-top: 20px; padding-bottom: 20px; } }
@media (max-width: 992px) { .container { width: auto; max-width: 992px; } }
@media (max-width: 768px) { .container { width: auto; max-width: 768px; } .page { border-radius: 0 !important; margin: 20px 0px 0px 0px; padding-top: 10px; padding-bottom: 20px;} }
@media (max-width: 480px) { .container { width: auto; max-width: 480px; } }

.row { width: 100%; padding-left: 0px; padding-right: 0px; margin-right: 0px; margin-left: 0px; }

.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 { position: relative; min-height: 1px; padding-right: 0px; padding-left: 0px; }

@media only screen and (max-width: 320px) { 
	.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 { position: relative; min-height: 1px; padding-right: 0px; padding-left: 0px; width: 100%; }
}

/* spaltigkeit Medien */
.raster-1 { width:100%; clear:both; }
.raster-2 { width:50%; float:left; clear:none; }
.raster-3 { width:33.3333%; float:left; clear:none; }
.raster-4 { width:25%; float:left; clear:none; }
.raster-5 { width:20%; float:left; clear:none; }
.raster-6 { width:16.6666%; float:left; clear:none; }
.raster-7 { width:14.2857%; float:left; clear:none; }
.raster-8 { width:12.5%; float:left; clear:none; }
.raster-9 { width:11.1111%; float:left; clear:none; }
.raster-0 { width:auto; float:left; clear:none; }

	.raster-0, .raster-1, .raster-2, .raster-3, .raster-4, .raster-5, .raster-6, .raster-7, .raster-8, .raster-9 { padding: initial; margin: initial; } 

@media screen and (max-width: 768px) { 
	.raster-5, .raster-6, .raster-7, .raster-8, .raster-9 { width:25%; float:left; clear:none; } 
    .raster-3, .raster-4 { width:50%; float:left; clear:none; } 
}
@media screen and (max-width: 480px) { 
    .raster-4, .raster-5, .raster-6, .raster-7, .raster-8, .raster-9 { width:50%; float:left; clear:none; } 
    .raster-2, .raster-3 { width:100%; float:left; clear:none; } 
}
@media screen and (max-width: 320px) { 
	.raster-2, .raster-3, .raster-4, .raster-5, .raster-6, .raster-7, .raster-8, .raster-9 { width:100%; float:left; clear:none; } 
}


/* spaltigkeit aus TINY Modul */

.text-column-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; }
.text-column-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; }
.text-column-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; }

@media only screen and (max-width: 768px) { 
	.text-column-3 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } 
	.text-column-4 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } 
}
@media screen and (max-width: 480px) { 
	.text-column-4 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px;
	} 
	.text-column-3 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } 
	.text-column-2 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } 
}

.spacer-20 { padding-top: 20px; padding-bottom: 20px; }
.spacer-40 { padding-top: 40px; padding-bottom: 40px; }
.spacer-60 { padding-top: 60px; padding-bottom: 60px; }
@media only screen and (max-width: 767px) { .spacer-40, .spacer-60 { padding-top: 20px; padding-bottom: 20px; } }
@media only screen and (max-width: 320px) { .spacer-20, .spacer-40, .spacer-60 { padding-top: 0px; padding-bottom: 0px; } }

/********** indole FX **********/

.centered { text-align: center; }
.rounded, .image.rounded { -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -ms-border-radius: 10px 10px 10px 10px; -o-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; }
.mega-rounded, .image.mega-rounded { -webkit-border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -ms-border-radius: 30px 30px 30px 30px; -o-border-radius: 30px 30px 30px 30px; border-radius: 30px 30px 30px 30px; }
.border { border: 3px solid rgba(240, 240, 240, 1); }
.overline { border-top: 1px solid rgba(155, 155, 155, 0.5); }
.underline { border-bottom: 1px solid rgba(155, 155, 155, 0.5); }
.trenner { border-top: 5px solid rgba(155, 155, 155, 0.5); }
.shadow { -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); }
.shadow-inset {	-moz-box-shadow: inset 0 0px 50px rgba(0, 0, 0, 0.25);-webkit-box-shadow: inset 0 0px 50px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0px 50px rgba(0, 0, 0, 0.25); }
.object-shadow { -webkit-box-shadow: 0 20px 10px -11px rgba(0, 0, 0, 0.25);	-moz-box-shadow: 0 20px 10px -11px rgba(0, 0, 0, 0.25);	box-shadow: 0 20px 10px -11px rgba(0, 0, 0, 0.25); }
.circle { -webkit-border-radius: 50%;	-moz-border-radius: 50%; border-radius: 50%; }
.image.photo { border: 10px solid rgba(255, 255, 255, 1); box-shadow: 0 0 3px #999; }
.rotate3 { -moz-transform:rotate(3deg); -webkit-transform:rotate(3deg);	-o-transform:rotate(3deg); transform:rotate(3deg);-webkit-transition: all 1s ease-in-out;	-moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;	transition: all 1s ease-in-out }
.rotate-3 {	-moz-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -o-transform:rotate(-3deg); transform:rotate(-3deg); -webkit-transition: all 1s ease-in-out;	-moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;	transition: all 1s ease-in-out}
.rotate3:hover, .rotate-3:hover { -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition: all 1s ease-in-out;	-moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;	transition: all 1s ease-in-out }
.transition { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out; }
.perspektive { -moz-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(-5deg) skewY(0deg);	-webkit-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(-5deg) skewY(0deg);	-o-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(-5deg) skewY(0deg); -ms-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(-5deg) skewY(0deg); transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(-5deg) skewY(0deg); 	-webkit-transition: all 1s ease-in-out;	-moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;	transition: all 1s ease-in-out; }
.perspektive:hover { -moz-transform: scale(1.6) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1.6) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(1.6) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1.6) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1.6) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); z-index:99; }
.scale { -moz-transform: scale(1); -webkit-transform: scale(1);	-o-transform: scale(1);	-ms-transform: scale(1); transform: scale(1); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; 	-o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.scale:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);	-ms-transform: scale(1.1); transform: scale(1.1); z-index: inherit; overflow:visible !important; -moz-box-shadow: 0px 0px 0px #333; -webkit-box-shadow: 0px 0px 0px #333;	box-shadow: 0px 0px 0px #333; }


.parallax-scroll { position: relative; }

.kenburns {
	-webkit-animation: burnsIn 16s ease infinite alternate;
	-moz-animation: burnsIn 16s ease infinite alternate;
	animation: burnsIn 16s ease infinite alternate;
}

.kenburns .slide-content {
	-webkit-animation: burnsOut 16s ease infinite alternate;
	animation: burnsOut 16s ease infinite alternate;
	-moz-animation: burnsOut 16s ease infinite alternate;
	position: relative;
	top: 30px;
}

@-webkit-keyframes burnsIn {
	from { -webkit-transform: scale(1,1); transform: scale(1,1); -ms-transform: scale(1,1); }
	to { -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); }
}

@-webkit-keyframes burnsOut {
	from { -webkit-transform: scale(1,1); transform: scale(1,1); -ms-transform: scale(1,1); }
	to { -webkit-transform: scale(0.8,0.8); transform: scale(0.8,0.8); -ms-transform: scale(0.8,0.8); }
}

@-moz-keyframes burnsIn {
	from { -webkit-transform: scale(1,1); transform: scale(1,1); -ms-transform: scale(1,1); }
	to { -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); }
}

@-moz-keyframes burnsOut {
	from { -webkit-transform: scale(1,1); transform: scale(1,1); -ms-transform: scale(1,1); }
	to { -webkit-transform: scale(0.8,0.8); transform: scale(0.8,0.8); -ms-transform: scale(0.8,0.8); }
}

@keyframes burnsIn {
	from { -webkit-transform: scale(1,1); transform: scale(1,1); -ms-transform: scale(1,1); }
	to { -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); }
}

@keyframes burnsOut {
	from { -webkit-transform: scale(1,1); transform: scale(1,1); -ms-transform: scale(1,1); }
	to { -webkit-transform: scale(0.8,0.8); transform: scale(0.8,0.8); -ms-transform: scale(0.8,0.8); }
}


/* slideanim */
 .slideanim {visibility:hidden;}
  .slide { animation-name: slide; -webkit-animation-name: slide; animation-duration: 1s; -webkit-animation-duration: 1s; visibility: visible; }
  @keyframes slide {
    0% { opacity: 0; transform: translateY(70%); } 
    100% { opacity: 1; transform: translateY(0%); }
  }
  @-webkit-keyframes slide {
    0% { opacity: 0; -webkit-transform: translateY(70%); } 
    100% { opacity: 1; -webkit-transform: translateY(0%); }
  }

.blink { animation: blink-animation 5s steps(5, start) infinite; -webkit-animation: blink-animation 5s steps(5, start) infinite; }
@keyframes blink-animation {  to { visibility: hidden; transition: opacity ease-in-out 0s; animation-delay: 1s; } }
@-webkit-keyframes blink-animation { to { visibility: hidden; transition: opacity ease-in-out 3s; animation-delay: 3s; } }


/********** Farbshema Color FX **********/  
.text-rot { color: rgba(220, 0, 0, 0.99) !important; }
.text-weiss { color: rgba(255, 255, 255, 0.99) !important; }
.text-gelb { color: rgba(255, 225, 0, 0.99) !important; }
.text-orange { color: rgba(255, 125, 0, 0.99) !important; }
.text-gruen { color: rgba(0, 160, 0, 0.99) !important; }
.text-blau { color: rgba(0, 100, 160, 0.99) !important; }
.text-braun { color: rgba(100, 70, 0, 0.99) !important; }
.text-schwarz { color: rgba(0, 0, 0, 0.99) !important; }


/********** Verläufe **********/


/* verlauf-color-1-top */
.verlauf-color-1-top { 
	color: rgba(255, 255, 255, 0.5);
background: -moz-linear-gradient(top, rgba(151,186,255,0.75) 0%, rgba(151,186,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(151,186,255,0.75) 0%,rgba(151,186,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(151,186,255,0.75) 0%,rgba(151,186,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf97baff', endColorstr='#0097baff',GradientType=0 ); /* IE6-9 */
}
/* verlauf-color-1-bottom */
.verlauf-color-1-bottom { 
color: rgba(255, 255, 255, 0.5); 
background: -moz-linear-gradient(top, rgba(151,186,255,0) 0%, rgba(151,186,255,0.75) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(151,186,255,0) 0%,rgba(151,186,255,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(151,186,255,0) 0%,rgba(151,186,255,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0097baff', endColorstr='#bf97baff',GradientType=0 ); /* IE6-9 */
}
/* radial-in-color-1 */
.radial-in-color-1 { 
 	color: rgba(0, 0, 0, 0.5); 
background: -moz-radial-gradient(center, ellipse cover, rgba(151,186,255,0) 0%, rgba(151,186,255,0.75) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(151,186,255,0) 0%,rgba(151,186,255,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(151,186,255,0) 0%,rgba(151,186,255,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0097baff', endColorstr='#bf97baff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/* radial-out-color-1 */
.radial-out-color-1 { 
  	color: rgba(0, 0, 0, 0.5); 
background: -moz-radial-gradient(center, ellipse cover, rgba(151,186,255,0.75) 0%, rgba(151,186,255,0) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(151,186,255,0.75) 0%,rgba(151,186,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(151,186,255,0.75) 0%,rgba(151,186,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf97baff', endColorstr='#0097baff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/* color-1:hover */
.verlauf-color-1-top:hover, .verlauf-color-1-bottom:hover, .radial-in-color-1:hover, .radial-out-color-1:hover { 
	color: rgba(255, 255, 255, 1);
	background: rgba(151,186,255,0.75);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf97baff', endColorstr='#0097baff',GradientType=0 ); /* IE6-9 */
	transition: all 1s ease-in-out;
}

/* verlauf-color-2-top */
.verlauf-color-2-top { 
 	color: rgba(0, 0, 0, 1); 
background: -moz-linear-gradient(top, rgba(255,88,0,0.75) 0%, rgba(255,88,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,88,0,0.75) 0%,rgba(255,88,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,88,0,0.75) 0%,rgba(255,88,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfff5800', endColorstr='#00ff5800',GradientType=0 ); /* IE6-9 */
}
/* verlauf-color-2-bottom */
.verlauf-color-2-bottom { 
  	color: rgba(0, 0, 0, 1); 
background: -moz-linear-gradient(top, rgba(255,88,0,0) 0%, rgba(255,88,0,0.75) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,88,0,0) 0%,rgba(255,88,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,88,0,0) 0%,rgba(255,88,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff5800', endColorstr='#bfff5800',GradientType=0 ); /* IE6-9 */
}
/* radial-in-color-2 */
.radial-in-color-2 { 
 	color: rgba(0, 0, 0, 1); 
background: -moz-radial-gradient(center, ellipse cover, rgba(255,88,0,0) 0%, rgba(255,88,0,0.75) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,88,0,0) 0%,rgba(255,88,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(255,88,0,0) 0%,rgba(255,88,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff5800', endColorstr='#bfff5800',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/* radial-out-color-2 */
.radial-out-color-2 { 
  	color: rgba(0, 0, 0, 1); 
background: -moz-radial-gradient(center, ellipse cover, rgba(255,88,0,0.75) 0%, rgba(255,88,0,0) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,88,0,0.75) 0%,rgba(255,88,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(255,88,0,0.75) 0%,rgba(255,88,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfff5800', endColorstr='#00ff5800',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/* color-2:hover */
.verlauf-color-2-top:hover, .verlauf-color-2-bottom:hover, .radial-in-color-2:hover, .radial-out-color-2:hover { 
	color: rgba(255, 255, 255, 1);
	background: rgba(255,88,0,0.75);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfff5800', endColorstr='#bfff5800',GradientType=0 ); /* IE6-9 */
	transition: all 1s ease-in-out;
}

/* verauf-grau */
.verlauf-grau { 
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgb(224, 224, 224) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgb(224, 224, 224) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgb(224, 224, 224) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#54000000',GradientType=0 ); /* IE6-9 */
}

/* verauf-red */
.verlauf-red { 
	background: -moz-linear-gradient(top, rgba(227, 0, 11,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(227, 0, 11,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(227, 0, 11,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003667', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.verlauf-red h1 { color: rgba(255, 255, 255, 1) !important; }

/* verauf-weiss */
.verlauf-weiss { 
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.text-size-xlarge { font-size:240%; }
.text-size-large { font-size:160%; }
.text-size-medium { font-size:130%; }
.text-small { font-size:90%; }

@media only screen and (max-width: 767px) { .text-size-xlarge { font-size:180%; } .text-size-large { font-size:140%; } .text-size-medium { font-size:120%; } }
@media only screen and (max-width: 320px) { .text-size-xlarge { font-size:160%; } .text-size-large { font-size:130%; } .text-size-medium { font-size:110%; } }


/********** Farbshema Color FX **********/

/* bg-transparent */
.bg-transparent { background: none !important; color: inherit; }

.bg-black-10 { background-color: rgba(0, 0, 0, 0.10); }

/* bg-color-1 */
.bg-color-1 { background-color: rgba(151, 186, 255, 0.95); color: rgba(255, 255, 255, 0.75); }
.bg-color-1 h1 { color: rgba(255, 255, 255, 0.99); }

/* bg-color-2 */
.bg-color-2 { background-color: rgba(255, 88, 0, 0.5); color: inherit; }
.bg-color-2 h1 { color: rgba(255, 255, 255, 0.99); }

/* bg-schwarz */
.bg-schwarz { background-color: rgba(0, 0, 0, 1); color: rgba(255, 255, 255, 1); }
.bg-schwarz h1 { color: inherit; }
.bg-schwarz h1 a{ color: rgba(220, 0, 0, 0.99); }
.bg-schwarz h4 { color: rgba(255, 255, 255, 0.66); }

/* bg-weiss */
.bg-weiss { background-color: rgba(255, 255, 255, 0.99); color: rgba(100, 100, 100, 1); }
.bg-weiss h1 { color: rgba(0, 0, 0, 0.99); }

.bg-transparent { background: none !important; color: inherit; }
.bg-rot { background-color: rgba(220, 0, 0, 0.99); color: inherit; }
.bg-gelb { background-color: rgba(255, 225, 0, 0.99); color: inherit; }
.bg-orange { background-color: rgba(255, 125, 0, 0.99); color: inherit; }
.bg-gruen { background-color: rgba(0, 160, 0, 0.99); color: inherit; }
.bg-blau { background-color: rgba(0, 100, 160, 0.99); color: inherit; }
.bg-blau h2 { color: rgba(255, 255, 255, 1); }
.bg-braun { background-color: rgba(100, 70, 0, 0.99); color: inherit; }

.bg-gelb h4 { 
	color: rgba(0, 0, 0, 0.66); 
}


/**********  Background Weiss FX - verlauf - radial **********/
.bg-white { background: rgba(255, 255, 255, 100); }
.bg-white-100 { background: rgba(255, 255, 255, 100); }
.bg-white-75 { background: rgba(255, 255, 255, 0.75); }
.bg-white-50 { background: rgba(255, 255, 255, 0.5); }
.bg-white-25 { background: rgba(255, 255, 255, 0.25); }
/* start verlauf-white-top */
.verlauf-white-top { 
background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
/* verlauf-white-bottom */
.verlauf-white-bottom { 
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
/* verlauf-radial-in-white */
.radial-in-white { 
background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/* verlauf-radial-out-white */
.radial-out-white { 
background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 150%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 0) 150%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 0) 150%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bg-white-hover:hover { background: rgba(255, 255, 255, 1) !important; color: rgba(0, 0, 0, 1) !important; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }


/**********  Background Schwarz  FX - verlauf - radial **********/
.bg-grau { background: rgba(180, 180, 180, 100); }
.bg-grau-100 { background: rgba(180, 180, 180, 100); }
.bg-grau-75 { background: rgba(180, 180, 180, 0.75); }
.bg-grau-50 { background: rgba(180, 180, 180, 0.5); }
.bg-grau-25 { background: rgba(180, 180, 180, 0.25); }
.verlauf-grau-top { 
 color: inherit;
 background: -moz-linear-gradient(top, rgba(180, 180, 180, 1) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, rgba(180, 180, 180, 1) 0%,rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, rgba(180, 180, 180, 1) 0%,rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.verlauf-grau-bottom { 
 color: inherit;
 background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(180, 180, 180, 1) 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%,rgba(180, 180, 180, 1) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,rgba(180, 180, 180, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
}
.radial-in-grau { 
 color: inherit;
background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgba(180, 180, 180, 1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%,rgba(180, 180, 180, 1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 0%,rgba(180, 180, 180, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e0e0e0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.radial-out-grau { 
 color: inherit;
background: -moz-radial-gradient(center, ellipse cover, rgba(180, 180, 180, 1) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(180, 180, 180, 1) 0%,rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(180, 180, 180, 1) 0%,rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bg-grau-hover:hover { background: rgba(160, 160, 160, 1) !important; color: rgba(0, 0, 0, 1) !important; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }


/**********  Background Schwarz  FX - verlauf - radial **********/
.bg-black { background: rgba(0, 0, 0, 100); color: rgba(255, 255, 255, 1); }
.bg-black-100 { background: rgba(0, 0, 0, 100); color: rgba(255, 255, 255, 1); }
.bg-black-75 { background: rgba(0, 0, 0, 0.75); color: rgba(255, 255, 255, 1); }
.bg-black-50 { background: rgba(0, 0, 0, 0.5); color:inherit; }
.bg-black-25 { background: rgba(0, 0, 0, 0.25); color: inherit; }

/* verlauf-black-top */
.verlauf-black-top { 
	color: rgba(255, 255, 255, 1);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%,rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%,rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
/* verlauf-black-bottom */
.verlauf-black-bottom { 
	color: rgba(255, 255, 255, 1);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
/* verlauf-radial-in-black */
.radial-in-black { 
 color: rgba(255, 255, 255, 0.99);
background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.97) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.97) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.97) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#f7000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/* verlauf-radial-out-black */
.radial-out-black { 
 color: rgba(255, 255, 255, 0.99);
background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%,rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.65) 0%,rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bg-black-hover:hover { background: rgba(0, 0, 0, 1) !important; color: rgba(255, 255, 255, 1) !important; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }



/********** HTML **********/
* { margin: 0; 	padding: 0px; }
html { height: 100%; scroll-behavior: smooth; }
body { font-family: 'Barlow', Calibri, Helvetica,  sans-serif; font-size: 16px; background-color: rgba(255, 255, 255, 1); margin: 0; height: 100%; font-weight: 400; color: rgba(0, 0, 0, 1);}
.txt { color: inherit; }

.h1, .h2, .h3, h1, h2, h3 { margin-top: 0px; margin-bottom: 0px; }

h1 { font-size:320%; color:inherit; font-weight:900;line-height:1.2em; margin: 0; padding:0; text-shadow: 2px 3px 1px rgba(100, 100, 100, 0.0); }
h2 { font-size:180%; color: rgba(0, 100, 160, 1); font-weight:400;line-height:normal; margin: 0; padding: 0px 0px 0px 0px; text-shadow: 1px -2px 10px rgba(100, 100, 100, 0.0);}
h3 { font-size:140%; color: inherit; font-weight:700;line-height:1.3em; padding: 0; }
h4 { font-size:110%; color: rgba(0, 0, 0, 0.75); font-weight:500;line-height:1.4em; margin:inherit;}
h5 { font-size:100%; color: rgba(50, 50, 50, 0.5); font-weight:600;line-height:1.1em; margin:inherit;}
h6 { font-size:90%; color: rgba(0, 0, 0, 0.5); font-weight:100; font-style:italic; line-height:1.em; margin:inherit;}

.megatitle { font-size:640%; } 
.megasize h1 { font-size:640%; } 

@media only screen and (max-width: 1280px) { 
	.megatitle { font-size:640%; } 
 .megasize h1 { font-size:480%; } 
	h2 { font-size:160%; } 
	h3 { font-size:130%; }
}
@media only screen and (max-width: 768px) { 
	.megatitle { font-size:480%; overflow-wrap: break-word;hyphens: auto; } 
 .megasize h1 { font-size:360%; } 
	h1 { font-size:210%; overflow-wrap: break-word;hyphens: auto; } 
	h2 { font-size:160%; overflow-wrap: break-word;hyphens: auto; } 
	h3 { font-size:120%; overflow-wrap: break-word;hyphens: auto; }
}
@media only screen and (max-width: 480px) { 
	.megatitle { font-size:320%; overflow-wrap: break-word;hyphens: auto; } 
 .megasize h1 { font-size:240%; } 
	h1 { font-size:180%; overflow-wrap: break-word;hyphens: auto; } 
	h2 { font-size:140%; overflow-wrap: break-word;hyphens: auto; } 
	h3 { font-size:110%; overflow-wrap: break-word;hyphens: auto; }
}
@media only screen and (max-width: 320px) { 
	.megatitle { font-size:240%; overflow-wrap: break-word;hyphens: auto; } 
 .megasize h1 { font-size:200%; } 
	h1 { font-size:180%; overflow-wrap: break-word;hyphens: auto; } 
	h2 { font-size:140%; overflow-wrap: break-word;hyphens: auto; } 
	h3 { font-size:110%; overflow-wrap: break-word;hyphens: auto; }
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }

p { font-size: inherit; font-weight: normal; line-height: inherit; margin-bottom: 10px; }

ol, ul { padding-left: 20px; font-size: inherit ;}
ol li, ul li { line-height: inherit; font-size: inherit; }
img { height: auto;	width: 100%;}
.label { font-size: 85%; font-weight: normal; }

a { color: rgba(227, 0, 11, 1); padding: 0; margin: 0; text-decoration: none; font-weight: inherit;
	-webkit-transition: background-color .4s linear, color .4s linear;
	-moz-transition: background-color .4s linear, color .4s linear;
	-o-transition: background-color .4s linear, color .4s linear;
	-ms-transition: background-color .4s linear, color .4s linear;
	transition: background-color .4s linear, color .4s linear; 
	}
a.collapsed { text-decoration: none; color: inherit; }
a:hover, a:focus { text-decoration: none; color: rgba(227, 0, 11, 1); }
a:focus { outline: none; }

pre { margin: 20px 0; }
code { padding: 5px 10px; margin: 10px 0; display: block; }

blockquote p { margin-top: 0; }

.txt table { color: inherit; border: 0px solid rgba(240, 240, 240, 0.5); margin: 0px; width: 100%; overflow: auto;  }
.txt table tr { border-bottom: 1px solid rgba(0, 0, 0, 0.25); }
.txt table th { padding: 8px 10px 8px 10px; }
.txt table td { padding: 8px 10px 8px 10px; }
.txt table tr:hover {  }

/********** SKED Tabellen - Kalender - Monat **********/
.fc-scroller { height: auto !important; }
.fc-day-grid-event .fc-content { padding: 5px 10px; }
.fc-event-container a { margin: 1px 10px 1px 10px; }
.fc-event-container a:hover { cursor: pointer; }

.fc th.fc-day-header.fc-widget-header { background-color: rgba(255, 255, 255, 0.75); padding: 20px 10px; }
.fc td.fc-day.fc-widget-content:hover { background-color: rgba(255, 255, 255, 0.25); }

.fc-basic-view .fc-body .fc-row { min-height: 12em; }
.fc-unthemed .fc-today { background-color: rgba(255, 255, 255, 0.99); }


/********** Tabellen - Kalender - Woche **********/
.fc-event { font-size: 1em; line-height: 1.3; font-weight: 400; }
.fc-event .fc-bg { z-index: 1; background: none; opacity: 1;}
.fc-ltr .fc-time-grid .fc-event-container { margin: 1px 1px auto 1px; }
.fc-time-grid-event .fc-content { padding: 5px 10px; }


/********** Tabellen - Rangliste **********/
.rangliste { position: relative; }
.rangliste .wrapper {  }
.rangliste .table-header { margin: 20px 0 0 0; padding: 0; }
.rangliste .table-header table tr { border: 0px solid rgba(240, 240, 240, 0.5); }
.rangliste .table-header table th { border: 0px; font-size: 100%; font-weight: 100; margin: 0; padding: 5px 0px;}

.rangliste .wettkaempfe  { background-color: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.75); }
.rangliste .gold  { background-color: rgba(255, 255, 0, 0.25); color: rgba(0, 0, 0, 1); }
.rangliste .silber  { background-color: rgba(230, 230, 230, 0.25); color: rgba(0, 0, 0, 1); }
.rangliste .bronze { background-color: rgba(130, 70, 0, 0.25); color: rgba(0, 0, 0, 1); }
.rangliste .punkte { background-color: rgba(0, 0, 0, 0.75); color: rgba(255, 255, 255, 1); }


.rangliste a { color: inherit; }
.rangliste a:focus { color: rgba(220, 0, 0, 1); }
.rangliste table { width: 100%; margin: 0px 0 0 0; padding: 0; counter-reset: row-num; }
.rangliste table tr { counter-increment: row-num; border-bottom: 1px solid rgba(240, 240, 240, 0.5); }
.rangliste table tr:hover { overflow: visible; background-color: rgba(255, 255, 255, 0.99); color: rgba(0, 0, 0, 1); transition: all .125s ease-in-out; -webkit-transition: all .125s ease-in-out; }
.rangliste table tr td { position: relative; vertical-align: top; background-color: rgba(255, 255, 255, 0.0); margin: 0px; padding: 8px 10px 8px 10px; border: 0px solid rgba(240, 240, 240, 1); }
.rangliste table tr td:first-child::before { content: counter(row-num) ". "; padding-left: 20px; }
.rangliste table tr th { background-color: rgba(255, 255, 255, 0); vertical-align: top; padding: 10px 10px 10px 10px; border: 0px solid rgba(240, 240, 240, 1); }

.rangliste ul, .rangliste ol  { list-style-position: inside; margin: 0; padding: 0;}
.rangliste li, .rangliste .item { position: relative; overflow: auto; padding: 0 20px; background-color: rgba(255, 255, 255, 0.1); line-height: 40px; border-top: 1px solid rgba(240, 240, 240, 0.5); }
.rangliste .item .subcontent { display: block; padding: 10px 0px; background-color: rgba(255, 255, 255, 0); line-height: normal; }
.rangliste .inner { position: absolute; z-index: 0; left: 0; right: 0; top: 0; width: 100%; display: block; line-height: inherit; }
.rangliste .inner:hover { position: absolute; z-index: 1; }
.rangliste li:nth-child(1), .rangliste .item:nth-child(1) { background-color: rgba(220, 0, 0, 0.5); color: rgba(255, 255, 255, 1); font-size: 180%; font-weight: 600; line-height: 80px; }
.rangliste li:nth-child(2), .rangliste .item:nth-child(2) { background-color: rgba(255, 255, 255, 0.75); font-size: 140%; font-weight: 500; line-height: 60px; }
.rangliste li:nth-child(3), .rangliste .item:nth-child(3) { background-color: rgba(255, 255, 255, 0.5); font-size: 120%; font-weight: 400; line-height: 50px; }
.rangliste .item:nth-child(4), .rangliste .item:nth-child(5), .rangliste .item:nth-child(6), .rangliste .item:nth-child(7), .rangliste .item:nth-child(8), .rangliste .item:nth-child(9), .rangliste .item:nth-child(10) { background-color: rgba(255, 255, 255, 0.25); font-size: 110%; font-weight: 400; line-height: 40px; }

.rangliste .headcell { display: block; text-align: inherit; font-size: 100%; font-weight: 300; margin: 0; padding: 0 0px;}
.rangliste .cell { display: block; text-align: center; margin: 0; padding: 0 0px;}
.rangliste .item:hover { overflow: visible; background-color: rgba(255, 255, 255, 0.99); color: rgba(0, 0, 0, 0.75); transition: all .125s ease-in-out; -webkit-transition: all .125s ease-in-out; }

@media only screen and (max-width: 768px) { 
	.rangliste li:nth-child(1), .rangliste .item:nth-child(1) { font-size: 120%; font-weight: 600; line-height: 60px; }
	.rangliste li:nth-child(2), .rangliste .item:nth-child(2) { font-size: 110%; font-weight: 300; line-height: 50px; }
	.rangliste li:nth-child(3), .rangliste .item:nth-child(3) { font-size: 100%; font-weight: 100; line-height: 40px; }
	.rangliste .item:nth-child(4), .rangliste .item:nth-child(5), .rangliste .item:nth-child(6), .rangliste .item:nth-child(7), .rangliste .item:nth-child(8),
.rangliste .item:nth-child(9), .rangliste .item:nth-child(10) { font-size: 90%; font-weight: 100; line-height: 30px; }
}

@media only screen and (max-width: 320px) { 
	.rangliste table tr td { width: auto; }
	.rangliste table tr td div.name { width: 100%; font-size: 100%; }
	.rangliste table tr td div { display: table; width: auto; font-size: 90%; padding: 0 5px 0 0; }
	.rangliste table tr td div div { display: table-cell; width: auto; font-size: 90%; padding: 0 5px 0 0; }
	.rangliste .gold, .rangliste .silber, .rangliste .bronze { display: inline-block; width: auto; padding: 0 5px; }
	.rangliste .punkte { display: inline-block; width: auto; padding: 0 10px; }
}

/********** kalender **********/
.kalender { position: relative; }
.kalender .wrapper { z-index: 9; position: absolute; width: 100%;}
.kalender .blatt { z-index: 10; line-height: normal; position: relative; margin: 5px; border-radius: 3px; }
.kalender .blatt:hover { z-index: 11; }
.kalender p { margin: 0; padding: 0;}
.kalender table tr { line-height: 60px; border-bottom: 1px solid rgba(240, 240, 240, 0.5); }
table tr:hover { z-index: 0; transition: all .125s ease-in-out; -webkit-transition: all .125s ease-in-out; }
table tr:hover .wrapper { z-index: 10; }

.kalender table td { position: relative; vertical-align: top; background-color: rgba(255, 255, 255, 0.0); padding: 0px; border: 0px solid rgba(240, 240, 240, 1); } 

.kalender .min-30 { min-height: 30px;}
.kalender .min-60 { min-height: 120px;}
.kalender .min-90 { min-height: 180px;}
.kalender .min-120 { min-height: 240px;}
.kalender .min-150 { min-height: 300px;}
.kalender .min-180 { min-height: 360px;}


/********** Logo **********/
.logo { max-width: 380px;}
@media only screen and (max-width: 480px) { 
	.logo { max-width: 220px; } 
}

/********** dropdown-menu **********/
.dropdown-menu { z-index: 10000;}

/********** alerts **********/
.alert { padding: 10px 20px; margin-bottom: 3px; border: 1px solid transparent; border-radius: 5px;}

/********** Section Colors **********/
.bg-image-fixed { position: fixed; z-index: -1; width: 100%; height: 100%; padding: 0px; margin: 0px; }
.bg-image-scroll { position:absolute; z-index: -1; width: 100%; height: 100%; padding: 0px; margin: 0px; }
.bg-image-fixed .inner, .bg-image-scroll .inner { position: absolute; z-index: 0; width: 100%; height: 100%; padding: 0px; margin: 0px; }

.header { display: block;}
.test { background-color: rgba(200, 100, 0, 0.88); }
.theme { position: relative; overflow: auto; }
.theme .inner { position: absolute; width: 100%; height: 100%; }
.theme h1 { color: inherit; }

.meta { background: rgba(255, 255, 255, 0.5); color: rgba(0, 0, 0, 1); }
.main, .submain, .subcontent { display: block; }
.subnavbar, .option-bar { position: relative; background-color: rgba(100, 100, 100, 0.0); padding-top: 0px; }
.footer { display: block; padding-top: 20px; padding-bottom: 40px; }
.footer .vmenu a, .footer .hmenu a { color: rgba(100, 100, 100, 1); border-top: 1px solid rgba(255, 255, 255, 1); }
.copyright { display: block; }


/* media max-width 768px */
@media screen and (max-width: 768px) {
}

/* media max-width 767px */
@media screen and (max-width: 767px) {
	.footer { display: none; }
}

/********** Modal **********/
.modal-backdrop { background-color: rgba(255, 255, 255, 0.95); }
.modal-backdrop.in { opacity: .85; }

.modal-dialog { width: auto; margin: 20% 20%; }
/* media max-width 768px */
@media screen and (max-width: 768px) {
 .modal-dialog { width: auto; margin: 30% 20px; }
}
.modal-header { padding: 20px 20px; border-bottom: 0px solid #e5e5e5; }
.modal-content { background-color: rgba(255, 255, 255, 1); }
.modal-body { padding: 0px; }
.modal .list-group { padding: 0; margin-bottom: 0px;}
.modal .list-group-item { position: relative; display: block; color: rgba(0, 0, 0, 0.5); padding: 10px 15px; margin-bottom: 0px; background-color: #fff; border: 1px solid rgba(255, 255, 255, 0.5); border-top: 0px solid rgba(255, 255, 255, 0.5); border-left: 0px; border-right: 0px; }
.modal .list-group-item:hover { z-index: 2; background-color: rgba(240, 240, 240, 1); border-color: rgba(255, 255, 255, 0.5); }
.modal .list-group-item:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.modal .list-group-item:last-child { margin-bottom: 0; border-bottom: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.modal .list-group-item.active, .modal .list-group-item.active:focus, .modal .list-group-item.active:hover { z-index: 2; color: #000; background-color: rgba(240, 240, 240, 1); border-color: rgba(255, 255, 255, 0.5); }

.modal-title { color: inherit; line-height: 1; }

.modal .modal-header .icon, .modal .list-group .icon  { margin-right: 10px;}
.modal .list-group-item a { position: relative; display: inline-block; color: rgba(0, 0, 0, 1); }
.modal .list-group-item a:hover { color: rgba(227, 0, 11, 1); }


/********** prettyPhoto resets **********/
div.pp_overlay { background: rgba(242, 242, 242, 1); }
div.light_rounded .pp_top .pp_middle, div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right, div.light_rounded .pp_bottom .pp_middle, div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content, div.facebook .pp_content {
    background: rgba( 255, 255, 255, 0.0); 
}

/********** Affix **********/

.navigation { padding: 10px 0 10px 0; background: rgba(227, 0, 11, 1); } 
#navbar { background: inherit; border-radius: 0px 0px 0px 0px; margin: 0px auto; min-height: 60px; transition: all .125s ease-in-out; -webkit-transition: all .125s ease-in-out; }
#navbar.affix { top: 0; width: 100%; z-index: 1000 !important; background:  rgba(227, 0, 11, 0.95); }
@media only screen and (max-width: 768px) { 
	.navigation { padding: 0 0 0 0; }
}

html, body, #map-canvas { height: 100%; margin: 0px; padding: 0px; }


/*=== sidenav =======================================*/

.slideNavLeft { background-color: rgba(227, 0, 11, 0.99);height:100%;left:0;overflow-x:hidden;padding-top:0px;position:fixed;top:0;transition:.5s;width:0;z-index:10001;}
.slideNavLeftCloser { position: relative; right:0px; top:0px; font-size:100%; color: rgba(255, 255, 255, 1); cursor: pointer; z-index: 100000; }

.slideNavTop { background-color: rgba(0, 100, 200, 0.9); color: rgba(255, 255, 255, 0.75); width:100%; height: 0; overflow-x:hidden;padding-top:0px;position:fixed;left:0;top:0;transition:.5s;z-index:10001;}
.slideNavTopCloser { position: relative; right:0px; top:0px; font-size:100%; color: rgba(255, 255, 255, 1); cursor: pointer; z-index: 100000; }

.slideNavRight { background-color: rgba(0, 0, 0, 0.95); height:100%;overflow-x:hidden;padding-top: 0px;position:fixed;right:0;top:0;transition:.5s;width:0;z-index:10001;}
.slideNavRightCloser { position: absolute; right:auto; top:auto; font-size:100%; color: rgba(255, 255, 255, 1); cursor: pointer; z-index: 100000; }

.slideNavBottom { background-color: rgba(200, 200, 200, 0.95); color: rgba(255, 255, 255, 0.75); width:100%; height: 0; overflow-x:hidden;padding-top:0px;position:fixed;left:0;bottom:0;transition:.5s;z-index:10001; }
.slideNavBottomCloser { position: absolute; right:20px; top:20px; font-size:100%; color: rgba(255, 255, 255, 1); cursor: pointer; z-index: 100000; }

.slideNavLeft2 { background-color: rgba(0, 0, 0, 0.9); height:100%;left:0;overflow-x:hidden;padding-top:0px;position:fixed;top:0;transition:.5s;width:0;z-index:10001;}
.slideNavLeftCloser2 { position: relative; right:0px; top:0px; font-size:100%; color: rgba(255, 255, 255, 1); cursor: pointer; z-index: 100000; }
.slideNavLeft2:hover { width:75% !important; } 


/*=======================================================================

	Navi
 
 ========================================================================*/

.navbar-left { float: left !important; } 
.navbar-right { float: right !important; margin-left: 0px; margin-right: 0px; }

.domain-switch a { color: rgba(200, 200, 200, 1); }
.domain-switch a:hover { color: rgba(227, 0, 11, 1); }
.domain-switch .btn { color: rgba(255, 255, 255, 1); } 
.domain-switch .dropdown-menu a { color: rgba(227, 0, 11, 1); }


@media only screen and (max-width: 1023px) { .navbar-left, .navbar-right { float: none !important; } }

#menu .menu-height { height: 60px; line-height: 60px; }
#menu .menu-header { background-color: rgba(255, 255, 255, 0.0); margin: 0; padding: 0; }
#menu .menu-logo { margin: 0px 0 0 0; padding: 0px 0px; max-width: 180px; line-height: 60px; }
#menu .menu-logo img { margin: 0; padding: 0px 0px; width: auto; max-height: 60px; line-height: 60px; transition: all 1s ease-in-out; }
.affix #menu .menu-logo img { margin: 0; padding: 0px 0px; width: auto; max-height: 50px; line-height: 60px; transition: all 1s ease-in-out; }

@media only screen and (max-width: 1023px) { #menu .menu-logo img { margin: 0; padding: 0px 0px; width: auto; max-height: 40px; line-height: 60px; transition: all .125s ease-in-out; -webkit-transition: all .125s ease-in-out; } }
@media only screen and (max-width: 320px) { #menu .menu-logo img { max-width: 180px; } }


#menu .main-menu { display: none; margin: 0 auto; }

#toggle-menu { background: rgba(0, 0, 0, 0); }
#menu #toggle-menu { padding-left: 10px; padding-right: 10px;}
#menu #toggle-menu li { display: inline-block; }
#menu #toggle-menu li a { padding-left: 10px; padding-right: 10px; }
#toggle-menu, #menu a { color: inherit; padding: 0 0px 0 20px; }

#menu { z-index: 101; width: 100%; border: 0px; transition: all .125s ease-in-out; -webkit-transition: all .125s ease-in-out; }
@media only screen and (max-width: 480px) { #menu { position: relative; } }


#menu a { transition: all .125s ease-in-out; -webkit-transition: all .125s ease-in-out; }

#menu li, #toggle-menu { background-color: rgba(255, 255, 255, 0.01); color: rgba(99, 99, 99, 1); border-width: 0 0 0px; margin-bottom: 0px; }
@media only screen and (min-width: 1023px) { #menu li, #toggle-menu { margin-bottom: 0px; } }


		/* Menu - ul */
		#menu li, #toggle-menu, #menu .sub-menu { border-style: solid; border-color: rgba(255, 255, 255, 0.01); }
		#menu li, #toggle-menu, #menu a { position: relative; display: block; color:rgba(255, 255, 255, 1); text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.0); font-weight: 600;  }

		/* Menu - ul */
		#menu ul { font-size: 100%; font-weight: 600; text-transform: uppercase; margin: 0; padding: 0; }
		#menu ul li { line-height: 60px; }
		#menu ul li a { font-size: 120%; padding: 0 0px 0 20px; }
		#menu ul li.search a { padding: 0 20px 0 20px; }

		#menu ul li.activ { background-color: rgba(0, 100, 200, 0.0); border-bottom: 0px solid rgba(99, 99, 99, 1); margin-bottom: 0px; }
		#menu ul li.activ > a { color:rgba(0, 0, 0, 1); font-weight: 800; }
.affix 	#menu ul li.activ a { }

		#menu ul li:hover > a { }
.affix 	#menu ul li:hover > a { }


		/* Menu - ul ul */
		#menu ul ul { font-size: 100%; text-transform: none; font-weight: 400; }
		#menu ul ul li { line-height: 36px; }
		#menu ul ul li a { font-size: 110%; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.affix 	#menu ul ul li.activ a { color: rgba(255, 255, 255, 1); }
@media only screen and (max-width: 1023px) { 
		#menu ul ul li > a { color: rgba(255, 255, 255, 0.75); }
		#menu ul ul li > a:hover, #menu ul ul li.activ a  { color: rgba(255, 255, 255, 1); }
}

		/* Menu - ul ul ul */
		#menu ul ul ul { font-size: 100%; font-weight: 300; }
		#menu ul ul ul li { line-height: 30px; }
		#menu ul ul ul li a { font-size: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-inline-end: 20px; font-weight: 100; }


#tm:checked + .main-menu { display: block; background-color: rgba(240, 240, 240, 0); margin-left: 0px; margin-right: 0px;}

#menu input[type="checkbox"], #menu ul span.drop-icon { display: none; }

#menu .sub-menu { display: none; background-color: rgba(201, 1, 25, 1); padding: 0px 0; border-width: 0px 0px 0; margin: 0 0px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
#menu .sub-menu li:first-child { border-width: 0; padding-top: 10px; }
#menu .sub-menu li:last-child { border-width: 0; padding-bottom: 10px; }
#menu .sub-menu .sub-menu { padding-top: 3px; padding-bottom: 3px; }

#menu input[type="checkbox"]:checked + .sub-menu { display: block; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
#menu .sub-menu a  { padding: 0 20px 0 20px; }
#menu .sub-menu .activ a  { color: rgba(0, 0, 0, 1); }
#menu .sub-menu .passiv a  { color: rgba(255, 255, 255, 0.75); }
#menu .sub-menu a:hover { color: rgba(255, 255, 255, 1); }

#toggle-menu .drop-icon, #menu li label.drop-icon { position: absolute; right: 0; top: 0; }

#menu label.drop-icon, #toggle-menu span.drop-icon { padding: 0 20px; font-size: 1em; text-align: center; background-color: rgba(255, 255, 255, 0.025); text-shadow: 0 0 0 transparent; color: inherit; line-height: inherit; }


	 	#menu ul#level-z { display: inherit; }
.affix 	#menu ul#level-z { display: inherit; }

@media only screen and (min-width: 1024px) { 
	
  #menu .main-menu { display: table; }
  #toggle-menu, #menu label.drop-icon { display: none; }
  #menu ul span.drop-icon { display: inline-block; padding: 0 0px 0 10px; }
  #menu li { background-color: rgba(0,0,0,0); float: left; border-width: 0 0 0 0px; }
  #menu .sub-menu li { float: none; }
  #menu .sub-menu { border-width: 0; margin: 0; position: absolute; left: 0; min-width: 240px; z-index: 3000; }
  #menu .sub-menu, #menu input[type="checkbox"]:checked + .sub-menu { display: none; }
  #menu .sub-menu li { border-width: 0 0 0px; }
  #menu .sub-menu .sub-menu { top: 0; left: 100%; }
  #menu .sub-menu .drop-icon { position: absolute; top: 0; right: 0; padding: inherit; }
  #menu li:hover > input[type="checkbox"] + .sub-menu { display: block; }
}

@media only screen and (max-width: 480px) { }

/*=== Navi language =======================================*/

.language-switch { display: block; background: none; line-height: 60px; position: relative; padding:0px 10px 0px 10px !important; }
.language-switch li {display:inline-block;text-align:center; margin: 0px 0px; padding: 1px 5px;}
.language-switch li a { display: inline-block; text-align:center; font-weight:700; font-size: 100%; background: rgba(227, 0, 11,0.9); margin:15px 0px 0px 0px;padding: 0 5px !important;text-transform: uppercase; color: rgba(255, 255, 255, 0.75); border-radius: 50%;width: 30px;height: 30px;line-height: 30px;}
.language-switch li a:hover { background:rgba(227, 0, 11,1); color: #fff; }
.language-switch li a.active{ background: rgba(227, 0, 11,1); color: #fff;}
@media only screen and (max-width: 767px) { 
	.language-switch li a { font-weight:700; background: rgba(227, 0, 11,0.9); text-transform: uppercase; color: #fff; box-shadow: 0 0 100px #666; border-radius: 50%;display: inline-block;height: 30px;line-height: 29px;margin:26px 0px 0px 5px;padding: 0;text-align: center;width: 30px; }
}

/*=== Navi breadcrumb =======================================*/

.iconmenu { display: inline-block; background-color: rgba(0, 54, 103, 0); width: 100%; font-size: 100%; border: 0px; }
.iconmenu ul { display: inherit; margin: 0px 0; padding: 0px 5px; list-style: none; line-height: inherit;}
.iconmenu li { display: inline-block; }
.iconmenu li a { display: inline-block; background: rgba(255, 255, 255, 1); color: rgba(112, 113, 115, 1); line-height: 40px; width: 40px; height: 40px; text-align: center; border-radius: 50%; margin: auto 5px; }
.iconmenu li a:hover { background: rgba(227, 0, 11, 1); color: rgba(255, 255, 255, 1); }

.iconmenu li a.trigger { display: inline-block; font-size: 160%; background: rgba(227, 0, 11, 1); color: rgba(255, 255, 255, 1); line-height: 60px; width: 60px; height: 60px; text-align: center; border-radius: 50%; margin: auto 0px; }
.iconmenu li a.trigger:hover { color: rgba(227, 0, 11, 1); background-color: rgba(255, 255, 255, 1); }


/*=== Navi breadcrumb =======================================*/
 
.breadcrumb { display: block; font-size: 90%; color: inherit; padding: 0 0px; margin-bottom: 0px; list-style: none; background-color: rgba(0, 0, 0, 0); border-radius: 0px; line-height:40px; white-space: nowrap; overflow: auto; }

.breadcrumb li { display: inline-block; }
.breadcrumb > li + li::before { padding: 0 5px; color: rgba(100, 100, 100, 0.1);}
.breadcrumb li a { color: inherit; }
.breadcrumb li a:hover { color: rgba(227, 0, 11, 1); }

/*=== Navi vmenu =======================================*/

.vmenu { display: block; list-style: none; margin: 0; padding: 0; }
.vmenu ul { display: block; list-style:none; margin: 0px 0px; padding:  0px 0px; line-height: 1; }
.vmenu li { display: block; list-style:none; margin: 0px 0px; padding:  0px 0px; line-height: 1; }
.vmenu li a { color: inherit; font-weight: 400; }
.vmenu li a:hover { color: rgba(237, 103, 46, 1); }
.vmenu li a span { display: block; }

.vmenu .icon { display: inline-block; list-style: none; margin: 10px 10px; padding: 0; }

/*=== Navi hmenu =======================================*/

.hmenu { display: block; list-style: none; margin: 0; padding: 0; }
.hmenu ul { display: block; list-style:none; margin: 0px 0px; padding:  0px 0px; line-height: 1; }
.hmenu li { display: inline-block; list-style:none; margin: 0px 0px; padding:  0px 0px; line-height: 1; }
.hmenu li a { color: inherit; font-weight: 400; }
.hmenu li a:hover { color: rgba(237, 103, 46, 1); }
.hmenu .icon { display: inline-block; margin: auto 10px auto 0px; }



/* searchresults */
.searchresults { display:block; position:relative; margin: 0px auto  0px auto; padding: 0px;}
.searchresults li { list-style: none;}
.searchresults .jobs-liste-header { display:block; position:relative; color:rgba(227, 0, 11, 1); font-size:120%; font-weight:700; line-height: 50px; margin: 0px auto  0px auto; padding: 0px;}
.searchresults .wrapper { background: rgba(255, 255, 255, 0.0); margin-bottom: 3px; border-bottom: 0px solid rgba(227, 0, 11, 1); min-height: 50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.searchresults .wrapper:hover { background: rgba(255, 255, 255, 1); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;}
.searchresults .icon { display:block;font-size: 240%; font-weight: 600; text-align:center; line-height: 80px; margin: 0px 0px; padding:0px 0px 0px 0px; }
.searchresults .headline { display: block; font-size: 110%; font-weight: 600;  }
.searchresults .description { display: block; margin: 0px 0px; padding: 0px 0px 0px 0px; }
.searchresults .link { display:block; position:relative; margin: 0px  0px; padding: 0px 0px;}
.searchresults .url { display: none;}
.searchresults .datetime { display:inline-block; color: inherit; font-size: 90%; font-weight:100; margin: 0px; padding: 15px 0px 5px 0px; }

@media only screen and (max-width: 767px) { .searchresults .searchresults-header { display: none; } .searchresults .icon { text-align:left; } .searchresults .wrapper { border-bottom: 0px solid rgba(227, 0, 11, 1); min-height: 50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } }

@media only screen and (max-width: 767px) { .searchresults .icon, .searchresults .description { display: none; } }
@media only screen and (max-width: 320px) { .searchresults .icon, .searchresults .description { display: none; } }


 /* Typ - filter-liste */
.artikel-liste-sidebar { display:block;position:relative; font-weight: 500; color: inherit; max-height: 480px; overflow: auto; margin: 0px auto  0px auto; padding: 0px;}
.artikel-liste-sidebar .icon { display:table-cell; margin: 0px 0px 0px 0px; padding: 2px 10px 2px 10px; }
.artikel-liste-sidebar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.artikel-liste-sidebar li { display: flex;list-style:none; margin-bottom: 3px; padding: 6px 5px 8px 5px; border-bottom: 0px solid rgba(0, 0, 0, 0.25); }
.artikel-liste-sidebar a { display:table-cell; font-weight: 600;}
.artikel-liste-sidebar a:hover { color: rgba(227, 0, 11, 1); }

 /* Typ - artikel-liste */
.artikel-liste { display:block; font-weight: 500; color: inherit; position:relative; margin: 0px auto  0px auto; padding: 0px;}
.artikel-liste span { display: block; }
.artikel-liste h3 { margin: 0px 0px; padding: 0px; }
.artikel-liste ul { display: block; margin: 0px 0px; padding: 0px; }
.artikel-liste li { display: block;list-style:none; border-bottom: 0px solid rgba(0, 0, 0, 0.25); }
.artikel-liste a { display: block; margin-bottom: 0px; padding: 5px 10px; color: rgba(255, 255, 255, 0.75); font-weight: 600;}
.artikel-liste a:hover { color: rgba(255, 255, 255, 1); }



/* Script - countdown - CSS */
.countdown { display: block; text-align: center; }
.countdown .wrapper { display: block; text-align: center; }
.countdown .countbox { display: block; font-size: 640%; }
.countdown .textbox { display: inline-block; margin: auto 0px auto 0px; }
.countdown .expired { display: block; margin: 0; padding: 0; }
.countdown p { display: inherit; margin: 0; padding: 0; }

@media only screen and (max-width: 768px) { 
	.countdown .countbox { display: block; font-size: 480%; }
}
@media screen and (max-width: 480px) { 
	.countdown .countbox { display: block; font-size: 240%; }
}

/*=======================================================================
	Layouts
 ========================================================================*/

/*=== Navi vmenu =======================================*/

.keytags { display: block; font-size: 80%; list-style: none; margin: 0; padding: 0; }
.keytag { display: inline-block; margin: 0 5px 5px 0; padding: 5px 15px; background-color: rgba(255, 255, 255, 1); color: rgba(0, 0, 0, 1); border-radius: 3px; }
.keytag a { color: rgba(0, 0, 0, 0.5); }
.keytag a:hover { color: rgba(0, 0, 0, 1); }


/* Alle Typs - Media */
.textbox { position:relative; }
.textbox table { position:relative; overflow-x: auto; }
.textbox ul { font-size: 100%; margin: 0px 0px 5px 0px; padding: 0px 10px 0px 20px; line-height: inherit; }
.textbox li { list-style: inherit; margin: 0px 0px 5px 0px; }
@media only screen and (max-width: 480px) { .textbox { position:relative; overflow: auto; } }

/* Alle Typs - Media */
.media { display:block; position:relative; margin: 0px auto 0px auto; padding: 0px; line-height: 1; text-align: center; }
.media ul { margin: 0px 0px  0px 0px; padding: 0px 0px 0px 0px; line-height: 0; list-style: none; }
.media .headline  { display: inline-block; background-color:rgba(255, 255, 255, 0); color:rgba(0, 0, 0, 1); font-size:100%; line-height:1.3em; font-weight:600; margin: 0px auto 0px auto; padding: 10px 10px 0px 10px; overflow: hidden; }
.media .description  { display:block;background-color:rgba(255, 255, 255, 0);font-size:90%; color:rgba(0, 0, 0, 0.75); font-weight: 100; line-height:1.3em; margin: 0px 0px 0px; padding: 0px 10px 10px 10px; border-top: 0px solid rgba(255, 255, 255, 0.25); border-bottom: 0px solid rgba(122, 181, 29,0.25);}
.media .description:hover { }
.media .caption { display:block; position:relative; margin: 0px auto  0px auto; padding: 0px 0px; line-height:1; }
.media .caption:hover {  }


/* Typ - Elements */
.elements { display:block; position:relative; list-style: none; margin: 0px auto  0px auto; padding: 0px;}
.elements ul { margin: 0px 0px  0px 0px; padding: 0px 0px 0px 0px; line-height: 0; }
.elements li { list-style:none; margin: 0px 0px 0px 0px; }
.elements a { color: inherit; }
.elements a:hover { color: inherit; transition: all 1s ease-in-out; }
.elements img { display: inline-block; margin: 0px auto 0px auto; height: auto; line-height: 0; }

.elements .wrapper { display: block; position:relative; overflow: auto; }

.elements .header-box { display: block; }
.elements .media-box { display: block; }
.elements .content-box { display: block; }
.elements .caption-box { display: block; }
.elements .footer-box { display: block; position: absolute; bottom: 0; right: 0; }
.elements .link-box { display: block; position: absolute; width: 100%; top: 0; }
.elements .link { display:inline-block; margin: 10px 10px; }
.elements .link a { display:block; position:relative; font-size:100%; color: inherit; font-weight:300; margin: 0px auto 0px auto; line-height:1; }


.elements .headline  { display: inline-block; background-color:rgba(255, 255, 255, 0); color: inherit; line-height:1.3em; font-weight:600; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; overflow: hidden; }
.elements .description  { display:block; font-size:100%; font-weight: 400; line-height:1.3em; margin: 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: 0px solid rgba(255, 255, 255, 0.25); border-bottom: 0px solid rgba(122, 181, 29,0.25);}
.elements .description:hover { }
.elements .details  { display:block; color:rgba(0, 0, 0, 0.5); font-weight: 100; line-height: inherit; margin: 0px 0px; padding: inherit; border-top: 0px solid rgba(255, 255, 255, 0.25); border-bottom: 0px solid rgba(122, 181, 29,0.25);}
.elements .copyright  { display:block; font-size:80%; font-weight: 100; line-height:1; margin: 0px 0px; padding: 0px 0px; }

.elements .optionbox { display:block; position:relative; font-size:100%; font-weight:300; margin: 0px auto 0px auto; line-height:1; }
.elements .icon { display:inline-block; position: relative; font-size:100%; font-weight:300; margin: 0px auto 0px auto; line-height: normal; }


/* Typ - Klicker */
.klicker { display:block; position:relative; list-style: none; margin: 0px auto 0px auto; padding: 0px; line-height: 1; }
.klicker ul { margin: 0px 0px  0px 0px; padding: 0px 0px 0px 0px; line-height: 0; list-style: none; }
.klicker li { position: relative; list-style:none; margin: 0px 0px 0px 0px; }
.klicker img { position: relative; list-style:none; margin: 0px 0px 0px 0px; }
.klicker .caption { display:block; background-color: rgba(255, 255, 255, 0.25); width: 100%; position:absolute; bottom: 0; margin: 0px auto 0px auto; padding: 20px 20px; line-height:1; opacity: 0; height: 50%; }
.klicker .caption:hover { background-color: rgba(255, 255, 255, 0.75); transition: all 3s ease-in-out; opacity: 1; }
.klicker .headline  { display: inline-block; background-color:rgba(255, 255, 255, 0); color:rgba(0, 0, 0, 1); margin: 0px auto 0px auto; padding: 10px 10px 10px 10px; overflow: hidden; }
.klicker .description  { display:block;background-color:rgba(255, 255, 255, 0);font-size:90%; color:rgba(0, 0, 0, 0.75); font-weight: 100; line-height:1.3em; margin: 0px 0px 0px; padding: 0px 10px 10px 10px; border-top: 0px solid rgba(255, 255, 255, 0.25); border-bottom: 0px solid rgba(122, 181, 29,0.25);}
.klicker .description:hover { }


/* Typ - block */
.block { position:relative; display:block; list-style: none; color: inherit; padding: inherit; }

.block ul { list-style:none; margin: 0px 0px; padding:  0px 0px; }
.block li { list-style:none; margin: 0px 0px; padding:  0px 0px; }

.block  a { line-height: 0; color: inherit; }
.block  a:hover { color: inherit; transition: all 1s ease-in-out; }

.block .wrapper {display: block; position:relative;}
.block .wrapper:hover { transition: all 1s ease-in-out;}

.block .header-box { display: block; }
.block .media-box { display: block; }
.block .media-icon-box { display: block; font-size: 300%; font-weight: 600; line-height: inherit; margin: 0px 0px; }

.block .content-box { display: block; }
.block .caption-box { display: block; }
.block .footer-box { display: block; position: absolute; bottom: 0; right: 0; }
.block .link-box, .block .iconbox { display: block; position: absolute; bottom: 0; right: 0; }
.block .link-box .link, .block .iconbox .icon-link { display: inline-block; font-size: 180%; font-weight: 600; line-height: inherit; margin: 0px 0px; padding: 0px 0px; }

.block .headline { margin: 0px 0px 0px 0px; margin-bottom: inherit; }
.block .subtitle  { display:inline-block; clear: both; }
.block .description  { display:inline-block; clear: both; font-size: inherit; line-height: initial; margin: 10px 0px 10px 0px; padding-top: 0px; padding-bottom: 0px; border-top: 0px solid rgba(0, 0, 0, 0.5); border-bottom: 0px solid rgba(0, 0, 0, 0.5);}
.block .description:hover { }
.block .details { padding-top: 0px; }



/* Typ - split-left-right */
.split, .split-left, .split-right { display:block; list-style: none; color: inherit; position:relative; margin: 0px 0px; padding: 0px 0px; }
.split ul, .split-left ul, .split-right ul { list-style:none; margin: 0px 0px; padding:  0px 0px; }
.split li, .split-left li, .split-right li { list-style:none; margin: 0px 0px; padding:  0px 0px; }

.split .wrapper, .split-left .wrapper, .split-right .wrapper { position: relative; overflow: hidden; }
.split .image-wrapper, .split-left .image-wrapper, .split-right .image-wrapper { background-position: center; }
.split .inner, .split-left, .split-right { background-color: rgba(255, 255, 255, 0); }

.split .header-box, .split-left .header-box, .split-right .header-box { display: block; }
.split .content-box, .split-left .content-box, .split-right .content-box { display: block; }
.split .footer-box, .split-left .footer-box, .split-right .footer-box { display: block; }

.split .headline, .split-left .headline, .split-right .headline { margin: 0px 0px 0px 0px; margin-bottom: inherit; font-weight: 600; }
.split .subtitle, .split-left .subtitle, .split-right .subtitle { font-size: 140%; font-weight: 400; }
.split .link, .split-left .link, .split-right .link  { display:block; font-size: 1rem; font-weight: 400; line-height: normal; margin: 0px 0px; padding: 10px 0px 10px 0px; }
.split .link-box, .split-left .link-box, .split-right .link-box { display: block; position: absolute; bottom: 0; right: 0; line-height: 0; }
.split .link-box .iconlink, .split-left .link-box .iconlink, .split-right .link-box .iconlink { display: inline-block; font-size: 200%; font-weight: 600; line-height: inherit; margin: 0px 0px; }

@media only screen and (max-width: 480px) { }


/* Typ - Vcard */
.vcard, .vcard-left, .vcard-right { display:block; color: inherit; position:relative; list-style: none; }
.vcard .wrapper, .vcard-left .wrapper, .vcard-right .wrapper { display: block; position: relative; overflow: hidden;}
.vcard .picture, .vcard-left .picture, .vcard-right .picture { background-size:cover; background-repeat: no-repeat; min-height: 60px;}
.vcard .inner, .vcard-left .inner, .vcard-right .inner { display:block; }
.vcard .image-box, .vcard-left .image-box, .vcard-right .image-box { display:block; position:relative; margin: inherit; padding: inherit;}
.vcard .media-icon-box, .vcard-left .media-icon-box, .vcard-right .media-icon-box { display: block; font-size: 300%; font-weight: 600; line-height: inherit; margin: 0px 0px; }

.vcard ul, .vcard-left ul, .vcard-right ul { list-style:none; margin: 0px 0px; padding: 0px 0px; }
.vcard li, .vcard-left li, .vcard-right li { list-style:none; margin: 0px 0px; padding: 0px 0px; }

.vcard .link-box, .vcard-left .link-box, .vcard-right .link-box { display: block; position: absolute; right: 0; bottom: 0; font-size: 200%; font-weight: 400; line-height: 0; margin: inherit; padding: inherit; }
.vcard .icon-box, .vcard-left .icon-box, .vcard-right .icon-box { display: block; position: relative; font-size: 320%; font-weight: 400; line-height: inherit; text-align: center; }
.vcard .description, .vcard-left .description, .vcard-right .description { font-weight: normal; }
.vcard .headline, .vcard-left .headline, .vcard-right .headline { margin: 0px; }
.vcard p, .vcard-left p, .vcard-right p { margin-bottom: 5px; }

@media only screen and (max-width: 320px) { }



/* Typ - theme */

.themes { display:block; list-style: none; color: inherit; position:relative; list-style: none;  }
.themes:hover { color: inherit; }
.themes ul, ul.themes { list-style:none; margin: 0px 0px; padding:  0px 0px; }
.themes li { list-style:none; margin: 0px 0px; padding:  0px 0px; }
.themes a { color: inherit; }
.themes a:hover { color: inherit; }

.themes .image { display: block; line-height:0; }

.themes .wrapper {display: block; position:relative; overflow: hidden; transition: all 1s ease-in-out;}
.themes .wrapper:hover { overflow: hidden; transition: all 1s ease-in-out;}

.themes .header-box { display: block; }
.themes .media-box { display: block; }
.themes .media-icon-box { display: block; font-size: 300%; font-weight: 600; line-height: inherit; margin: 0px 0px; }

.themes .picture { display: block; position: relative; transition: all 1s ease-in-out;}

.themes .content-box { display: block; }
.themes .caption-box { display: block; }
.themes .headline { display: inherit; margin: 0px 0px 0px 0px; font-weight:600; overflow: hidden; hyphens: auto; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); border-bottom: 0px solid rgba(0, 0, 0, 0.25); }
.themes .subtitle { display:block; color: inherit; clear: both; font-weight: 500; line-height: initial; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0); margin-bottom: 0px; }
.themes .description { display:inline-block; padding-top: 10px; padding-bottom: 10px;  line-height: 1.2em; color: inherit;clear: both;font-size: inherit; transition: all 1s ease-in-out; }

.themes .footer-box { display: block; position: absolute; bottom: 0; right: 0; }
.themes .link-box { display: block; width: 100%; position: absolute; bottom: 0; text-align: right; }
.themes .link-box .iconlink  { display: inline-block; font-size: 200%; font-weight: 600; line-height: inherit; margin: 0px 0px; }
.themes .icon-box { font-size:360%; font-weight: inherit; color: inherit; text-align: center; } 

.themes .info-box { display: inline-block; position: relative; }
.themes .option-box { display: inline-block; position: relative; }



/* Typ - Background */
.background  { list-style: none; padding: initial; margin: initial; }
.background .wrapper { position: relative; background-size: cover; list-style: none; background-position: center center; }
.background .inner { display: block; position: absolute; overflow: hidden; width: 100%; height: 100%; bottom:0; transition: all 1s ease-in-out;}
.background .inner:hover { bottom: 0px; width: 100%; height: 100%; transition: all 1s ease-in-out; }

.background ul { list-style:none; margin: 0px 0px; padding:  0px 0px;  }
.background li { list-style:none; margin: 0px 0px; padding:  0px 0px;  }

.background .header-box { display: block; }
.background .content-box { display: block; }
.background .caption-box { display: block;  }
.background .caption { display: inline-block; color: rgba(255, 255, 255, 1); }
.background .footer-box { display: block; position: absolute; bottom: 0; right: 0; }
.background .footer-box .iconbox  { display: inline-block; font-size: 200%; font-weight: 600; line-height: inherit; margin: 0px 0px; padding: 0px 0px; }
.background .link-box { display: block; width: 100%; position: absolute; bottom: 0;  }
.background .link-box .link  { display: inline-block; font-size: 200%; font-weight: 600; line-height: inherit; margin: 0px 10px; padding: 0px 0px; }

.background .headline { display:block; clear: both; padding-top: 0px; padding-bottom: 0px; transition: all 1s ease-in-out; }
.background .headline:hover { transition: all 1s ease-in-out; }
.background .subtitle { display:block; clear: both; padding-top: 0px; padding-bottom: 0px; color: inherit; font-size: 180%; font-weight: 400;transition: all 1s ease-in-out; }
.background .description { display:inline-block; color: inherit; max-width: 600px; clear: both; padding-top: 10px; padding-bottom: 10px; transition: all 1s ease-in-out; }

 
/* Typ - Liste */

.liste { display:block; position:relative; margin: 0px auto  0px auto; padding: 0px; }

.liste .media-box { display:block; position:relative; line-height:0; }
.liste .media-icon { display:block; font-size: 180%; margin: auto; position:relative; line-height:0; }

.liste ul { margin: 0px 0px  0px 0px; padding: 0px 0px 0px 0px; }
.liste li { list-style:none; margin: 0px 0px 0px 0px; }
.liste a { color: inherit; }
.liste a:hover { color: rgba(227, 0, 11, 1); transition: all 1s ease-in-out; }

.liste .thumbnail { display: block; position:relative; background-size:cover; margin: 0px; padding: 0px; line-height: 1; background-color: inherit; border: inherit; border-radius: ;-webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

.liste .caption { display:block; position:relative; line-height:1; }
.liste .caption:hover {  }

.liste .wrapper { display: block; position:relative; background-size:cover; }
.liste .picture { display: table-cell; position:relative; width: auto; max-height: 120px; max-width: 320px; overflow: hidden; }
.liste .picture .image { display: inline-block; position:relative; }
.liste .headline  { display: block; color:inherit; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; overflow: hidden; }
.liste .description  { display:block;background-color:rgba(255, 255, 255, 0);font-size:100%; color: inherit; font-weight: 400; line-height:1.3em; margin: 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: 0px solid rgba(255, 255, 255, 0.25); border-bottom: 0px solid rgba(122, 181, 29,0.25);}
.liste .description:hover { }
.liste .copyright  { display:block; color:rgba(0, 0, 0, 0.5); font-weight: 100; line-height: inherit; margin: 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: 0px solid rgba(255, 255, 255, 0.25); border-bottom: 0px solid rgba(122, 181, 29,0.25);}

.liste .optionbox  { display: block; text-align: right; }
.liste .btn { background-color: rgba(100, 100, 100, 0.2); }
.liste .btn:hover { background-color: rgba(227, 0, 11, 1); color: rgba(255, 255, 255, 0.75); }
.liste .link { display:block; color: inherit; font-weight: 100; line-height: inherit; margin: 0px 0px 0px; padding: 0px 0px 0px 0px;}
.liste .downloadbutton { position: absolute; top: 5px; right: 10px; display:block; color:rgba(0, 0, 0, 0.5); font-weight: 100; line-height: inherit; margin: 0px 0px 0px; padding: 0px 0px 0px 0px;}
.liste .metainfos span  { display: none; font-size:90%; margin: 0px 5px 5px 0px; padding: 0px 0px 0px 0px; }


 /* Option - Bar */
.pageoption .icon { display:inline-block; position:relative; font-size: 180%; line-height: 1; color: rgba(227, 0, 11,1); margin: 0px 0px; padding: 0px; border-left: 0px solid rgba(0, 54, 103, 0.25); }
.pageoption .icon a { display:inline-block; position:relative; color: rgba(112, 113, 115, 1); margin: 0px 0px; padding: 10px 15px;}
.pageoption .icon a:hover { color: rgba(227, 0, 11, 1); }

.socialoption .icon { display:inline-block; position:relative; font-size: 180%; line-height: 1; color: rgba(227, 0, 11,1); margin: 0px 0px; padding: 0px; border-left: 0px solid rgba(0, 54, 103, 0.25); }
.socialoption .icon a { display:inline-block; position:relative; color: rgba(0, 54, 103,1); margin: 0px 0px; padding: 10px 15px;}
.socialoption .icon a:hover { color: rgba(227, 0, 11, 1); }


 /* Typ - Ausbildung */
.ausbildung {  }

 /* Typ - Job */
.jobs { background-color: rgba(227, 0, 11, 0.0);display: block;position: fixed;width: 100%;height: 100%;z-index: -1; }

.job-bar .icon { display:inline-block; position:relative; font-size: 180%; line-height: 1; color: rgba(227, 0, 11,1); margin: 0px 0px; padding: 0px; border-right: 1px solid rgba(227, 0, 11, 1); }
.job-bar .icon a { display:inline-block; position:relative; color: rgba(227, 0, 11,1); margin: 0px 0px; padding: 8px 20px;}
.job-bar .icon a:hover { color: rgba(227, 0, 11, 1); }


.jobtitle { display:block; font-size:320%; margin: 0px 0 0px 0; padding: 0px 0px 10px 0px; font-weight: 600; color:rgba(227, 0, 11, 1); text-shadow: 0px 0px 30px rgba(255, 255, 255, 1); }
@media only screen and (max-width: 767px) { .jobtitle { font-size: 180%; font-weight: 700; } }
@media only screen and (max-width: 320px) { .jobtitle { font-size: 160%; font-weight: 700; } }

.jobID { display:block; position:relative; font-size: 100%; color: rgba(112, 113, 115, 1); margin: 0px auto  0px auto; padding: 0px 0px 0px 0px;}
.jobsubtitle { display:block; position:relative; font-size: 180%; color: rgba(227, 0, 11,1); margin: 0px auto  0px auto; padding: 10px 0;}
.jobdescription { display:block; position:relative; font-size: 180%;  margin: 0px auto  0px auto; padding: 0px 0px 0px 0px;}
@media only screen and (max-width: 767px) { .jobsubtitle { font-size: 130%; } .jobdescription { font-size: 130%; } }
@media only screen and (max-width: 320px) { .jobsubtitle { font-size: 110%; } .jobdescription { font-size: 110%; } }

/* Typ - Typ K */
.filter-typ-K { display:block; position:relative; background-color: rgba(100, 100, 100, 0.0); margin: 0px auto  0px auto; padding: 0px; }

.filter-categorie { display:block; margin: -1px -2px -1px -2px;}
.filter-categorie span { display:inline-block; margin: 1px 2px 1px 2px;}

.filter .media-box { display:block; position:relative; line-height:0; text-align:;}
.filter .media-icon { display:inline-block; font-size: 480%; margin: auto; position:relative; line-height:0; text-align:;}

.filter-sidebar { border-bottom: 0px solid rgba(227, 0, 11, 1); }
.filter-sorter { margin: 0px 0px 10px 0px; }


 /* Typ - filter-liste */
.filter-liste { display:block; color: rgba(0, 0, 0, 0.5); position:relative; margin: 0px auto  0px auto; padding: 0px;}
.filter-liste ul { margin: 0px 0px  0px 0px; padding: 0px 0px 0px 0px; }
.filter-liste li { list-style:none; }
.filter-liste a { color:rgba(227, 0, 11, 1); }
.filter-liste a:hover { color: rgba(227, 0, 11, 1); }

.filter-liste .filter-liste-header { display:block; position:relative; color:rgba(227, 0, 11, 1); font-size:120%; font-weight:700; line-height: 50px; margin: 0px auto  0px auto; padding: 0px;}
.filter-liste .inner { margin-bottom: 0px;  margin-top: 1px; padding-bottom: 0px; padding-top: 0px; }

.filter-liste .wrapper { background:rgba(255, 255, 255, 0.75); margin-bottom: 0px; padding: 15px 10px; border-bottom: 0px solid rgba(227, 0, 11, 1); min-height: 50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.filter-liste .wrapper:hover { background: rgba(255, 255, 255, 1); transition: all 1s ease-in-out; }

.filter-liste .image { display: block; margin: 10px 0px; padding: 0px 0px 0px 0px; }

.filter-liste .icon { display: block;font-size: 120%; font-weight: 600; text-align:center; margin: 0px 0px; padding:0px 0px 0px 0px; }
.filter-liste .pid { display:block;font-size: 80%; font-weight: 600; text-align:center; line-height: normal; margin: 0px 0px; padding:0px 0px 0px 0px;}
.filter-liste .headline { display: block; font-size: 120%; font-weight: 600;  }
.filter-liste .description { display: block; margin: 0px 0px; padding: 0px 0px 0px 0px; }
.filter-liste .metainfos { display:block; font-size: 90%; margin: 0px 0px; padding: 0px 0px 0px 0px; color: rgba(0, 0, 0, 0.5);}
.filter-liste .metainfos .filters, .filter-liste .metainfos .tags, .filter-liste .metainfos .keywords { display: inline-block; }
.filter-liste .metainfos .filters .filter, .filter-liste .metainfos .tags .tag, .filter-liste .metainfos .keywords .keyword { display: inline-block; margin: 0px 5px; color: inherit; }

.filter-liste .link { display:block; position:relative; margin: 0px  0px; padding: 0px 0px;}
.filter-liste .url { display: none;}
.filter-liste .date { display: none; color: inherit; font-size: 90%; font-weight:100; margin: 0px; padding: 0px 0px 0px 0px; }

@media only screen and (max-width: 767px) { .filter-liste .filter-liste-header { display: none; } .filter-liste .icon { display: inline-block; } .filter-liste .pid { display: inline-block; } .filter-liste .wrapper { margin: 0px 0px 1px 0px; padding: 10px 20px 10px 20px; border-bottom: 0px solid rgba(227, 0, 11, 1); min-height: 50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } }

@media only screen and (max-width: 767px) { .filter-liste .description { display: none; } }
@media only screen and (max-width: 320px) { .filter-liste .description { display: none; } }


 /* Typ - filter-block */

.filter-block { color: rgba(0, 0, 0, 0.75); }
.filter-block ul { margin: 0px 0px  0px 0px; padding: 0px 0px 0px 0px; }
.filter-block li { list-style:none; }
.filter-block a { color:rgba(227, 0, 11, 1); }
.filter-block a:hover { color: rgba(227, 0, 11, 1); }


.filter-block .wrapper { height: auto; min-height: 180px; overflow: hidden; background-color: rgba(255, 255, 255, 0.75); margin: 5px 5px; padding: 20px 20px; border-bottom: 0px solid rgba(227, 0, 11, 1); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.filter-block .wrapper:hover { background: rgba(255, 255, 255, 1); transition: all 1s ease-in-out; }

@media only screen and (max-width: 992px) { .filter-block .wrapper { min-height: 120px; } }
@media only screen and (max-width: 480px) { .filter-block .wrapper { min-height: 60px; } }

.filter-block .inner { padding: 20px 20px; border-bottom: 0px solid rgba(227, 0, 11, 1); }
.filter-block .inner:hover { background: rgba(255, 255, 255, 1); transition: all 1s ease-in-out; }

.filter-block .image { display: block; margin: 10px 0px; padding: 0px 0px 0px 0px; }

.filter-block .icon { display:inline-block;font-size: 90%; font-weight: 600; text-align:center; margin: 0px 0px; padding:0px 0px 0px 0px; color:rgba(227, 0, 11, 1);}
.filter-block .date { display: none;}
.filter-block .pid { display:inline-block;font-size: 90%; font-weight: 600; text-align:center; line-height: normal; margin: 0px 0px; padding:0px 10px 0px 10px; }
.filter-block .headline { display: block; font-size: 120%; font-weight: 600;  }
.filter-block .description { display: block; margin: 0px 0px; padding: 0px 0px 0px 0px; }
.filter-block .metainfos { display:block; color: rgba(0, 0, 0, 0.5); font-size: 90%; margin: 0px 0px; padding: 0px 0px 0px 0px;}
.filter-block .metainfos .filters, .filter-block .metainfos .tags, .filter-block .metainfos .keywords { display: inline-block; }
.filter-block .metainfos .filters .filter, .filter-block .metainfos .tags .tag, .filter-block .metainfos .keywords .keyword { display: inline-block; margin: 0px 5px; color: inherit; }

.filter-block .link { display:block; position:relative; margin: 0px  0px; padding: 0px 0px;}
.filter-block .url { display: none;}
.filter-block .datetime { display:inline-block; color: inherit; font-size: 90%; font-weight:100; margin: 0px; padding: 0px 0px 0px 0px; }


/*=======================================================================

	X-Form
 
 ========================================================================*/

.xform input[type=submit], .btn-theme { background-color:rgba(255, 255, 255, 1); color: rgba(227, 0, 11, 1); border-color:rgba(255, 255, 255, 1); }

.xform input[type=submit],
.xform input[type=submit]:focus,
.xform input[type=submit]:active,
.xform input[type=submit].active,
.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active,
.btn-theme.active,
.open .dropdown-toggle.btn-theme { color: rgba(255, 255, 255, 1); background-color: rgba(227, 0, 11, 1); border-color: rgba(227, 0, 11, 1); }

.btn { font-size: 100%; display:inline-block; padding: 5px 10px; line-height:inherit; border: 0px solid transparent; border-radius: 5px 5px 5px 5px; }
.btn-group-mid > .btn, .btn-mid { display: inline-block; padding: 10px 20px; font-size: 140%; line-height: inherit; border-radius: 5px 5px 5px 5px; }
.btn-group-lg > .btn, .btn-lg { display: inline-block; padding: 20px 30px; font-size: 180%; line-height: inherit; border-radius: 5px 5px 5px 5px; }
.btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.0); box-shadow: inset 0 3px 5px rgba(0,0,0,.0); }

@media only screen and (max-width: 992px) { .btn-group-mid > .btn, .btn-mid { font-size: 120%; }, .btn-group-lg > .btn, .btn-lg { font-size: 140%; } }
@media only screen and (max-width: 480px) { .btn-group-mid > .btn, .btn-mid { font-size: 110%; }, .btn-group-lg > .btn, .btn-lg { font-size: 120%; } }

.btn-kategorie { background-color: rgba(227, 0, 11, 1); font-size: 110% !important; font-weight: 600;color: rgba(239, 239, 239, 1); margin-right: 5px; margin-bottom: 5px; }
.btn-kategorie:hover { background-color: rgba(112, 113, 115, 1); color: rgba(255, 255, 255, 1); }
.btn-anker { display: inline-block; background-color: rgba(227, 0, 11, 1); color: rgba(239, 239, 239, 1); margin-right: 5px; margin-bottom: 5px; }
.btn-anker:hover { background-color: rgba(227, 0, 11, 1); color: rgba(255, 255, 255, 1); }
.btn-default { background-color: rgba(240, 240, 240, 1); color: rgba(0, 0, 0, 1); }
.btn-transparent { background-color: rgba(255, 255, 255, 0); }


.dmbutton:hover,
.dmbutton:active, .dmbutton:focus {
	color: #ffffff; background-color: #b2c85f; border-color: #ffffff; }

.dmbutton {
	background: rgba(0,0,0,0);
	border: 1px solid #ffffff;
	color: #ffffff;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding-top: 1.025rem;
	padding-right: 2.25rem;
	letter-spacing: 0.85px;
	padding-bottom: 1.0875rem;
	padding-left: 2.25rem;
	font-size: 1.55rem;
	cursor: pointer;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 1.25rem;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	-webkit-appearance: none;
	font-weight: normal !important;
}

.fullpicture {
	position: relative;
	background-color: #5b6d68;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: relative;
	background-position: center center;
	margin-top: 0px;
	padding-top: 60px;
	text-align: center;
	min-height: 400px;
	width: 100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 1;
}

.fullpicture .layer {
	background-color: #5b6d68;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	z-index: 1;
}

.fullpicture .container {
	position: relative;
	z-index: 3;
}
.fullpicture .centered {
	position: relative;
	z-index: 2;
}
.fullpicture i {
	font-size: 50px;
	color: white;
	margin-bottom: 25px;
}

.fullpicture p {
	color: white;
	font-size: 15px;
	line-height: 30px;
}

.fullpicture h4 { color: #bfc9d3; }

#cwrap {
	background: #f7f7f7;
	margin-top: 0px;
	padding-top: 80px;
	padding-bottom: 100px;
}

#cwrap h3 { margin-bottom: 60px; }

#sidenav_title {
	margin-top: 0;
}
.sidebar li a.rex-current {
	font-weight: bold;
}

#sidenav i { margin-right: 10px; }
#sidenav {
	padding-left: 0;
	list-style-type: none;
	padding-top: 20px;
	padding-bottom: 20px;
}

#sidenav li {
	padding: 2px 0;
}
#sidenav li a {
	text-transform: uppercase;
	font-weight: 500;
	color: #384452;
}

#sidenav li a:hover,
#sidenav li.active a { color: #b2c85f; }
#sidenav li.active li a { color: #384452; }
#sidenav li li a:hover, #sidenav li li.active a { color: #bfc9d3; }
#sidenav ul {
	margin-left: 15px;
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 15px;
}

#sidenav ul li a {
	text-transform: none;
	font-weight: 300;
	color: #384452;
}


.slider { position: relative; }
.slider .slides li { position: relative; }
.slider.small-controls .flex-direction-nav a { margin-top: -20px; }
.slider.small-controls .flex-control-nav { display: none; }
.hero-slider { padding: 0px; position: fixed; width: 100%; z-index: -1; }
.hero-slider .flex-direction-nav { *height: 0; display: none; }

.hero-slider .slide-content { display: none; }

.hero-slider .slides { overflow: hidden; }
.hero-slider .slides li {
	height: 650px;
	position: relative;
	background-size: cover !important;
}

.hero-slider .slides li .row {
	position: relative;
	z-index: 2;
}

.hero-slider .slides li h3 { font-size: 30px; }
.hero-slider .slides li h2 {
	line-height: 1;
	margin-bottom: 33px;
	padding-bottom: 7px;
}

.hero-slider .slides li h1 {
	line-height: 1;
	font-size: 60px;
	margin-bottom: 33px;
}

.work-slider { margin-top: 28px; }
.work-slider .slides li { height: 400px; }
.slides li .fadeUp { opacity: 0; }
.slides li {
	position: relative;
	color: #fff;
}

.slides li p, .slides li a { color: #fff; }
.slides li .slide-content {
	position: relative;
	z-index: 3;
}

.slides li .overlay {
	background-color: #000;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.4;
	z-index: 2;
}

.slides li .btn-theme {
	border: none;
	background-color: #b2c85f;
	color: #384452;
}

.slides li .btn-theme:hover, .slides li .btn-theme:focus, .slides li .btn-theme:active, .slides li .btn-theme.active {
	background-color: #384452;
	color: #fff;
}

.hero-slider .slides li .slide-content img { max-height: 500px; }
.hero-slider .flex-direction-nav a {
	height: 50px;
	width: 50px;
	font-size: 0;
	line-height: 25px;
	border: 0;
}

.hero-slider .flex-direction-nav a:before {
	position: absolute;
	font-size: 36px;
	display: block;
	top: 10px;
	left: 20px !important;
	right: auto !important;
}

.hero-slider .flex-direction-nav a.flex-prev:before { left: 20px !important; }
@media all and (max-width: 1100px) {
	.hero-slider .slides li .slide-content img { max-height: 300px; }
}

.background-breathe {
	-webkit-animation: burnsIn 16s ease infinite alternate;
	-moz-animation: burnsIn 16s ease infinite alternate;
	animation: burnsIn 16s ease infinite alternate;
}

.background-breathe .slide-content {
	-webkit-animation: burnsOut 16s ease infinite alternate;
	animation: burnsOut 16s ease infinite alternate;
	-moz-animation: burnsOut 16s ease infinite alternate;
	position: relative;
	top: 30px;
}

@-webkit-keyframes burnsIn {
	from {
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		-ms-transform: scale(1,1);
	}

	to {
		-webkit-transform: scale(1.2,1.2);
		transform: scale(1.2,1.2);
		-ms-transform: scale(1.2,1.2);
	}

}

@-webkit-keyframes burnsOut {
	from {
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		-ms-transform: scale(1,1);
	}

	to {
		-webkit-transform: scale(0.8,0.8);
		transform: scale(0.8,0.8);
		-ms-transform: scale(0.8,0.8);
	}

}

@-moz-keyframes burnsIn {
	from {
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		-ms-transform: scale(1,1);
	}

	to {
		-webkit-transform: scale(1.2,1.2);
		transform: scale(1.2,1.2);
		-ms-transform: scale(1.2,1.2);
	}

}

@-moz-keyframes burnsOut {
	from {
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		-ms-transform: scale(1,1);
	}

	to {
		-webkit-transform: scale(0.8,0.8);
		transform: scale(0.8,0.8);
		-ms-transform: scale(0.8,0.8);
	}

}

@keyframes burnsIn {
	from {
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		-ms-transform: scale(1,1);
	}

	to {
		-webkit-transform: scale(1.2,1.2);
		transform: scale(1.2,1.2);
		-ms-transform: scale(1.2,1.2);
	}

}

@keyframes burnsOut {
	from {
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
		-ms-transform: scale(1,1);
	}

	to {
		-webkit-transform: scale(0.8,0.8);
		transform: scale(0.8,0.8);
		-ms-transform: scale(0.8,0.8);
	}

}

#headerpic {
	position: relative;
	background: #b2c85f;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: relative;
	background-position: center center;
	margin-top: 60px;
	margin-bottom: 60px;
	padding-top: 100px;
	padding-bottom: 100px;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 1;
}

#headerpic .layer {
	background-color: #b2c85f;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.2;
	z-index: 2;
}

#headerpic h3 {
	position: relative;
	text-transform: uppercase;
	z-index: 3;
	color: white;
	display: inline;
	font-weight: 300;
	letter-spacing: 0.3em;
	border-bottom: 2px solid #fff;
}

.ctitle {
	color: #b2c85f;
	font-weight: 700;
	margin-bottom: 15px;
}

csmall {
	font-size: 12px;
	color: #b3b3b3;
}

csmall2 {
	font-size: 12px;
	color: #f39c12;
}

.spacing {
	margin-top: 40px;
	margin-bottom: 40px;
}

.badge-theme { background: #b2c85f; }

.pictext h2,
.pictext h3 {
	margin-bottom: 25px;
}
.pictext img {
	border: 1px solid #ccc;
}

.downloads i.fa {
	margin-right: 10px;
	font-size: 18px;
	position: relative;
	top: 2px;
}

downloads a i.fa { color: #5b6d68; }
downloads a:hover i.fa { color: #b2c85f; }
#contactwrap {
	margin-top: -60px;
	padding-top: 0px;
	text-align: center;
	background-attachment: relative;
	background-position: center center;
	min-height: 400px;
	width: 100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.comments {
	padding-top: 10px;
	margin-top: 50px;
	border-top: 2px solid #bfc9d3;
}

.comments h2 {
	font-size: 24px;
	padding-bottom: 30px;
}

#commentList li {
	margin-top: 30px;
	margin-bottom: 30px;
}

#commentList li::after {
	content: '';
	display: block;
	background: #bfc9d3;
	width: 100%;
	height: 1px;
	margin-left: -20px;
}

.board h1 { font-size: 24px; }
.board h2 { font-size: 20px; }

.parallax {
	-webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    overflow: hidden !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}

.board table h2 {
	margin-top: 0;
	font-size: 18px;
}

.accordion .title {
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.accordion .content {
	max-height: 0;
	overflow: hidden;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
}

.accordion li.active .content { max-height: 400px; }
.accordion p:last-child { margin-bottom: 0; }
.accordion-1 li { margin-bottom: 10px; display: block !important; }
.accordion-1 li:last-child { margin-bottom: 0; }
.accordion-1 .title {
	background: #f5f5f5;
	padding: 13px 23px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

.bg-secondary .accordion-1 .title { background: #2d4f6d; }
.bg-secondary .accordion-1 .title:hover { background: #2d4f6d; }
.accordion-1 .title span {
	font-size: 100%;
	line-height: 24px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
}

.accordion-1 .active .title {
	background: #2d4f6d;
	color: #fff;
}

.accordion-1 .content {
	border: 1px solid #eee;
	border-top: none;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	opacity: 0;
}

.accordion-1 .content p { padding: 13px; }
.accordion-1 .active .content {
	opacity: 1;
	transform: translate3d(0,0px,0);
	-webkit-transform: translate3d(0,0px,0);
	-moz-transform: translate3d(0,0px,0);
}

.accordion-1 .title:hover {
	color: #2d4f6d;
	background: #dce7f0;
}

.accordion-1 .active .title:hover {
	color: #fff;
	background: #3c6991;
}

.accordion-2 li {
	display: block !important;
}
.accordion-2 .title {
	font-size: 16px;
	font-weight: 500;
	padding: 16px 0;
	border-bottom: 1px solid #ccc;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	opacity: .7;
}

.accordion-2 .title:before {
	content: "\f067";
	font-family: 'FontAwesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 10px;
	margin-right: 10px;
}

.accordion-2 .active .title {
	opacity: 1;
	color: #2d4f6d;
}

.accordion-2 .active .title:before { content: '\f068'; }
.accordion-2 .content p,
.accordion-2 .content ul,
.accordion-2 .content ol { padding: 16px 0; }
.accordion-2 .title:hover {
	opacity: 1;
	color: #2d4f6d;
}

.tabs {
	overflow: hidden;
}
.tabs ul.tabs {
	padding-top: 20px;
}
.tabs ul.tabs,
.tabs ul.content {
	padding-left: 0;
}
.tabs li {
	display: inline-block;
	cursor: pointer;
}

.tabs.thirds { width: 100%; }
.tabs.thirds li { width: 33.3333333%; }
.tabs.thirds .tab-title { width: 100%; }
.button-tabs .tabs {
	display: inline-block;
	overflow: hidden;
}

.button-tabs .tabs > li {
	margin-bottom: 8px;
	float: left;
}

.button-tabs .tabs > li:last-child { margin-right: 0; }
.button-tabs .tab-title {
	padding: 13px;
	display: inline-block;
	text-align: center;
	min-width: 150px;
	background: #E0E4E6;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

.bg-secondary .button-tabs .tab-title { background: #eee; }
.button-tabs .tab-title span {
	font-family: inherit;
	font-size: 12px;
	line-height: 24px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
}

.button-tabs .active .tab-title {
	background: #2d4f6d;
	color: #fff;
}

.button-tabs .tab-title:hover { background: #C7D2D8; }
.button-tabs .active .tab-title:hover { background: #2d4f6d; }
.button-tabs.vertical { overflow: hidden; }
.button-tabs.vertical > .tabs {
	width: 30%;
	float: left;
}

.button-tabs.vertical > .content {
	padding-left: 3%;
	width: 70%;
	float: right;
}

.button-tabs.vertical > .tabs li, .button-tabs.vertical .tab-title { width: 100%; }
.button-tabs.vertical > .tabs li { margin-bottom: 10px; }
.bg-dark .button-tabs .tab-title span { color: #222; }
@media all and (max-width: 767px) {
	.button-tabs .tabs li {
		width: 49%;
		margin-bottom: 15px;
	}

	.button-tabs.vertical .tabs, .button-tabs.vertical .content {
		max-width: 100%;
		width: 100%;
		padding-left: 0;
	}

}

.tabbed-content .content > li {
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	display: none;
}

.tabbed-content .content .active {
	opacity: 1;
	visibility: visible;
	display: block;
}

.text-tabs .tabs {
	padding-bottom: 16px;
	border-bottom: 1px solid #ccc;
	overflow: visible;
}

.text-tabs.no-border .tabs { border-bottom: none; }
.text-tabs .tab-title {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	padding: 0 24px;
	opacity: 0.5;
	position: relative;
}

.text-tabs .tab-title span {
	font-family: inherit;
	font-size: 12px;
	line-height: 24px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
}

.text-tabs .tab-title:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: #91a05c;
	bottom: 10px;
	opacity: 0;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	bottom: -17px;
	left: 0;
}

.text-tabs .active .tab-title {
	opacity: 1;
	color: #2d4f6d;
}

.bg-primary .text-tabs .tab-title:after { background: #2d4f6d; }
.text-tabs .active .tab-title:after { opacity: 1; }
.text-tabs .tab-title:hover { opacity: 1; }
@media all and (max-width: 767px) {
	.text-tabs .tabs { padding-bottom: 0; }
	.text-tabs .tabs li {
		width: 49%;
		margin-bottom: 15px;
	}

	.text-tabs .tab-title:after { display: none; }
	.text-tabs:not(.text-center) .tabs li:first-child .tab-title { padding-left: 24px; }
}

.icon-tabs .tabs li {
	width: 24.5%;
	margin-bottom: 24px;
}

.icon-tabs .tab-title {
	text-align: center;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	opacity: .5;
}

.icon-tabs .tab-title:hover { opacity: 1; }
.icon-tabs .active .tab-title {
	color: #91a05c;
	opacity: 1;
}

.icon-tabs .active .tab-title i { color: #91a05c; }
.image-bg .icon-tabs .active .tab-title i { color: #fff; }
.icon-tabs .tab-title i {
	display: block;
	margin-bottom: 16px;
}

.icon-tabs .tab-title span {
	font-size: 100%;
	line-height: 24px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
}


/* FILTER Controls 
---------------------------------------------------------------------- */

.controls { background-color: rgba(240, 240, 240, 1); padding: 10px 10px; font-size: 90%; }

.controls h4 { padding: 10px 0px 0px 0px; background: transparent; }

.controls .filter-box { display: inline-block; padding: 10px 10px 10px 10px; background: transparent; }
.controls .tag-box { display: inline-block; padding: 10px 10px 10px 10px; background: transparent; }
.controls .keyword-box { display: inline-block; padding: 10px 10px 10px 10px; background: transparent; }

.control { position: relative; z-index: 1; display: inline-block; color: rgba(227, 0, 11, 1); width: auto; height: auto; background: rgba(255, 255, 255, 0.5); cursor: pointer; padding: 2px 5px 4px 5px; margin: 3px 3px 0px 0px; font-weight: 500; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; background-image: none; border: 1px solid transparent; border-radius: 4px;transition: background 150ms; }
.control:hover { background: ; }
.control[data-sort]:after { content: ''; position: absolute; width: 10px; height: 10px; border-top: 0px solid; border-left: 0px solid; top: calc(50% - 6px); left: calc(50% - 6px); transform:  translateY(1px) rotate(45deg); }
.control[data-sort*=":desc"]:after { transform:  translateY(-4px) rotate(-135deg); }

.mixitup-control-active { background: rgba(227, 0, 11, 1); color: rgba(255, 255, 255, 1);}
.mixitup-control-active[data-filter]:after { background: transparent; }
.control:first-of-type {  }
.control:last-of-type {  }


.controls .filter-box { display: block; font-weight: 500; color: rgba(227, 0, 11, 1); }
.controls .filter-box .filter { display: inline-block; font-weight: 500; color: rgba(252,252,252,1.00); position: relative; top: 0px; }
.controls .filter-box input[type="checkbox"] { display: none; position: relative; top: 0px; }
.controls .filter-box input[type="radio"] { display: none; position: relative; top: 0px; }
.controls .filter-box input[type="radio"]:checked + label { background-color: rgba(227, 0, 11, 1); color: rgba(255, 255, 255, 0.5); }


.btn-count { display: inline-block; padding: 4px 9px; margin-bottom: 0; font-size: 90%; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; background-image: none; border: 1px solid transparent; border-radius: 4px; }

/* Container
---------------------------------------------------------------------- */
.mixcontainer { padding: 0px; font-size: 100%; }
.mixcontainer:after { content: ''; display: inline-block; width: 100%; }
.mixcontainer .fail-message { display: none; }
.mixitup-container-failed .fail-message { display: block; }

/* Target Elements
---------------------------------------------------------------------- */

.mix { position: relative; overflow: hidden; background-color: rgba(252, 252, 252, 0.0); font-size: 100%; margin-bottom: 10px;}
/*  
.mix, .gap { display: inline-block; vertical-align: top; }
.mix:before { content: ''; display: inline-block; padding-top: 20px; }
.mix[data-published-date]:after { position: absolute; content: attr(data-published-date); padding: 10px; width: 100%; top: 0; left: 0; }
 */

/* Grid Breakpoints

/* 2 Columns 
.mix, .gap { width: calc(100%/2 - (((2 - 1) * 10px) / 2)); }

/* 3 Columns 
@media screen and (min-width: 541px) { .mix, .gap { width: calc(100%/3 - (((3 - 1) * 10px) / 3)); } }

/* 4 Columns 
@media screen and (min-width: 961px) { .mix, .gap { width: calc(100%/4 - (((4 - 1) * 10px) / 4)); } }

/* 6 Columns 
@media screen and (min-width: 1681px) { .mix, .gap { width: calc(100%/6 - (((6 - 1) * 10px) / 6)); } }

*/


/* Carousel
---------------------------------------------------------------------- */
.carousel-control.left { background-image: none !important; background-repeat: no-repeat;}
.carousel-control.right { background-image: none !important; background-repeat: no-repeat;}

.carousel-control { top: 20%; bottom: 20%; }

/* fade on slider */
.carousel-indicators { bottom: 0; }
.carousel-indicators li { display: inline-block; margin: 3px !important; }
.carousel-control.right, .carousel-control.left { background-image: none; }

/* Caption */
.carousel-caption h3, .carousel .icon-container, .carousel-caption button { background-color: rgba(255, 106, 0, 0.78); border: none; }
.carousel-caption h3 { padding: .5em; }
.carousel .icon-container { display: inline-block; font-size: 25px; line-height: 25px; padding: 1em; text-align: center; border-radius: 50%; }
.carousel-caption button { margin-top: 1em; }
/* End Caption */

/* Animation delays */
.carousel-caption h3:first-child { animation-delay: 1s;}
.carousel-caption h3:nth-child(2) { animation-delay: 2s; }
.carousel-caption button { animation-delay: 3s; }

/* Bootstrap Carousel to Fade instead of slide */
.carousel-inner { position: relative; width: 100%; overflow: hidden !important; }
.carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; overflow: inherit; }
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 2; }

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}