/* moved by compressor */
@import url(https://fonts.googleapis.com/css?family=Slabo+27px);
/* moved by compressor */
/* default styles for extension "tx_indexedsearch" */
		.tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; }
		.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
		.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
		.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
		.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
		.tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
		.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:italic; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:red; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeee; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; }
		.tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
		.tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }

		/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
		.tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
		.tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }
		.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; }
		.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
		.tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
		.tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }
/* default styles for extension "tx_cssstyledcontent" */
	/* Headers */
	.csc-header-alignment-center { text-align: center; }
	.csc-header-alignment-right { text-align: right; }
	.csc-header-alignment-left { text-align: left; }

	div.csc-textpic-responsive, div.csc-textpic-responsive * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }

	/* Clear floats after csc-textpic and after csc-textpic-imagerow */
	div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li { overflow: hidden; }

	/* Set padding for tables */
	div.csc-textpic .csc-textpic-imagewrap table { border-collapse: collapse; border-spacing: 0; }
	div.csc-textpic .csc-textpic-imagewrap table tr td { padding: 0; vertical-align: top; }

	/* Settings for figure and figcaption (HTML5) */
	div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap { margin: 0; display: table; }

	/* Captions */
	figcaption.csc-textpic-caption { display: table-caption; }
	.csc-textpic-caption { text-align: left; caption-side: bottom; }
	div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c { text-align: center; }
	div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r { text-align: right; }
	div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l { text-align: left; }

	/* Float the columns */
	div.csc-textpic div.csc-textpic-imagecolumn { float: left; }

	/* Border just around the image */
	div.csc-textpic-border div.csc-textpic-imagewrap img {
		border: 0px solid black;
		padding: 0px 0px;
	}

	div.csc-textpic .csc-textpic-imagewrap img { border: none; display: block; }

	/* Space below each image (also in-between rows) */
	div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; }
	div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0; }

	/* colSpace around image columns, except for last column */
	div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 20px; }
	div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image { margin-right: 0; }

	/* Add margin from image-block to text (in case of "Text & Images") */
	div.csc-textpic-intext-left .csc-textpic-imagewrap,
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
		margin-right: 20px;
	}
	div.csc-textpic-intext-right .csc-textpic-imagewrap,
	div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
		margin-left: 20px;
	}

	/* Positioning of images: */

	/* Center (above or below) */
	div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap { overflow: hidden; }
	div.csc-textpic-center .csc-textpic-center-outer { position: relative; float: right; right: 50%; }
	div.csc-textpic-center .csc-textpic-center-inner { position: relative; float: right; right: -50%; }

	/* Right (above or below) */
	div.csc-textpic-right .csc-textpic-imagewrap { float: right; }
	div.csc-textpic-right div.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	div.csc-textpic-left .csc-textpic-imagewrap { float: left; }
	div.csc-textpic-left div.csc-textpic-text { clear: left; }

	/* Left (in text) */
	div.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	div.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; }

	/* Left (in text, no wrap around) */
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; }

	div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last { margin-bottom: 0; }

	/* Browser fixes: */

	/* Fix for unordered and ordered list with image "In text, left" */
	.csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; }

	/* File Links */
	ul.csc-uploads { padding: 0; }
	ul.csc-uploads li { list-style: none outside none; margin: 1em 0; }
	ul.csc-uploads img { float: left; margin-right: 1em; vertical-align: top; }
	ul.csc-uploads span { display: block; }
	ul.csc-uploads span.csc-uploads-fileName { text-decoration: underline; }

	/* Table background colors: */

	table.contenttable-color-1 { background-color: #EDEBF1; }
	table.contenttable-color-2 { background-color: #F5FFAA; }
	table.contenttable-color-240 { background-color: black; }
	table.contenttable-color-241 { background-color: white; }
	table.contenttable-color-242 { background-color: #333333; }
	table.contenttable-color-243 { background-color: gray; }
	table.contenttable-color-244 { background-color: silver; }
/* default styles for extension "tx_form" */
		div.csc-mailform ol,
		div.csc-mailform ol li {
			margin: 0;
			padding: 0;
		}

		div.csc-mailform ol li {
			overflow: hidden;
		}

		div.csc-mailform fieldset {
			margin: 0;
			padding: 0;
			position: relative;
		}

		div.csc-mailform legend {
			margin-left: 1em;
			color: #000000;
			font-weight: bold;
		}

		div.csc-mailform fieldset ol {
			padding: 1em 1em 0 1em;
		}

		div.csc-mailform fieldset li {
			padding: 0.5em;
			margin-bottom: 0.5em;
			list-style: none;
		}

		div.csc-mailform fieldset.submit {
			border-style: none;
		}

		/**
		 * Normal label
		 * Left aligned, in front of input
		 */
		div.csc-mailform li label {
			float: left;
			width: 13em;
			margin-right: 1em;
			vertical-align: baseline;
		}

		div.csc-mailform li input + label,
		div.csc-mailform li textarea + label,
		div.csc-mailform li select + label {
			float: none;
			width: auto;
			margin-right: 0;
			margin-left: 1em;
		}

		div.csc-mailform li textarea + label {
			vertical-align: top;
		}

		label em,
		legend em {
			display: block;
			color: #060;
			font-size: 85%;
			font-style: normal;
			text-transform: uppercase;
		}

		legend em {
			position: absolute;
		}

		label strong,
		legend strong {
			display: block;
			color: #C00;
			font-size: 85%;
			font-weight: normal;
			text-transform: uppercase;
		}

		legend strong {
			position: absolute;
			top: 1.4em;
		}

		/**
		 * Labels alignment right
		 */
		.labels-alignment-right label,
		.labels-alignment-right .fieldset-subgroup legend,
		.labels-alignment-right.fieldset-subgroup legend {
			text-align: right;
		}

		/**
		 * Horizontal fieldset
		 */
		fieldset.fieldset-horizontal {
			border-width: 0;
		}

		fieldset.fieldset-horizontal ol {
			padding: 0;
		}

		fieldset.fieldset-horizontal li {
			float: left;
			padding: 0;
			margin-right: 1em;
		}

		fieldset.fieldset-horizontal.label-below label {
			display: block;
			margin-left: 0;
			margin-top: 0.2em;
			font-size: 90%;
			color: #999999;
			text-align: left;
		}

		fieldset.fieldset-horizontal label em {
			display: inline;
		}

		/**
		 * Subgroup fieldset
		 */
		fieldset.fieldset-subgroup {
			margin-bottom: -2em;
			border-style: none;
		}

		fieldset.fieldset-subgroup legend {
			margin-left: 0;
			padding: 0;
			font-weight: normal;
			width: 13em;
		}

		fieldset.fieldset-subgroup ol {
			position: relative;
			top: -1.4em;
			margin: 0 0 0 14em;
			padding: 0;
		}

		fieldset.fieldset-subgroup li {
			padding: 0;
		}

		fieldset.fieldset-subgroup input + label {
			float: none;
			width: auto;
			display: inline;
			margin: 0 0 0 1em;
		}

		/**
		 * Labels as block
		 * Labels displayed above or below the input fields
		 */
		.labels-block label {
			display: block;
			float: none;
			margin: 0 0 0.5em;
			width: auto;
		}

		.labels-block input + label,
		.labels-block textarea + label {
			margin: 0.5em 0 0;
		}

		.labels-block fieldset.fieldset-subgroup,
		fieldset.labels-block.fieldset-subgroup {
			margin-bottom: 0;
		}

		.labels-block .fieldset-subgroup legend,
		.labels-block.fieldset-subgroup legend {
			width: auto;
		}

		.labels-block .fieldset-subgroup legend em,
		.labels-block.fieldset-subgroup legend em {
			position: relative;
		}

		.labels-block .fieldset-subgroup legend strong,
		.labels-block.fieldset-subgroup legend strong {
			position: relative;
			top: 0;
		}

		.labels-block .fieldset-subgroup ol,
		.labels-block.fieldset-subgroup ol {
			top: 0;
			margin: 0;
			padding: 0.5em 0 0;
		}
/* default styles for extension "tx_felogin_pi1" */
		.tx-felogin-pi1 label {
			display: block;
		}
/* default styles for extension "tx_ttaddress_pi1" */
/* --- vcard --- */


/*
 * jQuery FlexSlider v2.6.1
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('../../typo3conf/ext/contentelements/Resources/Public/Css/fonts/flexslider-icon.eot');
  src: url('../../typo3conf/ext/contentelements/Resources/Public/Css/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../../typo3conf/ext/contentelements/Resources/Public/Css/fonts/flexslider-icon.woff') format('woff'), url('../../typo3conf/ext/contentelements/Resources/Public/Css/fonts/flexslider-icon.ttf') format('truetype'), url('../../typo3conf/ext/contentelements/Resources/Public/Css/fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}


/* --- hide loading gif and set bg color --- */

/* --- FLEXSIDER --- */
.flex-direction-nav a:before  {
	font-family: FontAwesome;
	font-size: 40px;
	line-height:1;
	display: inline-block;
	content: '\f104';
}
.flex-direction-nav a.flex-next:before  { content: '\f105'; }

/* Pause/Play */


.flexslider .slides img { height: auto; }
.flexslider .slides img.slider-img { height: auto; }

.flexslider .slides .caption-body img
{
	height: auto;
	width: auto;
}
.flexslider {
	margin: 0;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

.thRating-RObj1-exampleRatingConfig { width:119px; height:16px; }
.thRating-RObj1-exampleRatingConfig, .thRating-RObj1-exampleRatingConfig span:hover, .thRating-RObj1-exampleRatingConfig span:active, .thRating-RObj1-exampleRatingConfig span:focus, .thRating-RObj1-exampleRatingConfig .current-rating {	background:url(https://www.musikzentrale.com//typo3conf/ext/th_rating/Resources/Public/Css/rating_bar.png) 0 0 repeat-x;	}
.thRating-RObj1-exampleRatingConfig span, .thRating-RObj1-exampleRatingConfig .current-rating { height:16px; line-height:16px; }
.thRating-RObj1-exampleRatingConfig .current-poll {	background:url(https://www.musikzentrale.com//typo3conf/ext/th_rating/Resources/Public/Css/rating_bar.png);	}
.thRating-RObj1-stars { width:112px; height:16px; }
.thRating-RObj1-stars, .thRating-RObj1-stars span:hover, .thRating-RObj1-stars span:active, .thRating-RObj1-stars span:focus, .thRating-RObj1-stars .current-rating {	background:url(https://www.musikzentrale.com//typo3conf/ext/th_rating/Resources/Public/Css/stars.gif) 0 0 repeat-x;	}
.thRating-RObj1-stars span, .thRating-RObj1-stars .current-rating { height:16px; line-height:16px; }
.thRating-RObj1-stars .current-poll {	background:url(https://www.musikzentrale.com//typo3conf/ext/th_rating/Resources/Public/Css/stars.gif);	}
.thRating-RObj1-starsTilt { width:16px; height:112px; }
.thRating-RObj1-starsTilt, .thRating-RObj1-starsTilt span:hover, .thRating-RObj1-starsTilt span:active, .thRating-RObj1-starsTilt span:focus, .thRating-RObj1-starsTilt .current-rating {	background:url(https://www.musikzentrale.com//typo3conf/ext/th_rating/Resources/Public/Css/starsTilt.gif) right bottom repeat-y;	}
.thRating-RObj1-starsTilt span, .thRating-RObj1-starsTilt .current-rating { width:16px; }
.thRating-RObj1-starsTilt .current-poll {	background:url(https://www.musikzentrale.com//typo3conf/ext/th_rating/Resources/Public/Css/starsTilt.gif);	}
.thRating-RObj1-facesbartilt { width:24px; height:96px; }
.thRating-RObj1-facesbartilt, .thRating-RObj1-facesbartilt span:hover, .thRating-RObj1-facesbartilt span:active, .thRating-RObj1-facesbartilt span:focus, .thRating-RObj1-facesbartilt .current-rating {	background:url(https://www.musikzentrale.com//typo3conf/ext/th_rating/Resources/Public/Css/facesbarTilt.gif) right bottom repeat-y;	}
.thRating-RObj1-facesbartilt span, .thRating-RObj1-facesbartilt .current-rating { width:24px; }
.thRating-RObj1-facesbartilt .current-poll {	background:url(https://www.musikzentrale.com//typo3conf/ext/th_rating/Resources/Public/Css/facesbarTilt.gif);	}
.thRating-RObj1-barrating { width:119px; height:16px; }
.thRating-RObj1-barrating, .thRating-RObj1-barrating span:hover, .thRating-RObj1-barrating span:active, .thRating-RObj1-barrating span:focus, .thRating-RObj1-barrating .current-rating {	background:url(https://www.musikzentrale.com//typo3conf/ext/th_rating/Resources/Public/Css/rating_bar.png) 0 0 repeat-x;	}
.thRating-RObj1-barrating span, .thRating-RObj1-barrating .current-rating { height:16px; line-height:16px; }
.thRating-RObj1-barrating .current-poll {	background:url(https://www.musikzentrale.com//typo3conf/ext/th_rating/Resources/Public/Css/rating_bar.png);	}
.thRating-RObj1-smileyLikes { width:168px; height:24px; }
.thRating-RObj1-smileyLikes, .thRating-RObj1-smileyLikes span:hover, .thRating-RObj1-smileyLikes span:active, .thRating-RObj1-smileyLikes span:focus, .thRating-RObj1-smileyLikes .current-rating {	background:url(https://www.musikzentrale.com//typo3conf/ext/th_rating/Resources/Public/Css/smiley.gif) 0 0 repeat-x;	}
.thRating-RObj1-smileyLikes span, .thRating-RObj1-smileyLikes .current-rating { height:24px; line-height:24px; }
.thRating-RObj1-smileyLikes .current-poll {	background:url(https://www.musikzentrale.com//typo3conf/ext/th_rating/Resources/Public/Css/smiley.gif);	}
.thRating-RObj1-polling { width:266px; height:126px; }
.thRating-RObj1-polling, .thRating-RObj1-polling span:hover, .thRating-RObj1-polling span:active, .thRating-RObj1-polling span:focus, .thRating-RObj1-polling .current-rating {	background:url(https://www.musikzentrale.com//typo3conf/ext/th_rating/Resources/Public/Css/polling.png) 0 0 repeat-x;	}
.thRating-RObj1-polling span, .thRating-RObj1-polling .current-rating { height:126px; line-height:126px; }
.thRating-RObj1-polling .current-poll {	background:url(https://www.musikzentrale.com//typo3conf/ext/th_rating/Resources/Public/Css/polling.png);	}
span.RObj1-StpOdr1-ratingpoll-normal { width:14.3%; z-index:8; margin-left:0%;}
span.RObj1-StpOdr1-ratingpoll-tilt { height:14.3%; z-index:8; margin-bottom:0%; }
li.RObj1-StpOdr1-currentpoll-normal { width:14.3%; margin-left:0%; }
li.RObj1-StpOdr1-currentpoll-normal span { width:100%; }
li.RObj1-StpOdr1-currentpoll-tilt { height:14.3%; margin-bottom:0%; }
li.RObj1-StpOdr1-currentpoll-tilt span { height:100%; }
span.RObj1-StpOdr1-ratingstep-normal { width:14.3%; z-index:8; }
span.RObj1-StpOdr1-ratingstep-tilt { height:14.3%; z-index:8; }
span.RObj1-StpOdr2-ratingpoll-normal { width:14.3%; z-index:7; margin-left:14.3%;}
span.RObj1-StpOdr2-ratingpoll-tilt { height:14.3%; z-index:7; margin-bottom:14.3%; }
li.RObj1-StpOdr2-currentpoll-normal { width:14.3%; margin-left:14.3%; }
li.RObj1-StpOdr2-currentpoll-normal span { width:100%; }
li.RObj1-StpOdr2-currentpoll-tilt { height:14.3%; margin-bottom:14.3%; }
li.RObj1-StpOdr2-currentpoll-tilt span { height:100%; }
span.RObj1-StpOdr2-ratingstep-normal { width:28.6%; z-index:7; }
span.RObj1-StpOdr2-ratingstep-tilt { height:28.6%; z-index:7; }
span.RObj1-StpOdr3-ratingpoll-normal { width:14.3%; z-index:6; margin-left:28.6%;}
span.RObj1-StpOdr3-ratingpoll-tilt { height:14.3%; z-index:6; margin-bottom:28.6%; }
li.RObj1-StpOdr3-currentpoll-normal { width:14.3%; margin-left:28.6%; }
li.RObj1-StpOdr3-currentpoll-normal span { width:100%; }
li.RObj1-StpOdr3-currentpoll-tilt { height:14.3%; margin-bottom:28.6%; }
li.RObj1-StpOdr3-currentpoll-tilt span { height:100%; }
span.RObj1-StpOdr3-ratingstep-normal { width:42.9%; z-index:6; }
span.RObj1-StpOdr3-ratingstep-tilt { height:42.9%; z-index:6; }
span.RObj1-StpOdr4-ratingpoll-normal { width:14.3%; z-index:5; margin-left:42.9%;}
span.RObj1-StpOdr4-ratingpoll-tilt { height:14.3%; z-index:5; margin-bottom:42.9%; }
li.RObj1-StpOdr4-currentpoll-normal { width:14.3%; margin-left:42.9%; }
li.RObj1-StpOdr4-currentpoll-normal span { width:100%; }
li.RObj1-StpOdr4-currentpoll-tilt { height:14.3%; margin-bottom:42.9%; }
li.RObj1-StpOdr4-currentpoll-tilt span { height:100%; }
span.RObj1-StpOdr4-ratingstep-normal { width:57.1%; z-index:5; }
span.RObj1-StpOdr4-ratingstep-tilt { height:57.1%; z-index:5; }
span.RObj1-StpOdr5-ratingpoll-normal { width:14.3%; z-index:4; margin-left:57.1%;}
span.RObj1-StpOdr5-ratingpoll-tilt { height:14.3%; z-index:4; margin-bottom:57.1%; }
li.RObj1-StpOdr5-currentpoll-normal { width:14.3%; margin-left:57.1%; }
li.RObj1-StpOdr5-currentpoll-normal span { width:100%; }
li.RObj1-StpOdr5-currentpoll-tilt { height:14.3%; margin-bottom:57.1%; }
li.RObj1-StpOdr5-currentpoll-tilt span { height:100%; }
span.RObj1-StpOdr5-ratingstep-normal { width:71.4%; z-index:4; }
span.RObj1-StpOdr5-ratingstep-tilt { height:71.4%; z-index:4; }
span.RObj1-StpOdr6-ratingpoll-normal { width:14.3%; z-index:3; margin-left:71.4%;}
span.RObj1-StpOdr6-ratingpoll-tilt { height:14.3%; z-index:3; margin-bottom:71.4%; }
li.RObj1-StpOdr6-currentpoll-normal { width:14.3%; margin-left:71.4%; }
li.RObj1-StpOdr6-currentpoll-normal span { width:100%; }
li.RObj1-StpOdr6-currentpoll-tilt { height:14.3%; margin-bottom:71.4%; }
li.RObj1-StpOdr6-currentpoll-tilt span { height:100%; }
span.RObj1-StpOdr6-ratingstep-normal { width:85.7%; z-index:3; }
span.RObj1-StpOdr6-ratingstep-tilt { height:85.7%; z-index:3; }
span.RObj1-StpOdr7-ratingpoll-normal { width:14.3%; z-index:2; margin-left:85.7%;}
span.RObj1-StpOdr7-ratingpoll-tilt { height:14.3%; z-index:2; margin-bottom:85.7%; }
li.RObj1-StpOdr7-currentpoll-normal { width:14.3%; margin-left:85.7%; }
li.RObj1-StpOdr7-currentpoll-normal span { width:100%; }
li.RObj1-StpOdr7-currentpoll-tilt { height:14.3%; margin-bottom:85.7%; }
li.RObj1-StpOdr7-currentpoll-tilt span { height:100%; }
span.RObj1-StpOdr7-ratingstep-normal { width:100%; z-index:2; }
span.RObj1-StpOdr7-ratingstep-tilt { height:100%; z-index:2; }
.thRating-RObj2-exampleRatingConfig { width:119px; height:16px; }
.thRating-RObj2-exampleRatingConfig, .thRating-RObj2-exampleRatingConfig span:hover, .thRating-RObj2-exampleRatingConfig span:active, .thRating-RObj2-exampleRatingConfig span:focus, .thRating-RObj2-exampleRatingConfig .current-rating {	background:url(https://www.musikzentrale.com//typo3conf/ext/th_rating/Resources/Public/Css/rating_bar.png) 0 0 repeat-x;	}
.thRating-RObj2-exampleRatingConfig span, .thRating-RObj2-exampleRatingConfig .current-rating { height:16px; line-height:16px; }
.thRating-RObj2-exampleRatingConfig .current-poll {	background:url(https://www.musikzentrale.com//typo3conf/ext/th_rating/Resources/Public/Css/rating_bar.png);	}
.thRating-RObj2-stars { width:64px; height:16px; }
.thRating-RObj2-stars, .thRating-RObj2-stars span:hover, .thRating-RObj2-stars span:active, .thRating-RObj2-stars span:focus, .thRating-RObj2-stars .current-rating {	background:url(https://www.musikzentrale.com//typo3conf/ext/th_rating/Resources/Public/Css/stars.gif) 0 0 repeat-x;	}
.thRating-RObj2-stars span, .thRating-RObj2-stars .current-rating { height:16px; line-height:16px; }
.thRating-RObj2-stars .current-poll {	background:url(https://www.musikzentrale.com//typo3conf/ext/th_rating/Resources/Public/Css/stars.gif);	}
.thRating-RObj2-starsTilt { width:16px; height:64px; }
.thRating-RObj2-starsTilt, .thRating-RObj2-starsTilt span:hover, .thRating-RObj2-starsTilt span:active, .thRating-RObj2-starsTilt span:focus, .thRating-RObj2-starsTilt .current-rating {	background:url(https://www.musikzentrale.com//typo3conf/ext/th_rating/Resources/Public/Css/starsTilt.gif) right bottom repeat-y;	}
.thRating-RObj2-starsTilt span, .thRating-RObj2-starsTilt .current-rating { width:16px; }
.thRating-RObj2-starsTilt .current-poll {	background:url(https://www.musikzentrale.com//typo3conf/ext/th_rating/Resources/Public/Css/starsTilt.gif);	}
.thRating-RObj2-facesbartilt { width:24px; height:96px; }
.thRating-RObj2-facesbartilt, .thRating-RObj2-facesbartilt span:hover, .thRating-RObj2-facesbartilt span:active, .thRating-RObj2-facesbartilt span:focus, .thRating-RObj2-facesbartilt .current-rating {	background:url(https://www.musikzentrale.com//typo3conf/ext/th_rating/Resources/Public/Css/facesbarTilt.gif) right bottom repeat-y;	}
.thRating-RObj2-facesbartilt span, .thRating-RObj2-facesbartilt .current-rating { width:24px; }
.thRating-RObj2-facesbartilt .current-poll {	background:url(https://www.musikzentrale.com//typo3conf/ext/th_rating/Resources/Public/Css/facesbarTilt.gif);	}
.thRating-RObj2-barrating { width:119px; height:16px; }
.thRating-RObj2-barrating, .thRating-RObj2-barrating span:hover, .thRating-RObj2-barrating span:active, .thRating-RObj2-barrating span:focus, .thRating-RObj2-barrating .current-rating {	background:url(https://www.musikzentrale.com//typo3conf/ext/th_rating/Resources/Public/Css/rating_bar.png) 0 0 repeat-x;	}
.thRating-RObj2-barrating span, .thRating-RObj2-barrating .current-rating { height:16px; line-height:16px; }
.thRating-RObj2-barrating .current-poll {	background:url(https://www.musikzentrale.com//typo3conf/ext/th_rating/Resources/Public/Css/rating_bar.png);	}
.thRating-RObj2-smileyLikes { width:96px; height:24px; }
.thRating-RObj2-smileyLikes, .thRating-RObj2-smileyLikes span:hover, .thRating-RObj2-smileyLikes span:active, .thRating-RObj2-smileyLikes span:focus, .thRating-RObj2-smileyLikes .current-rating {	background:url(https://www.musikzentrale.com//typo3conf/ext/th_rating/Resources/Public/Css/smiley.gif) 0 0 repeat-x;	}
.thRating-RObj2-smileyLikes span, .thRating-RObj2-smileyLikes .current-rating { height:24px; line-height:24px; }
.thRating-RObj2-smileyLikes .current-poll {	background:url(https://www.musikzentrale.com//typo3conf/ext/th_rating/Resources/Public/Css/smiley.gif);	}
.thRating-RObj2-polling { width:152px; height:126px; }
.thRating-RObj2-polling, .thRating-RObj2-polling span:hover, .thRating-RObj2-polling span:active, .thRating-RObj2-polling span:focus, .thRating-RObj2-polling .current-rating {	background:url(https://www.musikzentrale.com//typo3conf/ext/th_rating/Resources/Public/Css/polling.png) 0 0 repeat-x;	}
.thRating-RObj2-polling span, .thRating-RObj2-polling .current-rating { height:126px; line-height:126px; }
.thRating-RObj2-polling .current-poll {	background:url(https://www.musikzentrale.com//typo3conf/ext/th_rating/Resources/Public/Css/polling.png);	}
span.RObj2-StpOdr1-ratingpoll-normal { width:25%; z-index:5; margin-left:0%;}
span.RObj2-StpOdr1-ratingpoll-tilt { height:25%; z-index:5; margin-bottom:0%; }
li.RObj2-StpOdr1-currentpoll-normal { width:25%; margin-left:0%; }
li.RObj2-StpOdr1-currentpoll-normal span { width:100%; }
li.RObj2-StpOdr1-currentpoll-tilt { height:25%; margin-bottom:0%; }
li.RObj2-StpOdr1-currentpoll-tilt span { height:100%; }
span.RObj2-StpOdr1-ratingstep-normal { width:25%; z-index:5; }
span.RObj2-StpOdr1-ratingstep-tilt { height:25%; z-index:5; }
span.RObj2-StpOdr2-ratingpoll-normal { width:25%; z-index:4; margin-left:25%;}
span.RObj2-StpOdr2-ratingpoll-tilt { height:25%; z-index:4; margin-bottom:25%; }
li.RObj2-StpOdr2-currentpoll-normal { width:25%; margin-left:25%; }
li.RObj2-StpOdr2-currentpoll-normal span { width:100%; }
li.RObj2-StpOdr2-currentpoll-tilt { height:25%; margin-bottom:25%; }
li.RObj2-StpOdr2-currentpoll-tilt span { height:100%; }
span.RObj2-StpOdr2-ratingstep-normal { width:50%; z-index:4; }
span.RObj2-StpOdr2-ratingstep-tilt { height:50%; z-index:4; }
span.RObj2-StpOdr3-ratingpoll-normal { width:25%; z-index:3; margin-left:50%;}
span.RObj2-StpOdr3-ratingpoll-tilt { height:25%; z-index:3; margin-bottom:50%; }
li.RObj2-StpOdr3-currentpoll-normal { width:25%; margin-left:50%; }
li.RObj2-StpOdr3-currentpoll-normal span { width:100%; }
li.RObj2-StpOdr3-currentpoll-tilt { height:25%; margin-bottom:50%; }
li.RObj2-StpOdr3-currentpoll-tilt span { height:100%; }
span.RObj2-StpOdr3-ratingstep-normal { width:75%; z-index:3; }
span.RObj2-StpOdr3-ratingstep-tilt { height:75%; z-index:3; }
span.RObj2-StpOdr4-ratingpoll-normal { width:25%; z-index:2; margin-left:75%;}
span.RObj2-StpOdr4-ratingpoll-tilt { height:25%; z-index:2; margin-bottom:75%; }
li.RObj2-StpOdr4-currentpoll-normal { width:25%; margin-left:75%; }
li.RObj2-StpOdr4-currentpoll-normal span { width:100%; }
li.RObj2-StpOdr4-currentpoll-tilt { height:25%; margin-bottom:75%; }
li.RObj2-StpOdr4-currentpoll-tilt span { height:100%; }
span.RObj2-StpOdr4-ratingstep-normal { width:100%; z-index:2; }
span.RObj2-StpOdr4-ratingstep-tilt { height:100%; z-index:2; }

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.ajaxWait {
    display:    none;
    position:   absolute;
    z-index:    1000;
    height:     inherit;
    width:      inherit;
    background: rgba( 255, 255, 255, .8 ) 
                url('../../typo3conf/ext/th_rating/Resources/Public/Css/ajaxWait.gif') 
                50% 50% 
                no-repeat;
}
/* Anytime the DIV has the loading class, our
   modal element will be visible */
.tx-thrating-pi1-content.loading .ajaxWait {
    display: inline;
}

#formResult {height: 20px; }
#tx-thrating-pi1-singleton{
	visibility:hidden;
}
.tx-thrating-singleton-message {
	visibility:visible;
	position:fixed;
	width:40%;
	z-index:100;
	top:100px;
	left:10em;
	background-color: #a7a7a7;
	border:0px solid black;
}

.tx-thrating-singleton-message h4 {
	padding:3px;
	margin:0;
	background-color: #f87575;
    border: 1px dotted grey;
	padding:1px;
	font-weight:bold;
}

.tx-thrating-singleton-message .alert-body {
	padding:3px;
}
div.tx-thrating-ratinglinks > div.stepnameTooltip{
    display:none;
    visibility:hidden;
}
div.tx-thrating-ratinglinks > div.stepnameTooltipOn {
    visibility:visible;
    display:block;
    position:absolute;
    top:-2em;
    left:1em;
    min-width:3em;
    border:1px solid #505050;
    border-radius:0.7em;
    -webkit-border-radius:0.7em;
    -moz-border-radius:0.7em;
    background-color:#ffff99;
    color:#000;
    text-align: center;
    padding:2px 0.8em 2px 0.8em;
    font-size: 0.8em;
    box-shadow: 6px 6px 4px #6B6A6A;
	z-index:99;
}
div.tx-thrating-ratinglinks ul{
    position:relative;
    list-style:none;
    margin:0px;
    padding:0px;
    height:     inherit;
    width:      inherit;
}
.thrating-normal {
    background-position:left top;
}
.thRating-tilt{
    background-position:right bottom;
}
.thRating span,
.thRating .current-rating,
.thRating .current-poll{
    position:absolute;
    bottom:0;
    left:0;
    outline:0px;
    overflow:hidden;
    border: 0px;
    text-indent:-1000em;
}
.thRating-normal span:hover,
.thRating-normal span:active,
.thRating-normal span:focus{
    background-position: left bottom;
}
.thRating-normal .current-rating{
    z-index:1;
    background-position: left center;
}
.thRating-normal .current-poll{
	height:100%;
    z-index:1;
}
.thRating-normal .currentPollText { 
	text-indent:0em; 
	-moz-transform: rotate(90deg); 
	-ms-transform: rotate(90deg); 
	-o-transform: rotate(90deg); 
	-webkit-transform: rotate(90deg); 
	transform: rotate(90deg);  
	min-width:100%; 
	text-align:center; 
}
.thRating-tilt .current-poll{
	width:100%;
    z-index:1;
}
.thRating-tilt .currentPollText { 
	text-indent:0em; 
	min-height:100%; 
	text-align:center; 
}

.currentPollText{
	background:none !important;
	font-family:Sans-Serif;
	font-weight:normal;
	font-size:80%;
	z-index:2;
}

/* necessary because of bug in IE
	values below 28% are displayed shifted */
.thRating-tilt span.noratingbar:hover,
.thRating-tilt span.noratingbar:active,
.thRating-tilt span.noratingbar:focus{
    background-position: left top;
}
.thRating-tilt li.noratingbar {
    background-position: center top !important;
}
.thRating-tilt span.ratingbar:hover,
.thRating-tilt span.ratingbar:active,
.thRating-tilt span.ratingbar:focus{
    background-position: left bottom;
}

.thRating-tilt .current-rating{
    z-index:1;
    background-position: center bottom;
}
.thRating-tilt .current-poll{
    z-index:1;
}
.tx-thrating-pi1-content{
	position:relative;
	width:0px;
}
.tx-thrating-summary{
	white-space:nowrap; 
	font-size:0.6em; 
	line-height:1.4em; 
	margin-top:1em;
    clear:left;
}
.tx-thrating-flash-message{
	position:absolute;
	display:none;
	padding:3px;
	top:1.5em;
	left:1.5em;
	background-color: #a7a7a7;
	border:1px solid #505050;
	min-width:10em;
	max-width:30em;
    overflow:hidden;
    z-index:100;
    border-radius:0.5em;
    -webkit-border-radius:0.5em;
    -moz-border-radius:0.5em;
    box-shadow: 6px 6px 4px #6B6A6A;
}
.tx-thrating-flash-message h4{
    border: 1px dotted grey;
	padding:1px;
	margin:0;
	font-weight:bold;
    -webkit-border-top-left-radius:0.4em;
    -webkit-border-top-right-radius:0.4em;
    -moz-border-radius-topleft:0.4em;
    -moz-border-radius-topright:0.4em;
    border-top-left-radius:0.4em;
    border-top-right-radius:0.4em;
    -webkit-border-bottom-right-radius: 0.2em;
    -webkit-border-bottom-left-radius: 0.2em;
    -moz-border-radius-bottomright: 0.2em;
    -moz-border-radius-bottomleft: 0.2em;
    border-bottom-right-radius: 0.2em;
    border-bottom-left-radius: 0.2em;
}
.tx-thrating-flash-message .alert-danger h4 {
	background-color: #c8453c;
    border: 1px dotted grey;
	padding:1px;
	margin:0;
	font-weight:bold;
}
.tx-thrating-flash-message .alert-warning h4 {
	background-color: #e8a13d;
    border: 1px dotted grey;
	padding:1px;
	margin:0;
	font-weight:bold;
}
.tx-thrating-flash-message .alert-notice h4 {
	background-color: #363636;
    border: 1px dotted blue;
	padding:1px;
	margin:0;
	font-weight:bold;
}
.tx-thrating-flash-message .alert-info h4 {
	background-color: #6ba9df;
    border: 1px dotted blue;
	padding:1px;
	margin:0;
	font-weight:bold;
}
.tx-thrating-flash-message .alert-success h4 {
	background-color: #75a049;
    border: 1px dotted grey;
	padding:1px;
	margin:0;
	font-weight:bold;
}
.tx-thrating-flash-message .alert-body,
.tx-thrating-flash-message {
	padding-top:3px;
}
.tx-thrating-flash-message li{
	display:inline;
}
.tx-thrating-flash-message ul{
	padding:0px;
	margin:1px;
}
/*------------------------------------------------------------------------------------------------------*/
/* main */
.simplePollWrap {
    width: 300px;
    position: relative;
    padding: 10px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 12px;
    line-height: 16px;
}
#simplePollVote {
    font-weight: 700;
    float: left;
}
.simplePollWrap .simplePollMain ul {
    list-style-type: none;
    padding-left: 30px; 
    border-bottom: 1px solid #BBB;   
    margin-left:0;
}
.simplePollWrap .simplePollMain ul:after {
    clear: both;
}
.simplePollWrap .simplePollMain ul li {
    text-indent: -30px;
}
.simplePollRow {
    margin-bottom: 10px;
}
.simplePollRadioText {
    margin-left: 5px;  
    position: relative;
    top: -2px;
}
.simplePollImage img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
    border: 1px solid #BBB; 
}
.simplePollWrap h3 {
    font-size: 14px;
    padding-bottom: 10px;
    margin-bottom: 0px;
    border-bottom: 1px solid #BBB;
}
/*------------------------------------------------------------------------------------------------------*/
/* see votes link and page */
#simplePollSeeVotes {
    color: #000;
    text-decoration: none;
    padding: 1px 6px;
    margin: 2px;
    float: right;
}
.simplePollSeeVotes ul {
    list-style-type: none;
    padding-left: 5px; 
    margin-left: 0;
}
.simplePollSeeVotes ul li {
    text-indent: 0;
    margin-left: 0;
    padding-left: 0;
}
.simplePollSeeVotes .simplePollAnswer {
    margin-bottom: 2px;
}
/*------------------------------------------------------------------------------------------------------*/
/* percent bars */
.simplePollSeeVotes .simplePollPercentText {
    margin-top: 3px;
    color: #555;
}
.simplePollPercentBarLimiter {
    width: 75%;
    height: 0px;
}
.simplePollPercentBarColor-1 {
    /*background-color: red;*/
}
/*limit the overall length of the bars, so we can still fit the percent number behind it*/
.simplePollPercentBar {
    border: 1px solid #888;
    height: 14px;
    margin-top: 2px;
    margin-right: 5px;
    float: left;
    background-color: #BBB;
    border-radius: 2px;
    background-image: -webkit-linear-gradient(#EEE 0%, #BBB 100%); 
    background-image: -moz-linear-gradient(#EEE 0%, #BBB 100%); 
    background-image: -o-linear-gradient(#EEE 0%, #BBB 100%); 
    background-image: linear-gradient(#EEE 0%, #BBB 100%);
}

/*------------------------------------------------------------------------------------------------------*/
/* general */
.clearfix:after {
    content: "";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.ui-tooltip, .tooltip-arrow:after {
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.8);
	border: 1px solid white;
}
.ui-tooltip {
	min-width: 220px; 
	padding: 10px;
	color: white;
	border-radius: 15px;
 	font-size:  0.8em;
 	line-height: 1;
	box-shadow:0px 3px 6px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 3px 6px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 3px 6px rgba(0,0,0,0.2);
}

.ui-tooltip-header {
	text-align: center;
	min-width: 600px;
	max-width: 600px;
}
.tooltip-arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}
.tooltip-arrow.top {
	top: -16px;
	bottom: auto;
}
.tooltip-arrow.left {
	left: 20%;
}
.tooltip-arrow.center {
	left: 50%;
	right: auto;
	margin-left: -35px;
	bottom: -16px;
}
.tooltip-arrow.right {
	left: auto;
	right: 20px;
}

.tooltip-arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;

	box-shadow:0px 3px 6px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 3px 6px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 3px 6px rgba(0,0,0,0.2);
	
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.tooltip-arrow.top:after {
	bottom: -20px;
	top: auto;
}
.progressbar {
	margin-top: 20px;
}
/*
.ui-progressbar .ui-progressbar-overlay {
	background: url('../../fileadmin/templates/images/backgrounds/progressbar.gif') no-repeat;
}#
*/

.ui-dialog {
	z-index: 999999 ! important;
}

.ui-progressbar {
	position: relative;
}
.progress-label {
	position: absolute;
	left: 50%;
	top: 5px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

/* --- slider --- */
/*
a:hover.ui-slider-handle {
	cursor: grab;
	cursor: all-scroll;
}
#button:active
*/

.ui-slider {
	width: 95%;
}
.ui-slider a {outline:none;} 
/*
.ui-slider a.ui-slider-handle,
.ui-slider a:hover.ui-slider-handle
{
	cursor: grab;
	cursor: all-scroll;
}
.ui-slider a:focus.ui-slider-handle,
.ui-slider a:active.ui-slider-handle,
.ui-slider a.ui-slider-handle:active 
{
	cursor: grabbing;
	cursor: -webkit-grabbing;
}
.ui-slider:hover {cursor: e-resize;}
.ui-slider-range-min:hover {cursor: w-resize;}
*/
/* --- accordion --- */
.ui-accordion {
	margin-bottom: 15px;
}
.ui-accordion h3.ui-accordion-header {
	line-height: 1.4em;
}
.ui-accordion h3.ui-accordion-header a {
	line-height: 1.4em;
	font-size: 1.0em;
	position: relative;
	top: 3px;
}
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

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

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */

  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}


/* -----------------------------------------------
		felogin 
------------------------------------------------ */
.tx-felogin-pi1 {}
.tx-felogin-pi1 fieldset {
	border: none;
	margin: 0; padding: 0;
}
.tx-felogin-pi1 fieldset legend {display: none;}

.tx-felogin-pi1 p {margin-top: 8px;}
.tx-felogin-pi1 ul {
	list-style: none;
	margin: 0; padding: 0;
	margin-top: 0.5em;
}
.tx-felogin-pi1 label {margin-top: 12px;}

.tx-felogin-pi1 input[type="text"],
.tx-felogin-pi1 input[type="password"],
.tx-felogin-pi1 input#user,
.tx-felogin-pi1 input#pass
{
	width: 50%;
	font-size: 0.9em;
}
.tx-felogin-pi1 input[type="submit"] {margin-top: 1.425em;}

.button-group,
.input-group
{
	width: 50%;
}
.ce-half .button-group,
.ce-half .input-group
{
	width: 90%;
}

.error {}
h3.error {}

/* normale inputs */
.input-group input,
.input-group span,
.button-group input
{
	position: relative;
	display: block;
/*
	height: 34px;
*/
	padding: 0.5em 0.6em;
	font-size: 0.9em;
	font-weight: normal;
	border: 1px solid #ccc;
}
.input-group input.form-control {
	width: 100%;
	line-height: 1.2em;
	margin-left: -4px;
	background-color: #fff;
	background-image: none;
	border-radius: 4px;
	border-left-width: 0px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.input-group-addon {
	float: left;
	width: 6%;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 4px 0 0 4px;
	border-right-width: 0px;
}
.input-group-addon i {
	line-height: 34px;
}

.button-group input:focus,
.button-group input:hover
{
	background-color: #fff;
	background-color: rgb(0,159,227);
	background-color: rgba(0,159,227,0.8);
}
.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
	color: #999;
	opacity: 1;
}
.form-control:-ms-input-placeholder {color: #999;}
.form-control::-webkit-input-placeholder {color: #999;}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control 
{
	cursor: not-allowed;
	background-color: #eee;
	opacity: 1;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn 
{
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}
.input-group-addon:last-child {
	border-left: 0;
}

.felogin-user-details {text-transform: uppercase;}
/* E --- FELOGIN --- */

 
/* --------------------------------------------------------------------------------------- 
Kontaktformular 
--------------------------------------------------------------------------------------- */    
#mailform,
.csc-mailform 
{
	margin: 0; padding: 0;
}
.csc-mailform {padding-bottom: 60px;}
.csc-mailform label.nolabelsForPlaceholder {display: none;}
/*
.csc-mailform .csc-mailform-field {clear: both;}
.csc-mailform .csc-mailform-field:first-child {}
.csc-mailform .csc-mailform-field {
	clear: none;
	float: left;
	margin: 0 0 20px 0;
	width: 48%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.csc-mailform .csc-mailform-field input,
.csc-mailform .csc-mailform-textarea textarea 
{
	margin-left: 3px;
}

.csc-mailform .csc-mailform-field:nth-child(2n) {float: right;}
.csc-mailform .csc-mailform-field:nth-child(2n) input {margin-left: 0px;}
*/
.csc-mailform .csc-form-element {margin-bottom: 8px;}
.csc-mailform .csc-form-element label {
	width: 100%;
	height: auto;
	padding: 2px 0 4px 0;
}
.csc-mailform .csc-form-element label strong {
	display: inline;
	text-transform: none;
}
.csc-mailform .csc-form-element input,
.csc-mailform .csc-form-element-textarea textarea
{
	width: 50%;
}
.ce-thirds .csc-mailform .csc-form-element input,
.ce-thirds .csc-mailform .csc-form-element-textarea textarea {
	width: 100%;
}

li.csc-form-confirmation-false {float: left; width: 49%;}
li.csc-form-confirmation-true {float: right;width: 49%;}

li.csc-form-confirmation-false input,
li.csc-form-confirmation-true input {width: 100%;}

.csc-mailform label {padding-top: 4px; line-height: 1.2em;}
.csc-mailform label strong {line-height: 1;}

.csc-mailform .csc-form-element-submit {margin: 6px 0 12px 0;}
/*
.csc-mailform .csc-form-element-submit input,
.csc-mailform .csc-form-element-textblock,
.csc-mailform .csc-form-element-textline
{
	margin-left: 32.3%;
}
*/
.csc-mailform .csc-form-element-textblock {
	width: 50%;
	color: #666;
}


/* --------------------------------------------------------------------------------------- 
INPUTS
--------------------------------------------------------------------------------------- */    

input,
textarea,
select,
button
{
	font-size: 0.9em;
	color: #555;
	background: #fff;
	border: 1px solid #dedede;
  
	-webkit-box-sizing:	border-box;
	-moz-box-sizing:		border-box;
	-ms-box-sizing:			border-box;
	-o-box-sizing:			border-box;
	box-sizing:					border-box;
	padding: .5em 1em;
	width: auto;
}

.tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-radio, 
.tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-checkbox 
{
  font-size: 1.1em;
  background-color: transparent; 
  width:30px;
  height:30px;
}

input,
textarea {
    background-color: transparent;
    border-color: rgba(0, 170, 158, .6);
    border-color: rgba(255, 255, 255, 1.0);    
    outline-color: rgba(223, 223, 223, 0)
}
input:focus,
textarea:focus {
    outline-color: rgba(0, 170, 158, .37)
}

input:hover,
textarea:hover,
select:hover,
button:hover
{

  -webkit-transition:	all 0.25s ease-in-out;
  -moz-transition:		all 0.25s ease-in-out;
  -ms-transition:			all 0.25s ease-in-out;
  -o-transition:			all 0.25s ease-in-out;  
  transition:					all 0.25s ease-in-out;
}
input:focus, textarea:focus {
	outline:none;
	color: #000;
	border: 1px solid #666;
}
button {cursor: pointer;}

input[type=password] { margin-right: 1em; }
input[type=radio], input[type=checkbox] { background-color: transparent; }

select {
	width: 50%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	/* styling */

	cursor: pointer;
	background-image:url('../../fileadmin/templates/icons/arrows/fa-angle-down-gr.png');
	background-position: right;
	background-repeat: no-repeat;
}
select:hover {box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);}
select:disabled{
 	filter:alpha(opacity=50);
 	-moz-opacity:0.5;
 	-khtml-opacity: 0.5;
 	opacity: 0.5;
 	cursor: not-allowed;
}
/* hide browser-styling (arrow) in IE10 */
select::-ms-expand {display:none;}
.lt-ie10 select {background-image: none;}

.invalid input:required:invalid,
.invalid textarea:required:invalid {background: #FA5050;}
.invalid input:required:valid,
.invalid textarea:required:valid {background: #17D654; color: #fff;}

::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder
{
	opacity: 1;
}
input::-webkit-input-placeholder, 
textarea::-webkit-input-placeholder {color:#808080;}

input::-moz-placeholder, 
textarea::-moz-placeholder {color:#808080;}


/* ---- submit --- */
/* submit */
input[type="button"], input[type="submit"] 
{
  font-family: 'league_gothicregular', Arial, Helvetica, Verdana, sans-serif; 
  font-size: 1.3em;
  text-transform: uppercase;
  cursor: pointer;
/*

  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
*/
  font-weight:normal;
  font-style:normal;
  letter-spacing: 3px;
	width: 50%;
	display: inline-block;
	text-align: center;
	background-color: rgb(255,255,255);	
	background-color: rgba(255,255,255,1.0);
	color: #000;
	
	border: none;
	padding: 0.5em 0.6em;
}
input[type="button"]:hover, 
input[type="submit"]:hover,
input.csc-mailform-submit:hover
{
	background-color: #28a746;	
	color: #fff;
}
input[type="button"], input[type="submit"], button, .button, label {
	clear: both;
	cursor: pointer;
/*
	-webkit-appearance: none;
	-moz-appearance:    none;
	-ms-appearance:    none;
	-o-appearance:    none;
	appearance:         none;
*/
  -webkit-transition:	all 0.25s ease-in-out;
  -moz-transition:		all 0.25s ease-in-out;
  -ms-transition:			all 0.25s ease-in-out;
  -o-transition:			all 0.25s ease-in-out;  
  transition:					all 0.25s ease-in-out;
}


#contacttruebg {
	position: fixed;
	z-index: 99;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.7);
}
#contacttrue {
	position: fixed;
	z-index: 100;
	width: 320px;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -160px;
}
.successbox {
	padding: 1.0em;
	background: #97bf0d;
	font-size: 1.0em;
	text-align: center;
	color: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.3);
}



form#gme-1-form,
form#gme-1-search 
{
	margin-bottom: 20px;
}

div.csc-mailform-submit-div {
	text-align: right;
	list-style: none;
	position: relative;
	margin-top: 30px;
}
input.gme-submit,
input.csc-mailform-submit {
	margin-left: 4px;
	width: auto;
}

.csc-mailform-submit-div:before {
	list-style: none;
	display: inline-block;
	font-family: FontAwesome;
	font-size: 1.0em;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f003";
	color: #286324;
}
input.csc-mailform-submit:hover:before {
	color: #97bf0d;
}


/* --------------------------------------------------------------------------------------- 
	DIRECT MAIL SUBSRIPTION
--------------------------------------------------------------------------------------- */    
.dmailsubscription_fieldset {}
.dmailsubscription_fieldset select {width: 50%;}
.dmailsubscription_fieldset input.powermail_text {width: 50%;}

.ceCatlist {}
.ceCatlist b {
	display: block;
}
.ceCatlist label {
	display: inline-block;
	font-weight: bold;
}
.ceCatlist input {float: left; margin-right: 6px;}
.ceCatlist .clearall {
	margin: 8px 0;
}



/* --------------------------------------------------------------------------------------- 
	SR_FEUSER_REGISTER
--------------------------------------------------------------------------------------- */    

		#tx-srfeuserregister-pi1-gender-0 {display: none;} 
		
		.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice {font-style: normal; margin-bottom: 0em; }
		.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash { margin-bottom: 2em; }
		input.tx-srfeuserregister-pi1-submit {margin-bottom: 1.0em;}
		.tx-srfeuserregister-pi1 fieldset {
			margin: 0; padding: 0;
		}
		.tx-felogin-pi1 a, 
		.tx-srfeuserregister-pi1 a 
		{
			line-height: 1.4em;
			padding: 4px 0 0 14px;
			background: url("/typo3conf/ext/sr_feuser_register/Resources/Public/Images/internal_link.png") no-repeat 0% 60%;
			text-decoration:none;
		}
		.tx-srfeuserregister-pi1 input {width: 50%;}
		.tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-radio {width: auto;}
		
		.tx-srfeuserregister-pi1 label { margin: 0; padding: 0; }
		.tx-srfeuserregister-pi1 label span { color: #f00; }
		.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-error { color: #f00; }

		* html input.tx-srfeuserregister-pi1-password { margin-right: 1em; }

		* html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-radio, * html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-checkbox { font-size: 1.1em;background-color: transparent; }
		
		.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon { margin-left: 1em; background-color: transparent; }
		.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon:hover { cursor: pointer; }
		
		.tx-srfeuserregister-pi1 a.tx-srfeuserregister-pi1-file-view { padding-left: 15px; background: transparent url("/typo3conf/ext/sr_feuser_register/Resources/Public/Images/internal_link.png") no-repeat; font-size: .8em; margin-left: 1em; }
		
		.tx-srfeuserregister-pi1 ul { margin: 0; padding: 0; list-style-position: inside; }
		.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes { list-style-type: none; }
		.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li { margin: 0 0 .3em 0; padding: 0; }
		.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li label { margin: 0; padding: 0 0 0 .5em; }
		.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checked-values li { float: left; padding: 0 2em 0 0; margin: 0; }
		.tx-srfeuserregister-pi1 dl { margin: 0; padding: 1em 0 0 0; }
		.tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd { margin: 0; padding: 0 0 .5em 0; float: left; }
		.tx-srfeuserregister-pi1 dt { clear: both; width: 25%; text-align: right; padding-right: 1em; }
		.tx-srfeuserregister-pi1 dd { text-align: left; width: 50%; }
		.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-multiple-checkboxes dt { width: auto; padding-right: 0; }
		.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-multiple-checkboxes dd { width: auto; }
		* html .tx-srfeuserregister-pi1 dd { float: none; }

		.tx-srfeuserregister-pi1 dd p { margin-top: 0; margin-bottom: .5em; padding: 0; }
		.tx-srfeuserregister-pi1 dd label { padding: 0 1em 0 .5em; }
		.tx-srfeuserregister-pi1 dt label { display: inline-block; padding-top: 4px;}

/*

*/
@font-face {
    font-family: 'league_gothiccondensed_italic';
    src: url('../../fileadmin/templates/fonts/leaguegothic-condenseditalic-webfont.eot');
    src: url('../../fileadmin/templates/fonts/leaguegothic-condenseditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fileadmin/templates/fonts/leaguegothic-condenseditalic-webfont.woff2') format('woff2'),
         url('../../fileadmin/templates/fonts/leaguegothic-condenseditalic-webfont.woff') format('woff'),
         url('../../fileadmin/templates/fonts/leaguegothic-condenseditalic-webfont.ttf') format('truetype'),
         url('../../fileadmin/templates/fonts/leaguegothic-condenseditalic-webfont.svg#league_gothiccondensed_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'league_gothicCnRg';
    src: url('../../fileadmin/templates/fonts/leaguegothic-condensedregular-webfont.eot');
    src: url('../../fileadmin/templates/fonts/leaguegothic-condensedregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fileadmin/templates/fonts/leaguegothic-condensedregular-webfont.woff2') format('woff2'),
         url('../../fileadmin/templates/fonts/leaguegothic-condensedregular-webfont.woff') format('woff'),
         url('../../fileadmin/templates/fonts/leaguegothic-condensedregular-webfont.ttf') format('truetype'),
         url('../../fileadmin/templates/fonts/leaguegothic-condensedregular-webfont.svg#league_gothicCnRg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'league_gothicitalic';
    src: url('../../fileadmin/templates/fonts/leaguegothic-italic-webfont.eot');
    src: url('../../fileadmin/templates/fonts/leaguegothic-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fileadmin/templates/fonts/leaguegothic-italic-webfont.woff2') format('woff2'),
         url('../../fileadmin/templates/fonts/leaguegothic-italic-webfont.woff') format('woff'),
         url('../../fileadmin/templates/fonts/leaguegothic-italic-webfont.ttf') format('truetype'),
         url('../../fileadmin/templates/fonts/leaguegothic-italic-webfont.svg#league_gothicitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'league_gothicregular';
    src: url('../../fileadmin/templates/fonts/leaguegothic-regular-webfont.eot');
    src: url('../../fileadmin/templates/fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fileadmin/templates/fonts/leaguegothic-regular-webfont.woff2') format('woff2'),
         url('../../fileadmin/templates/fonts/leaguegothic-regular-webfont.woff') format('woff'),
         url('../../fileadmin/templates/fonts/leaguegothic-regular-webfont.ttf') format('truetype'),
         url('../../fileadmin/templates/fonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'slabo_27pxregular';
    src: url('../../fileadmin/templates/fonts/slabo27px-regular-webfont.eot');
    src: url('../../fileadmin/templates/fonts/slabo27px-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fileadmin/templates/fonts/slabo27px-regular-webfont.woff2') format('woff2'),
         url('../../fileadmin/templates/fonts/slabo27px-regular-webfont.woff') format('woff'),
         url('../../fileadmin/templates/fonts/slabo27px-regular-webfont.ttf') format('truetype'),
         url('../../fileadmin/templates/fonts/slabo27px-regular-webfont.svg#slabo_27pxregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../../fileadmin/templates/fonts/fontawesome-webfont.eot?v=4.2.0');
  src: url('../../fileadmin/templates/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../../fileadmin/templates/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../../fileadmin/templates/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../../fileadmin/templates/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}


/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.4.0 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
	.featherlight {
		display: none;

		/* dimensions: spanning the background from edge to edge */
		position:fixed;
		top: 0; right: 0; bottom: 0; left: 0;
		z-index: 2147483647; /* z-index needs to be >= elements on the site. */

		/* position: centering content */
		text-align: center;

		/* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
		white-space: nowrap;

		/* styling */
		cursor: pointer;
		background: #333;
		/* IE8 "hack" for nested featherlights */
		background: rgba(0,72,154,0);
	}

	/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
	.featherlight:last-of-type {
		background: rgba(0,72,154, 0.8);
		
	}

	.featherlight:before {
		/* position: trick to center content vertically */
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -0.25em;
	}

	.featherlight .featherlight-content {
		/* make content container for positioned elements (close button) */
		position: relative;

		/* position: centering vertical and horizontal */
		text-align: left;
		vertical-align: middle;
		display: inline-block;

		/* dimensions: cut off images */
		overflow: auto;
		padding: 25px 25px 0;
		border-bottom: 25px solid transparent;

		/* dimensions: handling large content */
		margin-left: 5%;
		margin-right: 5%;
		max-height: 95%;

		/* styling */
		background: #fff;
		cursor: auto;

		/* reset white-space wrapping */
		white-space: normal;
	}

	/* contains the content */
	.featherlight .featherlight-inner {
		/* make sure its visible */
		display: block;
	}

	.featherlight .featherlight-close-icon {
		/* position: centering vertical and horizontal */
		position: absolute;
		z-index: 9999;
		top: 0;
		right: 0;

		/* dimensions: 25px x 25px */
		line-height: 25px;
		width: 25px;

		/* styling */
		cursor: pointer;
		text-align: center;
		font-family: Arial, sans-serif;
		background: #fff; /* Set the background in case it overlaps the content */
		background: rgba(255, 255, 255, 0.3);
		color: #000;
	}


	.featherlight .featherlight-image {
		/* styling */
		width: 100%;
	}


	.featherlight-iframe .featherlight-content {
		/* removed the border for image croping since iframe is edge to edge */
		border-bottom: 0;
		padding: 0;
	}

	.featherlight iframe {
		/* styling */
		border: none;
	}
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
	.featherlight .featherlight-content {
		/* dimensions: maximize lightbox with for small screens */
		margin-left: 10px;
		margin-right: 10px;
		max-height: 98%;

		padding: 10px 10px 0;
		border-bottom: 10px solid transparent;
	}
}

/**
 * Featherlight Gallery – an extension for the ultra slim jQuery lightbox
 * Version 1.4.0 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
	.featherlight-next,
	.featherlight-previous {
		display: block;
		position: absolute;
		top: 25px;
		right: 25px;
		bottom: 0;
		left: 80%;
		cursor: pointer;
		/* preventing text selection */
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		/* IE9 hack, otherwise navigation doesn't appear */
		background: rgba(0,0,0,0);
	}

	.featherlight-previous {
		left: 25px;
		right: 80%;
	}

	.featherlight-next:hover,
	.featherlight-previous:hover {
		background: rgba(255,255,255,0.25);
	}


	.featherlight-next span,
	.featherlight-previous span {
		display: none;
		position: absolute;

		top: 50%;
		left: 5%;
		width: 82%;

		/* center horizontally */
		text-align: center;

		font-size: 80px;
		line-height: 80px;

		/* center vertically */
		margin-top: -40px;

		text-shadow: 0px 0px 5px #fff;
		color: #fff;
		font-style: normal;
		font-weight: normal;
	}
	.featherlight-next span {
		right: 5%;
		left: auto;
	}


	.featherlight-next:hover span,
	.featherlight-previous:hover span {
		display: inline-block;
	}

	/* Hide navigation while loading */
	.featherlight-loading .featherlight-previous, .featherlight-loading .featherlight-next {
		display:none;
	}
}

/* Always display arrows on touch devices */
@media only screen and (max-device-width: 1024px){
	.featherlight-next:hover,
	.featherlight-previous:hover {
		background: none;
	}
	.featherlight-next span,
	.featherlight-previous span {
		display: block;
	}
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
	.featherlight-next,
	.featherlight-previous {
		top: 10px;
		right: 10px;
		left: 85%;
	}

	.featherlight-previous {
		left: 10px;
		right: 85%;
	}

	.featherlight-next span,
	.featherlight-previous span {
		margin-top: -30px;
		font-size: 40px;
	}
}

/* --- 
  JQuery Custom CSS
  http://jqueryui.com/themeroller/#ffDefault=Arial%2C+Helvetica%2C+Verdana%2C+sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=0&bgColorHeader=ffffff&bgTextureHeader=01_flat.png&bgImgOpacityHeader=100&borderColorHeader=ededed&fcHeader=5b5b64&iconColorHeader=5b5b64&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=ededed&fcContent=5b5b64&iconColorContent=5b5b64&bgColorDefault=f8f8f8&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=ededed&fcDefault=555555&iconColorDefault=888888&bgColorHover=ffffff&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=ededed&fcHover=5b5b64&iconColorHover=3f3f3f&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=ededed&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=ededed&fcHighlight=3f3f3f&iconColorHighlight=ff0000&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=ededed&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
--- */
/* --- import css defintions --- */



/* ---
            Default Width
              1440px
              EFFECTS
https://codepen.io/Zeaklous/pen/kyGqm
--- */
* {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
/* some mobile tunings */
@media only screen and (min-width: 769px) {
  .hidemobile {display: block;}
  .showmobile {display: none;}
}
@media only screen and (max-width: 768px) {
  .hidemobile {display: none;}
  .showmobile {display: block;}
}

@media only screen and (min-width: 1025px) {
  .hidemobiletwo {display: block;}
  .showmobiletwo {display: none;}
}
@media only screen and (max-width: 1024px) {
  .hidemobiletwo {display: none;}
  .showmobiletwo {display: block;}
}


/* --- disallow scrolling inside body when overlay is open --- */
html.noscroll body {
  position:fixed;
/*
  overflow-x: hidden;
  -ms-overflow-x: hidden;
*/
  overflow-y: hidden;
  -ms-overflow-y: hidden;
  overflow: hidden;
  width: 100%;
}
body {
  zoom: 1;
  font-family: 'slabo_27pxregular','Times New Roman', Times, Arial, Helvetica, Verdana, sans-serif; 
  color: #fff;
  background: #000;
  font-size: 18px;
  line-height: 1.4em;
  font-weight:normal;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0; padding: 0;
}

h1, h2, h3, h4,
header#mainheader,
div.flexslider,
div.sidebox,
span.caplink,
div.isotope-filter,
div.news-list-isotope-container,
.instashow,
#mobilenav
{
  font-family: 'league_gothicregular', Arial, Helvetica, Verdana, sans-serif; 
}
/* 
  https://elfsight.com/instagram-feed-instashow/jquery/#demo
*/

.chromeframe {
  position: absolute;
  z-index: 999;
  width: 500px;
  height: 250px;
  top: 50%;
  left: 50%;
  background: #fff;
  border: 2px solid red;
  margin-left: -250px;
  margin-top: -125px;
  padding: 20px;
}

/* --- sven todo geo map google maps PROBLEM max-width --- */
img {
/*  max-width: 100%;*/
  height: auto;
  width: 100%;
  border:none;
}
.instashow-gallery-media-image img {
  height: auto;
  width: auto;
}

video,
object,
embed
{
  width: 100%    !important;
  height: auto   !important;
}

.mediaelement-video,
.embed-container 
{
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.mediaelement-video iframe,
.embed-container iframe 
{
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}
/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}

embed, object, video {
/*  max-width: 100%;*/
/*
  height: auto;
  width: auto;
*/
}
.youtube-player {margin: 0 auto;}

#aloha-top-bar img,
.frontEndEditIconLinks img,
.typo3-editPanel img,
#TSFE_ADMIN_PANEL_FORM img,
#TSFE_ADMIN_PANEL_FORM .icon-markup img
{
  max-width: 100%;
  height: auto;
}
/* workaround */
#TSFE_ADMIN_PANEL_FORM .icon-markup img {
  margin: 2px 2px 0 0;
  width: 16px;
}

p.center{text-align:center}
p.justify{text-align:justify}
p.left{text-align:left}
p.right{text-align:right}

span.h, a script {
  display: none;
}
.ratatat:before { 
  content: '@';  
}
b, strong
{
   font-weight: 700;
}
blockquote {
  margin: 0; padding: 0;
  padding: 0 0 0 1.786em; 
}
blockquote p:before {
  content: "\f10d";
  font-family: FontAwesome;
  text-align: left;
  float: left;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  line-height: 1.0em;
  font-size: 1.0em;
  font-weight: normal;  
  margin-top: -0.5em;
}
blockquote p {
  display: block;
  margin: 0; padding: 0;
}

.align-right {text-align: right;}
.align-left {text-align: left;}
.align-center {text-align: center;}

code { font-weight:bold; }

.caption {
  font-size: 0.786em;
  line-height: 1.25em;
  background: #efefef;
  display: block;
  padding: 0.357em 0.429em 0 0.429em;
  margin-top: -8px;
  margin-bottom: 8px;
}
.caption a {
  font-size: 0.857em;
  text-decoration: underline;
  line-height: 1.25em;
  color: #5b5b64;
}
.c25l .caption {width: 260px;}
.c25r .caption {width: 278px;}

hr {
  margin-bottom: 8px;
  padding: 0;
  border: 0px solid #ededed;
  border-top-width: 1px;
}
.pipe {
  border-right: 1px solid #b2b3bb; 
  margin: 0px 9px 0 3px;
  position: relative;
  top: -1px !important;
  font-size: 7px;
}
p, p.bodytext
{
  padding: 0;
  margin: 0 0 0.75em 0;
}
p.header-text-klein {
  font-size: 0.8em;
  margin: 1.5em 0 0 0;
}
a .linkborder, 
.linkborder a 
{
  border-bottom: 1px solid #fff;
  line-height: 1.4em;
}
.news .article .teaser-text .button {margin-top: .75em;}
.news .article .teaser-text {margin-top: 0.8em;}


#tx_indexedsearch legend {display: none;}

.csc-header {
  margin: 10px 0 10px 0;
  height: 100%;
  overflow: hidden;
}
.gridel-wrap .csc-header {
  margin-top: 2.143em;
  margin-bottom: 1.143em;
}

fieldset {border: none;}

/* -------------------------------------------------
  Links
------------------------------------------------- */

a,
a:link,
a:visited 
{
  text-decoration: none;
  border: none; 
  outline:0;
  -moz-border: none;
}
a.more {margin-left: 0.57em;}

#content p.bodytext a,
#content p.bodytext a:link,
#content p.bodytext a:visited,
a.more,
.news-related a
{
  position: relative;
  -webkit-transition: all 0.20s ease-in-out;
     -moz-transition: all 0.20s ease-in-out;
      -ms-transition: all 0.20s ease-in-out;
       -o-transition: all 0.20s ease-in-out;
          transition: all 0.20s ease-in-out;

  border-bottom:1px solid rgba(77,77,77,1.0);
  white-space: nowrap;
  display: inline-block;
}
.news-related a:hover,
#content p.bodytext a:hover,
a.more:hover
{
  padding-left: 15px;
  border-bottom: 1px solid rgba(77,77,77,0.0);
}
a.more:hover i {
  position: absolute;
  left: 0; top: 0;
  line-height: 1;
  margin: 0; padding: 0;
  width: auto;
}
.news-related a:hover:before,
#content p.bodytext a:hover:before {
  position: absolute;
  left: 0;
  
  content: "\f101";
  font-family: FontAwesome;

  font-style: normal;
  font-weight: normal;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
}


a.download {
  position: relative;
  line-height: 1;
/*
  display: inline-block;
  margin-bottom: 0.75em;
*/
}
/*
a:hover.download {
  text-decoration: underline;
}
*/
a.download:before {
  content: "\f019";
  font-family: FontAwesome;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  cursor: pointer;
  line-height: 1.0em;
}
/*
.caption-downloadlink:hover .fa,
a:hover.download:before,
.news-related-files-dlicon:hover .fa
{
  -webkit-transform:  scale(1.20);
  -moz-transform:      scale(1.20);
  -ms-transform:      scale(1.20);
  -o-transform:        scale(1.20);
  transform:          scale(1.20);

  -webkit-transition:  all 0.25s ease-in-out 0;
  -moz-transition:    all 0.25s ease-in-out 0;
  -ms-transition:      all 0.25s ease-in-out 0;
  -o-transition:      all 0.25s ease-in-out 0;  
  transition:          all 0.25s ease-in-out 0;

  -webkit-transition-duration:  500ms;
  -ms-transition-duration:      500ms;
  -moz-transition-duration:      500ms;
  -o-transition-duration:        500ms;
  transition-duration:          500ms;

}
*/

.caption-downloadlink .fa,
a.download:before,
.news-related-files-dlicon .fa
{
  color: #00489a;
/*
  font-size: 30px ! important;
  width: 40px; height: 40px;
  line-height: 40px;
  background: #fff;

  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;

  vertical-align: middle;
*/
  margin: 0 0.5em 0 0;
}

a img {border: none;}

a.internal-link {position: relative;}
.fa-facebook, 
.fa-youtube, 
.fa-xing, 
.fa-google-plus 
{
  text-align: center;
}
.external-link-new-window {
  text-align: left;
  text-decoration: none;
}
.anchor-link {
  position: absolute;
  z-index: 999;
  bottom: 20px;
  left: 50%;
  margin-left: 13px;
}
.anchor-link a {
  text-align: center;
  box-shadow:0px 3px 6px rgba(0,0,0,0.2);
  -webkit-box-shadow:0px 3px 6px rgba(0,0,0,0.2);
  -moz-box-shadow:0px 3px 6px rgba(0,0,0,0.2);
}
.anchor-link a,
.external-link-new-window .fa 
{
  display: block;
  color: #fff;
  font-size: 1.0em;
  width: 25px; height: 25px;
  line-height: 25px;
  overflow: hidden;
  background: #00489a;

  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
      -ms-border-radius: 100%;
       -o-border-radius: 100%;
          border-radius: 100%;

  -webkit-transition: all 0.25s ease-in-out;
     -moz-transition: all 0.25s ease-in-out;
      -ms-transition: all 0.25s ease-in-out;
       -o-transition: all 0.25s ease-in-out;
          transition: all 0.25s ease-in-out;
  
  margin: 0 8px 10px 0px;
}
.anchor-link a {
  background: #fff;
  color: #000;
}
/*
a.external-link-new-window {color: #000;}
a:hover.external-link-new-window {color: #00489a;}
*/
a:hover.external-link-new-window .fa {
  background: #fff;
  color: #00489a;
}

a .border svg {
  fill: transparent;
  transition: fill .3s ease-in-out;
}
a:hover .border svg {
  fill:#fff;
  transition: fill .3s ease-in-out;
}


a.internal-link:after {
  content: "\f101";
  font-family: FontAwesome;
  font-size: 1.0em;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  cursor: pointer;
  margin-left: 4px;
}

a.button,
a.button_large,
button
{ 
  position:relative;
  cursor: pointer;

  margin: 10px 0 0 0;
  padding: 0.414em 0.8em 0.414em 0.8em;

  font-weight: normal;
  font-size: 1.0em;
  line-height:1;
  text-align:center;
  text-decoration:none;
  text-transform: uppercase;
  
  -webkit-appearance: none;
  -moz-appearance: none;

  display: inline-block;
  outline:none;
  border:0; 

  -webkit-transition:  all 0.25s ease-in-out;
  -moz-transition:    all 0.25s ease-in-out;
  -ms-transition:      all 0.25s ease-in-out;
  -o-transition:      all 0.25s ease-in-out;  
  transition:          all 0.25s ease-in-out;
}

a.button,
a.button_large,
button
{
  background: #2daae2;
  color: rgb(255,255,255);
  color: rgba(255,255,255,0.8);
}


/*
.tbstyle-1 .button {width: 25%;}
.tbstyle-2 .button {width: 75%;}
*/
a.bfull {width: 70%;}

/* anpassung colors */

a.button:after,
a.button_large:after,
button:hover:after
{
  background: #3bb3e8;
 
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition-property: all;
  -webkit-transition-duration: 300ms;
  -webkit-transition-timing-function: cubic-bezier(0.455,0.03,0.515,0.955);
  -webkit-transition-delay: 0;
  -moz-transition-property: all;
  -moz-transition-duration: 300ms;
  -moz-transition-timing-function: cubic-bezier(0.455,0.03,0.515,0.955);
  -moz-transition-delay: 0;
  -ms-transition-property: all;
  -ms-transition-duration: 300ms;
  -ms-transition-timing-function: cubic-bezier(0.455,0.03,0.515,0.955);
  -ms-transition-delay: 0;
  -o-transition-property: all;
  -o-transition-duration: 300ms;
  -o-transition-timing-function: cubic-bezier(0.455,0.03,0.515,0.955);
  -o-transition-delay: 0;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.455,0.03,0.515,0.955);
  transition-delay: 0;
  width: 100%;
  height: 0%;
  margin-left: 0.0px;
  top: 50%;
  left: 50%;

  opacity: 1;

  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
a.button:hover,
button:hover,
a.button_large:hover
{
  background: #3bb3e8;
  color: rgb(255,255,255);
  color: rgba(255,255,255,1.0);
}
a.button:hover:after,
a.button_large:hover:after,
button:hover:after
{
  height: 100%;
  opacity: 1;
}




.instashow-gallery-media-info-description {
  font-size: 24px;
}

/* -------------------------------------------------
  Header
------------------------------------------------- */
h1, h2, h3, h4,
#tx_indexedsearch legend,
#headerimage .news h3,
.zitate-box blockquote,
.news-teaser-cnt h3
{
  margin: 0 0 0.4em 0;
  padding: 0;
  font-weight: normal;
  line-height: 1;
}

h1, h1.csc-firstHeader,
h2.csc-firstHeader,
h2,
#tx_indexedsearch legend,
#headerimage .news h3,
.zitate-box blockquote,
.news-teaser-cnt h3
{
  padding-top: 0.2em;
  font-size: 1.8em;
  line-height: 1;
  text-transform: uppercase;
}
h2.caption-title {
  font-size: 2.2em;
}
.tx-sd-flexslider h1,
.tx-sd-flexslider h2,
.tx-sd-flexslider h3 {
  text-shadow: 0px 0px 2px rgba(51, 51, 51, 0.4),
               0px 0px 15px rgba(51, 51, 51, 0.2),
               0px 0px 30px rgba(51, 51, 51, 0.1);
}
.tx-sd-flexslider h1,
.tx-sd-flexslider h2 {
  font-size: 2.4em;
  margin-bottom: 0.2em;
}
.tx-sd-flexslider h3 {
  font-size: 1.7em;
}
.simplePollWrap {
  width: 100%;
  position: relative;
  padding: 0;
  padding-top: 10px;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.simplePollRadioText {top: 0}

.simplePollImage {margin-bottom: 40px}

#simplePollVote {
  background: rgba(0,90,170, 0.8);
  color: #fff;
  margin-bottom: 20px;
}
#simplePollVote:hover {
  background: rgba(0,90,170, 1.0);
}

.simplePollWrap h3 {
  padding-top: 0.2em;
  font-size: 1.8em;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen 
  and (min-width: 320px) 
  and (max-width: 667px) 
{
  .simplePollWrap h3 {
    font-size: 1.5em;
  }
}
.simplePollSeeVotes .simplePollPercentText {
  top: -5px;
  position: relative;
  left: 4px;
}


.simplePollMain p,
.simplePollMessage p {
  margin-top: 20px;
}


h3, h3.csc-firstHeader {font-size: 1.5em;}
h4, h4.csc-firstHeader,
header #navbar nav ul.level1 li .level2 .hero-unit span.title-h3
{
  font-size: 1.2em; 
}


/* -------------------------------------------------
  COLORS
------------------------------------------------- */
a,
a:link, 
a:visited
{
  color: #fff;
}

.flexslider {color: #fff;}

.sdflexslider-style1 .capsvg svg polygon {stroke: #fff}
.sdflexslider-style2 .capsvg svg polygon {stroke: #000}
.sdflexslider-style1 .caption-link a {color: #fff;}

#socialmediaicons a,
body#bg-white section#content a,
body#bg-white section#content .flexslider .sdflexslider-style1 a:hover,
body section#content a:hover span.caplink
{
  color: #000;
}
/*
body section#content .sidebox a:hover .caplink,
body section#content .svg-btn a:hover .caplink,
body section#content a:hover .caption-link .caplink
{
  color: #000;
}
*/
body#bg-white section#content .flexslider a {color: #fff;}

body#bg-white section#content .news-list-isotope a,
body#bg-white section#content a.button_voting
{
  color: #fff;
}


/* bg white */
/*
body#bg-white,
body#bg-white section#content
{
  color: #000;
  background: #fff;
}
*/
body#bg-white {
  background: #000;
}
body#bg-white section#content {
  color: #000;
  background: #fff;
}
body#bg-white .svg-flx-bottom {fill: white ! important;}

#socialmediaicons {background: #000;}

body#bg-white #socialmediaicons,
body#bg-white section#content ul.newslist li,
body#bg-white section#content ul.news-cat-tree-images li
{
  background: #000;
}

body#bg-white #socialmediaicons a,
body#bg-white section#content ul.newslist a,
body#bg-white section#content ul.news-cat-tree-images a
{
  color: #fff;
}
body#bg-white #socialmediaicons .svg-socialmedia {fill: black ! important;}
body#bg-white #newssingleheader .svg-mainheader {fill: white ! important;}


.tboxtype-0 {background: #000;}
.tboxtype-1 {background: #2daae2;}

#footer {color: #fff;}
#footer a {text-decoration: underline; color: #fff;}

#footer a:hover,
#top-navigation a:hover
{
  color: #f3b105;
}

.row,
.html5videoplayer,
div.caption-wrapper,
li.caption-align-left .slider-img-wrap,
li.caption-align-right .slider-img-wrap,
.flex-control-nav,
#colpos0 > .csc-default
{
  width: 1440px;
}

/* 
  erster header und h1
*/
#bg-white #colpos0 > .csc-header-n1 {
  background: #000;
  color: #fff;
  margin-bottom:0;
}
.smallPageWidth {
  width: 1000px;
}
#ajax-content {
  min-width: 1000px;
}
#ajaxcolpos0 {
  padding: 50px 50px 20px 50px;
  width: 80%;
}
/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
  #ajax-content {
    min-width: 0;
  }
  #ajaxcolpos0 {
    padding: 25px;
    width: 100%;
  }
}

.html5videoplayer,
.row,
#colpos0 > .csc-default
{
  clear: both;
  position: relative;
  margin: 0 auto;
}
#colpos0 .csc-frame,
#colpos0 .csc-default 
{
  margin-top: 2.143em;
  margin-bottom: 2.143em;
}
/*
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
html, body {overflow-x: hidden; -ms-overflow-x: hidden;}
*/





/* -------------------------------------------------
  csc-frames RAHMEN
------------------------------------------------- */

/* --- csc-frames --- */
.csc-default {clear: both;}
.csc-frame-invisible {display: none;}

#cboxWrapper .csc-frame-invisible {display: block;}
/* abstand oben */

/* Space below each image (also in-between rows) */
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {margin-bottom: 0px;}
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0; }

.csc-frame-frame1, .csc-frame-frame2 {}

.csc-frame-indent,
.csc-frame-indent3366
{
  margin: 0; padding: 0;
  float: left;
  /* responsive width */
  width: 590px;
}
.csc-frame-indent3366 {float: right;}

.csc-menu {list-style: none; margin: 0; margin: 10px 0 0 14px; padding: 0;}
.csc-menu li {list-style: none; margin: 0 0 4px 0; padding: 0;}
.csc-menu li a {text-decoration: none;}
.csc-menu li a:hover {color: #707179;}
.csc-menu-def li a {color: #676972; font-weight: bold;}

DIV.csc-textpic DIV.csc-textpic-single-image IMG { margin-bottom: 0; }

.clearer, .clear, .news-clear {clear: both;}

.floatLeft {float: left; margin-right: 8px;}
.floatRight {float: right; margin-left: 8px;}
.lt-ie8 .floatLeft, .lt-ie8 .floatRight {margin: 0;}
.div-odd {clear: both; float: left;}
.div-even {float: right;}

.firstHeaderWrap {
  position: absolute;
  bottom: 0; left: 0;
  border: 0px solid #f00;
  display: none;
  margin: auto auto;
}
.firstHeaderWrap h1 {
  color: #000;
  font-size: 10px;
  line-height: 18px;
  padding: 0 20px 0 20px;
}

/* Basic Structure ============================================================= */
#page {
  position: relative;
  /* overflow hidden wegen #topsearchicon */
  overflow: hidden;
}

#updateyourbrowser {display: none;}
#cboxWrapper .html5videoplayer {
  width: auto;
  margin: 0;
}
/* --- UNTERSEITEN --- */
#colpos1 .sf-filecollection-gallery-image-container {
  width: 33%;
}
#colpos1 .csc-header {text-transform: uppercase;}
body#cols2575 aside#colpos1 {
  float: left;
  width: 200px;
  padding-top: 30px;
}
body#cols2575 section#colpos0 {
  float: right;
  width: 970px;
  margin: 0; padding: 0;
  padding-top: 30px;
}

/* --- UNTERSEITEN --- */
body#cols7525 aside#colpos2 {
  float: right;
  width: 480px;
}
body#cols7525 section#colpos0 {
  float: left;
  width: 665px;
  margin: 0; padding: 0;
  padding-top: 30px;
}
body#full section#colpos0 {
  height: 100%;
/*
  overflow: hidden;
*/
}
/* ------------------------------------------------
    mainheader breadcrumb
------------------------------------------------ */
/* --- CONTENT --- */
section#content {
  z-index: 20;
  position: relative;
  padding: 0;
  height: 100%;
  overflow: visible;
/*
  margin-top: -40px;
*/
  padding-bottom: 25px;
}
/* wenn element als erstes */
#colpos0 > a + .tx-sd-flexslider,
.newssingle .tx-sd-flexslider{
  margin-top: -40px;
}
/* wenn element als erstes */
#colpos0 > a + .csc-header + a + .tx-sd-flexslider {
  margin-top: 0;
}
#bg-white section#content {
  margin-top: 0;
}

#mainheader,
#mainheader.navborder
{
  position: relative;
  background: rgba(200,200,200,0.5);
  background: transparent;
}
#mainheader.navborder,
#breadcrumb.navborder 
{
  position: fixed;
  top: -90px;   /* needs to correspond with mainHeadSmallHeight = 90in custom.js */
}
#mainheader {
  z-index: 150;
  top:0;
  width: 100%;
}
/* svg background navigation oben */
#mainheader,
#mainheader.navborder,
#mainheader svg.svg-img 
{
  height: 160px;
}
#mainheader svg.svg-img {
  position: absolute;
  left: 0; top: 0; 
  width: 100%;
  z-index: 1;
}

/* when scrolled */
#mainheader.navborder {height: 90px;}
#mainheader.navborder svg.svg-img {top: -50px;}

#mainheader .navtop {
  position: absolute;
  top: 0; 
  left: 50%;
  -webkit-transform:  translateX(-50%);
  -moz-transform:      translateX(-50%);
  -ms-transform:      translateX(-50%);
  -o-transform:        translateX(-50%);
  transform:          translateX(-50%);
  z-index: 2;
}

/* --- LOGO SVG ICON FONT --- */
/* dont display as additional text in span */
#logo {
  position: absolute;
  z-index: 2;
  left: 50%;
  -webkit-transform:  translateX(-50%);
  -moz-transform:      translateX(-50%);
  -ms-transform:      translateX(-50%);
  -ms-transform:      translateX(-50%);
  transform:          translateX(-50%);
  top: 30px;
}
#logo img {
  width: auto; height: auto;
  max-width: 162px;
}
#mainheader.navborder #logo {
  top: 18px;
}
#mainheader.navborder #logo img {
  max-width: 100px;
}
#logo img a {margin: 0; padding: 0;}
#logo img a:link, #logo a img, #logo img a
{
  -webkit-transition:  all 0.10s ease-in-out;
  -moz-transition:    all 0.10s ease-in-out;
  -ms-transition:      all 0.10s ease-in-out;
  -o-transition:      all 0.10s ease-in-out;  
  transition:          all 0.10s ease-in-out;
}

#logo span.logotxt {
  text-indent: -9999px;
  line-height: 0.01;
  font:0/0 a;
  color:transparent;
  display: none;
}

#top-navigation {
  position: absolute;
  right: 0; 
  top: 50px;
  list-style: none;
  margin: 0; padding: 0;
  font-size: 0.9em;
}
#top-navigation li {
  display: inline-block;
  line-height: 40px;
  margin-right: 18px;
  font-weight: bold;
}
#top-navigation li:last-child {margin-right: 0;}
/* -------------------------------------------------------------------------------------------------
  mainnavigation 
-------------------------------------------------------------------------------------------------- */
@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}
@-moz-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}
@-o-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}
@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}

#mainheader ul, #mainheader ul li {
  margin: 0; padding: 0;
  list-style: none;
}
#mainheader, #mainheader a {color: #fff;}

#mainheader ul.level1 li.firstlevel:hover > a,
#mainheader ul.level1 li.li-active > a
{
  border-bottom: 2px solid rgb(255,255,255);
  -webkit-transition : border 200ms ease-in-out;
  -moz-transition : border 200ms ease-in-out;
  -o-transition : border 200ms ease-in-out;
  transition : border 200ms ease-in-out;
}
#mainheader ul.level1 {
  width: 43%;
  font-size: 1.3em;
  margin-top: 60px;
  text-transform: uppercase;
}
ul.navigationleft {
  float: left;
  text-align: right;
}
ul.navigationright {float: right;}
#mainheader ul.level1 li {
  display: inline-block;
  margin-right: 50px;
  position: relative;
}
#mainheader ul.navigationright li.first {margin-left: 50px;}
#mainheader ul.navigationright li.last {margin-right: 0px;}

#mainheader.navborder ul.level1 {
  margin-top: 25px;
}
#mainheader li a {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

/* navtop submenu */
.navtop ul.dynamic {
  position: absolute;
  z-index: 1000;
  top: 100%;
  left: 0px;
  min-width: 240px;
  max-width: 240px;
  background: transparent;
  margin: 0;
  padding: 0;
  text-align: left;
  list-style: none;
  border: none;
  color: #fff;
  margin: 0;
  padding: 1rem 1rem;
  background: #000;
  background: rgba(0,0,0,0.90);
  -webkit-box-shadow: 25px 25px 45px -22px rgba(0,0,0,0.2);
  -moz-box-shadow: 25px 25px 45px -22px rgba(0,0,0,0.2);
  box-shadow: 25px 25px 45px -22px rgba(0,0,0,0.2);
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  border-radius: 8px 8px 8px 8px;
}
#mainheader ul.level1 li.firstlevel {
  padding-bottom: 20px;
}
#mainheader ul.dynamic {
  margin-left: -20px;
}
#mainheader ul.level1 li.seclevel {
  list-style: none;
  font-size: 1.3rem;
  text-align: left;
  display: block;
  margin: 0;
}
#mainheader ul.level1 li.seclevel a {
  padding: 8px 20px 0 40px;
  display: block;
  color: rgba(255,255,255,0.75);
}
#mainheader ul.level1 li.seclevel a.active {
  color: rgba(255,255,255,1.0);
}


#mainheader ul.level1 li.seclevel a::before {
  position: absolute;
  left: 20px;
  content: "\f101";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
}
#mainheader ul.level1 .seclevel.last a {
  padding-bottom: 14px;
}

#mainheader ul.level1 li.seclevel a:hover {
  color: rgba(255,255,255,1.0);
}
.navtop li.dynamic-children ul.dynamic {
  display: none;
}
/*
#mainheader li.dynamic-children:hover ul.dynamic {
  display: block;
  opacity: 1.0;
}
*/
#mainheader li.dynamic-children:hover ul.dynamic {
  display: block;
  -webkit-animation: fadeInFromNone 0.4s ease-in-out;
  -moz-animation: fadeInFromNone 0.4s ease-in-out;
  -o-animation: fadeInFromNone 0.4s ease-in-out;
  animation: fadeInFromNone 0.4s ease-in-out;
}

/* The responsive part */
/* === For phones =================================== */
@media (max-width: 767px) {
  #breadcrumb .row span {
    /* With less: .text-overflow(); */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    
  }
  #breadcrumb .row span:nth-child(n+1) {
    display:none;
  }
    /* zwei zurück */
    #breadcrumb .row span:nth-last-child(-n+2) {
        display: inline-block;
    } 
    #breadcrumb .row span {
        max-width: 150px;
    }
}


/* --- MOBILE NAV -- */
#mainheader.nav-up {margin-top: -80px;}

#mainheader.mobilenavdown {
  position: fixed;
  top: 0;

  -webkit-transition:  all 0.40s ease-in-out;
  -moz-transition:    all 0.40s ease-in-out;
  -ms-transition:      all 0.40s ease-in-out;
  -o-transition:      all 0.40s ease-in-out;  
  transition:          all 0.40s ease-in-out;

  box-shadow:0px 3px 6px rgba(0,0,0,0.2);
  -webkit-box-shadow:0px 3px 6px rgba(0,0,0,0.2);
  -moz-box-shadow:0px 3px 6px rgba(0,0,0,0.2);
}
#mainheader.mainnavPos {position: relative;}

/* --- Desktop Nav --- */




/* -------------------------------------------------------------------------------------------------
  breadcrumb 
-------------------------------------------------------------------------------------------------- */
#breadcrumb {
  z-index: 149;
  height: 50px;
  position: relative;
  top:0;
  width: 100%;
  color: #fff;
  text-transform: uppercase; 
  background: #50bff1;
  background: rgb(80,191,241);
  background:rgba(80,191,241,0.95);
}
#breadcrumb .row {padding-left: 2px;}
#breadcrumb.navborder {height: 50px;}
#breadcrumb.navborder a {height: 50px;}
#breadcrumb a {
  color: #fff;
  text-decoration: none;
  font-size: 0.9em;
  line-height: 50px;
}
#breadcrumb a:hover,
#breadcrumb a.active {
  color: #00489a;
}

#breadcrumb span:before
{
  content: "\f105";
  font-family: FontAwesome;
  font-size: 0.9em;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  cursor: pointer;
  margin: 0 6px;
}
#breadcrumb span:first-child:before {display: none;}

/* --- MAIN NAVIGATION --- */
/* -- Ausblenden des Navigations-Selektors -- */

nav select,
#spacer, 
.menubutton,
#mobilenav,
#mobile_menu
{
  display: none;
}


/* ---- Cookie Hinweis und Close ---*/
#cookieDebug {
  z-index: 999;
  position: fixed;
  top: 20px; left: 20px;
  padding: 30px;
  background: #000;
  border: 1px solid #00489a;
}
#cookieAlert {
  font-size: 1.0em;
  z-index: 100;
  position: fixed;
  bottom: -200px;
  display: none;
  width: 100%;
  height: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.8);
  border-top: 1px solid #fff;
  margin: auto auto;
  -moz-opacity: 0.95;
  opacity: 0.95;
}
#cookieAlert,
#cookieAlert a {
  color: #fff;
}
.cookieAlertCnt {
  position: relative;
  padding: 14px 0;
}
.cookieAlertTxt {
  display: block;
  padding-right: 90px;
}

@media screen 
and (max-width: 480px) 
{
  .cookieAlertCnt {
    padding: 45px 0 0 0;
    width: 90%;
  }
  .cookieAlertTxt {
    padding-right: 0px;
  }
}

#cookieAlert p.cookieAlertHeader {
  color: #fff;
  font-weight: bold;
  font-size: 1.25em;
}
#cookieDelete
{
  cursor: pointer;
  display: inline-block;
  margin: 8px 0 8px 0;
  border-bottom: 1px solid #00489a;
}
#cookieAlert #cookieAlertButton a
{
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
  display: inline-block;
  margin: 8px 0 8px 0;
  border-bottom: 1px solid #00489a;
}
#cookieAlert #cookieAlertButton a:hover {
  border-bottom: 1px solid #fff;
}

#cookieAlert #cookieAlertButton {
  display: block;
}

@media (min-width: 768px) {
  #cookieLink,
  #cookieDecline
  {
    max-width: 300px;
    min-width: 200px;
  }
}
@media (max-width: 767px) {
  #cookieLink,
  #cookieDecline
  {
    max-width: 100%;
  }
}
@media (max-width: 480px) {
  #cookieAlert #cookieAlertButton
  {
    display: inline;
  }
}

#cookieHinweisClose {
  z-index: 100;
  position: absolute;
  top: 14px; right: 0px;
  cursor: pointer;
}
#cookieHinweisClose span {
  margin-right: 8px;
  text-decoration: underline;
}


#cookieLink,
#cookieDecline {
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  display: inline-block;

  margin: 20px 0 20px 0;
  text-align: center;
  font-weight: bold;
  padding: 8px 20px;
  background: #9aCd32;
}
#cookieLink:hover {
  background: #6B8e23;
}
#cookieDecline {
  background: #cd327f;
}
#cookieDecline:hover {
  background: #b31b67;
}
@media (min-width: 768px) {
  #cookieDecline {
    margin-left: 20px;
  }
}

/* CE Elemente ============================================================= */

section.gridel-wrap {}

.gridel {
  height: 100%;
  overflow: hidden;
}
.gridel DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {margin-bottom: 0px;}
.gridel DIV.csc-textpic .csc-textpic-imagewrap {margin: 0;}
  
.ce-half, .ce-thirds, .ce-fourth {position: relative; float: left;}

/* --- 2 Spalten --- */
.twocols {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  vertical-align: top;
  height: 100%;
  border-spacing: 0px;
  padding: 0;
  overflow: hidden;
}
.twocols .col66,
.twocols .col33 
{
  display: table-cell;
  height: 100%;
  vertical-align: top;
}
.twocols .col66 {
  padding: 0 4.9em 1.5em 0;
}
.twocols .col33 {
  padding: 0em 0 1.5em 0;
/*
  padding: 60px 50px;
  background:  #f3b105;
  color: #fff;
*/
}
.article .twocols .col33 {
  padding-top: 2.52em;
}
.twocols .bluebox {
  background:  #2daae2;
}
.twocols .greybox {
  background:  #eeefef;
  color: #000;
}

.inside-full-height {
  /*
  // if you want to give content full height give him height: 100%;
  // with content full height you can't apply margins to the content
  // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
  */
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}


/* --- 3 Spalten Startseite --- */
.col25, .col33, .col35, .col50, .col60, .col65, .col66, .col70, .col75, .col100
{
  overflow: hidden;
  min-height: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;  
}
.threecols .col25, .threecols .col35 {}
  
.col25 {width: 25.0%;}
.col33 {width: 33.33%;}
.col35 {width: 35.0%;}
.col50 {width: 49.0%;}
.col60 {width: 60.0%;}
.col65 {width: 65.0%;}
.col66 {width: 66.6%;}
.col70 {width: 70.0%;}
.col75 {width: 75.0%;}
.col100 {width: 100%;}

.gridel div.last {
  margin: 0;
  padding-right: 0;
  float: right;
}


/* --- Bilder in 3-Spalten Element --- */
.gridel div.csc-textpic-center .csc-textpic-center-outer { position: relative; float: none; right: 0%; }
.gridel div.csc-textpic-center .csc-textpic-center-inner { position: relative; float: none; right: 0%; }

.gridel div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  width: auto;
  display: block;
}
.gridel div.csc-textpic-right .csc-textpic-imagewrap,
.gridel div.csc-textpic-left .csc-textpic-imagewrap,
.gridel div.csc-textpic-intext-left .csc-textpic-imagewrap,
.gridel div.csc-textpic-intext-right .csc-textpic-imagewrap,
.gridel div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap,
.gridel div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap 
{
  float: none;
}
.gridel div.csc-textpic .csc-textpic-imagewrap img {
  height: auto;
  width: 100%;
  max-width: 100%;
}
.csc-textpic-imagerow {
  margin-bottom: 20px;
}
/*
div.csc-textpic-imagecolumn {margin-right: 2%;}
div.csc-textpic-imagecolumn.csc-textpic-lastcol {margin-right: 0;}
*/
#page .csc-textpic-imagewrap[data-csc-cols="1"] .csc-textpic-imagecolumn {width: 100%;}
#page .csc-textpic-imagewrap[data-csc-cols="2"] .csc-textpic-imagecolumn {width: 47%;}
#page .csc-textpic-imagewrap[data-csc-cols="3"] .csc-textpic-imagecolumn {width: 30%;}
#page .csc-textpic-imagewrap[data-csc-cols="4"] .csc-textpic-imagecolumn {width: 23%;}
#page .csc-textpic-imagewrap[data-csc-cols="5"] .csc-textpic-imagecolumn {width: 18%;}
#page .csc-textpic-imagewrap[data-csc-cols="6"] .csc-textpic-imagecolumn {width: 15%;}
#page .csc-textpic-imagewrap[data-csc-cols="7"] .csc-textpic-imagecolumn {width: 14%;}
#page .csc-textpic-imagewrap[data-csc-cols="8"] .csc-textpic-imagecolumn {width: 12%;}

/* ------------- ULUL LILI LIST------------- */
ul.liste-links {
  margin: 0; padding: 0;
  list-style: none;
  float: left;
  width: 24%;
}
ul.liste-links li {
  margin: 0; padding: 0;
  margin-bottom: 0.571em;
}
/* end --- CONTENT --- */


/* -------------------------------------------------------------------------
  HEADERIMAGE HEADER
  http://t3n.de/news/weniger-mehr-vollbild-sections-575444/
  http://ianlunn.co.uk/plugins/jquery-parallax/
------------------------------------------------------------------------- */
.flexslider {background: #000;}

.tx-sd-flexslider {
  z-index: 1;
  position: relative;
  overflow: hidden;
  height: 100%;
  margin: 0; padding: 0;
}
.tx-sd-flexslider i.fa-spin {
  position: absolute;
  top: 49%;
  left: 49%;
  background: none;
  color: #fff;
  font-size: 18px;
  text-shadow: 0 1px 2px rgba(0,0,0,0.6);
  vertical-align: middle;
}
.tx-sd-flexslider ul.slides img {
  margin: auto;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.tx-sd-flexslider .contentslider ul.slides img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
/*
.tx-sd-flexslider .hasslides {
  opacity:0;
  -webkit-transition:  opacity 0.25s ease-in-out 0;
  -moz-transition:    opacity 0.25s ease-in-out 0;
  -ms-transition:      opacity 0.25s ease-in-out 0;
  -o-transition:      opacity 0.25s ease-in-out 0;  
  transition:          opacity 0.25s ease-in-out 0;
}
#page .flexvisible .hasslides {opacity:1;}
#page .flexvisible .fa-spin {display: none;}
*/
/* --- CAPTION IM HEADER --- */

.caption-body {margin-top: 1.2em;}

.bigslider ul.slides li {
/* alter Filter */
/*
  background: #09978d;
  background-image: url('../../fileadmin/templates/assets/header-kachel.png');
*/
  background: #000;
  background-repeat: repeat;
  background-position: 0 0;
  height: 100%;
  
}
/* contentslider */
.contentslider ul.slides li {
  background: #000;
}

.contentslider .slidercontent a {
  position: relative;
  display: block;
  color: #fff;
  height: 100%;
}
.contentslider span.contentslider-text,
.noslider span.contentslider-text
{
  position: absolute;
  z-index: 10;
  top: 50%;
  padding: 20px;
  width: 100%;
  color: #fff;
  text-align: center;
  -webkit-transform:  translateY(-50%);
  -moz-transform:     translateY(-50%);
  -ms-transform:      translateY(-50%);
  -o-transform:       translateY(-50%);
  transform:          translateY(-50%);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition:    all 0.25s ease-in-out;
  -ms-transition:     all 0.25s ease-in-out;
  -o-transition:      all 0.25s ease-in-out;
  transition:         all 0.25s ease-in-out;
  opacity: 0;
  display: block;
  visibility: hidden;
}
@media only screen 
  and (min-width: 320px)
  and (max-width: 667px)
{
  .contentslider span.contentslider-text,
  .noslider span.contentslider-text {
    top: auto;
    bottom: 0;
    -webkit-transform:  translateY(0%);
    -moz-transform:     translateY(0%);
    -ms-transform:      translateY(0%);
    -o-transform:       translateY(0%);
    transform:          translateY(0%);
    padding: 0 15px 15px 15px;
  }
  span.contentslider-text h3 {
    margin-bottom: 5px;
  }
}

.noslider a:hover span.contentslider-text,
.contentslider a:hover span.contentslider-text 
{
  opacity: 1;  
  visibility: visible;  
}
.noslider a:hover img,
.contentslider a:hover img 
{
  -moz-opacity: 0.30; 
  opacity: 0.30;
/*
  -webkit-transform:rotate(9deg) scale(1.6);
  -moz-transform:rotate(9deg) scale(1.6);
  -ms-transform:rotate(9deg) scale(1.6);
  -o-transform:rotate(9deg) scale(1.6);
  transform:rotate(9deg) scale(1.6);
  margin-left:20%;
  margin-top:10%;
*/
}
/* mobile adaptions */
@media (max-width: 767px) {
  .noslider span.contentslider-text,
  .contentslider span.contentslider-text 
  {
    opacity: 1;
    visibility: visible;
    font-size: 1.2em;
  }
  .noslider img,
  .contentslider img 
  {
    -moz-opacity: 0.60; 
    opacity: 0.60;
  }
}


/* no slider */
.noslider ul.slides li {
  background: #000;
  width: 20.00%;
  display: block;
  float: left;
}
.noslider ul.slides {
  height: 100%;
}
.noslider .slidercontent {
  display: block;
  height: auto;
  overflow: hidden;
}
.noslider .slidercontent a {
  display: block;
  position: relative;
  color: #fff;
  height: 100%;
}


.tx-sd-flexslider .news-list-date,
.caption-short
{
  font-size: 0.9em;
  padding-bottom: 0.0em;
}
.caption-short {text-transform: uppercase;}

.caption-downloadlink,
.caption-ausstellertxt,
.caption-ansprechpartnertxt
{
  display: block; 
  float: left;
  width: 30%;
}




/* ------------------------------------------------------------------------------------------------
  Bildbreiten im SLIDER und anderen Elementen
------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------
  Highlight  Intro
------------------------------------------------------ */
/* sven todo */
.highlights-box {
  overflow: hidden;
  position: relative;
}

/* --- DEFAULT HEIGHT --- */  
.slidercontent {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0 auto;
}


.bigslider .slidercontent,
.bigslider .highlights-box .slidercontent,
.bigslider .ceimgdefault,
#slidercontent .ceimgdefault,
#newssingleheader .ceimgdefault
{
  min-height: 740px;
  height: 740px;
}
/* --- MEDIUM HEIGHT --- */
.bigslider .ceimgmedium {
  min-height: 600px;
  height: 600px;
}
/* --- SMALL HEIGHT --- */
.bigslider .ceimgsmall {
  min-height: 500px;
  height: 500px;
}


.caption-align-outerright .ceimgsmall img.slider-img,
.caption-align-outerleft .ceimgsmall img.slider-img 
{
  height: auto;
  width: auto;
  max-height: 500px;
}


/* --- LARGE HEIGHT --- */
.ceimglarger {
  min-height: 700px;
  height: 700px;
}
/* --- EINKAUFSBERATER HEIGHT --- */
.ceimgeinkaufsberater {
  min-height: 780px;
  height: 780px;
}

.highlights-intro .slidercontent {
  min-height: 440px;
  height: 440px;
}

/* --- default positions --- */
div.caption-wrapper { 
  width: 1440px;
  height: 100%;
  position: relative;
  top:0;
  bottom: auto;
  z-index: 100;
  margin: 0 auto;
}

.caption-body a {color: #00489a;}

.caption-text {
  position: relative;
  background: transparent;
  /* responsive */
  width: 100%;
  /* center vertically */
  top: 50%;
  -webkit-transform:  translateY(-50%);
  -moz-transform:      translateY(-50%);
  -ms-transform:      translateY(-50%);
  -o-transform:        translateY(-50%);
  transform:          translateY(-50%);

  text-shadow: 0 1px 15px rgba(0,0,0,0.2);
}
.caption-text h3 {margin: 0 0 0.8em 0;}

/* --- Positionen des Bildes --- */

/* sven */
.slider-img-wrap {
  width: 100%;
  position: relative;
}
img.slider-img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
/* problem with height auto and width auto when slider  direction vertical and revere true */
/*
  height: auto;
  width: auto;
*/
}
.bigslider img.slider-img {
  opacity: 0.5;
}

/* center */
li.caption-align-center {text-align:center;}
li.caption-align-center img.slider-img {
  left: 0px;
  top: 0px;
  width: 100%;
  height: auto;
}

li.caption-align-center .ceimgsmall img.slider-img {
/* center vertically */
  top: 25%;
  -webkit-transform: translateY(-25%);
  -moz-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  -o-transform: translateY(-25%);
  transform: translateY(-25%);
  
}

#colpos0 li.caption-align-center .ceimgdefault img.slider-img {
  width: 100%;
  height: auto;
}
/* links */
li.caption-align-left .slider-img-wrap {
  width: 1440px;
  margin: 0 auto;
}
li.caption-align-left img.slider-img {
  right: auto;
  left: 0px;
  top: 0px;
}
li.caption-align-left .caption-wrapper .caption-text {
  float: left;
}
/* rechts */
li.caption-align-right .slider-img-wrap {
  width: 1440px;
  margin: 0 auto;
}
li.caption-align-right img.slider-img {
  right: 0;
  left: auto;
  top: 0;
}
/* ganz rechts */
li.caption-align-outerright img.slider-img {
  right: 0;
  left: auto;
  top: 0;
  margin-top: 0px;
}
/* ganz links */
li.caption-align-outerleft img.slider-img {
  left: 0;
  top: 0; 
  margin-top: -50px;
}
/* responsive einkaufsberater */
li.caption-align-outerleft .caption-text {
  width: 90%;
}

/* nur auf der Startseite caption mittig ausrichten */
.startseite li.caption-align-right .caption-wrapper .caption-text,
.startseite li.caption-align-outerright .caption-wrapper .caption-text 
{
  top: 50%;
  padding-top: 0px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* IE 8 und niedriger */
.lt-ie9 .startseite li.caption-align-right .caption-wrapper .caption-text,
.lt-ie9 .startseite li.caption-align-outerright .caption-wrapper .caption-text 
{
  top: 0;
  padding-top: 20px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}


/* --- small image in caption --- */
.tx-sd-flexslider img.caption-smallimage {
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0;
}
.caption-wrapper header.hassmallimg {
  position: relative;

}
/* --- kleine Bilder --- */
#colpos0 .imagesadd img {
  float: left;
  display: block;
  height: auto;
  width: auto;
  max-width: 189px;
}
.imagesadd img.odd,
.imagesadd img.even {
  margin-right: 0.714em;
  margin-bottom: 0.714em;
  margin: 0 8px 8px 0;
  border: 1px solid #cecece;
}
.imagesadd a:hover img {
  border: 1px solid #00489a;
}
.imagesadd img:nth-child(7n) {
  margin-right: 0;
}






/* --- FOOTER --- */
#footer {
  position: relative;
  z-index: 100;
  clear: both;
  z-index:20;
  padding: 0;
  width: 100%;
  font-size: 0.9em;
  height: 100%;
  overflow: hidden;
}
#footer-contents, #footer-contents2 {
  background: #000;
  position: relative;
  width: 100%;
  min-height: 30px;
  padding: 0px 0 10px 0;
  height: 100%;
  overflow: hidden;
}
#footer .row {
  height: 100%;
  overflow: hidden;
}
#footer-contents2 {
  padding: 30px 0;
  min-height: auto;
  line-height: 1.3em;
}
#footer-contents div, #footer-contents2 div {margin: auto auto;}



