/* GLOBAL STYLES
-------------------------------------------------- */
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-play:before {
  content: "\e072";
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html {
	height:100%;
	scroll-behavior: smooth;
}
body {
	background-color: rgba(250, 246, 247, 1); /* #faf6f7; */
	color: rgba(93, 60, 43, 1);
	font-family: "Arial", sans-serif;
	font-size: 14px;
	font-size: 100%;
	font-size: 2vw;
  -webkit-transition: font-size .3s;
	text-align: left;
	position: relative;
}
h1, .h1 {
	color: rgba(93, 60, 43, 1); /* #5D3C2B */
	text-align: center;
	font-weight: bold;
	margin-top: 60px;	
}
h2, .h2 {
	color: rgba(93, 60, 43, 1); /* #5D3C2B */
	text-align: center;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
h3, .h3 {
	color: rgba(93, 60, 43, 1); /* #5D3C2B */
	text-align: center;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
p {
	color: rgba(93, 60, 43, 1); /* #5D3C2B */
	text-align: left;
	line-height: 1.7;
	/*
	text-align: justify;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  */
	margin: 20px 0px;	
}
p.small, .small {
	color: rgba(93, 60, 43, 1); /* #5D3C2B */
	font-size: 80%;
	line-height: 1.2;
	margin: 2.2% 0px 3%;
}
a, a:link {
	color: rgba(73, 45, 33, 1);
	text-decoration: none;
}
a:hover {
	color: rgba(93, 60, 43, 1);
	text-decoration: underline;
}
ul {
	list-style-type: circle;
	font-size: 18px;
}
hr {
	border-top: solid 1px rgba(255, 255, 255, 1);
	height: 0;
	margin: 5% 0% 5%;
	clear: both;
}
.schatten {
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}
@media (max-width: 576px) {
body {
	font-size: 4vw;
}
}
@media (min-width: 576px) {
body {
	font-size: 3vw;
}
}

@media (min-width: 768px) {
body {
	font-size: 1.5vw;
}
}

@media (min-width: 992px) { 
body {
	font-size: 1.2vw;
}
}

@media (min-width: 1200px) {
body {
	font-size: 0.8vw;
}
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
.navbar-bg {
	height: 8.5rem;
}
.navbar-wrapper {
	background-color: transparent;
 	z-index:1000;
/* transition: height 0.3s linear 0s, padding 0.3s linear 0s; */ 
	position: fixed;
	top: 0px;
	width: 100%;
  margin: 0;
	padding: 0px;
	border-bottom: solid 0px rgba(0, 70, 105, 0.85);
	transition: 0.2s; /* Add a transition effect (when scrolling - and font size is decreased) */
}
.navbar {
	background-color: rgba(151, 190, 13, 1); /* #97BE0D; */
  padding: 0px;
  margin: 0px;
	position: relative;
}
.navbar .container {
	background-color: transparent;
	position: relative;
}
.navbar-brand {
	position: relative;
	width: 20%; 
	display: block;
	padding: 0;
	position: relative;
}
.navbar-brand img {
	padding: 0px 0px 0px 0px;
}
#brand-xs {
	width: 240px;	
	padding: 10px 0px 10px 0px;
	transition: 0.2s;
}
#brand-sm {
	width: 200px;	
	padding: 10px 0px 10px 0px;
	transition: 0.2s;
}
#brand-md {
	width: 200px;
	padding: 10px 0px 10px 0px;	
	transition: 0.2s;
}
#brand-lg {
	width: 280px;
	padding: 10px 0px 10px 0px;
	transition: 0.2s;
}
#brand-xl {
	width: 360px;	
	padding: 10px 0px 10px 0px;
	transition: 0.2s;
}
.navbar-nav {
	padding-left: 0;
  padding-right: 0;
}
.navbar-nav .nav-link {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
  font-size: 16px;
	font-weight: normal;
  text-transform: uppercase;
	color: rgba(93, 60, 43, 1.0);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(93, 60, 43, 1.0);
}
.navbar-light .nav-item:hover .nav-link {
  color: rgba(93, 60, 43, 0.7);
}
.navbar-light .nav-item.active .nav-link,
.navbar-light .nav-item .nav-link:active,
.navbar-light .nav-item .nav-link:focus {
  color: rgba(250, 232, 0, 1);
  font-weight: bold;
}

