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


.font-green {
	color: var(--green);
}

.font-orange {
	color: var(--orange);
}

.font-red {
	color: var(--red);
}

.font-black {
	color: var(--black);
}

.font-white {
	color: var(--white);
}

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

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

.carousel-caption {
    top: auto;
    bottom: 0;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    color: #B5B5B5!important;
    background: #2E2E2E!important;
}


.table-wrap {
  height: 250px;
  overflow-y: auto;
}

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

/* ++++++++++++++++++++++++++++++++++
 * FORM
 * ++++++++++++++++++++++++++++++++++*/

.selectContainer {
  width: 200px
}

select{
	color: #FFFFFF!important;
	background-color: #848484!important;
}

select:disabled{
      background-color: #2e2e2e!important;
      border: 1px solid #2e2e2e!important;
  
}

select.styleread{
      background-color: #2e2e2e!important;
      border: 1px solid #2e2e2e!important;
  
}


option{
	color: #000000;
	background-color: #848484;
}

.form-control {
    background-color: #848484;
	border: 1px solid #2e2e2e;
	color: #FFFFFF;
}

.form-control::placeholder {
    color: #FFFFFF;
}

.form-control:focus {
	background-color: #848484;
	color: #FFFFFF;
}

.custom-file-label {
	background-color: #848484;
	border: 1px solid #2e2e2e;
	color: #FFFFFF;
}

.custom-select {
	background-color: #848484;
	border: 1px solid #2e2e2e;
	color: #FFFFFF;
}

input[type=datetime-local]:read-only, input[type=date]:read-only, input[type=text]:read-only, input[type=email]:read-only, input[type=number]:read-only, input[type=password]:read-only, input[type=tel]:read-only,
input[type=datetime-local]:disabled, input[type=date]:disabled, input[type=text]:disabled, input[type=email]:disabled, input[type=number]:disabled, input[type=password]:disabled input[type=tel]:disabled {
  background-color: #2e2e2e;
  border: 1px solid #2e2e2e;
}

textarea:disabled {
	background-color: #2e2e2e!important;
	
}

textarea:read-only {
	background-color: #2e2e2e!important;
	
}

option {
	color: var(--white);
}

.jumplink {visibility: hidden; height: 0px !important; position: absolute; margin: -100px;}