.newsletter-anmeldung {
  display: inline-block; 
  line-height: 1;
  font-size: 1.0em;
}
.newsletter-anmeldung i {
  margin: 3px 0 0 4px;
  font-size: 1.4em;
}
span.newsletter-thanks {
  line-height: 28px;
  font-weight: bold;
}
ul#footer-navigation {
  float: right;
  width: 50%;
  list-style: none;
  margin: 0; padding: 0;
  text-align: right;
}
ul#footer-navigation li {
  display: inline-block;
  line-height: 20px;
}
#footer-navigation li {margin-right: 30px;}
#footer-navigation li.last {margin-right: 0;}

#footer-navigation a .fa {color: #404040;}
#footer-navigation a:hover .fa {background: #404040; color: #fff;}

#footer-address {
  float: left;
  width: 50%;
  padding-top: 10px;
  display: none;
}
.startseite #footer-address {
  display: block;
  margin-bottom: 30px;
}


/* ------------------------------------------------
  NEWS MODUL
------------------------------------------------ */
/* --- news Termine --- */
.news-dates a {display: block;}
span.news-dates-time {
  display: block;
  color: rgb(255,255,255);
  color: rgba(255,255,255,0.5);
  width: 60px; height: 60px;
  padding-top: 8px;
  float: left;
  position: absolute;
  top: 0; left: 0;
  z-index: 21;
}

