@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400&display=swap);
@import url(https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css);
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans');*/

:root {

}


/* -------- */
/* ELEMENTE */

html {
    scroll-behavior: smooth;
}

body {
	font-family: 'Open Sans', sans-serif, arial, tahoma;
	color:#555;
	margin:0;
	padding:0;
	/*font-size:18px;*/
    scroll-behavior: smooth;
}
div {
	  box-sizing: border-box;
}

h1 {
	display: inline-block;
}
h4 {
	margin:0.5em 0;
}

a:link {
	/*color:#02708c;*/
	text-decoration:none;
}
a:visited {
	/*color:#02708c;*/
	/*text-decoration:none;*/
}
a:hover {
	color:#555;
	/*text-decoration:none;*/
}
a:active {
	/*color:#02708c;*/
	/*text-decoration:none;*/
}


/* ELEMENTE */
/* -------- */

/* ------ */
/* LAYOUT */

header {
	width:100%;
	height:25px;
	padding:8px 0 3px 0;
	text-align: right;
	font-size:0.8em;
	background-color:#002d38;
}
/*header a:link,*/
/*header a:visited,*/
/*header a:active {*/
/*	margin:10px;*/
/*	color:#fff;*/
/*}*/
/*header a:hover {*/
/*	color:#0497bc;*/
/*}*/
nav {
	background-color:#eee;
	padding:15px;
	width:240px;
	float:left;
    box-sizing: border-box;
}
nav img {
	width:100%;
	margin:5px 0 15px 0;
}
nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
nav li {
	margin:0.6em 0;
}
nav a.aktiv {
	color: #555;
}
.logo {
	text-align: center;
}

section {
	float:left;
	width:75%;
	/*vertical-align:top; */
	margin-left:25px;
}
/*footer {*/
	/*width:100%;*/
	/*height:22px;*/
	/*padding:8px 0 3px 0;*/
	/*text-align: center;*/
	/*font-size:0.7em;*/
	/*background-color:rgba(0,45,56,1);	*/
	/*color:#bbb;*/
	/*
	background-color:rgba(0,45,56,0.5);	
	position:fixed;
	bottom:0;
	*/
/*}*/

/* LAYOUT */
/* ------ */

/* ----- */
/* LOGIN */

.login {
	margin:auto;
	text-align:center;
	padding:50px 0px 0px 0px;
}
.login img {
	width:230px;
}
.login-form {
	background-color:#f4f4f4;
	font-weight:normal;
	text-align:left;
	margin:auto;
	margin-top:20px;
	padding:20px 15px 15px 15px;
	width:330px;
	/* Box Shadow */
	   -moz-box-shadow:0px 0px 3px grey; /* Firefox */
	-webkit-box-shadow:0px 0px 3px grey; /* Chrome, Safari */
	 -khtml-box-shadow:0px 0px 3px grey; /* Konqueror */
	        box-shadow:1px 2px 4px grey; /* CSS3 */
}
.login-input {
	width:285px;
}
.login-submit {
	margin:auto;
}
.login-title {
	font-size:24px;
	padding:0 0 12px 25px;
}
p.login-support, a.login-support {
	color:#000;
	font-size:13px;
	margin-top:20px;
	  text-align:center;
}
.falsch {
	color:#be1624;
	font-size: 0.9em;
	margin:0 22px 22px 22px;
}

.checkme {
	width:100%;
	text-align: center;
	padding:10px;
}
.checkme label {
	font-weight:normal;
	font-size:0.8em;
	margin:0 auto;
}

/* LOGIN */
/* ----- */

/* --------- */
/* FORMULARE */

input {
	color:#000;
	border:1px solid #ddd;
	font-family:'Open Sans', calibri, sans-serif, arial, tahoma;;
	font-size:0.8em;
	width:400px;
	height:20px;
	padding:5px;
	display:block;
	margin-bottom:10px;
	background-color:#fff;
}

button {
	color:#02708c;
	border:1px solid #ddd;
	font-family:'Open Sans', calibri, sans-serif, arial, tahoma;;
	font-weight:bold;
	width:150px;
	height:30px;
	padding:5px;
	display:block;
	background-color:#fff;
	margin:0 auto;
}

input[type="submit"] {
	color:#02708c;
	border:1px solid #ddd;
	font-family:'Open Sans', calibri, sans-serif, arial, tahoma;;
	font-weight:bold;
	width:150px;
	height:30px;
	padding:5px;
	display:block;
	background-color:#fff;
}

input[type="radio"] {
	border:1px solid #ddd;
	font-family:'Open Sans', calibri, sans-serif, arial, tahoma;
	width:20px;
	height:15px;
	padding:5px;
	display:inline;
	background-color:#fff;
}

input[type="checkbox"] {
	border:1px solid #ddd;
	font-family:'Open Sans', calibri, sans-serif, arial, tahoma;
	width:20px;
	height:15px;
	display:inline;
}

input[type="file"] {
	border:0px solid #ddd;
	font-family:'Open Sans', calibri, sans-serif, arial, tahoma;
	padding:5px;
	height:25px;

}

textarea {
	color:#000;
	border:1px solid #ddd;
	font-family:'Open Sans', calibri, sans-serif, arial, tahoma;
	font-size:14px;
	width:408px;
	height:150px;
	display:block;
	margin-bottom:10px;
}

select {
	border:1px solid #ddd;
	font-family:'Open Sans', calibri, sans-serif, arial, tahoma;;
	font-size:14px;
	width:200px;
	height:auto;
	padding:5px;
	display:block;
	margin-bottom:15px;
	background-color:#fff;
}

label {
	font-family:'Open Sans', calibri, sans-serif, arial, tahoma;
	font-weight:bold;
	font-size:1em;
	margin-top:55px;

}

.formBeschreibung {
	font-size:0.8em;
	line-height:2em;
	font-style:italic;
}
.mussfeld {
	font-weight: normal;
	font-size:0.7em;
	vertical-align: super;
	color:#be1624;
}
.formTrennlinie {
	width:100%;
	max-width:550px;
	margin-left:0;
}

.greenBG {
    background-color:rgba(213, 245, 237, 1.0);
}

/* --- SUCHE --- */
#suchwort, .inlineInput {
	display:inline-block;
	width:220px;
}
#submit, .inlineSubmit {
	display:inline-block !important;
	width:90px !important;
	height:32px !important;
	margin-left:5px;
}

/* --- WUNSCHDATUM --- */
.wunschdatum {
	display:inline-block;
	width:110px;
}


/* FORMULARE */
/* --------- */

/* ----- */
/* DISPO */

.dispoTabelle {
    overflow-x: auto;
}

.dispoZeile {
	display:table-row;
}
.dispoZeile:nth-of-type(even) {
	background-color:#fdfdfd;
}
.dispoZeile:nth-of-type(odd) {
	background-color:#e8e8e8;
}

.dispoZelle {
	border-right:1px solid #ccc;
	display:table-cell;
	min-width:130px;
}

.dispoItem {
	position:relative;
	padding:3px;
	margin:3px;
	font-size:0.9em;
}

.zentriert {
	
}
/*.vergangen {*/
/*	opacity: 0.5;*/
/*}*/

.dispoBlaettern {
	padding:5px;
	font-size:1.1em;
}
.dispoBlaetternIcon {
	font-size:1.1em;
}

.ansichtsAuswahl {
	margin-left:25px;
}
.aktiveAnsicht {
	color:#ccc !important;
}

p.dispoHeader {
	margin:0.3em 0;
}

.dispoForm {
	display:inline-block;
	margin-right:5px;
}
.dispoForm input[type="submit"] {
	display:inline-block;
}
.dispoSuchfeld {
	display:inline-block;
	width:220px;
}
.dispoAbgeschlossen {
	position:absolute;
	top:0px;
	right:3px;
	color:#298c02;
}

.dispoVorschauBild {
	height:140px;
	/*margin-left:162px;*/
    margin: 0.5rem 0.5rem 0 0;
}
.noMailAddress {
	color:#df6670 !important;
}
.angemeldetIcon {
    position:absolute;
    top:15px;
    right:5px;
    color:#298c02;
    
}

.zeitWarnung {
	display:table;
	background-color:#be1624;
	color:#fff;
	padding:6px 9px;
	margin:10px 0 25px 0;
}
.zeitWarnung a {
	color:#fff;
	text-decoration: underline;
}

/* DISPO */
/* ----- */

/* ------------ */
/* AUSWERTUNGEN */

.monatsContainer {
	background-color:#ededed;
	display:block;
	
}
.monatsContainerUser {
	background-color:#fff;
}
.monatsIcon {
	background-color:#ccc;
	padding:7px;
	float:left;
	height:100%;
}
.einMonat {
	color:#fff;
	
	display:inline-block;
	padding:2px 5px;
	margin:5px;
}
.abschlussDel {
	display:inline-block;
	color:#922b21;
	margin:0px 3px 0 -3px;
}

.monatAbgeschlossen {
	background-color: #196f3d;
}
.monatOffen {
	background-color: #922b21;
}

.admin_edit {
	color:#be1624;
}

.ueberzeitUebernehmen {
	color:#000;
	float:left;

}
.ueberzeitUebernehmen a {
	color:#000 !important;
}

.ueberzeitUebernehmenAnzeige {
    background-color:#ccc;
    display:inline-block;
    margin:0 10px;padding:0 5px;
}
.zeitMinus {
	color: #922b21;
}
.zeitPlus {
	color: #196f3d;
}

/* AUSWERTUNGEN */
/* ------------ */

/* --------- */
/* PROVISION */

.provisionContainer {
	background-color:#ededed;
	position:relative;
	padding: 40px 10px;
	margin-bottom:10px;
}
.provisionJahr {
	background-color:#ccc;
	position:absolute;
	display:inline-block;
	top:0;
	left:0;
	font-weight:bold;
	padding:5px;
}
.provisionTotal {
	background-color:#ccc;
	position:absolute;
	display:inline-block;
	bottom:0;
	right:0;
	font-weight:bold;
	padding:5px;
}

.provisionEdit {
	display:inline-block;
	width:60px;
}
.provisionDatum {
	display:inline-block;
	width:110px;
}
.provisionDatum {
	display:inline-block;
	width:110px;
}
.provisionTitel {
	display:inline-block;
	width:680px;
}
.provisionBetrag {
	display:inline-block;
	width:100px;
}

