/***********************/
/*** ALL RESOLUTIONS ***/
/***********************/

:root {
	--street-point-grey: #e2d2bc;
	--street-point-blue: #428bca;
	--street-point-green: #a7cc46;
	--street-point-light-blue: #499bca;
}

html {
	font-size: 18px;
}

body {
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-weight: 400;
	color: #000000;
	font-size: 14px;
	background-color: #efefef;
	background-image: url(https://www.street-points.eu/files/Laufspiel/img/design/streetpoint_body_bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
}


a img {

	border: none;
}

.d-flex-row {
	display: flex;
	flex-direction: row;
	gap: 5px;
	align-items: center;
	justify-content: flex-start;
}

.tox-notifications-container {
	display: none !important;
}

/* bootstrap */
.alert {
	border-radius: 5px;
}

.alert-info {
	color: #6e6e6e;
	background-color: #f5f5f5;
	border-color: #eeeeee;
}

.alert-warning {
	color: #6e6e6e;
	background-color: #f5f5f5;
	border-color: #af251c;
}

.breadcrumb {
	border-radius: 5px;
}

.breadcrumb li+li:before {
	content: "/";
}

.btn:hover,
.btn:focus {
	color: white;
}

a.btn:hover:after {
	width: 100%;
}

a.btn,
.submit {
	border: 0;
	padding: 0;
	font-weight: 200;
	font-size: 14px;
	text-transform: uppercase;
	border-radius: 5px;
	-moz-border-radius: 5;
	-webkit-border-radius: 5;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
	background-color: #417bbb;
}

a.btn {
	color: white;
	padding: 5px 10px;
	margin-top: 4px;
}

.col-lg-1 {
	width: 15.3333%;
}

.form-control {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.form-control:focus {
	outline: none;
	border: 1px solid var(--street-point-green);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(92, 170, 21, 0.6);
}

.form-group {
	margin-bottom: 10px;
}

.form-group .checkbox {
	min-height: 34px;
	margin-bottom: 0px;
	margin-top: 7px;
}

.img-responsive {
	border-radius: 0;
}

.invisible {
	display: none !important;
}

span.mandatory {
	color: red;
}

/*.pagination { display: block; float: none; clear: both; margin: 20px 15px; padding-left: 0;  }
.pagination ul { list-style-type: none; float: right;  margin: 0; padding: 0; display: inline-flex; }  
.pagination li span , .pagination li a { display: inline-block; float: left; padding: 2px 5px; margin: 0 1px; color: white; font-size: 12px; }  
.pagination > p { float: left; font-size: 12px; }*/
.pagination {
	margin-top: 4px;
	margin-bottom: 10px;
}

.pagination .active span,
.pagination .active span:hover {
	background-color: var(--street-point-green);
	border-color: var(--street-point-green);
}

.pagination li a,
.pagination li a:hover {
	color: var(--street-point-green);
}

.panel {
	margin-bottom: 10px;
}

.popover {
	max-width: 100%;
}

.table-responsive {
	margin-bottom: 10px;
	border: 0;
}

.text-center .img-responsive {
	margin: auto;
}

/* contao */
.accordion a {
	color: #000000;
}

.accordion a:hover {
	text-decoration: underline;
}

.ce_accordion .accordion {
	padding: 10px 0px;
}

.ce_accordion .toggler {
	cursor: pointer;
	padding: 10px 10px 10px 0px;
	margin: 1px 0;
	color: white;
	font-size: 18px;
	-moz-transition: background .5s;
	-webkit-transition: background .5s;
	transition: background .5s;
}

.ce_downloads li {
	display: block;
	padding: 10px;
	margin: 10px;
	text-align: center;
	width: 23%;
	float: left;
}

.ce_downloads li img {
	display: block;
	margin: auto;
}

.ce_downloads span {
	color: #666;
	display: block;
}

.ce_gallery img {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.ce_gallery img:hover {
	-moz-opacity: .6;
	-webkit-opacity: .6;
	opacity: .6;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.ce_gallery ul {
	margin: 0;
	padding: 0;
}

.ce_gallery ul li {
	width: 25%;
	margin: 0;
	padding: 0;
	display: inline-block;
}

.ce_gallery figure {
	line-height: 0;
}

.ce_gallery figure img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.toggler {
	outline: none;
}

.checkbox_container span {
	display: block;
	margin: 3px 0;
}

p.error {
	padding: 5px;
	background: red;
	color: white;
	margin: 10px 0;
}

.formbody label {
	display: block;
}

.formbody span.mandatory,
.formbody .mandatory span.mandatory {
	position: absolute;
	right: 0;
}

#header .inside {
	position: inherit;
}

/* most important */
.mod_breadcrumb li,
.mod_breadcrumb li a {
	float: left;
	line-height: normal;
	font-size: 12px;
}

.mod_breadcrumb li a {
	padding: 0 5px 0 0;
	text-decoration: underline;
}

.mod_breadcrumb li a:after {
	content: " > ";
	color: #666;
}

.mod_calendar {
	border: 1px solid #cbcbcb;
}

.mod_eventlist .imglink {
	margin-bottom: 10px;
	display: block;
}

.mod_newslist .layout_latest,
.mod_eventlist .layout_teaser {
	margin-bottom: 40px;
}

.mod_eventlist h2,
.mod_newslist h2 {
	height: 60px;
	font-size: 22px;
}

.mod_eventlist .teaser,
.mod_newslist .teaser {
	height: 97px;
	margin-bottom: 5px;
	overflow: hidden;
}

.mod_newslist figure {
	border-radius: 0;
}

.mod_login input.submit {
	width: auto;
	margin-top: 20px;
}

.mod_quicknav {
	padding: 0 0 5px;
	display: none;
	position: relative;
	z-index: 99;
	float: right;
	margin-right: 15px;
	width: 30%;
}

.mod_quicknav .formbody label {
	display: none;
}

.mod_quicknav select {
	text-align: center;
	border: 0 none;
	cursor: pointer;
	color: white;
	font-size: 12px;
	text-transform: uppercase;
	padding: 3px 0;
}

.pdf_link {
	margin-bottom: 10px;
	float: right;
	margin: 0 15px;
}

.pdf_link a {
	padding: 5px;
	border: 1px solid #e7e7e7;
}

span.relevance {
	float: right;
	margin-top: 5px;
}

form .widget {
	margin: 15px 0;
}

.widget input {
	border: 1px solid #ccc;
}

.home form .widget {
	margin-bottom: 15px;
	margin-top: 0;
}

#search-filter form .widget {
	margin-bottom: 10px;
	margin-top: 10px;
}

/* contao slider */
.ce_sliderStart {
	position: relative;
}

.slider-control {
	position: absolute;
	top: 50%;
	width: 100%;
	height: auto;
	display: block;
	margin-top: -15px;
}

.slider-control a,
.slider-control .slider-menu {
	display: inline-block;
	position: absolute;
}

.slider-control a.slider-prev:before,
.slider-control a.slider-next:after {
	font-size: 24px;
}

.slider-control a.slider-prev:before {
	content: "‹";
}

.slider-control a.slider-next:after {
	content: "›";
}

.slider-control a:after,
.slider-control a:before {
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}

#slider .slider-control a.slider-prev:before,
#slider .slider-control a.slider-next:after {
	color: white;
	height: 33px;
	width: 33px;
	padding: 0;
	display: block;
	line-height: 33px;
	text-align: center;
	border-radius: 50%;
}

#slider .slider-control .slider-prev {
	left: 20px;
}

