html, body, #body {
    height: 100%;
    max-width: 1060px;
    margin: auto;
    box-sizing: border-box;
    font-family: Verdana,Arial,sans-serif;
    font-size: 14px !important;
    line-height: 165%;
}

.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
    background-color: #fff;
}
.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a {
	text-decoration: none;
}
iframe, object {
    overflow: hidden;
    width: 100%;
}
#header, #footer {
    border: 0 !important;
    text-align: center;
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 60%);
}
#tabs {
    overflow: hidden;
    padding-bottom: 120px !important;
}
.tab {
    margin: 0px;
    padding: 40px 0px 0px 0px !important;
    overflow-y: auto !important;
    overflow-x: hidden;
    height: calc(100% - 51px);
    box-sizing: border-box;
}
.ui-header h1 {
    margin: 0 5px !important;
    font-size: 20px !important;
    text-overflow: ellipsis;
    overflow: auto !important;
    white-space: normal !important;
    padding: .4em 0 0 0 !important;
}
#header span {
    font-weight: normal;
    padding: 0 0 10px 0;
    display: block;
}
.ui-content {
    padding: 0px 5px 0 5px !important
}
.ui-tabs {
    padding: 10px 5px 10px 5px !important;
}
h3 {
    margin-top: 0;
}
h5.ui-title {
    font-size: 14px !important;
}
.ui-navbar li .ui-btn {
    font-size: 14px !important;
}

ul {
    margin: 0;
    padding: 0px 0 0 20px;
}
.links_nachweise {
    font-weight: normal !important;
}

#footer, #top-bar {
    display: none;
}
#sheets-viewport {
	margin-top: 20px;
}
#sheets-viewport, #sheets-viewport2, #sheets-viewport3 {
    overflow: hidden;
    height: auto !important;
    width: 100% !important;
}
#sheets-viewport table.waffle, #sheets-viewport2 table.waffle, #sheets-viewport3 table.waffle {
    border-collapse: collapse;
    width: 100%;
}
#sheets-viewport table th:first-child, #sheets-viewport table td:first-child,
#sheets-viewport2 table th:first-child, #sheets-viewport2 table td:first-child,
#sheets-viewport2 table th:nth-child(4), #sheets-viewport2 table td:nth-child(4),
#sheets-viewport3 table th:first-child, #sheets-viewport3 table td:first-child {
    display: none;
}
#sheets-viewport2 table th:nth-child(3), #sheets-viewport2 table td:nth-child(3) {
    width: 100% !important;
}
#sheets-viewport table.waffle th, #sheets-viewport table.waffle td,
#sheets-viewport2 table.waffle th, #sheets-viewport2 table.waffle td,
#sheets-viewport3 table.waffle th, #sheets-viewport3 table.waffle td {
    font-family: Verdana,Arial,sans-serif !important;
    line-height: 165% !important;
    font-size: 14px !important;
    text-decoration: none !important;
}
#sheets-viewport table.waffle tr:nth-child(1) th:nth-child(5), #sheets-viewport table.waffle td:nth-child(5) {
    width: 99% !important;
}
#sheets-viewport table.waffle th, #sheets-viewport2 table.waffle th {
    font-weight: bold;
}
#sheets-viewport2 table tbody tr:nth-child(3) td {
    background-color: #fff !important;
    border-top: 0;
    padding-top: 10px !important;
}
#sheets-viewport table.waffle td, #sheets-viewport2 table.waffle td {
    border-top: 1px solid #bbb;
    padding: 3px 4px !important;
}
#sheets-viewport table tr td:nth-child(2) {
    padding-right: 0 !important;
}
#sheets-viewport table tr td:nth-child(3) {
    padding-left: 0 !important;
}
#sheets-viewport table.waffle tr:nth-child(1) td {
    border-top: 0;
}
#sheets-viewport2.privat table tr:nth-child(4) {
	display: none;
}
#sheets-viewport2 table tbody tr:nth-child(1) td, #sheets-viewport2 table tbody tr:nth-child(2) td, #sheets-viewport2 table tbody tr:nth-child(4) td {
    border: 0;
}
#sheets-viewport2 table tbody tr:nth-child(3) td {
    border-bottom: 1px double #bbb;
}
#sheets-viewport2 table tbody tr:nth-child(n+4) td {
    font-weight: normal !important;
}
#sheets-viewport2 table tbody tr:nth-child(2) {
    display: none;
}
#sheets-viewport2 table tbody tr:nth-child(2) td {
    padding: 3px 4px !important;
    font-family: monospace !important;
    background-color: #f3f3f3 !important;
}
#sheets-viewport2 table tbody tr:nth-child(1) td {
    xpadding-bottom: 18px !important;
}
#sheets-viewport2 table tbody tr:nth-child(3) td {
    padding-top: 18px !important;
}
#sheets-viewport2.privat table tbody tr:nth-child(4) td, #sheets-viewport2.privat table tbody tr:nth-child(5) td {
    font-weight: bold !important;
}
#sheets-viewport2.privat table tr td:nth-child(4) {
    width: 100%;
    text-align: left !important;
}
#sheets-viewport2.privat table tr td:nth-child(5) {
	display: none;
}
#sheets-viewport2.privat table tr:nth-child(5) {
    display: none;
}
#sheets-viewport2.akademus table tr td:nth-child(3) {
    width: 100%;
}
#sheets-viewport3 tr {
    display: inline-block;
    margin: 0 5px 20px 0;
}
#sheets-viewport3 td div {
    width: auto !important;
}
#sheets-viewport3 table thead {
    display: none;
}
.ritz .waffle a, a.dropbox-link {
    color: #38c !important;
    padding: 4px 8px 4px 38px;
    border-radius: 5px;
}
.ritz .waffle a.ui-btn-active {
    color: #fff !important;
}
#sheets-viewport .ritz .waffle tr td:nth-child(5) {
    text-align: left !important;
}
#sheets-viewport2 .ritz .waffle .s0 {
    padding-left: 4px !important;
    text-indent: -4px;
    color: #000 !important;
    font-weight: normal !important;
}
#sheets-viewport2 .waffle tbody tr:nth-child(1) td {
    white-space: break-spaces !important;
}
span.wochentag {
    display: inline-block;
    width: 1.7em;
}
#tabs-2 .ui-field-contain, .ui-mobile fieldset.ui-field-contain {
    padding: 0 !important;
    margin: 0 !important;
    margin-bottom: 6px !important;
    border-bottom-width: 0 !important;
    width: calc(50% - 8px);
    display: inline-block;
    margin-right: 10px !important;
}
#tabs-2 .ui-field-contain:nth-of-type(2) {
	margin-right: 0 !important;
}
#wrapper_verfuegbar_filter_datum div.ui-input-text {
    width: calc(50% - 10px);
    display: inline-block;
    margin-right: 10px !important;
}
#wrapper_verfuegbar_filter_datum div.ui-input-text:nth-of-type(2) {
    margin-right: 0 !important;
}