.mitarbeiterProvision {
	margin-top:80px;
	font-size:0.9em;
}
.mitarbeiterProvisionBetrag {
	font-weight:bold;
	font-size:1.1em;
}

/* PROVISION */
/* --------- */

/* ---------- */
/* ADRESSBUCH */

.adressbuch {
    border-bottom:1px solid #ddd;
    width:80%;
	cursor:pointer;
}
.kommentarFormular {
    display:none;
}
.kommentarSchreiben {
    margin: 25px 0 15px 0;
}

/* ADRESSBUCH */
/* ---------- */

/* ------------------- */
/* ALLGEIMEINE KLASSEN */

.hideMe {
    display:none;
}
/* Erfolg auf der Seite */
.success {
	color:#298c02;
}
a.success {
	color:#298c02 !important;
}
/* Fehler auf der Seite */
.error {
	color:#be1624;
}

.fett {
	font-weight:bold;
}

/* Fehler im Formular */
.formularError {
	color:#be1624;
	font-weight: normal;
	font-size:0.8em;
	font-style:italic;
}
.iconleft {
	float:left;
	margin-right:12px;
	font-size:2.8em;
}

.clearfix {
	clear:both;
}

.uebersichtRechnung {
	padding:3px 3px;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.uebersicht {
	padding:3px 3px;
}
.uebersichtFeld {
	display:inline-block;
	min-width:350px;
}
.uebersichtSpesen {
	display:inline-block;
	padding:0 5px;
}
.uebersichtZeit {
	display:inline-block;
	padding:0 5px;
}
.zeitTotal {
	display:inline-block;
	margin-top:15px;
	font-size:0.9em;
	font-weight: normal;
}

div.detail {
	background-color:#fff;
	color:#000;
	width:100%;
	padding:10px;
	display:none;
}
.detail a:link, .detail a:visited {
	/*color:#000 !important;*/
}
.detail p {
	margin:0.5em 0;
}

.einMonat a:link, .einMonat a:visited {
	color:#fff !important;
}

.vorschauBild {
	height:100px;
	display: block;
	margin-bottom: 5px;
}

.abstand {
	margin-bottom:10px;
}
.minusAbstand {
	margin-top:-5px;
}

.stoerungenBild {
	max-width:100%;
}

.stoerungDetails {
	background-color:#f5d5d5;
	border-radius: 5px;
	padding:5px 8px;
	margin:18px 0;
}

.auftragDetails {
	background-color:#d5f5e3;
	border-radius: 5px;
	padding:5px 8px;
	margin:18px 0;
}   

.persoenlicheNotizen {
    padding:5px 8px;
    background-color:#eee;
    border-radius: 5px;
}

.transparent {
	opacity: 0.6;
}

.select2 {
	margin-bottom:15px;
}
.klein {
	font-size:0.8em;
	display:inline-block;
}

.offen {
	display: block;
}

.serviceliste {

}
.serviceStatus {
	float:left;
	margin:5px;
}
.serviceAusblenden {
	display:inline-block;
	font-weight:bold;
	background-color:#888;
	color:#fff;
	margin:3px 5px;
	padding:3px 5px;
}
.serviceErledigen {
	display:inline-block;
	font-weight:bold;
	background-color:#28b463;
	color:#fff;
	margin:3px 5px;
	padding:3px 5px;
}
.servicePlanen {
	display:inline-block;
	font-weight:bold;
	background-color:#ffb744;
	color:#fff;
	margin:3px 5px;
	padding:3px 5px;
}
.serviceOffen {
	display:inline-block;
	font-weight:bold;
	background-color:#ff6d5e;
	color:#fff;
	margin:3px 5px;
	padding:3px 5px;
}
.serviceLetzter {
	float:right;
}
.serviceNummer {
	display:inline-block;
	width:120px;
}
.serviceHistorie {
	display:inline-block;
	width:150px;
}
.serviceStatusAlle {
	display:inline-block;
	width:250px;
}
.einService {
	background-color:#E9E9E9;
	padding:2px 15px;
	margin-bottom: 12px;
}

.rechnungen {
}
.rapportHochgeladen {
	border-radius: 5px;
	display:inline-block;
	background-color: #b1f4cd;
	border:2px solid #b1f4cd;
	color:#188d49 !important;
	font-weight: bold;
	padding: 3px 5px;
	margin-bottom:10px;
}
.dokumentAufruf a:link, .dokumentAufruf a:visited {
	color:#188d49 !important;
}
	
.historieInhalt {
    display:none;
}

.legende {
	font-size:0.8em;
	margin:10px 0;
}
.legendeViereck {
	width:15px;
	height:15px;
	display:inline-block;
}

/* Fancybox */
.fancybox-bg {
	background-color:rgba(0, 0, 0, 0.5 );
}
.fancybox-slide--iframe .fancybox-content {
	width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    /*max-width: calc(100% - 20px);*/
}

.mobileonly {
	display:none;
}


/* Material */
.materialBild {
	width:400px;
}

.materialBildVorschau {
	height:45px;
}

.materialSpalte {
    display: inline-block;
    margin-left:5px;
}

.materialInfo {
    width:45%;
    float:left;
}

.material_check {
    position: relative;
    top: -10px;
    left: -3px;
    font-size: 0.7rem;
    color: #e12a17;
}
.offerten_check {
    position: relative;
    top: -8px;
    left: -5px;
    font-size: 0.7rem;
    color: #e12a17;
}
.stoerungen_check {
    position: relative;
    top: -8px;
    left: -5px;
    font-size: 0.7rem;
    color: #cf1906;
}

/* Offerten */
.offerteFreigeben {
    display:inline-block;
    margin-right:3px;
}
.offerteFreigegeben {
    color: #116e38 !important;
}
.offerteLinkeSpalte {
	min-height:36px;
    display:inline-block;
    
}
.offerteRechteSpalte {
    float:right;
    display:inline-block;
    
}



.spaltenbreite350 {
    width:350px;
}
.spaltenbreite250 {
    width:250px;
}
.spaltenbreite100 {
    width:100px;
}

.spaltenbreite90 {
    width:90%;
}
.spaltenbreite35 {
    width:35%;
}
.spaltenbreite25 {
    width:25%;
}
.spaltenbreite15 {
    width:15%;
}
.spaltenbreite10 {
    width:10%;
}
.spaltenbreite7 {
    width:7%;
}
.spaltenbreite5 {
    width:5%;
}

/* ALLGEIMEINE KLASSEN */
/* ------------------- */
































/* ------------------- */
/* FARBEN DEFINITIONEN */

.topmenu li {
	margin:0;
    margin-bottom:5px;
}

/* Abwechselnde Farben für Zeit */
.zeit_color_light:nth-of-type(even) {
	background-color:#e9ffe9;
}
.zeit_color_light:nth-of-type(odd) {
	background-color:#d3fccf;
}

/* Abwechselnde Farben für Infos */
.infos_color_light:nth-of-type(even) {
	background-color:#fef9e3;
}
.infos_color_light:nth-of-type(odd) {
	background-color:#fcf3cf;
}

/* Wenn keine spezielle Farbe definiert wird... */
/* ...standard abwechselnde Farben */
.color_light:nth-of-type(even) {
	background-color:#e8e8e8;
}
.color_light:nth-of-type(odd) {
	background-color:#d0d0d0;
}


h1.color_dispo {
	display:inline-block;
}
.color_dispo {
	padding:3px 10px;
	color:#fff;
	background-color:#5dade2;	
}
a.color_dispo {
	color:#fff !important;
	padding:10px;
	display:block;
}


h1.color_todo {
	display:inline-block;
}
.color_todo {
	padding:3px 10px;
	color:#fff;
	background-color:#af7ac5;	 /*f1c40f*/
}
a.color_todo {
	color:#fff !important;
	padding:10px;
	display:block;
}
.color_todo a:link, .color_todo a:visited {
	color:#fff; 
}

h1.color_auftraege {
	display:inline-block;
}
.color_auftraege {
	padding:3px 3px;
	color:#fff;
	background-color:#2471a3;
}
a.color_auftraege {
	color:#fff !important;
	padding:10px;
	display:block;
}
.color_auftraege a:link, .color_auftraege a:visited {
	/*color:#ccc;*/
}

h1.color_stoerungen {
	display:inline-block;
}
.color_stoerungen {
	padding:3px 3px;
	color:#fff;
	background-color:#e74c3c;
}
a.color_stoerungen {
	color:#fff !important;
	padding:10px;
	display:block;
}
.color_stoerungen a:link, .color_stoerungen a:visited {
	/*color:#fff; */
}
/* Status Farben */
.color_zugewiesen {
	background-color:#f39c12 !important;
}
.color_erledigt {
	background-color:#1e8449 !important;
}
.color_offen {
	background-color:#e74c3c !important;
}
.color_achtung {
	background-color:#ff0000 !important;
	margin:10px 0;
}
.color_unbekannt {
	background-color:#666 !important;
}

h1.color_zeit {
	display:inline-block;
}
.color_zeit {
	padding:3px 10px;
	color:#fff;
	background-color:#58d68d;	
}
a.color_zeit {
	color:#fff !important;
	padding:10px;
	display:block;
}


h1.color_spesen {
	display:inline-block;
}
.color_spesen {
	padding:3px 10px;
	color:#fff;
	background-color:#99a3a4;	
}
a.color_spesen {
	color:#fff !important;
	padding:10px;
	display:block;
}


h1.color_infos {
	display:inline-block;
}
.color_infos {
	padding:3px 10px;
	color:#fff;
	background-color:#f5b041;	
}
a.color_infos {
	color:#fff !important;
	padding:10px;
	display:block;
}

h1.color_material {
	display:inline-block;
}
.color_material {
	padding:3px 10px;
	color:#fff;
	background-color:#229954;	
}
a.color_material {
	color:#fff !important;
	padding:10px;
	display:block;
}

h1.color_offerten {
	display:inline-block;
}
.color_offerten {
	padding:3px 10px;
	color:#fff;
	background-color:#dc7633;	
}
a.color_offerten {
	color:#fff !important;
	padding:10px;
	display:block;
}

/* FARBEN DEFINITIONEN */
/* ------------------- */

/* ------------- */
/* MEDIA QUERIES */

@media screen and (max-width:1500px) {

	.uebersichtRechnung {
		flex-direction: column;
	}
	.offerteRechteSpalte {
		text-align: right;
	}

}

@media screen and (max-width:1300px) {

	section {
		width:70%;
	}
    
    .adressbuch {
        width:100%;
    }
	
    .spaltenbreite90 {
        width:82%;
    }
    
}

@media screen and (max-width:1100px) {

	section {
		width:65%;
	}

}

@media screen and (max-width:900px) {
	
	h1 {
		margin:0.3em 0;
	}
    h3 {
        margin:0.5em 0;
    }

	section {
		width:100%;
		float:none;
		margin:0;
		padding:5px;
		box-sizing: border-box;
	}
	
	nav {
		width:100%;
		float:none;
		padding:0 5px 5px 5px;
	}
	nav img {
		margin:15px 0 10px 0;
		width:90%;
	}
	
	
	input {
		width:90%;
	}
	textarea {
		width:90%;
	}
	
	
	.dispoTabelle {
	  width: 100%;
	  overflow-y: auto;
        overflow-x: auto;
	  margin: 0 0 1em;
	}
	.dispoForm {
		display:block;
	}
	
	.serviceErledigen {
		float:none;
	}
	
	.mobileonly {
		display:inline-block;
	}
	
	.ansichtsAuswahl {
		margin: 7px 0 0 -4px;
		display: block;
	}
	
	
}


@media screen and (max-width:900px) {
    
    .materialSpalte {
        display: block;
        width:100% !important;
    }
    .spaltenbreite90 {
        width:70%;
    }
    
}


@media screen and (max-width:450px) {
	
	.fancybox-content {
		width:100% !important;
	}
	
}

@media print {

    .noprint {
        display:none;
    }
	
	.uebersichtRechnung {
		font-size:0.8em;
	}
	.uebersicht {
		font-size:0.8em;
	}
	
	.serviceliste {
		color:#000;
	}
	
	.abstand {
		margin:0;
	}

}


/* MEDIA QUERIES */
/* ------------- */

/**
 * Neue Definitionen URUKAI ab Januar 2021
 * ----------------------------------------------------------------------
 * Langsamer Wechsel zu Semantic UI
 *
 */

.unset,
input {
    all: unset;
    box-sizing: border-box;
    display: inherit;
}


/*main.container,*/
/*main.grid,*/
.after-header-container {
    padding-top: 5rem !important;
}


.hidden-for-staff {
    display: none !important;
}

.field-label {
    padding-top: 0.625rem;
    font-weight: bold;
}


.row.marked-green {
    background-color: #fbffeb;
    border-radius: 0.25rem;
    margin-bottom: 0.5rem;
}

:root {
	--importantRedSecondary: #927b79;
}

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


main {
	box-sizing: border-box;
	margin: 5rem 1.5rem;
	width: auto;
	/*max-width: 1920px;  !* 24-Zoll, entspricht den Bildschirmen im Büro *!*/
}

hr {
    margin: 1rem 0;
    border: none;
    border-top: 1px solid #e0e0e0;
    background-color: transparent;
    height: 0;
}




.desktop-only {
	display: none !important;
}

/**
 * Animationsdauer der Seitenspalte beim Öffnen und Schliessen:
 * etwas schneller machen
 */
.animating.ui.overlay.sidebar,
.ui.visible.overlay.sidebar {
	transition-duration: 250ms;
	transition-timing-function: ease-out;
}

/**
 * Textfarben
 */
.muted.text {
	color: rgba( 0, 0, 0, 0.5 );
}
.very.muted.text {
    color: rgba( 0, 0, 0, 0.25 );
}
.black.text {
	color: black;
}
.red.text {
	color: #db2828;
}
.green.text {
    color: green;
}
.white.text {
    color: white;
}
.bold.text {
	font-weight: bold;
}
.large.text {
	font-size: 150%;
}
.medium.text {
	font-size: 110%;
}
.small.text {
	font-size: 0.75rem;
}
.very-muted.text {
	color: rgba( 0, 0, 0, 0.25 );
}
.with-mt {
	margin-top: 1rem;
}


.ui.form input[type="file"] {
	border: none;
	background-color: transparent;
	padding-top: 0;
}

.ui.fixed.menu {
	border-width: 0;
	border-bottom-width: 1px;
	box-shadow: none;
}
.ui.text.menu.dispo-item-menu {
	margin-top: 0;
	margin-bottom: 0;
	min-height: 0;
    margin-right: auto;
	/*z-index: 9999999;*/
}

.ui.menu:not(.vertical) .item.red.inverted {
	color: white !important;
	background-color: crimson !important;
	font-weight: bold;
}


.ui.dropdown .menu.dispo-item-dropdown {
	left: 0.5rem;
}
/*.ui.menu .item>i.dropdown.icon.very-left {*/
/*    margin: 0 0.25rem 0 0;*/
/*    float: left;*/
/*}*/

.ui[class*="middle aligned"].grid>.row>.column.top.aligned {
	align-self: flex-start !important;
}


p.field-container {
	padding-top: 0.5rem;
}
.inline-container {
	display: flex;
	flex-flow: row;
	margin-top: 0;
}


.ui.segment.nav-item {
	margin: 0.5rem 0;
	padding: 0.5rem;
	cursor: pointer;

}

.form-field-linked-records-container {
	width: 100%;
}

.ui.table tr td.disabled, .ui.table tr.disabled td, .ui.table tr.disabled:hover, .ui.table tr:hover td.disabled {
	pointer-events: all;
}

.below-field {
	background-color: #f9f9f9;
	padding: 0.5rem;
	border-radius: 0 0 0.25rem 0.25rem;
}

td {
	position: relative;
}

td[onClick] {
	cursor: pointer;
}

.scroll-anchor {
	position: absolute;
	top: -4.5rem;
}

ul.ui.list {
	margin-left: 0;
}
ul.ui.list>.item:before {
	content: '';
}

.ui.accordion .title:not( .ui ) {
	color: #4183c4;
	font-size: 1rem;
}


.ui.container.login-container {
	display: flex;
	min-height: 100%;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
    width: 100%;
    max-width: 25rem !important;
}
.ui.container.login-container .grid {
    width: 100%;
}

.loading-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba( 255, 255, 255, 0.75 );
	opacity: 0;
	visibility: hidden;
	transition: 0.25s;
	will-change: opacity, visibility;
}
.loading-overlay.active {
	opacity: 1;
	visibility: visible;
}


