[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}


body{
	background: url('../../../backoffice/production/Medien/hintergrund_stmarien.jpg') no-repeat; 
	background-size: cover; 
	background-attachment: fixed;
}


#index_text {
	color: #444;
}

.header_major {
	margin-top: 0px; 
	margin-bottom: 20px;
}

.box_aktuelles {
	width: 100%; 
	text-align: left; 
	overflow-y: hidden;
}

.box_aktuelles p {
	color: #444;
}

#content_aktuelles {
	margin-left: 0px;
}

#aktuelles_bild {
	width: 100%; 
	float: left; 
	margin-bottom:20px;
}

#aktuelles_span {
	padding-top: 80px;
}

#tabelle_veranstaltungen {
	background: rgba(255,255,255,0.6);
	border-radius: 10px;
	padding-top: 10px;
}

#runway {
	text-align: center; 
	width: 100%;
}

#kaefer_apos_alle {
	margin-bottom: 40px;
}

#kaefer_apos_logo {
	display: block; 
	margin: auto; 
	margin-top: 10px; 
	border-radius: 50%; 
	width: 200px; 
	height: 200px; 
	border: 2px solid #a82d2d;
}

#kaefer_apos_name {
	color: #a82d2d; 
	margin-top: 15px;
}

#kaefer_apos_telefon {
	color: grey; 
	text-transform: none;
}

#kaefer_apos_telefon a {
	color: grey; 
}

#kaefer_apos_email {
	text-transform: none;
}

#kaefer_apos_email a {
	color: grey; 
}

.kontakt_banner_platzhalter {
	border: 0px !important; 
	padding-bottom: 10px;
}

.kontakt_banner_platzhalter2 {
	border: 0px !important; 
	padding-top: 0px;
	margin-top: -50px;
}

#kontakt_main {
	margin-bottom: 40px;
}

#kontakt_content a {
	color: grey;
}

#maps_link:hover p{
	color: #444 !important;
}

#kontakt_content a h2 {
	color: #a82d2d;
}

#kontakt_content a p {
	text-transform: none;
	color: grey;
}

#kontakt_content  p {
	text-transform: none;
	color: grey;
}

#kontakt_farbe_grau {
	color: #808080;
}

#kontakt_oeffnungszeiten h2 {
	color: #a82d2d;
}

#kontakt_oeffnungszeiten table {
	margin-left: -8px; 
	background: transparent;
	border: 0px;
}

#kontakt_oeffnungszeiten tr {
	background: transparent; 
	border: 0px;
}

#kontakt_oeffnungszeiten .th_text {
	text-align: left; 
	width: 85px;
}

#kontakt_oeffnungszeiten .th_text p{
	text-transform: none;
}

#kontakt_oeffnungszeiten .th_zeit {
	text-align: left;
}

#kontakt_oeffnungszeiten .th_zeit p{
	text-transform: none;
}

.leistungen_wolken {
	text-align: center;
}

#leistungen_banner_bild {
	object-fit: cover;
	height: 300px;
}

#leistungen_themen {
	margin-top: 40px; 
	margin-bottom: 30px; 
	text-align: center;
}

#leistungen_themen h3 {
	width: 100%; 
	text-align: center; 
	color: #a82d2d;
}

#news_main {
	margin-bottom: 50px; 
	margin-left: 0px;
}

#news_box {
	width: 100%; 
	text-align: left; 
	text-transform: justify;
}

#news_box span {
	font-size: 0.8em; 
	color: grey;
}

.notdienst_platzhalter {
	border: 0px !important; 
	padding-bottom: 10px !important;
}

.notdienst_platzhalter2 {
	border: 0px !important; 
	padding-top: 10px !important;
}

#responsive-iframe {
	margin-top: 28px;  
	overflow-y: none; 
	background: transparent !important;
}

#team_header h2 {
	color: #a82d2d;
}

#team_row {
	margin-bottom: 50px; 
	margin-top: 30px;
}

.teammitglied {
	text-align: center; 
	margin-bottom: 40px;
}

#team_bild {
	display: block; 
	margin: auto; 
	height: 100%; 
	width: auto;
}

#team_name {
	color: #a82d2d;
}

#team_beruf {
	color: #444; 
	font-size: 1.1em;
}

#team_maindiv {
	min-height: 200px;
}

#team_cursor_09 {
	cursor: pointer; 
	font-size: 0.9em;
}

#team_cursor_13 {
	cursor: pointer; 
	font-size: 1.3em;
}



.fly {
  opacity: 0;
  transition: all 600ms ease-in-out;
  transform: translateY(100px) scale(1.05) translate3d(0, 0, 0);
}

.show-block {
  opacity: 1;
  transform: translateY(0) scale(1) translate3d(0, 0, 0);
}

.historiebutton, .leistungenzurueck {
	background: rgba(255,255,255,0.7); 
	border-radius: 2px; 
	color: #a82d2d; 
	padding: 8px; 
	border: 1px solid #a82d2d;
	width: auto;
	text-decoration: none;
	
}

