@charset "utf-8";
/* saira-semi-condensed-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/saira-semi-condensed-v13-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/saira-semi-condensed-v13-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* saira-semi-condensed-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/saira-semi-condensed-v13-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/saira-semi-condensed-v13-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
*, html, body {
	font-family: 'Saira Semi Condensed', sans-serif;
}
main {
	height: 100%;
}
a {
	color:#222;
}
a:hover {
	color:#000;
}
body {		
    height:100%;
    width:100%;
    font-size: 20px;
    margin: 0px;
    padding: 0px;
	
    color: #666;
    background-color: #F9F9F9;
	box-sizing: border-box;
/*	background-image: url("bg.gif");
	background-repeat: repeat-x;*/
}
body div h1 {
    margin-top: 0px;
    margin-bottom: auto;
    font-weight: normal;
    text-align: center;
}
h1 {color: #444;}
hr {
	
}
table {
	width:500px;
}
td {
	padding:10px;
}
td.ce {
	text-align: center;
}
td.li {
	width: 200px;
	text-align: right;
}
td.re {
	width: 300px;
		text-align: left;
}

#suchloeschbutton {
	position: relative;
	left: -30px;
	top: 0px;	
}
.right {
	position:relative;
	right: 0;
	top:0;    
	padding:19px;
}
.liste .right {
    visibility: visible;
	padding:0;
}
.login .right {
    visibility: hidden;
}
.logo {
    height: 80px; 
	width: 100%;
    margin:0; 
    padding:0;
	background-image: url("../img/bg_header.jpg");
	background-position: center;
	background-repeat: no-repeat;
    text-align: center;
}
.subheader {
	background-image: url("../img/subhead.jpg");
	background-position: center;
	background-repeat: no-repeat;
	height: 40px;
	text-align: center;
}
.head {
    background-color: #D0463E;
    top: 0px;
}


.loginbox form {
    margin: 8px;
}
.loginbox {    
    z-index: 25;

	margin-right:auto;
	margin-left: auto;
	padding:5px;
    
}
.loginbox form .le {
    font-size: 20px;
    line-height: 30px;
	width:150px;
}
.loginbox form .ri {
    width: 280px;
}
input[type="submit"], input[type="text"], input[type="password"] {
    font-size: 20px;
    line-height: 25px;
    float: none;
    width: 200px;
	padding: 3px;
}
input[type="submit"] {
    font-size: 20px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
input[type="checkbox"] {

}
.loginbox h2 {
    text-align: center;
    font-weight: normal;
}
.loginbox form .but {
    line-height: 40px;
    padding-top: 13px;
}


.row {
    background-color: #F9F9F9;
	margin-bottom:8px;
}
.row:nth-child(odd){
    background-color: #eeeeee;
}
.content {
    margin-left: auto;
    margin-right: auto;
    background-color: #FFF;
	padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
	border:1px solid #eeeeee;
}
.login .content  {
	width: 576px;
}
.row div , summary {
    white-space: nowrap; 
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
	text-overflow:ellipsis;
    color: #333;
}
summary {    
    line-height: 40px;
    font-size: 20px;
	font-weight:bold;

}

.eye {
	position: relative;
	right:35px;
}
.redlined {
	border: 1px solid red;
}

/* EditorMenu */
	
.hambutt, .neubutt{
    z-index: 25;
    
	min-width:350px;
	height:100%;
	overflow:scroll;
    border: 1px solid #dddddd;
    background-color: #FFFFFF;
    position: fixed;
    top: 0px;
    left: -2000px;			
    -webkit-transition: all 0.42s linear;
    transition: all 0.42s linear;
	margin:0;
}

.hambuttopen, .neubuttopen{z-index: 25;
    left: 0;
    -webkit-transition: all 0.42s linear;
    transition: all 0.42s linear;
}

@media screen and (min-width: 576px){
.hambutt {    width:100%;}
.loginbox {padding:5px;}
.loginbox form {    margin: 5px;}
}
	
@media screen and (min-width: 768px){
.hambutt {    width:100%;}
.loginbox {padding:5px;}
.loginbox form {    margin: 15px;}
}
@media screen and (min-width: 992px){
.hambutt {    width:90%;}
.loginbox {padding:15px;}
.loginbox form {    margin: 25px;}
}
	
@media screen and (min-width: 1200px){
.hambutt {    width:60%;}
.loginbox {padding:25px;}
.loginbox form {    margin: 35px;}
}
	
				
i{
	color:#666;
	border:none;
	margin: 0px;
}
.fa-15x {
	font-size: 1.3em;
}
.btn-default {
    color: #333;
    margin: 4px;
    right: 4px;
    position: absolute;
    top: 4px;/* border-color: #adadad; */
}
.btn-mailopen {
    color: #333;
	float:right;
	position: absolute;
	right: -50px;
	bottom: -15px;
}
.rel {
	position: relative;
}
.klickbearb {
    margin-top: auto;
    margin-bottom: auto;
}

.btn-outline-light {
	color: #222;
}

.komment {
    width:100%;
}

details{    
    overflow: initial;    
    white-space: normal;    
    color:#000000; 
    font-size: 20px;
	margin:5px;
}

.datum{
	font-size: 16px;
}

.offen span, .erledigt span, .inBearbeitung span, .datum{
	position: absolute;
	right:6px;
    line-height: 24px;
    margin:6px;
}

span.offen , span.erledigt , span.inBearbeitung {       
	margin:8px;
	display:block;
	width:30px;
	height:30px;
	border-radius: 10px;
}

span.logo {
    position: absolute;
    left: 40px;
    border:none;
	font-size:20px;
	line-height:18px;
	text-align:left;
	color:black;
    width:110px;
    height:55px;
}
.offen {
    background-color: #FCA4A0;
	background: linear-gradient( 135deg, rgba(255,255,255,0) 60%, rgba(211,97,93,1) 80%);
}
.erledigt {
    background-color: #95F59D; 
    background: linear-gradient( 135deg, rgba(255,255,255,0) 60%, rgba(47,163,55,1) 80%);
}
.inBearbeitung{
    background: linear-gradient( 135deg, rgba(255,250,179,0) 60%, rgba(255,250,179,1) 80%);  
}


.red{
    background-color: #dddddd;
}
span.checkb {
    border:none;

    padding:5px;
	margin-right: 15px;
}

.mini {
    font-size:16px;
    line-height: 18px;
}
.lil {
    float:right;
	border: 3px solid #ddd;
	border-radius: 3px;
	padding:3px;
}
/*
.hambutt{
    padding-left: 1%;
    z-index: 25;
    width:730px;
    background-color:#066;
    position: absolute;
    top: 0px;
    left: -800px;            

}*/
.item details summary .btn {
	background-color: #ddd;
	margin: 0px 8px;
	padding:0;
}
.lull .btn {
	padding:6px 4px 4px 8px;
}
.subhead {

    position: relative;
    bottom: 0;
    height: 85px;
}

.rahmen {
margin-left:auto;
margin-right:auto;
	width:95%;

}
.rahmenklein {
margin-left:auto;
margin-right:auto;
	padding:50px;
	width:960px;
	background-color: #fff;

}

.item:hover {
	background-color: #ccc;
	cursor:pointer;
}

.center {
	margin-left: auto;
	margin-right: auto;
	padding-left:150px; 
	width: 830px;
}
.logout {
	margin-left:20px;
	
}
.loeschbutton {
	position: absolute;
	right:6px;
	bottom: 0px;
}