/* Template Die Drei Steine
 * Web design by Benjamin Hemer
 * info@benjaminhemer.com
 */

@font-face {
  font-family: 'Lato-Light';
  src: url('../fonts/Lato-Light.eot');
  src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lato-Light.woff') format('woff'),
    url('../fonts/Lato-Light.ttf') format('truetype'),
    url('../fonts/Lato-Light.svg#Lato-Regular') format('svg'); 
	font-weight: normal; font-style: normal;
}

@font-face {
  font-family: 'Lato-Regular';
  src: url('../fonts/Lato-Regular.eot');
  src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lato-Regular.woff') format('woff'),
    url('../fonts/Lato-Regular.ttf') format('truetype'),
    url('../fonts/Lato-Regular.svg#Lato-Regular') format('svg'); 
	font-weight: normal; font-style: normal;
}

@font-face {
  font-family: 'Lato-Italic';
  src: url('../fonts/Lato-Italic.eot');
  src: url('../fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lato-Italic.woff') format('woff'),
    url('../fonts/Lato-Italic.ttf') format('truetype'),
    url('../fonts/Lato-Italic.svg#Lato-Italic') format('svg'); 
	font-weight: normal; font-style: normal;
}

@font-face {
  font-family: 'Lato-Medium';
  src: url('../fonts/Lato-Medium.eot');
  src: url('../fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lato-Medium.woff') format('woff'),
    url('../fonts/Lato-Medium.ttf') format('truetype'),
    url('../fonts/Lato-Medium.svg#Lato-Medium') format('svg'); 
	font-weight: normal; font-style: normal;
}

@font-face {
  font-family: 'Lato-MediumItalic';
  src: url('../fonts/Lato-MediumItalic.eot');
  src: url('../fonts/Lato-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lato-MediumItalic.woff') format('woff'),
    url('../fonts/Lato-MediumItalic.ttf') format('truetype'),
    url('../fonts/Lato-MediumItalic.svg#Lato-MediumLight') format('svg'); 
	font-weight: normal; font-style: normal;
}


/* GLOBAL */
 
* {
	padding:0;
	margin:0;
	line-height:1em;
}

html {
	min-width:100%;
	height:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}

body {
	min-width:100%;
	height:100%;
	font-size: 100.01%;
	font-family:'Lato-Regular', Arial, Helvetica, sans-serif;
	overflow-x:hidden;
	background:#e9e9e9;
}

body#component.print {
	background:white;
}

.clear {
	clear:both;
}

span.clear {
	clear:both;
	display:block;
	height:0;
	font-size:0;
}

.clearfix:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}

.clearfix {
    display:block;
}

iframe {
	width:100%;
}

/* GLOBAL TYPOGRAPHY */

h1, h2, h3, h4, h5, h6,
.list-title,
.result-title {
	font-family:'Lato-Medium', Arial, Helvetica, sans-serif;
	font-weight:normal;
}

h1 {
	font-size:2.3em;
	line-height:1.1em;
	padding-bottom:0.5em;
	color:#cc2228;
}

h2 {	
	font-size:1.8em;
	line-height:1.2em;
	padding-bottom:0.5em;
	color:#cc2228;
}

h2.subheading,
h3.contact-position {
	padding-bottom:1em;
	font-size:1.8em;
	line-height:1.2em;
	padding-bottom:0;
}

.cols-3 h2.item-title,
.cols-4 h2.item-title {
	font-size:1.5em;
}

.cols-5 h2.item-title,
.cols-6 h2.item-title {
	font-size:1.3em;
}

h3 {
	font-size:1.6em;
	line-height:1.1em;
	padding-bottom:0.5em;
	color:#cc2228;
}

h3.module-title-2,
h3.page-heading,
h3.category-title,
h3.event-date,
h3.tag-title {
}

h4,
dt.result-title,
.list-title {		
	font-size:1.4em;
	line-height:1.1em;
	padding-bottom:0.5em;
}

h5 {
	font-size:1.2em;
	line-height:1.1em;
	padding-bottom:0.5em;
}

h5.category-title {
	font-size:1em;
}

h6 {
	font-size:1.05em;
	line-height:1.1em;
	padding-bottom:0.5em;
}

h6.create {
	padding-bottom:1em;
}

p,
address,
#contactaddress dd {
	font-family:'Lato-Regular', Arial, Helvetica, sans-serif;
	color:#000;
	font-size:1.05em;
	padding-bottom:0.5em;
	line-height:1.3em;
	-webkit-hyphens:auto;
 	-moz-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}

p.small {
	font-size:0.85em;
}

ul {
	font-size:1em;
	line-height:1em;
	padding-bottom:0.5em;
}

li {
	font-size:1.05em;
	line-height:1.4em;
	margin-left:1em;
	padding-left:-0.5em;
}

.articlebody li {
	list-style:none;
	margin-left:6px;
	padding-left:24px;
}

.articlebody li:before {
	content:"●";
	font-family:'Lato-Regular', Arial, Helvetica, sans-serif;
	font-size:0.6em;
	color:#000;
	display:block;
	float:left;
	width:24px;
	margin-left:-24px;
}

.articlebody li h2, 
.articlebody li h3, 
.articlebody li h4, 
.articlebody li h5, 
.articlebody li h6,
#myTabContent li h2, 
#myTabContent li h3, 
#myTabContent li h4, 
#myTabContent li h5, 
#myTabContent li h6 {
	padding-bottom:0;
	line-height:1em;
}

table {
	border:0 none;
	font-size:1em;
	border-collapse:collapse;
	margin-bottom:0.5em;
}

tr {
	border-bottom:1px solid #000;
}

tr:last-child {
	border-bottom:0 none;
}

td, th {
	border:0 none;
	font-size:1em;
	line-height:1.4em;
	padding:2px 4px;
	vertical-align:top;
}

th {
	font-family:'Lato-Medium', Arial, Helvetica, sans-serif;
	color:#000;
	border-bottom:2px solid #000;
	text-align:left;
}

td {
	font-family:'Lato-Regular', Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:normal;
}

address {
	font-style:normal;
}

/* GLOBAL TYPOGRAPHY PRINT */

.print h1 {
	color:red;
}

.print h2,.print h3, .print h4 {
}

.print h1 {
	font-size:28pt;
}

.print h2 {
	font-size:20pt;
}

.print h2.subheading,
.print h3.contact-position {
	font-size:16pt;
}

.print h3 {
	font-size:16pt;
}

.print h4 {
	font-size:14pt;
}

.print h5,
.print h6 {
	color:#000;
	font-size:12pt;
}

.print p,
.print address {
	font-size:11pt;
}

.print p.small {
	font-size:9pt;
}

.print li {
	font-size:11pt;
}

.tooltip-inner {
	display:none;
}


blockquote {
}

blockquote:before {
  color: #ccc;
}

blockquote:before {
  color: #ccc;
}


/* GLOBAL INLINE ELEMENTS */

a {
	color:#000;
	text-decoration:none;
	border:none;
    outline:none;
	background-color:#f8dc00;
	box-shadow: 3px 0 0 #f8dc00, -3px 0 0 #f8dc00;
	box-decoration-break:clone;
}

a:active {
	border:none;
    outline:none;
}

a:hover {
	color:#fff;	
	background-color: #cc2228;
 	box-shadow: 3px 0 0 #cc2228, -3px 0 0 #cc2228;
}

img {
	border:none;
    outline:none;
	max-width:100%;
}

strong, b {
	font-family:'Lato-Medium', Arial, Helvetica, sans-serif;
	font-weight:bold;
}

em {
	font-family:'Lato-Italic', Arial, Helvetica, sans-serif;
	font-style:normal;
}

abbr {
	cursor:help;
}

sup {
	font-size:0.5em;
	margin-right:-0.25em;
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	cursor:pointer;
}

video {
	background:#ccc;
}

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

span.nowrap {
	white-space:nowrap;
}

span.si {
	white-space:nowrap;
	word-spacing:-0.15em;
}

