::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
}

body.theme-school-booster .csc-default .tx-sbevents a { color:#e30613; }

.pt-5 { padding-top:5px; }
.pt-7 { padding-top:7px; }
.pb-60 { padding-bottom:60px; }
.mt--10 { margin-top:-10px !important; }
.mt-0 { margin-top:0 !important; }
.mt-20 { margin-top:20px !important; }
.mt-34 { margin-top:34px !important; }
.mb-0 { margin-bottom:0 !important; }
.mb-5 { margin-bottom:5px !important; }
.mb-10 { margin-bottom:10px !important; }
.mb-20 { margin-bottom:20px !important; }
.mb-30 { margin-bottom:30px !important; }
input.styled-checkbox + span.before-mb-40::before { margin-bottom:40px !important; }
.valign-middle { vertical-align:middle !important; }
.relative { position:relative; }
.break-word { overflow-wrap:break-word; }

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.tx-sbevents form > h3 { color:#fda01c; margin:0 0 10px 0; }

.tx-sbevents [type="color"], .tx-sbevents [type="date"], .tx-sbevents [type="datetime-local"], .tx-sbevents [type="datetime"], .tx-sbevents [type="email"], .tx-sbevents [type="month"], .tx-sbevents [type="number"], .tx-sbevents [type="password"], .tx-sbevents [type="search"], .tx-sbevents [type="tel"], .tx-sbevents [type="text"], .tx-sbevents [type="time"], .tx-sbevents [type="url"], .tx-sbevents [type="week"], .tx-sbevents textarea {
	padding:9px;
	color:#3c3c3c;
	font-size:0.875rem;
}
.tx-sbevents .form-sb select {
	padding:9px;
	color:#3c3c3c;
	font-size:0.875rem;
	background-position: right 0 center;
}
.tx-sbevents textarea {
	resize:none;
}

.tx-sbevents label { color:#3c3c3c; }

.off-canvas-wrapper input.styled-checkbox, .off-canvas-wrapper input.styled-radio {
	display:none;
}

.tx-sbevents input.styled-checkbox + span > span {
	color:#3c3c3c;
	line-height:20px;
}

/* Kategorien */
.tx-sbevents .box-col {
	position:relative;
}
.tx-sbevents .box-col.third > div.sub-box {
	height:auto;
	z-index:100;
	border:0;
	background-color:#fff;
}
.tx-sbevents .box-col.third > div.sub-box .box {
	height:66px;
	opacity:0.6;
}
.tx-sbevents .box-category .category-title.desktop-only {
	width:74%;
}
.tx-sbevents div.sub-box .box-category .category-title {
	font-size:19px;
	letter-spacing:0;
}
.tx-sbevents .box-col.third > div.sub-box .box-category .icon {
	max-width:44px;
	margin-top:4px;
}
.tx-sbevents .box-category .arrow {
	position:absolute;
	right:2px;
	bottom:25px;
	width:28px;
	border-top:0;
}
.tx-sbevents .box-category .arrow img {
	margin:0;
}
.tx-sbevents .box-category.desktop-only {
	display:none;
}
#subcategory-dist {
	display:none;
	height:1px;
	width:100%;
	float:left;
}
#subcategory-dist:before, #subcategory-dist:after {
	content:'';
	display:table;
	clear:both;
	width:100%;
}

@media screen and ( min-width:768px ) {
	.tx-sbevents .box-col.third > div.sub-box {
		position:absolute;
		left:-50%;
		top:100%;
		width:calc(200% + 2px);
	}
	.tx-sbevents .box-col.third > div.sub-box .box {
		width:50%;
		float:left;
	}
	.tx-sbevents .box-category.desktop-only {
		display:block;
	}
}

@media screen and ( max-width:480px ) {
	.tx-sbevents .box-category .arrow {
		right:12px;
	}
	.tx-sbevents .box-col.third > div.sub-box .box-category .icon {
		right:16px;
	}
}

/* Datepicker */
.ui-widget { font-family:'Open Sans', Arial, Helvetica,sans-serif !important; z-index:100 !important; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size:0.9em !important; }
.ui-datepicker .ui-datepicker-title select { padding:0; }

/* Dialog */
.sbevents .ui-dialog, .sbevents .ui-dialog .ui-dialog-titlebar { border-radius:0 !important; }
.sbevents .ui-widget-header { background-color:rgb(255,181,74) !important; background-image:none; color:#fff !important; }
.sbevents .ui-dialog .ui-dialog-titlebar-close { right:.6em !important; }
.sbevents .ui-widget-header .ui-icon { background-image: url(/fileadmin/templates/css/images/ui-icons_ffffff_256x240.png) !important; }
.sbevents .ui-dialog input.dummy { position:absolute; left:-9999px; }
.sbevents .ui-button { background-color:rgb(255,181,74); color:#fff; border-radius:0 !important; padding:10px 10px !important; font-weight:bold; text-transform:uppercase; }
.sbevents .ui-dialog input.error { border-color:red; }
.sbevents .ui-state-default, .sbevents .ui-widget-content .ui-state-default, .sbevents .ui-widget-header .ui-state-default { background-image:none; font-family:'Open Sans', Arial, Helvetica,sans-serif !important; }

/* Filter */
.tx-sbevents .box-col.third > div { height:66px; }
.box-category .category-title { color:#fff; font-size:18px; letter-spacing:0.06rem; margin-top:-4px; font-weight:bold; }

.box-filter.sbevents-filter.block { display:block; }
.box-filter.sbevents-filter > div.row { width:100%; display:block; clear:both; }
.box-filter.sbevents-filter .columns { padding-left:0.25rem; padding-right:0.25rem; margin-bottom:6px; }
.box-filter.sbevents-filter .row:last-child .columns { margin-bottom:12px; }
.box-filter.sbevents-filter label { padding-left:0; padding-right:0; }
.box-filter.sbevents-filter .weekdays label, .box-filter.sbevents-filter .requirements label { text-transform:none; }
.box-filter.sbevents-filter label.inline, .form-new-event label.inline { display:inline-block; width:18%; }
.box-filter.sbevents-filter select.area { width:100%; text-transform:uppercase; }
.box-filter.sbevents-filter input[type="text"] { color:#000; font-size:1rem; }

.box-filter.sbevents-filter input[type="checkbox"] { display:none; }
.box-filter.sbevents-filter .radio-dot { margin-right:12px; }
.box-filter.sbevents-filter .requirements label > span { display:block; vertical-align:middle;  position:relative; }
.box-filter.sbevents-filter .requirements label span.radio-dot { height:24px; }
.box-filter.sbevents-filter .requirements label span.radio-label { width:calc(100% - 48px); vertical-align:middle; display:inline-block; line-height:1; margin-top:-4px; }
.box-filter.sbevents-filter input[type="checkbox"]:checked + span span.radio-dot img { display:block; }
.box-filter.sbevents-filter input.datepicker { width:100%; padding-left:0.5rem !important;}
.box-filter.sbevents-filter input.search { width:100%; }
.box-filter.sbevents-filter > div:last-child img { left:15px; }
.box-filter.sbevents-filter .clear-field { right:19px; }

@media screen and ( min-width:481px ) {
	.box-filter.sbevents-filter .columns:first-child { padding-left:0.65rem; }
	.box-filter.sbevents-filter .columns:last-child { padding-right:0.65rem; }
}

/* Aufklappbarer Filter */

.collapsible-filter {
	margin-bottom:1.5rem;
}

.collapsible-filter header {
	border-top: 2px solid #e96b76; border-left:2px solid #e96b76; border-right:2px solid #a62d22; border-bottom:2px solid #a62d22;
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: left;
	cursor:pointer;
	margin-bottom:1rem;
}

.collapsible-filter header h1, .collapsible-filter header h2, .collapsible-filter header h3 {
	color:#fff !important;
	padding:10px;
	margin-bottom:0;
}

.collapsible-filter header i {
	position:absolute;
	top:50%;
	right:10px;
	color:#fff;
	font-size:24px;
	margin-top:-12px;
}

.collapsible-filter header i.fa-chevron-up, .collapsible-filter.open header i.fa-chevron-down {
	display:none;
}

.collapsible-filter.open header i.fa-chevron-up {
	display:block;
}

.collapsible-filter .filter-content {
	display:none;
}

/* Tabelle */
.sbevents-list { border-spacing:1px; border-collapse:separate; background-color:#ddd; }
.sbevents-list th { text-align:left; white-space:nowrap; }
.sbevents-list th i { cursor:pointer; }
.sbevents-list th i.active-sorting { color:var(--light-red); }
.sbevents-list td { vertical-align:top; }
.sbevents-list td:first-child { text-transform:uppercase; font-weight:bold; }
.sbevents-list td.nowrap { white-space:nowrap; }
.sbevents-list td a { color:var(--light-red) !important; }
.sbevents-list tr.unavailable td { color:#c2c2c2; }
.sbevents-list .icon-back, .sb-event .icon-back { width:42px; height:42px; display:inline-flex; vertical-align:middle; text-align:center; align-items:center; margin:3px 0; }
.sbevents-list .icon-back img, .sb-event .icon-back img { display:block; vertical-align:middle; max-width:34px; height:auto; margin:0 auto; }
.sbevents-list tr.unavailable .icon-back {
	background: rgb(223,223,223);
	background: -moz-linear-gradient(top, rgba(223,223,223,1) 0%, rgba(216,216,216,1) 100%);
	background: -webkit-linear-gradient(top, rgba(223,223,223,1) 0%, rgba(216,216,216,1) 100%);
	background: linear-gradient(to bottom, rgba(223,223,223,1) 0%, rgba(216,216,216,1) 100%);
}
.sbevents-list tr.unavailable .icon-back img { opacity:0.3; }

/* Details */
.sb-event { background-color:#fff; padding:20px 16px; margin-bottom:20px; }
.frame-default .sb-event a { color:var(--event-red); }
.sb-event h3 { color:var(--light-red) !important; }
.sb-event .event-subtitle { font-weight:bold; font-size:0.9rem; }
.sb-event .row { margin-left:-0.9375rem; margin-right:-0.9375rem; }
.sb-event label { font-size:0.9rem; line-height:1.4; font-weight:bold; color:#0a0a0a; }
.sb-event select { margin-top:4px; margin-bottom:0; font-size:0.9rem; }
.sb-event p { line-height:1.4; margin-bottom:0.6rem; font-size:0.9rem; }
.sb-event .providerlogo { padding:12px 0 4px 0; background-color:#fff; display:block; margin-top:5px; }
.sb-event .imagecopyright { font-size:0.8rem; }
.sb-event .btn-booking { position:absolute; right:0.9375rem; bottom:0; z-index:20;  }
/*.sb-event .btn-booking a, .sb-event .btn-booking button { background-color:var(--event-red); color:#fff !important; padding:6px 10px; font-weight:bold; text-transform:uppercase; }
.sb-event .btn-booking a.btn.disabled { background-color:#e30613; color:#fff !important; opacity:1; }*/
.sb-event .large-5 p a { word-wrap:break-word; }

/* Pagination */
.sbevents-pagination { list-style:none; margin:30px auto; padding:0; text-align:center; }
.sbevents-pagination li { display:inline-block; height:45px; margin:0; }
.sbevents-pagination li.edge { width:45px; margin:0 7px; }
.sbevents-pagination li a { display:block; width:100%; height:100%; font-size:16px; line-height:46px; color:#000 !important; font-weight:normal !important; padding:0 10px; }
.sbevents-pagination li.current a { color:var(--light-red) !important; }
.sbevents-pagination li.edge a { background-color:var(--light-red); background-position:center center; background-repeat:no-repeat; width:45px; padding:0; }
.sbevents-pagination li.first a { background-image:url(/typo3conf/ext/sbevents/Resources/Public/Images/pagination-first.png); }
.sbevents-pagination li.prev a { background-image:url(/typo3conf/ext/sbevents/Resources/Public/Images/pagination-prev.png); }
.sbevents-pagination li.next a { background-image:url(/typo3conf/ext/sbevents/Resources/Public/Images/pagination-next.png); }
.sbevents-pagination li.last a { background-image:url(/typo3conf/ext/sbevents/Resources/Public/Images/pagination-last.png); }

.form-validation-error:after {
	content:'';
	display:table;
	clear:both;
}

/* Registrierung */
.registration-header { line-height:1; }
.frame-default .tx-sbevents a { color:var(--event-red); }
.tx-sbevents .btn-submit { background-color:var(--event-red); }

@media screen and ( max-width:480px ) {
	
	.mt-34 { margin-top:0 !important; }
	.box-filter.sbevents-filter .columns { width:calc(100% - 1.5rem); }
	.box-filter.sbevents-filter .gradient-gray { margin-bottom:0.5rem; }
	.box-filter.sbevents-filter .radio-dot { margin-left:0; }
	.box-filter.sbevents-filter label.inline .radio-dot { margin-left:0; margin-right:24px; }
	
}