a, a:hover, a:focus {text-decoration: none; outline: none !important;color:#9e130e}
	body#tinymce{height:fit-content!important;width100%;}
	.input-group-addon{min-width:150px;}
	.panel.panel-default .panel-heading{background-color:#9e130e; color:#fff;  }
	.panel.panel-default .panel.panel-default .panel-heading{background-color:rgba(158,19,14,0.7); color:#222; }
	.panel.panel-default .panel.panel-default .panel.panel-default .panel-heading{background-color:rgba(158,19,14,0.35);}
	.panel.panel-default .panel.panel-default .panel.panel-default .panel.panel-default .panel-heading{background-color:rgba(158,19,14,0.1);}

	.thumbselect td.weEditmodeStyle button { display:none; }
	/*  ______
	___/ body \_______________________________________________________________________________
	--------------------------------------------------------------------------------------- */
	html, body { font-size:17px; }
	html body {
	position: relative;
	color: #181716;
	background-color:#fff;
	font-family: 'Catamaran',  sans-serif;
	font-size:17px;
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
	}

	/*  ___________________
	___/ content headlines \__________________________________________________________________
	--------------------------------------------------------------------------------------- */

	h1, h2, h3, h4, h5, h6 {margin-top: 20px; margin-bottom: 20px;}

	.content h1, h1 {font-size:42.5px;margin-bottom:15px;}
	.content h2, h2 {font-size:30.6px;margin-bottom:15px;}
	.content h3, h3 {font-size:25.5px;margin-bottom:15px;}
	.content h4, h4 {font-size:21.25px;margin-bottom:15px;}
	.content h5, h5 {font-size:19.55px;margin-bottom:15px;}
	.content h6, h6 {font-size:17px;margin-bottom:15px;}
	.content p {margin-top: 15px;}



	.container.outer,.container-fluid.outer, .outer, .mapsmodule  {padding-left:0px;padding-right:0px;}
	.mapsmodule .row { margin-left:0; margin-right:0; }
	.mapsmodule .content { padding-left:0; padding-right:0; }
	.container-fluid.outer > .row { margin:0; }
	.gutter-vertical{margin-bottom:gutter_vertical}
	.gutter-horizontal{padding-left:gutter_horizontal;padding-right:gutter_horizontal;}
	.navigationitem a{display:inline-block;cursor:pointer;}
	.navbar {margin-bottom:0px; border: 0px solid transparent; }


	#header{border-radius:0px;}
	.fix-nav  {
	position: fixed;width:100%;z-index:1000;
	top: 0px;
	}
	.team {margin:30px 0px;}
	.team.row {margin: 0px -15px;}
	body #header-nav .logoheader{
	background-color:#fff;
	
	font-family: 'Catamaran',   sans-serif;
	}

	/*  _____________
	___/ info header \________________________________________________________________________
	--------------------------------------------------------------------------------------- */
	.infoheader {
	background-color:info_header_bg;
	color: info_header_color;
	}

	.header-contact {
	float: right;
	font-size: 16px;
	padding: 5px 0px;
	}

	.header-contact a {
	color: #181716;
	/*margin-left: 15px;*/
	}

	.header-contact span.element { display:inline-block; margin-right:15px; } 
	.header-contact span.element:last-child { margin-right:0; }

	.infoheader .social, .infoheader .phone { white-space: nowrap; }

	/*  ____________
	___/ box layout \_________________________________________________________________________
	--------------------------------------------------------------------------------------- */
	.box-shadow {
	box-shadow: 0px 0px 30px rgba(0,0,0,0.25)
	}


	/*  _________________________________________
	___/ logoheader + ausrichtung + navbar-brand \____________________________________________
	--------------------------------------------------------------------------------------- */

	.logoheader h1{font-size:19px;}
	.logoheader a h1 {color:#181716;}
	.negative-color{color:#fff;}

	#logo img.logo-center {margin: 10px auto;}

	#logo.logo-oben img.logo {float: none;}
	#logo.logo-rechts img.logo {float: right;}
	#logo.logo-links img.logo {float: left;}

	@media (max-width: 768px){
	.logoheader h1{font-size:17px;}

	.navbar-header{
	background: rgba(255,255,255,0.85);
	box-shadow: 0px 5px 5px rgba(0,0,0,0.15);
	border-top: 5px solid #fff;
	margin-top: -1px;
	}
	}


	.navbar-brand {
	float: left;
	height: 100% !important;
	padding: 15px 15px;
	}


	/*  _________________
	___/ navigation logo \____________________________________________________________________
	--------------------------------------------------------------------------------------- */

	@media (max-width: 768px){
	.navbar-brand img, .logo  {
	height: 80px; width:auto;
	margin: 15px 0px;
	}
	}

	@media (min-width: 768px){
	.navbar-brand img, .logo {
	height: 120px; width:auto;
	margin: 15px 0px;
	}
	}



	/*  ________________________
	___/ navigation ausrichtung \_____________________________________________________________
	--------------------------------------------------------------------------------------- */

	@media (min-width: 768px){
	.nav-right {float: right;}

	.nav-center{float: none; margin: 0px auto; display: table;}

	#headerPane{
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	}
	}


	/*  ________________________
	___/ navigation hintergrund \_____________________________________________________________
	--------------------------------------------------------------------------------------- */

	@media (min-width: 768px){
	.navbar{
	background-color:#fff;
	border: none;
	border-radius: 0px;
	}
	}

	/*  _______________________
	___/ mobile hamburger menu \______________________________________________________________
	--------------------------------------------------------------------------------------- */

	.navbar-toggle .icon-bar {
	background-color:#9e130e!important;
	}

	.navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 8px;
	margin-right: 15px;
	margin-bottom: 8px;
	background-color: #fff;
	background-image: none;
	border: 1px solid #9e130e!important;
	border-radius: 0px;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.25);
	}


	/*  _________________________
	___/ mobile menu hintergrund \____________________________________________________________
	--------------------------------------------------------------------------------------- */
	.navbar-fixed-top	.navbar-collapse {padding-left:15px;padding-right:15px;}

	.navbar-collapse {
	background-color:#fff;
	}

	/*  ___________
	___/ linkfarbe \__________________________________________________________________________
	--------------------------------------------------------------------------------------- */

	.navigationitem a, .navbar-nav>li>a { 
	color: #9e130e!important;
	transition: 500ms ease-in-out;
	}

	/*  _________________________
	___/ linkfarbe + hintergrund \____________________________________________________________
	--------------------------------------------------------------------------------------- */

	.navigationitem a:hover, .navigationitem a:active, .navigationitem a:focus,
	.nav .open>a, .nav .open>a:active, .nav .open>a:focus, 	.navbar-nav>li>a:hover,
	.navbar-nav>li>a:active, .navbar-nav>li>a:focus, .navigationitem.current a:link, .navigationitem.current a:visited {
	color: #fff!important;
	background-color: #9e130e!important;
	transition: 500ms ease-in-out;
	}

	/*  _______________
	___/ dropdown menu \______________________________________________________________________
	--------------------------------------------------------------------------------------- */

	.dropdown-menu {
	padding: 0px !important;
	margin: 0px !important;
	border: none !important;
	border-radius: 0px !important;
	background-color: #9e130e!important;
	}


	/*  _____________________
	___/ dropdown menu links \________________________________________________________________
	--------------------------------------------------------------------------------------- */

	.dropdown-menu>li>a {
	padding: 10px 20px !important;
	color: #FFFFFF!important;
	}


	/*  ___________________________________
	___/ dropdown menu links + hintergrund \__________________________________________________
	--------------------------------------------------------------------------------------- */

	.dropdown-menu>li>a:hover, .dropdown-menu>li>a:active, .dropdown-menu>li>a:focus {
	color: #eee!important;
	background-color: #666!important;
	}




	/*  __________________________________
	___/ my carousel - bootstrap - slider \___________________________________________________
	--------------------------------------------------------------------------------------- */

	@media(max-width:768px){
	#myCarousel .carousel, #myCarousel .item, #myCarousel .item .active {
	height: 230px;
	}
	#myCarousel .carousel.customheight, #myCarousel.customheight .item, #myCarousel.customheight .item .active {
	height: auto;
	min-height:100px;
	}
	}

	@media(min-width:768px){
	#myCarousel .carousel, #myCarousel .item, #myCarousel .item .active {
	height: 600px;
	}
	#myCarousel .carousel.customheight, #myCarousel.customheight .item, #myCarousel.customheight .item .active {
	height: auto;
	min-height:200px;
	}
	}

	#headerCarousel .carousel, #headerCarousel .item, #headerCarousel .item .active {
	height:calc(100vh - 150px);	}
	
	@media(max-width: 768px){
		#headerCarousel .carousel, #headerCarousel .item, #headerCarousel .item .active {
		height: 500px;
		height:31vw	}
	}

	.carousel-inner {
	height: 100%;
	}

	.fill {
	height: 100%;
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: -1;
	}

	.slider-headline {
	height: 100%;
	display: table;
	width: 100%;
	color: #fff;
	text-shadow: 
	1px 1px 1px #292929, 
	1px -1px 1px #292929, 
	-1px 1px 1px #292929,  
	-1px -1px 1px #292929;
	}

	.slider-headline div.h1 span, .slider-headline div.h2 span { display:inline-block; padding:3px 6px; }
	@media(max-width: 768px){
	.slider-headline h1, .slider-headline div.h1 {
	font-size: 26px;
	}
	.slider-headline h2, .slider-headline div.h2 {
	font-size: 20px;
	}
	}

	@media(min-width: 768px){
	.slider-headline h2, .slider-headline div.h1 {
	font-size: 50px;
	}

	.slider-headline h2, .slider-headline div.h2 {
	font-size: 35px;
	}
	}

	.carousel-control.left,
	.carousel-control.right{
	background-image: none;
	}

	#myCarousel .carousel-control, 
	#myCarousel .carousel-indicators,
	#headerCarousel .carousel-control, 
	#headerCarousel .carousel-indicators {
	opacity: 0;
	transition: 500ms ease-in-out;
	}

	#myCarousel:hover .carousel-control,
	#myCarousel:hover .carousel-indicators,
	#headerCarousel:hover .carousel-control,
	#headerCarousel:hover .carousel-indicators{
	color: #fff;
	text-decoration: none;
	outline: 0;
	opacity: 1;
	transition: 500ms ease-in-out;
	}

	.carousel-indicators {
    bottom: 5px;
	}



	/*  ____________________________________
	___/ my carousel - slider - fade effekt \_________________________________________________
	--------------------------------------------------------------------------------------- */

	.carousel-fade .carousel-inner .item {
	opacity: 0.7;
	transition-property: opacity;
	}

	.carousel-fade .carousel-inner .active {
	opacity: 1;
	}

	.carousel-fade .carousel-inner .active.left,
	.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0.7;
	z-index: 1;
	}

	.carousel-fade .carousel-inner .next.left,
	.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
	}

	.carousel-fade .carousel-control {
	z-index: 2;
	}

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




	/*  _________________________________________
	___/ my carousel - slider - ken burns effekt \____________________________________________
	--------------------------------------------------------------------------------------- */

	.carousel .item.kb .fill{
	-webkit-transition: all 15s;
	-moz-transition: all 15s;
	-o-transition: all 15s;
	transition: all 15s;
	}
	.carousel .item.active .fill,
	.carousel .item.kb .fill {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	}
	.carousel .item.kb.active .fill {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	}
 .carousel .item.kb.active .fill.noscale {  
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	}

	/*  _____________________________________
	___/ slider headlines animations effekte \________________________________________________
	--------------------------------------------------------------------------------------- */
	.animated {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	}

	@-webkit-keyframes fadeInUp {
	from {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	}

	to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
	}
	}

	@keyframes fadeInUp {
	from {
	opacity: 0;
	-webkit-transform: translate3d(0, 15%, 0);
	transform: translate3d(0, 15%, 0);
	}

	to {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
	}
	}

	.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	}




	/*  ______________________
	___/ teammitglieder cards \_______________________________________________________________
	--------------------------------------------------------------------------------------- */

	.card.floatingbox-right{
	float: right;
	position: fixed;
	right: 0px;
	width: 300px;
	top: 14%;
	z-index: 10000;
	background-color: #fff;
	}

	.card {
	overflow: hidden;
	padding: 0;
	border: none;
	border-radius: .28571429rem;
	box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
	}
	.card:hover{
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	}

	.intro .card{padding:5px;}
	.card-bg-primary{
	padding: 10px; 
	background-color:#9e130e!important;
	color:#fff	}

	.card-block {
	position: relative;
	margin: 0;
	padding: 1em;
	border: none;
	border-top: 1px solid rgba(34, 36, 38, .1);
	box-shadow: none;
	height:255px;
	background: #fff;
	}

	.card-img-top {
	display: block;
	width: 100%;
	height: auto;
	}

	.card-title {
	font-size: 1.28571429em;
	font-weight: 700;
	line-height: 1.2857em;
	}

	.card-text {
	clear: both;
	margin-top: .5em;
	color: rgba(0, 0, 0, .68);
	}

	.card-footer {
	font-size: 1em;
	position: static;
	top: 0;
	left: 0;
	max-width: 100%;
	padding: .75em 1em;
	color: rgba(0, 0, 0, .4);
	border-top: 1px solid rgba(0, 0, 0, .05) !important;
	background: #fff;
	}

	.card-inverse .btn {
	border: 1px solid rgba(0, 0, 0, .05);
	}


	.card h4 {
	font-weight: bold;
	color: #9e130e	}

	.card-footer {
	color: #9e130e	}

	.profile {
	position: absolute;
	top: -12px;
	display: inline-block;
	overflow: hidden;
	box-sizing: border-box;
	width: 25px;
	height: 25px;
	margin: 0;
	border: 1px solid #fff;
	border-radius: 50%;
	}

	.profile-avatar {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 50%;
	}

	.profile-inline {
	position: relative;
	top: 0;
	display: inline-block;
	}

	.profile-inline ~ .card-title {
	display: inline-block;
	margin-left: 4px;
	vertical-align: top;
	}

	.text-bold {
	font-weight: 700;
	}

	.meta {
	font-size: 1em;
	color: rgba(0, 0, 0, .4);
	}

	.meta a {
	text-decoration: none;
	color: rgba(0, 0, 0, .4);
	}

	.meta a:hover {
	color: rgba(0, 0, 0, .87);
	}
	.currDay{}



	/*  _________________________
	___/ submenu - dropdown menu \____________________________________________________________
	--------------------------------------------------------------------------------------- */

	.dropdown-submenu {
	position: relative;
	}

	.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
	}

	.dropdown-submenu:hover>.dropdown-menu {
	display: block;
	}

	.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #ccc;
	margin-top: 5px;
	margin-right: -10px;
	}

	.dropdown-submenu:hover>a:after {
	border-left-color: #fff;
	}

	.dropdown-submenu.pull-left {
	float: none;
	}

	.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
	}


	/*  ________________
	___/ call to action \_____________________________________________________________________
	--------------------------------------------------------------------------------------- */

	.call-to-action {display: table; width: 100%;}
	.position-n {
	padding: 30px;
	text-align: center;
	display: table-cell;
	vertical-align: top;
	}

	/*  _____________________________
	___/ call to action - positionen \________________________________________________________
	--------------------------------------------------------------------------------------- */
	.position-ne{
	padding: 30px 0;
	vertical-align: top;
	text-align: right;
	top: 0;
	display: table-cell;
	}

	.position-e {
	padding: 30px 0;
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	}

	.position-se {
	padding: 30px 0;
	vertical-align: bottom;
	text-align: right;
	bottom: 0;
	display: table-cell;
	}

	.position-s {
	padding: 30px 0;
	text-align: center;
	display: table-cell;
	vertical-align: bottom;
	}

	.position-sw {
	position: absolute;
	padding: 30px 0;
	vertical-align: bottom;
	text-align: left;
	bottom: 0;
	display: table-cell;
	}

	.position-w {
	padding: 30px 0;
	left: 0;
	display: table-cell;
	vertical-align: middle;
	}

	.position-nw {
	position: absolute;
	padding: 30px 0;
	vertical-align: top;
	text-align: left;
	top:0;
	display: table-cell;
	}

	.position-center {
	text-align: center;
	padding: 30px 0;
	display: table-cell;
	vertical-align: middle;
	}

	/*  ____________________
	___/ btn call to action \_________________________________________________________________
	--------------------------------------------------------------------------------------- */

	.btn-link-event {
	border: 1px solid rgba(133,132,136,0.3);
	background-color:#fff;
	padding: 10px 20px; 
	margin-top: 30px;
	/* letter-spacing: 2px;*/
	font-size:15.3px;
	font-weight:600;
	color: #9e130e!important;
	transition: 500ms ease-in-out;
	}

	.btn-link-event:hover {
	border: 1px solid rgba(133,132,136,0.5);
	background-color: #9e130e!important;
	color: #fff;
	transition: 500ms ease-in-out;
	}


	/*  ______________
	___/ openingtimes \_______________________________________________________________________
	--------------------------------------------------------------------------------------- */

	.openingtimes .row! > .currDay { background-color:#121212; }
	.openingtimes .row {
	background: #fff;
	border: 1px solid rgba(0,0,0,0.25);
	margin: 3px 0px;
	padding: 10px 0px;
	}

	.weekday-width {
	width: 100px;
	display: inline-block;
	}

	.openingtime-clue {
	margin-top: 15px;
	}


	/*  __________________________________
	___/ my scroll spy - seitennavigation \___________________________________________________
	--------------------------------------------------------------------------------------- */

	#myScrollspy {
	position: absolute;
	z-index: 1000;
	right: 15px;
	text-align: right;
	}


	#myScrollspy .nav li {
	background-color: rgba(158,19,14,0.5); 	transition: background-color 0.5s ;   
	padding: 3px;margin:5px
	}

	/*#myScrollspy .nav li a i {
	position: relative;background-color: rgba(158,19,14,0.5); transition: background-color 0.5s;  
	top: -1px;}*/

	#myScrollspy .nav li:hover {
	background-color: rgba(158,19,14,0.8); transition: background-color 0.5s;    
	}

	#myScrollspy ul.nav-tabs li a {display:inline-block;color: rgba(255,255,255,1);   
	width: 100%;
	height: 100%;
	margin: 0px;
	line-height: 34px;
	cursor: pointer;}


	#myScrollspy ul.nav-tabs li a:hover,	
	#myScrollspy ul.nav-tabs li a:focus	, 
	#myScrollspy ul.nav-tabs li a:active {background-color: transparent ;
	color: rgba(255,255,255,1);

	}

	#myScrollspy ul.nav-tabs li.active {background-color: rgba(158,19,14,0.8);}
	#myScrollspy ul.nav-tabs li.active a:hover {background-color: rgba(133,132,136,0.1);}*/


	ul.nav-tabs {
	width: auto;
	margin-top: 20px;
	border-radius: 10px 0px 0px 10px;
	background: transparent;
	z-index: 999;
	border: 0px;
	box-shadow: none;
	}

	ul.nav-tabs li {
	margin: 0;
	border-top: none;
	}

	ul.nav-tabs li:first-child {
	border-top: none;
	}

	ul.nav-tabs li a {
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border-radius: 0;
	color: #343434;
	}

	ul.nav-tabs li.active a, 
	ul.nav-tabs li.active a:hover {
	color: #343434;
	background: transparent;
	border: none;
	font-weight: normal;
	}

	ul.nav-tabs li:first-child a {
	border-radius: 0px;
	}

	ul.nav-tabs li:last-child a {
	border-radius: 0px;
	}

	ul.nav-tabs.affix {
	top: 30% ; /* set the top position of pinned element */
	right: 0px;
	display:block;
	}

	ul.nav-tabs.affix-top {visibility:hidden;}

	.nav-tabs {
	border-bottom: 0px !important;
	}


	.nav>li>a:hover, .nav>li>a:focus {
	text-decoration: none;
	}

	.nav-tabs>li>a:hover {
	border-color: none !important;
	border: none !important;
	}

	.nav-tabs>li>a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 0px solid transparent !important;
	border-radius: 0px;
	}

	ul.nav-tabs li.active a:after {
	/*content: "\f192";
	font: normal normal normal 14px/1 FontAwesome;
	padding-left: 10px;*/
	}

	ul.nav-tabs li a:after {
	/*	content: "\f111";
	font: normal normal normal 14px/1 FontAwesome;
	padding-left: 10px;*/
	}



	/*  _____________
	___/ testimonial \________________________________________________________________________
	--------------------------------------------------------------------------------------- */

	.testimonial ul {
	padding-left: 22px;
	}

	.testimonial ul li{
	margin: 10px 0px;
	}

	.img-border {
	border: 3px solid #9e130e;
	border-radius: 3px;
	}


	/*  ____________
	___/ breadcrumb \_________________________________________________________________________
	--------------------------------------------------------------------------------------- */
	.breadcrumbWrapper {
	background-color: #fbfbfb;
	}

	.breadcrumb {
	padding: 10px 0px;
	list-style: none;
	border-radius: 0px;
	font-size: 14px;
	margin-bottom: 0px;
	background: none;
	}

	.breadcrumb .fa {
	font-size: 18px;
	}

	.breadcrumb a {
	color: rgba(158,19,14,1)!important;
	}


	/*  _________
	___/ youtube \____________________________________________________________________________
	--------------------------------------------------------------------------------------- */
	.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
	.youtube {
	position: relative;
	padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	height: 0;
	overflow: hidden;
	}

	.fa {padding:3px;}
	
	
	/*  ________
	___/ buttons \_____________________________________________________________________________
	--------------------------------------------------------------------------------------- */