#slider .slider-control .slider-next {
	right: 20px;
}


.home .slider-control a.slider-prev:before,
.home .slider-control a.slider-next:after {
	color: white;
}

.home .slider-control a.slider-next {
	right: 15px;
	text-decoration: none;
}

.home .slider-control .slider-prev {
	left: 15px;
	text-decoration: none;
}

.home .slider-control {
	right: 0px;
}

.home .slider-wrapper .ce_text.block {
	padding: 20px;
}

.slider-select {
	position: absolute;
	left: 50%;
	bottom: 0px;
	height: 38px;
	margin-left: -30px;
	z-index: 2;
}

.slider-select .selector {
	color: #ffffff;
	margin-left: -2px;
	margin-right: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	position: relative;
	bottom: -30px;
	cursor: pointer;
	font-size: 2em;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
}

.slider-select .selector:hover,
.slider-select .active {
	bottom: -15px;
}

.slider-select-bg-container {
	position: absolute;
	height: 33px;
	width: 100%;
	bottom: -10px;
	left: 0;
	padding-left: 15px;
	padding-right: 15px;
	z-index: 1;
}

.slider-select-bg {
	background-color: rgba(0, 0, 0, .5);
	width: 100%;
	height: 100%;
	border-bottom: 11px solid var(--street-point-green);
}

/* headings */
h1 {
	font-size: 1.8em;
	padding: 0 0 10px 0;
	line-height: 1.2;
}

h2 {
	font-size: 1.6em;
	padding: 0 0 10px 0;
	line-height: 1.2;
}

h3 {
	font-size: 1.4em;
	padding: 0 0 10px 0;
	line-height: 1.2;
}

h4 {
	font-size: 1.2em;
	padding: 0 0 10px 0;
	line-height: 1.2;
}

h5 {
	font-size: 1em;
	padding: 0 0 20px 0;
	text-transform: none;
	line-height: 1.2;
}

h1,
h2,
h3 {
	font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	font-weight: 400;
	color: #09090e;
}

footer h3 {
	font-size: 16px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.mod_calendar h2 {
	border-bottom: 1px solid #cbcbcb;
}

#slider h1 {
	font-size: 50px;
	font-weight: 400;
}

#slider h2 {
	font-size: 30px;
	font-weight: 200;
	text-transform: none;
	text-shadow: black 0.1em 0.1em 0.2em
}

.mod_hochbahn_reservation_box h2 {
	margin-top: 0px;
}

/* input */
footer input.text {
	height: 33px;
	padding-left: 12px;
}

input.text,
select,
textarea {
	width: 100%;
}

header .ce_form input.text {
	background: rgba(0, 0, 0, .5);
	border-color: #333;
}

.home #newsletter input.text {
	padding: 6px 10px 7px;
	color: #666;
	border: 0 none;
}

/* navigation */
ul.level_2 li.submenu ul.level_3 {
	display: none;
}

ul.level_2 li.submenu:hover ul.level_3 {
	display: block;
}

li.submenu ul.level_3 {
	margin: -38px 0 0 -240px !important;
	position: absolute;
	width: 240px;
	z-index: 99;
}

#main {
	max-width: 1200px;
	margin-inline: auto;
}

.mainnavi ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.mainnavi {
	padding: 0px 0;
	width: 100%;
	color: #000000;
}

.mainnavi .level_1 {
	float: right;
}

.mainnavi .level_1 a,
.mainnavi .level_1 span {
	padding: 5px 14px 6px;
	display: block;
	text-decoration: none;
	color: var(--street-point-blue);
	background-color: rgba(255, 255, 255, 0.8);
	;
	font-size: 1em;
	margin-top: 2px;
}

.mainnavi ul.level_1>.active,
.mainnavi ul.level_1>.trail,
.mainnavi ul.level_1>.forward {
	background: none;
}

.mainnavi ul.level_2>.active,
.mainnavi ul.level_2>.trail,
.mainnavi ul.level_2>.forward {
	padding-left: 10px;
}

#header .mainnavi ul li {
	display: inline-block;
}

#header .mainnavi ul.level_2 {
	width: 200px;
	position: absolute;
	visibility: hidden;
	opacity: 0;
	z-index: 999;
}

#header .mainnavi ul.level_2,
#header .mainnavi ul.level_2 li a:hover,
#header .mainnavi ul.level_2 li span:hover {
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}

#header .mainnavi ul.level_2 li {
	display: block;
	float: none;
}

#header .mainnavi ul.level_2 li a,
#header .mod_navigation ul.level_2 li span {
	display: block;
	float: none;
	padding: 9px 20px;
	text-transform: none;
	margin: 0;
	text-align: left;
}

#header .mainnavi ul.level_2 li.last {
	border-bottom: 0;
}

#header .mod_navigation ul {
	list-style-type: none;
	overflow: hidden;
	overflow: visible !important;
}