.uebersicht>a:link,
.uebersicht>a:visited,
.offerteRechteSpalte>a:link,
.offerteRechteSpalte>a:visited {
	color: white;
}


.color_offen {
	background-color: #ffcbc6 !important;
	color: #3e1511;
}

.very-important {
	border-radius: 0.25rem;
	/*padding: 1rem !important;*/
	/*border: 2px solid #db2828;*/
	color: #db2828;
	/*background-color: #fff7f7;*/
	/*margin-top: 1rem;*/
	/*margin-bottom: 1rem;*/
	font-size: 120%;
}

td.detail-view {
	background-color: #fffffc;
	box-shadow: inset 0 0 0.25rem rgba( 0, 0, 0, 0.2 );
	padding-top: 20px !important;
}


/**
 * Dispo-Detailansicht
 * - roter Bereich ohne Rahmen
 */
.ui.message.task-message {
	box-shadow:none;
}
.ui.button.button-with-mb {
	margin-bottom: 0.25rem;
}

.ui.mini.button {
	/*padding: 0.5em 0.75rem 0.625em;*/
}





.gallery-wrapper {
	margin: 1rem -20px;
	position: relative;
}

.ui.grid .column > .gallery-wrapper {
    margin-top: 0;
}

.gallery-wrapper figcaption {
}
.gallery-container {
	overflow: hidden;
	position: relative;
}
.gallery-container:before {
	content: '';
	display: block;
	padding-top: 100%;
}

.gallery-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc( 100% + 1rem );
	overflow-x: scroll;
	scroll-snap-type: x mandatory;
	margin-right: -1rem;
	scroll-behavior: smooth;
}
.gallery-items {
	display: flex;
	flex-flow: row nowrap;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.gallery-item {
	width: 100%;
	margin-right: 1rem;
	scroll-snap-align: start;

}
.gallery-item:last-of-type {
	margin-right: 0;
}

.gallery-image {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 0.25rem;
}
.gallery-items {
}
.gallery-caption {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	margin: 1rem 1.25rem;
	position: relative;
	color: rgba( 0, 0, 0, 0.5 );
	text-align: center;
}
.gallery-paginator {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 0;
	padding: 0;
	list-style-type: none;
    max-width: calc( 100% - 75px );
    overflow: hidden;
}
.gallery-paginator-item {
	width: 0.5rem;
	height: 0.5rem;
	margin: 0.25rem;
	border: 1px solid var( --importantRedSecondary );
	border-radius: 50%;
    min-width: 0.5rem;
}
.current-paginator-item {
	background-color: var( --importantRedSecondary );
}
/*.ui.icon.labeled.button.image-modifier-link {*/
/*	position: absolute;*/
/*	top: 0;*/
/*	right: 0;*/
/*	margin: 0;*/
/*	border-radius: 0 0 0 0.25rem;*/
/*}*/

/*
 * Dispoliste
 *
 */
.dispo-table {
	display: none;
}
.ui.table.dispo-table thead th,
.ui.table.dispo-table tbody td {
	padding: 0.5rem;
}
.dispo-heading {
	background-color: #fafafa !important;
}
.ui.fixed.table td.dispo-cell {
	overflow: initial;
}

.dispoZelle.today {
    background-color: rgba( 0, 200, 0, 0.05 );
}

.dispoZelle .dispo-item {
	position: relative;
	margin: 0 0.25rem 0.5rem;
	padding: 0.25rem;
	border-radius: 0.25rem;
}

.unfinished-entries {
	margin: 0.5rem 0;
}
.unfinished-entries h5 {
	margin: 0 0 0.25rem 0.25rem;
	font-size: 11px;
}
.unfinished-entries .report-label {
	margin-bottom: 0.25rem;
    font-size: 11px;
    font-weight: normal;
}

td .dispo-item,
th .dispo-item {
	border-radius: 0.25rem;
	margin: 0.5rem 0;
	padding: 0.25rem;
	position: relative;
	transition: border 0.25s;
	will-change: border;
	border: 5px solid transparent;
}

td .dispo-item.same-dispo {
	/*filter: invert() grayscale( 1 );*/
	border: 5px solid rgba( 0, 0, 0, 0.5 );
	/*transform: rotate( -2deg );*/
	/*box-shadow: 0 0 0.5rem 0 rgba( 0, 0, 0, 0.75 );*/
	/*background-color: crimson !important;*/
}

td .dispo-item:last-of-type {
	margin-bottom: 1rem;
}
.dispo-item-actions {
	display: flex;
	flex-flow: wrap;
	justify-content: flex-end;
	border-bottom: 1px solid rgba( 0, 0, 0, 0.05 );
	padding-bottom: 0.25rem;
	margin-bottom: 0.25rem;
}
/*.dispo-item-time {*/
/*	font-size: 12px;*/
/*}*/
.dispo-item-time.right-aligned {
	/*margin-left: auto;*/
}
.dispo-item-content {
	position: relative;
}
.dispo-item-content-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: row;
	align-items: flex-end;
	justify-content: flex-end;
	font-size: 0px;
	padding: 0 0.25rem;
	/*opacity: 0.5;   !** Diesen Link ausschleichen *!*/
}
.dispo-item-type-title {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: normal;
	margin: 0 0 0.125rem;
	background-color: rgba( 0, 0, 0, 0.1 );
	border-radius:0.25rem;
	padding: 0.125rem 0.25rem;
	display: inline-block;
    word-break: break-all;
}
.dispo-item-title {
	font-size: inherit;
	margin: 0;
    word-break: break-all;

}
.dispo-item-text {
	font-size: inherit;
	margin: 0;
	padding: 0;
    word-break: break-all;
}