.btn-primary {
    color: rgba(255,255,255,1);
    background-color: rgba(158,19,14,1);
    border-color: #666;
	
}
.btn-primary:hover {
    color: rgba(255,255,255,1);
    background-color: rgba(158,19,14,0.8);
    border-color: #999;
}
.btn-primary:active, .btn-primary:focus, .btn-primary:active:focus, .btn-primary:active:hover {
    color: rgba(255,255,255,0.9);
    background-color: rgba(158,19,14,0.8);
    border-color: #777;
}
	

	/*  ________
	___/ teaser \_____________________________________________________________________________
	--------------------------------------------------------------------------------------- */
	.teaser{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	}
.row.teaser:before,
.row.teaser:after {
   content: normal; // IE doesn't support `initial`
	width:0;
}
	@media (min-width: 768px){
	.teaser_item {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	}
	}

	.teasercontent {
	padding: 25px;
	border-radius: .25rem;
	margin: 15px 0px;
	box-shadow: 0px 3px 10px rgba(0,0,0,0.2);
	width:100%;
	}
		.teaser img { width:auto; height:90px; }
	
	@media (max-width: 768px){
	.teaser img {height: 90px; margin-bottom: 20px;}
	.teaser .fa {font-size: 55px; margin-bottom: 20px; color: #9e130e;}
	}

	@media (min-width: 768px){
	.teaser img {height: 90px; margin-bottom: 20px;}
	.teaser .fa {font-size: 75px; margin: 15px 0px; color: #9e130e;}
	}


	
	.teasercontent .btn-link-event {
	border: 1px solid rgba(133,132,136,0.3);
	background-color:#fff;
	padding: 5px 20px; 
	margin-top: 10px;
	letter-spacing: 2px;
	color: #9e130e!important;
	transition: 500ms ease-in-out;
	}

	.teasercontent .btn-link-event:hover {
	border: 1px solid rgba(133,132,136,0.5);
	background-color: #9e130e!important;
	color: #fff!important;
	transition: 500ms ease-in-out;
	}


	/*  ______________________________
	___/ team-modul card mit modalbox \_______________________________________________________
	--------------------------------------------------------------------------------------- */
	@media (max-width: 768px){
	.modal-body {
	height: 100%;
	overflow-y: auto;
	}
	}

	@media (min-width: 768px) {
	.modal-dialog {
	width: 60%;
	margin: 30px auto;
	}
	}

	.team .modal-body {
	position: relative;
	padding: 0px;
	}
	.team .modal-body .md-close.top { margin:0 0 5px 0; padding:10px 15px 5px 15px; text-align:left; }

	.team .modal-body h4 {
	font-size:25.5px;
	color:#9e130e;
	margin:15px 0px;
	font-weight: 300;
	opacity: 0.8;
	border-radius: 3px 3px 0 0;
	}

	.md-content button {
	display: block;
	margin: 0 auto;
	font-size: 17px!important;
	}

	.md-trigger, .md-close { 
	border: 1px solid #fff!important;
	background-color:#fff;
	padding: 5px 20px; 
	margin-top: 10px;
	letter-spacing: 2px;
	color: #9e130e!important;
	transition: 500ms ease-in-out;
	width: 100%;
	}

	.md-trigger:hover, .md-close:hover {
	border: 1px solid #fff!important;
	background-color: #9e130e!important;
	color: #fff!important;
	transition: 500ms ease-in-out;
	}
	.md-trigger:active, .md-close:active, .md-trigger:focus, .md-close:focus { outline:none!important;}  

	/*  ______________________
	___/ team-modul accordion \_______________________________________________________________
	--------------------------------------------------------------------------------------- */
	.accordion {
	overflow: hidden;
	padding: 0;
	border: none;
	border-radius: .28571429rem;
	box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
	background: #fff;
	}

	.accordion-group .accordion {
	border-radius: 0;
	box-shadow: none;
	border-color: #EEEEEE;
	padding: 30px 0px 10px;
	}

	.accordion-default > .accordion-heading {
	padding: 20px 0px 10px;
	border-radius: 0;
	color: #212121;
	border-color: #EEEEEE;
	}

	.accordion-heading h3 {
	font-size:25.5px;
	}

	.accordion-title h4 {
	font-size:21.25px;
	margin-top: 10px;

	}

	.accordion-heading > a {
	display: block;
	text-decoration: none;
	}

	.accordion-heading > a:focus {
	color: #9e130e!important;
	}

	.more-less {
	color: #9e130e!important;
	font-size: 17px!important;
	}

	.accordion-default > .accordion-heading + .accordion-collapse > .accordion-body {
	border-top-color: #EEEEEE;
	}



	/*  _________
	___/ gallery \_____________________________________________________________________________
	--------------------------------------------------------------------------------------- */
	.gallery-item {
	background-color: #f0f0f0;
	position: relative;
	float: left;
	}

	.gal-item .gal-box{
	height: 350px;
	overflow: hidden;
	}

	.gallery-box  img {
	object-fit: cover;
	-o-object-fit: cover;
	height: 100%;
	width: 100%;
	}

	.modal-body  img {
	object-fit: cover;
	-o-object-fit: cover;
	height: auto;
	width: 100%;
	}

	.gallery .overlay {
	position: relative;
	height: 40px;
	bottom: 40px;
	padding: 10px 15px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	text-align: left;
	}

	.gallery .modal-overlay {
	position: relative;
	height: 40px;
	top: 0px;
	padding: 10px 15px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	text-align: left;
	}

	.gallery-item a {
	display: table;
	position: relative;
	width: 100%;
	height: 100%;
	}
	.gallery-item a:hover::after {
	opacity: 1;
	}



	.modal-open{overflow:auto;padding-right:0 !important;}

	.modal-open .gallery-item.modal-body{
	padding: 0px;
	}

	.modal-open .gallery-item button.close{
	position: absolute;
	width: 25px;
	height: 25px;
	background-color: #000;
	opacity: 1;
	color: #fff;
	z-index: 999;
	right: -12px;
	top: -12px;
	border-radius: 50%;
	font-size: 15px;
	border: 2px solid #fff;
	line-height: 0px;
	-webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);
	}
	.modal-open .gal-item button.close:focus{
	outline: none;
	}
	.modal-open .gal-item button.close span{
	position: relative;
	top: -3px;
	font-weight: lighter;
	text-shadow:none;
	}



	.modal-open .gallery .modal{
	background-color: rgba(0,0,0,0.4);
	}

	.gallery .modal-dialogue{
	width: 65%;
	}

	.gallery .modal.fade .modal-dialog {
	-webkit-transform: scale(0.1);
	-moz-transform: scale(0.1);
	-ms-transform: scale(0.1);
	transform: scale(0.1);
	top: 100px;
	opacity: 0;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	transition: all 0.1s;
	}

	.gallery .modal.fade.in .modal-dialog {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transform: translate3d(0, -100px, 0);
	transform: translate3d(0, 0px, 0);
	opacity: 1;
	}


	@media (min-width: 768px) {
	.gallery .modal-dialog {
	width: 65%;
	margin: 50 auto;
	}
	.gallery-item a:after  {
	content: "\f002";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.75);
	/*position: absolute;
	left: 0px;
	top: 0px;*/
	text-align: center;
	font-size: 30px;
	color: #fff;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
	cursor: pointer;
	height: 100%;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	/* padding-top: calc(14% - 30px);*/

	}
	}
	@media (max-width: 768px) {
	.gallery .modal-content{
	height:auto;
	}
	.gallery-item a:after {
	content: "\f002";
	font-family: "Font Awesome 5 Free";
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.75);
	/*position: absolute;
	left: 0px;
	top: 0px; */
	text-align: center;
	font-size: 30px;
	color: #fff;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
	cursor: pointer;
	height: 100%;
	width: 100%;
	vertical-align: middle;
	display:table-cell;
	/*padding-top: calc(8% - 30px);*/

	}
	}

	/*  ________
	___/ footer \_____________________________________________________________________________
	--------------------------------------------------------------------------------------- */

	#footerPane {
		padding: 15px 0px;
	background-color:#00000026;
	}

	.footer-copyright {
	background-color: #181716!important;
	color: rgba(255,255,255,0.8)!important;
	padding: 20px 0px 10px;
	}

