@import url('library/grid/bootstrap.min.css');

/*
Theme Name: GULA
Theme URI: http://www.steckdesign.ch/
Author: SteckDesign
Version: 2.5
*/

/*	============================================================
	HTML + BODY
	============================================================ */

html {
	-webkit-font-smoothing: antialiased;
}
	@media (min-width: 576px) {
		html {
			font-size: ;
		}
	}

body {
	background-color: ;
	color: ;
	font-family: "", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: ;
	font-size: 0.85rem;
	line-height: ;
	letter-spacing: 0px;
	margin: 0px;
	padding: 0px;
}
	@media (min-width: 576px) {
		body {
			font-size: ;
		}
	}

@media (min-width: 1408px) {
  .container {
    max-width: 1378px; 
  }
}

h1, h2, h3, .h1, .h2, .h3 {
	font-family: "", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: ;
	line-height: ;
	margin: 0px;
    margin-bottom: 0.4em;
	padding: 0px;
}
h4, h5, h6, .h4, .h5, .h6 {
	font-family: "", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: ;
	line-height: ;
	margin: 0px;
    margin-bottom: 0.4em;
	padding: 0px;
}

.titel-big {
	font-size: 2.3rem;
	line-height: 1;
}
.titel-extralarge {
	font-size: 2rem;
	line-height: 1;
}
.titel-large {
	font-size: 1.7rem;
	line-height: 1.1;
}
h1 {
	font-size: 1.5rem;
}
h2 {
	font-size: 1.3rem;
}
h3 {
	font-size: 1.1rem;
}
h4 {
	font-size: 1rem;
}
h5 {
	font-size: 1rem;
}
h6 {
	font-size: 1rem;
}

	@media (min-width: 576px) {
		.titel-big {
			font-size: 4rem;
			line-height: 1;
		}
		.titel-extralarge {
			font-size: 3rem;
			line-height: 1;
		}
		.titel-large {
			font-size: 2.5rem;
			line-height: 1.1;
		}
		h1 {
			font-size: 2rem;
		}
		h2 {
			font-size: 1.8rem;
		}
		h3 {
			font-size: 1.6rem;
		}
		h4 {
			font-size: 1.4rem;
		}
		h5 {
			font-size: 1.2rem;
		}
		h6 {
			font-size: 1rem;
		}
	}

	@media (min-width: 768px) { 
		.titel-big {
			font-size: 5rem;
			line-height: 1;
		}
		.titel-extralarge {
			font-size: 3.5rem;
			line-height: 1;
		}
		.titel-large {
			font-size: 3rem;
			line-height: 1.1;
		}
		h1 {
			font-size: 2.5rem;
		}
		h2 {
			font-size: 2rem;
		}
		h3 {
			font-size: 1.75rem;
		}
		h4 {
			font-size: 1.5rem;
		}
		h5 {
			font-size: 1.25rem;
		}
		h6 {
			font-size: 1rem;
		}
	}

p {
	margin: 0px;
	padding: 0px;
	margin-bottom: 1rem;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto; 
}

ul {
	margin: 0px;
	padding: 0px;
	margin-top: -5px;
	margin-bottom: 1rem;
    display: inline-block;
    text-align:left;
}

li {
	margin-left: 1.1765rem;
	padding-left: 0px;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto; 
}

	
	a,
	a:visited {
		color: ;
		text-decoration: none;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out
	}
	a:hover {
		color: ;
		text-decoration: none;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out
	}

::-moz-selection {
    background: #2b2c41;
    color: #fff
}

::selection {
    background: #2b2c41;
    color: #fff
}


.site-alerts {
	font-size: 1.7rem;
	font-weight: ;
	text-align: center;
	color: #D66D03;
	background-color: #FDEEDD;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	border-left: 4px solid #FC9B39;
}
strong {
	font-family: "", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: ;
	letter-spacing: 0em;
}
em {
	font-weight: ;
	font-style: italic;
	letter-spacing: 0em;
}
.klein {
	font-size: 1.3rem;
	line-height: 1.5;
	padding-left: 15px;
	margin-right: 30%;
	margin-bottom: 15px;
	border-left: 3px solid rgba(102,113,138,1.00);
}
blockquote {
	font-family: "", Georgia, serif;
	font-size: 1.8rem;
	font-style: italic;
	margin-top: 0em; /* 0.25em */
	margin-left: 0px;
	margin-bottom: 0.25em;
	margin-right: 0%;
	padding-top: 0em;
	padding-right: 30px;
	padding-left: 40px;
	padding-bottom: 0.25em;
	line-height: 1.4;
	position: relative;
	border-left: 0px solid rgba(102,113,138,1.00);
}
blockquote strong {
	font-family: "", Georgia, serif;
	font-size: 1.8rem;
	font-style: bold;
}
blockquote:before {
	font-family: "", Georgia, serif;
	display: block;
	content: "\201C";
	font-size: 8rem;
	position: absolute;
	left: -5px;
	top: -25px;
}
blockquote cite {
	font-size: 1.4rem;
	display: block;
	margin-top: 5px;
}
blockquote cite:before {
	content: "\2014 \2009";
}
	@media (min-width: 300px) and (max-width: 479px) {
		blockquote {
            font-family: "", Georgia, serif;
			font-size: 1.4rem;
			font-style: italic;
			margin-top: 0.25em;
			margin-left: 0px;
			margin-bottom: 0.25em;
			margin-right: 0%;
			padding-top: 0.25em;
			padding-right: 30px;
			padding-left: 40px;
			padding-bottom: 0.25em;
			line-height: 1.4;
			position: relative;
		}
		blockquote strong {
            font-family: "", Georgia, serif;
			font-size: 1.4rem;
			font-style: bold;
		}
		blockquote:before {
            font-family: "", Georgia, serif;
			display: block;
			content: "\201C";
			font-size: 8rem;
			position: absolute;
			left: -5px;
			top: -10px;
		}
		blockquote cite {
			font-size: 1.2rem;
			display: block;
			margin-top: 5px;
		}
		blockquote cite:before {
			content: "\2014 \2009";
		}
	}
	@media (min-width: 480px) and (max-width: 767px) {
		blockquote {
            font-family: "", Georgia, serif;
			font-size: 1.5rem;
			font-style: italic;
			margin-top: 0.25em;
			margin-left: 0px;
			margin-bottom: 0.25em;
			margin-right: 0%;
			padding-top: 0.25em;
			padding-right: 30px;
			padding-left: 40px;
			padding-bottom: 0.25em;
			line-height: 1.4;
			position: relative;
		}
		blockquote strong {
            font-family: "", Georgia, serif;
			font-size: 1.5rem;
			font-style: bold;
		}
		blockquote:before {
            font-family: "", Georgia, serif;
			display: block;
			content: "\201C";
			font-size: 8rem;
			position: absolute;
			left: -5px;
			top: -10px;
		}
		blockquote cite {
			font-size: 1.3rem;
			display: block;
			margin-top: 5px;
		}
		blockquote cite:before {
			content: "\2014 \2009";
		}
	}
	@media (min-width: 768px) and (max-width: 991px) {
	}


/*	============================================================
	SECTIONS
	============================================================ */
.fadeInBlock {
    opacity:1;
}


.animation-element.fade-up {
	animation-name: fade-in;
}
.animation-element.fade-up.in-view {
	animation-name: fade-up;
	animation-duration: .8s;
	animation-fill-mode: both;
	opacity: 1;
	transition-duration: .4s
}


main {
	display: block;
}
main img {
  display: block;
  height: auto;
  max-width: 100%;
}


@media (max-width: 767px) {
    .xs-row {
        margin-left: -15px;
        margin-right: -15px;
    }
}

.contentbrowser {
	margin-left: 30px;
	margin-right: 30px;
}
@media (max-width: 767px) {
    .contentbrowser {
        margin-left: 15px;
        margin-right: 15px;
    }
}

.file-list-image,
.wp-post-image {
	margin-top: 7px;
}
.file-list-image img {
	width: 100%;
	height: 100%;
}

.file-list-legende {
	margin-top: 12px;
}

img.alignnone {
	/*margin-top: 7px;*/
	margin-right: 0px;
	margin-left: 0px;
	/*margin-bottom: 12px;*/
}

/* Block 03 */
.spalte-vertikal {
	margin-bottom: 30px;
}
.spalte-vertikal-top {
	margin-top: 5px;
}

