
/* Checkboxen und Radio-Buttons */
.form-user input[type=radio],
.form-user input[type=checkbox] {
	display:none;
}

.form-user input[type="checkbox"] + span::before {
  width: 18px;
  height: 18px;
  background-color: #fff;
  border:1px solid #aaa;
  display: block;
  content: "";
  float: left;
  margin-right: 8px;
  margin-top:4px;
  margin-bottom:8px;
}

.form-user input[type="checkbox"]:checked + span::before {
  content: "\2713";
  color:#fff;
  background-color: #e30613;
  border:1px solid #e30613;
  font-weight:bold;
  font-size:16px;
  line-height:16px;
  text-align:center;
}

.form-user input[type="radio"] + span::before {
  width: 18px;
  height: 18px;
  border-radius:9px;
  background-color: #fff;
  border:1px solid #aaa;
  display: block;
  content: "";
  float: left;
  margin-right: 8px;
  margin-top:4px;
  margin-bottom:8px;
}

.form-user input[type="radio"]:checked + span::before {
  color:#fff;
  background-color: #fff;
  box-shadow: inset 0px 0px 0px 3px #e30613;
  border:1px solid #e30613;
  font-weight:bold;
  font-size:16px;
  line-height:16px;
  text-align:center;
}

.mb-10 { margin-bottom:10px; }
.mb-20 { margin-bottom:20px; }
.mb-30 { margin-bottom:30px; }
.mb-40 { margin-bottom:40px; }
.pl-0 { padding-left:0 !important; }
.pr-0 { padding-right:0 !important; }
.red { color:#e30613; }

#c5056 .ce-gallery, #c5058 .ce-gallery { margin-right:30px; }

#c4491 { position:initial; }

/* Registrierung */

.form-user .row { margin-left:-0.9375rem; margin-right:-0.9375rem; }
.no-table .form-user .row { margin-left:0; margin-right:0; }
.form-user .columns { position:relative; }
.form-user label { font-size:1rem; }
.form-user select { background-position: right -0.4rem center; }
.form-user .form-check { margin:1rem 0 1.5rem 0; }
.form-user .form-check-label { display:flex; flex-direction:row; }
.form-user .form-check-label > input { width: 13px; margin-top:7px; margin-bottom:2rem; float:left; }
.form-user .form-check-label.larger { font-size:120%; vertical-align:middle; }
.form-user .form-check-label.larger strong { color:#e30613; }
.form-user .form-check-label input[type="checkbox"] + span::before { /*margin-bottom:38px;*/ }
.form-user .form-check-label.larger input[type="checkbox"] + span::before { margin-top:9px; }
.form-user .additionalinfo { position:absolute; left:-8000px; width:20px; }
.invalid-feedback { margin-top: 10px; margin-bottom: 10px; color: red; font-weight: bold; display:none; }
.is-invalid { border:1px solid #e30613 !important; }
.pl-0, .columns.pl-0 { padding-left:0; }
.relative { position:relative; }
.display-block { display:block; }

p > a.btn-submit { display:inline-block; }

.info-icon.input-info-icon { position:absolute; right:22px; bottom:36px; width:20px; height:20px; border-radius:10px; background:#888; text-align:center; color:#fff; cursor:pointer; font-size:16px; line-height:1.3; }
.info-icon.icon-red.icon-stadiumrun { position:absolute; right:14px; bottom:18px; width:28px; height:28px; font-size:24px; line-height:26px; font-weight:bold; border-radius:14px; background:#e30613; text-align:center; color:#fff; cursor:pointer; font-weight:bold; }

/* Team-Backend 24-STUNDEN-Lauf */

#form-toggle-runners {
	margin:1.5rem 0;
}
#form-toggle-runners p {
	display:flex;
	font-weight:bold;
	font-size:1.25rem;
}
#form-toggle-runners span:first-child {
	border:2px solid #555;
	flex:0 0 24px;
	width:24px;
	height:24px;
	margin:2px 0 16px 0;
	cursor:pointer;
}
#form-toggle-runners span:last-child {
	padding-left:8px;
}
#form-toggle-runners span:first-child img {
	vertical-align:top;
}

.form-user .form-check-label.larger.display-only input[type="checkbox"] + span::before {
    color: #fff;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    font-size: 42px;
    line-height: 16px;
	width:32px;
	height:32px;
	margin-top:3px;
	margin-bottom:22px;
}
.form-user .form-check-label.larger.display-only input[type="checkbox"]:checked + span::before {
    color: #e30613;
    background-color: #fff;
    border: 1px solid #fff;
}
.inline-icons img {
	margin-top:-2px;
	margin-right:1px;
}