#header .mod_navigation ul li {
	float: none;
}

#header ul.level_1 li:hover ul.level_2,
#header ul.level_1 li:hover {
	visibility: visible;
	opacity: 1
}

.mainnaviPlaceholder {
	height: 114px;
	background-color: #BC0D0D;
}

.navicontainer {
	position: relative;
}

.mainnavi .container-fluid .line {
	margin-right: 0px;
}

/* table */
table {
	width: 100%;
	border-collapse: separate;
}

table th a {
	color: white;
	display: block;
}

table th.header,
table th.tablesorter-header:not(.sorter-false) {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: 10px 8px;
}

table th.headerSortUp,
table th.tablesorter-headerDesc {
	background-image: url("../../portal/img/design/tableSortDown.png");
}

table th.headerSortDown,
table th.tablesorter-headerAsc {
	background-image: url("../../portal/img/design/tableSortUp.png");
}

table tr th.label span {
	display: none;
}

/*table thead tr { border-bottom:1px solid #212227; }
table tbody tr { border-left:1px solid #212227; }*/
.ce_table table tr:nth-child(odd) {
	background: #f9f9f9;
}

.ce_table table tr:nth-child(even) {
	background: #efefef;
}

.ce_table table th {
	background-color: var(--street-point-green);
	color: white;
}

.ce_table table thead tr:first-child th:first-child {
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
}

.ce_table table tr:last-child th:last-child {
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
}

.ce_table table tr:last-child td:first-child,
.ce_table table tbody tr:last-child th:first-child {
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.ce_table table tr:last-child td:last-child {
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

table .label {
	display: table-cell;
	color: #000;
}

table.calendar td {
	text-align: center;
	padding: 9px !important;
}

table.calendar .header {
	background: none;
	color: #666;
}

table.calendar thead {
	border-bottom: 2px solid #666;
}

table.calendar td.active {
	position: relative;
}

table.calendar td.active .event {
	display: none;
	display: none;
}

table.calendar td.active .header {
	color: white;
	cursor: pointer;
}

table.calendar td .event a {
	color: white;
	font-size: 12px;
}

table.calendar td.active:hover .event {
	background: none repeat scroll 0 0 #353535;
	color: white;
	display: block;
	height: auto;
	margin: 5px 0;
	padding: 10px;
	position: absolute;
	top: 0;
	top: 0;
	width: 110px;
	z-index: 99;
}

table.calendar th.previous a {
	padding: 5px 10px;
	font-size: 16px;
	float: left;
}

table.calendar th.next a {
	padding: 5px 10px;
	font-size: 16px;
	float: right;
}

thead {
	position: sticky;
	top: 0;
	z-index: 10;
}

#main .ce_table table {
	width: 100%;
	/*border-collapse: collapse; border: 1px solid #cbcbcb;*/
}

#main .ce_table th {
	text-align: left;
}

#main .ce_table th {
	padding: 10px;
	/*border-bottom: 1px dotted #e7e7e7;*/
}

#main .ce_table td {
	padding: 5px 5px 5px 10px;
	/*border-bottom: 1px dotted #e7e7e7;*/
}

#main .ce_table tr {
	-moz-transition: 'background .2s';
	-webkit-transition: 'background .2s';
	transition: 'background .2s';
}

#main .ce_table tr:hover {
	background: #e7e7e7;
}

#stationsTable tr {
	height: 44px;
}

#main .price-table td {
	padding-top: 15px;
	padding-bottom: 15px;
}

#main .price-table {
	margin-bottom: 20px;
}

/* colors */
.redborder figure {
	border-bottom: 4px solid #bd0a12;
}



.rightblock h3,
.ce_comments,
.mod_registration,
h1:before,
h1:after {
	border-bottom: 1px solid #bd0a12;
}

table.calendar td.active,
.scrolltop a:hover:after,
.iconTrans img,
/*.btn:hover,*/
.fa-white .fa,
p.footerIcons a:hover:after,
p.more:hover,
p.back:hover,
#willkommen .image_container,
.mod_quicknav select,
.mod_eventlist div.header a,
p.more a,
p.back a,
p.info a,
/*.mainnavi .top-menu-title:after,*/
.mod_login input.submit,
.submit-container input.submit,
.submit_container input.submit,
#footer input.submit,
.newsletter-bg,
.slider-control a:hover:after,
.slider-control a:hover:before,
/*#header .mainnavi ul.level_2,
#header .mainnavi ul.level_3,*/
/*.btn,*/
.header-bg,
.InsideOut .btn:hover,
#slider .btn:hover,
.scrolltop a:after,
/*.pagination li span.current,
.pagination li span:hover,
.pagination li a:hover,*/
.search-filter .row .ce_form,
.slider-select .selector,
#slider .slider-control a.slider-prev:before,
#slider .slider-control a.slider-next:after {
	background-color: var(--street-point-blue);
	color: #fff;
	background: -prefix-linear-gradient(1deg, var(--street-point-blue) 70%, var(--street-point-light-blue));
	background: linear-gradient(1deg, var(--street-point-blue) 70%, var(--street-point-light-blue));
}

input.submit:hover {
	background-color: var(--street-point-blue);
	background: -prefix-linear-gradient(1deg, var(--street-point-blue) 70%, var(--street-point-light-blue));
	background: linear-gradient(1deg, var(--street-point-blue) 70%, var(--street-point-light-blue));

}

.InsideOut .btn,
#slider .btn,
.slider-control a:after,
.slider-control a:before {
	background-color: rgba(bd0a12, .6);
}

footer .mod_navigation li a:hover,
footer .mod_navigation li span:hover,
footer a:hover,
footer .mod_navigation li a.active,
footer .mod_navigation li span.active,
.mod_navigation li span.trail,
footer .mod_navigation li a.trail,
.mainnavi .level_1 a:hover,
.mainnavi .level_1 span:hover,
.mainnavi span.forward,
.mainnavi a:hover,
footer .mod_newslist a:hover,
footer .mod_eventlist a:hover,
h3,
footer h4,
.quote-position,
span.date:before,
span.time:before,
.mod_newslist time:before,
.mod_newslist p.info:before,
.mod_eventreader p.info:before,
.mod_newsreader p.info:before,
.topnavi a:hover,
.topnavi a:focus,
.mod_newslist h2 a:hover,
.mod_eventlist h2 a:hover,
header input.submit,
.socials p:hover,
.socials a:hover,
.ce_accordion .toggler {
	color: var(--street-point-green);
	text-shadow: none;
}

