:root {
	/* Colors */
	--red: red;
	--green: green;
	--orange: orange;
	--20gray: #2e2e2e;
	--50gray: #171717;
	--80gray: #848484;
	--black: #000000;
	--white: #FFFFFF;
}
* {
    /*color: #FFFFFF; */
    font-family: "Fira Sans", "Fira Sans Condensed", "Fira Sans Extra Condensed", "Roboto", "sans-serif";
}

body {
	background-color: #000000;
	background-image: url(../../images/background_zw-01.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 75%;
	margin: 0;
	overflow-y: scroll;
	height: 100%;
}

hr {
	border: none!important;
	height: 1px!important;
	color: #848484!important;
	background-color: #848484!important;
}

a:link {
	color: #FFFFFF;
	text-decoration: none;
}

a:visited {
	color: #FFFFFF;
	text-decoration: none; 
}

a:hover {
	color: #848484;
	text-decoration: none; 
}

a:active {
	color: #FFFFFF;
	text-decoration: none;
}

img.trennelement {
	margin-left: -0.7em;
	margin-top: 1.0em;
	margin-bottom: 2.5em;
}

h1 {
	font-weight: 300;
	margin-bottom: 0;
	
}

h1.alternativ {
	font-weight: 500;
	margin-top: 0;
}

h3 {
	padding-top: 0.0em;
	margin-top: 0.0em;
}

h3.avatar {
	padding-top: 0.0em;
	margin-top: 0.0em;
}

p {
	font-weight: 300;
	line-height: 160%;
}

.page {
	margin-top:80px;
	min-height: 200px; 
	padding-top: 25px;
	padding-bottom: 2.0em;
}

.title {
	margin-top:80px !important;
	min-height: 160px; 
	padding-top: 25px;
	border-bottom: #848484 1px solid; 
}

.content-no-title {
	margin-top:60px;
	min-height: 200px; 
	padding-top: 25px;
	padding-bottom: 2.0em;
}

.content {
	padding-top: 25px;
	padding-bottom: 2.0em;
}

.angemeldet {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--green); /* Safari */  
  text-decoration-color: var(--green);
}

.warteliste {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--orange); /* Safari */  
  text-decoration-color: var(--orange);
}

.vorgemerkt {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--orange); /* Safari */  
  text-decoration-color: var(--orange);
  /*text-decoration-style:wavy;*/
}


.abgemeldet {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--red); /* Safari */  
  text-decoration-color: var(--red);
}

/*GOOGLE MAPS IFRAM RESPONSIVE*/
.google-maps {
background-color: #000000;
width: 100%;
height: 100%;
margin-left:auto;
margin-right:auto;
box-shadow: 0px 13px 14px 0px rgba(50, 50, 50, 0.81);
}
.google-maps {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*GOOGLE RECAPTCHA IFRAM RESPONSIVE*/


/* URL zum errechnen des Filters eines schwarzen SVG 
 * https://codepen.io/sosuke/pen/Pjoqqp
 * */

.icon16 {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: cover;
}

.icon32 {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-size: cover;
}

.icon-status {
  background-image: url(../../images/icon/icon_status_schwarz.svg);
}

.icon-status-red {
  filter: invert(17%) sepia(97%) saturate(7183%) hue-rotate(357deg) brightness(94%) contrast(119%);
}

.icon-status-green {
  filter: invert(27%) sepia(77%) saturate(7194%) hue-rotate(116deg) brightness(95%) contrast(103%);
}

.icon-status-orange {
  filter: invert(56%) sepia(90%) saturate(653%) hue-rotate(360deg) brightness(103%) contrast(105%);
}

.icon-status-red:hover,
.icon-status-red:focus {
  filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
}

.show-teromofcondition {
  max-height:50vh;
  overflow-y: auto;
  padding-top:20px;
  padding-left:20px;
  padding-right:10px;
}
h1.show-teromofcondition {
	font-weight: 100;
	margin-bottom: 0;
	
}

.table-transparent { --bs-table-bg: transparent !important; }

.pin-code{ 
  padding: 0; 
  margin: 0 auto; 
  display: flex;
  justify-content:center;
  
} 
 
.pin-code input { 
  border: none; 
  text-align: center; 
  width: 48px;
  height:48px;
} 

.pin-code input:focus { 
  border: 3px solid darkgrey;
  outline:none;
} 

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* ++++++++++++++++++++++++++++++++++
 * FORM
 * ++++++++++++++++++++++++++++++++++*/
/* READONLY */
input:read-only {
	background-color: var(--bs-secondary-bg)!important;
	
}

.carousel .carousel-indicators [data-bs-target],
.carousel .carousel-indicators [data-bs-target] {
  background-color: #fff!important;
}

.carousel-caption-kkv {
  color: #FFF!important;
}

.carousel-control-kkv {
  filter: none!important;
}