body {
	color:#000000;
	background-color: #00944005;
	margin: 0;
	padding: 0;
}
body.inv { color:#FFFFFF; background-color: #009440;}

body {font-size: 100%}

h1 { font-size:20; font-family:Verdana,sans-serif; font-weight:normal; }
h2 { font-size:16; font-family:Verdana,sans-serif;}


p,ol,li,div,td,th,address,nobr,b,i { font-size:1em; font-family:Verdana,sans-serif;}
.login_sublines {
 	 font-size:7pt;
	 }

ul{ font-size:11pt; font-family:Verdana,sans-serif;display:block; padding:0; list-style:none;}
ul.main{list-style:disc; padding:0 0 0 20; display:list_item;}
li.main{list-style:disc; padding:0 0 0 20; display:list_item;}

b.error {color: red;}
p.main { font-size:13pt; font-family:Verdana,sans-serif; font-weight:bold;  }
tt {font-size:11pt; color: #000000; }


td {background-color: white; color: #000000; vertical-align: top;}
td.middle {background-color: white; color:#000000; vertical-align: middle;}
td.container_login {background-color: none; color:#000000; vertical-align: top;}
td.n {background-color: #a9a9a9; color: white; vertical-align: top;}
td.green {background-color: green; color: white; vertical-align: top;}
td.yellow {background-color: yellow; color: black; vertical-align: top;}
td.red {background-color: red; color: white; vertical-align: top;}
td.blue {background-color: blue; color: white; vertical-align: top;}
td.matchfailed
{
	background-color: black !important;
	color: white;
	vertical-align: top;
}
td.matchgreen
{
	background-color: green !important;
	color: white;
	vertical-align: top;
}
td.matchred
{
	background-color: red !important;
	color: white;
	vertical-align: top;
}
td.matchyellow
{
	background-color: yellow !important;
	color: white;
	vertical-align: top;
}
td.matchbrown
{
	background-color: brown !important;
	color: white;
	vertical-align: top;
}
td.match
{
	background-color: blue !important;
	color: white;
	vertical-align: top;
}

td.zeile1 {background-color: white; color: #000000; vertical-align: top;}
td.zeile2 {background-color: #00944010; color:#000000; vertical-align: top;}

th {background-color: white; color:#000000; vertical-align: top; text-align: left }
th.zeile1 {background-color: white; color:#000000; vertical-align: top; text-align: left }
th.zeile2{background-color: #00944010; color: #000000; vertical-align: top; text-align: left }
th.n {background-color: #009440; color: white; vertical-align: top; text-align: left }

div.generic_box_div {
	color: #000000;
}

.verticalTableHeader {
    text-align:center;
    vertical-align: middle; 
    white-space:nowrap;
    -ms-writing-mode: tb-rl;
   writing-mode: vertical-rl;
}

table.report_table {
    color: #009440;
    border-style:solid;
    border-color:#009440;
    border-width:1    border-spacing:0;
}

tr.report_table:nth-child(odd) { background-color: white; }
tr.report_table:nth-child(even) { background-color: whitesmoke; }
td.report_table {background-color: transparent;}


table.container{
    background-color: white;
    color: #009440;
    border-style:solid;
    border-color:#009440;
    border-width:1    	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}

.noborder {
	border: none; outline: none;
}

.terminbox_news{
	overflow-y:clip;
	margin-top:0;
	-ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
}
terminbox_news::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}

div.container{
background-color: white;
border-style:solid;
border-color:#009440;
border-width:1border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 5px;
}


table.container_grey{
    background-color: white;
    color: #009440;
    border-style:solid;
    border-color:#CCCCCC;
    border-width:1    	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}

table.container_login{
    background-color: none;
    color: #009440;
    border-style:solid;
    border-color:#009440;
    border-width:1}
table.container_login2{
    background-color: none;
    color: #009440;
    border-style:none;
    border-color:none;
    border-width:0px
}
table.n {background-color: white; color: #009440;}

a {color: #009440;}
a:link {color: #009440; text-decoration:none;  font-family:Verdana,sans-serif;}
a:visited { color: #009440; text-decoration:none;  font-family:Verdana,sans-serif;}
a:active { color: #009440; text-decoration:none;  font-family:Verdana,sans-serif;}

a.n:link { color: white; text-decoration:none;  font-family:Verdana,sans-serif; }
a.n:visited { color: white; text-decoration:none;  font-family:Verdana,sans-serif;}
a.n:active { color: white; text-decoration:none;  font-family:Verdana,sans-serif;}

a.n2:link { color: white; text-decoration:none;  font-family:Verdana,sans-serif; font-weight:bold;}
a.n2:visited { color: white; text-decoration:none;  font-family:Verdana,sans-serif; font-weight:bold;}
a.n2:active { color: white; text-decoration:none;  font-family:Verdana,sans-serif; font-weight:bold;}

a.footer:link {  color: #707070; text-decoration:none;  font-family:Verdana,sans-serif;}
a.footer:visited { color: #707070; text-decoration:underline;  font-family:Verdana,sans-serif;}
a.footer:active { color: #707070;  text-decoration:underline;  font-family:Verdana,sans-serif;}

a.boxstartseite2_select:link { color: white; text-decoration:none;  font-family:Verdana,sans-serif;}
a.boxstartseite2_select:visited { color: white; text-decoration:none;  font-family:Verdana,sans-serif;}
a.boxstartseite2_select:active { color: white; text-decoration:none;  font-family:Verdana,sans-serif;}

a.boxstartseite1_select:link { color: white; text-decoration:none;  font-family:Verdana,sans-serif;}
a.boxstartseite1_select:visited { color: white; text-decoration:none;  font-family:Verdana,sans-serif;}
a.boxstartseite1_select:active { color: white; text-decoration:none;  font-family:Verdana,sans-serif;}

a.header_kunde2:link { font-size:30pt;}
a.header_kunde2:visited { font-size:30pt;}
a.header_kunde2:active { font-size:30pt;}

.box_with_border{
background-color: none;
border-style:solid;
border-color:#009440;
border-width:1}

#registierung input{
height: 1px;
font-size: 0px;
border: 0px;
}

.reg_form_cell{
	display: inline;
}

#header_2015 {
width:100%;
height:100px;
background:linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), url(../img/JOBPORTAL.png);
background-position: center ;
background-repeat: no-repeat;
background-origin: content-box;
background-size: 100% auto;
z-index: 1;
}

#header_kunde2 {

padding: 5px;
margin-top: 0px;
color: #009440;
font-size:20pt;
text-align:center;
z-index: 32;

}

#boxheader_matorix_logo_left {

top:0px;
padding: 0px;
padding-left:5px;
margin-top: 0px;
color: #4f4f4f;
text-align:left;
z-index: 1;
}

#header_user_data {
margin-top: -30px;
padding-left:10px;
}

#boxstartseite1 {

position:absolute;
width:100px;
padding: 5px;
top:0px;
margin-left: 20px ;
margin-right: auto ;
margin-top: 20px;
background: white;
text-align:center;
border: 1px solid #FFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
z-index: 40;
}

#boxstartseite1_select {

position:absolute;
width:100px;
padding: 5px;
top:0px;
margin-left: 20px ;
margin-right: auto ;
margin-top: 20px;
background: #009440;
text-align:center;
border: 1px solid #009440;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
z-index: 40;
}


#boxstartseite2 {

position:absolute;
width:100px;
padding: 5px;
top:0px;
margin-left: 140px ;
margin-right: auto ;
margin-top: 20px;
background: white;
text-align:center;
/*			color: #009440; */
border: 1px solid #FFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
z-index: 40;
}

#boxstartseite2_select {

position:absolute;
width:100px;
padding: 5px;
top:0px;
margin-left: 140px ;
margin-right: auto ;
margin-top: 20px;
background: #009440;
text-align:center;
border: 1px solid #009440;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
z-index: 40;
}

#boxfreesite_back_right {

position:absolute;
width:100px;
padding: 5px;
top:0px;
right: 10px ;
margin-left: auto;
margin-right: 20px ;
margin-top: 120px;
text-align:center;
border: 1px solid #009440;
box-shadow: 1px 1px 1px rgba(0,0,0,.4);
z-index: 40;
}
.standard_button.no_fixed_size{
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
}
.standard_button {

min-width:100px;
cursor: pointer;
padding: 5px;
background: white;
text-align:center;
color: #009440;
font-size:11pt;
font-family:Verdana,sans-serif;
border: 1px solid #FFF;
box-shadow: 1px 1px 1px rgba(0,0,0,.4);
margin: 3px;
}

.standard_button:disabled {
color: #cccccc;
cursor: default;
}

.standard_button:not([disabled]):hover {
color: #FFFFFF;
border: 1px solid #009440;
background: #009440;
}

.standard_button:hover a:link {COLOR: #ffffff;}
.standard_button:hover a:visited {COLOR: #ffffff;}
.standard_button:hover a:aktive {COLOR: #ffffff;}

.float_button {
float: right;
}

.float_button_left_max_size {
	float: left;
	max-size: max-content;
}

.startseite_container_rahmen {
width:100%;
bottom:60px;
height:350px;
padding: 0px;
margin-top: 0px;
background:#FFFFFF;
position:absolute;
z-index: 5;

}

.startseite_flexreihe_rahmen {
width:100%;
bottom:50px;
height:60px;
margin: 0px;
background: #aaaaaa;
position:absolute;
z-index: 5;

}



.startseite_container_google_store {
width:30%;
bottom:25px;
padding: 5px;
margin: 0px;
position:absolute;
z-index: 6;

}

.startseite_container_apple_store {
width:30%;
bottom:5px;
left:175px;
padding: 5px;
margin: 0px;
position:absolute;
z-index: 7;

}
#startseite_container_slogen_logo {
margin-right: 20px;
margin-left: auto;
text-align:right;
z-index: 44;
}


#startseite_container {

height:300px;
width:250px;
padding: 0px;
margin: 10px auto;
background: white;
text-align:left;
font-size:14pt;
position: relative;
z-index: 5;
overflow: scroll;
}

#startseite_container_head {

background:  #009440;
text-align:center;
color: white;
font-size:14pt;

}
#startseite_container_body {
background: white;
padding: 10px;
padding-top: 15px;
text-align:left;
font-size:12pt;

}
#startseite_container_body_meldung {
background-color: white;
opacity: 0.8;
text-align:left;
font-size:10pt;
padding: 10px;
overflow: scroll;
 }

#loginbox {

width:300px;
height:auto;
margin-top: 50px;
background: white;
text-align:center;
font-size:14pt;
border: 2px solid #009440;
position: relative;
left: 50%;
transform: translateX(-50%);
z-index: 5;
}


#regbox {

width:80%;
max-width:800px;
height:auto;
padding: 5px;
margin-left: auto;
margin-right: auto;
background: #EEEEEE;
text-align:center;
font-size:14pt;
overflow: scroll;
z-index: 9999;
opacity: 0.9;

}

#boxstartseite_kunde1 {

width:auto;
padding: 5px;
margin-top: 0px;
color: white;
font-size:30pt;
font-weight:bold;
text-align:center;
z-index: 31;

}

#boxstartseite_kunde2 {
height:80px;
padding-top: 25px;
color: #009440;
font-size:20pt;
text-align:center;
z-index: 32;

}

#boxstartseite_kunde2_logo_left {
height:100px;
padding: 0px;
margin-top: 0px;
color: #009440;
font-size:30pt;
font-weight:bold;
text-align:right;
z-index: 30;
}

.loginbox_grid {
margin-top:10px;
margin-bottom:10px;
display: grid;
grid-auto-rows: auto;
grid-template-columns: min-content auto min-content;
gap: 5px 5px;
}
.loginbox_grid input{
	align-self: left;
	font-size: large;
	border-color: #009440;
}
.loginbox_grid div{
	align-self: left;
	min-width: 16px;
}
.loginbox_grid button{
	align-self: left;
	font-size: large;
}

.footer-container{
  width: 100%;
  display: flex;
  flex-direction: row;
  background:#c6c6c6;
  justify-content: space-between;
}

#slogan {
clear:left;
text-align:left;
vertical-align: bottom;
height:70%;
width:100%;
color: white;
font-size:30pt;
font-family:Verdana,sans-serif;
z-index: 1;
}