span.at {
	word-spacing:0;
}

span.trenner {
	color:#cc2228;
	letter-spacing:-0.05em;
	padding-left:0.5em;
	padding-right:0.5em;
}

/* GLOBAL FORM ELEMENTS */

legend {
	display:none;
}

label {
	font-family:'Lato-Italic', Arial, Helvetica, sans-serif;
	padding-right:0.2em;
}

fieldset {
	border:0 none;
}

select {
	color:#000;
	padding:0.2em 0.6em 0.3em 0.3em;
	vertical-align:middle;
	font-size:0.9em;
	line-height:1em;
}

input,
textarea {
	font-family:'Lato-Regular', Arial, Helvetica, sans-serif;
	overflow:visible;
	font-size:1em;
	line-height:1.4em;
	padding:0.3em 0.5em 0.3em 0.5em;
	width:100%;
	box-sizing:border-box;
}

input.inputbox,
input[type="radio"] {
	width:auto;
	display:inline-block;
}

input[type="checkbox"],
input[type="radio"] {
	width:auto;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
	cursor:pointer;
}

input[type="checkbox"] + label::before,
input[type="radio"] + label::before {
	content:"";
    display:inline-block;
    width:30px;
    height:30px;
	margin:-1px 4px 0 -2px;
    background: url(../images/checkbox.png) no-repeat 0 0;
	vertical-align:middle;
	cursor:pointer;
}

input[type="checkbox"]:checked + label::before,
input[type="radio"]:checked + label::before {
	background: url(../images/checkbox.png) no-repeat -30px 0;
}

a.button,
button,
input.btn-primary  {
	font-size:1em;
	line-height:1.4em;
	border:0 none;
	font-family:'Lato-Medium', Arial, Helvetica, sans-serif;
	background:#f8dc00;;
	color:#000;
	padding:0.3em 0.5em 0.3em 0.5em;
	box-sizing:border-box;
	cursor:pointer;
}

a.button:hover,
button:hover,
input.btn-primary:hover {
	color:#fff;
	background:#cc2228;
}

a.button {
	display:block;
}

.btn-group {
	width:auto;
	max-width:100%;
	float:left;
}

.btn-group input {
	width:auto;
	max-width:100%;
	margin-bottom:0.5em;
}

.btn-group.pull-right {
	float:right;
	margin-left:0.5em;
}

.btn-group.pull-left {
	float:left;
	margin-right:0.5em;
}


/* GLOBAL IMAGES */

.item-image {
	position:relative;
	box-sizing:border-box;
}

img.pull-right,
img.pull-left,
figure.pull-right,
figure.pull-left {
	height:auto !important;
}

figure img {
	width:100%;
}

img.pull-left,
figure.pull-left,
.item-image.pull-left {
	float:left;
	width:50%;
}

.item-image.pull-left {
	/* margin-right:1.5%; if no image padding */
}

img.pull-right,
figure.pull-right,
.item-image.pull-right {
	float:right;
	width:50%;
}

.item-image.pull-right {
	/* margin-left:1.5%; */
}

img.pull-none,
figure.pull-none,
img.pull-center,
figure.pull-center {
	display:block;
	width:100%;
	height:auto !important;
}

.cols-2 .item-image.pull-right,
.cols-2 .item-image.pull-left,
.cols-3 .item-image.pull-right,
.cols-3 .item-image.pull-left,
.cols-4 .item-image.pull-right,
.cols-4 .item-image.pull-left {
	width:100%;
	margin:0;
	float:none;
}

.aspectratio {
	display:block;
	overflow:hidden;
	position:relative;
	width:100%;
}

.aspectratio::before {
	content:"";
	display:block;
	padding-top:66.666667%;
}

.overview .leading .item-image.pull-none .aspectratio::before,
.overview .cols-1 .item-image.pull-none .aspectratio::before,
.module-3 .leading .item-image.pull-none .aspectratio::before,
.module-3 .cols-1 .item-image.pull-none .aspectratio::before {
	padding-top:33.3333%;
}

.aspectratio img,
.aspectratio iframe {
	width:100%;
	position:absolute;
    left:-100%;
    right:-100%;
    top:-100%;
    bottom:-100%;
    margin:auto;
}

.aspectratio a,
.aspectratio figure {
	display:block;
	width:100%;
	height:100%;
}

.aspectratio a::before,
.aspectratio figure::before {
	content:"";
	display:block;
	padding-top:66.666667%;
}

.overview .leading .item-image.pull-none .aspectratio a::before,
.overview .cols-1 .item-image.pull-none .aspectratio a::before,
.module-3 .leading .item-image.pull-none .aspectratio a::before,
.module-3 .cols-1 .item-image.pull-none .aspectratio a::before {
	padding-top:33.3333%;
}

.aspectratio a img,
.aspectratio figure img {
	max-width:none;
	width:100%;
	position:absolute;
    left:-100%;
    right:-100%;
    top:-100%;
    bottom:-100%;
    margin:auto;

	-o-transition-property: width;
  	-o-transition-duration: 0.4s;
	-webkit-transition-property: width;
  	-webkit-transition-duration: 0.4s;
	-moz-transition-property: width;
  	-moz-transition-duration: 0.4s;
	transition-property: width;
  	transition-duration: 0.4s;
}

.aspectratio a:hover img {
	width:125%;
}

/* flexible image size */

.aspectratio::before {
	content:normal;
	display:none;
	padding:0;
}

.aspectratio img,
.aspectratio iframe {
	display:block;
	position:relative;
	right:0;
	left:0;
	top:0;
	bottom:0;
}


.overview .leading .item-image,
.overview .cols-1 .item-image,
.module-3 .leading .item-image,
.module-3 .cols-1 .item-image {
	margin:0;
}

/* */

p.caption,
figcaption,
p.img_caption {
	font-size:0.8em;
	line-height:1.2em;
	padding:0;
	color:#000;
}

p.caption {
	font-family:'Lato-Medium', Arial, Helvetica, sans-serif;
	position:absolute;
	background: rgba(255,255,255,0.6);
	bottom:0;
	left:0;
	padding:0.2em 0.5em;
	box-sizing:border-box;
	max-width:90%;
}


/* GLOBAL TRANSITIONS */

a, button {
	-o-transition-property: color, background, box-shadow, texz-shadow, box-decoration-break;
  	-o-transition-duration: 0.4s;
	-webkit-transition-property: color, background, box-shadow, texz-shadow, box-decoration-break;
  	-webkit-transition-duration: 0.4s;
	-moz-transition-property: color, background, box-shadow, texz-shadow, box-decoration-break;
  	-moz-transition-duration: 0.4s;
	transition-property: color, background, box-shadow, texz-shadow, box-decoration-break;
  	transition-duration: 0.4s;
}

/* GLOBAL BACKGROUNDS */


/* GLOBAL BORDER + RADIUS */

/* GLOBAL GRID */

/* ITEM OUTSIDE MARGIN + SIZE */

/* 1/1 */
#header-in,
#menu-main-in,
#menu-meta-in,
#main-in,
#footer-in,
.module-3-title-out,
.module-3-content-out,
.parallax-content {
	padding-left:1%;
	padding-right:1%;
}

/* 2/3 */
.page-header {
	margin-left:1.5%;
	margin-right:1.5%;
	padding-left:1%;
	padding-right:1%;
}

/* 1/1 */
.overview .page-header,
.module-3 .page-header  {
	margin-left:1%;
	margin-right:1%;
}

/* 2/3 */
.leading,
.items-more,
.item,
.item-page .item-content {
	background:#fff;
	margin:3% 1.5% 0 1.5%;
}

/* 1/1 */
.overview .leading,
.overview .item,
.overview .items-more,
.module-3 .leading,
.module-3 .item,
.module-3 .items-more {
	margin:2% 1% 0 1%;
}

.module-title-3,
.parallax-content > div {
	margin-left:1%;
	margin-right:1%;
	padding-left:1%;
	padding-right:1%;
}