h1 {
	color: #212227;
}

a {
	color: var(--street-point-green);
	text-shadow: none;
}

.OutsideIn,
.OutsideIn p,
.OutsideIn h2 {
	color: #212227;
}

.InsideOut {
	background-color: #979595;
	color: #212227;
}

button.multiselect {
	background-color: white;
}

/* datepicker */
#ui-datepicker-div {
	display: none;
}

.ui-datepicker {
	background-color: white;
	border: 1px solid black;
}

.ui-datepicker a {
	text-decoration: none;
}

.ui-datepicker table {
	width: 100%;
	border-collapse: collapse;
}

.ui-datepicker-header {
	font-weight: bold;
	line-height: 30px;
}

.ui-datepicker-title {
	text-align: center;
}

.ui-datepicker-prev,
.ui-datepicker-next {
	display: inline-block;
	height: 30px;
	text-align: center;
	cursor: pointer;
	color: black;
	overflow: hidden;
}

.ui-datepicker-prev {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

.ui-datepicker-next {
	float: right;
	padding-right: 10px;
	padding-left: 10px;
}

.ui-datepicker th {
	padding: 10px;
	color: #666666;
}

.ui-datepicker tbody td {
	padding: 0;
	border-right: 1px solid #bbb;
}

.ui-datepicker tbody td:last-child {
	border-right: 0px;
}

.ui-datepicker tbody tr {
	border-left: 0;
	border-bottom: 1px solid #bbb;
}

.ui-datepicker tbody tr:last-child {
	border-bottom: 0px;
}

.ui-datepicker td span,
.ui-datepicker td a {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #666;
}

.ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	color: #b4b3b3;
}

.ui-datepicker-calendar .ui-state-hover {
	background: var(--street-point-green);
	color: #e0e0e0
}

.ui-datepicker-calendar .ui-state-active {
	background: var(--street-point-green);
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	color: #e0e0e0;
	text-shadow: 0px 1px 0px #4d7a85;
	filter: dropshadow(color=#4d7a85, offx=0, offy=1);
	border: 1px solid #55838f;
}

#banner .img-responsive {
	max-width: 60%;
}

#contactMap {
	width: 100%;
}

#google_map {
	height: 500px;
	width: 100%;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

#google_map_station {
	height: 500px;
	width: 100%;
}

#header-logo {
	padding-top: 10px;
}

#slider {
	width: 100%;
}

.mainnavi .container-fluid .line {
	float: none;
	overflow: hidden;
	width: auto;
	line-height: 71px;
	vertical-align: middle;
}

.mainnavi .container-fluid .line hr {
	width: 100%;
	vertical-align: middle;
	display: inline-block;
	margin: 0 0 0 8px;
	padding: 0;
	border-top: 2px solid #eee;
}

.adminPicture {
	background-color: #eee;
	margin-bottom: 25px;
}

a.adminPicture {
	display: block;
	background-color: #fff;
}

a.adminPicture:hover {
	background-color: #eee;
}

.admin-trenner-text {
	height: 23px;
	line-height: 23px;
	color: white;
	background: url("../img/design/admin_trenner.png");
	padding-left: 15px;
	background-repeat: no-repeat;
	width: 201px;
	z-index: 2;
}

.admin-trenner-line-container {
	padding-left: 200px;
	z-index: 1;
	margin-top: -12px;
	margin-bottom: 42px;
}

.admin-trenner-line {
	border-top: 1px solid var(--street-point-blue);
}

.articel-separator {
	padding-top: 16px !important;
	/*padding-left: 100px;*/
}

.articel-separator hr {
	border-top: 3px solid #eee;
	margin: 0 0 0 0;
}

.articel-separator .seperator1 {
	border-top: 3px solid var(--street-point-green);
	margin: 0;
	margin-top: 15px;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}

.articel-separator .seperator2 {
	border-top: 3px solid #eee;
	margin: 0;
}

.articel-separator .seperator3 {
	border-top: 3px solid #fff;
	margin: 0;
	margin-top: 15px;
}

.btnIcon {
	width: 40px;
}

.btn-radio {
	color: #333;
	background-color: #f8f8f8;
	border: 1px solid #eee;
}

.btn-radio:hover,
.btn-radio:focus {
	color: #333;
	background-color: #eee;
}

a.btn-pager {
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 5px;
	margin-right: 2px;
}

input[type="checkbox"].checkbox-centered {
	float: none;
	margin-right: 10px;
}

.filterbox {
	margin-top: 15px;
}

.filterbox .btn {
	margin-top: 0px;
	padding-top: 6px;
	height: 34px;
}

.filterbutton {
	color: white;
}

.fixedTop {
	position: fixed;
	z-index: 99;
	top: 0;
}

.fixedTop .logo {
	margin: 10px 0 !important;
}

.fixedTop .logo img {
	width: 80%;
}

.fixedTop .ce_form,
.fixedTop .mainnavi {
	margin-top: 0px !important;
}

.header-bg {
	padding: 0px;
	background-color: #BC0D0D;
	color: #FFFFFF;
}

.header-bg strong,
.header-bg p {
	color: #FFFFFF;
}

.header-text {
	height: 140px;
	line-height: 140px;
	display: inline-block;
}

.header-text p {
	vertical-align: middle;
	display: inline-block;
	line-height: 1.428571429;
}

.home-header {
	line-height: normal;
	overflow: hidden;
	margin-top: -26px;
}

.iconText {
	margin-left: 15px;
}

.imgProject {
	max-height: 67px;
}

.inner-text,
.inner-link {
	padding: 15px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.inner-text {
	background-color: #EFEFEF;
	display: block;
	margin-top: 20px;
	min-height: 90px;
}

#projekte .inner-text {
	width: 100%;
}

#administration-uebersicht .inner-text {
	width: 100%;
	min-height: 0px;
	background-color: #f6f6f6
}