.job_invert2 {

background: #00944005;
color: #333333;
font-size:1em;
padding-left: 30;
padding-right: 30;
padding-top: 30;
padding-bottom: 30;
margin-bottom: 30;
}

.job_invert {

background:  #009440;
color: white;
font-size:1.5em;
padding-left: 30;
padding-right: 30;
padding-top: 0;
padding-bottom: 0;
}

.jobs_float_left_box {
float: left;
padding-left: 30;
padding-right: 30;
}


h1.job_invert {font-size:30pt; color:white; padding-left: 0;
}
.job_light {

background: #00944010;
color: #333333;
font-size:2em;
padding-left: 30;
padding-right: 30;
padding-top: 30;
padding-bottom: 30;
margin-bottom: 30;
}

.jobs ul {
  margin: 0 auto;
  padding: 0;
  max-height: 600px;
  overflow-y: auto;
  border-left: none;
  border-right: none;
}

.jobs_noscroll ul {
  margin: 0 auto;
  padding: 0;
  max-height: 999999999999px;
  overflow-y: visible;
  border-left: none;
  border-right: none;
}

.jobs li {
  list-style: none;
  padding: 10px 15px 10px 20px;
  width: 98%;
 
}

.jobs li:nth-child(even) {
  background-color:  #00944005;
}
.jobs_noscroll li:nth-child(even) {
  background-color:  #00944005;
}