.plus-link {
	margin: 0 0.25rem;
}

textarea.pre {
	white-space: pre-wrap;
}





.ui.form.u-async-form.is-loading {

}

.ui.form .field label.inline {
	display: inline-block;
	margin-bottom: 0.25rem;
	margin-top: 0;
}


.ui.table.unstructured td {
	border-left: 0 !important;
	border-right: 0 !important;
}


.with-mb {
	margin-bottom: 0.25rem;
}






@media screen and ( min-width: 550px ) {
	.desktop-only {
		display: flex !important;
	}
}


@media screen and ( min-width: 960px ) {
	.ui.table.dispo-table {
		display: table;
	}
	.mobile-dispo-table {
		display: none;
	}
}


@media screen and ( min-width: 1200px ) {
	html,
	body,
	.ui.form input[type="date"] {
		font-size: 93%;
	}
	.gallery-wrapper {
		margin: 1rem auto 1rem 0;
		/*max-width: 40rem;*/
	}
    .gallery-caption {
		margin: 1rem 0;
	}



}


@charset "UTF-8";
.table-container {
  overflow: auto;
  min-height: 20rem; }

.overflow-scroller {
  overflow-x: auto; }
  @media screen and (min-width: 992px) {
    .overflow-scroller {
      margin: 1rem -1rem; } }
  @media screen and (min-width: 1280px) {
    .overflow-scroller {
      margin: 1rem 0;
      overflow: visible; } }

.ui.table td.details-cell {
  padding: 2rem 2rem 4rem;
  background-color: #fdfdf8; }

.ui.table tr.faded td.muted-when-faded {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  opacity: 0.4; }

td.is-loading {
  height: 20rem;
  position: relative; }

@-webkit-keyframes turning {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0); }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(1turn);
            transform: translate(-50%, -50%) rotate(1turn); } }

@keyframes turning {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0); }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(1turn);
            transform: translate(-50%, -50%) rotate(1turn); } }

td.is-loading:before {
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  display: block;
  border-width: 2px;
  border-style: solid;
  border-color: #999;
  border-right-color: transparent;
  -webkit-animation: turning 1s linear infinite;
          animation: turning 1s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%; }

.ui.table td.status-right-on-mobile {
  text-align: right; }

@media screen and (min-width: 45rem) {
  .ui.table td.status-right-on-mobile {
    text-align: left;
    min-width: 10rem; } }

.ui.table td.td-for-filename, .ui.table td.td-for-image, .ui.table td.td-for-doc {
  width: 30%; }
  .ui.table td.td-for-filename img, .ui.table td.td-for-image img, .ui.table td.td-for-doc img {
    max-width: 150px; }

.ui.table td.td-for-receipt {
  width: 200px; }

.ui.table td.td-with-pt {
  padding-top: 1rem; }

