body {
	overflow: initial;
}

/* HELPER - LIST */

.filter-items {
	background-color: #fff;
}

/*
wird nicht mehr für framework v3 gebrauchtn
.list {
 background-image:
		url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%2060%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%3E%3Cpath%20d%3D\'m60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z\'%20fill%3D\'%23c7c7cc\'%2F%3E%3C%2Fsvg%3E");
	background-position: calc(100% - 15px) center;
	background-repeat: no-repeat;
	background-size: 10px 20px;
	padding-right: 35px;
	position: relative;
}

*/

.list a {
	color: #000;
}

.list-element:after {
	content: "\f105";
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	font-family: FontAwesome;
	font-feature-settings: normal;
	font-kerning: auto;
	font-language-override: normal;
	font-size: inherit;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-synthesis: weight style;
	font-variant: normal;
	font-weight: bold;
	line-height: 1;
	font-size: 20px;
	color: #bbbbbb;
	text-rendering: auto;
	transform: translate(0px, 0px);
	position: absolute;
	right: 15px;
	top: 30%;
}

.sticky {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: sticky;
	top: 0;
	z-index: 10;
}

.empty-message {
	padding: 20px;
	text-align: center;
}

.event-category {
	padding: 8px 15px;
	background-color: #efeff4;
	font-size: 16px;
	line-height: 1;
	text-transform: uppercase;
}
/* START PAGE - EVENTS */
.start-event {
	padding: 15px;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	background-position: calc(100% - 15px) center;
	background-repeat: no-repeat;
	background-size: 10px 20px;
	padding-right: 35px;
}

.start-event .fa {
	margin-right: 8px;
}

.start-event-title {
	padding: 10px 10px 5px 10px;
	word-wrap: break-word;
	font-size: 17px;
	font-weight: 600;
}

.start-event-date, .start-event-location {
	font-size: 15px;
	padding: 0 10px 5px 10px;
	color: #8e8e93;
}

.col-25 {
	width: 25%;
	float: left;
}

.row .col-33 {
	width: 90px;
	height: 90px;
	float: left;
	overflow: hidden;
}

.row .col-33 img {
	width: 80px;
}

.row .col-66 {
	width: calc(100% - 95px);
	float: left;
	min-height: 100px;
	margin-top: -15px;
}

.col-75 {
	width: 75%;
	float: left;
}