/* ---| Schrift-Grössen |-------------------------- */
@media (min-width: 1200px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
.font-60 {
    font-size: 60%;
} 
.font-70 {
    font-size: 70%;
}
.font-80 {
    font-size: 80%;
}
.font-90 {
    font-size: 90%;
}
.font-120 {
    font-size: 120%;
}
.font-130 {
    font-size: 130%;
}


.nopad {
	padding-left: 0px;
	padding-right: 0px;
}

.content-block-nopad {
	padding-left: 0px;
    padding-right: 0px;
}
.content-block-nopad-left {
	padding-left: 0px;
}
.content-block-nopad-right {
    padding-right: 0px;
}

.module:last-child {
  margin-bottom: 0;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}


.module {
	/*-moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.81);
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.81);
	box-shadow: inset 0 0 10px rgba(0,0,0,0.81);*/
}
.module:before, .module:after {
}

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


@keyframes fade-up {
	0% {
		opacity: 0;
		transform: translateY(50px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

.fade-up {
	animation-name: fade-up;
	visibility: visible
}


@keyframes fade-in {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.fade-in {
	animation-name: fade-in
}


@keyframes fade-left {
	0% {
		opacity: 0;
		transform: translate3d(-7%, 0, 0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.fade-left {
	animation-name: fade-left
}



/*	============================================================
	Beitragsbilder
	============================================================ */
.project {
	overflow: hidden;
	position: relative;
}

/* ---| Mit Bildlegende |-------------------------- */

.project .file-thumb-legende {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	background-color: rgba(44, 62, 80, 0.6);
	text-align: center;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	opacity: 0;
}
.project:hover .file-thumb-legende {
	opacity: 1;
}
.project .thumb-legende {
	display: table;
	width: 100%;
	height: 100%;
	color: rgba(255,255,255,0.50);
	text-align: center;
}
.project .thumb-legende-inner {
	display: table-cell;
	vertical-align: middle;
	color: rgba(255,255,255,0.50);
}
.project .file-thumb-legende h3 {
	color: #fff;
	/*margin-top: 40px;*/
	margin-bottom: 0px;
}
.project .file-thumb-legende p {
	color: #fff;
	padding-bottom: 0px;
	margin-bottom: 5px;
}
.project .file-thumb-legende p .fa {
	padding-bottom: 0px;
	margin-top: 10px;
}

/* ---| Ohne Bildlegende, nur Button |-------------------------- */

.project .file-thumb-button {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	background-color: rgba(44, 62, 80, 0.6);
	text-align: center;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	opacity: 0;
}
.project:hover .file-thumb-button {
	opacity: 1;
}
.project .thumb-button {
	display: table;
	width: 100%;
	height: 100%;
}
.project .thumb-button-inner {
	width: 100%
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	color: rgba(255,255,255,1.00);
}



/* ---| C A R D S  --  Ohne Bildlegende, nur Button |-------------------------- */

.project-cards {
	overflow: hidden;
	position: relative;
}

.project-cards .file-thumb-button a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	/*background-color: rgba(44, 62, 80, 0.6);*/
	text-align: center;
	opacity: 0;
}
.project-cards:hover .file-thumb-button a {
background-color: rgba(44, 62, 80, 0.4);
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	opacity: 1.0;
}

.project-cards .thumb-button {
	display: table;
	width: 100%;
	height: 100%;
}

.project-cards .thumb-button-inner   {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	color: rgba(255,255,255,1.00);

 align-self: flex-start;
 }

/* ---| C A R D S  --  Mit Bildlegende |-------------------------- */

.project-cards .file-thumb-legende {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	background-color: rgba(44, 62, 80, 0.6);
	text-align: center;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	opacity: 0;
}
.project-cards:hover .file-thumb-legende {
	opacity: 1;
}
.project-cards .thumb-legende {
	display: table;
	width: 100%;
	height: 100%;
	color: rgba(255,255,255,0.50);
	text-align: center;
}
.project-cards .thumb-legende-inner {
	display: table-cell;
	vertical-align: middle;
	color: rgba(255,255,255,0.50);
}
.project-cards .file-thumb-legende h3 {
	color: #fff;
	/*margin-top: 40px;*/
	margin-bottom: 0px;
}
.project-cards .file-thumb-legende p {
	color: #fff;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
}
.project-cards .file-thumb-legende p .fa {
	padding-bottom: 0px;
	margin-top: 10px;
}



/* ---| Shortcode Hover-Effect |-------------------------- */
/* ---| Bilder im Content, ohne Bildlegende, nur Button |-------------------------- */
.image-hover {
	overflow: hidden;
	position: relative;
	margin-top: 7px;
	margin-bottom: 12px;
}

.image-hover .image-thumb-button {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	background-color: rgba(44, 62, 80, 0.6);
	text-align: center;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	opacity: 0;
}
.image-hover:hover .image-thumb-button {
	opacity: 1;
}
.image-hover .image-button {
	display: table;
	width: 100%;
	height: 100%;
}
.image-hover .image-button-inner {
	display: table-cell;
	vertical-align: middle;
	color: rgba(255,255,255,1.00);
}


/*	============================================================
	Block Padding Top + bottom
	============================================================ */
.module.ptop00 { padding-top:0px!important; }
.module.ptop15 { padding-top:15px!important; }
.module.ptop30 { padding-top:30px!important; }
.module.ptop45 { padding-top:45px!important; }
.module.ptop60 { padding-top:60px!important; }
.module.ptop75 { padding-top:75px!important; }
.module.ptop90 { padding-top:90px!important; }
.module.ptop105 { padding-top:105px!important; }
.module.ptop120 { padding-top:120px!important; }
.module.ptop135 { padding-top:135px!important; }
.module.ptop150 { padding-top:150px!important; }

.module.pbot00 { padding-bottom:0px!important; }
.module.pbot15 { padding-bottom:15px!important; }
.module.pbot30 { padding-bottom:30px!important; }
.module.pbot45 { padding-bottom:45px!important; }
.module.pbot60 { padding-bottom:60px!important; }
.module.pbot75 { padding-bottom:75px!important; }
.module.pbot90 { padding-bottom:90px!important; }
.module.pbot105 { padding-bottom:105px!important; }
.module.pbot120 { padding-bottom:120px!important; }
.module.pbot135 { padding-bottom:135px!important; }
.module.pbot150 { padding-bottom:150px!important; }

	@media (min-width: 300px) and (max-width: 767px) {
		.module.ptop00 { padding-top:0px!important; }
		.module.ptop15 { padding-top:7px!important; }
		.module.ptop30 { padding-top:7px!important; }
		.module.ptop45 { padding-top:7px!important; }
		.module.ptop60 { padding-top:30px!important; }
		.module.ptop75 { padding-top:30px!important; }
		.module.ptop90 { padding-top:30px!important; }
		.module.ptop105 { padding-top:30px!important; }
		.module.ptop120 { padding-top:30px!important; }
		.module.ptop135 { padding-top:30px!important; }
		.module.ptop150 { padding-top:30px!important; }

		.module.pbot00 { padding-bottom:0px!important; }
		.module.pbot15 { padding-bottom:7px!important; }
		.module.pbot30 { padding-bottom:7px!important; }
		.module.pbot45 { padding-bottom:7px!important; }
		.module.pbot60 { padding-bottom:30px!important; }
		.module.pbot75 { padding-bottom:30px!important; }
		.module.pbot90 { padding-bottom:30px!important; }
		.module.pbot105 { padding-bottom:30px!important; }
		.module.pbot120 { padding-bottom:30px!important; }
		.module.pbot135 { padding-bottom:30px!important; }
		.module.pbot150 { padding-bottom:30px!important; }
	}

/* ---| Padding Top, Bottom |-------------------------- */
.ptop00 { padding-top:0px!important; }
.ptop15 { padding-top:15px!important; }
.ptop30 { padding-top:30px!important; }
.ptop45 { padding-top:45px!important; }
.ptop60 { padding-top:60px!important; }
.ptop75 { padding-top:75px!important; }
.ptop90 { padding-top:90px!important; }
.ptop105 { padding-top:105px!important; }
.ptop120 { padding-top:120px!important; }
.ptop135 { padding-top:135px!important; }
.ptop150 { padding-top:150px!important; }

.pbot00 { padding-bottom:0px!important; }
.pbot15 { padding-bottom:15px!important; }
.pbot30 { padding-bottom:30px!important; }
.pbot45 { padding-bottom:45px!important; }
.pbot60 { padding-bottom:60px!important; }
.pbot75 { padding-bottom:75px!important; }
.pbot90 { padding-bottom:90px!important; }
.pbot105 { padding-bottom:105px!important; }
.pbot120 { padding-bottom:120px!important; }
.pbot135 { padding-bottom:135px!important; }
.pbot150 { padding-bottom:150px!important; }

	@media (min-width: 300px) and (max-width: 767px) {
		.ptop00 { padding-top:0px!important; }
		.ptop15 { padding-top:0px!important; }
		.ptop30 { padding-top:0px!important; }
		.ptop45 { padding-top:0px!important; }
		.ptop60 { padding-top:0px!important; }
		.ptop75 { padding-top:0px!important; }
		.ptop90 { padding-top:0px!important; }
		.ptop105 { padding-top:0px!important; }
		.ptop120 { padding-top:0px!important; }
		.ptop135 { padding-top:0px!important; }
		.ptop150 { padding-top:0px!important; }
	}

/* ---| Padding Left, Right |-------------------------- */
.pleft00 { padding-left:0px!important; }
.pleft15 { padding-left:15px!important; }
.pleft30 { padding-left:30px!important; }
.pleft45 { padding-left:45px!important; }
.pleft60 { padding-left:60px!important; }
.pleft75 { padding-left:75px!important; }
.pleft90 { padding-left:90px!important; }

.pright00 { padding-right:0px!important; }
.pright15 { padding-right:15px!important; }
.pright30 { padding-right:30px!important; }
.pright45 { padding-right:45px!important; }
.pright60 { padding-right:60px!important; }
.pright75 { padding-right:75px!important; }
.pright90 { padding-right:90px!important; }


/* ---| Margin Top, Bottom |-------------------------- */
.mtop00 { margin-top:0px!important; }
.mtop15 { margin-top:15px!important; }
.mtop30 { margin-top:30px!important; }
.mtop45 { margin-top:45px!important; }
.mtop60 { margin-top:60px!important; }
.mtop75 { margin-top:75px!important; }
.mtop90 { margin-top:90px!important; }

.mbot00 { margin-bottom:0px!important; }
.mbot15 { margin-bottom:15px!important; }
.mbot30 { margin-bottom:30px!important; }
.mbot45 { margin-bottom:45px!important; }
.mbot60 { margin-bottom:60px!important; }
.mbot75 { margin-bottom:75px!important; }
.mbot90 { margin-bottom:90px!important; }


/*	============================================================
	Modal Spalten Modal
	============================================================ */


/*	============================================================
	.module.test - TABS
	============================================================ */

/* Parallax - Test für TABS  */
.module.test {
	position: relative;
	height: 500px;
	background-position: 50%;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important; 
	/*background-attachment: fixed;*/
}

/* ---| .module.test .overlay-|-------------------------- */
.module.test .overlay-tabs {
	color: #FFFFFF;
	text-align: left;
	padding-top: 10%;
}
.module.test .overlay-tabs-content h1,
.module.test .overlay-tabs-content h2 {
	font-size: 310%;
	line-height: 1.0;
	font-weight: ;
	letter-spacing: 1px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
.module.test .overlay-tabs-content p {
	font-size: 150%;
	line-height: 1.2;
	font-weight: ;
	letter-spacing: 1px;
	color: #FFFFFF;
}
@media (min-width: 300px) and (max-width: 479px) {
	.module.test .overlay-tabs-content h1,
	.module.test .overlay-tabs-content h2 {
		font-size: 160%;
	}
	.module.test .overlay-tabs-content p {
		font-size: 75%;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.module.test .overlay-tabs-content h1,
	.module.test .overlay-tabs-content h2 {
		font-size: 210%;
	}
	.module.test .overlay-tabs-content p {
		font-size: 120%;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.module.test .overlay-tabs-content h1,
	.module.test .overlay-tabs-content h2 {
		font-size: 310%;
	}
	.module.test .overlay-tabs-content p {
		font-size: 150%;
	}
}




/*	============================================================
	.module.parallax.hero
	============================================================ */
.hero {
	padding-top: 0px;
	padding-bottom: 0px;
}

.module.parallax.hero {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}

	@media (min-width: 300px) and (max-width: 767px) {
		.module.parallax.hero {
		}
	}
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) {
		.module.parallax.hero {
		}
	}
	@media (min-width: 300px) and (max-width: 479px) {
		.module.parallax.hero {
		}
	}
	@media (min-width: 480px) and (max-width: 767px) {
		.module.parallax.hero {
		}
	}
	@media (min-width: 768px) and (max-width: 991px) {
	}


/* ---| .module .overlay-hero |-------------------------- */

.hero-layer {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/* ---| linksbündig / rechtsbündig |-------------------------- */

.hero-overlay-wrapper-top {
	display: flex;
	flex-direction: column;
	min-height: 550px;
	padding-top: 60px;
}
	@media (min-width: 300px) and (max-width: 767px) {
	.hero-overlay-wrapper-top {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		min-height: 550px;
		padding-bottom: 30px;
		}
	}

.hero-overlay-wrapper-middle {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 550px;
}
	@media (min-width: 300px) and (max-width: 767px) {
	.hero-overlay-wrapper-middle {
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-height: 550px;
		padding-bottom: 30px;
		}
	}

.hero-overlay-wrapper-bottom {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 550px;
	padding-bottom: 60px;
}
	@media (min-width: 300px) and (max-width: 767px) {
	.hero-overlay-wrapper-bottom {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		min-height: 550px;
		padding-bottom: 30px;
		}
	}


.module.parallax.hero .overlay-hero {
	animation-name: fade-up;
	color: #FFFFFF;
	text-align: left;
}
.module.parallax.hero .overlay-hero {
	padding-bottom: 0px;
	color: #FFFFFF;
	text-align: left;
	animation-duration: .8s;
	animation-fill-mode: both;
	opacity: 0;
	transition-duration: .4s
}

.hero-overlay--content-box {
	padding: 30px;
    border-radius: 15px 50px;
}

.module.parallax.hero .overlay-hero-content-center h1,
.module.parallax.hero .overlay-hero-content h1 {
	font-size: 300%;
	line-height: 1.0;
	font-weight: ;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}
.module.parallax.hero .overlay-hero-content-center h2,
.module.parallax.hero .overlay-hero-content h2 {
	font-size: 250%;
	line-height: 1.0;
	font-weight: ;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}
.overlay-hero-content-center h3,
.overlay-hero-content h3 {
	font-size: 200%;
	line-height: 1.1;
	font-weight: ;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}
.module.parallax.hero .overlay-hero-content-center p,
.module.parallax.hero .overlay-hero-content p {
	font-size: 140%;
	line-height: 1.2444;
	font-weight: ;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
}
.module.parallax.hero-center .small,
.module.parallax.hero .small{
	font-size: 100%;
	line-height: 1.5;
	font-weight: ;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
}


/* ---| zentriert |-------------------------- */
.hero-overlay-wrapper-center-top {
	display: flex;
	flex-direction: column;
	min-height: 550px;
	padding-top: 60px;
	max-width: 60%;
	text-align: center;
	width: 100%;
	margin: 0 auto;
}
	@media (min-width: 300px) and (max-width: 767px) {
	.hero-overlay-wrapper-center-top {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		min-height: 550px;
		padding-top: 0px;
		padding-bottom: 60px;
		}
	}

.hero-overlay-wrapper-center-middle {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 0px;
	min-height: 550px;
	max-width: 60%;
	text-align: center;
	width: 100%;
	margin: 0 auto;
}
	@media (min-width: 300px) and (max-width: 767px) {
	.hero-overlay-wrapper-center-middle {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		min-height: 550px;
		padding-bottom: 60px;
		}
	}

.hero-overlay-wrapper-center-bottom {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 550px;
	padding-bottom: 60px;
	max-width: 60%;
	text-align: center;
	width: 100%;
	margin: 0 auto;
}
	@media (min-width: 300px) and (max-width: 767px) {
	.hero-overlay-wrapper-center-bottom {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		min-height: 550px;
		padding-bottom: 60px;
		}
	}

	@media (min-width: 300px) and (max-width: 479px) {
		.hero-overlay-wrapper-center-top,
		.hero-overlay-wrapper-center-middle,
		.hero-overlay-wrapper-center-bottom {
			max-width: 100%;
			padding-left: 15px;
			padding-right: 15px;
		}
	}
	@media (min-width: 480px) and (max-width: 767px) {
		.hero-overlay-wrapper-center-top,
		.hero-overlay-wrapper-center-middle,
		.hero-overlay-wrapper-center-bottom {
			max-width: 100%;
			padding-left: 15px;
			padding-right: 15px;
		}
	}
	@media (min-width: 768px) and (max-width: 991px) {
		.hero-overlay-wrapper-center-top,
		.hero-overlay-wrapper-center-middle,
		.hero-overlay-wrapper-center-bottom {
			max-width: 80%;
		}
	}
	@media (min-width: 992px) and (max-width: 1199px) {
		.hero-overlay-wrapper-center-top,
		.hero-overlay-wrapper-center-middle,
		.hero-overlay-wrapper-center-bottom {
			max-width: 70%;
		}
	}

/* ---| overlayband |-------------------------- */
.module.parallax.hero .overlayband {
	position: absolute;
	left: 0%;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index:1;
	color: #FFFFFF;
	background-color: rgba(70,77,82,0.50);
}
.module.parallax.hero .overlayband-content {
	font-weight: ;
	position: relative;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 30px;
}
.module.parallax.hero .overlayband-content h1,
.module.parallax.hero .overlayband-content h2,
.module.parallax.hero .overlayband-content h3,
.module.parallax.hero .overlayband-content h4,
.module.parallax.hero .overlayband-content h5,
.module.parallax.hero .overlayband-content p {
	display: inline-block;
	vertical-align: baseline;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}


/*	============================================================
	.module.parallax.jumbotron
	============================================================ */
.jumbotron {
	padding-top: 0px;
	padding-bottom: 0px;
}

.container-jt-full {
	position: relative;
	margin-top: 0px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.module.parallax.jumbotron {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important; 
	height:100vh;
/*filter: blur(20px) grayscale(100%);
transition: blur .55s ease-in-out;
-moz-transition: blur .55s ease-in-out;
-webkit-transition: blur .55s ease-in-out;*/
}
/*.module.parallax.jumbotron:hover {
	filter: blur(0px) grayscale(0%);
	 transition: blur .35s ease-in-out;
	 -moz-transition: blur .35s ease-in-out;
	 -webkit-transition: blur .35s ease-in-out;
}*/
	@media (min-width: 300px) and (max-width: 767px) {
		.module.parallax.jumbotron {
		}
	}
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) {
		.module.parallax.jumbotron {
		}
	}
	@media (min-width: 300px) and (max-width: 479px) {
		.module.parallax.jumbotron {
		}
	}
	@media (min-width: 480px) and (max-width: 767px) {
		.module.parallax.jumbotron {
		}
	}
	@media (min-width: 768px) and (max-width: 991px) {
	}

/* ---| .module .overlay-hero |-------------------------- */

.jumbotron-layer {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	min-height: 100%;
}

/* ---| linksbündig / rechtsbündig |-------------------------- */

.jumbotron-overlay-wrapper-top {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding-top: 200px;
}

.jumbotron-overlay-wrapper-middle {
	display: flex;
	flex-direction: column;
	justify-content: center;
	/*-webkit-justify-content: bottom;*/
	height: 100%;
}

.jumbotron-overlay-wrapper-bottom {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 100%;
	padding-bottom: 100px;
}

.overlay-jumbotron {
	animation-name: fade-up;
	color: #FFFFFF;
	text-align: left;
}
.overlay-jumbotron {
	margin-top: 80px;
	padding-bottom: 80px;
	color: #FFFFFF;
	text-align: left;
	animation-duration: .8s;
	animation-fill-mode: both;
	opacity: 0;
	transition-duration: .4s
}

.overlay-jumbotron-content-center h1,
.overlay-jumbotron-content h1 {
	font-size: 300%;
	line-height: 1.0;
	font-weight: ;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}
.overlay-jumbotron-content-center h2,
.overlay-jumbotron-content h2 {
	font-size: 250%;
	line-height: 1.0;
	font-weight: ;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}
.overlay-jumbotron-content-center h3,
.overlay-jumbotron-content h3 {
	font-size: 200%;
	line-height: 1.1;
	font-weight: ;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}

.overlay-jumbotron-content-center p,
.overlay-jumbotron-content p {
	font-size: 140%;
	line-height: 1.2444;
	font-weight: ;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
}
.module.parallax.jumbotron-center .small,
.module.parallax.jumbotron .small{
	font-size: 100%;
	line-height: 1.5;
	font-weight: ;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
}

/* ---| zentriert |-------------------------- */
.jumbotron-overlay-wrapper-center-top {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding-top: 200px;
	max-width: 60%;
	text-align: center;
	width: 100%;
	margin: 0 auto;
}

.jumbotron-overlay-wrapper-center-middle {
	display: flex;
	flex-direction: column;
	justify-content: center;
	/*-webkit-justify-content: bottom;*/
	height: 100%;
	max-width: 60%;
	text-align: center;
	width: 100%;
	margin: 0 auto;
}

.jumbotron-overlay-wrapper-center-bottom {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	/*-webkit-justify-content: bottom;*/
	height: 100%;
	padding-bottom: 100px;
	max-width: 60%;
	text-align: center;
	width: 100%;
	margin: 0 auto;
}


/*.jumbotron-overlay-wrapper-center {
	max-width: 60%;
	text-align: center;
	width: 100%;
	height: 100%;
	min-height: 100%;
}*/
	@media (min-width: 300px) and (max-width: 479px) {
		.jumbotron-overlay-wrapper-center-top,
		.jumbotron-overlay-wrapper-center-middle,
		.jumbotron-overlay-wrapper-center-bottom {
			max-width: 100%;
			padding-left: 15px;
			padding-right: 15px;
		}
	}
	@media (min-width: 480px) and (max-width: 767px) {
		.jumbotron-overlay-wrapper-center-top,
		.jumbotron-overlay-wrapper-center-middle,
		.jumbotron-overlay-wrapper-center-bottom {
			max-width: 100%;
			padding-left: 15px;
			padding-right: 15px;
		}
	}
	@media (min-width: 768px) and (max-width: 991px) {
		.jumbotron-overlay-wrapper-center-top,
		.jumbotron-overlay-wrapper-center-middle,
		.jumbotron-overlay-wrapper-center-bottom {

			max-width: 80%;
		}
	}
	@media (min-width: 992px) and (max-width: 1199px) {
		.jumbotron-overlay-wrapper-center-top,
		.jumbotron-overlay-wrapper-center-middle,
		.jumbotron-overlay-wrapper-center-bottom {
			max-width: 70%;
		}
	}
/*.jumbotron-overlay-wrapper-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
	min-height: 500px;
}*/


/* ---| overlayband |-------------------------- */
.jumbotron-overlayband {
	position: absolute;
	left: 0%;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index:1;
	color: rgba(255,255,255,1.0);
	background-color: rgba(70,77,82,0.50);
}
.jumbotron-overlayband-content {
	font-weight: ;
	position: relative;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 30px;
	text-align: center;
}
.jumbotron-overlayband-content h1,
.jumbotron-overlayband-content h2,
.jumbotron-overlayband-content h3,
.jumbotron-overlayband-content h4,
.jumbotron-overlayband-content h5,
.jumbotron-overlayband-content p {
	display: inline-block;
	vertical-align: baseline;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.glyphicon.glyphicon-menu-down {
    font-size: 250%;
}

.jumbotron-overlayband-down {
	position: absolute;
	left: 0%;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index:1;
	color: rgba(255,255,255,0.50);
}
.jumbotron-overlayband-content-down {
	position: relative;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 15px;
	text-align: center;
}




/*	============================================================
	overlay
	============================================================ */
/*.overlay {
	position: absolute;
	z-index: 0;
	display: block;
	width: 100%;
	top: 20%;
	color: #FFFFFF;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
.overlay-content h1,
.overlay-content h2 {
	font-size: 310%;
	line-height: 1.0;
	font-weight: ;
	letter-spacing: 1px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
.overlay-content p {
	font-size: 150%;
	line-height: 1.2;
	font-weight: ;
	letter-spacing: 1px;
	color: #FFFFFF;
}*/



/*hr.line-overlay*/
.overlay-content hr:after {
	clear: both;
	content: " ";
}
.overlay-content hr {
	border: 0;
	height: 4px;
	width: 60px;
	background: #FFFFFF;
	display: inline-block;
	vertical-align: top;
	margin-top: 13px;
	margin-bottom: 15px;
	margin-left: 2px;
}



span.lines {
	border-bottom: #FFF solid 1px;
	border-top: 1px solid #FFF;
	padding-bottom: 4px;
}

.shadow {
    text-shadow: 1px 1px 0px #000;
    /* Versatz links - Versatz oben - Unschärfe (Blur) - Farbe */
}


/* ---| .module.content |-------------------------- */
.module.content {
	/*background-color: rgba(255,255,255,1.00);*/
}
.module.content {
	padding: 60px 0px;
}

	@media (min-width: 300px) and (max-width: 767px) {
		.module.content {
			padding: 20px 0;
		}
	}


/* ---| .module.fsnavi |-------------------------- */
.module.fsnavi {
	padding-bottom: 90px;
}

	@media (min-width: 300px) and (max-width: 767px) {
		.module.fsnavi {
			padding-bottom: 30px;
		}
	}


/* ---| .module |-------------------------- */
.module p:last-child {
  margin-bottom: 0;
}
.module {
	position: relative;
}

	
		
/*	============================================================
	Haupttitel
	============================================================ */

/* ---| Titel mit Linie oben und unten, zentriert |-------------------------- */

	.module .ht {
		text-align: center;
		padding-bottom: 0px;
		/*text-transform: uppercase;
		letter-spacing: 0.1em;*/
	}

.ht .titel-big {
    font-size: 4rem;
	line-height: 1.0;
	font-weight: ;
	margin: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.ht .titel-extralarge {
    font-size: 3.5rem;
	line-height: 1.0;
	font-weight: ;
	margin: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.ht .titel-large {
    font-size: 3rem;
	line-height: 1.1;
	font-weight: ;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.ht .h1 {
    font-size: 2.5rem;
	line-height: 1.1;
	font-weight: ;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.ht .h2 {
    font-size: 2rem; 
	line-height: 1.2;
	font-weight: ;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.ht .h3 {
    font-size: 1.75rem;
	line-height: 1.3;
	font-weight: ;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.ht .h4 {
    font-size: 1.5rem;
	line-height: 1.4;
	font-weight: ;
	margin: 0px;
	margin-top: 7px;
	margin-bottom: 7px;
}
.ht .h5 {
    font-size: 1.25rem;
	line-height: 1.4;
	font-weight: ;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.ht .h6 {
    font-size: 1rem;
	line-height: 1.5;
	font-weight: ;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}


	.ht hr {
        margin-bottom: 0px;
    }
		hr.line-top {
			border: 0;
			height: 2px;
			width: 50%;
			margin-left: auto;
			margin-right: auto;
			/*background: #2F4987;*/
			background-image: linear-gradient(to right, #ccc, #2F4987, #ccc);
			margin-top: 0px;
			margin-bottom: 7px;
		}
		hr.line-one {
			border: 0;
			height: 2px;
			width: 50%;
			margin-left: auto;
			margin-right: auto;
			/*background: #2F4987;*/
			background-image: linear-gradient(to right, #ccc, #2F4987, #ccc);
			margin-top: 20px;
		}
	/*hr.line-one:after {
		content: "\f0d7";
		display: inline-block;
		position: relative;
		top: -0.33em;
		font-size: 2em;
		padding: 0 0.25em;
		color: #2F4987;
	}*/
/*.fa-caret-down:before {
  content: "\f0d7";
}*/


/* ---| Titel mit Zwischenline, zentriert |-------------------------- */

.underlined-title {
	text-align: center;
}
.underlined-title .titel-big {
    font-size: 4rem;
	line-height: 1.0;
	font-weight: ;
	margin: 0px;
}
.underlined-title .titel-extralarge {
    font-size: 3.5rem;
	line-height: 1.0;
	font-weight: ;
	margin: 0px;
}
.underlined-title .titel-large {
    font-size: 3rem;
	line-height: 1.1;
	font-weight: ;
	margin: 0px;
}
.underlined-title .h1 {
    font-size: 2.5rem;
	line-height: 1.1;
	font-weight: ;
	margin: 0px;
}
.underlined-title .h2 {
    font-size: 2rem;
	line-height: 1.2;
	font-weight: ;
	margin: 0px;
}
.underlined-title .h3 {
    font-size: 1.75rem;
	line-height: 1.3;
	font-weight: ;
	margin: 0px;
}
.underlined-title .h4 {
    font-size: 1.5rem;
	line-height: 1.4;
	font-weight: ;
	margin: 0px;
}
.underlined-title .h5 {
    font-size: 1.25rem;
	line-height: 1.4;
	font-weight: ;
	margin: 0px;
}
.underlined-title .h6 {
    font-size: 1rem;
	line-height: 1.5;
	font-weight: ;
	margin: 0px;
}

.underlined-title hr {
	width: 80px;
	border: 3px solid;
}
@media (min-width: 300px) and (max-width: 767px) {
	.underlined-title hr {
		width: 60px;
	}
}

/* ---| Titel mit Zwischenline, linksbündig |-------------------------- */

.left-underlined-title {
	text-align: left;
}
.left-underlined-title .titel-big {
    font-size: 4rem;
	line-height: 1.0;
	font-weight: ;
	margin: 0px;
}
.left-underlined-title .titel-extralarge {
    font-size: 3.5rem; 
	line-height: 1.0;
	font-weight: ;
	margin: 0px;
}
.left-underlined-title .titel-large {
    font-size: 3rem;
	line-height: 1.1;
	font-weight: ;
	margin: 0px;
}
.left-underlined-title .h1 {
    font-size: 2.5rem; 
	line-height: 1.1;
	font-weight: ;
	margin: 0px;
}
.left-underlined-title .h2 {
    font-size: 2rem;
	line-height: 1.2;
	font-weight: ;
	margin: 0px;
}
.left-underlined-title .h3 {
    font-size: 1.75rem;
	line-height: 1.3;
	font-weight: ;
	margin: 0px;
}
.left-underlined-title .h4 {
    font-size: 1.5rem;
	line-height: 1.4;
	font-weight: ;
	margin: 0px;
}
.left-underlined-title .h5 {
    font-size: 1.25rem;
	line-height: 1.4;
	font-weight: ;
	margin: 0px;
}
.left-underlined-title .h6 {
    font-size: 1rem;
	line-height: 1.5;
	font-weight: ;
	margin: 0px;
}

.left-underlined-title hr {
	width: 80px;
	border: 3px solid;
	margin-left: 0px;
}
@media (min-width: 300px) and (max-width: 767px) {
	.left-underlined-title hr {
		width: 60px;
	}
}

/* ---| Titel mit Balken, linksbündig |-------------------------- */

.left-bar-title {
    height: 12px;
	text-align: left;
    vertical-align: top;
	/*margin-bottom: 60px*/;
    /*background-color: #000000;*/
    display: block;
}
.left-bar-title .inner {
	font-family: "", Helvetica, Arial, "Lucida Grande", sans-serif;
  	font-weight: 700;
	text-transform: uppercase;
    vertical-align: top;
    /*background-color: #FFFFFF;*/
    height: 16px;
    font-size: 16px;
    text-transform: uppercase;
    padding: 0px 8px;
    margin: -1px 58px;
    line-height: 16px;
    float: left;
}
.left-bar-title h4 {
	font-size: 27px;
	font-weight: ;
	text-transform: uppercase;
	/*letter-spacing: 0.1em;*/
	/*color: #95a5a6;*/
}
.left-bar-title hr {
	width: 7%;
	margin-right: 93%;
	border-width: 5px;
}

/* ---| Titel mit Balken, zentriert |-------------------------- */

.center-bar-title {
    height: 12px;
	text-align: center;
    vertical-align: top;
	/*margin-bottom: 60px;*/
    /*background-color: #000000;*/
    display: block;
}
.center-bar-title .center-inner {
	font-family: "", Helvetica, Arial, "Lucida Grande", sans-serif;
  	font-weight: 700;
	text-transform: uppercase;
    vertical-align: top;
    /*background-color: #FFFFFF;*/
    height: 16px;
    font-size: 16px;
    text-transform: uppercase;
    padding: 0px 8px;
    margin: -1px;
    line-height: 16px;
    display: inline-block;
}


/* ---| Titel linksbündig, zentriert |-------------------------- */

.text-title .titel-big {
    font-size: 4rem;
	line-height: 1.0;
	font-weight: ;
	margin: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.text-title .titel-extralarge {
    font-size: 3.5rem;
	line-height: 1.0;
	font-weight: ;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.text-title .titel-large {
    font-size: 3rem; 
	line-height: 1.1;
	font-weight: ;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 15px;
}
.text-title .h1 {
    font-size: 2.5rem;
	line-height: 1.1;
	font-weight: ;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.text-title .h2 {
    font-size: 2rem;
	line-height: 1.2;
	font-weight: ;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.text-title .h3 {
    font-size: 1.75rem;
	line-height: 1.3;
	font-weight: ;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.text-title .h4 {
    font-size: 1.5rem;
	line-height: 1.4;
	font-weight: ;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.text-title .h5 {
    font-size: 1.25rem;
	line-height: 1.4;
	font-weight: ;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.text-title .h6 {
    font-size: 1rem;
	line-height: 1.5;
	font-weight: ;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}



/*	============================================================
	Video
	============================================================ */
.masthead {
	/*margin: 0px;*/
}
.masthead {
    position: relative;
    /*max-height: 640px;*/
	overflow: hidden;
    margin-bottom: -7px;
    padding: 0px;
}
video {
	display: block;
	width: 100%;
	/*height: auto;*/
	z-index: -1;
}

	
.beitrags_bild {
	position: relative;
	margin-top: 0px;
    margin-bottom: 0px;
}


/*	============================================================
	Block 06
	============================================================ */

/* ---| Block 06 |-------------------------- */
.box-shadow {
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
    margin-bottom: 8px;
}
.box {
	/*border: 1px solid #ccc;*/
}

.box-bild {
	margin-bottom: 110px;
}
.box-content {
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 30px;
	/*background-color: rgba(239,239,239,1.00);*/
}

.box-bild-quer {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
}
	.box-bild-quer.size-fluid {
		padding-top: 66.6666%;
		width: 100%;
	}
	.box-bild-quer.scale-fit {
		background-size: contain;
	}


.box-bild-hoch {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
}
	.box-bild-hoch.size-fluid {
		padding-top: 90%;
		width: 100%;
	}
	.box-bild-hoch.scale-fit {
		background-size: contain;
	}


/* ----------------------------- */
/* EX - Team-CSS /*
/* ----------------------------- */


.spalten-5 {
	width: 20%;
 	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	margin-right: -0.25em;
	/* Clearfix */
	overflow: hidden;
	*overflow: visible;
}
.spalten-5 {
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 20px;
}

@media (min-width: 300px) and (max-width: 767px) {
    .spalten-5 {
        width: 25%;
    }
}

.spalten-7-wrapper {
	margin-left: 8px;
	margin-right: 8px
}
.spalten-7 {
	width: 14.28%;
 	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	margin-right: -0.25em;
	/* Clearfix */
	overflow: hidden;
	*overflow: visible;
}
.spalten-7 {
	padding-left: 7px;
	padding-right: 7px;
	margin-bottom: 7px;
}

	@media (min-width: 300px) and (max-width: 767px) {
		.spalten-7 {
			width: 25%;
			margin-bottom: 5px;
		}
	}
	@media (min-width: 768px) and (max-width: 991px) {
		.spalten-7 {
			width: 20%;
		}
	}
	@media (min-width: 992px) and (max-width: 1199px) {
		.spalten-7 {
		width: 20%;
		}
	}
	@media (min-width: 1200px) and (max-width: 1399px) {
		.spalten-7 {
		width: 16.66%;
		}
	}

.spalten-8-wrapper {
	margin-left: 10px;
	margin-right: 10px
}
.spalten-8 {
	width: 12.5%;
 	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	margin-right: -0.25em;
	/* Clearfix */
	overflow: hidden;
	*overflow: visible;
}
.spalten-8 {
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 4px;
}

	@media (min-width: 300px) and (max-width: 767px) {
		.spalten-8 {
			width: 25%;
		}
	}
	@media (min-width: 768px) and (max-width: 991px) {
		.spalten-8 {
			width: 20%;
		}
	}
	@media (min-width: 992px) and (max-width: 1199px) {
		.spalten-8 {
		width: 16.66%;
		}
	}
	@media (min-width: 1200px) and (max-width: 1399px) {
		.spalten-8 {
		width: 14.28%;
		}
	}

.spalten-9-wrapper {
	margin-left: 10px;
	margin-right: 10px
}
.spalten-9 {
	width: 11.11%;
 	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	margin-right: -0.25em;
	/* Clearfix */
	overflow: hidden;
	*overflow: visible;
}
.spalten-9 {
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 5px;
}

	@media (min-width: 300px) and (max-width: 767px) {
		.spalten-9 {
			width: 25%;
		}
	}
	@media (min-width: 768px) and (max-width: 991px) {
		.spalten-9 {
			width: 16.66%;
		}
	}
	@media (min-width: 992px) and (max-width: 1199px) {
		.spalten-9 {
		width: 14.28%;
		}
	}
	@media (min-width: 1200px) and (max-width: 1399px) {
		.spalten-9 {
		width: 12.5%;
		}
	}


/* ---| Box Items Flex |-------------------------- */

/*Flex items*/
.box-list {
	display: -webkit-flex;
   	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0;
	padding: 0;
	/*padding-left: 15px;
	padding-right: 15px;*/
}

.box-item-100,
.box-item-80,
.box-item-75,
.box-item-70,
.box-item-66,
.box-item-60,
.box-item-50,
.box-item-40,
.box-item-35,
.box-item-33,
.box-item-30,
.box-item-25,
.box-item-20,
.box-item-15 {
	/*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)!important;*/
}

.box-item-100 {
	margin: 2px;
	width: calc(100% - 4px);
}
.box-item-80 {
	margin: 2px;
	width: calc(80% - 4px);
}
.box-item-75 {
	margin: 2px;
	width: calc(75% - 4px);
}
.box-item-70 {
	margin: 2px;
	width: calc(70% - 4px);
}
.box-item-66 {
	margin: 2px;
	width: calc(66.66% - 4px);
}
.box-item-60 {
	margin: 2px;
	width: calc(60% - 4px);
}
.box-item-50 {
	margin: 2px;
	width: calc(50% - 4px);
}
.box-item-40 {
	margin: 2px;
	width: calc(40% - 4px);
}
.box-item-35 {
	margin: 2px;
	width: calc(35% - 4px);
}
.box-item-33 {
	margin: 2px;
	width: calc(33.33% - 4px);
}
.box-item-30 {
	margin: 2px;
	width: calc(30% - 4px);
}
.box-item-25 {
	margin: 2px;
	width: calc(25% - 4px);
}
.box-item-20 {
	margin: 2px;
	width: calc(20% - 4px);
}
.box-item-15 {
	margin: 2px;
	width: calc(15% - 4px);
}

	@media (min-width: 300px) and (max-width: 767px) {
		.box-list {
			padding-left: 15px;
			padding-right: 15px;
		}
		.box-item-100,
		.box-item-80,
		.box-item-75,
		.box-item-70,
		.box-item-66,
		.box-item-60,
		.box-item-50,
		.box-item-40,
		.box-item-35,
		.box-item-33,
		.box-item-30,
		.box-item-25,
		.box-item-20,
		.box-item-15 {
			width: 100%;
			margin: 15px;
		}
	}
	@media (min-width: 768px) and (max-width: 991px) {
		.box-list {
			padding-left: 15px;
			padding-right: 15px;
		}
		.box-item-100,
		.box-item-80,
		.box-item-75,
		.box-item-70,
		.box-item-66,
		.box-item-60,
		.box-item-50,
		.box-item-40,
		.box-item-35,
		.box-item-33,
		.box-item-30,
		.box-item-25,
		.box-item-20,
		.box-item-15 {
			width: calc(50% - 4px);
		}
	}

/*a.boxitem-link {
    display:flex;
    opacity: 1;
}
a.boxitem-link:hover {
	opacity: 0.8;
}*/


.box-item-image-box {
	position:relative;
	overflow:hidden;

}
.box-item-image-box img {
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
    min-width: 100%;
    min-height: 100%;
	width:100%;
	height:auto;
	object-fit: cover;
}


.box-item-image {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
	height: 300px;
	position: relative;
}
	@media (min-width: 300px) and (max-width: 767px) {
		.box-item-image {
			/*background-repeat:no-repeat;
			background-size:contain;
			background-position:center;
			height: 290px!important;*/
		}
	}

a.box-link  {
	position: relative;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	opacity: 1;
}
a.box-link:hover {
	opacity: 0.8;
	/*background-color: rgba(44, 62, 80, 1);*/
}


.box-item-content {
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
}
.box-item-inner {
	flex: 1 0 auto;
	padding-top: 1.5em;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 2em;
}
.box-item-inner-center {
	display: flex;
	align-items: center;
	flex: 1 0 auto;
	padding-top: 2em;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 2em;
}
	@media (min-width: 300px) and (max-width: 767px) {
		.box-item-inner-center {
			padding-top: 1.5em;
			padding-right: 1em;
			padding-left: 1em;
			padding-bottom: 1.75em;
		}
	}
	@media (min-width: 768px) and (max-width: 991px) {
	}
	@media (min-width: 992px) and (max-width: 1199px) {
	}

.box-item-footer {
	font-size: 80%;
	padding-top: 0.75em;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1.25em;
}

/*.box-item-link {
	display: block;
	padding-top: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 0.6em;
}
*/
.box-item-link a span,
.box-item-link a span:visited {
	display: block;
	padding-top: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 0.6em;
}
.box-item-link a span:hover,
.box-item-link a span:active,
.box-item-link a span:focus {
	/*color: #808080!important;*/
	background-color: rgba(255,255,255,0.2);
}


.box-item-footer h4 {
	margin-bottom: 0px;
}

.box-item-footer a,
.box-item-footer a:visited {
	display: block;
	padding-top: 0.25em;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 0.6em;
}
.box-item-footer a:hover,
.box-item-footer a:active,
.box-item-footer a:focus {
	color: black!important;
}


/* ---| Boxgrid |-------------------------- */

ul.boxgrid {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0px;
	border-top: 1px solid #e5e5e5
}
ul.boxgrid li {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.boxgrid li:last-child {
}
ul.boxgrid li:before {
}
ul.boxgrid:after {
	clear: both
}


.boxgrid .boxgrid-item {
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	display: flex;
	align-items: center;
}
.boxgrid .image-item {
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}


.boxgrid .boxgrid-link {
	display: block;
	width: 100%;
	height: 100%
	opacity: 1;
	padding: 0px;
}

.boxgrid.boxgrid-link {
}
a.boxgrid-link:active, a.boxgrid-link:focus, a.boxgrid-link:hover, a.boxgrid-link:visited {
	text-decoration: none;
	color: inherit;
}
a.boxgrid-link:hover {
}

html.no-touch .boxgrid-link:hover .boxgrid-item-background {
    opacity: 1
}
.boxgrid-item-background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.boxgrid-image {
	display: flex;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}
.boxgrid-image {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important; 
	border: 0px;
}
.boxgrid-image:hover {
	opacity: .8;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}
.boxgrid-image-overlay {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.boxgrid-content-wrapper {
	display: flex;
	align-items: center;
	/*height: 530px;*/
	height: 100%;
	width: 100%;
}

.boxgrid-item .boxgrid-content {
	/*max-width: 450px;*/
	width: 100%;
	padding: 20px 40px;
}
.boxgrid-item .boxgrid-content {
}
.boxgrid-item .boxgrid-content {
	position: relative;
	width: 100%;
	/*max-width: 450px;*/
	z-index: 1;
}
.boxgrid-item .boxgrid--content {
	color: ;
	/*max-width: 450px;*/
	width: 100%;
	/*display: block;*/
	padding-top: 1em;
}
.boxgrid-item .boxgrid--content h1,
.boxgrid-item .boxgrid--content h2,
.boxgrid-item .boxgrid--content h3,
.boxgrid-item .boxgrid--content h4,
.boxgrid-item .boxgrid--content h5,
.boxgrid-item .boxgrid--content h6 {
	font-weight: 800;
	letter-spacing: 2px;
	text-transform: uppercase;
}


.boxgrid-item .boxgrid-content-inner {
}
.boxgrid-item .boxgrid-content-inner {
	/*max-width: 450px;*/
	/*display: block;*/
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.boxgrid-item .image-wrapper {
	-webkit-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: .7s;
	-o-animation-duration: .7s;
	animation-duration: .7s
}
.boxgrid-item .image-wrapper {
	position: relative;
	display: block
}
.boxgrid-item .image-wrapper img {
	width: 100%;
	max-width: 100%;
	height: auto
}


.boxgrid-100 {
	flex: 0 1 calc(100% - 1px);
}
.boxgrid-80 {
	flex: 0 1 calc(80% - 1px);
}
.boxgrid-75 {
	flex: 0 1 calc(75% - 1px);
}
.boxgrid-70 {
	flex: 0 1 calc(70% - 1px);
}
.boxgrid-66 {
	flex: 0 1 calc(66.66% - 1px);
}
.boxgrid-60 {
	flex: 0 1 calc(60% - 1px);
}
.boxgrid-50 {
	flex: 0 1 calc(50% - 1px);
}
.boxgrid-40 {
	flex: 0 1 calc(40% - 1px);
}
.boxgrid-35 {
	flex: 0 1 calc(35% - 1px);
}
.boxgrid-33 {
	flex: 0 1 calc(33.33% - 1px);
}
.boxgrid-30 {
	flex: 0 1 calc(30% - 1px);
}
.boxgrid-25 {
	flex: 0 1 calc(25% - 1px);
}
.boxgrid-20 {
	flex: 0 1 calc(20% - 1px);
}
.boxgrid-15 {
	flex: 0 1 calc(15% - 1px);
}

	@media (min-width: 300px) and (max-width: 767px) {
		.boxgrid-content-wrapper {
			/*height: 360px;*/
		}
		.boxgrid-item .boxgrid-content {
			padding: 20px 20px;
		}
		.boxgrid-100,
		.boxgrid-80,
		.boxgrid-75,
		.boxgrid-70,
		.boxgrid-66,
		.boxgrid-60,
		.boxgrid-50,
		.boxgrid-40,
		.boxgrid-35,
		.boxgrid-33,
		.boxgrid-30,
		.boxgrid-25,
		.boxgrid-20,
		.boxgrid-15 {
			flex: 0 1 calc(50% - 1px);
		}
	}
	@media (min-width: 768px) and (max-width: 991px) {
		.boxgrid-content-wrapper {
			/*height: 480px;*/
		}
		.boxgrid-item .boxgrid-content {
			padding: 20px 20px;
		}
		.boxgrid-100,
		.boxgrid-80,
		.boxgrid-75,
		.boxgrid-70,
		.boxgrid-66,
		.boxgrid-60,
		.boxgrid-50,
		.boxgrid-40,
		.boxgrid-35,
		.boxgrid-33,
		.boxgrid-30,
		.boxgrid-25,
		.boxgrid-20,
		.boxgrid-15 {
			flex: 0 1 calc(50% - 1px);
		}
	}
	@media (min-width: 1400px) {
		ul.boxgrid li:last-child {
			border-right: 1px solid #e5e5e5;
		}
		.boxgrid-content-wrapper {
			/*height: 500px;*/
		}
		.boxgrid-100 {
			flex: 0 1 calc(100% - 2px);
		}
		.boxgrid-80 {
			flex: 0 1 calc(80% - 2px);
		}
		.boxgrid-75 {
			flex: 0 1 calc(75% - 2px);
		}
		.boxgrid-70 {
			flex: 0 1 calc(70% - 2px);
		}
		.boxgrid-66 {
			flex: 0 1 calc(66.66% - 2px);
		}
		.boxgrid-60 {
			flex: 0 1 calc(60% - 2px);
		}
		.boxgrid-50 {
			flex: 0 1 calc(50% - 2px);
		}
		.boxgrid-40 {
			flex: 0 1 calc(40% - 2px);
		}
		.boxgrid-35 {
			flex: 0 1 calc(35% - 2px);
		}
		.boxgrid-33 {
			flex: 0 1 calc(33.33% - 2px);
		}
		.boxgrid-30 {
			flex: 0 1 calc(30% - 2px);
		}
		.boxgrid-25 {
			flex: 0 1 calc(25% - 2px);
		}
		.boxgrid-20 {
			flex: 0 1 calc(20% - 2px);
		}
		.boxgrid-15 {
			flex: 0 1 calc(15% - 2px);
		}
	}


/* ---| Cards |-------------------------- */

/*Flex items*/
.list {
   	display: -webkit-box;
	display: -webkit-flex;
   	display: -ms-flexbox;
   	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	justify-content: space-between;
}
.list li {
	list-style: none;
	margin-left: 0px;
}

.list-item-2 {
	display: -webkit-flex;
	display: flex; 
	flex: 0 1 calc(350% - 1em);
	margin-bottom: 28px;
}
.list-item-3 {
	display: -webkit-flex;
	display: flex; 
	flex: 0 1 calc(33.33% - 1em);
	margin-bottom: 28px;
}
.list-item-4 {
	display: -webkit-flex;
	display: flex;
	flex: 0 1 calc(25% - 1em);
	margin-bottom: 28px;
}
.list-item-5 {
	display: -webkit-flex;
	display: flex; 
	flex: 0 1 calc(20% - 1em);
	margin-bottom: 28px;
}
.list-item-6 {
	display: -webkit-flex;
	display: flex; 
	flex: 0 1 calc(16.66% - 1em);
	margin-bottom: 28px;
}
.list-item-7 {
	display: -webkit-flex;
	display: flex; 
	flex: 0 1 calc(14.258% - 1em);
	margin-bottom: 28px;
}
.list-item-8 {
	display: -webkit-flex;
	display: flex; 
	flex: 0 1 calc(12.5% - 1em);
	margin-bottom: 28px;
}
.list-item-9 {
	display: -webkit-flex;
	display: flex; 
	flex: 0 1 calc(11.11% - 1em);
	margin-bottom: 28px;
}


		@media (min-width: 300px) and (max-width: 767px) {
		.list {
			justify-content: space-around;
		}
		.list-item-2 {
			flex: 0 1 calc(100% - 1em);
		}
		.list-item-3 {
			flex: 0 1 calc(100%);
		}
		.list-item-4 {
			flex: 0 1 calc(100%);
		}
		.list-item-5 {
			flex: 0 1 calc(100% - 1em);
		}
		.list-item-6 {
			flex: 0 1 calc(100% - 1em);
		}
		.list-item-7 {
			flex: 0 1 calc(100% - 1em);
		}
		.list-item-8 {
			flex: 0 1 calc(100% - 1em);
		}
		.list-item-9 {
			flex: 0 1 calc(100% - 1em);
		}
	}
	@media (min-width: 768px) and (max-width: 991px) {
		.list-item-2 {
			flex: 0 1 calc(50% - 1em);
		}
		.list-item-3 {
			flex: 0 1 calc(50% - 1em);
		}
		.list-item-4 {
			flex: 0 1 calc(50% - 1em);
		}
		.list-item-5 {
			flex: 0 1 calc(33.33% - 1em);
		}
		.list-item-6 {
			flex: 0 1 calc(33.33% - 1em);
		}
		.list-item-7 {
			flex: 0 1 calc(33.33% - 1em);
		}
		.list-item-8 {
			flex: 0 1 calc(25% - 1em);
		}
		.list-item-9 {
			flex: 0 1 calc(33.33% - 1em);
		}
	}
	@media (min-width: 992px) and (max-width: 1199px) {
		.list-item-2 {
			flex: 0 1 calc(50% - 1em);
		}
		.list-item-3 {
			flex: 0 1 calc(33.33% - 1em);
		}
		.list-item-4 {
			flex: 0 1 calc(50% - 1em);
		}
		.list-item-5 {
			flex: 0 1 calc(33.33% - 1em);
		}
		.list-item-6 {
			flex: 0 1 calc(33.33% - 1em);
		}
		.list-item-7 {
			flex: 0 1 calc(25% - 1em);
		}
		.list-item-8 {
			flex: 0 1 calc(25% - 1em);
		}
		.list-item-9 {
			flex: 0 1 calc(25% - 1em);
		}
	}

.list-item-2 a,
.list-item-3 a,
.list-item-4 a,
.list-item-5 a,
.list-item-6 a,
.list-item-7 a,
.list-item-8 a,
.list-item-9 a {
	/*transition:all linear 0.30s;*/
    transition: all 0.30s ease-in-out 0s;
    -moz-transition: all 0.30s ease-in-out 0s;
    -webkit-transition: all 0.30s ease-in-out 0s;
    -o-transition: all 0.30s ease-in-out 0s;
}
.cards-link {
	border-radius: 8px;
}
a.cards-link {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    opacity: 1;
    width: 100%;
	border-radius: 8px;
}
a.cards-link:hover {
	opacity: 0.8;
	border-radius: 8px;
}
a.cards-link:hover {
	box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.16), 0px 8px 10px 0 rgba(0, 0, 0, 0.12)!important;
}

.list-item-shadow {
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)!important;
}
.list-content {
	background-color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding: 0em;
	width: 100%;
	border-radius: 8px;
}

.list-image {
	overflow: hidden;
	position: relative;
	border-radius: 8px 8px 0 0;
}

.list-item img {
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}

.list-inner {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
	padding: 1em;
}
.list-link {
	display: block;
	padding-top: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 0.6em;
	background-color: #efefef;
	border-radius: 0 0 8px 8px;
}
.list-link a,
.list-link a:visited {
	/*display: block;
	padding-top: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 0.6em;*/
}
.list-link a:hover,
.list-link a:active,
.list-link a:focus {
	color: black!important;
}


.list-footer {
	background-color: #efefef;
	padding-top: 0.75em;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 0.75em;
}
.list-footer h4 {
	margin-bottom: 0px;
}

.list-footer a,
.list-footer a:visited {
	display: block;
	padding-top: 0.25em;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 0.6em;
}
.list-footer a:hover,
.list-footer a:active,
.list-footer a:focus {
	color: black!important;
}



/* ---| Cards Variabel |-------------------------- */

.center-wrapper {
}
/*Flex items*/
.card-list {
	display: -webkit-flex;
   	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin: 0;
	padding: 0;
	/*padding-left: 15px;
	padding-right: 15px;*/
}

.card-item-100 {
	margin: 2px;
	width: calc(100% - 4px);
}
.card-item-80 {
	margin: 2px;
	width: calc(80% - 4px);
}
.card-item-75 {
	margin: 2px;
	width: calc(75% - 4px);
}
.card-item-70 {
	margin: 2px;
	width: calc(70% - 4px);
}
.card-item-66 {
	margin: 2px;
	width: calc(66.66% - 4px);
}
.card-item-60 {
	margin: 2px;
	width: calc(60% - 4px);
}
.card-item-50 {
	margin: 2px;
	width: calc(50% - 4px);
}
.card-item-40 {
	margin: 2px;
	width: calc(40% - 4px);
}
.card-item-35 {
	margin: 2px;
	width: calc(35% - 4px);
}
.card-item-33 {
	margin: 2px;
	width: calc(33.33% - 4px);
}
.card-item-30 {
	margin: 2px;
	width: calc(30% - 4px);
}
.card-item-25 {
	margin: 2px;
	width: calc(25% - 4px);
}
.card-item-20 {
	margin: 2px;
	width: calc(20% - 4px);
}
.card-item-15 {
	margin: 2px;
	width: calc(15% - 4px);
}

	@media (min-width: 300px) and (max-width: 767px) {
		.box-list {
			padding-left: 0px;
			padding-right: 0px;
		}
		.card-item-100,
		.card-item-80,
		.card-item-75,
		.card-item-70,
		.card-item-66,
		.card-item-60,
		.card-item-50,
		.card-item-40,
		.card-item-35,
		.card-item-33,
		.card-item-30,
		.card-item-25,
		.card-item-20,
		.card-item-15 {
			width: 100%;
			/*margin: 15px;*/
		}
	}
	@media (min-width: 768px) and (max-width: 991px) {
		.box-list {
			padding-left: 15px;
			padding-right: 15px;
		}
		.card-item-100,
		.card-item-80,
		.card-item-75,
		.card-item-70,
		.card-item-66,
		.card-item-60,
		.card-item-50,
		.card-item-40,
		.card-item-35,
		.card-item-33,
		.card-item-30,
		.card-item-25,
		.card-item-20,
		.card-item-15 {
			width: calc(50% - 4px);
		}
	}
	@media (min-width: 992px) and (max-width: 1199px) {
		.box-list {
			padding-left: 15px;
			padding-right: 15px;
		}
		.card-item-100,
		.card-item-80,
		.card-item-75,
		.card-item-70,
		.card-item-66,
		.card-item-60,
		.card-item-50,
		.card-item-40,
		.card-item-35,
		.card-item-33,
		.card-item-30,
		.card-item-25,
		.card-item-20,
		.card-item-15 {
			width: calc(33.33% - 4px);
		}
	}


a.card-variabel-link {
    display:flex;
    opacity: 1;
}
a.card-variabel-link:hover {
	opacity: 0.8;
}
/*a.card-variabel-link:hover {
	box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.32), 2px 2px 2px 0 rgba(0, 0, 0, 0.24)!important;
}
*/

.card-item-content h1,
.card-item-content h2,
.card-item-content h3,
.card-item-content h4,
.card-item-content h5,
.card-item-content h6 {
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto; 
}

.card-item-content {
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	width: 100%;
	border-radius: 8px;
	position: relative;
}
.card-item-inner {
	flex: 1 0 auto;
	padding-top: 1.5em;
	padding-right: 1.5em;
	padding-left: 1em;
	padding-bottom: 2em;
}
.card-item-inner-center {
	display: flex;
	flex: 1 0 auto;
	padding-top: 1em;
	padding-right: 1.5em;
	padding-left: 1em;
	padding-bottom: 2em;
}
	@media (min-width: 300px) and (max-width: 767px) {
		.card-item-inner-center {
			padding-top: 1.5em;
			padding-right: 1em;
			padding-left: 1em;
			padding-bottom: 1.75em;
		}
	}

.card-item-image-box {
	position:relative;
	overflow:hidden;

}
.card-item-image-box img {
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
    min-width: 100%;
    min-height: 100%;
	width:100%;
	height:auto;
	object-fit: cover;
}


.card-item-image {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
	height: 300px;
	position: relative;
}
	@media (min-width: 300px) and (max-width: 767px) {
		.card-item-image {
			/*background-repeat:no-repeat;
			background-size:contain;
			background-position:center;
			height: 290px!important;*/
		}
	}

.card-variabel-bg-bild {
	display: flex;
	flex-direction: column;
	flex: 1 0 auto;
	border-radius: 8px;
}
.card-variabel-bg-bild {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
}





@media (max-width: 767px) {
    .pleft15 {
        padding-left: 0px!important;
    }
    .pright15 {
        padding-right: 0px!important;
    }
    .xs-bb {
        padding-left: 15px;
        padding-right: 15px;
    }
}


.beitrag-standard img {
	margin-top: 5px;
	padding-bottom: 20px;
}

.B01-1, 
.B01-2, 
.B01-3, 
.B01-4 {
	padding-bottom: 2px;
}

@media (min-width: 300px) and (max-width: 767px) {
	.B01-1, 
	.B01-2, 
	.B01-3, 
	.B01-4 {
		padding-bottom: 2px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.beitrag-standard img {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.text-standard {
		padding-top: 5px;
		padding-bottom: 5px;
	}
}


.beitrag-lb {
	margin-top: 5px;
	margin-bottom: 20px;
}

.bild-einblenden {
	opacity: 0.4;
        /*transition: 0.5s opacity;*/
   -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: opacity .8s, -webkit-filter .8s;
    transition: filter .8s, opacity .8s;
    transition: filter .8s, opacity .8s, -webkit-filter .8s
}

.bild-einblenden:hover {
	opacity: 1;
        /*transition: 0.5s opacity;*/
   -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.bild-einblenden img {
	margin-top: 5px;
	padding-bottom: 20px;
}

.beitrag-einblenden {
	opacity: 0.4;
   -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: opacity .8s, -webkit-filter .8s;
    transition: filter .8s, opacity .8s;
    transition: filter .8s, opacity .8s, -webkit-filter .8s;
}
.beitrag-einblenden:hover {
    opacity: 1;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.beitrag-einblenden:hover .text-einblenden {
    opacity: 1;
    max-height: 1000px;
} 

.beitrag-einblenden img {
	margin-top: 5px;
	padding-bottom: 20px;
}

.text-einblenden {
    transition: opacity 1.2s;
    opacity: 0;
  -webkit-transition: max-height 1.2s;
  -moz-transition: max-height 1.2s;
  -ms-transition: max-height 1.2s;
  -o-transition: max-height 1.2s;
  transition: max-height 1.2s;
  overflow: hidden;
  max-height: 0;
}


                /*.text-einblenden {
                    transition: opacity 1.2s;
                    opacity: 0;
                    height: 0px;
                    transform: scaleY(0);    
                    transform-origin: bottom;
                }*/

		/* Variante max-height */
        /*.beitrag-einblenden:hover .text-einblenden {
            opacity: 1;
            max-height: 1000px;
        } 
        */
        /*.text-einblenden {
            transition: opacity 1.2s;
            opacity: 0;
            max-height: 0;
            overflow: hidden;
            -webkit-transition: max-height 1.2s ease;
            -moz-transition: max-height 1.2s ease;
            transition: max-height 1.2s ease;
        }
        */    


/*	============================================================
	Spalten Image mit Link - imageslinks
	============================================================ */
.imageslinks-lb {
	margin-top: 0px;
	margin-bottom: 10px;
}

.imageslinks {
	overflow: hidden;
	position: relative;
	padding: 0;
}

.imageslinks img {
	max-width: 100%;
	width: 100%;
	height: auto;
}

.imageslinks .image-holder {
	position:relative;
	overflow:hidden;
	margin:0 auto;
}

.imageslinks .hover-state {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	background-color: rgba(44, 62, 80, 0.6);
	text-align: center;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	opacity: 0;
	/*padding: 0 25px;*/
}

.imageslinks:focus .hover-state,
.imageslinks:active .hover-state,
.imageslinks:hover .hover-state {
	opacity: 1;
}
.imageslinks a,
.imageslinks a:hover {
	color: #fff;
}

.imageslinks .hover-state h3 {
	/*font-size: 100%;*/
	text-align: center;
	color: #fff;
	margin-bottom: 0px;
	padding: 0px;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto; 
}

.imageslinks .hover-state p {
	/*font-size: 80%;*/
	line-height: 1.2;
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #fff;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto; 
}
	@media (min-width: 300px) and (max-width: 479px) {
		.imageslinks .hover-state p {
			font-size: 100%;
		}
	}
	@media (min-width: 480px) and (max-width: 767px) {
	}
	@media (min-width: 768px) and (max-width: 991px) {
	}
	@media (min-width: 992px) and (max-width: 1199px) {
	}
	@media only screen and (min-width: 1200px) {
	}
	@media (min-width: 1400px) {
	}

.imageslinks .hover-state .align-vertical {
	-webkit-transform: translate3d(0, 20px, 0);
	-moz-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	opacity: 0;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding: 25px;
}

.imageslinks:focus .align-vertical,
.imageslinks:active .align-vertical,
.imageslinks:hover .align-vertical {
	-webkit-transform: translate3d(0, 0px, 0);
	-moz-transform: translate3d(0, 0px, 0);
	transform: translate3d(0, 0px, 0);
	opacity: 1;
}



/*	============================================================
	Block 09
	============================================================ */
#block-09,
#block-29,
#block-49,
#block-69,
#block-89,
#block-109,
#block-129,
#block-149,
#block-169,
#block-189 {
}

#block-09 .block09-col-sm-6,
#block-29 .block09-col-sm-6,
#block-49 .block09-col-sm-6,
#block-69 .block09-col-sm-6,
#block-89 .block09-col-sm-6,
#block-109 .block09-col-sm-6,
#block-129 .block09-col-sm-6,
#block-149 .block09-col-sm-6,
#block-169 .block09-col-sm-6,
#block-189 .block09-col-sm-6 {
  position: relative;
  min-height: 1px;
  /*padding-right: 15px;
  padding-left: 15px;*/
}
#block-09 .block09-col-sm-6,
#block-29 .block09-col-sm-6,
#block-49 .block09-col-sm-6,
#block-69 .block09-col-sm-6,
#block-89 .block09-col-sm-6,
#block-109 .block09-col-sm-6,
#block-129 .block09-col-sm-6,
#block-149 .block09-col-sm-6,
#block-169 .block09-col-sm-6,
#block-189 .block09-col-sm-6 {
    width: 50%;
}
@media (min-width: 300px) and (max-width: 767px) {
	#block-09 .block09-col-xs-12,
	#block-29 .block09-col-xs-12,
	#block-49 .block09-col-xs-12,
	#block-69 .block09-col-xs-12,
	#block-89 .block09-col-xs-12,
	#block-109 .block09-col-xs-12,
    #block-129 .block09-col-xs-12,
    #block-149 .block09-col-xs-12,
    #block-169 .block09-col-xs-12,
    #block-189 .block09-col-xs-12 {
		width: 100%;
	}
}

/* ---| Content links |-------------------------- */
/*  .content-block-nopad -> siehe Block-07  */

#block-09 .content-left,
#block-29 .content-left,
#block-49 .content-left,
#block-69 .content-left,
#block-89 .content-left,
#block-109 .content-left,
#block-129 .content-left,
#block-149 .content-left,
#block-169 .content-left,
#block-189 .content-left {
	margin: 0px;
	padding: 0px;
	position: relative;
	min-height: 340px;
}
#block-09 .content-left .image-container,
#block-29 .content-left .image-container,
#block-49 .content-left .image-container,
#block-69 .content-left .image-container,
#block-89 .content-left .image-container,
#block-109 .content-left .image-container,
#block-129 .content-left .image-container,
#block-149 .content-left .image-container,
#block-169 .content-left .image-container,
#block-189 .content-left .image-container {
	position: absolute;
	height: 340px;
	padding: 0px;
	top: 0px;
	right: 0px;
}
#block-09 .content-left .image-container .background-image-holder,
#block-29 .content-left .image-container .background-image-holder,
#block-49 .content-left .image-container .background-image-holder,
#block-69 .content-left .image-container .background-image-holder,
#block-89 .content-left .image-container .background-image-holder,
#block-109 .content-left .image-container .background-image-holder,
#block-129 .content-left .image-container .background-image-holder,
#block-149 .content-left .image-container .background-image-holder,
#block-169 .content-left .image-container .background-image-holder,
#block-189 .content-left .image-container .background-image-holder {
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important; 
	min-height: 100%;
}
.content-left .content {
	margin-top: 340px;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-right: 40px;
}

/* ---| Content rechts |-------------------------- */
#block-09 .content-right,
#block-29 .content-right,
#block-49 .content-right,
#block-69 .content-right,
#block-89 .content-right,
#block-109 .content-right,
#block-129 .content-right,
#block-149 .content-right,
#block-169 .content-right,
#block-189 .content-right {
	margin: 0px;
	padding: 0px;
	position: relative;
	min-height: 340px;
}
#block-09 .content-right .image-container,
#block-29 .content-right .image-container,
#block-49 .content-right .image-container,
#block-69 .content-right .image-container,
#block-89 .content-right .image-container,
#block-109 .content-right .image-container,
#block-129 .content-right .image-container,
#block-149 .content-right .image-container,
#block-169 .content-right .image-container,
#block-189 .content-right .image-container {
	position: absolute;
	height: 340px;
	padding: 0px;
	top: 0px;
}
#block-09 .content-right .image-container .background-image-holder,
#block-29 .content-right .image-container .background-image-holder,
#block-49 .content-right .image-container .background-image-holder,
#block-69 .content-right .image-container .background-image-holder,
#block-89 .content-right .image-container .background-image-holder,
#block-109 .content-right .image-container .background-image-holder,
#block-129 .content-right .image-container .background-image-holder,
#block-149 .content-right .image-container .background-image-holder,
#block-169 .content-right .image-container .background-image-holder,
#block-189 .content-right .image-container .background-image-holder {
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important; 
	height: 100%;
}
.content-right .content {
	margin-top: 340px;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-right: 40px;
	padding-left: 0px;
	/*height: 340px;*/
}

.leftpad {
	padding-left: 20px;
}
.rightpad {
	padding-right: 30px;
}

@media only screen and (min-width : 768px) {
	
	.content-left .image-container,
	.content-right .image-container {
		height: 100%!important;
	}
	
	#block-09 .content-right,
	#block-29 .content-right,
	#block-49 .content-right {
		/*height: auto;*/
	}
	.content-left .content {
	margin-top: 0px;
	padding-top: 50px;
	/*padding-right: 80px;
	padding-left: 15px;*/
	padding-bottom: 44px;
	}
	.content-right .content {
	margin-top: 0px;
	padding-top: 50px;
	/*padding-right: 15px;
	padding-left: 80px;*/
	padding-bottom: 40px;
	}	
}

@media (min-width: 768px) and (max-width: 991px) {
    .leftpad {
        padding-left: 0px;
    }
    .rightpad {
        padding-right: 0px;
    }
}

@media only screen and (max-width : 767px) {
    .content-left .content {
        padding-top: 20px;
        padding-bottom: 40px;
        padding-right: 00px;
    }
    .content-right .content {
        padding-top: 20px;
        padding-bottom: 40px;
        padding-right: 0px;
    }

    .leftpad {
        padding-left: 0px;
    }
    .rightpad {
        padding-right: 0px;
    }
}




/*	============================================================
	TABELLE
	============================================================ */
table {
    display: table;
    border-collapse: separate;
    border-spacing: 0px;
	text-align:left;
	vertical-align:top;
	padding-left: 0px;
	padding-right:0px;
	width:100%;
	margin-bottom: 20px;
}
	@media (min-width: 300px) and (max-width: 479px) {
	table {
		font-size: 14px;
		line-height: 1.2;
	}
	}
	@media (min-width: 480px) and (max-width: 767px) {
	table {
		font-size: 14px;
	}
	}

td {
	border-bottom: 1px dotted rgba(191,196,207,1.00);
	padding-top: 8px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
}

tr:nth-child(odd) {
	background-color: ;
}
tr:nth-child(even) {
	background-color: ;
}

table a {
	color: rgba(102,113,138,1.00);
	text-decoration: none;
}
table a:visited {
	color: rgba(102,113,138,1.00);
	text-decoration: none;
}
table a:hover {
	color: #F97070;
}


/*	============================================================
	Alerts
	============================================================ */

.alert-message{
	font-weight: ;
	display: block;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 45px;
	padding-bottom: 10px;
	text-align: left;
	margin-bottom: 20px;
}
/* --------------------------------------- */
.alert-message.notiz {
	background-color: ; /* #F3F3F3 */
	color: #000000;
	border-left: 4px solid #999999;
	padding-left: 20px;
}
.alert-message.achtung {
	background-color: ;	/*background: #fbf6e4;*/
	color: #c7a900;
	border-left: 4px solid #c7a900;
	padding-left: 20px;
}
.alert-message.positiv {
	background-color: ;	/*background: #e9f2d3;*/
	color:#77a113;
	border-left: 4px solid #77a113;
	padding-left: 20px;
}

.alert-message.warnung {
	background-color: ;	/*background: #fee9e9;*/
	color:#d45959;
	border-left: 4px solid #d45959;
	padding-left: 20px;
}
.alert-message.info {
	background-color: ;	/*background: #dce9f3;*/
	color:#387cb0;
	border-left: 4px solid #387cb0;
	padding-left: 20px;
}

.alert-message h1 {
	font-weight: ;
    margin-bottom: 0.1em;
	padding: 0px;
	line-height: ;
}
.alert-message h2 {
	font-weight: ;
    margin-bottom: 0.2em;
	padding: 0px;
	line-height: ;
}
.alert-message h3 {
	font-weight: ;
	margin: 0px;
	margin-bottom: 0.2em;
	padding: 0px;
	line-height: ;
}
.alert-message h4 {
	font-weight: ;
    margin-bottom: 0.2em;
	padding: 0px;
	line-height: ;
}
.alert-message h5 {
	font-weight: ;
    margin-bottom: 0.2em;
	padding: 0px;
	line-height: ;
}
.alert-message h6 {
	font-weight: ;
    margin-bottom: 0.2em;
	padding: 0px;
	line-height: ;
}




/*	============================================================
	Slider
	============================================================ */
#slider {
	margin-top: 95px;
}
.bxslider {
}
.slider-intro {
	height: 440px;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	z-index: -1;
}
	.slide-content {
	position: absolute;
	bottom: 0;
	left: 0;
	/*right: 0;*/
	z-index: 10;
	}
		.slide-content p {
		/*height: 30px;*/
			width: auto;
			background-color: rgba(0,0,0,0.60);
			font-size: 20px;
			line-height: 1;
			color: #FFFFFF;
			margin: 0px;
			padding-left: 30px;
			padding-right: 60px;
			padding-top: 15px;
			padding-bottom: 16px;
		}
/* And a non-CSS3 approach (for old browsers): */
	/*.bx-controls-direction a {
		display: none;
	}
	.bx-wrapper:hover .bx-controls-direction a {
		display: block;
	}*/
.bx-controls-direction a {
    opacity: 0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.bx-wrapper:hover .bx-controls-direction a {
    opacity: 1;
}



/* ---| Slider mit Textoverlay |-------------------------- */

.frontpage-wrapper {
	width: 100%;
    position: relative;
}
.frontpage-image img {
	margin: 0 auto;
	text-align: center;
}

.frontpage-image img {
	max-width: auto;
	width: 100%;
}
.frontpage-content-wrapper {
	margin-top: 100px;
    position: absolute;
    top: 50%;
    margin-top: -96px;
    left: 50%;
    margin-left: -20%;
    width: 40%;
}

.frontpage-content-wrapper {
	top: 50%;
	margin-top: -96px;
	background-color: rgba(0,0,0,0.70);
	color: #FFF;
}

.frontpage-content .main-headline,
.frontpage-content .sub-headline,
.frontpage-content .featured-link {
	text-transform: uppercase;
	text-align: center;
}

.frontpage-content .main-headline {
	padding-top: 30px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	font-size: 28px;
}

.frontpage-content .sub-headline {
	padding: 0px 10px;
	font-size: 18px;
	margin-bottom: 25px;
}

.frontpage-content .featured-link {
	/*margin-top: 25px;*/
	padding-bottom: 25px;
}

.frontpage-content .featured-link a {
	padding: 10px 20px;
	color: #fff;
	font-size: 14px;
	border: 2px solid #B85252;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: rgba(223,73,73,1.00);
}

.frontpage-content .featured-link a:hover,

.frontpage-content .featured-link a:active,

.frontpage-content .featured-link a:focus {
	border-color: #df4949;
	background-color: #D52525;
	color: #fff;
}

@media (min-width: 300px) and (max-width: 479px) {
	.frontpage-content-wrapper {
		margin-top: 100px;
		position: absolute;
		top: 50%;
		margin-top: -40px;
		left: 50%;
		margin-left: -30%;
		width: 60%;
	}
	.frontpage-content .main-headline {
		padding-top: 10px;
		padding-right: 5px;
		padding-left: 5px;
		padding-bottom: 5px;
		font-size: 15px;
	}
	.frontpage-content .sub-headline {
		padding: 0px 5px;
		font-size: 10px;
		margin-bottom: 10px;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.frontpage-content-wrapper {
		margin-top: 100px;
		position: absolute;
		top: 50%;
		margin-top: -50px;
		left: 50%;
		margin-left: -30%;
		width: 60%;
	}
	.frontpage-content .main-headline {
		padding-top: 10px;
		padding-right: 5px;
		padding-left: 5px;
		padding-bottom: 5px;
		font-size: 20px;
	}
	.frontpage-content .sub-headline {
		padding: 0px 5px;
		font-size: 13px;
		margin-bottom: 13px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.frontpage-content-wrapper {
		margin-top: 100px;
		position: absolute;
		top: 50%;
		margin-top: -65px;
		left: 50%;
		margin-left: -25%;
		width: 50%;
	}
}



/*	============================================================
	Footer
	============================================================ */
#footer {
	padding-top: 50px;
	padding-bottom: 50px;
}
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
	color: ;
}
#footer a, #footer a:visited {
	color: ;
	text-decoration: none;
}
#footer a:hover {
	color: ;
}
#footer .footer-nav li a,
#footer .footer-nav li a:visited {
	color: ;
}
#footer .footer-nav li a:hover {
	color: ;
}
#footer .footer-nav li.current-menu-item a,
#footer .footer-nav li.current_page_item a {
	color: ;
}


.footer p {
	margin-bottom: 7px;
}
.footer ul {
	list-style-type: none;
}
.footer ul li {
	list-style-type: none;
	padding-left: 17px;
}
.footer li a:before {
	position: relative;
	top: 0px;
	display: inline-block;
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: ;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 0;
	content: "\f105";
	margin-left: -35px;
}
.footer a.social-link {
	color: rgba(255,255,255,1.00);
	/*float: left;*/
	width: 30px;
	height: 30px;
	text-decoration: none;
	display:block;
}
.footer a.social-link img {
	/*float: left;*/
	width: 24px;
	height: 24px;
	max-width: 24px;
}

		/*for small screens */
		/*.tel,.tel:visited { 
			display:block;
			color:#fff;
			background-color:#000;
			padding:1em;
			text-decoration:none;
		}
			.tel:hover,.tel:focus {
			color:#000;
			background-color:#fff;
		}*/
		/* for larger screens */
		/*@media screen and (min-width: 28.5em) { 
		.tel,.tel:visited {
			background:none;
			cursor:default;
		}
		.tel,.tel:focus {
			color:#000;
		}
		}*/

@media (min-width: 300px) and (max-width: 479px) {
	.col-xxs-12 {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
	.col-xxs-12 {
		box-sizing: border-box;
		-ms-flex: 0 0 auto;
		-webkit-box-flex: 0;
		flex: 0 0 auto;
			flex-basis: auto;
		padding-right: 1rem;
		padding-left: 1rem;
	}
}

/* ---| Footer 1 |-------------------------- */
.footer1_content {
	font-size: 14px;
	line-height: 1.6;
}
.footer1_content h3,
.footer1_content h4,
.footer1_content h5,
.footer1_content h6 {
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 17px;
}
.footer1_content .footer-nav li {
	text-transform: uppercase;
}
@media (min-width: 300px) and (max-width: 991px) {
	.footer1_inner_1,
	.footer1_inner_2,
	.footer1_inner_3,
	.footer1_inner_4 {
		margin-bottom: 30px;
	}
	.footer1_content h3,
	.footer1_content h4,
	.footer1_content h5,
	.footer1_content h6  {
		margin-bottom: 8px;
	}
}

/* ---| Footer 2 |-------------------------- */
.footer2_content {
}
.footer2_inner_1 {
	font-size: 160%;
	line-height: 1.2;
	font-weight: 300;
	color: ;
}
.footer2_content h3,
.footer2_content h4,
.footer2_content h5,
.footer2_content h6 {
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 17px;
}
.footer2_content .footer-nav li {
	text-transform: uppercase;
}

@media (min-width: 300px) and (max-width: 991px) {
	.footer2_inner_1,
	.footer2_inner_2,
	.footer2_inner_3,
	.footer2_inner_4 {
		margin-bottom: 30px;
	}
	.footer2_content h3,
	.footer2_content h4,
	.footer2_content h5,
	.footer2_content h6  {
		margin-bottom: 8px;
	}
}

/* ---| Footer 3 |-------------------------- */
.footer3_content  {
	font-weight: 700;
}
.footer3_content h3,
.footer3_content h4,
.footer3_content h5  {
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 17px;
}
.footer3_content .footer-nav li {
	font-size: 124%;
	text-transform: uppercase;
}

@media (min-width: 300px) and (max-width: 991px) {
	.footer3_inner_1,
	.footer3_inner_2,
	.footer3_inner_3,
	.footer3_inner_4,
	.footer3_inner_5 {
		margin-bottom: 30px;
	}
}

/* ---| Footer 4 |-------------------------- */
.footer4_content  {
	font-size: 14px;
	line-height: 1.6;
}
.footer4_content h3,
.footer4_content h4,
.footer4_content h5  {
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 17px;
}
.footer4_content .footer-nav li {
	font-size: 124%;
	text-transform: uppercase;
}

@media (min-width: 300px) and (max-width: 991px) {
	.footer4_inner_1,
	.footer4_inner_2,
	.footer4_inner_3,
	.footer4_inner_4,
	.footer4_inner_5 {
		margin-bottom: 30px;
	}
}

/* ---| Footer 5 |-------------------------- */
.footer5_content  {
	font-weight: 500;
}
.footer5_content h3,
.footer5_content h4,
.footer5_content h5  {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 5px;
}
.footer5_content .footer-nav li {
	font-size: 124%;
	text-transform: uppercase;
}

@media (min-width: 300px) and (max-width: 991px) {
	.footer5_inner_1,
	.footer5_inner_2,
	.footer5_inner_3,
	.footer5_inner_4,
	.footer5_inner_5 {
		margin-bottom: 30px;
	}
}


/*	============================================================
	Copyright
	============================================================ */

#copyright {
	padding-top: 20px;
	padding-bottom: 20px;
}
.copyright {
}
#copyright a, #copyright a:visited {
	color: ;
	text-decoration: none;
}
#copyright a:hover {
	color: ;
}

/* ---| Copyright 1 |-------------------------- */
.copyright1_content {
	font-size: 12px;
	letter-spacing: 0px;
	text-align: center;
}

/* ---| Copyright 2 |-------------------------- */
.copyright2_content {
	font-size: 12px;
	letter-spacing: 0px;
}

/* ---| Copyright 3 |-------------------------- */
.copyright3_content {
	font-size: 14px;
	letter-spacing: 0px;
}
.copyright3_content ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.copyright3_content ul li {
	display: inline-block;
}
.copyright3_content ul {
	margin-right: 15px;
}
.copyright-sitename {
	display: inline-block;
}

/* pull-right on all except xs devices */
@media (min-width: 992px) {
    .pull-right-sm {
        float: right;
    }
}
@media (min-width: 300px) and (max-width: 991px) {
	.copyright3_content {
		text-align: center;
	}
	.copyright-sitename {
		width: 100%;
	}
	.copyright3_content ul {
		margin-right: 0px;
	}
}
a.btn-copyright,
a.btn-copyright:visited {
	color: !important;
}
.btn-copyright {
	color: !important;
	background-color: ;
	border-color: ;
}
.btn-copyright:hover,
.btn-copyright:focus,
.btn-copyright.focus,
.btn-copyright:active,
.btn-copyright.active,
.open > .dropdown-toggle.btn-copyright {
	color: !important;
	background-color: !important;
	border-color: ;
}


/*	===========================================================
	Kontakt-Formular
	=========================================================== */

	a.btn-send,
	a.btn-send:visited {
		color: #000!important;
	}
	.btn-send {
		color: #000;
		background-color: #CFCFCF;
		border-color: #BABABA;
	}
	.btn-send:hover,
	.btn-send:focus,
	.btn-send.focus,
	.btn-send:active,
	.btn-send.active {
		color: #000!important;
		background-color: #BABABA;
		border-color: #A3A3A3;
	}
	.open > .dropdown-toggle.btn-send {
		color: #000!important;
		background-color: #BABABA;
		border-color: #A3A3A3;
	}

.wpcf7,
.wpcf7 p {
	font-size: 80%;
	font-family: "", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: ;
}
.wpcf7 span.text-danger,
.wpcf7 p span.text-danger {
	font-size: 130%!important;
}
.wpcf7 label,
.wpcf7 p label {
	font-size: 80%;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
}

.wpcf7-text {
}
.wpcf7-text {
	font-family: "", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: ;
    color: #282828!important;
    background-color: rgba(159,159,159,0.15);
    border: 1px solid #565656;
}

.wpcf7-textarea {
	height: 130px!important;
}
.wpcf7-textarea {
	font-family: "", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: ;
    color: #282828!important;
    background-color: rgba(159,159,159,0.15);
    border: 1px solid #565656;
}

.wpcf7-quiz {
	width: 100%;
	height: 40px;
	padding-left: 8px;
}
.wpcf7-quiz {
	font-family: "", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: ;
    color: #282828;
    background-color: rgba(159,159,159,0.15);
    border: 1px solid #EDEDED;
	margin-bottom: 4px;
	font-size: 20px;
	line-height: 19px;
}

.wpcf7 p input[type="submit"] {
	margin-top: 15px;
}

.wpcf7-captchar {
	font-family: "", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: ;
    color: #282828!important;
    background-color: rgba(159,159,159,0.15);
    border: 1px solid #565656;
}

/* ---| Kontaktformular Platzhaltertext |-------------------------- */

.wpcf7 .watermark {
	font-family: "", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: ;
    color: rgba(128,128,128,1.0)!important;
}
::-webkit-input-placeholder {
	font-family: "", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: ;
    color: rgba(128,128,128,1.0)!important;
}
:-moz-placeholder {
	font-family: "", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: ;
    color: rgba(128,128,128,1.0)!important;
}
::-moz-placeholder {
	font-family: "", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: ;
    color: rgba(128,128,128,1.0)!important;
}
:-ms-input-placeholder
    color: black !important;
    font-family:'', sans-serif;
}




/* ---| Kontaktformular Anfrage |-------------------------- */
#wpcf7-f224-p216-o1 {
}
#wpcf7-f224-p216-o1.wpcf7 p {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
	@media (min-width: 300px) and (max-width: 479px) {
		#wpcf7-f224-p216-o1.wpcf7 p {
			font-size: 11px;
			line-height: 1.6;
			letter-spacing: 0em;
	}
	}
	@media (min-width: 480px) and (max-width: 767px) {
		#wpcf7-f224-p216-o1.wpcf7 p {
			font-size: 11px;
		}
	}

#wpcf7-f224-p216-o1 .wpcf7-text {
	color: rgba(102,113,138,1.00);
	background-color: rgba(238,239,242,1.00);
	font-weight: ;
	margin-bottom: 4px;
	border: 0px solid rgba(210,214,222,1.00);
	font-size: 17px;
	line-height: 19px;
}
#wpcf7-f224-p216-o1 .wpcf7-text {
	width: 100%;
	height: 40px;
	padding-left: 8px;
}


#wpcf7-f224-p216-o1 .wpcf7-quiz {
	color: rgba(102,113,138,1.00);
	background-color: rgba(238,239,242,1.00);
	font-weight: ;
	margin-bottom: 4px;
	border: 0px solid rgba(210,214,222,1.00);
	font-size: 17px;
	line-height: 19px;
}
#wpcf7-f224-p216-o1 .wpcf7-quiz {
	width: 100%;
	height: 40px;
	padding-left: 8px;
}
	
#wpcf7-f224-p216-o1 span.your-message textarea {
	color: rgba(102,113,138,1.00);
	background-color: rgba(238,239,242,1.00);
	font-weight: ;
	border: 0px solid rgba(210,214,222,1.00);
	font-size: 17px;
	line-height: 19px;
}
#wpcf7-f224-p216-o1 span.your-message textarea {
	width: 100%;
	height: 150px;
	padding-left: 8px;
	padding-top: 8px;
}

#wpcf7-f224-p216-o1 .wpcf7-submit {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:Arial;
	font-size:15px;
	font-weight: ;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
	#wpcf7-f224-p216-o1 .wpcf7-submit:hover {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
		background-color:#dfdfdf;
	}
	#wpcf7-f224-p216-o1 .wpcf7-submit:active {
		position:relative;
		top:1px;
	}

/* ---| Kontaktformular Platzhaltertext |-------------------------- */

#wpcf7-f224-p216-o1 .wpcf7 .watermark {
	font-family: "", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: ;
    color: rgba(102,113,138,1.00) !important;
}
#wpcf7-f224-p216-o1 ::-webkit-input-placeholder {
	font-family: "", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: ;
    color: rgba(102,113,138,1.00) !important;
}
#wpcf7-f224-p216-o1 :-moz-placeholder {
	font-family: "", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: ;
    color: rgba(102,113,138,1.00) !important;
}
#wpcf7-f224-p216-o1 ::-moz-placeholder {
	font-family: "", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: ;
    color: rgba(102,113,138,1.00) !important;
    font-family:'arial', sans-serif;
}
#wpcf7-f224-p216-o1 :-ms-input-placeholder
    color: black !important;
    font-family:'', sans-serif;
}