/* 1/1 */

.cols-2 .item {
	width:47%; /* x minus margin */
}

.overview .cols-2 .item,
.module-3 .cols-2 .item {
	width:48%;
}

.cols-3 .item {
	width:30.3333%; /* x minus margin */
}

.overview .cols-3 .item,
.module-3 .cols-3 .item {
	width:31.3333%;
}

.cols-4 .item {
	width:22%; /* x minus margin */
}

.overview .cols-4 .item,
.module-3 .cols-4 .item {
	width:23%;
}

/* 1/3 */

.module-1 {
	width:94%;
	margin:6% 3% 0 3%;
}

/* 1/1 */
.overview .module-1,
.overview aside .grid-sizer,
.overview aside .grid-item {
	width:31.3333%;
	margin:2% 1% 0 1%;
}


/* ITEM INSIDE PADDING */

/* 2/3 */
.leading .text-content,
.cols-1 .text-content,
.items-more {
	padding:1em 3%;
}

/* 1/1 */
.overview .leading .text-content,
.overview .cols-1 .text-content,
.overview .items-more,
.module-3 .leading .text-content,
.module-3 .cols-1 .text-content,
.module-3 .items-more {
	display:block;
	box-sizing:border-box;
	width:50%;
	padding:1em 2%;
	float:left;
}

.overview .leading .text-content.full-img,
.overview .cols-1 .text-content.full-img,
.module-3 .leading .text-content.full-img,
.module-3 .cols-1 .text-content.full-img,
.overview .leading .text-content.no-img,
.overview .cols-1 .text-content.no-img,
.module-3 .leading .text-content.no-img,
.module-3 .cols-1 .text-content.no-img {
	width:100%;
}

.parallax-content > div {
	padding-left:1%;
	padding-right:1%;
}

.cols-2 .text-content {
	padding:0.5em 6%;
}

.overview .cols-2 .text-content,
.module-3 .cols-2 .text-content {
	padding:0.5em 4%;
}

.cols-3 .text-content {
/*	padding:9%; */
	padding:0.5em 4.5%;
}

.overview .cols-3 .text-content,
.module-3 .cols-3 .text-content {
	padding:0.5em 6%;
}

.cols-4 .text-content {
	padding:0.5em 6%;
}

.overview .cols-4 .text-content,
.module-3 .cols-4 .text-content {
	padding:0.5em 8%;
}

.search,
.stats-module,
#login-form {
	padding:3%;
}

.newsflash-title {
	padding:3%;
}

footer .module-3 {
	padding-left:1%;
	padding-right:1%;
}

.articlebody {
	padding:3%;
}

/* IMAGE PADDING/MARGIN */

.item-image {
	padding:1.5%;
}

.caption {
	margin:1.5%;
}

.item-page .item-image.pull-left {
	padding:3%;
}

.item-page .item-image.pull-right {
	padding:3%;
}

.item-page .item-image.pull-none {
	padding-top:3%;
	padding-right:3%;
	padding-left:3%;
}

.overview .leading .item-image,
.overview .cols-1 .item-image,
.module-3 .leading .item-image,
.module-3 .cols-1 .item-image {
	padding:1%;
}

.overview .leading .caption,
.overview .cols-1 .caption,
.module-3 .leading .caption,
.module-3 .cols-1 .caption {
	margin:2%;
}

.overview .leading .pull-none .caption,
.overview .cols-1 .pull-none .caption,
.module-3 .leading .pull-none .caption,
.module-3 .cols-1 .pull-none .caption {
	margin:1%;
}


aside .item-image,
.overview aside .item-image {
	padding:1% 3%;
}

.cols-2 .item-image {
	padding:3%;
}

.cols-2 .caption {
	margin:3%;
}

.item-content .item-image .caption {
	margin:6%;
}

.overview .cols-2 .item-image,
.module-3 .cols-2 .item-image {
	padding:2%;
}

.overview .cols-2 .caption,
.module-3 .cols-2 .caption {
	margin:2%;
}

.cols-3 .item-image {
	padding:4.5%;
}

.cols-3 .caption {
	margin:4.5%;
}

.overview .cols-3 .item-image,
.module-3 .cols-3 .item-image {
	padding:3%;
}

.overview .cols-3 .caption,
.module-3 .cols-3 .caption {
	margin:3%;
}

.cols-4 .item-image {
	padding:6%;
}

.cols-3 .caption {
	margin:6%;
}

.overview .cols-4 .item-image,
.module-3 .cols-4 .item-image {
	padding:4.5%;
}

.overview .cols-4 .caption,
.module-3 .cols-4 .caption {
	margin:4.5%;
}



/* COM_CONTENT  */

/* COM_CONTENT CATEGORY BLOG/FEATURED */

.page-header {
	padding-top:1em;
}

.category-title a,
.page-title a,
.item-title a {
	color:#cc2228;
	background:none;
	box-shadow: none;
}

.category-title a:hover,
.page-title a:hover,
.item-title a:hover  {
	color:#000;
	border-bottom:1px dotted #000;
	background:none;
	box-shadow: none;
}

p.create-blog {
	font-family:'Lato-Regular', Arial, Helvetica, sans-serif;
	color:#666;
	font-size:0.7em;
	padding-bottom:0.5em;
}

.tags {
	padding-bottom:0.5em;
}

.tags span, .tags li {
	display:inline-block;
	margin:0;
}

.tags span a,
.tags li a {
	font-size:0.75em;
	border:0 none;
	text-decoration:none;
	display:inline-block;
	padding:2px 4px;
}

.tags span a:hover, .tags li a:hover {
}

dl.article-info {
	width:100%;
}

dl.article-info dt,
dl.article-info dd {
	font-size:0.8em;
	line-height:1.2em;
}

dt.article-info-term {
	color:#000;
}

dl.article-info dd {
	color: #666;
}

.items-row {
}

.item {
	float:left;
	background:#fff;
}

.cols-2 h2, .cols-2 h3, .cols-2 h4,
.cols-3 h2, .cols-3 h3, .cols-3 h4,
.cols-4 h2, .cols-4 h3, .cols-4 h4 {
	-webkit-hyphens:auto;
 	-moz-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}

.introtext p {
	font-family:'Lato-Medium', Arial, Helvetica, sans-serif;
	font-weight:normal;
}

.module-3 .blog .leading .no-img .intro,
.overview .blog .leading .no-img .intro {
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
	-webkit-column-gap: 36px;
    -moz-column-gap: 36px;
    column-gap: 36px;
}

.module-3 .blog .leading .no-img .intro p,
.overview .blog .leading .no-img .intro p {
	-webkit-column-break-inside: avoid;
    -moz-column-break-inside:avoid;
    -moz-page-break-inside:avoid;
    page-break-inside:avoid;
    break-inside:avoid-column;
}

.module-3 .blog .leading .no-img .intro p,
.overview .blog .leading .no-img .intro p {
	-webkit-column-break-inside: auto;
    -moz-column-break-inside: auto;
    -moz-page-break-inside: auto;
    page-break-inside: auto;
    break-inside: auto;
}

#aboutme {
	background:#f8dc00;
	background:#cc2228;
	background:gray;
}

/* COM_CONTENT CATEGORY PORTFOLIO */

#portfolio {
	background:#f8dc00;
}

.module-3 .portfolio .cols-4 .item-image {
	padding:0;
	position:absolute;
	top:0;
	left:0;
}

.portfolio .item {
	position:relative;
	overflow:hidden;
	background-color:#cc2228;
}

.portfolio .item::before {
	content: "";
	display: block;
	padding-top:100%;

}

.portfolio .aspectratio::before {
	padding-top:100%;
}

.portfolio .aspectratio a::before {
	padding-top:100%;
}

.portfolio .aspectratio a img {
	width:auto;
	height:100%;
}

.portfolio .text-content {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	box-sizing:border-box;
	cursor:pointer;
	text-align:center;
}