.ui.table tbody:empty:before {
  content: 'Keine Einträge';
  display: table-row;
  font-size: 10px;
  color: #4d4d4d; }

.ui.very.basic.table td.one-third,
.ui.very.basic.table th.one-third,
.ui[class*="very basic"].table:not(.sortable):not(.striped) td.one-third,
.ui[class*="very basic"].table:not(.sortable):not(.striped) th.one-third {
  width: 33%; }

.ui.very.basic.table td.one-fourth,
.ui.very.basic.table th.one-fourth,
.ui[class*="very basic"].table:not(.sortable):not(.striped) td.one-fourth,
.ui[class*="very basic"].table:not(.sortable):not(.striped) th.one-fourth {
  width: 25%; }

.ui.very.basic.table td.one-fifth,
.ui.very.basic.table th.one-fifth,
.ui[class*="very basic"].table:not(.sortable):not(.striped) td.one-fifth,
.ui[class*="very basic"].table:not(.sortable):not(.striped) th.one-fifth {
  width: 20%; }

.ui.very.basic.table td.following,
.ui.very.basic.table th.following,
.ui[class*="very basic"].table:not(.sortable):not(.striped) td.following,
.ui[class*="very basic"].table:not(.sortable):not(.striped) th.following {
  padding-left: 0.25rem; }

.ui.very.basic.table.invoice-appointments-table, .ui.very.basic.table.time-table, .ui.very.basic.table.overtime-table, .ui.very.basic.table.expenses-table,
.ui[class*="very basic"].table:not(.sortable):not(.striped).invoice-appointments-table,
.ui[class*="very basic"].table:not(.sortable):not(.striped).time-table,
.ui[class*="very basic"].table:not(.sortable):not(.striped).overtime-table,
.ui[class*="very basic"].table:not(.sortable):not(.striped).expenses-table {
  border-collapse: collapse; }
  .ui.very.basic.table.invoice-appointments-table tr, .ui.very.basic.table.time-table tr, .ui.very.basic.table.overtime-table tr, .ui.very.basic.table.expenses-table tr,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).invoice-appointments-table tr,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).time-table tr,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).overtime-table tr,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).expenses-table tr {
    border: none; }
    .ui.very.basic.table.invoice-appointments-table tr.alternate, .ui.very.basic.table.time-table tr.alternate, .ui.very.basic.table.overtime-table tr.alternate, .ui.very.basic.table.expenses-table tr.alternate,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).invoice-appointments-table tr.alternate,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).time-table tr.alternate,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).overtime-table tr.alternate,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).expenses-table tr.alternate {
      background-color: #f9f9f9; }
    .ui.very.basic.table.invoice-appointments-table tr.weekend, .ui.very.basic.table.time-table tr.weekend, .ui.very.basic.table.overtime-table tr.weekend, .ui.very.basic.table.expenses-table tr.weekend,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).invoice-appointments-table tr.weekend,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).time-table tr.weekend,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).overtime-table tr.weekend,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).expenses-table tr.weekend {
      background-color: rgba(0, 0, 0, 0.05); }
      .ui.very.basic.table.invoice-appointments-table tr.weekend + .weekend, .ui.very.basic.table.time-table tr.weekend + .weekend, .ui.very.basic.table.overtime-table tr.weekend + .weekend, .ui.very.basic.table.expenses-table tr.weekend + .weekend,
      .ui[class*="very basic"].table:not(.sortable):not(.striped).invoice-appointments-table tr.weekend + .weekend,
      .ui[class*="very basic"].table:not(.sortable):not(.striped).time-table tr.weekend + .weekend,
      .ui[class*="very basic"].table:not(.sortable):not(.striped).overtime-table tr.weekend + .weekend,
      .ui[class*="very basic"].table:not(.sortable):not(.striped).expenses-table tr.weekend + .weekend {
        background-color: rgba(0, 0, 0, 0.07); }
    .ui.very.basic.table.invoice-appointments-table tr.has-conflicts, .ui.very.basic.table.time-table tr.has-conflicts, .ui.very.basic.table.overtime-table tr.has-conflicts, .ui.very.basic.table.expenses-table tr.has-conflicts,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).invoice-appointments-table tr.has-conflicts,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).time-table tr.has-conflicts,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).overtime-table tr.has-conflicts,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).expenses-table tr.has-conflicts {
      background-color: rgba(220, 20, 60, 0.05);
      border-right: 5px solid crimson; }
  .ui.very.basic.table.invoice-appointments-table th, .ui.very.basic.table.time-table th, .ui.very.basic.table.overtime-table th, .ui.very.basic.table.expenses-table th,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).invoice-appointments-table th,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).time-table th,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).overtime-table th,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).expenses-table th {
    padding: 0.75rem 0.75rem 0.75rem 0.25rem; }
    .ui.very.basic.table.invoice-appointments-table th, .ui.very.basic.table.invoice-appointments-table th:last-child, .ui.very.basic.table.time-table th, .ui.very.basic.table.time-table th:last-child, .ui.very.basic.table.overtime-table th, .ui.very.basic.table.overtime-table th:last-child, .ui.very.basic.table.expenses-table th, .ui.very.basic.table.expenses-table th:last-child,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).invoice-appointments-table th,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).invoice-appointments-table th:last-child,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).time-table th,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).time-table th:last-child,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).overtime-table th,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).overtime-table th:last-child,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).expenses-table th,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).expenses-table th:last-child {
      padding-right: 0.75rem; }
  .ui.very.basic.table.invoice-appointments-table tbody tr td:first-of-type:not(.following), .ui.very.basic.table.invoice-appointments-table tbody tr td:first-child:not(.following), .ui.very.basic.table.time-table tbody tr td:first-of-type:not(.following), .ui.very.basic.table.time-table tbody tr td:first-child:not(.following), .ui.very.basic.table.overtime-table tbody tr td:first-of-type:not(.following), .ui.very.basic.table.overtime-table tbody tr td:first-child:not(.following), .ui.very.basic.table.expenses-table tbody tr td:first-of-type:not(.following), .ui.very.basic.table.expenses-table tbody tr td:first-child:not(.following),
  .ui[class*="very basic"].table:not(.sortable):not(.striped).invoice-appointments-table tbody tr td:first-of-type:not(.following),
  .ui[class*="very basic"].table:not(.sortable):not(.striped).invoice-appointments-table tbody tr td:first-child:not(.following),
  .ui[class*="very basic"].table:not(.sortable):not(.striped).time-table tbody tr td:first-of-type:not(.following),
  .ui[class*="very basic"].table:not(.sortable):not(.striped).time-table tbody tr td:first-child:not(.following),
  .ui[class*="very basic"].table:not(.sortable):not(.striped).overtime-table tbody tr td:first-of-type:not(.following),
  .ui[class*="very basic"].table:not(.sortable):not(.striped).overtime-table tbody tr td:first-child:not(.following),
  .ui[class*="very basic"].table:not(.sortable):not(.striped).expenses-table tbody tr td:first-of-type:not(.following),
  .ui[class*="very basic"].table:not(.sortable):not(.striped).expenses-table tbody tr td:first-child:not(.following) {
    border-left: 0;
    padding-left: 0.25rem; }
  .ui.very.basic.table.invoice-appointments-table tbody tr td, .ui.very.basic.table.invoice-appointments-table tbody tr td:last-of-type, .ui.very.basic.table.time-table tbody tr td, .ui.very.basic.table.time-table tbody tr td:last-of-type, .ui.very.basic.table.overtime-table tbody tr td, .ui.very.basic.table.overtime-table tbody tr td:last-of-type, .ui.very.basic.table.expenses-table tbody tr td, .ui.very.basic.table.expenses-table tbody tr td:last-of-type,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).invoice-appointments-table tbody tr td,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).invoice-appointments-table tbody tr td:last-of-type,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).time-table tbody tr td,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).time-table tbody tr td:last-of-type,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).overtime-table tbody tr td,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).overtime-table tbody tr td:last-of-type,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).expenses-table tbody tr td,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).expenses-table tbody tr td:last-of-type {
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0.75rem;
    vertical-align: top; }
  .ui.very.basic.table.invoice-appointments-table tbody tr td:last-of-type, .ui.very.basic.table.time-table tbody tr td:last-of-type, .ui.very.basic.table.overtime-table tbody tr td:last-of-type, .ui.very.basic.table.expenses-table tbody tr td:last-of-type,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).invoice-appointments-table tbody tr td:last-of-type,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).time-table tbody tr td:last-of-type,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).overtime-table tbody tr td:last-of-type,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).expenses-table tbody tr td:last-of-type {
    border-right: none; }
  .ui.very.basic.table.invoice-appointments-table tbody tr.total td, .ui.very.basic.table.time-table tbody tr.total td, .ui.very.basic.table.overtime-table tbody tr.total td, .ui.very.basic.table.expenses-table tbody tr.total td,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).invoice-appointments-table tbody tr.total td,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).time-table tbody tr.total td,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).overtime-table tbody tr.total td,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).expenses-table tbody tr.total td {
    position: relative;
    border-bottom: 2px solid #4d4d4d; }
    .ui.very.basic.table.invoice-appointments-table tbody tr.total td:before, .ui.very.basic.table.time-table tbody tr.total td:before, .ui.very.basic.table.overtime-table tbody tr.total td:before, .ui.very.basic.table.expenses-table tbody tr.total td:before,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).invoice-appointments-table tbody tr.total td:before,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).time-table tbody tr.total td:before,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).overtime-table tbody tr.total td:before,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).expenses-table tbody tr.total td:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      border-top: 2px solid #4d4d4d; }
  .ui.very.basic.table.invoice-appointments-table tbody tr.subtotal td, .ui.very.basic.table.time-table tbody tr.subtotal td, .ui.very.basic.table.overtime-table tbody tr.subtotal td, .ui.very.basic.table.expenses-table tbody tr.subtotal td,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).invoice-appointments-table tbody tr.subtotal td,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).time-table tbody tr.subtotal td,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).overtime-table tbody tr.subtotal td,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).expenses-table tbody tr.subtotal td {
    border-bottom: 2px solid #4d4d4d; }
  .ui.very.basic.table.invoice-appointments-table tfoot, .ui.very.basic.table.time-table tfoot, .ui.very.basic.table.overtime-table tfoot, .ui.very.basic.table.expenses-table tfoot,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).invoice-appointments-table tfoot,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).time-table tfoot,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).overtime-table tfoot,
  .ui[class*="very basic"].table:not(.sortable):not(.striped).expenses-table tfoot {
    position: relative; }
    .ui.very.basic.table.invoice-appointments-table tfoot:before, .ui.very.basic.table.time-table tfoot:before, .ui.very.basic.table.overtime-table tfoot:before, .ui.very.basic.table.expenses-table tfoot:before,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).invoice-appointments-table tfoot:before,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).time-table tfoot:before,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).overtime-table tfoot:before,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).expenses-table tfoot:before {
      content: '';
      position: absolute;
      border-top: 1px solid #4d4d4d;
      top: 0;
      left: 0;
      width: 100%; }
    .ui.very.basic.table.invoice-appointments-table tfoot tr td, .ui.very.basic.table.time-table tfoot tr td, .ui.very.basic.table.overtime-table tfoot tr td, .ui.very.basic.table.expenses-table tfoot tr td,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).invoice-appointments-table tfoot tr td,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).time-table tfoot tr td,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).overtime-table tfoot tr td,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).expenses-table tfoot tr td {
      border: 1px solid rgba(0, 0, 0, 0.1);
      border-bottom: 2px solid #4d4d4d;
      padding: 1rem 0.75rem; }
    .ui.very.basic.table.invoice-appointments-table tfoot tr td:first-of-type, .ui.very.basic.table.time-table tfoot tr td:first-of-type, .ui.very.basic.table.overtime-table tfoot tr td:first-of-type, .ui.very.basic.table.expenses-table tfoot tr td:first-of-type,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).invoice-appointments-table tfoot tr td:first-of-type,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).time-table tfoot tr td:first-of-type,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).overtime-table tfoot tr td:first-of-type,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).expenses-table tfoot tr td:first-of-type {
      border-left: none;
      padding-left: 0.25rem; }
    .ui.very.basic.table.invoice-appointments-table tfoot tr td:last-of-type, .ui.very.basic.table.time-table tfoot tr td:last-of-type, .ui.very.basic.table.overtime-table tfoot tr td:last-of-type, .ui.very.basic.table.expenses-table tfoot tr td:last-of-type,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).invoice-appointments-table tfoot tr td:last-of-type,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).time-table tfoot tr td:last-of-type,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).overtime-table tfoot tr td:last-of-type,
    .ui[class*="very basic"].table:not(.sortable):not(.striped).expenses-table tfoot tr td:last-of-type {
      padding-right: 0.75rem;
      border-right: none; }