/*	============================================================
	ArtikelBilder
	============================================================ */
img.alignright {
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-left: 1em;
	margin-bottom: 0em
}

img.alignleft {
	float: left;
	clear: both;
	margin-top: 6px;
	margin-right: 1em;
	margin-bottom: 0em;
	border: 0px solid;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

a img.alignright {
	float: right;
	padding-top: 2px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 1em;
	margin-bottom: 0em
}

a img.alignleft {
	float: left;
	padding-top: 2px;
	margin-top: 6px;
	margin-right: 1em;
	margin-bottom: 0em;
	margin-left: 0;
	border: 0px solid;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}



/*	============================================================
	Suche
	============================================================ */
/* Bootstrap Form */
/*.navbar-form {
	margin-top: 4px;
}*/


.nav-wrapper .search-form {
    /*position: absolute;
    right: 0px;
    top: 0px;*/
}
.nav-wrapper .search-field {
	color: ;
	font-family: "", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: ;
    background-color: transparent;
    background-image: url(images/search-icon.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border: none;
    cursor: pointer;
    height: 37px;
    margin: 3px 0;
    padding: 0 0 0 34px;
    position: relative;
    -webkit-transition: width 400ms ease, background 400ms ease;
    transition:         width 400ms ease, background 400ms ease;
    width: 0;
}
.nav-wrapper .search-field:focus {
    background-color: #fff;
    border: 2px solid #c3c0ab;
    cursor: text;
    outline: 0;
    width: 230px;
}
.search-form
.search-submit { 
	display:none;
}