.module-3 .portfolio .cols-1 .text-content,
.module-3 .portfolio .cols-2 .text-content,
.module-3 .portfolio .cols-3 .text-content,
.module-3 .portfolio .cols-4 .text-content {
	padding:0;
}

.portfolio .text-content:hover {
}

.text-inner {
	display:table;
	height:100%;
	width:100%;
}

.text-inner-inner {
	display:table-cell;
	vertical-align: middle;
	height:100%;
}

.text-inner h2 {
	padding:8px;
	
}

.text-inner h2,
.text-inner h2 a {
	color:#fff;
}

.text-inner h2 a:hover {
	color:#000;
}

.text-inner:hover h2,
.text-inner:hover h2 a {
	color:#cc2228;
}

.text-inner {
	background-color: rgba(0, 0, 0, 0.3);
	-o-transition-property: background-color;
  	-o-transition-duration: 0.2s;
	-webkit-transition-property: background-color;
  	-webkit-transition-duration: 0.2s;
	-moz-transition-property: background-color;
  	-moz-transition-duration: 0.2s;
	transition-property: background-color;
  	transition-duration: 0.2s;
}

.no-img .text-inner {
	background-color: rgba(255, 255, 255, 0);
}

.text-inner:hover {
	background-color: rgba(255, 255, 255, 0.8);
}

.no-img .text-inner:hover {
	background-color: rgba(255, 255, 255, 1);
}

.portfolio .text-content .intro {
	max-height:0;
	overflow:hidden;
	padding:0 8px;
	
	-o-transition-property: max-height, min-height, overflow;
  	-o-transition-duration: 0.4s;
	-webkit-transition-property: max-height, min-height, overflow;
  	-webkit-transition-duration: 0.4s;
	-moz-transition-property: max-height, min-height, overflow;
  	-moz-transition-duration: 0.4s;
	transition-property: max-height, min-height, overflow;
  	transition-duration: 0.4s;
}

.portfolio .text-content:hover .intro {
	max-height:10em;
	overflow:visible;
}

.portfolio p {
	-webkit-hyphens:none;
 	-moz-hyphens:none;
	-ms-hyphens:none;
	hyphens:none;
}



/* COM_CONTENT CATEGORY LIST */

.category-list {
}

.category-list .display-limit {
	font-size:0.8em;
}

.category-list .filter-search {
	float:left;
}

.category-list .display-limit {
	float:right;
}

.category-list-table {
	padding-left:4px;
	padding-right:4px;
}


/* COM_CONTENT CATEGORIES */

table.category {
	width:100%;
}


/* COM_CONTENT ARTICLES */

.item-page .item-content {
	background:#fff;
}

.articlebody {
}

ul.actions {
	clear:both;
	float:right;
}

ul.actions li {
	float:left;
	list-style:none;
	margin:8px 8px 0 0 ;
}

ul.actions li.print-icon a,
ul.actions li.email-icon a {
	border:0 none;
	box-shadow:none;
	display:block;
	padding:4px;
}

ul.actions li.print-icon a:hover,
ul.actions li.email-icon a:hover {
	border:0 none;
}

.content_rating {
	font-size:0.8em;
	display:block;
	padding:0.5em 0 0 0;
}

.content_vote {
	font-size:0.8em;
	margin-top:-1em;
	padding-bottom:0.5em;
}

.content_vote input {
}


/* COMPONENT ERROR PAGE */

#error-box-outside {
	min-height:1px;
	max-width:600px;
	padding-top:18px;
	margin:0 auto;
}

.error-box {

}

#error-search {

}

body:not(:target) .error-box #nav-menu-main ul {
	max-height:none;
	visibility:visible;
}


/* MOD MODULES */

.module-1,
.module-2 {
	overflow:hidden;
}

.overview main .module-1,
.overview main .module-2,
.overview aside .module-1,
.overview aside .module-2 {
	float:left;
}

/* MODULES TYPE 1 */

.module-1 {
	background:#f3f3f3;
}

.overview .module-1 {
	float:left;
}

aside .module-title-1 {
	color:#fff;
	background:#cc2228;
}

aside .module-title-1 {
	padding:2% 3% 2% 3%;
}

.overview aside .module-title-1 {
	padding:2% 3% 2% 3%;
}


/* MODULES TYPE 2 */



/* MODULES TYPE 3 */

.module-3 {
	padding-top:90px;
	padding-bottom:120px;
}

.module-3-title-out,
.module-3-content-out {
	box-sizing:border-box;
	margin:0 auto;
	position:relative;
}

.module-3-content-out > div {
}

/* MOD SYNDICATE */

.syndicate-module img {
	display:block;
	float:left;
	margin-right:4px;
}

.syndicate-module span {
	display:inline-block;
	width:92%;
	margin-right:-4%;
}

/* MOD LATEST NEWS + RELATED ITEMS */

ul.latestnews,
ul.relateditems {
	display:block;
	border-top:1px solid #000;
}

.latestnews li,
.relateditems li {
	font-weight:normal;
	list-style:none;
	display:block;
	border-bottom:1px solid #000;
	margin:0;
}

.latestnews li a,
.relateditems li a {
	border-bottom:0 none;
}

/* MOD SEARCH */

.search {
}

.search label.element-invisible {
	display:none;
}

input#mod-search-searchword {
	width:60%;
	display:inline-block;
	margin-bottom:8px;
}

.search button {
	display:inline-block;
	margin-bottom:8px;
}

/* MOD SEARCH INDEX */

.finder {
}

#mod-finder-searchword {
}

#mod-finder-advanced {
}

#mod-finder-advanced .control-group {
	clear:both;
}

#mod-finder-advanced .control-group:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}

#mod-finder-advanced label.control-label {
	float:left;
}

#mod-finder-advanced .controls {
	float:right;
}

/* MOD NEWSFLASH */

.newsflash .item-image.pull-left,
.newsflash .item-image.pull-right,
.newsflash .item-image.pull-none {
/*	width:100%;
	margin-left:0;
	margin-right:0; */
	float:left;
	width:50%;
	margin:0;
}

.newsflash p,
.newsflash a.readmore {
	font-size:0.95em;
	line-height:1.2em;
}

.newsflash-item {
	/* background:#fff; */
	border-bottom:3px solid #fff;
	/* margin-bottom:0.5em; */
}

.newsflash .item-content {
	padding:0 3%;
}

/* MOD CUSTOM */

.custom img {
	max-width:100%;
}

/* MOD PARALLAX */

.module-3-parallax .module-3-content-out {
	position:relative;
	width:100%;
	padding:0;
}

.parallax {
	height:60vh;
}

.parallax-window {
	height:100%;
	overflow:hidden;
	position:relative;
}

.parallax-overlay {
	background-image:url(../images/muster2.png);
	background-repeat:repeat;
	position:relative;
	height:100%;
	margin:0 auto;
	z-index:100;
}

.parallax-content {
	position:relative;
	box-sizing:border-box;
	height:100%;
	margin:0 auto;
	z-index:200;
}

.parallax-content > div {
	height:100%;
}
	
/* MOD NEWSFEED */


/* MOD MOSTREAD */

.module-2 .mostread {
}

.module-2 .mostreaditem {
}

.module-2 .mostread .img-intro {
}

.mostread p {
}

/* MOD BANNERS */

.bannergroup img {
	max-width:100%;
}

.module-2 .bannergroup img {
	display:block;
}

/* MOD RANDOM IMAGE */

.module-2 .random-image img {
	display:block;
	width:100%;
	height:100%;
}

/* MOD BREADCRUMB */

#breadcrumbs {
	padding-top:1em;
	padding-bottom:1em;
}

ul.breadcrumb {
	padding:0;
}

ul.breadcrumb li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0.2em 0.5em 0.2em 0;
	text-transform:uppercase;
}

ul.breadcrumb li.here {
	text-transform:none;
	color:#666;
}

ul.breadcrumb span.divider {
	padding-left:0.5em;
}