.navbar-light .navbar-nav .active > .nav-link, 
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .show > .nav-link {
  color: rgba(250, 232, 0, 1);
  font-weight: bold;
}

@media (max-width: 576px) {
.navbar-bg {
	height: 6.5rem;
}
.navbar {
  padding: 0.5rem 1rem;
}
}

@media (min-width: 576px) {
.navbar-bg {
	height: 6.25rem;
}
.navbar {
  padding: 0px;
}
}

@media (min-width: 768px) {
.navbar-bg {
	height: 6.8rem;
}
}

@media (min-width: 992px) { 
.navbar-bg {
	height: 7.25rem;
}
}
@media (min-width: 1200px) {
.navbar-bg {
	height: 7.5rem;
}
}

/* CONTAINER 
-------------------------------------------------- */
.content-wrapper {
	padding: 5% 0% 6%;
	margin-left: 0;
	margin-right: 0;
	height: auto;
	position: relative;
}

@media (max-width: 576px) {
.content-wrapper {
	padding: 15% 0% 6%;
}
}
@media (min-width: 576px) {
.content-wrapper {
	padding: 5% 0% 6%;
}
}

@media (max-width: 576px) {

}
@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) { 

}

@media (min-width: 1200px) {

}

/* TEAM
-------------------------------------------------- */
#team {
	background-color: rgba(151, 190, 13, 1); /* #97BE0D; */	
	height: auto;
	overflow: hidden;
}
#team .bottomline {
	background-color:transparent;
	margin:0;
	padding:0;
	bottom: 0;
	position:absolute;
}
#team .content-wrapper {
	padding: 0;
}
#team .content-wrapper h1,
#team .content-wrapper h2 {
	display: none;
}
.team {
	bottom: 10px;
  position: absolute;
  width: 100%;
	z-index: 20;
}
.mitarbeiter {
	background-color: transparent;
	background-color: rgba(151, 190, 13, 0.8);
	text-align: center;
	font-size: 120%;
	line-height: 1.2;
	display: inline-block;
  display: table-cell;
  vertical-align: middle;
	width: 150px;
	height: 150px;
	margin: 3rem 0;
	padding: 50px 0;
	border-radius: 100rem !important;
}
.julia {
	margin-top: 2rem !important;
}
.doreen {
	margin-top: 1rem !important;
}
.isabel {
	margin-top: 0rem !important;
}
.jennifer {
	margin-top: 1rem !important;
}

@media (max-width: 576px) {
.mitarbeiter {
	font-size: 65%;
	width: 50px;
	height: 50px;
	margin: 0;
	padding: 12px 0px;	
}
}
@media (min-width: 576px) {
.mitarbeiter {
	font-size: 80%;
	width: 80px;
	height: 80px;
	margin: 1rem 0;
	padding: 20px 0;	
}
}
@media (min-width: 768px) {
.mitarbeiter {
	font-size: 100%;
	width: 80px;
	height: 80px;
	margin: 1rem 0;
	padding: 25px 0;	
}
}
@media (min-width: 992px) { 
.mitarbeiter {
	font-size: 125%;
	width: 100px;
	height: 100px;
	margin: 2rem 0;
	padding: 30px 0;	
}
}
@media (min-width: 1200px) {
.mitarbeiter {
	font-size: 150%;
	width: 150px;
	height: 150px;
	margin: 3rem 0;
	padding: 40px 0;
}
}

/* SOFORTKONTAKT 
-------------------------------------------------- */
#sofortkontakt {
	background-color: rgba(151, 190, 13, 1); /* #97BE0D; */	
}
#sofortkontakt .bottomline {
	background-color:transparent;
	margin:0;
	padding:0;
	bottom: 0;
	position:absolute;
}
#sofortkontakt .content-wrapper {
	padding: 0 0 2% 0;
}
#sofortkontakt .box {
	height: 100%;
	padding-top: 1%;
	display: table !important; 
  display: flex;
}
#sofortkontakt .box-inhalt {
	display: table-cell; 
	vertical-align: middle;
}
#sofortkontakt h2,
#sofortkontakt h3,
#sofortkontakt p {
	text-align: center;
	padding: 0;
	margin: 0;
	color: rgba(93, 60, 43, 1);
}
#sofortkontakt h2 {
  font-size: 2.5rem;
}
#sofortkontakt h3 {
	font-size: 2rem;
}