.news-dates-time.odd,
.news-dates-time.even 
{
  background: rgb(255,255,255);
  background: rgba(255,255,255,0.7);
  background: transparent;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;  
  transition: all 0.15s ease-in-out;    
}
a:hover .news-dates-time.odd,
a:hover .news-dates-time.even 
{
  background: #e7002d;
  background: rgb(255,255,255);
  background: rgba(255,255,255,0.8);
  color: #000;
}
.news-dates-time span {
  display: block;
  text-align: center;
}
.news-list-date-day {
  font-size: 1.5em;
  line-height: 1;
}
.news-list-date-month {
  margin-top: -3px;
  font-size: 1.1em;
  line-height: 1;
}


.news .news-list-view .footer {
  clear: both;
  margin-top: 2.143em;
  padding: 0 0 1.071em 0;
  font-size: 0.8em;
  border: none;
  color: #000;
  height: 67px;
  max-height: 67px;
  overflow: hidden;
}
.threecols .news {
  padding: 45px;
  background: #f3b105 url('../../fileadmin/templates/images/backgrounds/latestBg.jpg') no-repeat bottom left;
  min-height: 300px;
  color: #fff;
}


.news-list-view .news-teaser-cnt .header {min-height: 60px;}

.news-list-view .news-teaser-cnt .news-list-date {
  position: absolute;
  top: 12px;
  margin-bottom: 15px;
  display: inline-block;
}
/* Standard News Liste */
.news-std .article {
  clear: both;
  margin-bottom: 2.125em;
}
.news-std .news-teaser-cnt .news-list-date {
  position: relative;
  top: 0;
}