/* Tabellen */
.tx-swit-runners { max-width:724px; margin-left:auto; margin-right:auto; }
.event-list { margin-bottom:1rem; } 
.event-list .center { text-align:center; }
.event-list .actions { width:60px; }
.tx_switrunners.event-list { background:#c8c8c8; }
.tx_switrunners.event-list th, .red-cell { color:#fff; vertical-align:top; border-top:2px solid #e96b76; border-left:2px solid #e96b76; border-right:2px solid #a62d22; border-bottom:2px solid #a62d22;
	background: rgb(253,15,29); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(253,15,29,1) 0%, rgba(228,7,20,1) 100%);
	background: -webkit-linear-gradient(top, rgba(253,15,29,1) 0%, rgba(228,7,20,1) 100%);
	background: linear-gradient(to bottom, rgba(253,15,29,1) 0%, rgba(228,7,20,1) 100%);
}
.tx_switrunners.event-list tbody td, .gray-cell {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);
}
.plain-gray { background:rgba(235,235,235,1); }
ul.runs { list-style:none; margin-left:0; margin-bottom:0.2rem; }
.run-date { display:inline-block; width:80px; }
.run-distance { display:inline-block; width:80px; text-align:right; margin-right:15px; }

/* Dialog */
.ui-dialog, .ui-dialog .ui-dialog-titlebar { border-radius:0 !important; }
.ui-dialog.no-title .ui-dialog-titlebar { display:none; }
.ui-widget-header { background-color:#e30613 !important; color:#fff !important; }
.white-titlebar .ui-widget-header { background-color:#fff !important; color:#e30613 !important; border:0; }
.ui-dialog .ui-dialog-titlebar-close { right:.6em !important; }
.ui-widget-header .ui-icon { background-image: url(/fileadmin/templates/css/images/ui-icons_ffffff_256x240.png) !important; }
.ui-dialog input.dummy { position:absolute; left:-9999px; }
.ui-button { background-color:#e30613; color:#fff; border-radius:0 !important; padding:10px 10px !important; font-weight:bold; text-transform:uppercase; }
.ui-dialog input.error { border-color:red; }
.ui-dialog.no-title .ui-dialog-buttonpane { border:0; margin-top:0; padding-top:0; }
.ui-dialog.buttons-center .ui-dialog-buttonpane { text-align:center; }
.ui-dialog.buttons-center .ui-dialog-buttonpane .ui-dialog-buttonset { float:none; }
.ui-dialog.buttons-center .ui-dialog-buttonpane button { margin: .5em 1em .5em 1em; }

/* Formulare */

.form-24d input[type="text"], .form-24d input[type="file"], .form-24d input[type="number"], .form-24d textarea, .form-24d select { margin-bottom:0; }
.form-24d textarea {resize:none; }
/*.form-24d select { padding: 19px 30px 19px 15px; }*/
.tx-swit-runners .form-elements .bordered { border:1px solid #ddd; min-height:61px; overflow:hidden; }
.form-24d .red { color:#e30613; }

.form-24d label.upload { color:#666; display:inline-block; margin:0px 10px 4px 10px; padding:0; width:108px; height:45px; overflow:hidden; white-space:nowrap; cursor:pointer; vertical-align:middle; position:relative; }
.form-24d form > label.upload { margin:0; }
.form-24d label.upload span { text-align:center; padding:10px; background-color:#ddd; display:block; width:108px; height:45px; position:absolute; left:0; top:0; z-index:10; }
.form-24d label.upload input { opacity:0; padding:0; position:absolute; top:0; left:0; z-index:9; }
.form-24d .disabled-input { width:100%; display:block; padding:19px 0 19px 0; border:1px solid #ddd; background-color:#f2f2f2; color:#777; font-size:0.9rem; line-height:1.5; }
.form-24d .pl-20 { padding-left:20px; }
.form-24d .no-padding { padding-left:0; padding-right:0; }
.form-24d select { padding-left:20px; }
.form-24d .info-button { color:#fff; background-color:#e30613; display:inline-block; cursor:pointer; width:28px; height:28px; font-size:24px; line-height:26px; font-weight:bold; text-align:center; border-radius:14px; margin-left:12px; vertical-align:middle; }


@media screen and ( min-width:640px ) {
	.form-24d .columns:first-child:not(.large-12) { padding-right:0; }
	.form-24d .columns:last-child:not(.large-12) { padding-left:0; }
	table.form-24d .columns:last-child:not(.large-12) { padding-right:0; }
	.form-24d .columns.add-h-padding { padding-left:0.9375rem !important; padding-right:0.9375rem !important; }
	.form-runner .columns:nth-child(2), #sponsor-list .columns:nth-child(2), #sponsor-list .columns:nth-child(3) { padding-left:0; padding-right:0; }
	.form-runner .columns.large-6, .form-sponsor .columns.large-5 { padding-left:0; }
	.form-runner .columns.large-6, .form-runner .columns.large-4:last-child, .form-runner .columns.large-3:last-child, .form-sponsor .columns.large-7 { padding-right:0; }
	.form-runner .columns.large-4:first-child { padding-left:0; }
	/*.form-runner .columns.large-4:last-child { width:33.34%; }*/
	.tx-swit-runners .form-sponsor .form-elements td:last-child, .tx-swit-runners  .sponsor-row .form-elements td:last-child { width:120px; }
	.tx-swit-runners .form-runner .form-elements td:last-child { width:50px; }
	.tx-swit-runners .sponsor-row .form-elements button:first-child { margin-right:10px; }
}

@media screen and ( max-width:640px ) {
	.form-runner table.form-elements .columns, .form-sponsor table.form-elements .columns, #sponsor-list .columns { padding-left:0; padding-right:0; }
}

.form-runner td:first-child, .runner-row td:first-child { width:119px; }
.form-sponsor td:first-child, .sponsor-row td:first-child { width:119px; }

.tx-swit-runners .form-elements { border-collapse:collapse; border-spacing:0; }
.tx-swit-runners .form-elements td { padding:0; vertical-align:middle; border:1px solid #ddd; }
.tx-swit-runners .form-elements td:last-child { width:50px; text-align:center; box-shadow:inset 0 1px 2px hsla(0,0%,4%,.1) }
.tx-swit-runners .form-elements button { display:block; background-color:var(--light-red); color:#fff; font-weight:bold; font-size:24px; line-height:20px; width:44px; height:44px; padding:10px; margin:0 auto 8px auto; }
.tx-swit-runners .form-elements button.btn-gray { background-color:#ddd; }
.tx-swit-runners .form-elements button.btn-gray i { color:#e30613; }
.tx-swit-runners .form-elements button.btn-inline { display:inline-block; margin-bottom:0; }
.tx-swit-runners .form-elements .btns-top { vertical-align:top; padding-top:0; }
.tx-swit-runners .form-elements .inline-btn-row { border:1px solid #ddd; padding:8px 0 7px 0; }
.tx-swit-runners .form-elements .runnergroup-item .inline-btn-row { width:calc(25% - 0.9375rem); float:left; }
.tx-swit-runners form.form-runner button, .tx-swit-runners .form-runner .form-elements button:nth-child(2) { margin-bottom:0; }
.tx-swit-runners .form-runner .form-elements button.btn-show-cert { margin-top:8px; padding-top:8px; }
.tx-swit-runners .form-runner .form-elements button.btn-show-startnr { margin-top:8px; padding:0; }
.tx-swit-runners .form-elements [disabled] { background-color:#f2f2f2; }
.tx-swit-runners .sum-row { margin-top:15px; }
.tx-swit-runners .sum-row .columns:first-child { padding-right:0; }
.tx-swit-runners .sum-row .columns:last-child { padding-left:0; }

.tx-swit-runners .gray-label { background-color:transparent; color:#e30613; padding:10px; }

.form-runner .form-elements td:first-child, .form-sponsor .form-elements td:first-child { font-weight:bold; padding:20px 0 0 20px; vertical-align:top; text-align:left; }
.form-sponsor .upload p { padding-left:20px; margin-bottom:0; margin-top:7px; font-size:0.9rem; }
.form-sponsor input[type="file"] { max-width:80%; border:0; display:inline-block; }
.tx-swit-runners #sponsor-list.form-elements button { display:inline-block; margin-top:7px; }
#sponsor-list .columns:first-child { padding-left:0; }
#sponsor-list .columns:last-child { text-align:right; vertical-align:middle; }

body.theme-24h-lauf .csc-default .collapsible h3 { color:#fff; background-color:#e30613; padding:10px; cursor:pointer; }
body.theme-24h-lauf .csc-default .collapsible h4 { color:#000; background-color:#f2f2f2; padding:10px; cursor:pointer; border:1px solid #ddd; }
.collapsible h3 i, .collapsible h4 i { display:inline-block; float:right; vertical-align:middle; margin-top:5px; }
.collapsible:not(.closed) > h3 >.fa-chevron-down, .collapsible:not(.closed) > h4 >.fa-chevron-down { display:none; }
.collapsible.closed > h3 > .fa-chevron-up, .collapsible.closed > h4 > .fa-chevron-up { display:none; }
.collapsible > div { display:none; }

/* Frontend */
.box {
	border-top: 2px solid #e96b76; border-left:2px solid #e96b76; border-right:2px solid #a62d22; border-bottom:2px solid #a62d22;
	background: rgb(253,15,29); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(253,15,29,1) 0%, rgba(228,7,20,1) 100%);
	background: -webkit-linear-gradient(top, rgba(253,15,29,1) 0%, rgba(228,7,20,1) 100%);
	background: linear-gradient(to bottom, rgba(253,15,29,1) 0%, rgba(228,7,20,1) 100%);
	position:relative;
}
.box h3 { color:#fff; margin:0 0 1px 90px; }
.box-col { width:50%; display:inline-block; float:left; margin-bottom:40px; }
.box-full { width:100%; height:105px; display:inline-block; }
.box-full h3 { margin-left:10px; }
.box-half { height:105px; }
.align-right { text-align:right; }

.static-icon { position:absolute; left:20px; bottom:6px; z-index:98; }
.static-icon-hand { left:0; bottom:18px; }
.anim-icon { position:absolute; left:20px; top:6px; z-index:99; }
.anim-icon-schuhe { left:10px; }
.anim-icon-laeufer { left:230px; }
.anim-icon-laeufer24h { left:10px; top:16px; width:calc(100% - 20px); height:auto; }

.value-wrap { float:right; margin:0 2px 0 2px; }
.value-wrap .value-label { display:block; font-size:13px; color:#fff; }
.value-wrap .value {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(224,224,224,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%);
	padding:3px 19px 3px 20px;
	display:inline-block;
}
.value-wrap .value .plain-value {
	font-size: 40px;
	font-weight:600;
	color:#000;
	line-height:1;
}
.value-wrap .value.sponsor-value {
	padding-left:4px;
	padding-right:4px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:263px;
	height:67px;
}
.mr-4 {
	margin-right:5px;
}

img.dots {
	margin-top:11px;
	margin-left:20px;
}

.toggle-table {
	cursor:pointer;
}

#team-stats-bg {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:101;
	display:none;
	background:rgba(255,255,255,0.8);
}
.team-stats-window {
	width:920px;
	text-align:center;
	position:absolute;
	left:50%;
	margin-left:-460px;
	top:100px;
	bottom:100px;
	display:none;
	z-index:102;
	background:#fff;
	box-shadow:0 0 20px 20px rgba(66,66,66,0.2);
}
.team-container {
	width:100%;
	height:100%;
	overflow:auto;	
}
.team-close-btn {
	position:absolute;
	right:30px;
	top:0;
	cursor:pointer;
	color:#aaa;
	font-size:50px;
	z-index:100;
}
.team-stats-wrap {
	text-align:left;
	max-width:724px;
	margin:70px auto;
}
.team-stats .box-full {
	height:auto;
	background:none;
	background-color:var(--light-red);
	border:1px solid var(--light-red);
}
.team-stats .box-full h3 {
	color:var(--beige) !important;
	text-transform:uppercase;
	font-size:1.5rem;
	letter-spacing:1px;
	margin:10px 20px;
}
.team-stats .box-half {
	background:none var(--beige);
	border-left:1px solid var(--light-red);
	border-bottom:1px solid var(--light-red);
	border-top:0;
	border-right:0;
	display:flex;
	flex-direction:row;
	align-items: center;
}
.team-stats .box-col:nth-child(3) .box-half {
	border-right:1px solid var(--light-red);
}
.team-stats .box-half h3 {
	display:inline-block;
	text-transform:uppercase;
	font-size:1.1rem;
	color:#555 !important;
	margin:0;
}
.team-stats .box-half h3.h3-endspurt {
	margin-right:20px;
}
.team-stats .box-half h3.h3-strecke {
	margin-right:52px;
}
.team-stats .box-half h3.h3-teilnehmende {
	margin-right:30px;
}
.team-stats .box-half > img {
	width:60px;
	height:auto;
	position:relative;
	left:auto;
	top:auto;
	bottom:auto;
	margin:0 15px;
}
.team-stats .value-wrap.bordered {
	border-right:1px solid #555;
}
.team-stats .value-wrap .value {
	background:none transparent;
	padding: 3px 4px 3px 4px;
}
.team-stats .value-wrap-2 .value {
	width:52px;
	padding-bottom:0;
	margin-top:0;
	text-align:center;
}
.team-stats .value-wrap-3 .value {
	padding-bottom:0;
	margin-top:17px;
}
.team-stats .value-wrap .value .plain-value {
	font-size: 28px;
	font-weight: 400;
	color: #555;
	line-height: 1;
}
.team-stats .value-wrap .value-label {
	color: #555;
	text-transform:uppercase;
	text-align:center;
}

.table-wrap { width:100%; }
p.teamname { font-size:40px; }
.team-list, .runner-list { margin:8px 0 36px 0; }
.team-list th, .runner-list th { text-align:left; }
.team-list th:first-child { width:28%; }
.team-list th:nth-child(2) { width:14%; }
.team-list th:nth-child(3) { width:14%; }
.team-list th:nth-child(4) { width:14%; }
table.tx_switrunners.team-list td { vertical-align:middle; background:none #fff;}
table.tx_switrunners.team-list td:first-child { vertical-align:top; }
table.tx_switrunners.team-list td:last-child { vertical-align:middle; }
table.tx_switrunners.team-list td:last-child .logo-wrap { width:160px; display:block; }
table.tx_switrunners.team-list td:last-child img.shrink { height:60px; width:auto; }
table.tx_switrunners.team-list tr.runnergroup-row td { color:#aaa; }
a.team-link { color:#000 !important; text-transform:none !important; font-weight:normal !important; }
.team-btn { cursor:pointer; float:right; }
.team-btn img { width:24px; height:24px; }
.team-stats .tx_switrunners.event-list tbody td { background:none #fff; }

@media screen and ( min-width:1080px ) {
	.tx_switrunners.event-list {
		table-layout:fixed;
	}
	.tx_switrunners.event-list th:last-child {
		width:30%;
	}
	.tx_switrunners.event-list td:last-child {
		text-align:center;
	}
	.tx_switrunners.event-list td:last-child.align-right {
		text-align:right;
	}
	table.tx_switrunners.team-list td:last-child .logo-wrap {
		width:160px;
		display:inline-block;
		padding:5px 0;
	}
}

.status-icon-wrap { display:block; margin-top:-8px; overflow:hidden; }
.status-icon-wrap img { margin-top:0; }

.sponsor-value img { display:none; margin:auto; }
.sponsor-value img:first-child { display:block; }

.runner-list th:first-child { width:14%; }
.runner-list th:last-child { width:43%; }

.pdf-load-indicator { position:fixed; top:0; left:0; bottom:0; right:0; background:rgba(255,255,255,0.8); text-align:center; z-index:1100; }
.pdf-load-message { position:absolute; left:50%; top:50%; margin-top:-40px; margin-left:-240px; width:480px; padding:20px; background:#fff; font-size:1rem; border:1px solid #ddd; box-shadow:0 0 10px 10px rgba(80,80,80,0.3); }


/* neues Panel */

.team-panel {
	max-width:100%;
	width:890px;
}
.team-panel .columns {
	text-align:center;
}
.team-panel div {
	display:flex;
	justify-content: center;
	align-items: center;
	flex-direction:column;
	aspect-ratio:4/3 auto;
	margin-bottom:22px;
}
.team-panel .col-distance img {
	width:118px;
}
.team-panel .col-participants img {
	width:140px;
}
.team-panel .col-donationsum img {
	width:125px;
}
.team-panel label {
	display:block;
	font-size:18px;
	color:var(--font-grey);
}
.team-panel span {
	display:block;
	font-size:32px;
	color:var(--font-grey);
}

@media screen and (min-width:960px) {
	
}

/* Laufdateneingabe */

.rundate-trigger {
	cursor:pointer;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-size: 9px 6px;
    background-position: right -0.25rem center;
    background-origin: content-box;
    background-repeat: no-repeat;
}
#run-date-list {
	position:absolute;
	top:62px;
	left:0;
	border:1px solid #ddd;
	width:369px;
	height:400px;
	overflow:auto;
	z-index:10;
	/*background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(224,224,224,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%);*/
	background:#f2f2f2;
	box-shadow:0 5px 10px 5px rgba(66,66,66,0.2);
}

#run-date-list .row {
	width:calc(100% - 50px);
	background-color:#fff;
	margin-left:0;
	margin-right:0;
}

#run-date-list .row .columns {
	height:60px;
}

#run-date-list .dummy-input {
	border: 1px solid #ddd;
    color: #777;
    padding: 20px 20px 19px 20px;
    height: auto;
    font-size: 0.9rem;
	display:block;
}

#btn-save-runs {
	position: absolute;
    right: 3px;
    top: 50%;
    margin-top: -22px;
}

#run-date-list .red { color:#e30613; }


/* Platzierungen */

.ranking-buttons {
	margin-bottom:0;
}
.ranking-buttons .columns {
	padding-left:0;
	padding-right:0;
}
.ranking-button {
	display:flex;
	background-color:var(--light-red);
	background-image:url(../Images/icon_24tage-pokal.svg);
	background-repeat:no-repeat;
	background-position:17px 13px;
	background-size:44px;
	color:#fff;
	cursor:pointer;
	font-size:15px;
	line-height:17px;
	align-items:center;
	padding-left:78px;
	height:78px;
	margin-bottom:10px;
	margin-right:10px;
	position:relative;
}
.ranking-button:after {
	content:'';
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	width:78px;
	background-image:url(/fileadmin/templates/images/icon-pfeil-rechts.svg);
	background-repeat:no-repeat;
	background-position:24px 19px;
	background-size:32px;
}
.ranking-button.open:after {
	background-image:url(/fileadmin/templates/images/icon-pfeil-unten.svg);
	background-position:24px 26px;
	background-size:36px;
}
.ranking-button.mr-10 {
	margin-right:10px;
}
.ranking-button.mr-15 {
	margin-right:15px;
}
.ranking-button > div, .ranking-button > span {
	text-transform:uppercase;
}
.ranking-button .larger {
	font-size:20px;
	font-weight:bold;
	line-height:1;
	display:block;
	padding-top:4px;
}
.tx_switrunners.event-list.ranking-list {
	border-spacing:1px;
}
.ranking-list th {
	text-align:left;
	position:relative;
	padding-right:24px;
	font-size:14px;
	cursor:pointer;
}
.ranking-list th i {
	position:absolute;
	right:8px;
	top:13px;
	font-size:16px;
}
#ranking-table {
	padding-right:10px;
}
.tx_switrunners.event-list.ranking-list tbody td {
	background:#fff;
}

@media screen and ( max-width:488px ) {
	.ranking-buttons .columns {
		padding-left:10px;
		padding-right:10px;
	}
	.ranking-button {
		margin-right:0;
	}
	.ranking-button.mr-15 {
		margin-right:0;
	}
}

@media screen and ( max-width:820px ) {
	.ranking-button:after, .ranking-button.open:after {
		background-image:none;
	}
	#ranking-table {
		padding-left:10px;
		overflow-x:auto;
	}
}


@media screen and ( max-width:768px ) {
	
.box-col, .box-full { width:362px; float:none; margin-left:auto; margin-right:auto; margin-bottom:0; display:block; }
.box-col.mbr-40 { margin-bottom:40px; }
	
.anim-icon-laeufer { left:0; top:27px; }

.team-stats-window {
	width:100%;
	left:0;
	margin-left:0;
}
.team-stats-wrap {
	max-width:100%;
	padding-left:10px;
	padding-right:10px;	
}	
.table-wrap {
	overflow-x:auto;
}
.table-wrap > table {
	min-width:100%;
}

.page-476 .social-media-bar { display:none; }

}

@media screen and ( max-width:480px ) {

	.team-stats-window { top:0; bottom:0; }
	.team-close-btn { right:20px; }
	
}

@media screen and ( max-width:480px ) {

.pdf-load-message { left:0; top:50%; margin-top:-40px; margin-left:0; width:auto; padding:10px; background:#fff; font-size:1rem; }
.tx-swit-runners .form-elements .runnergroup-item .columns:first-child { padding-right:0; }
.tx-swit-runners .form-elements .runnergroup-item .inline-btn-row { width:calc(41.666% - 0.9375rem); float:left; }

}

@media screen and ( max-width:375px ) {

.box-col, .box-full { width:100%; }
canvas.participants { width:150px; }

}

@media screen and ( max-width:320px ) {
	
canvas.participants { width:115px; }
	
}

@media screen and ( min-width:640px ) {
	#c5063 .large-4, #c5065 .large-4 { padding-left:0; }
}