/* LEISTUNGEN
-------------------------------------------------- */
#leistungen {
	background-color: rgba(235, 234, 214, 1); /* #ebead6; */
	background-image: url(/static/img/physiotherapie-koerper-geist_wrapper-bg_logo_brown.svg);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: 1000px 1000px;		
	height: auto;
	overflow: hidden;
}
#leistungen .topline {
	vertical-align: top;
}
#leistungen .bottomline {
	background-color:transparent;
	margin:0;
	padding:0;
	bottom: 0;
	position:absolute;
}
#leistungen .box {
	background-color: rgba(151, 190, 13, 0.5); /* #97BE0D; */	
	background-image: url(/static/img/physiotherapie-koerper-geist_box-bg_logo_green.svg);
	background-image: url(/static/img/physiotherapie-koerper-geist_box-bg_logo.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
	width: 100%;
	height: 200px;
	margin-bottom: 20px;
	display: table; 
  display: flex;
  align-items: center;
  justify-content: center;
	text-align: center;
}
#leistungen .box h3 {
	display: table-cell; 
	vertical-align: middle;
}

#leistungen .box:hover {
	background-image: url(/static/img/physiotherapie-koerper-geist_box-bg_logo.svg);	
}
#leistungen .behandlung {
	padding: 0.5rem;
	border: 0px solid rgba(93, 60, 43, 0.5);
}
#leistungen table {
	width: 100%;
}
#leistungen h3 {
	color: rgba(93, 60, 43, 1);
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
#leistungen p {
/*	color: rgba(255, 255, 255, 1); */
	text-align: center;
}

/* PREISE
-------------------------------------------------- */
#preise {
	background-color: rgba(151, 190, 13, 1); /* #97BE0D; */
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#97be0d+80,ebead6+100 */
	background: #97be0d; /* Old browsers */
	background: -moz-linear-gradient(top,  #97be0d 80%, #ebead6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #97be0d 80%,#ebead6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #97be0d 80%,#ebead6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97be0d', endColorstr='#ebead6',GradientType=0 ); /* IE6-9 */
	height: auto;
	overflow: hidden;
}
#preise .content-wrapper {
	padding: 5% 0% 8%;
}

caption {
	display: none;
}
#preise .table {
	background-color: rgba(151, 190, 13, 0.5); /* #97BE0D; */ 
  color: rgba(93, 60, 43, 1);
}
#preise .logo {
	background-color: transparent; 
	width: 300px; 
	height: auto; 
	margin: 0; 
	padding: 0; 
	right: -12rem; 
	bottom: -2rem; 
	position: absolute; 
	z-index: 1; 
	-moz-transform: rotate(15deg); 
	-ms-transform: rotate(15deg); 
	-o-transform: rotate(15deg); 
	-webkit-transform: rotate(15deg); 
	transform: rotate(15deg);
}

/* GUTSCHEIN UND GESUNDHEITSTICKET
-------------------------------------------------- */
#gutschein {
	background-color: rgba(151, 190, 13, 1); /* #97BE0D; */
	background-color: rgba(235, 234, 214, 1); /* #ebead6; */
	height: auto;
}
#gutschein .content-wrapper {
	padding: 5% 0% 6%;
}