.news-list-view .news-category-image {float: right;}

#colpos0 .news-list-view .news-category-image img {
  width: 200px;
  height: auto;
  max-height: 100px;
}
.news .footer .news-list-category-wrap {
  float: left;
}
.news .footer span.news-list-category {
  line-height: 1;
  margin-bottom: 10px;
  display: none;
}
.news .footer .news-list-date {
  margin-bottom: 10px;
  display: none;
}

.news .footer span {
  display: block;
  padding-right: 0px;
  margin-right: 0px;
  border: none;
}
.news .article .news-img-wrap {
  float: left;
  margin: 0;
  background: transparent;
}
.news .article .news-img-wrap a {
  padding: 0;
  border: none;
  background: transparent;
  padding: 0;
}
.news-single {padding-top: 2.857em;}


.newssingle .news-single .article .news-img-wrap {
  width: 100%;
  margin: 0;
}
.newssingle .news-single .article .outer {
  width: 47%;
  float: left;
  margin: 0 2% 2% 0;
}
.newssingle .news-single .article .-video {
  width: 100%;
}

.newssingle .news-single .article .outer:nth-child(even) {
  margin-right: 0;
}
.news .article .news-img-wrap img {
  width: 100%;
  height: auto;
}
.containsnews .news-list-date {display: none;}