.ui-btn {
    margin: 2px 0 !important;
    border-radius: 5px !important;
    border-width: 1px !important;
    font-size: 14px;
}
.ui-tabs-nav .ui-btn-icon-left {
    padding-left: 1.5em !important;
}
#navbar .ui-btn {
    padding: 0.5em 0.5em 0.5em 1em !important;
    line-height: 1.8;
    font-size: 14px !important;
    border-radius: 10px !important;
    margin-right: 10px !important;
}
#navbar ul li a {
    border-right: 1px solid #ddd;
    background-color: #f6f6f6;
}
#navbar ul li a:hover {
    background-color: #ededed;
}
#navbar ul li a.ui-btn-active {
    border-right: 0;
    background-color: #38c;
}
#navbar ul li:last-child a {
    margin-right: 0 !important;
}
.ui-btn.ui-icon-mail.ui-btn-icon-left.ui-btn-inline {
    color: #38c !important;
    padding: 4px 8px 4px 38px;
    border-radius: 5px;
}
.ui-btn.ui-icon-whatsapp.ui-btn-icon-left.ui-btn-inline {
    color: #38c !important;
    padding: 4px 8px 4px 38px;
    border-radius: 5px;
}
.ui-icon-whatsapp:after {
    background-image: url("/img/whatsapp.svg");
    background-size: 130%;
}
.ui-btn.ui-icon-document.ui-btn-icon-left.ui-btn-inline {
    color: #38c !important;
    padding: 4px 8px 4px 38px;
    border-radius: 5px;
}
.ui-icon-document:after {
    background-image: url("/img/document.svg");
    background-size: 88%;
    background-position: center;
}
.ui-icon-link:after {
    background-image: url("/img/link.svg");
    background-size: 88%;
    background-position: center;
}
.ui-btn.ui-icon-calendar.ui-btn-icon-left.ui-btn-inline {
    color: #38c !important;
    padding: 4px 8px 4px 38px;
    border-radius: 5px;
}
.ui-icon-delete:after {
    top: 50% !important;
}
.ui-page-theme-a .ui-btn:focus, html .ui-bar-a .ui-btn:focus, html .ui-body-a .ui-btn:focus, html body .ui-group-theme-a .ui-btn:focus, html head+body .ui-btn.ui-btn-a:focus, .ui-page-theme-a .ui-focus, html .ui-bar-a .ui-focus, html .ui-body-a .ui-focus, html body .ui-group-theme-a .ui-focus, html head+body .ui-btn-a.ui-focus, html head+body .ui-body-a.ui-focus {
    box-shadow: unset !important;
}
.listview ul {
    margin-left: -18px;
}
.listview li {
    list-style-type: circle;
    margin: 6px 20px;
}
.ui-collapsible {
    margin: 4px 0 !important;
}
.ui-collapsible-inset.ui-collapsible-themed-content .ui-collapsible-content {
    border: 0;
    margin: 0px 0px 5px 0px;
}
.ui-collapsible-inset.ui-collapsible-themed-content .ui-collapsible-content li a {
    color:#38c;
    background-color:#fff;
}
.ui-listview > .ui-li-has-thumb > .ui-btn, .ui-listview > .ui-li-static.ui-li-has-thumb {
    padding-left: 1em;
}
span.code {
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #D1D1D1;
    padding: 1px 9px 1px 9px;
    width: 220px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    margin: 2px 10px 2px 0;
    font-weight: normal;
}
div.link {
    display: inline-block;
    text-align: center;
    width: 80px;
    vertical-align: top;
    margin: 0 20px 0 0;
}
div.link img {
    margin: 0 0 5px 0;
    border-radius: 10px;
}
h3 img {
    border-radius: 10px;
}
#google_rating {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
#google_rating .fWFdxl {
    padding: 0 !important;
}
#google_rating .hHRUog {
    margin-right: 7px;
}
.eapps-widget-toolbar {
    display: none !important;
}
#termine_tabs {
    padding: 0 !important;
}
#termine_tabs_navbar {
    margin-bottom: 15px;
}
#termine_tabs li > a {
    margin: 0 10px 0 0 !important;
    background-color: #aaa;
    border: 1px solid #aaa;
    color: #fff;
    text-shadow: none;
}
#termine_tabs_navbar ul li:nth-child(2n) a.g4 {
        margin-right: 0 !important;
    }