.jobs li:nth-child(odd) {
  background-color: #FFFFFF;
}
.jobs_noscroll li:nth-child(odd) {
  background-color: #FFFFFF;
}

a.jobs:link {color: #009440; text-decoration:none;  font-family:Verdana,sans-serif;}
a.jobs:visited { color: #009440; text-decoration:none;  font-family:Verdana,sans-serif; }
a.jobs:active { color: #009440; text-decoration:none;  font-family:Verdana,sans-serif; }

#jobs p {
	font-size:1.1em;
}

.jobs p {
	font-size:1.1em;
	padding:0px 10px 0px 10px;
}


.site_headline {

background:  #009440;
inline-size: fit-content;
color: white;
margin-top: 10px;
padding-left: 30;
padding-right: 30;
padding-top: 5;
padding-bottom: 5;
min-width: 75%;
}

.site_box1 {

background: #00944010;
inline-size: fit-content;
margin-bottom: 10px;
margin-right: 5px;
padding-left: 5;
padding-right: 5;
padding-top: 5;
padding-bottom: 5;
float: left;
overflow-y: scroll;
}

.site_jobs {

background: white;
margin: 10px;
padding: 5px;
}

.site_jobs_footer {

margin: 10px;
padding: 5px;
}

.popupData {
	font-size: unset;
	margin: 0px;
	width: 100%;
}
h1.popupData {
	font-size: 20px;
}
.popupDataSet {
	font-size: unset;
	margin: 5px 5px 10px 5px;
	width: 100%;
}
.popupDataSection {
	font-size: unset;
	background: white;
	width: 100%;
}

.mx_flexbox_container{
  display:flex; flex-direction: row;flex-wrap: wrap; justify-content: left;
}

.mx_flexbox_container_column{
display:flex; flex-direction: column;flex-wrap: wrap; justify-content: center; overflow-x: scroll;
}

.mx_flexbox_item{
  background-color: white; min-width: 40ch; max-width: 50ch; box-shadow: 1px 1px 1px rgba(0,0,0,.4); text-align: center; margin: 20px; flex: 1 1 0px;
}

.background_light {
  background:#00944005;
}

.background{
background-color: #009440;
}

#matorix_body {
cursor: default;
}

.menuline {
width:100%;
margin:0px 0px auto auto;
padding:0px;
text-align:right;

}


/* main menu styles */
.nav {
display:inline-block;
width:;
margin:0px 0px auto auto;
padding:0px;
background:#FFFFFF;
text-align:right;
}


#nav ul :hover{
margin:0px 0px auto auto;
text-align:right;

}

#nav li :hover{
margin:0px;
float:left;
width:80px;
position:relative;
list-style:none;
background-color: #009440;
text-align:center;
color:#7a7a7a;

}
#nav li {
margin:0px 0px auto auto;
width:80px;
float:left;
position:relative;
list-style:none;
text-align:center;

}
#nav a {
font-weight:normal;
font-size:60%;
color:#009440;
text-decoration:none;
display:block;
padding:5px 0px;


}
#nav a :hover{
font-weight:normal;
font-size:60%;
color:#7a7a7a;
text-decoration:none;
display:block;
padding:5px 0px;


}

#matchinglistebox {

position:relative;
width:250px;
height:50px;
padding: 5px;
background: #c6c6c6;
text-align:center;
vertical-align:middle;
}

.Linkquadercolor{

		width:210px;
		cursor: pointer;
		padding: 5px;
		background:  #009440;
		color: white;
		text-align:center;
		font-family:Verdana,sans-serif;
		box-shadow: 1px 1px 1px rgba(0,0,0,.4);	
}

.link2025{
	width:210px;
		cursor: pointer;
		padding: 5px;
		background:  white;

	color: #009440;
	background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpolygon%20fill%3D%22#c82f04%22%20points%3D%222%2C2%205%2C2%205%2C3%203%2C3%203%2C9%209%2C9%209%2C7%2010%2C7%2010%2C10%202%2C10%22/%3E%3Cpolygon%20points%3D%226.2%2C2%2010%2C2%2010%2C5.8%208.6%2C4.4%206.5%2C6.5%205.5%2C5.5%207.6%2C3.4%22/%3E%3C/svg%3E") no-repeat left;	
}


#dreieck{

width: 0;
height: 0;
border-top: 30px solid transparent;
border-left: 30px solid #c6c6c6;
border-bottom: 30px solid transparent;
}

#dreieck_red{

width: 0;
height: 0;
border-top: 30px solid transparent;
border-left: 30px solid red;
border-bottom: 30px solid transparent;
}

#dreieck_green{

width: 0;
height: 0;
border-top: 30px solid transparent;
border-left: 30px solid green;
border-bottom: 30px solid transparent;
}

label > input{ /* HIDE RADIO */
position: absolute; /* Remove input from document flow */
display: inline-block;
}
label > input + img{ /* IMAGE STYLES */
cursor:pointer;
border:2px solid transparent;
}
label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
border:2px solid #009440;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

}

/* events.php */
.div-events-filterbox-search {
	margin: 4px;
	float:left;

}
.div-events-filter-search {
	border-style: none;
	height: 24px;
	float:left;

}

.div-events-filterbutton-default {
  background-color: white;
  margin: 4px;
  padding: 2px;
  float: left;
  width: max-content;

}

.div-events-filterbutton-changed {
  background-color: #00944010;
  margin: 4px;
  padding: 2px;
  float: left;
}


table.responsive-base-table{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 20px;
}

table.responsive-base-table td{
    vertical-align: middle;
}
.responsive-base-table-grey{
    background-color:#DDDDDD;
    color: #888888;
}
.responsive-base-table-grey td, .responsive-base-table-grey th{
background-color: inherit;
color: inherit;
}

/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 100; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-nohide {
position: fixed; /* Stay in place */
z-index: 100; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
pointer-events: auto !important;
}

/* Modal Content */
.modal-content {
background-color: #fefefe;
margin: auto;
border: 1px solid #888;
position: absolute;
top: 50%;
left: 50%;
width: 90%;
transform: translate(-50%,-50%);
max-height: 80%;
}
.modal-content.nopadding {
padding: 0; !important
}
div.modal-title{
display: flex;
flex-direction: row;
font-size: x-large;
height: 1.5em;
background-color: #009440;
color: #FFFFFF;
}
div.modal-close-button{
align-self: flex-end;
height: 100%;
cursor: pointer;
font-size: 16pt;
vertical-align: center;
padding-right: 8px;
}

/* The Close Button */
.close {
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
}

.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}

#reg_box_circle {
    background-color: #009440;
    width: 35px;
    height: 35px;
    border: 10px solid #009440;
    text-align:center;
		font-size:28px;
    border-radius:50px;
	  color: #FFFFFF;
}

.error_pwd_reg {
	float:left;
	padding-top: 5px;
	clear:left;
}

.error_pwd_reg_text {
	padding-top: 5px;
	height:40px;
	line-height: 40px;
	vertical-align: middle;
}