.gesundheitskarte img {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, .075);
}
.gutschein img {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, .125);
}
#gutschein h2 {
	display: none;
}
/* STUDIO
-------------------------------------------------- */
#studio {
	background-color: rgba(151, 190, 13, 1); /* #97BE0D; */
	height: auto;
	overflow: hidden;
}
#studio .topline {
	background-color: transparent;
	margin: 0;
	padding: 0;
	top: 0; 
	position:absolute;
}
#studio .bottomline {
	background-color: transparent;
	margin: 0;
	padding: 0;
	bottom: 0;
	position: absolute;
}
#studio .content-wrapper {
	padding: 0;
}
#studio .content-wrapper h2 {
	color: rgba(255, 255, 255, 1);
	display: none;
}
.ms-staff-carousel {
	margin: 0 !important;
	margin-left: -15px !important;
	margin-right: -15px !important;
}
.ms-slide-info {
	height: 0 !important;
	min-height: 0 !important;
	margin-top: 0 !important;
}
.ms-info h3 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.ms-staff-carousel .ms-nav-prev, 
.ms-staff-carousel .ms-nav-next {
	background: url(/static/img/light-skin-2.png) transparent no-repeat 0px 0px;
	width: 48px;
	height: 50px;
	left: 0px;
	margin-top: -17px;
	box-shadow: 0px 1px 0px 0px rgb(190, 190, 190);
	position: absolute;
	top: 50%;
	cursor: pointer;
}
.ms-staff-carousel .ms-nav-next {
	background-position: 0px -82px;
	right: 0px;
	left: auto;
}

/* FAQ
-------------------------------------------------- */
#faq {
	background-color: rgba(151, 190, 13, 1); /* #97BE0D; */
	background-color: rgba(250, 232, 0, 1);
	background-color: rgba(235, 234, 214, 1); /* #ebead6; */
	background-image: url(/pics/faq/sonnenstudio-jump_palme_02.svg);
	background-position: bottom center;
	background-attachment: fixed;
	background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
	margin-left: 0;
	margin-right: 0;
	position: relative;
}
#faq .bottomline {
	background-color: transparent;
	margin: 0;
	padding: 0;
	bottom: 0;
	position: absolute;
}
#faq .accordion .h3, .accordion h3 {
  font-size: inherit;
  font-weight: normal;
  text-align: left;
  margin-top: .5rem;
}
#faq .accordion .card {
	background-color: rgba(0, 0, 0, 0.05);	
	border: 0px solid rgba(0, 0, 0, 1);
	margin-bottom: 1rem;
}
#faq .accordion .card-header {
	background-color: transparent;	
	color: rgba(93, 60, 43, 1);
	cursor: pointer;
	border-bottom: 1px solid rgba(93, 60, 43, 0.7);
}
#faq .accordion .card-header:after {
  font-family: 'Glyphicons Halflings';  
  content: "\e082";
  float: right; 
}
#faq .accordion .card-header.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\e081"; 
}
#faq .accordion .card-title {
	margin-bottom: 0rem;
	width: 85%;
	float: left;
	display: block;
}
#faq .accordion .card-body {
	background-color: transparent;
	color: rgba(93, 60, 43, 1);
	padding-right: 15%;
}

/* MAP
-------------------------------------------------- */
#map {
	background-color: rgba(250, 232, 0, 1);
	padding-bottom: 1rem;
}
#map h2 {
	display: none;
}
iframe {
	width:100%;
	height:600px;
	border:0;
}

@media (max-width: 576px) {
iframe {
	width: 100%;
	height: 400px;
	border: 0; 
}
}
@media (min-width: 576px) {
iframe {
	width: 100%;
	height: 400px;
	border: 0; 
}
}
@media (min-width: 768px) {
iframe {
	width: 100%;
	height: 600px;
	border: 0; 
}
}
@media (min-width: 992px) { 
iframe {
	width: 100%;
	height: 600px;
	border: 0; 
}
}
@media (min-width: 1200px) {
iframe {
	width: 100%;
	height: 700px;
	border: 0; 
}
}

/* KONTAKT
-------------------------------------------------- */
#kontakt {
	background-color: rgba(151, 190, 13, 1); /* #97BE0D; */
	background-image: url(/static/img/physiotherapie-koerper-geist_wrapper-bg_logo_green.svg);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: 1000px 1000px;		
	height: auto;
}
.box-bg {
    margin-left: 5px;
    margin-right: 5px;
}
.adresse p {
	line-height: 1.5;
}
.kontaktdaten {
	padding-left: 5px;
	padding-right: 0;
}
.oeffnungszeiten {
	padding-left: 50px;
	padding-right: 0;
}