#termine_tabs_navbar ul li a {
    margin-bottom: 10px !important;
}
#termine_tabs li:last-child > a {
    margin: 0 0 10px 0 !important;
}
#termine_tabs li.ui-state-active > a {
    background-color: #38c;
    border: 1px solid #38c;
}
#termine_tabs div.ui-content {
    padding: 0 !important;
}
.ui-listview li:nth-child(even) {
    background-color: #F3F3F3;
}
.todoist_project .task {
	white-space: normal;
}
.todoist_project .task_content {
    display: block;
    white-space: normal;
    padding: 4px 0;
}
.todoist_project .task_labels {
    display: block;
    padding: 4px 0;
    white-space: normal;
    font-style: italic;
    color: #666;
    font-size: 14px;
    padding: 0px 0 4px 0;
    line-height: 165%;
}
.todoist_project .task_datum {
    font-weight: bold;
    display: block;
    margin-bottom: 2px;
}
.todoist_project .task_comment {
    display: block;
    white-space: normal;
    clear: both;
    vertical-align: top;
    width: auto;
    margin-right: 10px;
    margin-bottom: 10px;
}
.todoist_project .task_comment.comment_video {
    display: block;
    white-space: normal;
    clear: both;
    vertical-align: top;
}
.todoist_project .task_comment iframe {
    width: 640px;
    height: 360px;
    padding: 4px 0;
}
.todoist_project .task_comment button {
    display: inline-block;
    box-shadow: unset;
    background-color: unset !important;
    border: 0;
    margin: 0 -2px 0px -8px !important;
    width: unset;
    vertical-align: middle;
    float: left;
}
.todoist_project .task_comment.comment_video button {
    margin: 0 -2px 0px -8px !important;
}
.todoist_project .task_comment a {
    font-weight: normal !important;
    text-decoration: none !important;
    display: table;
}
.todoist_project .task_content span.ha {
    padding: 3px;
    position: relative;
    left: -3px;
}
.todoist_project .task_content span.ha_offen {
    background-color: #fce8b2;
}
.todoist_project .task_content span.ha_gemacht {
    background-color: #b7e1cd;
}
.todoist_project .task_content span.ha_nicht_gemacht {
    background-color: #f4c7c3;
}
.ui-input-search a {
    top: 2px !important;
    right: 4px !important;
}