.ui.basic.striped.table > tbody tr:nth-child(2n) {
  background-color: #f9f9f9 !important; }

.ui.striped.table > tbody:nth-child(2n-1) {
  background-color: #f9f9f9 !important; }

.ui.striped.table > tbody tr.content-row {
  background-color: transparent !important; }
  .ui.striped.table > tbody tr.content-row[hidden] {
    display: none !important; }

.custom.table {
  all: unset !important;
  width: 100% !important;
  border-collapse: collapse; }
  .custom.table tbody {
    all: unset !important;
    width: 100%;
    background-color: transparent !important; }
    .custom.table tbody tr {
      background-color: transparent !important; }
      .custom.table tbody tr td {
        all: unset;
        padding: 0.25rem 0;
        font-size: 12px;
        border: none !important;
        background-color: transparent; }

.image-enhancer-wrapper {
  position: relative; }
  .image-enhancer-wrapper .image-enhancer-buttons {
    position: absolute;
    top: 0;
    right: 0; }
  .image-enhancer-wrapper .ui.buttons .ui.button {
    border-radius: 0; }
    .image-enhancer-wrapper .ui.buttons .ui.button:first-of-type {
      border-bottom-left-radius: 0.25rem; }
    .image-enhancer-wrapper .ui.buttons .ui.button:last-of-type {
      border-top-right-radius: 0.25rem; }

.ui.dimmer.page-dimmer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: #222222; }

.image-enhancer-large-images-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 1001; }
  .image-enhancer-large-images-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1rem;
    -o-object-fit: contain;
       object-fit: contain;
    opacity: 0;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    will-change: opacity; }
    .image-enhancer-large-images-wrapper img.current {
      opacity: 1;
      z-index: 500; }
  .image-enhancer-large-images-wrapper .ui.buttons.large-images-buttons {
    position: fixed;
    z-index: 1002;
    top: 0;
    right: 0; }
    .image-enhancer-large-images-wrapper .ui.buttons.large-images-buttons .button {
      border-radius: 0; }
  .image-enhancer-large-images-wrapper .image-counter {
    display: block;
    color: #f2f2f2;
    font-size: 1rem;
    padding: 0.75rem;
    background-color: #4d4d4d; }

/**
 * Definitionen für die Felder, die man dynamisch in der
 * PHP-Klasse "FormFieldLinkedRecords.php" hinzufügen kann
 *
 */
.ui.basic.table.linked-records-table tr td:first-child:not(.footer-cell) {
  padding-left: 0.5rem;
  text-align: right; }
  .ui.basic.table.linked-records-table tr td:first-child:not(.footer-cell) .row-number {
    display: block; }
  .ui.basic.table.linked-records-table tr td:first-child:not(.footer-cell) i.icon {
    margin-right: -0.5rem;
    display: none; }

.ui.basic.table.linked-records-table tr.focussed {
  background-color: #efe; }
  .ui.basic.table.linked-records-table tr.focussed td:first-child .row-number {
    display: none; }
  .ui.basic.table.linked-records-table tr.focussed td:first-child i.icon {
    display: inline-block; }

.file-input-wrapper {
  position: relative; }
  .file-input-wrapper input[type="file"] {
    position: absolute;
    opacity: 0; }

.ui.basic.table tr.focussed, .ui.basic.table tr.current-row {
  background-color: #efe !important; }
  .ui.basic.table tr.focussed td, .ui.basic.table tr.current-row td {
    background-color: transparent; }

.icons-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

@-webkit-keyframes blinking {
  50% {
    opacity: 0.25; } }

@keyframes blinking {
  50% {
    opacity: 0.25; } }

.icon.dark-green {
  color: darkgreen; }

.dispo-item {
  background-color: #eee; }

.blinking {
  -webkit-animation: blinking 1s infinite steps(1);
          animation: blinking 1s infinite steps(1); }

.ui.dropdown .menu > .like-an-item {
  padding: 0.5rem 1rem;
  white-space: normal;
  max-width: 15rem; }

.dispo-warning {
  margin: 0.25rem 0.25rem 0.5rem 0.25rem; }
  .dispo-warning .warning-button {
    width: 100%; }
  .dispo-warning .menu {
    max-width: 16rem; }

.dispo-item-hidden {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: rgba(0, 0, 0, 0.25);
  margin: 1rem 0; }

.dispo-item-problem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .dispo-item-problem :first-child {
    margin-right: 0.5rem; }

@media screen and (min-width: 60rem) {
  .ui.dropdown .menu > .like-an-item {
    max-width: 25rem; }
  .dispo-warning {
    margin: 0.25rem 0 0.5rem 0; }
    .dispo-warning .warning-button {
      width: auto; }
    .dispo-warning .menu {
      max-width: 25rem; } }

.ui.table thead th.dispo-heading.day-off, .ui.table thead th.dispo-cell.day-off,
.ui.table thead td.dispo-heading.day-off,
.ui.table thead td.dispo-cell.day-off,
.ui.table tbody th.dispo-heading.day-off,
.ui.table tbody th.dispo-cell.day-off,
.ui.table tbody td.dispo-heading.day-off,
.ui.table tbody td.dispo-cell.day-off {
  background-image: url(../img/day-off-pattern.svg); }

.ui.table thead th.dispo-heading.today, .ui.table thead th.dispo-cell.today,
.ui.table thead td.dispo-heading.today,
.ui.table thead td.dispo-cell.today,
.ui.table tbody th.dispo-heading.today,
.ui.table tbody th.dispo-cell.today,
.ui.table tbody td.dispo-heading.today,
.ui.table tbody td.dispo-cell.today {
  background-color: rgba(0, 128, 0, 0.05) !important; }

.dispo-controls {
  padding: 1rem;
  margin: 1rem -1.5rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 0.25rem 0 rgba(0, 0, 0, 0.25);
          box-shadow: inset 0 0 0.25rem 0 rgba(0, 0, 0, 0.25); }

.dispo-grid {
  max-width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1px;
  background-color: #cccccc; }

.dispo-date-row,
.dispo-holidays-row {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 1px;
  min-height: 4rem;
  overflow: auto; }

.dispo-holidays-row {
  min-height: 0; }

.dispo-row {
  display: grid;
  grid-template-columns: 1fr 6fr;
  grid-gap: 1px;
  position: relative; }
  .dispo-row .spinner.icon {
    margin: 1rem; }

.dispo-inner-row {
  height: 100%; }

.dispo-inner-row-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 1px;
  align-self: stretch;
  height: 100%; }

.dispo-grid-item {
  padding: 0.25rem;
  background-color: #fff;
  position: relative;
  overflow: visible; }
  .dispo-grid-item.header-item {
    font-weight: bold; }
  .dispo-grid-item.date-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .dispo-grid-item.dispo-grid-holiday-item {
    background-color: #fce8ec;
    color: crimson;
    padding: 0.5rem; }
    .dispo-grid-item.dispo-grid-holiday-item:empty {
      border: none;
      background-color: white; }
  .dispo-grid-item.weekend {
    background-color: #f7f7f7 !important; }
  .dispo-grid-item.today {
    background-color: #f2f9f2 !important; }
  .dispo-grid-item.day-off {
    background-image: url(../img/day-off-pattern.svg); }
  .dispo-grid-item .dispo-item {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 0.25rem;
    margin: 0 0 0.25rem;
    border: 5px solid transparent;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    will-change: border-color; }
    .dispo-grid-item .dispo-item.same-dispo {
      border-color: rgba(0, 0, 0, 0.5); }
    .dispo-grid-item .dispo-item.passed {
      background-color: rgba(0, 0, 0, 0.1) !important; }
    .dispo-grid-item .dispo-item:last-child {
      margin-bottom: 0; }
  .dispo-grid-item .dispo-item-date {
    text-align: center;
    margin: 0 0 0.5rem;
    display: none; }

.mobile-only {
  display: none !important; }

.header-date-picker-label {
  display: inline-block;
  position: relative;
  margin-top: 0; }

.header-date-picker-label > input[type=date] {
  position: absolute;
  top: 0;
  left: 0;
  width: 300%;
  height: 100%;
  opacity: 0;
  cursor: pointer; }

.header-date-picker-label > input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: -150%;
  left: -150%;
  width: 300%;
  height: 300%;
  cursor: pointer; }

.header-paginator-item {
  padding: 0.25rem 0.5rem !important; }

.dispo-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 1rem 0; }

.dispo-toggle-user-link, .dispo-toggle-user-link:link, .dispo-toggle-user-link:visited {
  color: #4d4d4d;
  pointer-events: none;
  cursor: default; }

.dispo-toggle-user-link:before {
  display: none; }

.dispo-modal,
.dispo-problems,
.modal-toggle {
  display: none; }

.dispo-item-appointment-buttons {
  display: grid;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  grid-gap: 0.25rem 0.5rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start; }

.block-wrapper {
  position: relative; }
  .block-wrapper .add-button,
  .block-wrapper .total-button,
  .block-wrapper .cleanup-button {
    position: absolute;
    top: 1rem;
    right: 1.25rem;
    margin: 0;
    color: #4d4d4d;
    cursor: pointer; }
    .block-wrapper .add-button i,
    .block-wrapper .total-button i,
    .block-wrapper .cleanup-button i {
      margin: 0;
      font-size: 1.25rem; }
  .block-wrapper .total-button {
    top: 3.25rem;
    width: 1.75rem;
    height: 1.75rem;
    background-color: #4d4d4d;
    -webkit-mask: url(../img/ic-summarize.svg) center no-repeat;
            mask: url(../img/ic-summarize.svg) center no-repeat;
    -webkit-mask-size: contain;
            mask-size: contain; }
  .block-wrapper .cleanup-button {
    top: 4.25rem; }
  .block-wrapper .selection {
    position: absolute;
    top: 0.75rem;
    right: 2rem;
    width: 100%;
    height: 15rem;
    background-color: #fff;
    -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #8c8c8c;
    display: none;
    overflow-y: auto;
    padding: 1rem; }
    .block-wrapper .selection.opened {
      display: block; }
    .block-wrapper .selection .item a {
      display: block;
      width: 100%;
      height: 100%; }
  .block-wrapper p {
    margin-top: 0.5rem; }

.ui.form textarea.with-blocks {
  font-family: monospace; }

@media screen and (min-width: 45rem) {
  .block-wrapper .selection {
    width: 30rem;
    height: 20rem; } }

.field.deprecated {
  opacity: 0.5; }

.field .error-label {
  display: none; }

.field.invalid label {
  color: #db2828 !important; }

.field.invalid .error-label {
  display: inline-block; }

.field.invalid input,
.field.invalid textarea,
.field.invalid select {
  border-color: #db2828 !important;
  background-color: rgba(219, 40, 40, 0.05) !important; }

.ui.form input.invalid,
.ui.form textarea.invalid {
  background-color: crimson;
  color: white; }

.ui.form input.large,
.ui.form textarea.large {
  height: 24rem; }

.ui.form label.with-mr {
  margin-right: 1.5rem; }

.ui.form label.field-label {
  padding-top: 0.5rem; }

.ui.form label.invalid {
  color: #db2828 !important; }

.ui.form label.inline {
  display: inline-block; }

.ui.form label .marked {
  display: none; }
  .ui.form label .marked.required {
    display: inline; }

.ui.selection.dropdown .menu {
  max-height: 15rem !important; }

.ui.button.admin-only {
  opacity: 0.35; }

.ui.grid .column.flex, .ui.grid.equal.width .column.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .ui.grid .column.flex.aligned.center, .ui.grid.equal.width .column.flex.aligned.center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .ui.grid .column.flex.aligned.right, .ui.grid.equal.width .column.flex.aligned.right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .ui.grid .column.flex.aligned.top, .ui.grid.equal.width .column.flex.aligned.top {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .ui.grid .column.flex.aligned.bottom, .ui.grid.equal.width .column.flex.aligned.bottom {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }

#statistics-overlay {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  display: none; }
  #statistics-overlay.opened {
    display: block; }

#statistics-response {
  position: fixed;
  display: none;
  right: 0;
  left: auto;
  max-width: 100%;
  bottom: auto;
  top: 3.125rem;
  overflow: auto;
  z-index: 101; }
  #statistics-response.opened {
    display: block; }

@media screen and (min-width: 450px) {
  #statistics-response {
    position: absolute;
    right: -1px;
    bottom: auto;
    top: 100%;
    overflow: hidden;
    max-width: none; } }

.ui.card.statistics-card {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 25rem;
  min-height: 10rem; }
  .ui.card.statistics-card .statistics-items {
    list-style-type: none;
    padding: 0; }
  .ui.card.statistics-card .statistics-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0.5rem 0; }
    .ui.card.statistics-card .statistics-item:last-of-type {
      border: none; }
    .ui.card.statistics-card .statistics-item .label {
      padding-top: 0.5rem;
      color: #222; }
      .ui.card.statistics-card .statistics-item .label p {
        margin-top: 0.25rem; }
    .ui.card.statistics-card .statistics-item .value {
      text-align: right;
      margin-left: 2rem;
      font-size: 2em;
      color: #222;
      white-space: nowrap; }

#problems-item {
  display: none; }
  #problems-item.visible {
    display: inline-block; }

#problems-overlay {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  display: none; }
  #problems-overlay.opened {
    display: block; }

#problems-response {
  position: fixed;
  display: none;
  right: 0;
  left: auto;
  max-width: 100%;
  bottom: auto;
  top: 3.125rem;
  overflow: auto;
  z-index: 101; }
  #problems-response.opened {
    display: block; }

@media screen and (min-width: 450px) {
  #problems-response {
    position: absolute;
    display: none;
    right: -1px;
    top: 100%;
    bottom: auto;
    max-width: none; }
    #problems-response.opened {
      display: block; } }

.ui.card.problems-card {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 25rem;
  min-height: 5rem;
  max-height: 80vh;
  overflow-y: auto; }

.my-files-container {
  min-height: 4rem; }

.tablet-or-smaller-only {
  display: none !important; }

.tablet-or-larger-only {
  display: block !important; }