/* single view */
.news-single .footer {
  margin-bottom: 0px;
  margin-top: 5px;
  padding: 10px 0 0 0;
  border-bottom: 0;
  border-top: 0px solid #eee;
}
.news-single .header {
  border-bottom: 1px solid #cecece;
}
.news-related-wrap {}
.news-related-links 
{
  padding: 0 0 2.0em 0;
  border: none;
}
.news-related ul {margin: 0; padding: 0;}
.news-related li {list-style: none;}

.outer-video {
  margin-bottom: 2.0em;
}

.news-single .hidedate .news-list-date {display: none;}

body#cols2575 .news-list-view .footer {display: none;}
body#cols2575 .news-list-view .odd {float: left;}
body#cols2575 .news-list-view .even {float: right;}
body#cols2575 .news .article {background: #e1e1e1;}



/* --- csc memnu --- */
.csc-menu-teaser {
  width: 580px;
  margin-bottom: 30px;
}
.csc-menu-teaser-cnt {
  background: #e1e1e1;
  min-height: 480px;
}
.csc-menu-teaser-cnt .teaser-text {padding: 20px;}

h2.csc-menu-teaser-head {
  font-size: 0.9em;
  margin: 0 0 4px 2px;
  padding: 0;
  text-transform: uppercase;
}
h2.csc-menu-teaser-head a {
  margin-bottom: 10px;
}
.csc-menu-teaser-cnt .header span {display: block;}


/* --- Browsebox für verschiedene Plugins ( News, Indexed Search)  --- */

.f3-widget-paginator,
.page-navigation 
{
  clear: both;
  width: 100%;
  display: block;
  text-align: center;
  margin: auto auto;
  padding-top: 1.3em;
}
.page-navigation p {display: none ! important;}

/* --- PAGE BROWSER --- */

ul.f3-widget-paginator,
ul.f3-widget-paginator li,
.page-navigation ul,
.page-navigation ul li
{
  display: inline-block;
  list-style: none;
  margin: 0;
}
ul.f3-widget-paginator  li,
.page-navigation ul li
{
  background: rgb(255,255,255);
  background: rgba(255,255,255,1.0);
  width: auto;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
}
.f3-widget-paginator .current,
ul.f3-widget-paginator li a:hover,
.page-navigation .current,
.page-navigation ul li a:hover
{
  background: #00aa9e;
  color: #fff;
}
ul.f3-widget-paginator li a,
.page-navigation ul li a 
{
  line-height: 32px;
  display: block;
  color: #3f4245;
}
#colpos0 ul li.last a,
#colpos0 ul li.first a,
#colpos0 ul li.next a,
#colpos0 ul li.previous a 
{
  padding-left: 6px;
  padding-right: 6px;
}
ul.f3-widget-paginator li.next a,
ul.f3-widget-paginator li.previous a,
.page-navigation ul li.next a:after,
.page-navigation ul li.previous a:before
{
  font-family: 'FontAwesome';
  speak: none;
  font-family: FontAwesome;
  font-size: 0.9em;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
}
ul.f3-widget-paginator li.next a,
ul.f3-widget-paginator li.previous a
{
  text-align: center;
  display: block;
}
.page-navigation ul li.next a:after,
.page-navigation ul li.previous a:before
{
  margin: 0 6px;
}
.page-navigation ul li.next a:after
{
  content: "\f178";
}
.page-navigation ul li.previous a:before
{
  content: "\f177";
}


/* ------------------------------------------------
  SEARCH SERACHBOX
------------------------------------------------ */
ul#searchbox-autocomplete input[type="submit"],
input.tx-indexedsearch-searchbox-button
{
  border: none;
  background:transparent;
  color: #bdbcbc;
  cursor: pointer;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9em;
  float: right;
  margin: 0.071em 0.571em 0 0;
  padding: 0.3em;
}
ul#searchbox-autocomplete input[type="submit"] {width: auto;}

input.sword {
  color: #737373;
  width: 310px;
  font-size: 0.9em;
  padding: 0.571em;
  border: 1px solid rgb(31,36,39);
  border: 1px solid rgba(31,36,39,0.9);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
div#searchbox-wrap input.sword {
  width: 94%;
  font-size: 0.9em;
  padding: 0.714em;
  background: #e1e1e1;
  border: 1px solid #404040;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
input.ui-autocomplete-loading {
  background: transparent url('../../fileadmin/templates/icons/spinner/spinner-indicator-wh.gif') 292px 10px no-repeat;
  background-size: 16px 16px;
}
#tx_indexedsearch {}

#tx_indexedsearch fieldset {
  margin: 0; 
  padding: 0;
}
.tx-indexedsearch-form label {display: none;}
.tx-indexedsearch-form {width: 70%;}
input.tx-indexedsearch-searchbox-sword {width: 100%;}

.tx-indexedsearch-form,
.tx-indexedsearch-search-submit 
{
  float: left;
  height: 100%;
  overflow: hidden;
}
.tx-indexedsearch-search-submit {
  padding-left: 3px;
  margin: -4px 0 0 8px;
}
.tx-indexedsearch-search-submit input {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;  
  transition: all 0.25s ease-in-out;
}
.tx-indexedsearch-search-submit input:hover {color: #000;}

.tx-indexedsearch-search-for {
  float: right;
  width: 100%;
}
.tx-indexedsearch-percent {
  font-size: 1.5em;
  text-align: right;
  line-height: 1.2em;
  color: #dbdbdb;
}
dl.tx-indexedsearch-info.info.info-tmpl-css {
  margin: 0;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
dl.tx-indexedsearch-info.info.info-tmpl-css dt {
  float: left;
  padding: 0; margin: 0;
  padding-right: 3px;
  border: 0px solid #915;
}
dl.tx-indexedsearch-info.info.info-tmpl-css dd {
  float: left;
  padding: 0; margin: 0;
  padding-right: 12px;
  border: 0px solid #036;
}
.tx-indexedsearch-text-item-path.item-path {
  display: inline;
}
.tx-indexedsearch-text-item-path a {
  color: #464646;
}
.tx-indexedsearch .tx-indexedsearch-noresults { 
  text-align:center;
  font-weight:bold;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
  color: #464646;
  font-size: 0.9em;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info a {

  text-decoration: none;
}
.tx-indexedsearch-result-number.result-number {display: none;}

.link-to-othermode{
  margin-left: 8px;
  padding-left: 0px;
  margin-top:7px;
}
.tx-indexedsearch-rules {
  padding-left:0px;
  padding-bottom:15px;
}
.tx-indexedsearch-search-for,
.tx-indexedsearch-search-in,
.tx-indexedsearch-search-select-section,
.tx-indexedsearch-search-select-order,
.tx-indexedsearch-search-select-results,
.tx-indexedsearch-search-select-group 
{
  margin:5px;
  margin-left:0px;
}
select.tx-indexedsearch-selectbox-type,
select.tx-indexedsearch-selectbox-defop,
select.tx-indexedsearch-selectbox-media,
select.tx-indexedsearch-selectbox-lang,
select.tx-indexedsearch-selectbox-sections,
select.tx-indexedsearch-selectbox-order,
select.tx-indexedsearch-selectbox-desc,
select.tx-indexedsearch-selectbox-results,
select.tx-indexedsearch-selectbox-group 
{
  height: 18px;
  width: 160px;
}




/* ------------------------------------------------
  Vordefinierte Tabellen Layouts 
  3x3 fuer htmlarea
------------------------------------------------ */
.table3x3 {
  margin: 8px 0 8px 0;
  border: 1px solid #999;
  border-spacing: 0px;
  border-collapse: collapse;
}
.table3x3 th {
  padding: 3px;
  background: #0f0;
  border: 1px solid #999;  
}
.table3x3 td {
  padding: 3px;
  border: 1px solid #999;  
}

ul.bodyul {
  margin: 0;
   padding: 0 0 0 1.1em;
  list-style-position: outside;
}
.bodyul li {
/*
  list-style: disc;
  list-style-position: inside;

*/
/*
    list-style: none;
    background: url('/fileadmin/templates/icons/listenpunkt.svg') no-repeat;
    background-position: 0 6px;
    background-size: 18px 18px;
    padding: 0 0 0 1.0em;
*/

    margin-bottom: 0.5em;
}



/* content bilder einkaufsberater */
#page .img-left {
  float: left;
  margin-right: 3.214em;
}
#page .img-right {
  float: right;
  margin-left: 3.214em;
}

li.odd, li.even {
  margin: 0; padding: 0;
}
ol li.odd,
ol li.even
{
  list-style: decimal;
  list-style-position: inside;
}

table.tb-zebra-rows,
table.tb-zebra-cols {
  margin: 0;
  padding: 1px;
  border-collapse: collapse;
}
table.tb-zebra-rows td,
table.tb-zebra-rows th,
table.tb-zebra-cols td,
table.tb-zebra-cols th {
  vertical-align: top;
  padding: 5px;
  border: 1px solid #fff;
}
table.tb-zebra-cols th,
table.tb-zebra-cols th {
  text-align: left;
  border-bottom: 3px solid #fff;
  font-size: 0.9em;
}


/* ------------------------------------------------
  SOCIALSHARER  
------------------------------------------------ */
#socialshareprivacy {
  height: auto;
  padding: 10px 0 40px 0;
}

#socialshareprivacy img {
  /*  max-width: 100%;*/
  height: auto;
  width: auto;
}
#socialshareprivacy .social_share_privacy_area li .help_info.icon .info,
#socialshareprivacy .social_share_privacy_area li.settings_info .settings_info_menu form fieldset legend,
#socialshareprivacy .social_share_privacy_area li.settings_info .settings_info_menu form fieldset label
{
    font-weight: normal;
}
#socialshareprivacy a:link {
  -webkit-transition: none;
    -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;  
}


/* ------------------------------------------------
  socialmediaicons
------------------------------------------------ */

#socialmediaicons {
  position: relative;
  z-index: 20;
  margin: -25px 0 0 0;  
  padding: 40px 0 40px 0;
  height: 160px;
  text-align: center;
  overflow: hidden;
}

#socialmediaicons svg.svg-img {
  position: absolute;
  left: 0; top: -25px; 
  z-index: 1;
}
#socialmediaicons .row {
  position: relative;
  z-index: 2;
}
#socialmediaicons a {
  font-size: 2.0em;
  margin-right: 2.0em;
}
#socialmediaicons a:last-child {margin-right: 0;}


/* ------------------------------------------------
  MOBILENAV
------------------------------------------------ */
#mobilenav {
  z-index: 151;
  position: fixed;
  left: 0;
  /* --- margin top wegen iPad und iPhones --- */
  margin-top: -9999px;
  width: 100%;
  padding: 0;
  height: 100%;
  height: 100vh;
  overflow: hidden;
/* display none bewirkt eine komische anzeige beim isotope sorting. layout wird nicht intialisiert */
/*  display: none;*/
  background: rgb(0,0,0);
  background: rgba(0,0,0,0.90);
}






/* ------------------------------------------------------
  GME GOOGLEMAPS
------------------------------------------------------ */
.gm-style-iw {
  padding-bottom: 35px;
  max-width: 360px;
}
.gm-style-iw a {
  position: relative;
  padding-left: 0.95em;
}
.newssingle .gm-style-iw p.bodytext a {display: none;}
.gm-style-iw .routeLink a {
  padding-left: 1.75em;
}
.gm-style-iw a:before {
  font-family: 'FontAwesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  text-indent: 0em;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0.9em;
  -webkit-font-smoothing: antialiased;
}
.gm-style-iw a:before {
  content: "\f105";
}
.gm-style-iw .routeLink a:before {
  /* car */
  content: "\f1b9";
  /* road */
/*
  content: "\f018";
*/
}