#ui-datepicker-div {
    z-index: 10 !important;	
}
.ui-datepicker-calendar a.ui-btn {
	border: 0 !important;
	border-radius: 0 !important;
	margin: 0 !important;
}
.ui-datepicker-calendar a.ui-state-active {
	background-color: #38c;
	color: white;
}
.ui-datepicker-calendar td.ui-datepicker-today a {
    border: 1px solid red !important;
    border-radius: 5px !important;
}
.ui-datepicker-calendar td.ui-datepicker-week-end a, .ui-datepicker-calendar td.ui-datepicker-week-end {
    background-color: #e9e9e9;
}
.ui-datepicker-calendar td.ui-datepicker-other-month a {
	color: lightgray;
}

input.termin_auswaehlen, input.termin_auswaehlen_serie, input#termin_auswaehlen_alle {
	display: inline-block;
    width: 18px;
    height: 18px;
    margin: -9px 6px 0 2px;
    -webkit-border-radius: 0.1875em;
    border-radius: 0.1875em;
    background-color: #666;
    background-color: rgba(0,0,0,.3);
    position: relative;
    top: 4px;
}
label.termin_auswaehlen {
	font-weight: normal;
	margin: 4px;
	display: inline-block;
}
.ui-mobile label, div.ui-controlgroup-label {
	font-size: 14px !important;
}
#wrapper_verfuegbar_anfragen a {
	width: calc(100% - 14px);
    margin-top: 20px !important;
    font-size: 16px;
    background-color: #e9e9e9;
    padding: 10px 6px;
}
#sheets-viewport table tbody tr.anfrage_checked td {
	background-color: #38c !important;
	color: #fff;
}

#wrapper_verfuegbar_filter_regelmaessig {
	margin-top: 10px;
}
#sheets-viewport table tbody tr.regelmaessig td {
	font-weight: bold;
}

textarea#verfuegbar_copy {
	height: 100px;
}

#verfuegbar_keine_termine {
	margin-top: 20px;
}

span#zeige_vorherige_jahrgaenge {
    display: block;
    margin-bottom: 24px !important
}

div.leitfaden {
    background-color: #ededed;
    border: 1px solid #dbdddd;
    padding: 8px 10px;
    margin-bottom: 20px;
    border-radius: 5px;
}

span.tools_topbar a {
    cursor: pointer;
}

/*@media only screen and (max-width: 900px) {*/
    #termine_tabs_navbar ul li {
        width: 50%;
    }
    #termine_tabs_navbar ul li:nth-child(2n) a {
        margin-right: 0 !important;
    }
    #termine_tabs_navbar ul li:nth-child(odd) a {
        margin-right: 10px !important;
    }
/*}*/

@media only screen and (max-width: 900px) {
    #navbar ul li {
        width: 50%;
    }
    #navbar ul li:nth-child(2n) a {
        margin-right: 0 !important;
    }
    #navbar ul li:nth-child(odd) a {
        margin-right: 10px !important;
    }
    #navbar ul li:nth-child(n+3) a {
        margin-top: 10px !important;
    }
}

@media only screen and (max-width: 690px) {
    .todoist_project .task_comment iframe {
        width: 320px;
        height: 180px;
    }
}

@media only screen and (max-width: 660px) {
    img.portrait {
        width: 160px;
        height: auto;
    }
    span.code {
        display: block;
    }
}

@media only screen and (max-width: 400px) {
    #sheets-viewport2.privat table tr td:nth-child(5) {
        text-indent: 0;
    }
}

@media only screen and (max-width: 360px) {
    html {
        zoom: 90%;
    }
}