#footerPane a{
	color: footer_contact_linkcolor;
	text-decoration:underline;
	}
	#footer-elements {
	z-index: 2;
	color: #181716!important;
	}
	#footer-elements h3 { margin-top:0; }
	#footer-elements .column.col-md-4 { margin-bottom: 25px; }
	#footerlogo img {
	position: absolute;
	opacity: 0.10;
	height: footer_logosizepx;
	bottom: 60px;
	right: 0;
	z-index: 1;
	}

	.imageleiste img {
	width: 100%;
	}

/*  ________
	___/ tabs \_____________________________________________________________________________
	--------------------------------------------------------------------------------------- */
	.tab-button-list li:hover,.tab-button-list li.selected{
	background-color: #9e130e;
	color: #fff;
		cursor: pointer
	
	}

	/*      _________
	___/ custom css \________________________________________________________________________
	--------------------------------------------------------------------------------------- */
	.text-center { text-align: center; }
body #header-nav .logoheader { display:none; }
.navbar-brand { padding-bottom:0; }
ul#navigation { margin-top:30px; }
.navbar-brand img { padding:0 0 0 5px; margin:0; }
ul#navigation { margin-top:30px; }
#navigation { font-variant: small-caps; font-size:22px; }
.navbar-collapse { margin-bottom:2px;}
#header-nav #logo.logo-rechts img.logo { margin-bottom:0; }
.slider-headline div.h1 span, .slider-headline div.h2 span { /*background-color:rgba(0,0,0,0.7);*/ /*padding-left:200px; font-variant: small-caps;*/
	color: #fff;
	/*text-shadow: 
	1px 1px 3px rgba(0,0,0,0.5), 
	1px -1px 3px rgba(0,0,0,0.5), 
	-1px 1px 3px rgba(0,0,0,0.5),  
	-1px -1px 3px rgba(0,0,0,0.5);*/
text-shadow: 
	1px 1px 10px rgba(0,0,0,0.8);
font-weight:normal;
text-transform:uppercase;
 }