/**
* The dnd-list should always have a min-height,
* otherwise you can't drop to it once it's empty
*/
div[dnd-list] {
min-height: 42px;
padding-left: 0;
}

/**
* The dndDraggingSource class will be applied to
* the source element of a drag operation. It makes
* sense to hide it to give the user the feeling
* that he's actually moving it.
*/
div[dnd-list] .dndDraggingSource {
display: none;
}

/**
* An element with .dndPlaceholder class will be
* added to the dnd-list while the user is dragging
* over it.
*/
div[dnd-list] .dndPlaceholder {
background-color: rgba(128, 128, 128, 128);
display: block;
min-height: 42px;
}

.cursor-move{
cursor: move;
}

.mx-liste-item .dndDragging {
opacity: 0.7;
}

.mx-liste-card {
display: block;
width: calc(100% - 15px);
color: #111111;
background-color: #d3d3d3;
border-radius: 3px;
border: 1px solid #ababab;
box-shadow: 5px 5px 5px lightgray;
margin: 5px;
overflow: hidden;
}

.mx-liste-card.selected{
border-color: black;
}

.mx-liste-plus-button {
font-size: x-large !important;
alignment: center;
width: calc(100% - 23px);
}

.mx-liste.selected {
background-color: #0a87c8;
}

.mx-liste-flex-container {
flex: 1;
overflow: auto;
height: 100%
}

.mx-liste button {
font: small "Arial";
display: inline-block;
text-align: center;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
border: 1px solid transparent;
background: transparent;
color: #636363;
margin: 2px;
border-radius: 3px;
}

.mx-liste button:hover {
cursor: pointer;
/*padding: 10px 20px;*/
border: 1px solid #636363;
background: transparent;
transition: .5s;
}

.mx-liste button[type="submit"] {
background: #1ec103;
color: white;
border: 1px solid #1ec103;
transition: .5s;
}

.mx-liste button[type="submit"]:hover {
border: 1px solid white;
transition: .5s;
}

.mx-liste button[type="reset"] {
background: #ff0003;
color: white;
border: 1px solid #ff0003;
transition: .5s;
}

.mx-liste button[type="reset"]:hover {
border: 1px solid white;
transition: .5s;
}

.float-right {
float: right;
}

.unselectable{
user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}

.mx-liste-titlebar {
user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
font-size: large;
background-color: #009440;
width: 100%;
color: white;
overflow: hidden;
}

.mx-liste-errorbox {
background-color: rosybrown;
border: 2px solid red;
color: red;
text-align: center;
width: 100%;

}

.mx-liste-card.selected > .mx-liste-titlebar{
background-color: rgba(200,200,200,200);
color: black;
}


.mx-liste input {
object-fit: cover;
margin: 1px;
padding-left: 3px;
padding-right: 3px;
min-width: 15px;
background: transparent;
border-left: none;
border-right: none;
border-top: none;
border-bottom: 2px solid #444444;
}

.mx-liste textarea {
width: 100%;
background: transparent;
border: 2px solid gray(60);
border-radius: 3px;
resize: none;
}

.mx-liste-hint {
height: 5em;
overflow-y: auto;
}

input.mx-liste-hint > div {
position: absolute;
bottom: 0;
display: table;
z-index: 200;
border: 2px solid gray(60);
}

.mx-liste table {
width: 100%;
border: none;
background-color: transparent;
}

.mx-liste td {
border: none;
background-color: transparent;
color: black;
}

.mx-liste select {
display: inline-block;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
border: 1px solid transparent;
background: transparent;
margin: 2px;
border-radius: 3px;
}

.mx-liste .hint:hover {
cursor: pointer;
transition: .3s;
color: #009440;
}

.mx-liste form {
margin: initial;
}

.mx-liste button[disabled] {
background-color: transparent;
cursor: not-allowed;
color: gray;
}

.full-width {
width: 100%;
}

.two-width-input {
width: 3em;
}

textarea.no-resize{
width: 100%;
background: transparent;
border: 2px solid gray(60);
border-radius: 3px;
resize: none;
}

.mx button{
  background-color: #FFFFFF;
  border: 1px solid #009440;
  border-radius: 3px;
}

.mx button:hover{
  transition: 0.5s;
  background-color: #009440;
  color: #FFFFFF}
.mx button[disabled]{
  background-color: transparent;
  cursor: not-allowed;
  color: gray;
}

.mx button.large{
  font-size: 11pt;
  padding: 3px;
  margin: 5px;
}

.inline {
font: inherit;
color: inherit;
margin-left: 3px;
margin-right: 3px;
display: inline;
}

input.inline {
border-left: none;
border-right: none;
border-top: none;
border-bottom: 1px dotted;
}

input.ng-invalid.ng-touched {
border-color: red;
}

.mx-container {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}

.mx-container > * {
width: 100%;
max-width: 800px;
border: 1px grey solid;
border-radius: 3px;
margin-top: 6px;
margin-bottom: 6px;
padding: 4px;
}

  all: inherit;
}

table.mx-tidy-table td{
  padding: 4px;
}
table.mx-tidy-table tr>th{
  border-bottom: solid 1px grey;
}
table.mx-tidy-table tr:nth-child(odd){
  background-color: #CCCCCC;
}
table.mx-tidy-table tr:nth-child(odd) td{
background-color: #CCCCCC;
}

table.mx-tidy-table-2 {
  border-collapse:collapse;border-spacing:0;
}
table.mx-tidy-table-2 td{
  border: 1px solid #222222;
  padding: 4px;
}
table.mx-tidy-table-2 th{
  border-bottom: solid 3px #222222;
  padding-left: 8px;
  padding-right: 8px;
}

div.popover{
position: absolute;
top: 100%;
z-index: 1000000;
display: block;
background-color: white;
border: grey 1px solid;
-webkit-box-shadow: 4px 4px 5px 0 grey;
-moz-box-shadow: 4px 4px 5px 0 grey;
box-shadow: 4px 4px 5px 0 grey;
padding: 3px;
}
div.popover.invisible{
display: none;
pointer-events: none;
}

.mx-ja-button{
background-color: green;
color:white;
}
.mx-nein-button{
background-color: red;
color:white;
}
input[type='checkbox'].mxMaliCheckbox{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #cacece;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
padding: 9px;
border-radius: 3px;
border-color: red;
display: inline-block;
position: relative;
width: 20px;
height: 20px;
}
input[type='checkbox'].mxMaliCheckbox:checked{
color: green;
border-color: green;
}
input[type='checkbox'].mxMaliCheckbox:checked:after {
content: '\2714';
font-size: 14px;
top: 0px;
left: 3px;
color: green;
position: absolute;
}

input[type='checkbox'].mxMaliCheckbox.inverted{
color: green;
border-color: green;
}
input[type='checkbox'].mxMaliCheckbox.inverted:after{
content: '\2714';
font-size: 14px;
top: 0px;
left: 3px;
color: green;
position: absolute;
}