#administration-uebersicht a.adminPicture:hover .inner-text {
	-moz-transition: background .5s;
	-webkit-transition: background .5s;
	transition: background .5s;
	background-color: #eee;
}

.inner-link {
	font-size: 0.9em;
	margin-top: 5px;
}

.inner-text p {
	/*display: inline;*/
	margin: 0;
}

.inner-text a {
	color: #545454;
}

.inner-text a:hover,
.inner-text a:active {
	text-decoration: none;
	border: none;
}

.label-form {
	min-height: 34px;
	color: #555;
	display: block;
	font-size: 14px;
	line-height: 1.42857;
	padding-top: 6px;
}

.text-form {
	min-height: 34px;
	font-size: 14px;
	line-height: 1.42857;
	padding-top: 6px;
	margin-bottom: 5px;
}

.link-arrow {
	background: none;
	background-repeat: no-repeat;
	background-position: right;
	background-size: 20px;
}

.link-arrow a,
.link-arrow p {
	padding-right: 0px;
}



.link-arrow p {
	color: var(--street-point-green);
}

.boxLink {
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

.boxLink h3 {
	padding: 0;
	margin: 0;
}

.boxLink p {
	padding: 0;
	margin: 0;
}

a.boxLink {
	display: block;
	border: 1px solid black;
	text-align: center;
	height: 100px;
	padding-top: 25px;
}

a.boxLink:hover {
	background-color: #009900;
	cursor: pointer;
}

a.boxLink:hover p {
	color: #ffffff;
}

a.boxLink:hover h3 {
	color: #ffffff;
}

a.boxLinkActive {
	background-color: #009900;
}

a.boxLinkActive:hover {
	background-color: #009900;
	cursor: default;
}

a.boxLinkActive p {
	color: white;
}

a.boxLinkActive:hover p {
	color: white;
}

a.boxLinkActive h3 {
	color: white;
}

a.boxLinkActive:hover h3 {
	color: white;
}

a.boxLinkBooked {
	display: block;
	background-color: #bd0a12;
}

a.boxLinkBooked:hover {
	background-color: #bd0a12;
}

a.boxLinkBooked p {
	color: #ffffff;
}

a.boxLinkBooked:hover p {
	color: #ffffff;
}

a.boxLinkBooked h3 {
	color: #ffffff;
}

a.boxLinkBooked:hover h3 {
	color: #ffffff;
}

a.boxLinkTb:hover {
	cursor: default;
	background-color: white;
}

a.boxLinkFooter {
	border: none;
	padding: 0;
}

.copyright li {
	color: #6e6e6e;
}

a.lockerTB {
	background-color: #A9A9A9;
}

a.loginStatus {
	display: block;
	text-decoration: none;
	color: #212227;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 14px;
}

a.loginStatus:hover {
	color: #bd0a12;
}

.logo {
	text-align: center !important;
}

#main {
	padding-bottom: 100px;
}

.marginBottom {
	margin-bottom: 10px;
}

.mod_i18nl10nLanguageSelection {
	margin-top: -65px;
	padding-right: 10px;
}

.mod_i18nl10nLanguageSelection a {
	color: white;
	text-transform: uppercase;
}

.mod_i18nl10nLanguageSelection li {
	border: 0;
}

.mod_i18nl10nLanguageSelection .active .i18nl10n_flag {
	display: none;
}

.mod_i18nl10nLanguageSelection .active .i18nl10n_label {
	display: none;
}

.mod_login_status_text {
	color: #000000;
	margin-top: 22px;
	padding: 0px;
}

#header .mainnavi ul li.i18nl10n_lang.active {
	display: none;
}

.no-padding {
	padding: 0;
}

.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}

.pagedisplay {
	width: 100px;
	height: 30px;
	padding: 5px;
	margin-right: 2px;
	border: 1px solid #cbcbcb;
}

.pagesize {
	height: 30px;
	border: 1px solid #cbcbcb;
}

.providerPicture {
	background-color: #eee;
	padding: 10px;
}

a.providerPicture {
	display: block;
	background-color: #fff;
}

a.providerPicture:hover {
	background-color: #eee;
}

.rowReserve {
	padding-top: 50px;
	float: left;
}

.rowFootBegin {
	margin-left: 60px;
}

.rowFootEnd {
	margin-left: 270px;
	margin-right: -15px;
}

.vertical-center .container,
.vertical-center .container-fluid {
	/*display: flex;
  align-items: center;*/
	display: table;
	width: 100%;
	vertical-align: middle;
}

.vertical-center .container-fluid .first {
	float: left;
}

.vertical-center .container-fluid .line {
	float: none;
	overflow: hidden;
	width: auto;
	line-height: 52px;
	vertical-align: middle;
}

.vertical-center .container-fluid .line hr {
	width: 100%;
	vertical-align: middle;
	display: inline-block;
}


.trenner h2 {
	font-size: 20px;
	text-align: center;
	padding: 0;
	padding-top: 15px;
	margin: 0 0 -6px 0;
}

.trenner-image {
	float: left;
	z-index: 99;
}

#team_btn {
	float: right;
	margin-top: -53px;
	margin-right: -36px;
}

select.boxSelect {
	background: none;
	background-color: #fff;
	border: 1px solid #ccc;
	color: #555;
	display: block;
	font-size: 14px;
	line-height: 1.42857;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

a.link {
	text-decoration: underline;
	color: #bd0a12;
}




img.imgFoot {
	display: block;
	width: 100%;
	max-width: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-top: auto;
}

img.imgTB {
	display: block;
	width: 100%;
	max-width: 60px;
	margin-left: auto;
	margin-right: auto;
}

.tutorialPic {
	width: 125px;
	height: 125px;
}

.tutorialPicActive {
	background-color: #eee;
}

img.tutorialPic {
	width: 50px;
	height: 50px;
}

.information h4 {
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
}

.information td {
	font-size: 18px;
	font-weight: 400;
}






#footer input,
#footer textarea {
	background: none;
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	-moz-transition: background .5s;
	-webkit-transition: background .5s;
	transition: background .5s;
}

#footer input.submit {
	color: #fff;
	font-size: 14px;
}

