/**
 * © 2011-2019 Higi Bigler (nullnulleins.ch). All rights reserved.
 */
@charset "UTF-8";

/* gloryawwwcontrol */
.gloryawwwcontrol { position: absolute; right: 0; top: 0; }
#agendafilter ul.imagebutton { padding: 0; }
header .gloryawwwcontrol { z-index: 5; }
.shownavigation header .gloryawwwcontrol { display: none; }

/*
#content ul.imagebutton { padding: 0; }
#content ul.imagebutton li { padding: 0; padding-left: 1px; }
#content ul.imagebutton li:first-child { padding: 0; padding-left: 0px; }
*/
.tenantgallery .gloryawwwcontrol { top: .5em; right: .5em; }
.tenantgallery li.full:first-child .gloryawwwcontrol { right: 0; }
.tenantgallery .gloryawwwcontrolwrapper figure .imagewrapper { background-color: #EFEFEF; padding-bottom: calc(1.3rem + 4px); }
.tenantgallery .gloryawwwcontrolwrapper .gloryawwwcontrol { right: auto; left: .5em; }

/* gloryaadminbar & gloryanavigation */
body.wwweditor:not(.hideadminbar) { margin-left: 50px; }
body.wwweditor:not(.hideadminbar) nav { left: 50px; }
body.wwweditor:not(.hideadminbar) #logo, body.wwweditor:not(.hideadminbar) #closebutton { left: calc(50px + 1em); }

@media only screen and (max-width: 480px) {
	body { margin-left: 0; }
	body.wwweditor:not(.hideadminbar) { margin-left: 40px; }
	body.wwweditor:not(.hideadminbar) nav { left: 40px; }
	body.wwweditor:not(.hideadminbar) #logo, body.wwweditor:not(.hideadminbar) #closebutton { left: calc(40px + 1em); }
}

body:not(.hideadminbar) article.text > div > div.textrowwrapper:not(.mediarowwrapper), body:not(.hideadminbar) article.text div.textrow.gloryawwwcontrolwrapper { border-top: 1px dashed #CCC; }
.wwwcontrolshidden article.text > div > div.textrowwrapper:not(.mediarowwrapper) { border-top: none; }
/*article.text > div > div:first-child { border-top: none; }*/

/* editor */
#ckeditorarea { margin: 5px; background-color: #FFFFFF; box-sizing: border-box; height: auto; }

/* fix style pull-down */
.cke_panel_frame a:hover { font-style: normal !important; }
/*
.cke_panel_frame { background-color: #FFFFFF; }
.cke_panel_frame ul, .cke_panel_frame li { background-image: none; padding: 0; margin: 0; }
.cke_panel_frame p.caption { margin-top: 0; font-family: "ff-din-web", Helvetica, Arial, sans-serif; }
.cke_panel_frame p.din { margin-top: 0; font-family: "ff-din-web", Helvetica, Arial, sans-serif; }
.cke_panel_frame p { font-family: Georgia, "Times New Roman", serif; }
.cke_panel_frame p.edito1 { font-size: 160%; line-height: 135%; margin: -3px 0 3px; }
.cke_panel_frame p.edito2 { font-size: 120%; line-height: 150%; margin: 3px 0 30px; color: #888888; }
*/

/**/
.mapping_tuid_addresstype_59 div.mapping { max-height: none; }

.imagebutton.createnews { background-position: 0 -832px; background-color: #474767; }
.roomreferencelist { margin: 0; padding: 0; border-collapse: collapse; }
table.roomreferencelist tbody td { background-color: transparent; }
.roomreferencelist td { border: none !important; margin: 0; padding: 0 !important; text-align: left; vertical-align: top; }

table.rentcalculator { border: none; padding: 0; margin: 0; border-collapse: collapse; }
table.rentcalculator td { padding: 0 10px 2px 0; }

/*#__item_address_58 > a, #__item_room_39 > a { background-color: #6A482C; }*/

/* approving events */
.comp.cuid_approved_253 { display: none; }
body.popup.event_54.edit [name=form_edit] { display: none; }
.cuid_importnote_269 textarea, .cuid_importnote_271 textarea { height: 4.5em; max-height: 4.5em; max-height: 4.5em; resize: none; }
.comp.cuid_online_252 { background-color: #FFB; padding: 2px 0; margin: 1px 0 -2px; }

/* mailing */
div.buttons input.button[name=form_save_and_send], div.buttons input.button[name=form_save_and_testsend] { float: left; margin-right: 1em; }
li.addresstype { background-color: #EFEFEF; border-color: #FFF; }
li.comp.cuid_id_428 > .formrow > .inputtype { display: flex; flex-direction: row; }
li.comp.cuid_id_428 > .formrow > .inputtype > div { width: 55%; }
li.comp.cuid_id_428 > .formrow > .inputtype > div:first-child { width: 45%; margin-right: 3px; }
li.comp.cuid_id_428 > .formrow > .inputtype > div:first-child div.mapping { max-height: calc(14em - 1px); }

/* mail-format */
#ckeditorarea.mailing { font-size: 14px; line-height: 130%; font-family: Helvetica, Arial, sans-serif; }
#ckeditorarea.mailing strong, #ckeditorarea.mailing b { font-weight: 700; }
#ckeditorarea.mailing h1, #ckeditorarea.mailing h2, #ckeditorarea.mailing p { margin: 1em 0; padding: 0; text-transform: none; text-align: left; }
#ckeditorarea.mailing h1 { font-size: 20px; font-family: Helvetica, Arial, sans-serif; font-weight: 700; }
#ckeditorarea.mailing h2 { font-size: 16px; font-family: Helvetica, Arial, sans-serif; font-weight: 700; }
#ckeditorarea.mailing hr { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color #666666; border-image: none; border-style: none none dotted; border-width: medium medium 1px; height: 0; line-height: 1px; margin: 1em 0; padding: 0; }
#ckeditorarea.mailing ul { margin: 1em 0; padding: 0; list-style: disc; }
#ckeditorarea.mailing ul li { margin: 0 0 0 1em; padding: 0; }

/* 2019 */
/* mietpreis */
#rentttt .formrow .formrow { display: table; }
#rentttt .formrow .formrow > * { display: table-cell; }
li.comp.cuid_id_roomextracharge_402 .formrow label, li.comp.cuid_id_403 .formrow label { width: 8em; }
#rentttt > label span, #rentttt .formrow .formrow label span, .comp.cuid_id_roomextracharge_402 label span, .comp.cuid_id_403 label span { margin-left: 0; width: 8em; }
#rentttt .inputtype.roomrentcalculatornetto { display: inline; width: auto; }
.comp.cuid_id_403 .formrow div.inputtype { vertical-align: middle; }
.comp.cuid_id_403 { margin-bottom: 6px; font-weight: 600; }
#rentttt { position: relative; }
#rentttt, li.cuid_id_roomextracharge_402, li.cuid_id_403 { margin-left: 11em; width: calc(100% - 11em); }
#rentttt > span:first-child { position:absolute; left: -11em; margin: 3px 0 0 6px; }
a.dropboxoauth2 { background-color: #008018; }
a.dropboxoauth2:before { content: '\F0309'; }

/**/
.roomtorentcalendarwrapper { margin: .5em 0 1em 0; }
.roomtorentcalendarwrapper label { font-size: 86%; }
li.comp .roomtorentcalendarwrapper label > span { margin-left: 0; margin-bottom: 0; }

.roomtorentcalendar { display: none; }
.roomtorentcalendarwrapper .calendarwrapper { display: none; }
.roomtorentcalendarwrapper .calendar { position: static; box-shadow: unset; width: 100%; margin: .25em 0; font-size: 86%; border-spacing: 3px; border-collapse: separate; text-indent: 0; }
.roomtorentcalendarwrapper .monthheader { border-bottom-width: 3px; border-bottom-style: solid; padding-top: .5em; position: relative; cursor: pointer; }
.roomtorentcalendarwrapper .monthheader:after { content: ''; display: block; border-top: .5em solid var(--input-decoration-color); border-right: .4em solid transparent; border-left: .4em solid transparent; position: absolute; top: .75em; right: .3em; transition: .5s transform; }
.roomtorentcalendarwrapper .monthheader:hover:after { border-top-color: var(--input-text-color); }
.roomtorentcalendarwrapper .monthheader.open:after { transform: rotate(-180deg); }
.roomtorentcalendarwrapper .calendar td, .roomtorentcalendarwrapper .calendar th { padding: 0; text-align: center; }
.roomtorentcalendarwrapper .calendar td.day { border: 3px solid #EFEFEF; }
.roomtorentcalendarwrapper .calendar td.day > span { display: block; }
.roomtorentcalendarwrapper .calendar td.day > div { border-top: 3px solid #EFEFEF; background-color: transparent; position: relative; height: 1.25em; margin-bottom: -.5px; }
li.comp .roomtorentcalendarwrapper .calendar td.day div.inputtype.checkbox label { height: 1.1em; min-height: unset; display: block; cursor: pointer; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
main form li.comp .roomtorentcalendarwrapper .calendar td.day input.checkbox + span:before { display: none; }
main form li.comp .roomtorentcalendarwrapper .calendar td.day input.checkbox + span:after { left: calc(50% - .25em); }
.roomtorentcalendarwrapper .calendar td.day div input + span { display: block; width: 100%; }
.roomtorentcalendarwrapper .calendar td.day div.occupied { background-color: #EFEFEF; cursor: not-allowed; background-image: url('../img/occupied.0.svg'); background-size: 100% 100%; }
.roomtorentcalendarwrapper .calendar td.day div.occupied + div.occupied { border-top-color: #FFF; }
.roomtorentcalendarwrapper .calendar td.day div.selected { background-color: var(--input-decoration-color); }
.roomtorentcalendarwrapper .calendar td:first-child { width: 15%; padding: 0 1em 0 0; text-align: left; white-space: nowrap; }
.roomtorentcalendarwrapper .calendar td:first-child div { padding-top: 3px; }
li.accepted div.inputtype { padding-left: 0 !important; margin-top: 1em; }
main form li.comp.accepted input.checkbox + span:before { background-color: #EFEFEF !important; }

/**/
#cg_32 textarea { height: 3em; max-height: 3em; min-height: 3em; resize: none; }
#cg_32 .componenttab ul { display: flex; flex-direction: row; }
#cg_32 .componenttab ul li { display: block; width: 66.6666% }
#cg_32 .componenttab ul li:last-child { width: 33.3333%; }
#cg_32 .componenttab ul li:last-child > div.formrow { padding-left: 0; }

/* updatetracker */
.comp.updatetracker input { background-color: transparent; }

/* spartenkuchen */
.comp.cuid_id_367 ul { list-style: none; }
.comp.cuid_id_367 ul li { margin-top: 3px; }
.comp.cuid_id_367 ul li:first-child { margin-top: 0; }
.comp.cuid_id_367 ul label { display: table; }
.comp.cuid_id_367 ul label > * { display: table-cell; vertical-align: middle; }
li.comp.cuid_id_367 div.selectwrapper { width: 5.5em; margin-right: .5em; }
li.comp.cuid_id_367 div.selectwrapper select { text-align: right; }

@media only screen and (max-width: 620px) {
	.comp.cuid_id_roomextracharge_402 label, .comp.cuid_id_403 label { padding-left: 0; }
	#rentttt .formrow .formrow label span, .comp.cuid_id_roomextracharge_402 label span, .comp.cuid_id_403 label span { margin-left: 6px; }
	li.comp.cuid_id_roomextracharge_402 > div.formrow > label, li.comp.cuid_id_403 > div.formrow > label { width: 11em; display: table-cell; font-size: 100%; }
	li.comp.cuid_id_roomextracharge_402 > div.formrow > div.inputtype, li.comp.cuid_id_403 > div.formrow > div.inputtype { display: table-cell; margin-left: 0px; }
}