input[type='checkbox'].mxMaliCheckbox.inverted:checked{
color:red;
border-color: red;
}
input[type='checkbox'].mxMaliCheckbox.inverted:checked:after {
content: '';
font-size: 14px;
position: absolute;
top: 0px;
left: 3px;
color: red;
}


table.mxTable .fit-to-content{
width: 0;
overflow: hidden;
}

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


/*popup für teilnehmer */
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
	display: none;
    opacity: 0;
}

.overlay:target {
    visibility: visible;
	display: inline-block;
	
	opacity: 1;
}

.popup {
    margin: 70px;
    padding: 20px;
    background: #FFF;
    border-radius: 5px;
    border: 10px solid #009440;
    min-width: 30%;
    max-width: 90%;
    z-index: 9999;
    position: relative;
    transition: all 5s ease-in-out;
}

.popup .close {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}

.popup .close:hover {
    color: orange;
}

.popup .content {
    max-height: 80%;
    width: 90%;
    overflow: auto;
}

.colorcircle {
    height: 11pt;
    width: 11pt;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid grey;
    margin-left: 6px;
}

.mx-progressBarForeground{
    background-color: #009440;
    min-height: 20px;
    height: 100%;
}
.mx-progressBarBackground{
    width: 100%;
    height: 100%;
    background-color: lightgray;
    min-height: 20px;
    min-width: 120px;
}

/* email_liste.php */

.email_liste_box {
width: 600px;
position: absolute;
z-index: 110;
margin-top: -80px;
margin-bottom: 50px;
margin-left: -33px;
background: white;
font-size: 14pt;
border: 1px solid #FFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
}

#email_liste_wahl {
height: 73px;
}

#email_liste_wahltext {
margin: 26px 7px;
position: absolute;
}

.email_liste_sprachen_buttons {
position: absolute;
left: 90px;
width: 125px;
height: 51px;
margin: 11px 7px;
border: 1px solid lightgrey;
}

.email_liste_rollen_button {
width: 170px;
height: 18px;
}

.email_liste_vorlagen_buttons {
position: absolute;
left: 90px;
width: 105px;
height: 51px;
margin: 11px 7px;
border: 1px solid lightgrey;
}

#email_liste_vorlage_erstellen_box {
position: absolute;
left: 600px;
margin: 80px 0 0 -383px;
width: 500px;
height: 51px;
border: 1px solid lightgrey;
}

.email_liste_select_vorlage {
position: absolute;
left: 20px;
margin-top: 16px;
font-family: inherit;
text-align-last: center;
}

#email_liste_neue_vorlage_submit {
position: absolute;
left: 290px;
margin-top: 11px;
width: 190px;
height: 30px;
border: 1px solid lightgrey;
}

#email_liste_neue_vorlage_submit:hover {
background: #009440;
}

.email_liste_rollen_buttons {
position: absolute;
left: 90px;
width: 165px;
height: 51px;
margin: 11px 7px;
border: 1px solid lightgrey;
}

#email_list_table {
width: 1px;
color: #000000;
border-style: dotted;
border-color: #ff6633;
border-width: 3px;
}

.email_liste_aktiv_td {
width: 43px;
}

.email_liste_th_email_header {
width: 170px;
text-align: center;
background-color: #f5f5f5;
color: #000000;
}

.email_liste_td_email_header {
background-color: #fafafa;
color: #000000;
}

.email_liste_submit_button_loeschen {
position: relative;
width: 82px;
height: 20px;
border: 1px solid lightgrey;
}
.email_liste_submit_button_loeschen:hover {
background: #009440;
}

.email_liste_submit_button {
position: relative;
left: 9px;
width: 20px;
height: 20px;
border: 1px solid lightgrey;
}

.email_liste_aktiv_button {
position: relative;
left: 10px;
width: 21px;
height: 21px;
}
#email_liste_middle_box {
position: relative;
width: 600px;
height:190px;
border-bottom: 1px solid lightgrey;
}

#email_liste_modus_text {
position: absolute;
left: 127px;
width: 60px;
text-align: center;
}

#email_liste_modus_box {
position: absolute;
left: 30px;
top: 50px;
}

.email_liste_select_mode {
position:absolute;
width: 260px;
height: 40px;
left: 30px;
top: 50px;
font-family: inherit;
text-align-last:center;
}

.email_liste_option_mode {
font-size: 1.3em;
}

.email_liste_box_field {
position: relative;
width: 250px;
height: 49px;
border: 1px solid #c6c6c6;
border-radius: 5px;
}

.email_liste_p_box_field {
position: relative;
padding-top: 14.667px;
padding-bottom: 14.667px;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}

#email_liste_bemerkung_text {
position: absolute;
left: 401px;
width: 100px;
text-align: center;
}

.email_liste_bemerkung_feld {
position: absolute;
z-index: 101;
width: 242px;
height: 125px;
left: 330px;
top: 50px;
}

#email_liste_lower_box {
position: relative;
width: 600px;
height: 390px;
}

#email_liste_sprachen_text {
position:absolute;
left: 230px;
top: 20px;
width: 140px;
text-align: center;
}

.email_liste_textarea_submit_button {
position: absolute;
width: 125px;
height: 25px;
left: 388px;
top: 180px;
border: 1px solid lightgrey;
}

.email_liste_textarea_submit_button:hover {
background: #009440;
}

.email_liste_subject_feld {
position: absolute;
top: 60px;
left: 50px;
width: 500px;
}

.email_liste_textarea_body {
position: absolute;
width: 550px;
height: 250px;
top: 90px;
left: 25px;
}

.email_liste_email_submit_button {
position: absolute;
top: 346px;
left: 230px;
width: 140px;
height: 25px;
border: 1px solid lightgrey;
}

.email_liste_email_submit_button:hover {
background: #009440;
}


/* anrede_aendern.php */

#anrede_aendern_neue_vorlage_disp {
position: absolute;
left: 90px;
z-index: 99;
margin: 11px 7px;
width: 170px;
height: 49px;
border: 1px solid lightgrey;
text-align: center;
}

#anrede_aendern_neue_vorlage_disp:hover {
background: #009440;
}

#anrede_aendern_neue_vorlage_box {
position:absolute;
left: 30px;
top: 375px;
height: 320px;
z-index: 100;
border: 1px solid lightgrey;
background:#fff;
}

#anrede_aendern_neue_vorlage_text {
position: relative;
margin: 10px 0;
padding: 0 0 10px 0;
width: 100%;
text-align: center;
border-bottom: 1px solid lightgrey;
}

#anrede_aendern_line {
width: 99.5%;
margin: 15px 0 5px 0;
border: 1px solid lightgrey;
}

#anrede_aendern_anrede_texte_box {
position: relative;
float: left;
margin-right: 10px;
}