#footer input.submit:hover {
	background: #fff;
	color: #0D0F0F;
}

header .ce_form input.text:hover,
header .ce_form input.text:focus,
#footer input.text:hover,
#footer textarea:hover,
#footer input.text:focus,
#footer textarea:focus {
	background: white;
	color: #666;
}

#footer h3 {
	color: #494949;
	border-bottom: 1px solid #222222;
	padding-bottom: 10px;
}

header .ce_form input.text:hover,
header .ce_form input.text:focus,

#footer a {
	-moz-transition: color .5s, background .5s;
	-webkit-transition: color .5s, background .5s;
	transition: color .5s, background .5s;
}

#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-top: 10px;
}

#footer li {
	display: inline-block;
	margin-right: 20px;
	padding: 10px 0px;
	color: #428bca;
	font-weight: bold;
}

.ce_comments {
	padding-top: 20px;
	padding-bottom: 20px;
}

p.more,
p.back {
	display: inline-block;
	font-size: 14px;
	margin-top: 8px;
}

.mod_eventlist div.header a,
p.more a,
p.back a,
p.info a {
	color: #fff;
	padding: 2px 6px;
	font-size: 12px;
	margin-top: 8px;
	text-transform: uppercase;
}

.mod_eventlist div.header,
.mod_eventlist .time,
p.info {
	padding: 0 0 5px;
	font-size: 12px;
	display: inline-block;
	border-bottom: 1px solid #cbcbcb;
}

.comment_default .reply {
	margin-left: 50px;
}


.mod_nl_list li {
	color: #666;
	font-size: 12px;
}

.mod_nl_list li a {
	font-size: 18px;
	margin-left: 5px;
}

.multicell {
	border-top: 4px solid #ccc;
}

.multicell .ce_text {
	padding: 10px 0;
	margin: 10px 0;
	border-bottom: 1px solid #ccc;
}

.multicell h2,
.multicell h1 {
	margin-top: 0;
	padding-top: 0;
}

.fullwidth .content-slider .ce_text {
	padding: 200px 0;
}

.socials a {
	display: block;
	margin: 0 1px;
	color: #191B1B;
}

footer .footercontainer,
footer .footercontainer .container {
	margin-bottom: 0 !important;
}

footer .footercontainer {
	position: relative;
	padding: 0 20px;
}


/* ========================== */
#slider h3 {
	margin: 0 !important;
	padding: 0;
}

#slider p {
	color: #fff;
	font-size: 16px;
}

.bangb1 {
	width: 100%;
}


.devider {
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	margin-top: 50px;
	margin: 30px 0;
}

.grey {
	background: #ececec;
}

.fa-white .fa {
	width: 60px;
	height: 60px;
	padding: 14px 15px;
	text-align: 60px;
	color: #fff;
	display: inline-block;
}

.fa-white .fa:hover {
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}


.ContentStripe {
	padding: 50px 0;
}

.ContentStripe .image_container {
	display: inline-block;
	margin-bottom: 20px;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.InsideOut,
.OutsideIn {
	padding: 55px 0;
}

.InsideOut h1,
.InsideOut h2,
.InsideOut h3,
.InsideOut h4,
.InsideOut p,
.InsideOut a {
	color: #fff;
}

.OutsideIn p:hover {
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.InsideOut .image_container:hover {
	background: none !important;
}

ul.level_2 a.trail,
ul.level_2 span.forward,
ul.level_2 span.active {
	color: #417bbb !important;
}

.footercontainer {
	padding: 20px 0;
}

.footersocials a {
	padding: 1px 5px 5px;
	margin: 0 5px;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}

p.footerIcons a:after {
	background: #4d4e52;
	color: #fff;
	border-radius: 50%;
	display: inline-block;
	height: 30px;
	padding: 5px 9px;
	width: 30px;
	margin: 2px;
	-moz-opacity: .5;
	-webkit-opacity: .5;
	opacity: .5;

	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}

p.footerIcons a:hover:after {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}


input.submit {
	padding: 5px 10px;
	margin-top: 4px;
}

input.submit,
p.info a:hover,
p.more a:hover,
p.back a:hover {
	color: white;
}

p.back a:before,
.ce_gallery a.cboxElement:before,
.slider-control a.slider-prev:before,
.slider-control a.slider-next:after,
.mod_newsreader p.info:before,
.topnavi li a:before,
.topnavi li span:before,
.quote:after,
footer .mod_newslist time:before,
.reply p.info:before,
span.date:before,
span.time:before,
.mod_newslist p.info:before,
.mod_eventreader p.info:before,
p.footerIcons a:after,
.scrolltop a:after,
footer .linkIcon a:before,
footer .linkIcon span:before,
footer a:before,
a.btn:after,
footer .mod_navigation li span:before,
.ce_accordion .toggler:after {
	font-family: FontAwesome;
	padding-right: 5px;
}

p.info a:before {
	content: "\f073";
}

p.back a:before {
	content: "\f053";
}

.ce_accordion .toggler:hover:after,
.ce_accordion .toggler.active:after {
	content: "\f068"
}

.ce_accordion .toggler:after {
	content: "\f067";
	float: right;
}

.ce_accordion .toggler:after,
.btn:before {
	padding: 0 5px 0;
	font-size: 14px;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.reply p.info:before {
	content: "\f112";
}

span.time:before {
	content: "\f017";
}

/*a.btn:after {content:"\f002";}*/


footer .mod_newslist time:before,
.mod_newsreader p.info:before,
.mod_newslist p.info:before,
.mod_eventreader p.info:before,
span.date:before {
	content: "\f073";
}

p.footerIcons em {
	display: none;
}

.footer-fb:after {
	content: "\f09a";
}

.footer-tw:after {
	content: "\f099";
}

.footer-gp:after {
	content: "\f0d5";
}

.footer-pi:after {
	content: "\f0d2";
}

.footer-db:after {
	content: "\f16b";
}

.footer-ig:after {
	content: "\f16d";
}

.footer-yt:after {
	content: "\f16a";
}

.footer-xi:after {
	content: "\f168";
}

p.footerIcons a:hover:after {
	-moz-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1;
}


.scrolltop {
	position: absolute;
	left: 48%;
	margin-top: 24px;
}

.scrolltop a {
	position: absolute;
	bottom: 20px;
	/* background: url("../../files/Laufspiel/img/scroll2top.png") center no-repeat rgba(255, 255, 255, .3); width: 64px; height: 64px; */
	overflow: hidden;
	cursor: pointer;
}

.scrolltop a:after {
	content: "\f106";
	display: block;
	text-indent: 0;
	padding: 10px 20px;
	font-size: 25px;
	border-radius: 50%;
	color: #fff;
}

.scrolltop a:hover:after {
	color: #212121;
}

header .formbody {
	position: relative;
}

.homecontact .formbody {
	background: #fff;
	padding: 26px 26px 70px 26px;
	left: 50%;
	right: 50%;
}

.formbody {
	position: relative;
}

.quote {
	padding: 20px;
	background: #e7e7e7;
	text-align: center;
}

.quote:after {
	content: "\f10e";
	font-size: 32px;
	margin: 10px 0 -10px;
	display: block;
}

.quote-name {
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

#main {
	padding-top: 25px;
	padding-bottom: 50px;
	min-height: 600px;
}

body.home #main {
	padding-top: 0;
}

.topnavi ul {
	margin: 25px 0 !important;
	padding: 0;
}

.topnavi li a,
.topnavi li span {
	text-transform: uppercase;
	font-size: 10px;
	float: left;
	margin-right: 10px;
}

.topnavi li.login a:before,
.topnavi li.login span:before {
	content: "\f090";
	font-size: 14px;
}

.topnavi li.register a:before,
.topnavi li.register span:before {
	content: "\f007 ";
	font-size: 14px;
}

a,
span,
img,
figure {
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}


#kontakt-144 input,
#kontakt-144 textarea {
	background: none;
	border: 1px solid #666;
	color: #e7e7e7
}

#kontakt-144 .fa {
	color: #666;
}