ul.breadcrumb a {
	color:#000;
	text-decoration:none;
	border:none;
    outline:none;
	background:none;
	
	box-shadow: 3px 0 0 transparent, -3px 0 0 transparent;
	box-decoration-break:clone;
}

ul.breadcrumb a:hover {
	background: #000;
 	box-shadow: 3px 0 0 #000, -3px 0 0 #000;
}

ul.breadcrumb li::after {
	display:none;
}

/* MOD LOGIN */

form#login-form {
}

.userdata {
}

#form-login-username,
#form-login-password,
#form-login-remember,
#form-login-submit {
	clear:both;
}

#form-login-username label,
#form-login-password label {
	display:block;
	float:left;
	min-width:32%;
}

#form-login-username input,
#form-login-password input {
	float:left;
	margin-bottom:8px;
	width:58%;
}

#form-login-remember {
}

#form-login-remember input {
	vertical-align:bottom;
	display:inline-block;
}

#form-login-submit {
	margin-top:16px;
}

.login-greeting {
	font-weight:normal;
	font-size:0.9em;
	padding-bottom:0.5em;
	
	font-size:1em;
}

form#login-form ul {
	padding:0;
}

form#login-form ul li {
	padding:0;
	margin:0 4px 0 0;
	list-style:none;
	display:inline-block;
	font-size:0.7em;
}

/* MOD VIDEO BACKGROUND */

.custom-video-bg {
	color:#fff;
	-o-height:calc(100% - 160px);
	-webkit-height:calc(100% - 160px);
	-moz-height:calc(100% - 160px);
	height:calc(100% - 160px);
}

.custom-video-caption {
	height:100%;
	position:relative;
	margin:0 auto;
	box-sizing:border-box;
	z-index:100;
}

.custom-video-caption-inner {
	position:absolute;
	bottom:10%;
	right:1%;
	margin:1%;
	box-sizing:border-box;
	background: rgba(255,255,255,0.8);
	padding:0.5em 1em;
	width:auto;
	max-width:50%;
}

.custom-video-caption h1,
.custom-video-caption h2 {
	color:#000;
	padding:0;
}

/* MOD E-PRIVACY */

.plg_system_eprivacy_module {
	margin:0 auto;
	padding-right:1%;
	padding-left:1%;
}

.activebar-container {
	width:100%;
	background-color: rgba(0, 0, 0, 0.8);
	padding:20px 1%;
	box-sizing:border-box;
	text-align:center;
	bottom:0;
	left:0;
	position:fixed;
	z-index:999;
}

.activebar-container p {
	box-sizing:border-box;
	margin-right:2.4%;
	margin-left:2.4%;
	padding-left:2.2%;
	padding-right:2.2%;
	text-align:center;
	color:#fff;
}

.activebar-container ul {
	padding-bottom:1em;
}

.activebar-container li {
	margin:0;
	list-style:none;
}

.activebar-container button.decline {
	color:#fff;
	background-color:#f00;
}
.activebar-container button.accept {
	color:#000;
	background-color:#0f0;
}

div.plg_system_eprivacy_declined,
div.plg_system_eprivacy_accepted {
	box-sizing:border-box;
	text-align:center;
	padding:0 1%;
}

.plg_system_eprivacy_reconsider,
.plg_system_eprivacy_accepted {
	margin-left:10px;
}

.plg_system_eprivacy_accepted p,
.plg_system_eprivacy_declined p {
	vertical-align:middle;
	padding:1em 1%;
	margin:0 1%;
	font-size:0.9em;
}

.plg_system_eprivacy_accepted button,
.plg_system_eprivacy_declined button {
	margin-top:-0.3em;
	margin-bottom:10px;
	font-size:0.9em;
}

/* MOD SLIDER CK */

.swiper {
	margin-left:1%;
	margin-right:1%;
}

.swiper-container {
	font-size:1em !important;
	margin-left:1% !important;
	margin-right:1% !important;
}

.swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23CC2228'%2F%3E%3C%2Fsvg%3E") !important;
    opacity: 1;
	margin-left:-5px;
}

.swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 27 44'%3E%3Cpath d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23CC2228'%2F%3E%3C%2Fsvg%3E") !important;
    opacity: 1;
	margin-right:-5px;
}

.swiper-pagination {
	position:relative !important;
	bottom:0  !important;
	margin-top:10px;
}

.swiper-caption {
	padding:20px 0 0 0 !important;
	background:none !important;
	color:#000 !important;
}

.swiper-title {
	font-size:1.6em !important;
	line-height:1.1em !important;
	padding:0 0 0.5em 0 !important;
	color:#cc2228;
	
	font-size:1.4em !important;
}

#referenzen .swiper-title {
	
}

a.swiper-link {
	background:none;
}

a:hover {
	background:none;
}

.swiper-desc {
	font-family:'Lato-Regular', Arial, Helvetica, sans-serif;
	font-size:1.05em !important;
	padding-bottom:0.5em !important;
	line-height:1.3em !important;
	-webkit-hyphens:auto;
 	-moz-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
	
	font-size:0.9em !important;
}

#referenzen .swiper-container .aspectratio img {
	width:auto;
	max-width:100%;
	max-height:100%;
	max-width:80%;
	max-height:90%;
}

#referenzen .swiper-slide {
	padding:20px;
}

#gallery {
	background: #f8dc00;
	background:gray;
}


#gallery .aspectratio figure img {
	width:auto;
	min-width:100%;
	max-width:130%;
}

#mbBottom a {
	text-decoration: none !important;
}

#mbBottom a:hover, #mbBottom a:active {
	text-decoration: none !important;
	background:#cc2228 !important;
}

/*

#gallery .aspectratio figure {
	display:block;
	width:auto;
	height:auto;
}


#gallery .aspectratio figure::before {
	content:"";
	display:block;
	padding-top:0;
}

#gallery .aspectratio figure img {
	max-width:100%;
	max-height:200px;
	width:auto;
	position:relative;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    margin:auto;
}
*/

/* MOD SLIDESHOW CK */

.slideshowck {
	box-sizing:border-box;
	height:100%;
	-o-height:calc(100% - 150px);
	-webkit-height:calc(100% - 150px);
	-moz-height:calc(100% - 150px);
	height:calc(100% - 150px);
}

.camera_target {
	overflow:hidden;
}

.camera_overlayer {
	background-image:url(../images/muster2.png);
	background-repeat:repeat;
}

.camera_target_content {
	margin:0 auto;
}

.imgLoaded {
	visibility:visible !important;
}

.camera_caption {
	margin:1%;
	width:auto !important;
	max-width:50%;
	right:1%;
	bottom:10% !important;
}

.cameraContents {
	box-sizing:border-box;
}

.camera_caption > div {
	padding:0.5em 1em;
	
}

.camera_caption_desc:before {
	content: ".";
  	display: block;
  	height: 0.025em;
  	clear: both;
  	visibility: hidden;
}

.camera_caption_desc img {
	display:none;
}

.camera_caption .iframe {
	width:100% !important;
}

.camera_caption_title {
	font-family:'Lato-Medium', Arial, Helvetica, sans-serif;
	font-size:1.8em !important;
	color:#000;
}

.camera_caption_desc {
	color:#000;
}

.camera_pag {
}

.camera_pag_ul {
	position:absolute;
	bottom:1%;
	left:1%;
}

.camera_pag_ul li {
	margin:8px 8px 0 0!important;
	background:#fff !important;
}

/* MOD STATISTICS */

.stats-module {
}

.stats-module:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}

.stats-module dl {
	display:table;
}

.stats-module dt, .stats-module dd {
	width:50%;
	box-sizing:border-box;
	padding:0.2em;
	float:left;
	border-top:1px solid #444;
}

.stats-module dt {
	clear:both;
}

.stats-module dd {

}

.stats-module dt:last-of-type, .stats-module dd:last-of-type {
}

/* MOD LANGUAGE SELECT */

div.mod-languages {
	position:absolute;
	top:8px;
}

div.mod-languages a {
	background:none;
	box-shadow:none;
}

