/* Imports */
@import url('https://fonts.googleapis.com/css?family=Fira+Sans:300,300i,400,400i,500,500i,600,600i,700,700i');

/* Global Settings */
* { margin:0px;padding:0px;-webkit-box-sizing:border-box;box-sizing:border-box; }
html, body { font-family:Hevetica, Arial, sans-serif;font-size:16px;line-height:1em;color:#333333;background:#ffffff;font-weight:300; }
.clearboth { clear:both;height:0px;line-height:1px;font-size:1px; }
.hidden { display:none; }

/* Input Styles */
input, select, textarea { font-family:Hevetica, Arial, sans-serif;font-size:13px;line-height:18px;color:#000000;font-weight:300;padding:11px 10px;border:1px solid rgba(0,0,0,0.1);margin:0 0 3px 0;background:#fdfdfd;outline:none;border-radius:3px; }
select { padding:10px 10px; }
textarea { height:200px; }
input[type=submit] { width:auto !important;padding:12px 25px 12px 25px;font-size:16px;line-height:16px;background:linear-gradient(to right, rgba(98,125,77,1) 0%, rgba(3,118,116,1) 53%, rgba(3,118,116,1) 100%);color:#ffffff;border:none;border-radius:5px; }
input[type=submit]:hover { background:linear-gradient(to left, rgba(98,125,77,1) 0%, rgba(3,118,116,1) 53%, rgba(3,118,116,1) 100%);cursor:pointer; }
input[type=submit].red { background:linear-gradient(to right, rgb(80 36 36) 0%, rgb(118 31 31) 53%, rgb(118 3 3) 100%); }
input[type=text] { width:200px; }
input[type=password] { width:200px; }
input[type=file] { width:144px;padding:3px 3px 4px 3px; }
input[type=checkbox] { width:auto !important;-ms-transform:scale(1.3);-moz-transform:scale(1.3);-webkit-transform:scale(1.3);-o-transform:scale(1.3);cursor:pointer; }
@media (pointer:none), (pointer:coarse) {
  input[type=checkbox] { -ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1); }
}
input.number, select.number { text-align:right; }
input:disabled,
input.disabled { background:#dddddd;color:#444444;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; }
input:disabled:hover { background:#dddddd;color:#444444; }

/* Label Styles */
label { display:block;margin:0 0 15px 0; }
label span { display:block;margin:0 0 3px 0; }
div.labelbox { display:block;width:100%;margin:0 0 15px 0; }
label select, label textarea, label input,
div.labelbox label select,
div.labelbox label .ui-selectmenu-button.ui-button,
div.labelbox label textarea,
div.labelbox label input { width:100% !important; }
div.labelbox label input[type=submit] { width:auto !important;padding:13px 22px; }
div.labelbox.grid2 > label { float:left;width:49%;margin:0 2% 0 0; }
div.labelbox.grid2 > label:nth-child(2) { margin:0; }
div.labelbox.grid3 > label { float:left;width:32%;margin:0 2% 0 0; }
div.labelbox.grid3 > label:nt h-child(3) { margin:0; }
div.labelbox.grid4 > label { float:left;width:23.5%;margin:0 2% 0 0; }
div.labelbox.grid4 > label:nth-child(4) { margin:0; }

div.labelbox.checkbox { margin:0 0 15px 0; }
div.labelbox.checkbox .labelbox,
div.labelbox.checkbox .labelbox > label,
div.labelbox.checkbox .labelbox > label input,
div.labelbox.checkbox .labelbox > label select,
div.labelbox.checkbox .labelbox > label textarea { display:block;margin:0; }
div.labelbox.checkbox .labelbox > label { margin:0 0 3px 0; }
div.labelbox.checkbox > label { margin:0 0 10px 0;display:grid;grid-template-columns:50px 1fr; }
div.labelbox.checkbox > label .checkbox input { width:auto !important; }
div.labelbox.checkbox > label .title {  }
div.labelbox.checkbox > label .produkt-antwort { grid-column:2;padding:3px 0; }


/* Buttons */
a.button { display:inline-block;font-family:Hevetica, Arial, sans-serif;padding:8px 25px 8px 25px;font-size:16px;line-height:16px;background:linear-gradient(to right, rgba(98,125,77,1) 0%, rgba(3,118,116,1) 53%, rgba(3,118,116,1) 100%);color:#ffffff;margin:0 0 3px 0;text-decoration:none;cursor:pointer;border-radius:6px; }
a.button:hover { background:linear-gradient(to left, rgba(98,125,77,1) 0%, rgba(3,118,116,1) 53%, rgba(3,118,116,1) 100%);cursor:pointer; }
a.button.red { background:#C31025; }

/* Text Stylings */
.red { color:#AE2125; }
.green { color:#E60069; }                                                                                                 
.yellow { color:#e2b41b; }
.fat { font-weight:bold; }

h1, h2, h3, h4, h5 { font-family:Hevetica, Arial, sans-serif;line-height:1em;font-weight:300;color:#333333; }
h1 { font-size:32px;line-height:1em;margin-bottom:22px; }
h2 { font-size:24px;line-height:1em;margin-bottom:16px; }
h2:after { content:"";display:block;clear:both;height:1px;line-height:1px;font-size:1px; }
h2 span.action.title { display:block;float:left;margin:0 10px 0 0; }
h2 span.action.icon { display:block;line-height:12px;float:left;margin:1px 0 0 0;  }
h2 span.action.icon a { display:inline-block;font-size:10px;line-height:10px;background:rgba(3,118,116,1);color:#ffffff;padding:5px 7px 5px 6px;cursor:pointer;border-radius:3px; }
h2 span.action.icon a:hover { background:rgba(98,125,77,1); }

hr { border:none;border-bottom:5px solid #eeeeee;margin:0 0 15px 0; }
hr.full { margin:0 -22px 15px -22px; }

a { -webkit-transition:all 0.1s ease;-moz-transition:all 0.1s ease;-ms-transition:all 0.1s ease;-o-transition:all 0.1s ease;transition:all 0.1s ease; }

/* Box Settings */
.wrapper { width:100%;margin:0 auto; }

.header { position:fixed;width:100%;background:linear-gradient(to right, rgba(98,125,77,1) 0%, rgba(3,118,116,1) 53%, rgba(3,118,116,1) 100%);border-bottom:3px #eeeeee solid;padding:22px;z-index:99; }
.header .navigation { width:100%;float:left;list-style-type:none; }
.header .navigation li { display:block;float:left;margin-right:10px;color:#ffffff; }
.header .navigation li a { display:block;width:56px;height:56px;padding:20px;background:#ffffff;color:rgba(3,118,116,1);text-align:center;text-decoration:none;border-radius:6px; }
.header .navigation li a:hover { background:#b1dddc;color:#ffffff; }
.header .navigation li.cancel { float:right;margin-right:0px; }
.header .navigation li.cancel a { background:#ffcece; }
.header .navigation li.profile { float:right; }
.header .navigation li.profile a { background:#fcf2bf; }
.header .logo { width:90px;float:right; }
.header .logo img { display:block;width:100%; }
.content { width:100%;padding:125px 22px 15px 22px;font-size:15px;line-height:20px; }
.content.login { padding-top:152px; }
.content .raport-filter { background:#ffffff;padding:10px 22px;margin:0 0 15px 0;border-top:2px solid rgba(3,118,116,1); }
.content .raport-filter label, .content .raport-filter div.labelbox { margin:0; }
.content .raport-filter label select { border-bottom:2px solid rgba(3,118,116,1); }
.content .raport-list { background:#F7F7F7; }
.content .raport-list .raport-list-day { float:right;width:20%;border-right:2px solid rgba(3,118,116,1); }
.content .raport-list .raport-list-week > .raport-list-day:nth-of-type(1) { border-right:0; }
.content .raport-list h2 { background:#ffffff;color:#000000;margin:-2px 0 0 0;padding:10px 22px;font-size:20px;border-bottom:1px solid rgba(3,118,116,1);border-top:2px solid rgba(3,118,116,1); }
.content .raport-list h2 em { font-weight:300;font-size:0.85em; }
.content .raport-list .raport-list-day > h3 { background:rgba(3,118,116,1);color:#ffffff;padding:10px 22px;font-size:18px; }
.content .raport-list .raport-list-item { background:#f7f7f7;color:#000000;padding:10px 22px;border-bottom:2px solid #ffffff; }
.content .raport-list .raport-list-item h3 { color:#000000;font-size:16px;font-weight:300;cursor:pointer; }
.content .raport-list .raport-list-item .raport-list-item-detail { margin:10px 0 0 0;padding:10px 0 0 0;border-top:1px dotted #F8F8F8;display:none;font-size:14px;line-height:18px; }
.content .raport-list .raport-list-item .raport-list-item-detail p { margin:0 0 5px 0; }
.content .raport-list .raport-list-item .raport-list-item-detail strong { font-weight:600;text-transform:uppercase; }
.content .raport-list .raport-list-item .raport-list-item-detail .raport-list-item-action { margin:10px 0 0 0; }
.content .raport-list .raport-list-item .raport-list-item-detail .raport-list-item-action a { margin:0 5px 5px 0 }
.content #suchergebnis { margin:0 0 15px 0; }
.content #suchergebnis .suchergebnis-prehead,
.content #suchergebnis .suchergebnis-head,
.content #suchergebnis .suchergebnis-body { padding:11px 10px;font-size:13px;background:rgba(255,255,255,0.6);margin:0 0 1px 0;cursor:pointer; }
.content #suchergebnis .icon { display:inline-block;width:10%;color:#666666;font-size:16px; }
.content #suchergebnis .info { display:inline-block;width:90%; }
.content #suchergebnis .suchergebnis-prehead { font-weight:700;font-size:14px; }
.content #suchergebnis .suchergebnis-head { font-weight:500;font-size:14px; }
.content #suchergebnis .suchergebnis-head .icon { width:15%; }
.content #suchergebnis .suchergebnis-head .info { width:85%; }
.content #suchergebnis .suchergebnis-body .icon { width:20%; }
.content #suchergebnis .suchergebnis-body .info { width:80%; }
.content #suchergebnis .selected .icon { color:rgba(3,118,116,1); }
.content #suchergebnis .hinweis { background:none;cursor:text;font-size:18px;text-align:center; }
.content .info-export-responsive { display:none; }
.content label div.checkbox .icon { display:block;float:left;width:10%;color:#666666;font-size:30px; }
.content label div.checkbox .icon i.fa-check-square { color:#3071a9; }
.content label div.checkbox .info { display:block;float:left;width:90%;padding:5px; }
.content p { margin:0 0 15px 0; }
.content ul { margin:0 0 15px 20px; }
.content .gmaps { margin:0 -22px 15px -22px; }
.content ul.objekteliste { margin:0 0 15px 0;list-style-type:none; }
.content ul.objekteliste li { display:block;border:none;margin:0 0 8px 0;border-radius:10px;box-shadow:1px 1px 5px rgba(0,0,0,0.3); }
.content ul.objekteliste li.headline { box-shadow:none;margin:20px 10px 10px; }
.content ul.objekteliste li.headline h3 { font-weight:600; }
.content ul.objekteliste li.item-sonstige { margin:0 0 20px 0; }
.content ul.objekteliste li.item-sonstige h3 a { color:#ffffff;background:#037674; }
.content ul.objekteliste li h3 { font-size:22px;line-height:1.3em; }
.content ul.objekteliste li h3 a { display:block;text-decoration:none;color:#333333;padding:12px 15px;border-radius:5px; }
.content ul.list { margin:0 0 15px 0;list-style-type:none; }
.content ul.list li { display:block;border:none;padding:10px 5px;border-bottom:3px solid #cccccc; }
.content ul.list li:last-of-type { border-bottom:none; }
.content ul.list li h3 { margin:0 0 5px 0; }
.content ul.list li p { margin:0; }
.content ul.list li.headline { padding:13px 15px;background:linear-gradient(to bottom, rgba(98,125,77,1) 0%, rgba(3,118,116,1) 90%, rgba(3,118,116,1) 100%);color:#ffffff;border-radius:10px;border:none;margin:3px 0 0 0; }
.content ul.list li.headline h3 { margin:0;padding:0;font-weight:500;line-height:1em;color:#ffffff; }

.content .rundgang-open { margin:0 0 10px 0; }
.content .rundgang-open a { display:grid;grid-template-columns:1fr 5fr;align-items:center; }
.content .rundgang-open a span { display:block; }
.content .rundgang-open a span:nth-child(1) i { font-size:1.7em; }
.content .rundgang-open a span:nth-child(2) { font-size:1.1em;line-height:1.3em; }
.content .rundgang-info { display:grid;margin:0 0 20px 0;grid-template-columns:2fr 4fr; }
.content .rundgang-info span:nth-child(2n+1) { font-weight:bold; }
.content .individuelle-aufgaben textarea { height:60px; }
.content .js-vorlage { display:none; }

@media only screen and (max-width: 1270px) {
  .content .raport-list .raport-list-day { float:none;width:100%;border-right:0;height:100%; }
  .content .raport-list h2 { margin:-2px -22px 0 -22px; }
  .content .raport-list .raport-list-day > h3 { margin:0 -22px 0 -22px; }
  .content .raport-list .raport-list-item { margin:0 -22px; }
  .content .raport-filter { margin:0px -22px 15px -22px; }
}

@media only screen and (max-width: 790px) {  
  /* Apple-Hacks */
  input, select, textarea { -webkit-border-radius:0; }
  
  div.labelbox.grid4 > label { float:left;width:49%;margin:0 2% 0 0; }
  div.labelbox.grid4 > label:nth-child(2n) { margin:0; }
  
  .header .navigation li.desktop-only { display:none; }

  /* jquery ui fixes */
  div.labelbox label .ui-widget { font-family:Hevetica, Arial, sans-serif;font-size:13px;line-height:18px;padding:10px 9px 7px 9px;color:#000000;font-weight:300; }
  div.labelbox label .ui-button:focus { background:#ffffff;border-color:#ffffff; }
  .ui-widget.ui-widget-content { font-family:Hevetica, Arial, sans-serif;font-size:13px;line-height:18px;color:#000000;font-weight:300; }
  .ui-datepicker { width:100% !important;margin:0 0 0 -22px;padding:0 21px !important; }
  .ui-datepicker.ui-widget-content { background:none !important;border:none !important; }
  .ui-datepicker.ui-widget-content .ui-datepicker-calendar { background:#ffffff; }
  .ui-datepicker td span, .ui-datepicker td a { text-align:center !important;padding:.8em .2em !important; }
  
  .content .export-filter { display:none; }
  .content .info-export-responsive { display:block; }
}