.anrede_aendern_text_input {
position: relative;
height: 25px;
width: 300px;
margin: 15px 0 0 7px;
}

#anrede_aendern_vorlage_submit {
position: relative;
width: 190px;
height: 30px;
border: 1px solid lightgrey;
margin: 20px 0 10px 58px;
}

#anrede_aendern_vorlage_submit:hover {
background: #009440;
}

.anrede_aendern_vorlagen {
position: absolute;
left: 90px;
z-index: 99;
margin: 11px 7px;
width: 170px;
height: 49px;
border: 1px solid lightgrey;
word-break: break-all;
text-align: center;
}

.anrede_aendern_vorlagen:hover {
background: #009440;
}

.anrede_aendern_vorlagen_box {
position: absolute;
height: 300px;
left: 30px;
top: 375px;
z-index: 100;
border: 1px solid lightgrey;
background: #fff;
text-align: center;
}

.row::after {
  content: "";
  clear: both;
  display: block;
}

.centered {
    float:none;
    margin:0 auto;
}


.logo_startseite {
 display:  inline-block;
 border:0;
 height:auto;
 width:auto;
max-height:80px;
 max-width:350px;
position: absolute;
 top: auto;
    bottom: auto;
    right: 0;
  margin-top: 10px;
  margin-bottom:auto;
  margin-right: 10px;
 margin-left: auto;
  }

.logo_startseite_left {
 display:  inline-block;
 border:0;
 height:auto;
 width:auto;
max-height:80px;
 max-width:350px;
position: relative;
 top: auto;
    bottom: auto;
    right: 0;
  margin-top: 10px;
  margin-bottom:auto;
  margin-right: auto;
 margin-left: 10px;
  }

#logo_startseite_box {
position: relative;
 }

#avatar {
       /* make a square container */
       width: 65px;
       height: 65px;
		margin-left: 5px;
       /* fill the container, preserving aspect ratio, and cropping to fit */
       background-size: cover;

       /* center the image vertically and horizontally */
       background-position: top center;

       /* round the edges to a circle with border radius 1/2 container size */
       border-radius: 50%;
       
       float: left;
}

#wahl_box {
position: relative;
margin: 0 auto;
width: 350px;
border: 1px solid lightgrey;
}

.warning_nextstep {
	display: inline-block;
	background-color: #F9D6D6;
	text-align: center;
	padding: 10px;
	margin: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}

.notice {
	display: inline-block;
	background-color: #00944010;
	text-align: center;
	padding: 10px;
	margin: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}

p.job_footer_small_device {
font-size: 1em;
margin-left: 10px;
}


[class*="col-"] {
  float: left;
}

.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

.startseite_anchor{
	margin: 7px;
	text-shadow: 1px 2px 4px rgba(0,0,0,.4);
}
.startseite_anchor_item{
	margin: 5px;
}
.header_menu{
	display: flex; 
	justify-content: flex-start; 
	flex-wrap: wrap; 
	height: max-content; 
	width: max-content;
	background-color: rgba(255, 255, 255); 
}

	.jobs_dropbox{
	width: 200px;
  	}

.dropbtn{
	display: none;
}


.weitereAngaben, .weitereAngaben2, .weitereAngaben3, .weitereAngaben4, .weitereAngaben5{
	display:none;
}
.weitereAngabenBtn{
	margin-bottom: 15px;
	cursor: pointer;
	text-decoration: underline;
	font-style: italic;
	color: #009440;

	background-color: transparent;
	border: none;
	outline: none;
	background-repeat: no-repeat;
	overflow: hidden;
}
.weitereAngabenBtn:active{
	opacity:60%;
}

.vorlagen_button{
	margin: 0 6px 0 6px;
	background: transparent;
    border: none !important;
}
.hoverImg {
    display: none;
}
.vorlagen_button:hover .hoverImg {
    display: inline-block;
}
.vorlagen_button:hover .initImg {
    display: none;
}
	
.calendarUserLinesSpaces {
	padding-bottom: 3px;
	margin-bottom: 0px;
}
.calendarUserLinesSpacesLarger {
	padding-bottom: 20px;
	margin-bottom: 0px;
}

.linkButton {
	margin:auto;
	display:block;
	background-size:cover;
	width:25px;
	height:25px;
}

.row_div.row_div_narrow {
	height:45px;
}

div.box-row {
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
	border-radius: 10px;
	height: auto;
	text-align: center;
}

div.box-col {
	margin: 5px;
	padding: 10px 6px;
	box-sizing: border-box;
	text-align: left;
	hyphens: auto;
}
div.box-col.termin-checkbox {
	width: 30px;
}
div.box-col.termin-start {
	text-align: center;
	width: 140px;
}
div.box-col.termin-title {
	width: 160px;
}
div.box-col.termin-referent {
	width: 130px;
}
div.box-col.termin-desc {
	width: 240px;
}
div.box-col.termin-beg {
	width: 300px;
}
div.box-col.termin-time {
	width: 125px;
}

.divider_details{
		margin-top:20px;
	}

@media only screen and (min-width: 1240px)
{
	table.anmelde_table * {
		font-size: 16px;
	}

	#anmelde_info_box{
		width: auto;
		width: 90%;
		min-width: 400px;
	}

	#dateTitle{
		font-size:32px;
	}
}

@media only screen and (max-width: 1240px)
{
	#anmelde_info_box{
		width: 354;
	}
}