.start-event-image {
	overflow: hidden;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.toolbar {
	position: fixed;
}
.actions-modal {
	position:fixed;
    max-height: 100%;
    overflow: scroll;
}
.modal{
	position:fixed;
}
/** Searchbar**/
.searchbar {
	align-items: center;
	background: #c9c9ce none repeat scroll 0 0;
	box-sizing: border-box;
	display: flex;
	height: 44px;
	overflow: hidden;
	padding: 0 8px;
	position: relative;
	width: 100%;
}

.searchbar::after {
	background-color: #b4b4b4;
	bottom: 0;
	content: "";
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	right: auto;
	top: auto;
	transform-origin: 50% 100% 0;
	width: 100%;
	z-index: 15;
}

.searchbar .searchbar-input {
	flex-shrink: 1;
	height: 28px;
	position: relative;
	width: 100%;
}

/**
Framwork v3 nicht mehr benoetigt
.searchbar input[type="search"] {
	-moz-appearance: none;
	background-color: #fff;
	background-image:
		url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2013%2013\'%20enable-background%3D\'new%200%200%2013%2013\'%3E%3Cg%3E%3Cpath%20fill%3D\'%23939398\'%20d%3D\'M5%2C1c2.2%2C0%2C4%2C1.8%2C4%2C4S7.2%2C9%2C5%2C9S1%2C7.2%2C1%2C5S2.8%2C1%2C5%2C1%20M5%2C0C2.2%2C0%2C0%2C2.2%2C0%2C5s2.2%2C5%2C5%2C5s5-2.2%2C5-5S7.8%2C0%2C5%2C0%20L5%2C0z\'%2F%3E%3C%2Fg%3E%3Cline%20stroke%3D\'%23939398\'%20stroke-miterlimit%3D\'10\'%20x1%3D\'12.6\'%20y1%3D\'12.6\'%20x2%3D\'8.2\'%20y2%3D\'8.2\'%2F%3E%3C%2Fsvg%3E");
	background-position: 8px center;
	background-repeat: no-repeat;
	background-size: 13px 13px;
	border: medium none;
	border-radius: 5px;
	box-sizing: border-box;
	color: #000;
	display: block;
	font-family: inherit;
	font-size: 14px;
	height: 100%;
	padding: 0 28px;
	width: 100%;
	font-weight: 400;

}

**/

.searchbar .searchbar-clear {
	background-image:
		url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2028%2028\'%3E%3Ccircle%20cx%3D\'14\'%20cy%3D\'14\'%20r%3D\'14\'%20fill%3D\'%238e8e93\'%2F%3E%3Cline%20stroke%3D\'%23ffffff\'%20stroke-width%3D\'2\'%20stroke-miterlimit%3D\'10\'%20x1%3D\'8\'%20y1%3D\'8\'%20x2%3D\'20\'%20y2%3D\'20\'%2F%3E%3Cline%20fill%3D\'none\'%20stroke%3D\'%23ffffff\'%20stroke-width%3D\'2\'%20stroke-miterlimit%3D\'10\'%20x1%3D\'20\'%20y1%3D\'8\'%20x2%3D\'8\'%20y2%3D\'20\'%2F%3E%3C%2Fsvg%3E");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	cursor: pointer;
	height: 28px;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	transition-duration: 0.3s;
	width: 28px;
}

.searchbar.searchbar-not-empty .searchbar-clear {
	opacity: 1;
	pointer-events: auto;
}

.picker-modal .icon{
	border: none;
	border-radius: 0;
}

.full-width {
	display: block;
	width: 100%;
}
.bubble {
	background-color: #bbb;
	padding: 0 5px;
	color: #fff;
	border-radius: 3px;
	position: absolute;
    right: 35px;
    top: 15px;
    font-weight:bold;
    font-size:12px;
    
}
.bullet {
	width: 8px;
	height: 8px;
	border: 2px solid #fff;
	border-radius: 6px;
	margin-right: 8px;
	background-color: #999;
	float: left;
	margin-top: 7px;

}
.bullet-right {
		float: none;
		display:inline-block;
		margin-left:5px;
}

.opened .bullet {
	background-color: #6c3;
}

.unknown .bullet {
	display: none;
}

 

.closed .bullet {
	background-color: #f00;
}
.modal-overlay, .popup-overlay, .preloader-indicator-overlay {
	   position: absolute;
}


/**Farben */
.picker-calendar-day.picker-calendar-day-selected span {
    background: #e67e22 none repeat scroll 0 0;
    
}
label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox, label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox{
	background-color: #e67e22;
}

/*
i.icon.icon-next,i.icon.icon-prev{
	background-image:none;
	   -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    background:none;
    color: #e67e22;
 
}
*/
i.icon.icon-next,i.icon.icon-prev{
    color: #e67e22;
 
}

/*
i.icon.icon-next:before {
    content: "\f105";
}
i.icon.icon-prev:before {
    content: "\f104";
}

*/
 /**Farben Ende */
 .list{
 margin:0;
 }
 
 .list::after {
 top: 40%;
 
 }
 
 .ios .list, .md .list{
  /*display hack */
 padding-top:1px;
 /*display hack */
  padding-bottom:1px;
  margin-top:5px;
 }
 
.ios .hw-row-kachel  .list-element::after, .md .hw-row-kachel  .list-element::after {
  content:'';
  }
.hw-row-kachel {
	margin:15px;
}

.hw-row-kachel  .list-element {
	padding:15px;
}

.hw-row-kachel  .start-event-title {
	min-height:50px;
}

.ios .toolbar{
	height: calc(44px + env(safe-area-inset-bottom));
}
.ios .toolbar-bottom .toolbar-inner{ 
	padding-bottom: env(safe-area-inset-bottom);
}
.title-strong{
	font-weight: 900;
}