.fa.pull-left {
	width: 55px;
}

body.home footer {
	margin-top: 0;
}

.footersocials a:after {
	color: #787878;
	font-size: 18px;
}

/*figcaption { position:absolute; left:0; bottom:0; height:100%; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8); color: #2f2f2f; line-height: normal; font-weight: normal; text-align:center; font-size: 15px; width: 100%; text-transform: uppercase; }
*/
.formbody label {
	font-weight: normal;
	margin: 10px 0;
}

/*
.ce_gallery a.cboxElement { display: block; }
.ce_gallery a.cboxElement:before { position:absolute; top:0; width: 100%; height: 100%; background: rgba(255, 255, 255, .2); content:"\f00e "; text-align:center; display: block; padding-top: 100px; font-size: 50px; color: #fff; }
*/

.slider-Bg h1,
.slider-Bg h2,
.slider-Bg h4 {
	color: white;
}

.formbody input.text,
.formbody select {
	padding: 6px 10px;
}

header .ce_form input.text {
	background: none;
	font-size: 14px;
	text-shadow: 0 none;
}

a.btn {
	position: relative;
}

a.btn:after {
	padding-left: 10px;
	font-size: 12px;

	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.select,
.select option,
.select textarea {
	display: block;
	background-color: transparent;
}

.searchselect {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
}

.searchselect select {
	width: 100%;
	border: 1px solid #ccc;
	display: block;
	font-size: 14px;
	line-height: 1.42857;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.search-filter .row .ce_form {
	margin-right: 15px;
	margin-left: 15px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
}

.search-filter {
	margin-top: 0px;
	padding-top: 0px;
}

.sliderselect select {
	width: 100%;
	background-color: transparent;
	border: 1px solid rgba(255, 255, 255, 0.5);
	color: white;
	display: block;
	font-size: 14px;
	line-height: 1.42857;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.sliderselect option {
	background-color: white;
	color: black;
}

.footerIcons a {
	text-align: left;
}


#Header_Image .img-responsive {
	margin-bottom: 30px;
	width: 100%;
}

#HeaderImage .img-responsive {
	width: 100%;
}

#PageTitle {
	position: absolute;
	left: 38%;
	top: 70px;
}

#txt_element {
	color: black;
	margin-top: -10px;
}

/*#PageMenu { position:absolute; top:20px}
#PageMenu ul.level_1 { float: right; height: 80px; }
#PageMenu	.level_1 a { font-size: 20px; background-color: white; }
#PageMenu 	.level_1 span	{ font-size: 20px; color: #417bbb; background-color: white; }*/
#navi_menu ul.level_1 a:hover,
#PageMenu ul.level_1 a:hover {
	color: #417bbb
}

#navi_menu,
#PageMenu {
	position: absolute;
	top: 0px;
	z-index: 100000000;
	text-align: right;
	right: 0px;
}

#navi_menu {
	max-width: 72%;
}

#PageMenu {
	max-width: 63%;
}

.mainnavi li a:hover,
.mainnavi span.active {
	color: var(--street-point-green);
}

#team_reg {
	float: right;
	top: -37px;
	right: -38px
}

#school_reg {
	float: right;
	top: -37px;
	right: -38px
}

#statistik h3 {
	padding-bottom: 0px;
}

#left {
	width: 65%;
	float: left;
}

#right {
	width: 35%;
	float: right
}

#uebersicht_karte div.container div.row div.container div#pfeilheading ul li {
	left: 17px;
}

#laufspiel_karte div.container div.row div.container div#pfeilheading ul li {
	left: 17px;
	background: var(--street-point-green)
}

#laufspiel_karte div.container div.row div.container div#pfeilheading ul li:after {
	border-color: transparent transparent transparent var(--street-point-green);
}

#laufspiel_karte div.container div.mod_laufspiel_reservation_map div.search-filter div.row div.ce_form form.sliderselect {
	background-color: var(--street-point-green);
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

#karte_spot div.container {
	padding-left: 7px;
}

#karte_spot div.container div.mod_laufspiel_reservation_map div.search-filter div.row div.ce_form form.sliderselect {
	background-color: var(--street-point-green);
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

#karte_devices div.container {
	padding-left: 7px;
}

#karte_devices div.container div.mod_laufspiel_reservation_map div.search-filter div.row div.ce_form form.sliderselect {
	background-color: var(--street-point-green);
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.fb_plugin {
	width: 500px;
}