.historiebutton:hover, .leistungenzurueck:hover {
	background: rgba(255,255,255,0.7); 
	border-radius: 2px; 
	color: #444; 
	padding: 8px; 
	border: 1px solid #444;
	width: auto;
	text-decoration: none;
}

#leistungenzurueckbutton {
	margin-top: 45px;
}

.platzhalter {
	margin-top: 20px;
}

.gesundheitdetail_thema {
	color: #a82d2d;
}

.tobottom {
	margin-bottom: 50px;
}

#historie_ueberschrift_big {

}

#historie_text {
	margin-top: 10px;
}

#historie_bild {
	image-size: cover; 
	height: auto;
	width: 100%; 
	margin-top: 38px;
}

.historie_datum_fahne {
	background: #a82d2d !important; 
	color: #fff !important; 
	margin-left: -2px !important; 
	font-weight: 300 !important; 
}


.fadeitin2{
	  opacity: 0;
    animation: fadein 1.5s;
    -moz-animation: fadein 1.5s;
    -webkit-animation: fadein 1.5s;
    -o-animation: fadein 1.5s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		-o-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
}

.fadeitin {
	opacity: 0;
}

.fadeitinbottom{
	  opacity: 0;
    animation: fadeinb 1s;
    -moz-animation: fadeinb 1s; /* Firefox */
    -webkit-animation: fadeinb 1s; /* Safari and Chrome */
    -o-animation: fadeinb 1s; /* Opera */
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		-o-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
}

#sidebar {
	background: url('../../../backoffice/production/Medien/hintergrund_stmarien.jpg') no-repeat; 
	background-size: cover; 
	background-attachment: fixed;
}


.mobil-full  {
	float: center; 
	vertical-align: center; 
	width: 65%; 
	min-width: 65%; 
	margin-right: 45px;
}

.reisemedizin {
	float: left; 
	vertical-align: center; 
	width: 40%;
	min-width: 40%;
	margin-right: 40px; 
	margin-bottom: 20px;
	margin-top: 10px;
}

.darmgesundheit {
	 width: 30%;
	 display: block;
}


.image-cropper {
		text-align: center;
    width: 250px;
    height: 250px;
    position: relative;
    overflow: hidden;
		margin: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.image-cropper2 {
	  text-align: center;
    width: 150px;
    height: 150px;
    position: relative;
    overflow: hidden;
		margin: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.box .freitext {
	font-size: 0.9em;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	background: #fff;
	z-index: 999;
	text-align: center;
	animation: fadein 1.5s;
	-moz-animation: fadein 1.5s;
	-webkit-animation: fadein 1.5s;
	-o-animation: fadein 1.5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
}

.select-wrapper {
	margin-bottom: 50px; 
	border-color: #a82d2d;
}

.select-wrapper #selectEins, .select-wrapper #selectZwei, .select-wrapper #selectDrei {
	border-color: #a82d2d; 
	background: rgba(255,255,255,0.6);
}

#gesundheit_uebersicht {
	margin-top: 10px; 
	margin-bottom: 30px; 
	text-align: center;
}

#gesundheit_thema {
	width: 100%; 
	text-align:center; 
	color: #a82d2d;
}




@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;

    }
}
@-moz-keyframes fadein { /* Firefox */
	from {
			opacity:0;

	}
	to {
			opacity:1;

	}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
	from {
			opacity:0;

	}
	to {
			opacity:1;
	}
}
@-o-keyframes fadein { /* Opera */
	from {
			opacity:0;
	}
	to {
			opacity:1;
	}
}

@keyframes fadeinb {
    from {
        opacity:0;
				transform: translate3d(0px, 500px, 0px);
    }
    to {
        opacity:1;
				transform: translate3d(0px, 0px, 0px);
    }
}
@-moz-keyframes fadeinb { /* Firefox */
	from {
			opacity:0;
			transform: translate3d(0px, 500px, 0px);
	}
	to {
			opacity:1;
			transform: translate3d(0px, 0px, 0px);
	}
}
@-webkit-keyframes fadeinb { /* Safari and Chrome */
	from {
			opacity:0;
			transform: translate3d(0px, 500px, 0px);
	}
	to {
			opacity:1;
			transform: translate3d(0px, 0px, 0px);
	}
}
@-o-keyframes fadeinb { /* Opera */
	from {
			opacity:0;
			transform: translate3d(0px, 500px, 0px);
	}
	to {
			opacity:1;
			transform: translate3d(0px, 0px, 0px);
	}
}




/* Slider */
#slider{
	height:340px;
	width:100%;
	margin-top: -20px;
	margin-bottom: 20px;
}

/* Google Maps Karte*/
#map{
	height: 350px;
	width: 100%;
}



/* Header Leiste */
.header_link{
	color:#7f888f;
}
.header_link_nd{
	color:#a82d2d;
}

