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

	.thumbselect td.weEditmodeStyle button { display:none; }
	/*  ______
	___/ body \_______________________________________________________________________________
	--------------------------------------------------------------------------------------- */
	html body {
	position: relative;
	color: #404040;
	background-color:#FFFFFF;
	font-family: 'Quicksand',  sans-serif;
	font-size:18px;
	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 {font-size:45px;margin-bottom:0px 0px .75rem 0px;}
	.content h2 {font-size:36px;margin-bottom:0px 0px .75rem 0px;}
	.content h3 {font-size:31.5px;margin-bottom:0px 0px .75rem 0px;}
	.content h4 {font-size:27px;margin-bottom:0px 0px .75rem 0px;}
	.content h5 {font-size:22.5px;margin-bottom:0px 0px .75rem 0px;}
	.content h6 {font-size:18px;margin-bottom:0px 0px .75rem 0px;}
	.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; }
	.googlemapscanvas{background-color:#e0e0e0;}
	.container-fluid.outer > .row { margin:0; }
	.gutter-vertical{margin-bottom:30px}
	.gutter-horizontal{padding-left:15px;padding-right:15px;}
	.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:#FFFFFF;
	
	font-family: 'inherit',   sans-serif;
	}

	/*  _____________
	___/ info header \________________________________________________________________________
	--------------------------------------------------------------------------------------- */
	.infoheader {
	background-color:#f5f5f5;
	color: #404040;
	}

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

	.header-contact a {
	color: #404040;
	/*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:20px;}
	.logoheader a h1 {color:#FFFFFF;}
	.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:fontsize_mobile_headerpx;}

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


	.navbar-brand {
	float: left;
	height: 100% !important;
	padding: 15px 15px;
	}
	
	.header-overlay{
	  position: absolute;
    z-index: 100;
    width: 100%;
	
	}
	.header-overlay .navbar{background-color:transparent;}
	.header-overlay .navbar .navbar-collapse{background-color:transparent;}
.header-overlay .container.outer{width:100%}

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

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

	@media (min-width: 768px){
	.navbar-brand img, .logo {
	height: 100px; 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:#215392;
	border: none;
	border-radius: 0px;
	}
	}

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

	.navbar-toggle .icon-bar {
	background-color:#215392!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 #215392!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:#215392;
	}

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

	.navigationitem a, .navbar-nav>li>a { 
	color: #FFFFFF!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: #215392!important;
	background-color: #eeeeee!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: #215392!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: #215392!important;
	background-color: dropdownlinkhoverbg!important;
	}



	/*  __________________________________
	___/ form - bootstrap - slider \___________________________________________________
	--------------------------------------------------------------------------------------- */
	.form{    margin: 25px 0px;
	padding: 0px;}


	/*  __________________________________
	___/ 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:600px;	}

	@media(max-width: 768px){
	#headerCarousel .carousel, #headerCarousel .item, #headerCarousel .item .active {
	height: 500px;
	height:230px	}
	}

	.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;
	}

	
	/*  ______________
	___/ video-header \____________________________________________
	--------------------------------------------------------------------------------------- */
	
	.videoContainer 
	{
		position:relative;
		height:100%;
		width:100%;
		overflow: hidden;
	}

	.videoContainer video 
	{
		min-width: 100%;
		min-height: 100%;
		display:block;
		width: 100%; 
		position: relative;
	}
	
	.videoContainer .overlay
	{
		position: absolute;
		top: 0px;
		left: 0px;
		background-color: rgba(0,0,0,0.53);
		width: 100%;
		height: 100%;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAH0lEQVQYV2NkQAX/GZH4/xkYGBhhAmAOSBJEwDkgAQCCrgQEjpMcPgAAAABJRU5ErkJggg==) repeat;
	}
	.videoContainer .overlay .videocaption { }


	/*  ______________________
	___/ News cards \_______________________________________________________________
	--------------------------------------------------------------------------------------- */