#kontakt h2 {
	display: none;
}
#kontakt table {
	margin: 20px 0px;
	line-height: 1.425;
	color: rgba(93, 60, 43, 1);
}
#kontakt table td:first-child {
	padding-right: 25px;
}
/* KONTAKTFORMULAR
-------------------------------------------------- */
fieldset {
	background-color: rgba(151, 190, 13, 1);
	border: 0;
	padding: 0;	
	padding-top: 3rem;
}
#contactform.box-bg {
	background-color: rgba(255, 255, 255, 0.1);
	padding-bottom: 1rem;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0rem;
}
label {
	padding-left: 0.25rem;
	margin-top: 0.65rem;
	margin-bottom: 0.1rem;
}

/* KONTAKTFORMULAR
-------------------------------------------------- */

/* Farbe des validierten Eingabefeldes */
/*.field-error,
.field-error a, */
.field-error .control-label,
.field-error .help-block,
.field-error .form-control-feedback,
.field-error .fv-control-feedback {
  color: rgba(255, 202, 0, 1);
  font-weight: normal;
}
.field-error .form-control {
  border-color: rgba(255, 202, 0, 1);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.form-group {
    margin-bottom: 0rem;
}
.form-control {
    padding: .375rem .75rem;
    font-size: 1rem;
    color: #495057;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: .25rem;
}

/* Farbe des validierten Eingabefeldes */
/*.field-success,
.field-success a, */
.field-success .control-label, 
.field-success .help-block,
.field-success .form-control-feedback,
.field-success .fv-control-feedback {
  color: rgba(151, 190, 13, 1); 
  font-weight: normal;
}
.field-success .form-control {
  border-color: rgba(151, 190, 13, 1); /* #009ee0; */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

/* Transparenter Rahmen bei aktivem Inputfeld */
/*
.form-control:focus {
	border-color: transparent !important;
	box-shadow: none;
}
 */

/* SubmitButton deaktiviert bis Formular vollstängig ausgefüllt */
.form-control-feedback {
  pointer-events: auto;
}
.btn-default.disabled {
  background-color: rgba(255, 202, 0, 1);
  border-color: rgba(255, 202, 0, 1);
}

/* Icon - Platzirerung 
.fv-control-feedback {
  right: 15px;
}
*/
.fv-form-bootstrap4:not(.form-inline) label ~ .fv-control-feedback {
  top: 42px;
}
.fv-form-bootstrap4 .fv-control-feedback {
  width: 38px;
  height: 38px;
  line-height: 38px;
}

/* Placeholder - Farbe */
.form-control::placeholder,
.form-control::-moz-placeholder  {
  color: rgba(0,0,0,.25);
}
/* Datenschutztext inkl. Verlinkung - Ausrichtung */
.form-check-label {
	width: 90%;
	display: block;
}
.form-check-label a {
  text-decoration: underline;
}

p.hinweis {
	margin: 10px 0px !important;
}

/* Warnhinweis - Abstände */
small.form-control-feedback {
	padding-top: 0.5rem;
	padding-left: 0.25rem;
	display: block;
}
/* Warnhinweis - Zeichen */
form .glyphicon {
  position: absolute; 
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Warnhinweis - Zeichenpositionierung */
.col-form-label {
  padding-top: 0;
	padding-bottom: 0;
}
.fv-form-bootstrap4:not(.form-inline) .form-check ~ .fv-control-feedback {
  top: -7px !important;
}

/* KONTAKTFORMULAR - BESTÄTIGUNG AUF DER SEITE
-------------------------------------------------- */
#mail_summary {
	width: 100%;	
}
#mail_summary p {
	margin: 1rem;	
}
#mail_summary .btn-default {
	margin: 0 1rem;	
}
.table-bordered {
  border: 0px solid #eceeef;
}
.table-bordered td, .table-bordered th {
  border: 0px solid #dee2e6;
}
.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: rgba(255, 255, 255, 0.1);
}
.table-striped tbody td:nth-of-type(2n+1) {
	width: 40%;
}

/* BUTTON
-------------------------------------------------- */
.btn-default {
  background-color: #9D2F36;
  border-color: #9D2F36;
  color: #FFFFFF;
  background-color: rgba(0, 102, 0, 1);
  border-color: rgba(0, 102, 0, 1);
  width: 100%;
}