/* ------------------------------------------------------
  tt_address Adressen
------------------------------------------------------ */
.vcard {
  float: left;
  width: 24%;
  height: 320px;
  padding: 15px;
  background: #e1e1e1;
  margin-bottom: 10px;
  margin-right: 10px;
}
/*
div.vcard:nth-child(4n+4) {
  margin-right: 0px;
  float: right;
}
*/
.ttaddressdefault p {
  margin: 0 0 6px 0;
}
.ttaddressdefault p.link2page {
  font-weight: bold;
}
.vcard .vcard-img {
  height: 170px;
  text-align: center;
  margin: 0 auto;
}
.vcard img {
  width: auto; 
  height: auto;

  position: relative;
  top: 50%;

  margin: 0 auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.vcard-txt {
  padding-top: 15px;
  border-top: 1px solid #fff;
}

.vcard-company {}



/* --- Farben im Slider --- */
/* .sdflexslider-style1 = white */
/* button im Slider */
.flexslider svg.svg-img,
#newssingleheader svg.svg-img 
{
  position: absolute;
  left: 0; bottom: -2px; 
  z-index: 999;
  height: auto;
  margin-bottom: -5px;
}
.svg-img {
  width: 100%;
  height: 100%;
}
.svg-btn {
  position: absolute;
  z-index: 10;
  margin: auto auto;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
/* button im slider */
/*
.flexslider .svg-btn {
  float: left;
  position: relative;
  top: 0;
  margin-top: 20px;
}
*/
.flexslider .svg-btn {
  display: inline-block;
  margin: auto auto;
  position: relative;
  top: 0px;
  left: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

/* svg button */
.caption-link {
  position: relative;
  margin: 0 auto;  
  padding: 0px;
}
span.capsvg {
  position: relative;
  display: inline-block;
  z-index: 1;
  padding: 10px 20px;
}
span.caplink {
  position: relative;
  z-index: 1;
  font-size: 1.3em;
  line-height: 1.30em;
}
.caption-link span.border {
  position: absolute;
  z-index: 0;
  left: 0; top: 0;
  height: 100%;
  width: 100%;
  padding-right: 2px;
/*  
  border: 1px solid red;
*/
}


.sdflexslider-style1 .caption-link a,
ul.slides li.sdflexslider-style1 div.caption-wrapper .caption-short 
{
  -moz-opacity: 0.90;
  opacity: 0.90;
  border-color: rgb(255,255,255);
  border-color: rgba(255,255,255,0.8);
}

/* .sdflexslider-style2 = black */

ul.slides li.sdflexslider-style2 div.caption-wrapper {
  color: #000; 
}
ul.slides li div.caption-wrapper a {text-shadow: none;}

.sdflexslider-style2 .caption-link a,
ul.slides li.sdflexslider-style2 div.caption-wrapper .caption-short 
{
  -moz-opacity: 0.90;
  opacity: 0.90;
  border-color: rgb(0,0,0);
  border-color: rgba(0,0,0,0.8);
}
ul.slides li.sdflexslider-style2 div.caption-wrapper .caption-link a:hover {
  -moz-opacity: 1.00;
  opacity: 1.00;
}



/* ------------------------------------------------------
  Sidebox STOERER
------------------------------------------------------ */
.sidebox a {display: block;}
.sidebox a:hover {color: #000;}

.sidebox {
  position: relative;
  z-index: 1;
  display: block;
  -webkit-transform: translateZ(0px);
  -moz-transform: translateZ(0px);
  -o-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  transform: translateZ(0px);
  width: 100%;
  color: #fff;
  background: transparent;
  margin-top: -40px;
}

.sidebox svg rect {
  display: none;
    opacity: .0;
    -ms-filter: "alpha(Opacity=50)";
    filter: alpha(opacity=50);
    will-change: opacity;
    -webkit-transition: opacity .55s cubic-bezier(0.19, 1, .22, 1);
    -moz-transition: opacity .55s cubic-bezier(0.19, 1, .22, 1);
    -o-transition: opacity .55s cubic-bezier(0.19, 1, .22, 1);
    -ms-transition: opacity .55s cubic-bezier(0.19, 1, .22, 1);
    transition: opacity .55s cubic-bezier(0.19, 1, .22, 1)
}
.sidebox:hover svg rect {
    opacity: 0;
    -ms-filter: "alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.sidebox-bak {
  image-rendering:        optimizeSpeed;              /* Legal fallback */
  image-rendering:        -moz-crisp-edges;            /* Firefox        */
  image-rendering:        -o-crisp-edges;              /* Opera          */
  image-rendering:        -webkit-optimize-contrast;  /* Safari         */
  image-rendering:        optimize-contrast;          /* CSS3 Proposed  */
  image-rendering:        crisp-edges;                /* CSS4 Proposed  */
  image-rendering:        pixelated;                  /* CSS4 Proposed  */
  -ms-interpolation-mode:  nearest-neighbor;            /* IE8+           */
}


.sidebox .row {vertical-align: middle;}










/* ------------------------------------------------------
  tilebox Kachelbox
------------------------------------------------------ */
.tilebox {
  position: relative;
  padding: 40px;
  color: #fff;
  height: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  image-rendering:        optimizeSpeed;              /* Legal fallback */
  image-rendering:        -moz-crisp-edges;            /* Firefox        */
  image-rendering:        -o-crisp-edges;              /* Opera          */
  image-rendering:        -webkit-optimize-contrast;  /* Safari         */
  image-rendering:        optimize-contrast;          /* CSS3 Proposed  */
  image-rendering:        crisp-edges;                /* CSS4 Proposed  */
  image-rendering:        pixelated;                  /* CSS4 Proposed  */
  -ms-interpolation-mode:  nearest-neighbor;            /* IE8+           */

}
/* --- style mit partner suchbox  --- */
.tbstyle-4 {color: #000;}
.tbstyle-4 h2 {color: #00489a;}

.tilebox .enter_location-container-input {
  display: inline-block;
  width: 70%;
  position: relative;
  color: #adadad;
}
.tilebox button.search {
  background: transparent;
  border: none;
  font-size: 1.3em;
  color: #00489a;
  width: auto;
  padding: 0;
}
.tilebox button.search:hover {color: #000;}

/* --- ZITATE --- */
.zitate-box {
  padding: 4.286em 0;
  height: 100%;
  overflow: hidden;
}
.zitate-box blockquote {}
.zitate-box p.left,
.zitate-box p.right 
{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  width: 50%;
}
blockquote {
  margin: 0; padding: 0;
}
blockquote p:before,
blockquote p:after
{
  content: "\f10d";
  font-family: FontAwesome;
  text-align: left;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  line-height: 1.0em;
  font-size: 1.0em;
  font-weight: normal;  
  position: relative;
  top: -15px;
  margin: 0 10px 0 0;
}
blockquote p:after {
  content: "\f10e";
  top: auto;
  bottom: -15px;
  margin: 0 0 0 10px;
}

.zitate-box p.left {
  clear: right;
  float: left;
  padding: 1.0em 1.0em 0 0;
}
.zitate-box p.right {
  float: right;
  padding: 1.0em 0 0 0.9em;
}
.zitate-box p.right:after {
  content: ' ';
   clear: both;
}

/*  GLOSSARY */

.result {
  padding-top: 10px;
  clear: both;
}
acronym, dfn, abbr, span.abbr { border-bottom: 1px dotted black; cursor: help; }
.glossary dt { 
  margin: 20px 0 20px 0;
  font-weight: 700;  
}
.glossary dd { margin: 0 0 15px 20px; }
.glossary .type {margin-right: 4px;}
/* glossar link bei news überschreiben */
.news .article .news-img-wrap a.tx-glossary {
  padding: 0;
  float: none;
  display: inline-block;
}






/* ------------------------------------------------------
  VIDEO JS
  http://designer.videojs.com/
  
  http://alistapart.com/article/creating-intrinsic-ratios-for-video
------------------------------------------------------ */

.vjs-default-skin {position: relative;}
.vjs-default-skin div.vjs-big-play-button {
  top: 50%!important;
  left: 50%!important;
  width:120px!important;
  height:80px!important;
  margin: -40px 0px 0px -60px!important;
}
.vjs-no-video {display: none;}



#colorbox{outline:0;}
#cboxWrapper {max-width:none}
#cboxTitle {margin:0}
#colorbox,#cboxContent,#cboxLoadedContent
{
  box-sizing:content-box;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box
}
#cboxOverlay {
  background:#fff;
  opacity:.9;
  filter:alpha(opacity=90)
}
#cboxWrapper {
/*
  background:#fff;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border: 10px solid rgba(0,0,0,0.2)
*/
}
#cboxContent {
  margin: -1px 0 0 -1px;
  color:#ccc;
  margin: 0;
  padding: 0px;
  margin-bottom: 0;
  
  background:#fff;
  border: none;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border: 10px solid rgba(0,0,0,0.2)
}
#cboxLoadingGraphic {
  width:40px;
  height:40px;
  top:49%;
  left:49%;
  background:none;
  color:#999;
  font-size: 1.0em;
  text-shadow:0 1px 2px rgba(0,0,0,0.6);
  vertical-align:middle;
}
#cboxLoadingGraphic:before{
  font-family:"FontAwesome";
  content:"\f110";
}

#cboxLoadedContent,
#cboxLoadingOverlay
{
  background:#fff;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#cboxLoadedContent {
  background: transparent;
  border: none;
  overflow:auto;
  -webkit-overflow-scrolling: touch;
  padding: 0;
}
#cboxTitle {
  position:absolute;
  top: auto;
  bottom: 10px;
  left:0;
  width:100%;
  font-size: 1.0em;
  text-align: center;

}
#cboxCurrent{position:absolute;bottom:-32px;left:0}

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  top: 10px;
}
#cboxPrevious{right:64px;}
#cboxNext{right:42px;}

#cboxClose{
  right: 20px;
  text-indent: -9999px;
}
#cboxClose:before {
  content: "\f00d";
  font-family: FontAwesome;
  font-size: 1.5em;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  cursor: pointer;
}

#cboxSlideshow:hover,#cboxPrevious:hover,#cboxNext:hover,#cboxClose:hover{color:#fff}

#colorbox .fa {  
  display:inline-block;
  font-family:FontAwesome;
  font-style:normal;
  font-weight:normal;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
#colorbox .fa-times:before{content:"\f00d"}
#colorbox .fa-chevron-left:before{content:"\f053"}
#colorbox .fa-chevron-right:before{content:"\f054"}
#colorbox .fa-forward:before{content:"\f04e"}




/* -----------------------------------------
  sf-filecollection-gallery
------------------------------------------ */

.tx-sf-filecollection-gallery {
  margin-bottom: 40px;
  width: 100%;
}
/* 1440 220 */
div.sf-filecollection-gallery-image-container {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  width: 20%;
  padding-right: 10px;
  padding-bottom: 10px;
}
div.sf-filecollection-gallery-image-container img {
  float: left;
  margin: 0; padding: 0;
  width: 100%; height: auto;
}
/* --- 5 Spalten Galerie  --- */
#full #colpos0 .tx-sf-filecollection-gallery div.sf-filecollection-gallery-image-container:nth-child(5n+1) {
  padding-right: 0;
}
/* --- 4 Spalten Galerie  --- */
#cols2575 #colpos0 .tx-sf-filecollection-gallery div.sf-filecollection-gallery-image-container:nth-child(4n+1) {
  padding-right: 0;
}
.sf-filecollection-gallery-image-container a {
  text-decoration: none;
  vertical-align: middle;
  display: table-cell;
  min-height: 100%;
}





/* ---------------------------------------------------------------
        GLOSSAR dpnglossary
--------------------------------------------------------------- */
.dpnglossary dl,
.dpnglossary dt,
.dpnglossary dd {
  margin: 0; padding: 0;
}
.dpnglossary-list dt {
  margin-top: 1.0em;
}
.dpnglossary-list dd {
  margin-bottom: 1.0em;
}
.dpnglossary.pagination ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.dpnglossary.pagination ul li {
  display: inline-block;
  margin: 0 0 4px 0;
  padding: 0;
  color: #fff;
  background: #2daae2;
}
.dpnglossary.pagination ul li a {
  text-decoration: none;
  margin: 0;
  padding: 0;  
  padding: 2px 6px;
  display: block;
  color: #fff;
}
.dpnglossary.pagination ul li.current {
  background: #f3b105;
  padding: 2px 6px;
}

.dpnglossary.pagination ul li.empty,
.dpnglossary.pagination ul li.empty:hover {
  padding: 2px 6px;
/*  display: none;*/
  cursor: default;
  pointer-events: none;
  background: #efefef;
}
.dpnglossary.pagination ul li:hover {background: #00489a;}

.dpnglossary.pagination ul li a.first {margin-left: 0;}
.dpnglossary.pagination ul li a.last {margin-right: 0;}
.dpnglossary.pagination ul li a.empty {color: #f00;}

/*
.dpnglossary.details .description h3 {cursor: pointer;}
.dpnglossary.details .description .text {display: none;}
*/



/* ------------------------------------------------------------------------------------------------
      NEWS IN FIVE COLS
------------------------------------------------------------------------------------------------ */

div.news-list-container-fivecols {
  overflow: hidden;
  height: 100%;
  padding-bottom: 0px;
  background: #000;
}

div.news-list-container-fivecols ul {
  list-style: none;
  margin: 0; padding: 0;
  padding-bottom: 20px;
}
div.news-list-container-fivecols ul.newslist li {
  position: relative;
  z-index: 1;
  display: block;
  margin: 0; padding: 0;
  overflow: visible;
  float: left;
  height: 100%;
  width: 20.00%; /* Fallback */
}
div.news-list-container-fivecols ul.newslist li a {
  display: block; 
  height: 100%;
  margin: 0; padding: 0;  
}

div.news-list-container-fivecols ul.newslist li img {
  position: relative;
  float: left;
  z-index: 1;
  margin: 0; padding: 0;

  width: 100%;
  height: auto;
  
  filter: alpha(opacity=50, style=0); 
  -moz-opacity: 0.50; 
  opacity: 0.50;

  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;  
  transition: all 0.15s ease-in-out;
}
div.news-list-container-fivecols ul.newslist li a:hover img {
  filter: alpha(opacity=100, style=0); 
  -moz-opacity: 1.00; 
  opacity: 1.00;

  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}




/* ----
  BAND FILTER ISOTOPE
--- */


#bandfilterwrapper.loading {
  position: relative;
  height: auto;
  background: #000 url('../../fileadmin/templates/icons/spinner/spinner-indicator-l-bl.gif') center center no-repeat; 
  background-size: 32px 32px;
}
#bandfilterwrapper {
  position: relative;
  margin: 30px 0 60px 0;
}
#bandfilterwrapper .page-navigation {
  position: absolute;
  bottom: 0; right: 0;
  margin: 0; padding: 0;
}
.news-spinner {
  position: absolute;
  margin: auto auto;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: #000;
}
ul#filter-bands {
/* isotope set visible instead of display none */
  visibility: hidden;
  position: relative;
}
ul.news-cat-tree-images,
ul#filter-bands,
ul#vote-bands,
ul.option-set 
{
  list-style: none;
  margin: 0;
  padding: 0;
}

ul#filter-bands li,
ul#vote-bands li,
ul.option-set li
{
  list-style: none;
  padding: 0;
  display: inline-block;
}
ul#filter-bands.isoVisible {visibility: visible;}


#colpos0 ul#filter-bands img,
#colpos0 ul#vote-bands img
{
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}
#colpos0 ul#filter-bands a,
#colpos0 ul#vote-bands a
{
  display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}
#isotope-filter-container {}
/* link in filter */
#isotope-filter-container a {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;  
  transition: all 0.2s ease-in-out;
}
#isotope-filter-container a:hover,
#isotope-filter-container a.selected
{
  color: #e7002d;
}

div.isotope-filter {
  width: 90%;
  text-align: center;
  float: left;
  text-transform: uppercase;
  font-size: 1.2em;
}

/*div.isotope-filter li a:after */
div.isotope-filter li::after {
  content: '/';
  display: inline;
  margin: 0 6px;
}
div.isotope-filter li:last-child:after {
  content: '';
  display: none;
}
div.sortOrder 
{
  display: inline-block;
}
div.sortOrder {float: right;}
div.sortBy {display: none;}

ul.news-cat-tree-images li,
li.news-isotope-item 
{
  list-style: none;
  position: relative;
  z-index: 1;
  display: inline-block;
  margin: 0; padding: 0;
  width: 25.00%; /* Fallback */
}
ul.news-cat-tree-images li,
li.news-isotope-item 
{
  float: left;
}
ul.news-cat-tree-images li a,
.news-isotope-item a 
{
  position: relative;
  display: block;
  background: #000;
  height: auto;
  overflow: hidden;
  text-transform: uppercase;
}
ul.news-cat-tree-images li a img,
.news-isotope-item a img 
{
  vertical-align: top; 
  position: relative;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;  
  transition: all 0.15s ease-in-out;
}

ul.news-cat-tree-images li a img,
.news-isotope-item a img 
{
  filter: alpha(opacity=50, style=0); 
  -moz-opacity: 0.50; 
  opacity: 0.50;
  
  margin: 0; padding: 0;
  width: 100%;
  height: auto;
  /*
  -webkit-transform:rotate(9deg) scale(1.6);
  -moz-transform:rotate(9deg) scale(1.6);
  -ms-transform:rotate(9deg) scale(1.6);
  -o-transform:rotate(9deg) scale(1.6);
  transform:rotate(9deg) scale(1.6);
  margin-left:20%;
  margin-top:10%;
  */
/*
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
*/

}
ul.news-cat-tree-images li a:hover img,
.news-isotope-item a:hover img 
{
  filter: alpha(opacity=100, style=0); 
  -moz-opacity: 1.00; 
  opacity: 1.00;

  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);

}
#isotope-options-container {
  float: right;
}
.newsletter-subscription {
  margin-top: 60px;
  margin-bottom: 40px;
}
.newsletter-subscription h3 {
  text-align: center;
}
.newsletter-subscription .form-group {
  width: 30%;
  margin: auto auto;
}

/* MailChimp Form Embed Code - Classic - 08/17/2011 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}

#mc_embed_signup .button {
  clear:both;
  width: 100%;
}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {color: #f4f4f4; display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#c60; font-size:200%;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;}        
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 0;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}



/* ---- featherlightgallery --- */
.featherlight {
  background: rgba(0,0,0,0);
}

/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
.featherlight:last-of-type {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAKQWlDQ1BJQ0MgUHJvZmlsZQAASA2dlndUU9kWh8+9N73QEiIgJfQaegkg0jtIFQRRiUmAUAKGhCZ2RAVGFBEpVmRUwAFHhyJjRRQLg4Ji1wnyEFDGwVFEReXdjGsJ7601896a/cdZ39nnt9fZZ+9917oAUPyCBMJ0WAGANKFYFO7rwVwSE8vE9wIYEAEOWAHA4WZmBEf4RALU/L09mZmoSMaz9u4ugGS72yy/UCZz1v9/kSI3QyQGAApF1TY8fiYX5QKUU7PFGTL/BMr0lSkyhjEyFqEJoqwi48SvbPan5iu7yZiXJuShGlnOGbw0noy7UN6aJeGjjAShXJgl4GejfAdlvVRJmgDl9yjT0/icTAAwFJlfzOcmoWyJMkUUGe6J8gIACJTEObxyDov5OWieAHimZ+SKBIlJYqYR15hp5ejIZvrxs1P5YjErlMNN4Yh4TM/0tAyOMBeAr2+WRQElWW2ZaJHtrRzt7VnW5mj5v9nfHn5T/T3IevtV8Sbsz55BjJ5Z32zsrC+9FgD2JFqbHbO+lVUAtG0GQOXhrE/vIADyBQC03pzzHoZsXpLE4gwnC4vs7GxzAZ9rLivoN/ufgm/Kv4Y595nL7vtWO6YXP4EjSRUzZUXlpqemS0TMzAwOl89k/fcQ/+PAOWnNycMsnJ/AF/GF6FVR6JQJhIlou4U8gViQLmQKhH/V4X8YNicHGX6daxRodV8AfYU5ULhJB8hvPQBDIwMkbj96An3rWxAxCsi+vGitka9zjzJ6/uf6Hwtcim7hTEEiU+b2DI9kciWiLBmj34RswQISkAd0oAo0gS4wAixgDRyAM3AD3iAAhIBIEAOWAy5IAmlABLJBPtgACkEx2AF2g2pwANSBetAEToI2cAZcBFfADXALDIBHQAqGwUswAd6BaQiC8BAVokGqkBakD5lC1hAbWgh5Q0FQOBQDxUOJkBCSQPnQJqgYKoOqoUNQPfQjdBq6CF2D+qAH0CA0Bv0BfYQRmALTYQ3YALaA2bA7HAhHwsvgRHgVnAcXwNvhSrgWPg63whfhG/AALIVfwpMIQMgIA9FGWAgb8URCkFgkAREha5EipAKpRZqQDqQbuY1IkXHkAwaHoWGYGBbGGeOHWYzhYlZh1mJKMNWYY5hWTBfmNmYQM4H5gqVi1bGmWCesP3YJNhGbjS3EVmCPYFuwl7ED2GHsOxwOx8AZ4hxwfrgYXDJuNa4Etw/XjLuA68MN4SbxeLwq3hTvgg/Bc/BifCG+Cn8cfx7fjx/GvyeQCVoEa4IPIZYgJGwkVBAaCOcI/YQRwjRRgahPdCKGEHnEXGIpsY7YQbxJHCZOkxRJhiQXUiQpmbSBVElqIl0mPSa9IZPJOmRHchhZQF5PriSfIF8lD5I/UJQoJhRPShxFQtlOOUq5QHlAeUOlUg2obtRYqpi6nVpPvUR9Sn0vR5Mzl/OX48mtk6uRa5Xrl3slT5TXl3eXXy6fJ18hf0r+pvy4AlHBQMFTgaOwVqFG4bTCPYVJRZqilWKIYppiiWKD4jXFUSW8koGStxJPqUDpsNIlpSEaQtOledK4tE20Otpl2jAdRzek+9OT6cX0H+i99AllJWVb5SjlHOUa5bPKUgbCMGD4M1IZpYyTjLuMj/M05rnP48/bNq9pXv+8KZX5Km4qfJUilWaVAZWPqkxVb9UU1Z2qbapP1DBqJmphatlq+9Uuq43Pp893ns+dXzT/5PyH6rC6iXq4+mr1w+o96pMamhq+GhkaVRqXNMY1GZpumsma5ZrnNMe0aFoLtQRa5VrntV4wlZnuzFRmJbOLOaGtru2nLdE+pN2rPa1jqLNYZ6NOs84TXZIuWzdBt1y3U3dCT0svWC9fr1HvoT5Rn62fpL9Hv1t/ysDQINpgi0GbwaihiqG/YZ5ho+FjI6qRq9Eqo1qjO8Y4Y7ZxivE+41smsImdSZJJjclNU9jU3lRgus+0zwxr5mgmNKs1u8eisNxZWaxG1qA5wzzIfKN5m/krCz2LWIudFt0WXyztLFMt6ywfWSlZBVhttOqw+sPaxJprXWN9x4Zq42Ozzqbd5rWtqS3fdr/tfTuaXbDdFrtOu8/2DvYi+yb7MQc9h3iHvQ732HR2KLuEfdUR6+jhuM7xjOMHJ3snsdNJp9+dWc4pzg3OowsMF/AX1C0YctFx4bgccpEuZC6MX3hwodRV25XjWuv6zE3Xjed2xG3E3dg92f24+ysPSw+RR4vHlKeT5xrPC16Il69XkVevt5L3Yu9q76c+Oj6JPo0+E752vqt9L/hh/QL9dvrd89fw5/rX+08EOASsCegKpARGBFYHPgsyCRIFdQTDwQHBu4IfL9JfJFzUFgJC/EN2hTwJNQxdFfpzGC4sNKwm7Hm4VXh+eHcELWJFREPEu0iPyNLIR4uNFksWd0bJR8VF1UdNRXtFl0VLl1gsWbPkRoxajCCmPRYfGxV7JHZyqffS3UuH4+ziCuPuLjNclrPs2nK15anLz66QX8FZcSoeGx8d3xD/iRPCqeVMrvRfuXflBNeTu4f7kufGK+eN8V34ZfyRBJeEsoTRRJfEXYljSa5JFUnjAk9BteB1sl/ygeSplJCUoykzqdGpzWmEtPi000IlYYqwK10zPSe9L8M0ozBDuspp1e5VE6JA0ZFMKHNZZruYjv5M9UiMJJslg1kLs2qy3mdHZZ/KUcwR5vTkmuRuyx3J88n7fjVmNXd1Z752/ob8wTXuaw6thdauXNu5Tnddwbrh9b7rj20gbUjZ8MtGy41lG99uit7UUaBRsL5gaLPv5sZCuUJR4b0tzlsObMVsFWzt3WazrWrblyJe0fViy+KK4k8l3JLr31l9V/ndzPaE7b2l9qX7d+B2CHfc3em681iZYlle2dCu4F2t5czyovK3u1fsvlZhW3FgD2mPZI+0MqiyvUqvakfVp+qk6oEaj5rmvep7t+2d2sfb17/fbX/TAY0DxQc+HhQcvH/I91BrrUFtxWHc4azDz+ui6rq/Z39ff0TtSPGRz0eFR6XHwo911TvU1zeoN5Q2wo2SxrHjccdv/eD1Q3sTq+lQM6O5+AQ4ITnx4sf4H++eDDzZeYp9qukn/Z/2ttBailqh1tzWibakNml7THvf6YDTnR3OHS0/m/989Iz2mZqzymdLz5HOFZybOZ93fvJCxoXxi4kXhzpXdD66tOTSna6wrt7LgZevXvG5cqnbvfv8VZerZ645XTt9nX297Yb9jdYeu56WX+x+aem172296XCz/ZbjrY6+BX3n+l37L972un3ljv+dGwOLBvruLr57/17cPel93v3RB6kPXj/Mejj9aP1j7OOiJwpPKp6qP6391fjXZqm99Oyg12DPs4hnj4a4Qy//lfmvT8MFz6nPK0a0RupHrUfPjPmM3Xqx9MXwy4yX0+OFvyn+tveV0auffnf7vWdiycTwa9HrmT9K3qi+OfrW9m3nZOjk03dp76anit6rvj/2gf2h+2P0x5Hp7E/4T5WfjT93fAn88ngmbWbm3/eE8/syOll+AAAACXBIWXMAAAsTAAALEwEAmpwYAAADpmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDEzLTExLTA2VDIyOjExOjgxPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5QaXhlbG1hdG9yIDMuMDwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpDb21wcmVzc2lvbj41PC90aWZmOkNvbXByZXNzaW9uPgogICAgICAgICA8dGlmZjpSZXNvbHV0aW9uVW5pdD4xPC90aWZmOlJlc29sdXRpb25Vbml0PgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6WFJlc29sdXRpb24+NzI8L3RpZmY6WFJlc29sdXRpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj4xMDwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOkNvbG9yU3BhY2U+MTwvZXhpZjpDb2xvclNwYWNlPgogICAgICAgICA8ZXhpZjpQaXhlbFlEaW1lbnNpb24+MTA8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KbQS91AAAAB1JREFUGBljZGBgOA7EBAETQRVQBaMK8YYU0cEDAE1HANt9zybzAAAAAElFTkSuQmCC);
  background: rgba(0,0,0, 0.8);  
}