.slider-headline div.h1 span { font-size:3rem; /*60px;*/ }
.slider-headline div.h2 span { font-size:2.25rem; /*50px;*/ }
.container-fluid.outer.navbar { box-shadow: 0px 1px 4px #eee;  /* border-bottom: 2px #9e130e solid; */ } 
.content.intro.row { padding-bottom:0px; padding-top:0; margin-bottom:0; margin-top:0; }
.content h1 { color:#9e130e; text-transform: uppercase; }
.content h2 { color:#444; text-transform: uppercase; }
.content.call-to-action h1, .content.call-to-action h2, .content.call-to-action h3 { background-color:#9e130e ; padding:5px 10px; display:inline-block;}

.gedanken-visionen #headerCarousel .slider-headline h2, .slider-headline div.h1 {
    color: #9e130e;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60%;
    margin: 0 auto;
}
.gedanken-visionen .slider-headline div.h1 span {
  font-size: clamp(3rem, 2.5385rem + 2.0513vw, 5rem);
  line-height: clamp(4.25rem, 3.6154rem + 2.8205vw, 7rem);
  color: #9e130e;
}


.content.intro.row h1.left { 
    margin-top:0; margin-bottom: 0;;
    padding:0px 0; 
    color:rgba(255,255,255,0.7); 
    font-size:2rem; 
    font-size: clamp(1rem, 0.0769rem + 4.1026vw, 5rem);
    transform: translate(0px, -4.5rem);
    transform: translate(0px, clamp(-5.5rem, calc(-1.8077rem - 3.0769vw), -2.5rem));
    font-weight: 600;
    text-shadow: 1px 1px 3px rgb(0, 0, 0, 0.25);
}
.content.intro.row h2 {  
    margin-top: 1.5rem;
    font-size:2rem; 
    font-size: clamp(1rem, 0.5385rem + 2.0513vw, 3rem);
    transform: translate(0px, -4.5rem);
    transform: translate(0px, clamp(-5.5rem, calc(-1.8077rem - 3.0769vw), -2.5rem));
    font-weight: 300;
    text-transform:none; 
    color:#9e130e; 
}
.content.intro.row h2 + p { margin-top:50px; }

.team .card {
  border-radius: 0;
}
.team img.card-img-top {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
  object-position: top;
}

.card.team .card-text { display:none; }
.card.team .card-block{ height:80px; }
.team h4.card-title { text-align:center; margin-top:0; }
.team .card-footer { text-align:center; }
.team .card-footer span.float-right { text-transform:uppercase; color:#181716;  }
.modal-body p span.label { color:#858488; margin:0; padding:0; font-size:1em; font-weight:normal; }

.cross-heading h1, .cross-heading h2 { text-align:center; color:#9e130e; }

.teasercontent { box-shadow: none; }

.home .teaser_item .teasercontent, .teaser_item .teasercontent { padding:0 0 0 0; }
.teaser_item .teasercontent p.teasertext { padding:8px 5px 5px 5px; }
.home .teaser_item .teasercontent img, .teaser_item .teasercontent img  { width:100%; max-width:100%; height:auto; margin-bottom:0; }
.home .teaser_item .teasercontent h2, .teaser_item .teasercontent h2, .home .teaser_item .teasercontent h3, .teaser_item .teasercontent h3 { margin:0 0 0 0; font-weight: 300; padding: 5px 15px; font-size:1.25rem; line-height:1.5rem; text-transform: uppercase; }
.teaser_item .teasercontent h2 a, .teaser_item .teasercontent h3 a, .teaser_item .teasercontent p { color:#666; text-decoration:none; }
.teaser_item .teasercontent h2 a:hover, .teaser_item .teasercontent h2 a:focus, .teaser_item .teasercontent h3 a:hover, .teaser_item .teasercontent h3 a:focus { color:#9e130e; text-decoration:none; }
.teaser_item .btn.btn-link-event { display:none; }
.teaser-centered .teaser { justify-content:center; }
.teasercontent:hover img {
    -webkit-filter: brightness(0.5) drop-shadow(1px 1px 3px rgba(0,0,0,0.5));
    -moz-filter: brightness(0.5) drop-shadow(1px 1px 3px rgba(0,0,0,0.5));
    filter: brightness(0.5) drop-shadow(1px 1px 3px rgba(0,0,0,0.5));
}

.teaser .fa {
    font-size: 55px;
    margin: 20px 0px;
}


.project-description .testimonial col-md-6 {
    color: #333;
}
.project-description .testimonial h3 {
    color: #666;
    font-weight: 300;
}

.centered-col .col-xs-4.centered-col { margin-left:33.33333333%; }
.centered-col .col-xs-6.centered-col { margin-left:25%; }
.centered-col .col-xs-8.centered-col { margin-left:16.66666667%; }

.red { color:#9e130e ; }

.btn-primary {
  color: rgba(255,255,255,1);
  background-color: rgba(158,19,14,1);
  border-color: #9e130e;
  border-radius: 0;
}
.btn-primary:hover {
  color: rgba(255,255,255,1);
  background-color: #181716;
  border-color: #181716;
  border-radius: 0;
}

.btn.btn-info {
  color: rgba(255,255,255,1);
  background-color: rgba(0,0,0,0.9);
  border-color: rgba(0,0,0,0.95);
  border-radius: 0;
}
.btn.btn-info:hover {
  color: rgba(255,255,255,1);
  background-color: rgba(158,19,14,1);
  border-color: rgba(158,19,14,0.9);
  border-radius: 0;
}
.btn.btn-info:active, .btn.btn-info:focus  {
  color: rgba(255,255,255,1);
  background-color: rgba(158,19,14,0.9);
  border-color: rgba(158,19,14,0.8);
  border-radius: 0;
}

.os-map {
  position:relative;
}
.os-map .btn.btn-info {
  position:absolute;
  bottom:20px;
  left:50%;
  transform: translateX(-50%);
  font-size:0.9rem;
  display:none;
}
.os-map:hover .btn.btn-info, .os-map .btn.btn-info:hover, .os-map .btn.btn-info:focus, .os-map .btn.btn-info:active  {
  display:block;
}
.os-map .osm-credits {
  position:absolute;
  bottom:0;
  right:0;
  font-size:0.8rem;
  background-color:rgba(255,255,255,0.75);
  display:inline-block;
}


#footerPane {
  margin-top: 30px;
  padding-top: 50px;
}
#footer-elements h3 {
  font-weight: 300;
}
#footer-elements a {
  text-decoration: none;
}
#footer-elements a:hover {
  text-decoration: none;
  font-weight: 700;
}
.footer-copyright {
  font-weight: 300;
}

@media (max-width: 768px) { 
  #headerCarousel .carousel, #headerCarousel .item, #headerCarousel .item .active { width:100%; height:auto; aspect-ratio: 19 / 8;  }
}

@media (min-width: 768px) { 
  #headerCarousel .carousel, #headerCarousel .item, #headerCarousel .item .active { width:100%; height:auto; aspect-ratio: 19 / 8;  }
.centered-col .col-sm-6.centered-col { margin-left:25%; }
.centered-col .col-sm-8.centered-col { margin-left:16.66666667%; }
}

@media (min-width: 992px) { 
  #headerCarousel .carousel, #headerCarousel .item, #headerCarousel .item .active { width:100%; height:auto; aspect-ratio: 19 / 8;  }
.centered-col .col-md-4.centered-col { margin-left:33.33333333%; }
.centered-col .col-md-6.centered-col { margin-left:25%; }
.centered-col .col-md-8.centered-col { margin-left:16.66666667%; }
}

@media (min-width: 1200px) { 
   #headerCarousel .carousel, #headerCarousel .item, #headerCarousel .item .active { width:100%; height:auto; aspect-ratio: 19 / 8;  }
.centered-col .col-lg-4.centered-col { margin-left:33.33333333%; }
.centered-col .col-lg-6.centered-col { margin-left:25%; }
.centered-col .col-lg-8.centered-col { margin-left:16.66666667%; }
}

@media (min-width: 1600px) { 
   #headerCarousel .carousel, #headerCarousel .item, #headerCarousel .item .active { width:100%; height:auto; aspect-ratio: 19 / 8;  }
}