div.mod-languages a:hover {
	background:none;
	box-shadow:none;
}

/* PLUGINS */

/* PLG STACKABLE */

th.st-head-row {
	border-bottom:0 none;
}

.resptable.small-only {
	width:100%;
}

@media only screen and (max-width: 860px) {
.resptable.large-only {
	display:none;
}
}

@media only screen and (min-width: 860px) {
.resptable.small-only {
	display:none;
}
}






/* LAYOUT GLOBAL */

#header-out,
#menu-main-out,
#menu-meta-out,
#main-out,
#footer-out {
	clear:both;
	width:100%;
	position:relative;
}

#header-in,
#menu-main-in,
#menu-meta-in,
#main-in,
#footer-in {
	clear:both;
	position:relative;
	margin:0 auto;
	box-sizing:border-box;
}

header,
nav,
main,
aside,
section,
footer {
	display:block;
	position:relative;
}

#header-out {
	background:#fff;
}

#header-in {
}

header {
	width:100%;
	z-index:500;
	position:fixed;
}

#teaser {
}

#menu-main-out {
	background:#f8dc00;
}

#menu-main-in {
}

#menu-meta-out {
}

#menu-meta-in {
}

#main-out {
}

#main-in {
	overflow:hidden;
	padding-top:40px;
	padding-bottom:60px;
}

main,
aside {
	float:left;
}

main {
	width:66.6667%;
}

.overview main {
	width:100%;
}

aside {
	width:33.333%;
}

.overview aside {
	width:100%;
}

#footer-out {
	min-height:100px;
	background:#333;
	padding-bottom:20px;
}

#footer-in {
}

footer {
	
}

/* LAYOUT HEADER */

#header-out {
	border-top:6px solid #cc2228;
	position:relative;
	z-index:1000;
}

#header-in {
	height:120px;
	height:132px;
}

#header-in > div {
	padding:0 2%;
}

#logo {
	float:right;
	width:150px;
	padding-top:8px;
	min-height:20px;
	position:relative;
}

#logo > div {
	width:100%;
	position:absolute;
}


#logo a {
	background:none;
	box-shadow:none;
}

#logo a:hover {
	background:none;
	box-shadow:none;
}

#logo img,
#lsp img {
	width:100%;
}

#lsp {
	width:140px;
	margin:12px 16px;
	padding:4px 24px 4px 24px;
	float:right;
	border-right:1px solid #000;
}

.custom-header {
}

.custom-header h1 {
	font-size:32px;
	line-height:1.2em;
	text-transform:uppercase;
	padding:20px 0;
}

.custom-header span.subline {
	display:block;
	font-family:'Lato-Regular', Arial, Helvetica, sans-serif;
	color:#000;
	font-size:0.75em;
}

.custom-header {
}

span.block {
	display:inline-block;
	white-space:nowrap;
}

/* LAYOUT MAIN MENU */

#menu-main-out {
	position:absolute;
}

#menu-main-in ul.menu {
	padding:0 2%;
	float:left;
}

#menu-main-in ul.menu:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}

#menu-main-in ul.menu li {
	position:relative;
	text-transform:uppercase;
	font-weight:normal;
	font-size:1em;
	line-height:1em;
	padding:0;
	margin:0;
	list-style:none;
	display:block;
	float:left;
}

#menu-main-in ul.menu li.divider {
	display:none;
}

#menu-main-in ul.menu > li {
}

/*
#menu-main-in ul.menu > li:after {
	content:'///';
	display:block;
	float:right;
	font-family:'Lato-Medium', Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#cc2228;
	padding:0.3em 0.2em 0.2em 0.2em;
	box-sizing:border-box;
	min-height:30px;
}
*/

#menu-main-in ul.menu li a {
	text-decoration:none;
	box-shadow:none;
	display:block;
	float:left;
	color:#000;
	font-size:1.2em;
	box-sizing:border-box;
	min-height:30px;
}

#menu-main-in ul.menu li > a {
	border-left:1px solid #000;
	padding:0.3em 0.5em 0.2em 0.5em;
}

#menu-main-in ul.menu li:last-child > a {
	border-right:1px solid #000;
}

#menu-main-in ul.menu li a:hover {	
	color:#fff;
	background:#cc2228;
}

#menu-main-in ul.menu li.active a {
	color:#fff;
	background:#000;
}

#menu-main-in ul.menu li.active a:hover {
	background:#000;
}

#menu-main-in ul.menu li.active.current a:hover {
	background:#000;
}

#menu-main-in ul.menu li ul {
	position:absolute;
	z-index:9999;
	overflow:hidden;
	max-height:0;
	min-width:100%;
	
	padding:0;
	margin:0;
	display:block;
	
	-o-transition-property: max-height, visibility;
  	-o-transition-duration: 0.5s, 0.5s;
	-webkit-transition-property:  max-height, visibility;
  	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-property: max-height, visibility;
  	-moz-transition-duration: 0.5s, 0.5s;
	transition-property: max-height, visibility;
  	transition-duration: 0.5s, 0.5s;
	
	visibility:hidden;
}

#menu-main-in ul.menu li ul ul {
	display:none;
}

#menu-main-in ul.menu li:hover ul {
	max-height:30em;
	visibility:visible;
}

#menu-main-in ul.menu ul li {
	display:block;
	width:100%;
	padding:0;
	margin:0;
	margin-top:6px;
}

#menu-main-in ul.menu ul li:last-child {
	border-bottom:0 none;
}

#menu-main-in ul.menu ul li a {
	display:block;	
	font-size:0.9em;
	padding:0.2em 0.4em 0.15em 0.4em;
	font-size:1em;
	min-width:160px;
}

#menu-main-in ul.menu li.active li a,
#menu-main-in ul.menu li.active li.active li a {
}

#menu-main-in ul.menu li.active li.active a,
#menu-main-in ul.menu li.active li.active li.active a {
}

#menu-main-in ul.menu ul ul {
	position:relative;
}

#menu-main-in ul.menu ul ul li {
	margin-top:2px;
}

#menu-main-in ul.menu li.active li.current a,
#menu-main-in ul.menu li.active li.active li.current a {
	color:#000;
}


#menu-main-in ul.menu li > a.icon {
	padding:0.2em 0.5em 0 0.5em;
}

.icon > span {
}

.icon .image-title {
	display:none;
}

.icon img {
	display:block;
	height:1.2em;
}

/* responsive toggle menu */

a.close,
a.toggle-
a.toggle-menu-main {
	display:none;
	box-shadow: none;
}

a.toggle-menu-main,
#nav-menu-main .close {
	text-decoration:none;
	color:#000;
	font-size:1.1em;
	padding:0.4em 3% 0.45em 3%;
}

a.toggle-menu-main:hover,
#nav-menu-main .close:hover {
}

a.toggle-menu-main span.icon,
#nav-menu-main .close span.icon {
	display:inline-block;
	vertical-align:bottom;
	font-size:1.5em;
	line-height:0.6em;
}

a.toggle-menu-main span.text,
#nav-menu-main .close span.text {
	display:inline-block;
}

a.toggle-menu-main {
	position:relative;
	z-index:2;
	display:none;
}

a:hover.toggle-menu-main {
}

#nav-menu-main .close {
	display:none;
}

@media screen and (max-width: 768px) {
	
#menu-main-out {
}

#menu-main-in {
	padding:0;
}

#nav-menu-main {
	display:block;
	width:auto;
	position:relative;
}

#menu-main-in ul.menu {
	padding:0;
}

#menu-main-in ul.menu li {
	display:block;
	float:none;
	height:auto;
}

#menu-main-in ul.menu li a {
	padding-left:3%;
	padding-right:3%;
}

#menu-main-in ul.menu > li,
#menu-main-in ul.menu li > a {
	display:block;
	float:none;
	height:auto;
}

#menu-main-in ul.menu li > a,
#menu-main-in ul.menu li:last-child > a {
	border:0 none;
}