.featherlight .featherlight-content {
  padding: 0;
  border-bottom: none;
  margin: 0;
  max-height: 90%;
  /* styling */
  background: #000;
  -webkit-box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.5);
}

a.featherlightbox {
  display: block;
  position: relative;
  -webkit-transition: all 0.25s ease-in-out;
     -moz-transition: all 0.25s ease-in-out;
      -ms-transition: all 0.25s ease-in-out;
       -o-transition: all 0.25s ease-in-out;
          transition: all 0.25s ease-in-out;
  float: left;
}
a.featherlightbox:hover {
  filter: alpha(opacity=50, style=0); 
  -moz-opacity: 0.50; 
  opacity: 0.50;
}
.sf-filecollection-gallery-image-container {
  position: relative;
}

a.featherlightbox:hover:before
{
  content: "\f002";
  font-family: FontAwesome;
  font-size: 2.9em;
  font-style: normal;
  font-weight: normal;
  line-height: 0.1em;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  display: inline-block;
  width: 100%;
  position: absolute;
  margin: auto auto;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  cursor: pointer;
}
  .featherlight-next,
  .featherlight-previous {
    top: 0;
    right: 0;
    bottom: 0;
    left: 90%;
    /* IE9 hack, otherwise navigation doesn't appear */
    background: rgba(0,0,0,0);
  }

.featherlight-previous {
  right: 90%;
}
.featherlight-next:hover,
.featherlight-previous:hover {
  background: rgba(0,0,0,0);
}
.featherlight-next span,
.featherlight-previous span {
  width: 82%;
  font-size: 40px;
  line-height: 40px;
  text-shadow: 0px 0px 5px #000;
  color: #fff;
}
  .featherlight .featherlight-close-icon {
    /* dimensions: 25px x 25px */
    line-height: 25px;
    width: 25px;
    background: #000; /* Set the background in case it overlaps the content */
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
  }




/* --- Adaptions flexslider --- */
.flex-control-nav {
  width: 1440px;
  position: absolute;
  z-index: 999;
  bottom: 20px;
/*
  margin-left: -720px;
*/
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  
  text-align: left;
}
#newssingleheader .flex-control-nav,
.bigslider .flex-control-nav {bottom: 40px;}

.flex-control-nav li {margin: 0 7px 0 0;}
.flex-control-paging li a {
  width: 12px;
  height: 12px;
  background: #fff;
  background: rgb(255, 255, 255);
  background: rgba(255, 255, 255, 0.5);

  background: transparent;
  border: 1px solid #fff;

  -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3);

  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  display: block;
}
.flex-control-paging li a.flex-active {
  background: #00489a;
  background: rgba(230, 22, 72, 1.0);
  cursor: default;
}

.flex-control-paging li a:hover {
  background: #fff;

/*
  background: rgb(255, 255, 255);
  background: rgba(255, 255, 255, 1.0);

  -webkit-transition:  all 0.15s easeInOutBack 0;
  -moz-transition:    all 0.15s easeInOutBack 0;
  -ms-transition:      all 0.15s easeInOutBack 0;
  -o-transition:      all 0.15s easeInOutBack 0;  
  transition:          all 0.15s easeInOutBack 0;
  
  -webkit-transform:rotate(-9deg) scale(1.4);
  -moz-transform:rotate(-9deg) scale(1.4);
  -ms-transform:rotate(-9deg) scale(1.4);
  -o-transform:rotate(-9deg) scale(1.4);
  transform:rotate(-9deg) scale(1.4);
*/
}
.flex-control-paging li a.flex-active {
  background: #fff;
  background: rgb(255, 255, 255);
  background: rgba(255, 255, 255, 0.9);
}
body#bg-white section#content .flex-direction-nav a,
body .flex-direction-nav a 
{
  width: 80px;
  height: 80px;
/*
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
*/
  color: rgb(255, 255, 255);
  color: rgba(255, 255, 255, 0.0);
  text-shadow: none;
}
/* .flex-direction-nav a:before { */
.flex-direction-nav a:before {
  font-size: 70px;
  color: rgb(255, 255, 255);
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.flexslider:hover .flex-direction-nav .flex-prev {
  left: 20px;
}
.flexslider:hover .flex-direction-nav .flex-next {
  right: 20px;
}







#content,
#socialmediaicons,
#footer 
{
  display: none;
}

#content.show,
#socialmediaicons.show,
#footer.show,
.flexslider.show
{
  display: block;
  opacity: 1;
  visibility: visible;
  zoom: 1;
}

.pageload-overlay {
  position: fixed;
  z-index: 146;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  visibility: hidden;
}
.pageload-overlay.show {
  visibility: visible;
}
.pageload-overlay.hide {display: none;}

.pageload-overlay svg {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.pageload-overlay svg path {
  fill: #fff;
}


.pageload-overlay::after,
.pageload-overlay::before {
  content: '';
  position: fixed;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
  border-radius: 50%;
/*
  visibility: hidden;
  opacity: 0;
*/
  z-index: 1000;
  -webkit-transition: opacity 0.15s, visibility 0s 0.15s;
  transition: opacity 0.15s, visibility 0s 0.15s;
}
.pageload-overlay::after {
  background: #000;
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
  -webkit-animation: moveRight 0.6s linear infinite alternate;
  animation: moveRight 0.6s linear infinite alternate;
}
.pageload-overlay::before {
  background: #000;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
  -webkit-animation: moveLeft 0.6s linear infinite alternate;
  animation: moveLeft 0.6s linear infinite alternate;
}
@-webkit-keyframes moveRight {
  to { -webkit-transform: translateX(20px); }
}
@keyframes moveRight {
  to { transform: translateX(20px); }
}
@-webkit-keyframes moveLeft {
  to { -webkit-transform: translateX(-20px); }
}
@keyframes moveLeft {
  to { transform: translateX(-20px); }
}
.pageload-loading.pageload-overlay::after,
.pageload-loading.pageload-overlay::before {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}





  /* --- SCROLL TO TOP BUTTON --- */
  #toTop-right {
    display:none;
    text-decoration:none;
    position:fixed;
    z-index: 101;
    bottom: 20px;
    right: 20px;
    outline:none;
  }
  #toTop-left {
    display:none;
    text-decoration:none;
    position:fixed;
    bottom:20px;
    left:20px;
    outline:none;
  }
  #toTop-center {
    display:none;
    text-decoration:none;
    position:fixed;
    bottom:10px;
    left:50%;
    margin-left:-20px; /*Feintuning je nach Inhalt */
    outline:none;
  }
  .toTopButton
  {
    background: rgb(255,255,255);
    background: rgba(255,255,255,1.0);

  }
  .toTopButton {
    width: 40px; height: 40px;
    font-weight: normal;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;  
    transition: all 0.25s ease-in-out;
    color: #000;
    font-size: 22px;
    text-align: center;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
  }
  .toTopButton i.fa {
    color: #000;
    font-size: 24px;
    line-height: 1;
    margin-top: 5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }



/* styles for bandvoting */

.tx-srfeuserregister-pi1 {}

.tx-srfeuserregister-pi1 h4,
.tx-srfeuserregister-pi1 p {
  padding: 0 ;
}

.tx-srfeuserregister-pi1-notice {
  text-align: center;
  font-size: 0.9em;
  font-style: normal;
  color: #666;
}
.tx-srfeuserregister-pi1 fieldset {
  margin: 0;
  padding: 0;
}
.tx-srfeuserregister-pi1 fieldset legend {
  margin-bottom: 0em;
  margin-top: 1.0em;
  font-size: 1.7em;
  font-family: 'league_gothicregular', Arial, Helvetica, Verdana, sans-serif; 
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1.4em;
  padding: 0;
  padding-top: 0.3em;
}
.tx-srfeuserregister-pi1 fieldset dl {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  justify-content: stretch;

  align-items: flex-start;
}

.tx-srfeuserregister-pi1 fieldset dt,
.tx-srfeuserregister-pi1 fieldset dd
{
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 66%;
  align-self: flex-start;
/*
  align-self: stretch;
*/
  width: auto;
  padding: 0;
  margin-bottom: 0.5em;
}
.tx-srfeuserregister-pi1 fieldset dt {
  flex-basis: 33%;
}
.registerLink {
  text-align:right;
}
@media (max-width: 480px) {
  .tx-srfeuserregister-pi1 fieldset dt,
  .tx-srfeuserregister-pi1 fieldset dd
  {
    flex-basis: 100%;
  }
  .tx-srfeuserregister-pi1 fieldset dt,
  .tx-srfeuserregister-pi1 label {text-align: left;}
}

.tx-srfeuserregister-pi1 fieldset dt {
  width: auto;
  padding-right: 0.3em;
}

.tx-srfeuserregister-pi1 label {padding-right: 0px;}
.tx-srfeuserregister-pi1 input,
.tx-felogin-pi1 input
{
  padding: 0.5em 1.0em;
  border: 1px solid #000;
  width: 100%;
}
input.tx-thvoting-submit
{
  padding: 0.5em 1.0em;
  border: 1px solid #000;
  float: right;
  display: none;
}
.tx-thrating-pi1-content,
.tx-thrating-content .ajaxLink,
.tx-thrating-newVote  > span,
.tx-thrating-newVote
{
  display: block;
  width: 100%;
}
.tx-thrating-content .ajaxLink {
  margin-bottom: 1.0em;
}
.tx-thrating-content td {text-align: center;}
.tx-thrating-summary {
  font-size: 1.0em;
  display: none;
}

.hasvoted {
  /* green */
  color: #28a746;
  /* spardablue */
  color: #005aaa;
}

.link-bandvoting {
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
}
#colpos0 ul#vote-bands .link-bandvoting a,
a.button_voting
{
  font-size: 1.25em;
  color: #fff;
  font-family: 'league_gothicregular', Arial, Helvetica, Verdana, sans-serif; 
  text-transform: uppercase;
  padding: 0.3em 1.5em 0.3em 1.0em;
  /* green*/
  background: rgba(40,167,70, 0.8);
  /* spardablue */
  background: rgba(0,90,170, 0.8);
  
  -webkit-transition: all 0.20s ease-in-out;
     -moz-transition: all 0.20s ease-in-out;
      -ms-transition: all 0.20s ease-in-out;
       -o-transition: all 0.20s ease-in-out;
          transition: all 0.20s ease-in-out;
}

input.tx-thvoting-submit,
input.tx-srfeuserregister-pi1-submit
{
  border: none;
  background: rgba(0,90,170, 0.8);
  color: #fff;
  margin-bottom: 0;
}
input:hover.tx-thvoting-submit,
input:hover.tx-srfeuserregister-pi1-submit,
#colpos0 ul#vote-bands .link-bandvoting a:hover,
a:hover.button_voting
{
/*
  background: #28a746;
*/
  background: #005aaa;
}

a.button_voting:before {
  content: "\f08a";
  font-family: FontAwesome;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  cursor: pointer;
  line-height: 1.0;
  margin-right: 0.2em;
}

.instashow-instafeed {
  position: relative;
}

.instashow-instafeed-message {
  position: absolute;
  text-align: center;
  z-index: -1;
  width: 80%;
  top: 50%;
  left: 50%;
  opacity: 0.6;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .instashow-instafeed-message {  
    font-size: 0.8em;
    line-height: 1;
    opacity: 0;
    display: none;
  }
}
#tx_indexedsearch table {
  width: 100%;
}
#tx_indexedsearch table td {
  padding-bottom: 10px;
}
select.tx-indexedsearch-selectbox-type,
select.tx-indexedsearch-selectbox-defop,
select.tx-indexedsearch-selectbox-media,
select.tx-indexedsearch-selectbox-lang,
select.tx-indexedsearch-selectbox-sections,
select.tx-indexedsearch-selectbox-order,
select.tx-indexedsearch-selectbox-desc,
select.tx-indexedsearch-selectbox-results,
select.tx-indexedsearch-selectbox-group 
{
  height: auto;
  width: 220px;
}
select.tx-indexedsearch-selectbox-desc {
  width: auto;
}

#tx_indexedsearch p {
  display: none;
}

#tx_indexedsearch p a::before {
  content: '\f085';
  font-family: 'Font Awesome 5 Free';
  font-size: 1.0em;
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-align: left;
  color: gray;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
}
.tx-indexedsearch-rules {
  margin-top: 50px;
  opacity: 0.6;
  font-size: 0.8em;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.tx-indexedsearch-rules:hover {
  opacity: 1.0;
}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button {
  margin: 10px 0 0 0;
  display: block;
  width: 100%;
  background-color: #28a746;
  color: #fff;
  font-family: 'league_gothicregular',Arial,Helvetica,Verdana,sans-serif;
  font-size: 1.3em;
}

input.sword {
  color: #121212;
  background: rgba(255,255,255,1.0);
  width: auto;
  font-size: 0.9em;
  padding: 0.571em;
  border: 1px solid rgb(255,255,255);
  border: 1px solid rgba(255,255,255,0.9);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -moz-box-sizing: inherit;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
@media only screen and (max-width: 767px) {
  .tx-indexedsearch {
    padding: 0 20px;
  }
  .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {
    width: 100%;
  }
}
@media only screen and (min-width: 767px) {
  #tx_indexedsearch .tx-indexedsearch-searchbox-sword {
    width: 100%;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
  }
  #tx_indexedsearch fieldset p {
    display: inline-block;
    margin-right: 0.3em;
  }
  #tx_indexedsearch fieldset p + .form-group {
    display: inline-block;
  }
}


ul.browsebox {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
  margin: 1.5em 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  justify-content: center;
  align-items: center;
}
ul.browsebox li {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}
ul.browsebox li a {
  display: block;
  margin-bottom: 0.2em;
  margin-right: 0.2em;
  color: #fff;
  background: $primary;
  text-transform: uppercase;
  padding: 0.4em 0.7rem;
  text-transform: none;
  color: #fff; 
  font-weight: normal;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
ul.browsebox li a:hover {
  background: white;
  color: #000;
}
ul.browsebox li.tx-indexedsearch-browselist-currentPage a {
  background: white;
  color: #000;
}
.tx-indexedsearch-info {
  display: none;
}
.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr {
  font-style: normal;
}
.tx-indexedsearch-title {
  font-size: 1.4em;
  margin-bottom: 8px;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
  color: #28a746;
}
.tx-indexedsearch-percent {
  font-size: 2.4em;
  text-align: right;
  line-height: 1.2em;
  color: #dbdbdb;
  padding-bottom: 0.5em;
}

/* TOP SEARCH BOX */

#topsearchiconmobile {
  position: absolute;
  z-index: 10;
  top: 25px;
  left: 14px;
  font-size: 1.6em;
}

#topsearchicon {
  position: absolute;
  z-index: 10;
  top: 50px;
  right: -315px;
  font-size: 1.0em;
  width: 360px;
  -webkit-transition: all 0.50s ease-in-out;
  -moz-transition: all 0.50s ease-in-out;
  -ms-transition: all 0.50s ease-in-out;
  -o-transition: all 0.50s ease-in-out;
  transition: all 0.50s ease-in-out;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background: rgba(0,0,0,0.9);
  padding: 3px 6px;
}
.navborder #topsearchicon {
  top: 14px;
}

#topsearchicon:hover {
  right: 10px;
}
#topsearchicon i {
  font-size: 1.3em;
  margin-right: 10px;
}
#topsearchicon .fa-search {
  cursor: pointer;
}
#topsearchicon .hiddensearchbox {
  display: inline-block;
  width: 300px;
}
input.smallsubmit {
  font-size: 0.9em;
  float: right;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
}

/* --------------------------------------------------------------------------------------- 
http://stephen.io/mediaqueries/#iPhone
--------------------------------------------------------------------------------------- */

/*
@media screen and (-webkit-min-device-pixel-ratio:0)
{
  img, embed, object, video {
    max-width: 100%;
    height: auto;
    width: auto;
  }
  .sf-menu {
    line-height:0.85;
  }
}
*/

/* --------------------------------------------------------------------------------------- 
height greater than 1650
--------------------------------------------------------------------------------------- */
/*@media screen and (min-height: 1050px) { */
/*
@media screen 
and (max-width: 1440px) 
and (max-height: 1024px) 
*/



@media screen and (min-width: 1930px) {
  .sidebox {
    margin-top: -50px;
  }
}



@media screen 
and (max-width: 1640px) 
{

}

/* --------------------------------------------------------------------------------------- 
kleiner als 1680
--------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1680px) {
  .row,
  .html5videoplayer,
  div.caption-wrapper,
  li.caption-align-left .slider-img-wrap,
  li.caption-align-right .slider-img-wrap,
  .flex-control-nav,
  #colpos0 > .csc-default
  {
    width: 1000px;
  }
  .navtop {
    width: 100%;
  }
  
    .bigslider .slidercontent,
    .bigslider .highlights-box .slidercontent,
    .bigslider .ceimgdefault,
    #slidercontent .ceimgdefault,
    #newssingleheader .ceimgdefault
    {
      min-height: 700px;
      height: 700px;
    }
  /* --- MEDIUM HEIGHT --- */
  .bigslider .ceimgmedium {
    min-height: 550px;
    height: 550px;
  }
  /* --- SMALL HEIGHT --- */
  .bigslider .ceimgsmall {
    min-height: 450px;
    height: 450px;
  }
  
}


/* --------------------------------------------------------------------------------------- 
kleiner als 1440
--------------------------------------------------------------------------------------- */
@media screen and (max-width: 1440px) {
  .row,
  .html5videoplayer,
  div.caption-wrapper,
  li.caption-align-left .slider-img-wrap,
  li.caption-align-right .slider-img-wrap,
  .flex-control-nav,
  #colpos0 > .csc-default
  {
    width: 1000px;
  }

  .navtop {width: 100%;}

  /* positioning the uls and lists */
  header #navbar nav ul.level1 {
    padding-left: 0;
    margin-left: 0px;
  }
  header #navbar nav ul.level1 li.first {margin-left: 30px;}

  
  .bigslider .slidercontent,
  .bigslider .highlights-box .slidercontent,
  .bigslider .ceimgdefault,
  #newssingleheader .ceimgdefault
  {
    min-height: 500px;
    height: 500px;
  }
  /* --- MEDIUM HEIGHT --- */
  .bigslider .ceimgmedium {
    min-height: 450px;
    height: 450px;
  }
  /* --- SMALL HEIGHT --- */
  .bigslider .ceimgsmall {
    min-height: 350px;
    height: 350px;
  }

}



/* --------------------------------------------------------------------------------------- 
kleiner als 1368
--------------------------------------------------------------------------------------- */
@media screen and (max-width: 1368px) {

  body {font-size: 18px;}
/*  
  .row,
  .html5videoplayer,
  div.caption-wrapper,
  li.caption-align-left .slider-img-wrap,
  li.caption-align-right .slider-img-wrap,
  .flex-control-nav,
  #colpos0 > .csc-default
  {
    width: 1000px;
  }
*/
  #mainheader ul.level1 li {
    margin-right: 30px;
  }
  #mainheader ul.navigationright li.first {margin-left: 30px;}
  #mainheader ul.navigationright li.last {margin-right: 0px;}

}




/* --------------------------------------------------------------------------------------- 
kleiner als 1280
--------------------------------------------------------------------------------------- */

@media screen and (max-width: 1280px) {

  body {font-size: 16px;}
/*
  .row,
  .html5videoplayer,
  div.caption-wrapper,
  li.caption-align-left .slider-img-wrap,
  li.caption-align-right .slider-img-wrap,
  .flex-control-nav,
  #colpos0 > .csc-default
  {
    width: 1000px;
  }
*/
  .slider-img-wrap {
    width: 120%;
    position: relative;
    margin-left: -10%;
  }
    .bigslider .slidercontent,
    .bigslider .highlights-box .slidercontent,
    .bigslider .ceimgdefault,
    #slidercontent .ceimgdefault,
    #newssingleheader .ceimgdefault
    {
      min-height: 550px;
      height: 550px;
    }
  /* --- MEDIUM HEIGHT --- */
  .bigslider .ceimgmedium {
    min-height: 450px;
    height: 450px;
  }
  /* --- SMALL HEIGHT --- */
  .bigslider .ceimgsmall {
    min-height: 350px;
    height: 350px;
  }



}



/* --------------------------------------------------------------------------------------- 
kleiner als 1190
--------------------------------------------------------------------------------------- */
/*
@media screen and (max-width: 1189px) {
  .row,
  .html5videoplayer,
  div.caption-wrapper,
  li.caption-align-left .slider-img-wrap,
  li.caption-align-right .slider-img-wrap,
  .flex-control-nav,
  #colpos0 > .csc-default
  {
    width: 100%;
  }
  #logo {padding: 0;}
  

  #navbar,
  #top-navigation 
  {
    display: none;
  }
  
  header #navbar nav {
    left: 0;
    margin-left: 0;
  }
  
}
*/




/* --------------------------------------------------------------------------------------- 
kleiner als 1024
--------------------------------------------------------------------------------------- */
/* For Smartphones, Tablets or other Displays less then 768 1024px ====================== */
@media screen and (max-width: 1024px) {

  body {font-size: 14px;}

  #logo {
    top: 20px;
  }
  /* svg background navigation oben */
  #mainheader,
  #mainheader.navborder,
  #mainheader svg.svg-img 
  {
    height: 130px;
  }
  #mainheader.navborder #logo {
    top: 10px;
  }
  .bigslider .slidercontent,
  .bigslider .highlights-box .slidercontent,
  .bigslider .ceimgdefault,
  #slidercontent .ceimgdefault,
  #newssingleheader .ceimgdefault
  {
    min-height: 420px;
    height: 420px;
  }
  /* --- MEDIUM HEIGHT --- */
  .bigslider .ceimgmedium {
    min-height: 350px;
    height: 350px;
  }
  /* --- SMALL HEIGHT --- */
  .bigslider .ceimgsmall {
    min-height: 280px;
    height: 280px;
  }
  .caption-align-outerright .ceimgsmall img.slider-img,
  .caption-align-outerleft .ceimgsmall img.slider-img {
    max-height: 400px;
  }
  
  .row,
  .html5videoplayer,
  div.caption-wrapper,
  li.caption-align-left .slider-img-wrap,
  li.caption-align-right .slider-img-wrap,
  .flex-control-nav,
  #colpos0 > .csc-default
  {
    width: 95%;
  }
  body#bg-white section#content .flexslider .sdflexslider-style1 a:hover,
  body#bg-white section#content a:hover span.caplink
  {
    color: #fff;
  }