/* IMPRESSUM
-------------------------------------------------- */
#impressum {
	background-color: rgba(151, 190, 13, 1); /* #97BE0D; */
}
#impressum p {
	text-align: justify;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
	margin: 20px 0px;	
}

/* DATENSCHUTZ
-------------------------------------------------- */
#datenschutz {
	background-color: rgba(151, 190, 13, 1); /* #97BE0D; */
}
/*
#datenschutz h2 {
	font-size: 24px;
	}
#datenschutz h3 {
	font-size: 18px;
}
#datenschutz h4 {
	font-size: 16px;
}
#datenschutz ul, #datenschutz li {
	font-size: 12px;	
}
*/
#datenschutz p {
	text-align: justify;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
	margin: 20px 0px;	
}

/* Footer
-------------------------------------------------- */
footer {
	background-color: #000;
	width: auto;
	right: 0;
	bottom: 0;
	position: fixed;
	z-index: 1000;
}
.nav-footer ul {
	list-style: none;
	margin: 0 10px 0 -30px;
}
.nav-footer li {
	float: left;
}
.nav-footer a, .nav-footer a:link {
	color: rgba(234, 176, 13, 1);
	text-decoration: none;
}
.nav-footer a:hover {
	color: rgba(234, 176, 13, 0.7);
	text-decoration: none;
}
.nav-footer .nav-link {
  padding: 1rem 1rem;
}

@media (max-width: 576px) {
footer {
	width: 100%;
}
.nav-footer .nav-link {
  padding: 0.5rem 0.4em;
}
}

@media (min-width: 576px) {
footer {
	width: 100%;
}
.nav-footer .nav-link {
  padding: 0.5rem 0.5rem;
}
}

@media (min-width: 768px) {
footer {
	width: auto;
}
.nav-footer .nav-link {
  padding: 1rem 0.5rem;
}
}

@media (min-width: 992px) { 
footer {
	width: auto;
}
.nav-footer .nav-link {
  padding: 1rem 0.5rem;
}
}

@media (min-width: 1200px) {
footer {
	width: auto;
}
.nav-footer .nav-link {
  padding: 1rem 1rem;
}
}

/* SCROLLER
------------------------- */
.scroll-to-top {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 800ms ease, visibility 0s ease;
  -webkit-transition-delay: 0s, 800ms;
  -moz-transition: opacity 800ms ease 0s, visibility 0s ease 800ms;
  -o-transition: opacity 800ms ease 0s, visibility 0s ease 800ms;
  transition: opacity 800ms ease 0s, visibility 0s ease 800ms;
}
.scroll-to-top.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.scroll-to-top.show {
  opacity: 0.5;
}
.scroll-to-top.show:hover {
  opacity: 1;
}
.scroll-to-top:before {
	vertical-align: middle;
  background: url("/static/img/icon_to-top.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.scroll-to-top:before {
  content: '';
  display: block;
  background-position: 0 0;
  height: 20px;
  width: 44px;
  margin-top: 5px;
	vertical-align: middle;
}


/*
section {
	float:left;
	width:100%;
	background: #43cea2;  /* fallback for old browsers */
/*	background: -webkit-linear-gradient(to left, #185a9d, #43cea2);  /* Chrome 10-25, Safari 5.1-6 */
/*	background: linear-gradient(to left, #185a9d, #43cea2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
/*	padding: 0;
}
*/

/* Team
------------------------- */
.card_text p {
  font-size: 18px;
  color: rgba(93, 60, 43, 1);
  line-height: 0%;
  margin-top: 24px;
  text-align: center;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  border: solid 1px #FFF;
  border-radius: 20px;
}
.card_box {
  background: #ffffff;
  border-radius: 33px;
  margin-top: 40px;
  transition: .3s;
  margin-bottom: 40px;
}
.card_text {
  padding: 0;
  text-align: center;
  margin-top: -44px;
  position: absolute;
  background-color: #FFFFFF99;
  width: 90%;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  color: rgba(93, 60, 43, 1);
}
.p-4 {
  padding: 1rem !important;
}
.owl-carousel {
	padding: 20px 0px;
}