#menu-main-in ul li ul {
	top:0;
	background:none;
}

a.toggle-menu-main {
	display:block;
	border:0 none;
}

body:not(:target) #nav-menu-main ul {
	max-height:0;
  	line-height:0;
	overflow:hidden;
	-o-transition-property: line-height, max-height;
  	-o-transition-duration: 0.4s, 0.4s;
	-webkit-transition-property: line-height, max-height;
  	-webkit-transition-duration: 0.4s, 0.4s;
	-moz-transition-property: line-height, max-height;
  	-moz-transition-duration: 0.4s, 0.4s;
	transition-property: line-height, max-height;
  	transition-duration: 0.4s, 0.4s;
	width:100%;
}

body:not(:target) #top:target #nav-menu-main ul {
	max-height:40em;
	z-index:2;
}

body:not(:target) #nav-menu-main li {
	display:block;
}

body:not(:target) #top:target #nav-menu-main .close {
	display:block;
}

body:not(:target) #nav-menu-main .close {
	display:none;
}

body:not(:target) a.toggle-menu-main {
	display:block;
	border:0 none;
	z-index:5;
}

body:not(:target) #top:target a.toggle-menu-main {
	display:none;
}

#menu-main-in ul {
	padding:0;
	
	background:none;


}

#menu-main-in ul.menu li {
	float:none;
	margin:0;
}

#menu-main-in ul.menu > li {
}

#menu-main-in ul.menu > li:last-child {
}

#menu-main-in ul.menu ul li {

	background:none;

	margin-top:0;
}

#menu-main-in ul.menu ul li:first-child {
}

#menu-main-in ul.menu ul ul li:first-child {
}

#menu-main-in ul.menu ul li a {
}

#menu-main-in ul.menu li.active li a,
#menu-main-in ul.menu li.active li.active li a {
}

#menu-main-in ul.menu li ul {
	position:relative;
	max-height:none;
	visibility:visible;
	width:100%;
	display:none;
}

#menu-main-in ul.menu li.active ul {
	display:block;
}

#menu-main-in ul.menu ul li ul {
	display:none;
}

#menu-main-in ul.menu ul li.active ul {
	display:block;
}

#menu-main-in ul.menu li:hover ul {
}

#menu-main-in ul.menu ul li {
}

#menu-main-in ul.menu ul li:last-child {
}

#menu-main-in ul.menu ul ul {
	position:relative;
	display:block;
}

#menu-main-in ul.menu ul ul li:last-child {
	border-bottom:0 none;
}

#menu-main-in ul.menu ul ul li a {
	font-size:0.8em;
}

#error-box-inside a.toggle-menu-main {
	display:none;
}

}

/* LAYOUT FOOTER */

footer p,
footer address {
	color:#fff;
}

footer a {
	box-shadow:none;
	background:none;
	color:#fff;
}

footer a:hover {
	color:#fff;
	box-shadow:none;
	background:none;
}

footer .module-3-title-out {
	padding:0;
}

footer .module-title-3 {
	padding:0;
}

footer h4 {
	text-transform:uppercase;
	color:#cc2228;
}

footer h4 span.subline {
	display:block;
	font-family:'Lato-Regular', Arial, Helvetica, sans-serif;
	color:#fff;
}

/* LAYOUT SLIDER */

.collapse {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition: height .35s ease;
	-moz-transition: height .35s ease;
	-o-transition: height .35s ease;
	transition: height .35s ease;
}
.collapse.in {
	height:auto;
}

.accordion {
}

.accordion-group {
}

.accordion-heading {
}

.accordion-heading .accordion-toggle {
	display: block;
}

.accordion-toggle {
	cursor: pointer;
}

.accordion-inner {
}

/* LAYOUT PAGINATION + PAGENAV */

div.pagination {
	text-align:center;
	padding:2em 0;
}

div.pagination p {
	font-family:'Lato-Medium', Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

div.pagination ul {
	text-align:center;
}

div.pagination li {
	font-family:'Lato-Medium', Arial, Helvetica, sans-serif;
	font-size:0.8em;
	padding:0;
	list-style:none;
	margin:0;
	display:inline;
	margin:0 4px;
}

ul.pagenav li a,
div.pagination li a {
	text-decoration:none;
	border:none;
	box-shadow:none;
    outline:none;
	background:none;
	box-decoration-break:clone;
}

ul.pagenav li a:hover,
div.pagination li a:hover {
}

ul.pagenav {
	text-align:center;
	padding-top:20px;
}

ul.pagenav li {
	text-decoration:none;
	display:inline;
	margin:0 6px;
	margin-bottom:0;
	font-size:0.8em;
	padding:0;
}

/* LAYOUT COMPONENT MODAL WINDOW */

#component {
	background:#fff;
}

#component-outside {
}

#component-inside {
	margin:0 auto;
	padding:36px 0;
}

.print #component-inside h1,
.print #component-inside h2, 
.print #component-inside h3, 
.print #component-inside h4  {
	color:#000;
}

#component-inside .item-page {
	margin:0 auto;
	padding:36px 0;
	width:20cm;
}

#component-inside ul.actions {
	position:fixed;
	right:8px;
	top:8px;
}

#component-inside ul.actions a {
	display:block;
	padding:8px;
	text-decoration:none;
}

#component-inside ul.actions a:hover {
}

.mailto-close {
	padding:8px 0;
	font-size:0.9em;
	font-size:1em;
}

#mailtoForm {
}

#mailtoForm label {
	display:block;
	float:left;
	width:90px;
	margin-top:3px;
}

#component-inside #mailto-window {
	margin:0 auto;
	min-width:220px;
	max-width:420px;
}

#mailtoForm .formelm {
}

#mailtoForm button {
	margin-top:16px;
}


/* RESPONSIVE sticky header */


@media only screen and (min-width: 768px) {
	

header.sticky {
	position:fixed;
}

div.header {
	min-height:160px;
	transition: height 0.5s ease;
}

body.sticky div.header {
}

#logo,
#lsp {
	transition: width 0.5s ease, margin 0.5s ease;
}

.sticky #logo {
	width:70px;
}

.sticky #header-in {
	height:auto;
}

.sticky #lsp {
	width:60px;
	margin: 6px 8px;
	padding: 0 12px 0 12px;
}

.sticky div.mod-languages {
	display:none;
}

.sticky .custom-header h1 {
	transition: all 0.5s ease;
}

.sticky .custom-header h1 {
	font-size:20px;
	line-height:1em;
	padding: 15px 0;
}

.sticky .custom-header span.subline {
	display:inline;
}

#menu-main-in ul.menu > li {
	transition: font-size 0.5s ease;
}

.sticky #menu-main-in ul.menu > li {
	font-size:0.8em;
}

.sticky #menu-main-in ul.menu li a {
	min-height:1px;
}

#menu-main-in ul.menu li > a,
#menu-meta-in ul {
	transition: padding 0.5s ease;
}

.sticky #menu-main-in ul.menu li > a {
	padding:0.2em 0.4em 0.2em 0.4em;
}

.sticky #menu-main-in ul.menu li > a.icon {
	padding:0.1em 0.4em 0.1m 0.4em;
}

header.sticky #menu-main-in ul.menu ul li {
	margin-top:4px;
}

header.sticky #menu-meta-in ul {
	padding-top:0.25em;
	padding-bottom:0.2em;
}

header.sticky #menu-main-in ul.menu li > a.icon {
	padding:0.1em 0.4em 0.1m 0.4em;
}

header.sticky .icon img {
	display:block;
	height:1em;
}

}





/* RESPONSIVE ELEMENTS media queries */


@media only screen and (min-width: 1400px) {

#header-in,
#teaser-in,
#menu-main-in,
#menu-meta-in,
#main-in,
#footer-in,
.module-3-title-out,
.module-3-content-out,
.camera_target_content,
.parallax-content,
.custom-video-caption,
.plg_system_eprivacy_module,
.activebar-container p {
	width:1380px;
}

div.mod-languages {
	right:400px;
}


}