@media screen and (min-width: 320px) and (max-width: 960px) {
  .main-title {
    display: none !important; }
  main {
    margin-left: 0;
    margin-right: 0;
    margin-top: 3.7rem;
    /* aktiviert für Dispoansicht / lightnet 10.09.2022 */ }
  .main-container {
    margin-left: 0px !important;
    margin-right: 0px !important; }
  .dispo-header {
    margin-bottom: 0; }
  #dispo-pagination a {
    padding: 10px 5px; }
  #dispo-search {
    padding: 5px; }
  #dispo-search i {
    margin: unset; }
  .icons-wrapper {
    display: unset;
    width: unset;
    top: -33px; }
  .dispo-item-alert-wrap {
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px; }
    .dispo-item-alert-wrap a {
      margin-left: 3px;
      margin-right: 3px; }
  .dispo-new-entry-icon {
    float: right; }
  .dispo-item-time {
    margin-top: 10px !important; }
  .ui.table:not(.unstackable) tr > td.details-cell, .ui.table:not(.unstackable) tr > th.details-cell {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .eight.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .eleven.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .fifteen.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .five.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .four.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .fourteen.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .nine.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .seven.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .six.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .sixteen.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .ten.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .thirteen.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .three.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .twelve.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .two.wide.field, .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields {
    padding-left: 0;
    padding-right: 0; }
  .ui.form textarea {
    padding: 0.25rem; }
  .ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url] {
    padding-left: 0.25rem;
    padding-right: 0.25rem; }
  .ui.grid > .stackable.stackable.row > .column, .ui.stackable.grid > .column.grid > .column, .ui.stackable.grid > .column.row > .column, .ui.stackable.grid > .column:not(.row), .ui.stackable.grid > .row > .column, .ui.stackable.grid > .row > .wide.column, .ui.stackable.grid > .wide.column {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important; }
  .dispo-views {
    margin: 0.25rem 0.25rem 0.5rem 0.25rem; }
  .dispo-grid .dispo-date-row {
    display: none; }
  .dispo-grid .dispo-row {
    display: block; }
    .dispo-grid .dispo-row .dispo-inner-row {
      position: relative;
      height: auto;
      max-width: 100vw;
      overflow-x: scroll;
      scrollbar-width: none; }
      .dispo-grid .dispo-row .dispo-inner-row::-webkit-scrollbar {
        width: 0;
        height: 0; }
  .dispo-grid .dispo-grid-item {
    width: 33vw;
    min-height: 3rem; }
    .dispo-grid .dispo-grid-item.header-item {
      min-height: 0;
      width: auto;
      position: sticky;
      top: 2.875rem;
      z-index: 10;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding-top: 1rem; }
      .dispo-grid .dispo-grid-item.header-item br {
        display: none; }
    .dispo-grid .dispo-grid-item .dispo-item {
      padding: 0.2rem;
      border: 2px solid transparent; }
      .dispo-grid .dispo-grid-item .dispo-item * {
        font-size: 10px; }
    .dispo-grid .dispo-grid-item .dispo-item-menu {
      display: none; }
    .dispo-grid .dispo-grid-item .dispo-item-content-link {
      font-size: 0;
      min-height: 20px; }
    .dispo-grid .dispo-grid-item .dispo-item-date {
      display: block; }
  .dispo-grid.mine-view .dispo-row {
    overflow: auto; }
    .dispo-grid.mine-view .dispo-row .dispo-inner-row-grid {
      grid-template-columns: 1fr; }
  .dispo-grid.mine-view .dispo-grid-item {
    width: 100%;
    min-height: 4rem; }
    .dispo-grid.mine-view .dispo-grid-item.header-item {
      min-height: 0;
      width: auto;
      position: static;
      top: auto; }
  .mobile-only {
    display: unset !important; }
  .not-on-mobile {
    display: none; }
  .ui.grid.with-tiny-margin {
    margin: 0; }
    .ui.grid.with-tiny-margin .column {
      padding-top: 0;
      padding-bottom: 0; } }

@media screen and (min-width: 320px) and (max-width: 960px) and (max-width: 550px) {
  .hide-on-smartphone {
    display: none !important; } }

@media screen and (min-width: 320px) and (max-width: 960px) and (max-width: 493px) {
  .hide-on-smallest {
    display: none !important; } }

@media screen and (min-width: 320px) and (max-width: 960px) {
  .modal-toggle {
    display: block !important;
    margin: 0 0 0.25rem 0; }
  .dispo-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 140;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    will-change: opacity, visibility; }
    .dispo-overlay.opened {
      visibility: visible;
      opacity: 1; }
  .dispo-modal,
  .problems-modal {
    display: block;
    position: fixed;
    top: 100vh;
    opacity: 0;
    width: 100%;
    left: 0;
    height: auto;
    background-color: rgba(0, 0, 0, 0.85);
    border-radius: 2rem 2rem 0 0;
    padding: 2rem 2rem 5rem;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    will-change: transform, opacity;
    z-index: 150; }
    .dispo-modal.opened,
    .problems-modal.opened {
      -webkit-transform: translate(0, -100%);
              transform: translate(0, -100%);
      opacity: 1; }
  .dispo-problems {
    display: block; }
    .dispo-problems .problems-modal {
      max-height: 75vh;
      overflow: scroll; }
      .dispo-problems .problems-modal * {
        font-size: 1rem !important;
        color: #fff; }
      .dispo-problems .problems-modal .item {
        color: #ff695e;
        border: 1px solid #ff695e;
        border-radius: 0.25rem;
        padding: 0.375rem 0.5rem;
        margin: 1rem 0; }
        .dispo-problems .problems-modal .item * {
          color: inherit; }
  /* KKMA-96: Info Button auf Handy grösser machen */
  .materialicon {
    width: 30px !important;
    min-width: 30px; }
  /* KKMA-109 Dispo Ansicht optimieren */
  .dispo-item-actions {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative; }
  .dispo-item-type-title {
    letter-spacing: 0px;
    padding: 0 2px;
    font-size: 9px !important;
    word-break: unset;
    margin: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content; }
  .image-enhancer-wrapper {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
  .image-enhancer-wrapper img {
    width: 100% !important; }
  /** Offerten Liste für Mobileansicht */
  .offer-tr {
    height: 185px;
    position: relative; }
  .offer-icon {
    max-width: 40px !important;
    float: left; }
  .offer-number {
    margin-top: 0px !important; }
  .offer-object {
    min-height: 50px !important; }
  .offer-price {
    min-width: 130px !important;
    float: right; }
  .offer-status {
    max-width: 120px !important;
    position: absolute;
    right: 0px;
    top: 10px; }
  .offer-actions {
    max-width: 200px !important;
    position: absolute;
    bottom: 5px;
    right: 0px; }
  .offer-clerk {
    max-width: 225px !important;
    float: left;
    margin-top: 2px; }
  .details-row {
    padding: 0px !important; }
  /** Offerten -> Angebot */
  li.item {
    display: block !important;
    margin: 0 0 0.35rem 0;
    position: relative; }
  .item-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    bottom: 0px; }
  .item-price {
    width: 100%;
    margin-top: 3px; }
  i.icon {
    width: unset;
    margin: 0px; } }

#header-search-form-item {
  position: relative; }

.header-search-form-wrapper {
  position: fixed;
  display: none;
  top: 45px;
  left: 0;
  width: 100%;
  z-index: 1000;
  padding: 0.5rem;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.1); }
  .header-search-form-wrapper.active {
    display: block; }
    .header-search-form-wrapper.active input {
      -webkit-user-select: text;
      -moz-user-select: text;
      -ms-user-select: text;
      user-select: text; }

.toggle-content-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100; }

@media screen and (min-width: 320px) and (max-width: 720px) {
  .tablet-or-smaller-only {
    display: block !important; }
  .tablet-or-larger-only {
    display: none !important; } }

.main-title {
  display: block; }

.u-toggle {
  display: inline-block;
  margin: 0 0 0.25rem; }

.toggled-content {
  display: none; }
  .toggled-content.active {
    display: block; }

code {
  display: block;
  background-color: #f2f2f2;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  margin: 0.25rem 0;
  white-space: pre-wrap;
  font-size: 0.875rem;
  line-height: 1.2; }

.user-capabilities {
  -webkit-column-width: 35rem;
     -moz-column-width: 35rem;
          column-width: 35rem;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem; }
  .user-capabilities code {
    display: inline-block;
    margin: 0 0.25rem 0.25rem 0; }

.link-text-container {
  display: inline-block;
  vertical-align: top;
  line-height: 1.3; }

.ui.top.attached.tabular.menu .item.right {
  padding-right: 0; }

@media only screen and (max-width: 640px) {
  a[href="^mailto:"] {
    word-break: break-all; }
  .ui.stackable.buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%; }
    .ui.stackable.buttons .button {
      width: 100%;
      border-radius: 0; }
      .ui.stackable.buttons .button:first-of-type {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem; }
      .ui.stackable.buttons .button:last-of-type {
        border-bottom-left-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem; }
  .ui.top.attached.tabular.menu .item {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    color: #4183c4; }
    .ui.top.attached.tabular.menu .item.right {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      padding-right: 0.5rem; } }

/**
 * Padding bei den Reitern etwas verkleinern
 *
 */
.ui.tabular.menu .item {
  padding-left: 0.875rem;
  padding-right: 0.875rem; }

/**
 * Lagerbestand ist zu breit: Scrollen einschalten
 */
.ui.tabular.menu + .attached:not(.top).segment:not(.allow-overflow),
.ui.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment:not(.allow-overflow) {
  overflow-x: auto;
  max-width: 100%; }

/**
 * Reiter bei Rechnungen u.ä. Mindesthöhe, damit ein Wechsel
 * des Tabs nicht so hart ist
 *
 */
.ui.bottom.attached.tab.segment {
  min-height: 30rem; }

/**
 * Read-Only Textarea, für die Notizen zum Adressdatensatz bei den Rechnungen
 * vgl. xhr/invoice.xhr.php
 *
 */
.ui.form textarea[readonly],
.ui.form input[readonly],
.ui.form select[readonly] {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #f9f9f9;
  resize: none; }

/**
 * Abstand der Linie beim Divider
 *
 */
.ui.horizontal.divider:after,
.ui.horizontal.divider:before {
  top: auto; }