.news.cards.row .col-outer { padding:0; }

	
	/*  ______________________
	___/ 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:#215392!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:270px;
	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: #215392	}

	.card-footer {
	color: #215392	}

	.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(255,0,255,0.3);
	background-color:#215392;
	padding: 10px 20px; 
	margin-top: 30px;
	/* letter-spacing: 2px;*/
	font-size:16.2px;
	font-weight:600;
	color: #FFFFFF!important;
	transition: 500ms ease-in-out;
	}

	.btn-link-event:hover {
	border: 1px solid rgba(255,0,255,0.5);
	background-color: #eeeeee!important;
	color: #215392;
	transition: 500ms ease-in-out;
	}

	/*  _________________
	___/ simple parallax \_____________________________________________________________________
	--------------------------------------------------------------------------------------- */
	.parallax .col-module {
			position: relative;
			opacity: 1;
			background-attachment: fixed;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			}
	.parallax .textpane { position:relative; display:table; width:100%; height:100%; }
	


	/*  ______________
	___/ 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(33,83,146,0.5); 	transition: background-color 0.5s ;   
	padding: 3px;margin:5px
	}

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

	#myScrollspy .nav li:hover {
	background-color: rgba(33,83,146,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(33,83,146,0.8);}
	#myScrollspy ul.nav-tabs li.active a:hover {background-color: rgba(255,0,255,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 Font Awesome 5 Free;
	padding-left: 10px;*/
	}

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



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

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

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

	.img-border {
	border: 3px solid #215392;
	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(33,83,146,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(33,83,146,1);
	border-color: #666;

	}
	.btn-primary:hover {
	color: rgba(255,255,255,1);
	background-color: rgba(33,83,146,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(33,83,146,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: #215392;}
	}

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



	.teasercontent .btn-link-event {
	border: 1px solid rgba(255,0,255,0.3);
	background-color:#215392;
	padding: 5px 20px; 
	margin-top: 10px;
	letter-spacing: 2px;
	color: #FFFFFF!important;
	transition: 500ms ease-in-out;
	}

	.teasercontent .btn-link-event:hover {
	border: 1px solid rgba(255,0,255,0.5);
	background-color: #eeeeee!important;
	color: #215392!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: 30px 0px 0px 0px;
	}

	.team .modal-body h4 {
	font-size:31.5px;
	color:#215392;
	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: 18px!important;
	}

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

	.md-trigger:hover, .md-close:hover {
	border: 1px solid #215392!important;
	background-color: #eeeeee!important;
	color: #215392!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:31.5px;
	}

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

	}

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

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

	.more-less {
	color: #215392!important;
	font-size: 18px!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-item .gallery-box {
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	}
	.gallery-item .gallery-box a {
	display: table;
	position: relative;
	width: 100%;
	height: 100%;
	}

	.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: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";
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.75);
	position: relative;
	font-size: 30px;
	font-weight: 900;
	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;
	height: 100%;
	width: 100%;
	line-height: 1em;
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px 0 0;
	text-align: center;

	}
	}
	@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;
	padding-top: calc(8% - 30px);

	}
	}

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

	#footerPane {
		padding: 15px 0px;
	background-color:rgba(33, 83, 146, 0.05);
	}

	.footer-copyright {
	background-color: #215392!important;
	color: #FFFFFF!important;
	padding: 20px 0px 10px;
	}

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

	.imageleiste img {
	width: 100%;
	}

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

	}


	/*  ______________
	___/ alpaca forms \_____________________________________________________________________________
	--------------------------------------------------------------------------------------- */
	form.alpaca-form .alpaca-field-object {
	border:0;
	border-radius: 0;
	padding: 0;
	}

	/*      _________
	___/ custom css \________________________________________________________________________
	--------------------------------------------------------------------------------------- */
	.notdienst .card {
 padding: 15px; 
 margin: 10px 0px; 
 background: #fff;
 height: 100%;
}
.notdienst {
 display:flex;
 flex-wrap:wrap;
 justify-content:stretch;
 gap: 30px 0;
}