@media only screen and (min-width: 1224px) and (max-width: 1400px) {

#header-in,
#teaser-in,
#menu-main-in,
#menu-meta-in,
#main-in,
#footer-in,
.module-3-title-out,
.module-3-content-out,
.camera_target_content,
.parallax-content,
.custom-video-caption,
.plg_system_eprivacy_module,
.activebar-container p {
	width:1200px;
}

div.mod-languages {
	right:390px;
}

}

@media only screen and (min-width: 1024px) and (max-width: 1224px) {
	
#header-in,
#teaser-in,
#menu-main-in,
#menu-meta-in,
#main-in,
#footer-in,
.module-3-title-out,
.module-3-content-out,
.camera_target_content,
.parallax-content,
.custom-video-caption,
.plg_system_eprivacy_module,
.activebar-container p {
	width:1000px;
}

#header-in {
	height:108px;
	height:118px;
}

#logo {
	width:130px;
}

#lsp {
	width:121px;
}

div.mod-languages {
	right:350px;
}

.custom-header h1 {
	font-size:27px;
}

div.header {
	min-height:150px;
}

.custom-video-bg {
	-o-height:calc(100% - 150px);
	-webkit-height:calc(100% - 150px);
	-moz-height:calc(100% - 150px);
	height:calc(100% - 150px);
}

}


@media only screen and (min-width: 960px) and (max-width: 1024px) {

#header-in,
#teaser-in,
#menu-main-in,
#menu-meta-in,
#main-in,
#footer-in,
.module-3-title-out,
.module-3-content-out,
.camera_target_content,
.parallax-content,
.custom-video-caption,
.plg_system_eprivacy_module,
.activebar-container p {
	width:960px;
}

#header-in {
	height:96px;
	height:110px;
}

#logo {
	width:120px;
}

#lsp {
	width:112px;
}

.custom-header h1 {
	font-size:26px;
}

div.mod-languages {
	right:330px;
}

div.header {
	min-height:140px;
}

.custom-video-bg {
	-o-height:calc(100% - 140px);
	-webkit-height:calc(100% - 140px);
	-moz-height:calc(100% - 140px);
	height:calc(100% - 140px);
}

}


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

#header-in,
#teaser-in,
#menu-main-in,
#menu-meta-in,
#main-in,
#footer-in,
.module-3-title-out,
.module-3-content-out,
.camera_target_content,
.parallax-content,
.custom-video-caption,
.plg_system_eprivacy_module,
.activebar-container p {
	width:100%;
}

#header-in {
	height:84px;
	height:102px;
}

#logo {
	width:105px;
	width:90px;
}

#lsp {
	width:98px;
}

.custom-header h1 {
	font-size:23px;
}

div.mod-languages {
	right:280px;
}

div.header {
	min-height:120px;
}

#menu-main-in ul.menu li a {
	font-size:1.1em;
}

#menu-main-in ul.menu li > a {
	padding:0.4em 0.5em 0.2em 0.5em;
}

.newsflash .item-image.pull-left,
.newsflash .item-image.pull-right,
.newsflash .item-image.pull-none {
	width:100%;
	float:none;
	margin-left:0;
	margin-right:0;
}

.overview .cols-4 .item,
.module-3 .cols-4 .item {
	width:48%;
}

.overview .cols-4 .item-image,
.module-3 .cols-4 .item-image {
	padding:2%;
}

.overview .cols-4 .text-content,
.module-3 .cols-4 .text-content {
	padding:0.5em 4%;
}

}

@media only screen and (max-width: 960px) and (orientation: landscape) {

.custom-video-bg {
	-o-height:calc(50% - 120px);
	-webkit-height:calc(50% - 120px);
	-moz-height:calc(50% - 120px);
	height:calc(50% - 120px);
}

}


@media only screen and (max-width: 768px) {
	
#menu-main-in ul.menu li a {
	font-size:1.2em;
}

#menu-main-in ul.menu li > a {
	padding:0.3em 0.5em 0.2em 0.5em;
}

.item-116, 
.item-117 {
	display:none !important;
}

	
main,
aside {
	width:100%;
}

.page-header  {
	margin-left:1%;
	margin-right:1%;
}

.leading,
.item,
.items-more,
.item-page .item-content {
	margin:2% 1% 0 1%;
}

.cols-2 .item {
	width:48%;
}

.cols-3 .item {
	width:31.3333%;
}

.cols-4 .item {
	width:23%;
}

.leading .item-image,
.cols-1 .item-image {
	padding:1%;
}

.leading .caption,
.cols-1 .caption {
	margin:2%;
}

.cols-2 .item-image {
	padding:2%;
}

.cols-2 .caption {
	margin:2%;
}

.cols-3 .item-image{
	padding:3%;
}

.cols-3 .caption{
	margin:3%;
}

.cols-4 .item-image {
	padding:4.5%;
}

.cols-4 .caption {
	margin:4.5%;
}

.module-1,
.grid-sizer,
.grid-item {
	width:31.3333%;
	margin:2% 1% 0 1%;
}


	
.img.pull-left, 
figure.pull-left {
	width:100%;
}

header {
	position:relative;
}

#header-in {
	height:auto;
}

div.header {
	min-height:auto;
}

.custom-header span.subline {
	white-space:normal;
}

#menu-main-out {
	position:relative;
}

.module-3 .blog .leading .no-img .intro,
.overview .blog .leading .no-img .intro {
	-webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
	-webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
}

}

@media only screen and (max-width: 768px) and (orientation: portrait) {

.custom-video-bg {
	-o-height:calc(50% - 0px);
	-webkit-height:calc(50% - 0px);
	-moz-height:calc(50% - 0px);
	height:calc(50% - 0px);
}

}


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

#logo {
	width:70px;
}

#lsp {
	width:84px;
}

.custom-header h1 {
	font-size:20px;
}

div.mod-languages {
	right:230px;
}


.overview .cols-3 .item,
.module-3 .cols-3 .item {
	width:98%;
}

.overview .cols-3 .item-image,
.module-3 .cols-3 .item-image {
	padding:1%;
}

.overview .cols-3 .text-content,
.module-3 .cols-3 .text-content {
	padding:0.5em 2%;
}

.module-1,
.grid-sizer,
.grid-item,
.overview .module-1,
.overview aside .grid-sizer,
.overview aside .grid-item {
	width:48%;
	margin:2% 1% 0 1%;
}

.custom-video-bg {
	display:none;
}

}


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

.custom-header {
	float:left;
	width:100%;
}

.custom-header h1 {
	padding-top:0;
}

.item-image.pull-left,
.item-image.pull-right {
	width:100%;
}

.overview .leading .text-content, 
.overview .cols-1 .text-content, 
.overview .items-more, 
.module-3 .leading .text-content, 
.module-3 .cols-1 .text-content, 
.module-3 .items-more {
	width:100%;
}

.overview .leading .caption,
.overview .cols-1 .caption,
.module-3 .leading .caption,
.module-3 .cols-1 .caption {
	margin:1%;
}

.item-content .item-image .caption {
	margin:3%;
}

.overview .cols-4 .item,
.module-3 .cols-4 .item {
	width:98%;
}

.overview .cols-4 .item-image,
.module-3 .cols-4 .item-image {
	padding:1%;
}

.overview .cols-4 .text-content,
.module-3 .cols-4 .text-content {
	padding:0.5em 2%;
}

footer address span {
	display:block;
	padding-bottom:0.2em;
}

footer address .trenner {
	display:none;
}


}


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


}

@media only screen and (max-width: 400px) {
	
.module-1,
.grid-sizer,
.grid-item,
.overview .module-1,
.overview aside .grid-sizer,
.overview aside .grid-item {
	width:98%;
	margin:2% 1% 0 1%;
}

img.pull-left,
figure.pull-left,
img.pull-right,
figure.pull-right {
	float:none;
	width:100%;
	margin-left:0;
	margin-right:0;
}

}


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


}