.like-a-link {
  display: inline;
  border: none;
  padding: 0;
  font-weight: bold;
  background-color: transparent;
  cursor: pointer;
  font-size: 0.9em;
  color: #4183c4; }

/**
 * Upload-Feld mit Element für den Pfad
 * vgl. _input.js
 *
 */
.ui.form .selected-file-value {
  display: inline-block;
  max-width: 10rem;
  height: 1.5rem;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle; }

.icon.no-margin {
  margin: 0; }

.text.bold {
  font-weight: bold; }

.text.normal {
  font-weight: normal; }

.text.monospaced {
  font-family: monospace;
  font-size: 1.375em; }

.text.sans-serif {
  font-family: sans-serif; }

.text.block {
  white-space: nowrap;
  display: block;
  text-align: left;
  line-height: 1.2; }

.text.sized.smaller {
  font-size: 16px; }

.text.sized.medium {
  font-size: 120%; }

.text.purple {
  color: #a333c8; }

.text.black {
  color: #000; }

.text.blue {
  color: #4183c4; }

.text.aligned.center {
  text-align: center; }

.text.uppercase {
  text-transform: uppercase; }

.text.nowrap {
  white-space: nowrap; }

body.animating.in.dimmable, body.dimmed.dimmable {
  overflow: auto; }
  body.animating.in.dimmable .dimmer, body.dimmed.dimmable .dimmer {
    background-color: rgba(255, 255, 255, 0.5); }

.central-mailer-loading {
  height: 200px; }

.ui.label.with-mb {
  margin-bottom: 0.25rem; }

.months-container {
  padding: 0.25rem 0 0; }

.months {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 0 0.5rem;
  margin: 0; }

summary {
  cursor: pointer; }

.user-segment {
  min-height: 10rem; }

.ui.inverted.dimmer > .inverted-content > * {
  color: #4d4d4d; }

.evaluation-wrapper {
  margin: 0 0 1rem 0; }

.ui.button.with-mb {
  margin-bottom: 0.25rem; }

.ui.button.mini {
  padding-left: 0.75em;
  padding-right: 0.75em; }

#hamburger {
  z-index: 99; }

.ui.top.fixed.menu .item > a {
  color: #000; }

.toggle-xhr-row {
  font-weight: bold; }
  .toggle-xhr-row:before {
    display: inline-block;
    width: 0.5rem;
    height: 0.625rem;
    background-color: currentColor;
    -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
            clip-path: polygon(0 0, 100% 50%, 0 100%);
    vertical-align: 0;
    margin: 0 0.5rem 0 0;
    content: '';
    -webkit-transition: -webkit-transform 0.25s;
    transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s; }
  .toggle-xhr-row.opened:before {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }

ul.no-bullets {
  list-style-type: none; }
  ul.no-bullets li:before {
    display: none; }

details {
  margin: 0.25rem 0; }

summary {
  margin: 0 0 1rem; }

.grecaptcha-badge {
  opacity: 0; }

/* Material Liste */
.materialicon {
  cursor: pointer;
  border-radius: 0px 3px 3px 0px;
  padding-top: 8px;
  height: auto !important;
  margin: unset !important;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  background-color: rgba(0, 0, 0, 0.15);
  font-size: 12px !important; }

/* totalcalc */
.totalcalc {
  text-align: right;
  padding: 3px 10px;
  font-size: 14px;
  font-weight: bold;
  background-color: #fdfdf8;
  border-top: 1px solid #ccc;
  border-bottom: 1px double #ccc;
  margin-bottom: 5px; }

/* Mitarbeiter Rechte */
.user-capabilities code.active {
  background-color: green;
  color: white; }

.user-capabilities code {
  cursor: pointer; }

/*
 |-----------------------------------------------------------------
 | Neues, eigenes, kompaktes CSS
 |-----------------------------------------------------------------
 |
 | Ab Mai 2022
 |
 | Diese Datei wird vorerst noch in die main.css eingefügt.
 | Irgendeinmal dann in ferner Zukunft können wir nur noch u
 | verwenden, ohne Semantic UI
 |
 */
/**
 |---------------------------------------------------------
 | Farben
 |---------------------------------------------------------
 |
 */
/**
 |---------------------------------------------------------
 | Geschwindigkeiten für Transitions
 |---------------------------------------------------------
 |
 */
/**
 |---------------------------------------------------------
 | Grössen
 |---------------------------------------------------------
 |
 */
/*
 |-----------------------------------------------------------------
 | Reset
 |-----------------------------------------------------------------
 | Die Klass u setzt alles zurück, damit wir frisch deklarieren
 | können
 |
 */
.u,
.u * {
  all: unset;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font: 16px Verdana, Tahoma, 'Trebuchet MS', Arial, sans-serif;
  font-weight: normal;
  -webkit-font-smoothing: antialiased; }

.u h1, .u h2, .u h3, .u h4, .u h5, .u h6, .u p, .u section, .u aside, .u article {
  display: block; }

/**
 |---------------------------------------------------------
 | Farben
 |---------------------------------------------------------
 |
 */
/**
 |---------------------------------------------------------
 | Geschwindigkeiten für Transitions
 |---------------------------------------------------------
 |
 */
/**
 |---------------------------------------------------------
 | Grössen
 |---------------------------------------------------------
 |
 */
/*
 |-----------------------------------------------------------------
 | CSS-Variablen
 |-----------------------------------------------------------------
 |
 */
:root {
  --uFontSizeTiny: 10px;
  --uFontSizeVerySmall: 12px;
  --uFontSizeSmall: 14px;
  --uFontSizeDefault: 16px;
  --uFontSizeMedium: 20px;
  --uFontSizeLarge: 24px;
  --uFontSizeVeryLarge: 28px;
  --uFontSizeHuge: 32px; }

/*
 |-----------------------------------------------------------------
 | Behälter
 |-----------------------------------------------------------------
 |
 */
.u-container {
  display: block;
  margin: 0 8px;
  width: auto; }

/*
 |-----------------------------------------------------------------
 | Formular-Elemente
 |-----------------------------------------------------------------
 |
 */
.u-form {
  margin: 16px 0;
  display: block; }

.u-field {
  display: grid;
  margin: 0 0 16px;
  grid-template-columns: 1fr;
  grid-gap: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.u-label {
  display: block;
  width: 100%;
  margin: 0 0 4px;
  font-size: var(--uFontSizeSmall);
  color: #222;
  cursor: pointer; }
  .u-label.u-checkbox-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.u-control {
  border: 1px solid #ddd;
  padding: 8px;
  display: block;
  width: 100%; }
  .u-control.u-checkbox-control, .u-control[type="checkbox"] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 40px;
    height: 20px;
    border-radius: 10px;
    display: block;
    position: relative;
    padding: 0;
    background-color: #eee;
    cursor: pointer;
    margin: 0 8px 0 0;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    will-change: background-color; }
    .u-control.u-checkbox-control:before, .u-control[type="checkbox"]:before {
      content: '';
      width: 16px;
      height: 16px;
      background-color: #fff;
      border-radius: 50%;
      border: 1px solid #ddd;
      -webkit-transition: 0.25s;
      transition: 0.25s;
      will-change: left;
      position: absolute;
      top: 1px;
      left: 1px; }
    .u-control.u-checkbox-control:checked, .u-control[type="checkbox"]:checked {
      background-color: #06b; }
      .u-control.u-checkbox-control:checked:before, .u-control[type="checkbox"]:checked:before {
        left: calc( 24px - 3px); }

.u-help {
  font-size: var(--uFontSizeVerySmall);
  color: #777;
  margin: 0.25rem 0 0; }

.u-description {
  font-size: var(--uFontSizeSmall);
  color: #777; }

.u-buttons {
  margin: 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.u-button {
  border: 0;
  background-color: #06b;
  color: #fff;
  font-weight: bold;
  padding: 10px 16px;
  margin: 0 0 0 8px;
  font-size: var(--uFontSizeSmall); }

/*
 |-----------------------------------------------------------------
 | Tabellen
 |-----------------------------------------------------------------
 |
 */
.u-table {
  display: table;
  border-collapse: collapse;
  margin: 16px 0;
  width: 100%; }
  .u-table thead {
    display: table-header-group; }
  .u-table tbody {
    display: table-row-group; }
  .u-table tfoot {
    display: table-footer-group; }
  .u-table tr {
    display: table-row; }

.u-th {
  display: table-cell;
  padding: 4px 4px 4px 0;
  font-weight: bold;
  text-align: left; }

.u-td {
  display: table-cell;
  padding: 4px 4px 4px 0;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd; }

/* Mobile */
@media only screen and (max-width: 767px) {
  [class*="mobile hidden"],
  [class*="tablet only"]:not(.mobile),
  [class*="computer only"]:not(.mobile),
  [class*="large monitor only"]:not(.mobile),
  [class*="widescreen monitor only"]:not(.mobile),
  [class*="or lower hidden"] {
    display: none !important; } }

/* Tablet / iPad Portrait */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  [class*="mobile only"]:not(.tablet),
  [class*="tablet hidden"],
  [class*="computer only"]:not(.tablet),
  [class*="large monitor only"]:not(.tablet),
  [class*="widescreen monitor only"]:not(.tablet),
  [class*="or lower hidden"]:not(.mobile) {
    display: none !important; } }

/* Computer / Desktop / iPad Landscape */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  [class*="mobile only"]:not(.computer),
  [class*="tablet only"]:not(.computer),
  [class*="computer hidden"],
  [class*="large monitor only"]:not(.computer),
  [class*="widescreen monitor only"]:not(.computer),
  [class*="or lower hidden"]:not(.tablet):not(.mobile) {
    display: none !important; } }

/* Large Monitor */
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
  [class*="mobile only"]:not([class*="large monitor"]),
  [class*="tablet only"]:not([class*="large monitor"]),
  [class*="computer only"]:not([class*="large monitor"]),
  [class*="large monitor hidden"],
  [class*="widescreen monitor only"]:not([class*="large monitor"]),
  [class*="or lower hidden"]:not(.computer):not(.tablet):not(.mobile) {
    display: none !important; } }

/* Widescreen Monitor */
@media only screen and (min-width: 1920px) {
  [class*="mobile only"]:not([class*="widescreen monitor"]),
  [class*="tablet only"]:not([class*="widescreen monitor"]),
  [class*="computer only"]:not([class*="widescreen monitor"]),
  [class*="large monitor only"]:not([class*="widescreen monitor"]),
  [class*="widescreen monitor hidden"],
  [class*="widescreen monitor or lower hidden"] {
    display: none !important; } }

/** Desktop Ansicht Dispo Zeit-Item */
.dispo-item-time {
  line-height: 1;
  font-size: 11px;
  margin-top: 5px; }