.contact {
		font-size: 0.9em;
}

#sidebar-contact {
	margin-top: -5px;
	margin-bottom: -20px;
}

 #impressum {
	margin-left: 3.2em;
}

#mobile-header {
	position: absolute;
	top: 0;
	right: 0;
	display:none;
	text-align: right;
	margin: 10px;
	font-size: 2em;
}

h1{
	margin-top: 30px;
	margin-bottom: -30px;
}

/* LEISTUNGEN */

.wolke {
	border: 2px solid #a82d2d;
	color: #a82d2d;
	text-align: center;
	background: rgba(255,255,255,0.6);
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 20px;
	width: 90%;
	font-size: 1.2em;
	text-transform: uppercase;
	cursor: pointer;
	transition: all 900ms ease-in-out;
}

.wolke:hover {
	background: #a82d2d;
	color: #fff;
}



/* Historie Datum */


#historie-box {
	width: 100%;
	text-align: left;
	text-transform: justify;
	border-color: #444;
	border-width: 0px;
}

#historie-datum {
	position: absolute;
	margin-top: -18px;
	margin-left: 15px;
	padding-left: 8px;
	padding-right: 8px;
	background: #f9f9f9;
	color: #a82d2d;
	text-align: center;
	font-size: 1.4em;
	margin-bottom: 50px;
	border-radius: 5px;
}

#historie-border-left {
	padding-bottom: 95px;
	border-left: 2px solid #a82d2d;
	margin-left: 0px;
}


.artikel_bild_img{
	margin-top: 30px;
	max-width: 100%;
	min-width: 40%;
	width: auto;
}
.artikel_bild_copyright {
	font-size: 0.7em;
	color: #444;
}

.artikel_bild_caption {
	font-size: 0.8em;
	color: #111;
	margin-bottom: 30px;
	width: 40%;
}

select:-internal-list-box option:checked, select:-internal-list-box option:active, select:-internal-list-box option:focus{
	background-color: green !important;
}

svg { max-height: 100%; }

@media screen and (max-width: 1024px) {
	
		body{
	background: #fff; 
	}
	
	#sidebar {
	background: #fff; 
}
	
	.fly {
  opacity: 1;
  transition: none;
  transform: none;
}

.show-block {
  opacity: 0;
  transform: none;
}
	
	.fadeitin, .fadeitinbottom{
	  opacity: 1;
    animation: none;
    -moz-animation: none; /* Firefox */
    -webkit-animation: none; /* Safari and Chrome */
    -o-animation: none; /* Opera */

}
	
}

/* Jobangebote */

.jobAngebote {
  width: auto;
}

  
 


/* Responsive */
@media screen and (max-width: 890px) {
  
  .jobAngebote {
  width: 100%;
}
	
	body{
		background: #fff; 
	}
	
	#sidebar {
		background: #fff; 
	}
	
	.fly {
  opacity: 1;
  transition: none;
  transform: none;
}

.show-block {
  opacity: 0;
  transform: none;
}
	
	#sidebar {
	background: #fff; 
	}

#teambild {
	display:none;
}
	
.mobil-full {
	min-width: 100%; 
}
	
.reisemedizin {
	min-width: 100%;
}

.darmgesundheit {
	 width: 100%;
}

.fadeitin, .fadeitinbottom{
	  opacity: 1;
    animation: none;
    -moz-animation: none; /* Firefox */
    -webkit-animation: none; /* Safari and Chrome */
    -o-animation: none; /* Opera */

}

#slider, #header{
	visibility: hidden;
	display: none;
}

h1{
	margin-top: 90px;
	margin-bottom: -35px;
}

#mobile-header {
	display:block;
}


#historie-datum {
	position: absolute;
	margin-top: -11px;
	margin-left: 8px;
	padding-left: 8px;
	padding-right: 8px;
	background: #fff;
	color: #a82d2d;
	text-align: left ;
	font-size: 1em;
	margin-bottom: 50px;
}


#historie-box {

}


#historie-border-left {
	padding-bottom: 95px;
	padding-bottom: 95px;
}

#historie-kreis {
	display: none;
}


	#news_bild {
		position: relative;
		min-width: 100% !important;
		
	}


}

/* font-size fix */
p#index_text {
    font-size: 16px;
}
p {
    font-size: 16px !important;
}
.ja_body {
    font-size: 16px;
}
span.ng-binding {
    font-size: 16px !important;
}
div#event_beschreibung {
    font-size: 16px;
}
table {
    font-size: 16px;
}
p.bodytext {
    font-size: 16px;
}
span.ng-binding {
    font-size: 16px !important;
}
p.ng-binding {
    font-size: 15px;
}
a.ng-binding {
    font-size: 15px;
}
div#historie-box {
    font-size: 15px;
}
a#maps_link {
    font-size: 16px;
}
h3 {
    font-size: 1.2em;
}
th p {
    font-size: 12px !important;
}