.widget #ctrl_privacyTermsAccepted {
	margin-top: 5px;
}

.widget #ctrl_privacyTermsAccepted input {
	margin-right: 5px;
}

.widget #ctrl_resetAccount {
	margin-top: 5px;
}

.widget #ctrl_resetAccount input {
	margin-right: 5px;
}

/****************************/
/*** Buttons in Home page ***/
/****************************/
/*#buttons img {margin-right: 50px; margin-top:5px;}*/
/*************/
/*** LARGE ***/
/*************/
@media(min-width:1320px) and (max-width:1549px) {
	#PageTitle h2 {
		font-size: 45px;
	}
}

@media(min-width:1201px) and (max-width:1319px) {
	#PageTitle h2 {
		font-size: 40px;
	}
}

@media (min-width: 1024px) {}

@media (max-width: 1023px) {}

/**************/
/*** MEDIUM ***/
/**************/
@media(min-width:992px) and (max-width:1200px) {
	#projekte .inner-text {
		min-height: 150px;
	}

	.lg-only {
		display: none;
	}

	#PageTitle h2 {
		font-size: 35px;
	}

	.col-md-3 {
		width: 20%;
	}
}

/*************/
/*** SMALL ***/
/*************/
@media(min-width:768px) and (max-width:991px) {
	#banner .img-responsive {
		max-width: 50%;
	}

	#projekte .inner-text {
		min-height: 190px;
	}

	.home-header {
		margin-top: 0px;
		padding-top: 5px;
	}

	.lg-only {
		display: none;
	}

	#PageTitle h2 {
		font-size: 30px;
	}

	#PageMenu {
		top: -135px;
	}

	#navi_menu .mainnavi .level_1 span {
		font-size: 25px;
	}

	.col-xs-6 {
		width: 25%;
	}
}

@media(min-width:600px) and (max-width:767px) {
	.col-xs-6 {
		width: 25%;
	}
}

/*******************/
/*** EXTRA SMALL ***/
/*******************/
@media(max-width:767px) {
	.fb_plugin {
		width: 330px;
	}

	.articel-separator .seperator1 {
		width: auto;
	}

	.ce_gallery ul li {
		width: 50%;
	}

	.form-group {
		margin-bottom: 15px;
	}

	.home-header {
		margin-top: 0px;
	}

	.lg-only {
		display: none;
	}

	.label-form {
		padding-top: 0px;
		min-height: auto;
	}

	.marginBottom {
		margin-bottom: 15px;
	}

	.mainnavi .level_1 a,
	.mainnavi .level_1 span {
		padding: 15px;
	}

	.mainnavi .container-fluid .line {
		margin-right: 65px;
	}

	#PageTitle {
		display: none;
	}

	#navi_menu ul.level_1 a {
		font-size: 20px;
	}

	#team_reg {
		float: right;
		top: -1px;
		right: 0
	}

	#school_reg {
		float: right;
		top: -1px;
		right: 0
	}

}

/*******************/
/*** EXTRA SMALL ***/
/*******************/
@media(max-width:731px) {
	#left {
		width: 100%;
		float: unset;
	}

	#right {
		width: 100%;
		float: unset;
	}
}


/* Überschriften mit Pfeil nach rechts als Hintergrund */

#pfeilheading ul,
#pfeilheadingSpiel ul {
	margin: 0 20px 20px -40px;
}

#pfeilheading ul li,
#pfeilheadingSpiel ul li {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	width: 200px;
	margin: 5px 5px 0 0;
	text-indent: 20px;
	position: relative;
}

#pfeilheading ul li:before,
#pfeilheadingSpiel ul li:before {
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	left: 0px;
	border-style: solid;
	border-width: 15px 0 15px 15px;
	border-color: transparent transparent transparent #fff;
	z-index: 0;
}

#pfeilheading ul li:first-child:before,
#pfeilheadingSpiel ul li:first-child:before {
	border-color: transparent;
}

#pfeilheading ul li:after,
#pfeilheadingSpiel ul li:after {
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	right: -15px;
	border-style: solid;
	border-width: 15px 0 15px 15px;
	border-color: transparent transparent transparent var(--street-point-blue);
	z-index: 10;
}

#pfeilheading ul li.active,
#pfeilheadingSpiel ul li.active {
	background: #ccc;
	z-index: 100;
}

#pfeilheading ul li.active:after,
#pfeilheadingSpiel ul li.active:after {
	border-left-color: #ccc;
}


#pfeilheading ul li {
	display: block;
	background: var(--street-point-blue);
	color: #ffffff;
}

#pfeilheadingSpiel ul li {
	display: block;
	background: var(--street-point-green);
	color: #ffffff;
}

#pfeilheadingSpiel ul li:after {
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	right: -15px;
	border-style: solid;
	border-width: 15px 0 15px 15px;
	border-color: transparent transparent transparent var(--street-point-green);
	z-index: 10;
}

/* Überschriften mit Pfeil nach rechts als Hintergrund */


/* Registrierungs Seite */
label.registerRadioButton {
	display: inline-block;
}

/* Registrierungs Seite */


h2 img {
	height: 65px;
	vertical-align: middle;
}


.mainnavi .top-menu-title:after {
	background-color: var(--street-point-green);
	border: 3px solid #fff;
}

#footer nav.mod_customnav.block,
#socialmedia,
#footer .ce_text {
	margin: 0px 15px 20px 25px;
}

#footer nav.mod_customnav {
	margin-bottom: 0px !important;
}

#footer_logos {
	margin: 0px 15px 20px 25px;
}

#footer nav.mod_customnav.block {
	border-top: 1px solid #efefef;
}



#footer nav.mod_customnav.block ul li a {
	color: var(--street-point-blue);
	font-weight: bold;
}

#footer nav.mod_customnav.block ul li a:hover {
	color: var(--street-point-green);
}

/* Statistiken */
.lastUpdateStatistik {
	color: #999999;
}

@media (max-width: 500px) {
	.mobileNone {
		display: none;
	}

}

.btn.btn_anmelden a {
	color: #fff;
	margin-top: 10px;
}