/* CSS options for devices with screen based on the following parameters (usually max-width of 1024px) */
@media only screen  
			and	(max-device-width : 414px)
    		and (max-device-height : 896px)
    		and (-webkit-device-pixel-ratio : 2),(max-height: 500px),(max-width: 750px),(max-device-width : 1024px)
{
	[class*="col-"] {
    	width: 100%;
  		float: center;
	}

	.divider_details{
		margin-top:50px;
	}

	#reg_box_circle {
	display:none;
    background-color: #009440;
    width: 15px;
    height: 15px;
    border: 10px solid #009440;
    text-align:center;
		font-size:28px;
    border-radius:50px;
	  color: #FFFFFF;
}

	.startseite_regbox td{
		background-color: transparent;
		display:block;
	}

	.error_pwd_reg {
		float:left;
		padding-top: 5px;
	}

	.error_pwd_reg_text {
		padding-top: 5px;
		line-height:20px;
	}

	.loginbox_grid {
		margin-top: 10px;
		margin-bottom: 10px;
		display: grid;
	}
	.loginbox_grid input {
		margin-top: 10px;
		align-self: left;
		font-size: large;
	}
	.loginbox_grid button{
		
		margin-top: 5px;
		margin-bottom:5px;
		align-self: left;
		font-size: large;
	}
	

	#calendarButton{
		height:25px;
		width:100px;
		border: none;
		cursor: pointer;
		background-color: #009440;
		color: #000000;
	}

	#calendarButton:hover {
		opacity: 0.8;
	}

	#calendar{
		padding-top:15px;
	}

	.nav{
		display:none;
	}

	.show{
		display:block;
	}

	.quick-login{
		display: none;
	}

	.dropbtn:hover {
		opacity: 0.8;
	}
	
	.dropbtn {
		background-color: #009440;
  		padding: 14px;
  		border: none;
  		cursor: pointer;
		display: inherit;
		min-width: 80px;
	}

	.dropdown{
		position: relative;
		display: inline-block;
	}

	.startseite_anchor{
		margin: 5px;
		text-shadow: 1px 2px 4px rgba(0,0,0,0.3);
		background-color: rgba(255, 255, 255, 0.9);
		padding: 5px;
		max-width: 400px;
		min-width: 230px;
		min-height: 20px;
		border-radius: 5px;	
		font-weight: 600;
		display: flex;
		justify-content: center;
		align-items: center; 
	}
	.startseite_anchor_item{
		margin: 5px;
		visibility: hidden;
	}

	.header_menu{
		flex-direction: column;
		background-color: #00944050;
		text-align: center;
		margin:auto;
		padding: 5px;
		display: flex; 
		justify-content: flex-start; 
		flex-wrap: wrap; 
		height: max-content; 
		width: max-content;
	}

   	.jobs_dropbox_label{
		font-size: 1.3em;
  	}
  	.jobs_dropbox{
		height: 50px;
		width: 200px;
		font-size: 1.1em;
  	}

  	.jobs_item_small {
		margin-top: -15px;
		margin-bottom: -15px;
	}
	.login_sublines {
		font-size:3vw;
	}
	.login_sublines2 {
		font-size:5vw;
	}

	.login_td {
 		font-size:5vw;
 		border-color: #009440;
	}

	/* main menu styles */
	.nav_li_oben{
		float: left;
		display: inline;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
	}

	#nav li :hover{
		width:100%;
	}

	#nav li {
		width:100%;
	}

	#nav a {
		font-size:100%;
	}

	#boxstartseite_kunde2 {
		height:auto;
		background: white;
		text-align:center;
		margin-top: 0px;
		padding-top: 0px;
		font-size:10vw;
	}

	#startseite_container {
		width:100%;
		height:auto;
		padding: 0px;
		margin: auto;
		background: white;
		text-align:left;
		font-size:14pt;
		position: relative;
		z-index: 5;
		overflow: scroll;
	}

	#boxstartseite_kunde2_logo_left {
		height:100px;
		margin: auto;
	}

	.logo_startseite {
		display: block;
		position: relative;
		border:0;
		margin-left: auto;
		margin-right: auto;
		max-height:100%;
		max-width:100%;
	}

	.startseite_container_rahmen {
		width:100%;
		bottom:auto;
		height:auto;
		padding: 0;
		margin: 0px;
		margin-top: 10px;
		background:#FFFFFF;
		position:relative;
		z-index: 5;
	}

	#startseite_container_slogen_logo {
		width:100%;
		bottom: auto;
		padding: 5px;
		margin-bottom: 40px;
		text-align:right;
		background: #aaaaaa;
		position:relative;
		z-index: 5;
	}

	.startseite_flexreihe_rahmen {
		width:100%;
		bottom:auto;
		height:10px;
		padding: 0px;
		//background:#FFFFFF;
		background: white;
		position:relative;
		z-index: 5;
	}

	#startseite_container_body_meldung {
		font-size: 3vw;
		height: auto;
	}

	#startseite_container_body {
		font-size: 3vw;
		height: auto;
	}

	.startseite_container_google_store {
		width:30%;
		bottom:-24px;
		padding: 5px;
		margin: 0px;
		position:relative;
		z-index: 6;
	}

	.startseite_container_apple_store {
		width:30%;
		bottom:-55px;
		left:175px;
		padding: 5px;
		margin: 0px;
		position:relative;
		z-index: 7;
	}



	input[type="checkbox"]{
		width: 1.5em;
		height: 1.5em;
	}

	.standard_button {
		width:100px;
		cursor: pointer;
		padding: 5px;
		background: white;
		text-align:center;
  		font-size: large;
		color: #009440;
		font-family:Verdana,sans-serif;
		border: 1px solid #FFF;
		box-shadow: 1px 1px 1px rgba(0,0,0,.4);
	}

	#slogan {
		height:30%;
		overflow: auto;
	}

	.popup {
		min-width: 50%;
		max-width: 100%;
	}
	.popup .content {
		max-height: 100%;
		width: 100%;
		overflow: auto;
	}

	p.job_footer_small_device {
		font-size: 0,5em;
		margin-left: 10px;
	}

	.job_no_small_device {
		display:none;
		margin-left: 10px;
	}

	div.box-row {
		margin-top: 10px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		border-radius: 10px;
		height: auto;
		text-align: center;
	}

	div.box-col.termin-checkbox, div.box-col.termin-start, div.box-col.termin-title, div.box-col.termin-referent, div.box-col.termin-desc, div.box-col.termin-time, div.box-col.termin-beg{
		display: inline-block;
		width: 300px;
		margin: auto;
		padding: 5px 5px;
		box-sizing: border-box;
		text-align: center;
	}
}

@media print {
	html, body {
		max-width: 200mm;
	}

	[class*="col-"] {
    	width: 50%;
  		float: center;
	}


	.menuline {
		display:none;
	}
	#header_kunde2 {
		display:none;
	}
	.logo_startseite {
		display:none;
	}
	#header_user_data {
		display:none;
	}

	.non_print {
		display:none;
	}
	.standard_button {
		display:none;
	}
	p,ol,li,div,address,nobr,b,i ,a {
		color: black;
		background-color: #fff;
	}
	td,th {
		color: black;
		background-color: #fff;
		font-size:0.5em;
	}
}

.mx-file-upload-dropbox{
	background: #F8F8F8;
	border: 5px dashed #009440;
	text-align: center;
	vertical-align: center;
}
.mx-file-upload-dropbox-ondrop{
	background: #009440;
	border: 5px dashed white;
	color: white;
}

// kalender.php ----------------------------------------------------------------

.background_basic {
	background-color: #FFFFFF;
}

.background_akzent1 {
	background-color: #009440;
}

.kalender_body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	font-size: 14px;
	color: #707070;
}

.center-horizontal{
	text-align: center;
}
.center-vertical{
	display: flex;
	justify-content: center;
}

.kalender_button {
	text-align: center;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
	height: 25px;
	border: 1px solid lightgrey;
	font-size: 11pt;
	font-family: Verdana,sans-serif;
}

.kalender_button:hover:enabled{
	background-color: #009440;
}

.kalender_button:disabled {
	color: #505050;
}

.kalender_button:disabled:hover {
	cursor: not-allowed;
	background: none !important;
}

#anzeigeCheck {
	position: relative;
	width: 300px;
	height:40px;
}

#area {
	display: grid;
	grid-template-columns: 35% 5% 60%;
}