/*
  body#bg-white section#content .flexslider .sdflexslider-style1 a:hover,
  body section#content a:hover span.caplink
  {
    color: #fff;
  }
*/
  .flexslider a,
  .sidebox a {
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;  
    transition: all 0.15s ease-in-out;
  }
  .flexslider a:hover,
  .sidebox a:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);  
  }

  /* startseite 3 spalten boxen --- */  
  .tilebox {padding: 20px;}

  #colpos0 .imagesadd img {max-width: 13%;}

  .caption-link a, a.button {width: 100%;}
  
  .csc-frame-indent,
  .csc-frame-indent3366,
  .csc-menu-teaser,
  body#cols2575 #colpos0 .news-list-view .article
  {
    width: 49%;
  }
  #colpos0 .news-list-view .news-category-image img {
    width: 120px;
    max-height: 80px;
  }
  #colpos0 img {
    width: 100%;
    height: auto;
  }
  /* Unterseiten */
  body#cols2575 aside#colpos1 {
    width: 22%;
  }
  body#cols2575 section#colpos0 {
    width: 76%;
  }
  /* --- UNTERSEITEN --- */
  body#cols7525 aside#colpos2 {
    width: 40%;
  }
  body#cols7525 section#colpos0 {
    width: 56%;
  }
  body#cols2575 #headerimage .news .article .news-img-wrap {
    padding: 0;
    width: 47%;
    margin: 0 1.429em 0 0;
  }
  body#cols2575 #headerimage .news .article .news-img-wrap img {
    width: 100%;
    height: auto;
  }
  body#cols2575 #headerimage .news .article .news-teaser-cnt {
    width: 48%;
  }
  /* gesellschafter über uns ttaddress */
  .vcard img {
    max-width: 120px;
  }

  /* --- mobile navigation --- */
  a.hideInMenu,
  header #navbar nav ul.level1 li.firstlevel,
  ul.navigationleft,
  ul.navigationright
  {
    display: none;
  }

  #mobile_menu {  
    display: block;
    z-index: 152;
    position: fixed;
    right: 20px; 
    top: 20px;
    cursor: pointer;
    line-height: 1;
    height: 40px;
    padding: 0; margin: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;  
    transition: all 0.25s ease-in-out;
  }
  #mobile_menu.mnavopen {  
    right: 0px; 
    top: 0px;
  }
  #mobile_menu span {
    text-indent: -999em;
    display: none;
  }
  #mobile_menu b {
    display: block;
    background: #fff;
    padding: 10px 0 10px 9px;
    width: 40px; 
    height: 40px;
    font-weight: normal;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;  
    transition: all 0.25s ease-in-out;
  }
  .mnavopen b {
    background: #fff;
  }
  a#mobile_menu b:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 26px;
    line-height: 0.8em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0c9";
    color: #000;
  }
  a#mobile_menu.mnavopen b:before {content: "\f00d";}

  /* --- MOBILE MENUU MOBILENAV --- */

  #mobilenav.navopen {display:block;}

  #mobilenav li {
    width: 100%;
    margin: 0;
    float: none;
    padding: 10px;
  }
  #mobilenav li a {
    position: relative;
    text-transform: uppercase;  
    font-size: 1.6em;
    line-height: 1.3em;
    margin: 0;
    display: block;
    text-decoration: none;
    color: #fff;
  }
  #mobilenav li li {
    padding: 0;
  }
  #mobilenav li li a, 
  #mobilenav li li li a 
  {
    display: block;
  }

  /* zweite Ebene ausblenden */
  #mobilenav ul {margin: 0; padding: 0;}
  #mobilenav ul, #mobilenav li li {list-style: none; margin: 0;}

  /* --- allow scrolling inside these sections --- */
  /* ------------------------------------------------ 
    scroll contents 
    100vh for ipad and iphone only possible with additional js
    see custom.js - > jQuery.fn.updateViewportHeight
  ------------------------------------------------ */
  #mobilenav {
    border-bottom: 2px solid #fff;
  }
  div#mobilenav ul#mobilenav-cnt {
    overflow-y: scroll; 
    -webkit-overflow-scrolling:touch;
    display: block;
    list-style:none;
    margin-top: 40px;
    padding: 0px 0px 50px 0px;
    /* adapt padding bottom to margin top because of height in menu */
    position: relative;
    height: 100%;
    height: 100vh;
    clear: both;
    border-top: 1px solid #aeaeae;
    background: transparent;
  }
  .dontdisplayhome {display: none;}


  ul#mobilenav-cnt ul.dynamic {
    position:relative;
    left: 0; top: 0;
    white-space:normal;
    word-wrap:break-word;
    padding: 10px 0;
    border: none;
    box-shadow:0px 0px 0px 0px rgba(0,0,0,0.47);
  }
  ul#mobilenav-cnt ul.dynamic li {
    padding: 10px 0 10px 10px;
  }
  ul#mobilenav-cnt ul.dynamic li.last {
    padding-bottom: 0;
  }
  ul#mobilenav-cnt li {
    position: relative;
    border-bottom: 1px solid #aeaeae;
  }
  ul#mobilenav-cnt li li:first-child {}
  ul#mobilenav-cnt li li {border-bottom: 0px solid #aeaeae;}
/*
  ul#mobilenav-cnt li li a {padding: 0.6em 0 0.6em 1.0em;}
*/
  /* --- einrückung mobile menu --- */
/*
  ul#mobilenav-cnt li li a {padding-left: 1.5em;}
  ul#mobilenav-cnt li li li a {padding-left: 2.5em;}

  ul#mobilenav-cnt li li li:last-child {border-bottom: 1px solid #aeaeae;}
*/
  .mobilelistopen, ul#mobilenav-cnt li ul {background: #000;}

  /* der Untermenü-Öffner */
/*
  ul#mobilenav-cnt .dynamic-children > a:after {
    position: absolute;
    top: 0px; right: 0px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 26px;
    line-height: 0.8em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
    cursor: pointer;
    line-height: 36px;
    width: 36px;
    height: 36px;
    text-align: center;
  }
*/
  ul#mobilenav-cnt .mobileNavOpener {
    position: absolute;
    z-index: 10;
    top: 0px; right: 0px;
    cursor: pointer;
    line-height: 36px;
    width: 36px;
    height: 36px;
    text-align: center;
    border: 1px solid white;
  }
  ul#mobilenav-cnt .mobileNavOpener {
/*
    right: 36px;
    opacity: 0.1;
*/

  }
  ul#mobilenav-cnt .mobileNavOpener::after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 26px;
    line-height: 0.8em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
  }
  
  /* fa-caret-down [&#xf0d7;] */
  ul#mobilenav-cnt .dynamic-children a.mobileopen .mobileNavOpener::after {
    content: "\f106";
  }
  .mobileopen {position: relative;}
  
  /* --- end mobilenav --- */

  /* --- 5 Spalten Galerie  gallery --- */
  div.sf-filecollection-gallery-image-container,
  #colpos1 div.sf-filecollection-gallery-image-container,
  #colpos0 div.sf-filecollection-gallery-image-container 
  {
    padding: 0;
  }
  .sf-filecollection-gallery-image-container a {
    text-decoration: none;
    vertical-align: middle;
    display: block;
    height: auto;
    margin: 0; padding: 0;
  }
  #full #colpos0 .tx-sf-filecollection-gallery div.sf-filecollection-gallery-image-container,
  #cols2575 #colpos0 .tx-sf-filecollection-gallery div.sf-filecollection-gallery-image-container
  {
    width: 24%;
    margin: 0 1% 1% 0;
  }

  #socialmediaicons {padding: 40px 0;}
  

  /* --- SCROLL TO TOP BUTTON --- */
  #toTop-right {
    display:none;
    text-decoration:none;
    position:fixed;
    z-index: 101;
    bottom: 20px;
    right: 20px;
    outline:none;
  }
  #toTop-left {
    display:none;
    text-decoration:none;
    position:fixed;
    bottom:20px;
    left:20px;
    outline:none;
  }
  #toTop-center {
    display:none;
    text-decoration:none;
    position:fixed;
    bottom:10px;
    left:50%;
    margin-left:-20px; /*Feintuning je nach Inhalt */
    outline:none;
  }
  .toTopButton
  {
    background: rgb(255,255,255);
    background: rgba(255,255,255,1.0);

  }
  .toTopButton {
    width: 40px; height: 40px;
    font-weight: normal;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;  
    transition: all 0.25s ease-in-out;
    color: #000;
    font-size: 22px;
    text-align: center;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
  }
  .toTopButton i.fa {
    color: #000;
    font-size: 24px;
    line-height: 1;
    margin-top: 5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }


}

/* --------------------------------------------------------------------------------------- 
kleiner als 960
--------------------------------------------------------------------------------------- */
@media screen and (max-width: 960px) {

  .sf-menu .firstlevel,
  #TSFE_ADMIN_PANEL_FORM
  {
    display: none;
  }


}
/* --------------------------------------------------------------------------------------- 
end kleiner als 960
--------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------- 
kleiner als 800
--------------------------------------------------------------------------------------- */
@media screen and (max-width: 800px) {  
  body iframe {
    width: 100% !important;
  }
  .videoobject {display: none;}

  #logo img {
    max-width: 140px;
  }

  div.csc-textpic-intext-left .csc-textpic-imagewrap,
  div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,
  div.csc-textpic-intext-right .csc-textpic-imagewrap,
  div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap
  {
    width: 50%;
  }
  .caption-link a,
  a.button
  {
    font-size: 1.2em;
  }
  
  /* vier 4 Bilder oben */  
  #headerimage .imagesadd {
    width: 45%;
  }
  #headerimage .imagesadd img {
    max-width: 142px;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .flex-control-nav {bottom: -20px;}
  .flex-control-nav li {margin: 0 7px 0 0;}
  .flex-control-paging li a {width: 8px; height: 8px;}

  /* reset to 100 */
  .news-single .article .news-img-wrap {margin-bottom: 1.2em;}
  .floatLeft,
  .floatRight
  {
    margin: 0;
    width: 100%;
    float: none;
  }
  .bodyul li {
      background-position: 0 2px;
      background-size: 10px 10px;
      padding-left: 1.4em;
  }
  
  /* spaces */
  .csc-header,
  .gridel-wrap .csc-header
  {
    margin-top: 20px;
  }


  .gridel-wrap .col33 .csc-header
  {
    margin-top: 40px;
  }
  .gridel-wrap .col33 .inside-full .csc-header:first-of-type
  {
    margin-top: 20px;
  }
/*
  [class*="csc-space-before"] {
    margin-top: 0px ! important;
  }
  [class*="csc-space-after"] {
    margin-bottom: 0px ! important;
  }
*/
  body#cols2575 aside#colpos1,
  body#cols2575 section#colpos0,
  body#cols7525 aside#colpos2,
  body#cols7525 section#colpos0,
  .cols-50,
  .col25,
  .col33,
  .col35,
  .col50,
  .col60,
  .col65,
  .col66,
  .col70,
  .col75,
  .col100,
  .floatLeft,
  .floatRight,
  .zitate-box p.left,
  .zitate-box p.right,
  .video-js
  {
    float: none;
    clear: both;
    height: 100%;
    overflow: hidden;
    width: 90%;
    max-width: 100%;
    margin: auto auto;
  }
  .vcard {width: 49%;}
  div.vcard:nth-child(2n+2) {margin-right: 0;}

  #content .csc-frame,
  #content .csc-default 
  {
    margin: 1em 0 1em 0;
  }

  #footer {font-size: 1.1em;}
  
  #footer-contents, #footer-contents2 {
    padding: 1.0em;
  }  
  #footer-contents .row {
    padding-bottom: 40px;
  }
  #footer-address {
    clear: both;
    float: none;
    width: 100%;
    padding-top: 10px;
    text-align: center;
  }
  #footer-newsletter {
    float: none; 
    width: 100%;
    text-align: left;
    position: absolute;
    left: 0; 
    bottom: 0;
  }
  ul#footer-navigation {
    float: none;
    width: 100%;
    text-align: center;
  }
  ul#footer-navigation li {
    display: block;
    margin: 0;
  }

  /* --- 2 Spalten --- */
  .gridel-wrap .row {
    margin: 0; padding: 0;
  }
  .twocols {
    display: block;
    height: 100%;
    width: 100%;
    border-spacing: 0px;
    padding: 0;
  }
  .twocols .col66,
  .twocols .col33 {
    display: block;
    height: 100%;
  }
  .twocols .col66,
  .twocols .col33
  {
    padding: 0 0 1.6em 0;
  }

  .news-list-date-month {
    font-size: 1.25em;
    line-height: 1.1em;
  }

  .news-dates-time.odd,
  .news-dates-time.even 
  {
    background: #e7002d;
    background: rgb(255,255,255);
    background: rgba(255,255,255,0.8);
    color: #000;
  }
  .news-list-date-day {
    font-size: 1.70em;
    line-height: 1.1em;
  }
  .newsletter-subscription .form-group {
    width: 66%;
  }
  .news-single {padding-top: 0;}

/* ------------------------------------------------
  socialmediaicons
------------------------------------------------ */
  #socialmediaicons svg.svg-img 
  {
    width: 1400px ! important;
  }


  /* linear width 100% */
  ul.news-cat-tree-images li,
  li.news-isotope-item,
  div.news-list-container-fivecols ul.newslist li 
  {
    width: 100.00%;
  }


  #colpos0 .imagesadd img {max-width: 47.5%;}
  #colpos0 .imagesadd {
    padding: 1.5em;
    margin-bottom: 2.0em;
    height: 100%; 
    overflow: hidden;
  }
  .imagesadd img.even {margin-right: 0;}

  .tx-sd-flexslider img.caption-smallimage {max-width: 36%;}
  
  /* 
    sd image manipulation for better looking headers in mobile version
  */
  .sidebox {
    width: 180%;
    position: relative;
    margin-left: -40%;
    margin-top: -40px;
    margin-bottom: 30px;
  }
  .slider-img-wrap {
    width: 190%;
    position: relative;
    margin-left: -45%;
  }
/*
#colpos0 li.caption-align-center .ceimgdefault img.slider-img {
  width: 120%;
  height: auto;
}
*/
  .bigslider .slidercontent,
  .bigslider .highlights-box .slidercontent,
  .bigslider .ceimgdefault,
  .bigslider .ceimgmedium,
  .bigslider .ceimgsmall
  {
    min-height: 300px;
    height: auto;
  }
  #newssingleheader .ceimgdefault
  {
    min-height: 190px;
    height:  auto;
  }
  /* 
    sd manipulate svg sizes
    in flexslider and buttons
  */
  div.caption-wrapper {
    padding-bottom: 80%;
    display: table;  
  }
  .caption-text {
    position: absolute;
    /* responsive */
    width: 100%;
    /* center vertically */
    top: 50%;
    display: table-cell;
    vertical-align: middle;
    height: auto;
/*
     -webkit-transform:  none;
    -moz-transform:      none;
    -ms-transform:      none;
    -o-transform:        none;
    transform:          none;
*/
  }


/*
  sven neu 28.02.2023 
  bildausschnitt anders mobil anzeigen
  kein pseudo-cropping
*/
.newssingle .slider-img-wrap {
  width: 100%;
  position: relative;
  margin-left: 0;
}
.newssingle div.caption-wrapper {
  display: block;
  height: auto;
  padding: 10px;
}
.newssingle .caption-text {
  height: auto;
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
  position: relative;
  top: 0;
  display: block;
}
.newssingle  #colpos0 li.caption-align-center .ceimgdefault img.slider-img {
  position: relative;
}
.newssingle .tx-sd-flexslider {
  margin-top: 0px;
}


  span.capsvg {
    position: relative;
    display: inline-block;
    float: left;
    padding: 10px 20px;

    width: 100%;
    height: auto;

  }
  .caption-link span.border svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% ! important;
  }
  .flexslider svg.svg-img,
  #newssingleheader svg.svg-img 
  {
    width: 1920px;
  }






}
/* --------------------------------------------------------------------------------------- 
end kleiner als 800
--------------------------------------------------------------------------------------- */


@media (max-width: 769px) {
  .flexslider svg.svg-img,
  #newssingleheader svg.svg-img 
  {
    margin-bottom: -20px;
  }
  
  /* no slider */
  .noslider ul.slides li {
    width: 100.00%;
  }

  
}



/* --------------------------------------------------------------------------------------- 
iPad ALLE
--------------------------------------------------------------------------------------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
{



}
/* --------------------------------------------------------------------------------------- 
End iPad ALLE
--------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------- 
iPad in landscape
--------------------------------------------------------------------------------------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) 
{


}
/* --------------------------------------------------------------------------------------- 
iPad in Portrait
--------------------------------------------------------------------------------------- */




/* --------------------------------------------------------------------------------------- 
iPad in Portrait
--------------------------------------------------------------------------------------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait)
{



}
/* --------------------------------------------------------------------------------------- 
End iPad in Portrait
--------------------------------------------------------------------------------------- */








/* --------------------------------------------------------------------------------------- 
https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
--------------------------------------------------------------------------------------- */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 667px) 
{

  body {font-size: 16px;}

  div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-imaage {margin-right: 2%;}

  .twocols .col66,
  .twocols .col33
  {
    padding: 0 0 1.0em 0;
  }
  .twocols .col33
  {
    padding: 0 0 1.5em 0;
  }
  .gridel-wrap .col33 .inside-full .csc-header:first-of-type
  {
    margin-top: 0px;
  }


/* -------------------------------------------------
  Header
------------------------------------------------- */

  h1, h1.csc-firstHeader,
  h2.csc-firstHeader,
  .tx-sd-flexslider h1,
  .tx-sd-flexslider h2,
  h2,
  #tx_indexedsearch legend,
  #headerimage .news h3,
  .zitate-box blockquote,
  .news-teaser-cnt h3,
  .tx-srfeuserregister-pi1 fieldset legend
  {
    font-size: 1.5em;
  }
  h2.caption-title {
    font-size: 1.75em;
  }
  h3,
  h3.csc-firstHeader,
  .tx-sd-flexslider h3
  {
    font-size: 1.4em;
  }
  
  h4, h4.csc-firstHeader,
  header #navbar nav ul.level1 li .level2 .hero-unit span.title-h3
  {
    font-size: 1.2em; 
  }
  span.caplink {
    font-size: 1.1em;
  }
  .flexslider .svg-btn {
    margin-top: 0px;
  }

/* svg button */
  .caption-link {
    padding: 12px;
  }
  span.capsvg {
    padding: 6px 10px;
  }

  /* todo responsive output */
  .anchor-link {
    bottom: -25px;
    margin-left: -25px;
    z-index: 9999;
  }
  .anchor-link a, 
  .external-link-new-window .fa 
  {
    display: block;
    width: 50px; height: 50px;
    line-height: 50px;
    font-size: 2.6em;
  }
  .csc-menu-teaser-cnt {min-height: 320px;}

  #logo img {max-width: 100px;}
  
/* svg background navigation oben */
  #mainheader,
  #mainheader.navborder,
  #mainheader svg.svg-img 
  {
    height: 80px;
  }
  /* when scrolled */
  #mainheader.navborder svg.svg-img {top: 0px;}
  #mainheader.navborder #logo {top: 20px;}
/* sven */
/*
  section#content {
    padding-top: 30px;
  }
*/

  #colpos0 .news-list-view .news-category-image img {
    width: 60px;
    max-height: 40px;
  }
  #content .navbar a {
    margin: 0 0 0.1em 0.1em;
    width: 2.6em; height: 2.6em;
  }
  #colpos0 img {
    width: 100%;
    height: auto;
  }
  .csc-textpic .csc-textpic-text {
    padding: 1.0em;
  }

  .csc-textpic-intext-right-nowrap .csc-textpic-text { margin-right: 0px; }
  .csc-textpic-intext-left-nowrap .csc-textpic-text { margin-left: 0px; }
  .csc-textpic-intext-left-nowrap-400 .csc-textpic-text { margin-left: 0px; }


  body#cols2575 #colpos0 .news-list-view .article {
    height: 390px;
    max-height: 390px;
  }
  .caption-link a.video:before {
    font-size: 2.0em;
    width: 25px; height: 25px;
  }

  /* flexslider */
  .flex-control-nav, .flex-direction-nav {display: none;}


  .highlights-addinfo-content {display: none;}
  .highlights-addinfo {cursor: pointer; font-size: 1.3em;}
  
  p.highlights-addinfo:before {
    content: "\f101";
    font-family: FontAwesome;
    font-size: 1.0em;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    cursor: pointer;
    margin-left: 4px;
  }
  
  .caption-downloadlink,
  .caption-ausstellertxt,
  .caption-ansprechpartnertxt
  {
    display: block; 
    float: none;
    width: 100%;
    margin-bottom: 1.0em;
  }
  
  /* forms */
  select,
  input[type="button"], input[type="submit"],
  .csc-form-element-textline input
  {
    width: 100%;
  }
  

}




/* Landscape */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 667px) 
  and (orientation: landscape) 
{


  div.csc-textpic-intext-left .csc-textpic-imagewrap,
  div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,
  div.csc-textpic-intext-right .csc-textpic-imagewrap,
  div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap
  {
    width: 50%;
  }


}



/* --- for iphone 4 - 6 --- */
/* Portrait */
/*
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
  and (-webkit-min-device-pixel-ratio: 2)
*/
@media only screen 
and (min-width: 320px) 
and (max-width: 667px)   
and (orientation: portrait) { 
  body {font-size: 16px;}
 /* sven */
/*
  body#full.startseite section#colpos0 {
    padding-top: 2.2em;
    margin-bottom: 2.2em;
  }
*/
  .csc-menu-teaser-cnt {min-height: 0;}


  div.csc-textpic-intext-left .csc-textpic-imagewrap,
  div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,
  div.csc-textpic-intext-right .csc-textpic-imagewrap,
  div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap
  {
    width: 100%;
    margin-bottom: 20px;
  }

  div.csc-textpic-intext-right,
  div.csc-textpic-intext-right-nowrap 
  {
    position: relative;
    width: 90%;
    display:table; 
    margin: 0 auto 2.0em auto;
  }


  div.csc-textpic-intext-right .csc-textpic-imagewrap,
  div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap 
  {
    margin-top: 2.0em;
    display:table-footer-group;
  }
  div.csc-textpic-intext-right .csc-textpic-text,
    div.csc-textpic-intext-right-nowrap .csc-textpic-text
    {
    margin-bottom: 2.0em;
    display:table-header-group;
  }

  .csc-frame-indent3366
  {
      margin-bottom: 40px ! important;
      clear: both;
  }
  .caption-link a,
  a.button,
  .csc-frame-indent,
  .csc-frame-indent3366,
  .csc-menu-teaser,
  body#cols2575 #colpos0 .news-list-view .article
  {
    width: 100%;
  }
  /* news boxen */
  body#cols2575 #colpos0 .news-list-view .article {
    height: 350px;
    max-height: 350px;
  }

  /* bild oben topnews zuerst 100% */
  body#cols2575 #headerimage .news .article .news-img-wrap {
    width: 100%;
    float: left;
    margin: 0 0 1.2em 0;
  }
  body#cols2575 #headerimage .news .article .news-teaser-cnt {
    width: 100%;
    float: right;
  }
  body#full .news-list-view .news-teaser-cnt,
  body#full .news-list-view .news-teaser-cnt,
  body#cols2575 #colpos0 .news-list-view .news-teaser-cnt
  {
    min-height: 0;
  }
  .news-list-view .news-teaser-cnt .header {min-height: 0;}

  .vcard {width: 100%;}
  div.vcard:nth-child(2n+2) {margin-right: 0;}

  /* vier 4 Bilder oben */  
  #headerimage .imagesadd {
    width: 100%;
    position: absolute;
    right: 0;
    top: auto;
    bottom: 10px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    /* über uns 4 bilder nicht anzeigen */
    display: none;
  }
  #headerimage .imagesadd img {
    max-width: 142px;
    width: 23%;
    margin: 0;
  }
  #headerimage .imagesadd img.odd,
  #headerimage .imagesadd img.even {
    clear: none;
    float: left;
    margin-right: 2%;
  }
  #headerimage .imagesadd img:last-child {
    margin-right: 0;
  }
  /* bild einkaufsberater */
  #page img.img-left,
  #page img.img-right {
    max-width: 30%;
  }
  #page .img-left {margin-right: 1.4em;}
  #page .img-right {margin-left: 1.4em;}

  .bodyul {margin-bottom: 0.3em;}
  .bodyul li {margin-bottom: 0.6em;}
  
  /* subheader mit links */
  .csc-header h4 a {
    margin: 0.857em 0 0 0;
    float: left;
    line-height: 1.1em;
  }
  .news-list-view .footer .csc-header h4 a {
    margin-top: 0;
    float: right;
  }

  #footer .csc-mailform {margin: 0;}

  div.sf-filecollection-gallery-image-container {
    padding: 0;
    width: 100%;
    margin-bottom: 20px;
  }
  .sf-filecollection-gallery-image-container a {
    min-height: 100%;
  }



}