#calendar {
	max-width: 1000px;
	margin: 10px auto;
	padding-right:25px;
	padding-left:25px;
	grid-column-start: 3;
	grid-column-end: 4;
}

#edit_box {
	display: table;
	grid-column-start: 1;
	grid-column-end: 2;
	margin: 10px auto;
	width: 379px;
	border: 1px solid lightgrey;
	background: #fff;
	z-index: 200;
	height:400px;
}

.big_button {
	position: relative;
	width: 33%;
	height: 50px;
	margin: 0px;
	padding: 0px;
}

#Termininfo_box {
	display: table;
	grid-column-start: 1;
	grid-column-end: 3;
	margin: 0px auto 0px auto;
	padding-left: 10px;
	width: 369px;
	z-index: 200;
}

.row_div{
	width:100%;
	height:60px;
}

.row_div_inner_left{
	padding:0px !important;
	margin:0;
	word-break: normal;
	float:left;
}

.row_div_inner_right{
	padding:0px !important;
	word-break: normal;
	float:right !important;
}

#addSlot_box {
	position: relative;
	display: none;
	width: 354px;
	min-height: 120px;
	margin-top: 10px;
	margin-left:-10px;
	background: #fff;
	z-index: 201;
	border: 1px solid lightgrey;
	border-right:0px;
}

#fb_select{
	display: none;
	margin: 0px auto 0px auto;
	width: 340px;
	border: 1px solid lightgrey;
	background: #fff;
	z-index: 201;
}

.form-group {
	margin-top: 10px;
}

#newTermin_box {
	display: none;
	grid-column-start: 1;
	grid-column-end: 3;
	margin: 0px auto 0px auto;
	width: 369px;
margin-left:10px;
	z-index: 200;
}

#anmelde_info_box {
	display: table;
	position: relative;
	grid-column-start: 1;
	grid-column-end: 3;
	margin: 50px auto 10px auto;
	padding-left: 10px;
	height: 300px;
	border: 1px solid lightgrey;
	background: #fff;
	z-index: 200;
}

@media only screen and (max-width: 1024px) {
	#area {
		grid-template-columns: 1fr;
	}

	#calendar {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 3;
		grid-row-end: 4;
	}

	#newTermin_box {
		grid-row-start: 1;
		grid-row-end: 2;
	}

	#anmelde_info_box {
		top: 0px;
	}
}

.switch {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-top: 50%;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px;
}

.slider>.slider-button {
  position: absolute;
  content: "";
  height: 80%;
  width: 40%;
  left: 7.5%;
  bottom: 10%;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 2000px;
  display: inline;
  text-align: center;
  vertical-align: middle;
  user-select: none;
}

input:checked + .slider {
  background-color: #009440}

input:focus + .slider {
  box-shadow: 0 0 1px #009440}

input:checked + .slider>.slider-button {
  -webkit-transform: translateX(110%);
  -ms-transform: translateX(110%);
  transform: translateX(110%);
}

/* for IE */
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
	#area {
		position: relative;
		width: 1500px;
		height: 900px;
		margin: 0px auto;
	}

	#calendar {
		position: relative;
		float: right;
	}

	#edit_box {
		position: relative;
		float: left;
		top: 0px;
	}

	#Termininfo_box {
		position: relative;
	}

	#newTermin_box {
		position: relative;
	}
	input[disabled]{
		outline:1px solid grey;
	}

	#anmelde_info_box {
		position: relative;
		float: left;
		top: 50px;
	}
}

.load-spinner {
  border: 0.3em solid #f3f3f3;
  border-top: 0.3em solid #009440;
  border-radius: 50%;
  width: 2em;
  height: 2em;
  animation: spin 2s linear infinite;
	display: inline-block;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.truncate-overflow {
 display: -webkit-box;
 overflow: hidden;
 -webkit-line-clamp: 4;
 -webkit-box-orient: vertical;
}

.truncate-overflow:hover {
	display: box;
	overflow: unset;
	-webkit-line-clamp: none;
}

.flex-card{
border-radius: 8px;
box-shadow: 5px 5px 5px darkgrey;
text-align: center;
margin: 20px;
padding: 20px;
flex: 1 1 0px;
max-width: 50ch;
min-width: fit-content;
}
.akzent-text-color{
	color: #009440;
}
.akzent-border-color{
border-color: #009440;
}
.akzent-background-color{
background-color: #009440;
}
.sticky-top{
position: sticky;
top: 0;
}
.sticky-left{
position: sticky;
left: 0;
}

.startseite-section-fullscreen{
width: 100%;
height: 60vh;
}
.startseite-section-fullscreen .background{
height: 60%;
width: 100%;
z-index: -100;
position: absolute;
overflow: hidden;
object-fit: cover;
content: url(../img/JOBPORTAL.png);
}
.startseite-section-fullscreen .slogan{
	font-size: xx-large;
	font-weight: bolder;
	color: #FFFFFF;
	margin-left: min(1em,2vw);
	word-wrap: break-word;
	overflow-wrap: break-word;
	hyphens: auto;
	background-color:  #00944070;
	width: fit-content;
  	height: fit-content;
	padding: 10px;
}
@keyframes slide-right{
	from {
		margin-left: -50%;
	}
	to {
		margin-left: 1em;
	}
}
.startseite-main{
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: 1fr 1fr 1fr;
	gap: 5px 5px;
	grid-template-areas:
	"."
	"."
	".";
}
.flex-row{
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
}
.flex-card-50percent{
	flex-basis: 50ch;
	margin: 10px;
	flex-grow: 1;
	padding: 10px;
}
.startseite-section{
	width: 100%;
}
.startseite-section h1{
	text-decoration: underline;
	text-decoration-color: #009440;
	text-decoration-thickness: 3px;
}
.quick-login-form{
	display: grid;
	grid-auto-rows: auto;
	grid-template-columns: auto 2em;
	gap: 5px 5px;
	width: 100%;
}
.quick-login{
	width: fit-content;
	height: fit-content;
	position: relative;
	right: 0;
	padding: 0px;
	margin: 10px;
	background-color: #00944030;
	/*box-shadow: 1px 2px 4px rgba(0,0,0,.4);*/
}
.quick-login form{
	margin: 0;
	margin: 0.3em;
}
.quick-login .topbar{
	padding: 0;
	margin: 0;
	background-color: #009440;
	color: #FFFFFF;
	padding: 2px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.topnav{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.embedded-iframe{
	position: relative;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.footer2{
	padding: 10px 10px 10px 10px;
	background-color: #00944005;
	font-size: 11pt;
	display: flex;
	justify-content: space-between;
	margin-top: 2em;
	position: relative;
	bottom: 0;
	clear: left;

}
.footer{
	font-size: 11pt;
	display: flex;
	float: left;
	justify-content: space-between;
	position: relative;
	bottom: 0;
	width:100%;
}

.startseite_container{
	background-color: white;
}

.startseite_regbox td{
	background-color: transparent;
}