:root {
	color-scheme: light;
	--panima-darkgrey: #4F4F4F;
	--panima-lightgrey1: #EBEBEC;
	--panima-lightgrey2: #DDDDDD;
	--panima-lightgrey3: #AAAAAA;
	--panima-purple: #A036F7;
}

@font-face {
	font-family: SegoeUIRegular;
	src: url(../fonts/Segoe-UI/Segoe_UI.woff);
	font-weight: normal;
}
@font-face {
	font-family: SegoeUIItalic;
	src: url(../fonts/Segoe-UI/Segoe_UI_Italic.woff);
	font-weight: normal;
}
@font-face {
	font-family: SegoeUIBold;
	src: url(../fonts/Segoe-UI/Segoe_UI_Bold.woff);
	font-weight: bold;
}
@font-face {
	font-family: SegoeUIBoldItalic;
	src: url(../fonts/Segoe-UI/Segoe_UI_Bold_Italic.woff);
	font-weight: bold;
}

@font-face {
	font-family: Roboto;
	src: url(../fonts/Roboto/Roboto-Regular.ttf);
	font-weight: normal;
}

@font-face {
	font-family: RobotoBold;
	src: url(../fonts/Roboto/Roboto-Bold.ttf);
	font-weight: normal;
}

@font-face {
	font-family: RobotoItalic;
	src: url(../fonts/Roboto/Roboto-Italic.ttf);
	font-weight: normal;
}

@font-face {
	font-family: RobotoMedium;
	src: url(../fonts/Roboto/Roboto-Medium.ttf);
	font-weight: normal;
}

@font-face {
	font-family: RobotoSlab;
	src: url(../fonts/Roboto/RobotoSlab-Regular.ttf);
	font-weight: normal;
}

@font-face {
	font-family: RobotoSlabBold;
	src: url(../fonts/Roboto/RobotoSlab-Bold.ttf);
	font-weight: normal;
}

@font-face {
	font-family: RobotoSlabLight;
	src: url(../fonts/Roboto/RobotoSlab-Light.ttf);
	font-weight: normal;
}

@font-face {
	font-family: RobotoSlabThin;
	src: url(../fonts/Roboto/RobotoSlab-Thin.ttf);
	font-weight: normal;
}

h2{
	font-size: 24px;
	font-family: SegoeUIBold;
}
h3{
	font-size:18px;
}
label{
	font-size: 18px;
}
p.paragraph{
	font-size:21px;
	font-family: SegoeUIRegular;
	font-weight: normal;
}
select, option{
	background-color: white;
	color: black;
	font-size: 18px;
}

.form-control{
	text-align: left!important;
}

html, body, .content_text, a.normal {
	font-family: SegoeUIRegular;
	font-size: 18px;
}

html {
	height: auto;
}

body {
	min-height: 100vh;
	color:#000000;
}
body.text_color_light {
	color: #FFFFFF;
}

body::after {
	position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
	/* alle Bilder vorladen */
	content: url(../imgs/Icon_Fragezeichen.svg) url(../imgs/Icon_Auge.svg) url(../imgs/Icon_Auge_geschlossen.svg) url(../imgs/Menuefuehrung_Gated_Bereich_geschlossen.svg) url(../imgs/Icon_Fehlermeldung_Pin_rot.svg) url(../imgs/Warnung_HG_mit_purple_pin.svg) url(../imgs/Logo_schwarz.png) url(../imgs/Logo_dunkelgrau.png) url(../imgs/Drop_Down_aktiv_weiss.svg) url(../imgs/Drop_Down_aktiv_weiss_Links.svg) url(../imgs/Drop_Down_aktiv_weiss_Rechts.svg) url(../imgs/Drop_Down_aktiv_schwarz.svg) url(../imgs/Kasten_G_Punkte_teilen_1.svg) url(../imgs/Kasten_G_Punkte_teilen_2.svg) url(../imgs/Kasten_G_Punkte_teilen_3.svg) url(../imgs/Kasten_G_Punkte_teilen_4.svg) url(../imgs/Icon_Stern_Bewertung_erfolgt.svg) url(../imgs/Icon_Stern_Bewertung_ausstehend.svg) url(../imgs/Icon_Bookmark_filled.svg) url(../imgs/Icon_Bookmark_border.svg) url(../imgs/BG_HalbHalb1.jpg) url(../imgs/BG_HalbHalb2.jpg) url(../imgs/BG_Kollage0.jpg) url(../imgs/BG_Kollage1.jpg) url(../imgs/BG_Kollage2.jpg) url(../imgs/BG_Kollage3.jpg) url(../imgs/BG_Papier0.jpg) url(../imgs/BG_Papier1.jpg) url(../imgs/BG_Papier2.jpg) url(../imgs/BG_Papier3.jpg) url(../imgs/Home_Dispatcher_Grafik.svg) url(../imgs/Panima_Icon_klein.png) url(../imgs/Hintegrund_content_box.svg)}
.page_background {
	position: fixed;
	background-size: cover;
	overflow: hidden;
	width: calc(100vw + 50px);
	height: calc(100vh + 50px);
	animation: moveBackground 1s ease-out;
	transform: scale(1.05, 1.05);
}
@keyframes moveBackground {
	from {
		transform: scale(1, 1);
	}
	to {
		transform: scale(1.05, 1.05);
	}
}

p, label {
	color: #000000;
}

a {
	color: #000000;
	outline: none;
}

a:hover{
	text-decoration: none;
	outline: none;
}

a:focus{
	text-decoration: none!important;
	outline: none;
}

.font_small{
	font-size:12px;
}

.mobile-margin{
	margin-top: 150px;
}


/* Wrapper für den content, mit Abstand für die Fußzeile */
#wrap {
	margin: 0 10px 25px 10px;
	position: relative;
	z-index: 1;
	padding-top: 5vh;
	height: calc(100dvH - 60px);
	max-height: calc(100dvH - 60px);
}
@media (max-device-height: 375px) {
	#wrap {
		padding-top: 2dvH;
	}
}

/* Platzhalter unter dem content, damit dieser nicht über der Fußzeile erscheint, ggf. etwas höher für mehr Abstand */
#placeholder_content_footer {
	min-height: 120px;
}

.footer_inner {
	padding:0;
	font-size: 18px;
}
.container {
	max-width: 600px !important;
}
.container-fluid{
	padding:0;
}

.inner_content{
	border-radius: 2px;
	padding: 30px 38px 60px 38px;
	color:#000000;
	/*	min-height: 100%; */
}

.inner_content table tr td, .inner_content table tr th {
	color:#000000;
}

/* Höhe des Menüs */
body > div#wrap > div.container {
	padding-top:30px;
	max-width: 600px;
}
label, p{
	color: #000000;
}
body.text_color_light label, body.text_color_light p {
	color: #FFFFFF;
}
body > div#wrap > div.container:first-of-type {
	display: block;
	overflow-y: auto;
	height: 100%;
	position: relative;
	padding-top: unset !important;
}
@media only screen and (max-width: 500px) {
	body > div#wrap > div.container:first-of-type {
		overflow-y: scroll;
		overflow-x: hidden;
	}
}
/*@media only screen and (min-height: 800px) {*/
/*	body > div#wrap > div.container:first-of-type {*/
/*		height: 100%;*/
/*	}*/
/*}*/

body > div#wrap > div.container-fluid:first-of-type{
	padding-top:120px;
}
@media (min-width: 900px) {
	body > div#wrap > div.container-fluid:first-of-type{
		padding-top:160px;
		height: auto;
	}

}
/*!* Standardhauptmenü *!*/
/*#navbar {*/
/*	margin: 0 auto;*/
/*	position: absolute;*/
/*	top: 0;*/
/*	width: 100%;*/
/*	max-width: 600px;*/
/*	min-height: 60px;*/
/*	max-height: 60px;*/
/*	z-index: 10;*/
/*	border: 1px solid orange;*/
/*}*/
/*  Navi bei kleinen Displays auf Startseite ausblenden */
@media (max-height: 600px) {
	body.page_1 nav.navbar {
		display: none;
	}
}
.nav>li>a:hover {
	color: #FFFFFF;
}
.text_color_light .nav>li>a:hover {
	color: #000000;
}
.nav>li>a:focus {
	background: unset !important;
}

.navbar-nav {
	margin: 0!important;
}

.navbar-nav>li>a {
	line-height: 25px;
}
.navbar-brand {
	height:60px;
	line-height: 30px;
	color: #000000 !important;
}
@media screen and (min-width: 600px) {
	.navbar-brand {
		line-height: 60px;
		padding-top: 23px;
	}

}
.navbar-brand ul {
	padding: 0;
	margin: 0;
}
.navbar-brand ul li {
	list-style-type: none;
	padding-right: 20px;
	margin: 0;
	float: left;
}
.navbar-brand ul.logged_in li a {
	font-family: SegoeUIItalic !important;
}

.navbar-brand ul.logged_in li.active a, .navbar-brand ul.logged_in li a:active, .navbar-brand ul.logged_in li a:hover {
	color: #FFFFFF !important;
}

.navbar-brand ul li a:hover {
	color: #000000;
}

.navbar-default {
	background-color: unset;
}

body.logged_in .navbar-default .navbar-brand > img.inverted {
	display:none;
}
body.logged_in .navbar-default.scrolling .navbar-brand > img {
	display:none;
}
body.logged_in .navbar-default.scrolling .navbar-brand > img.inverted {
	display:block;
}

.navbar-toggle {
	border:0;
	display:block !important;
	margin: 16px 16px 16px 0;
	padding: 0;
	width:22px;
	height:22px;
	/*position:fixed;*/
	float: right !important;
	z-index: 100000;
	cursor: pointer;
	bottom: 0;
	right: 0;
}
@media (min-width: 480px) {
	.navbar-toggle {
		/*float:left !important;*/
		margin:29px 0;
	}
}
@media (min-width: 640px) {
	.navbar-toggle {
		margin:40px 0;
	}
	.navbar-default.scrolling .navbar-toggle {
		margin-top: 40px;
		margin-bottom: 40px;
	}
}

@media (min-width: 480px) {
	.container-fluid > .navbar-collapse,
	.container-fluid > .navbar-header,
	.container > .navbar-collapse,
	.container > .navbar-header {
		margin-right: 15px;
		margin-left: 46px;
	}
}
@media (min-width: 480px) {
	.container-fluid > .navbar-collapse,
	.container-fluid > .navbar-header,
	.container > .navbar-collapse,
	.container > .navbar-header {
		margin-left: 46px;
	}
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #000000;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	transform-origin: 50%;
	width: 25px;
	height: 4px;
}
.text_color_light .navbar-default .navbar-toggle .icon-bar {
	background-color: #FFFFFF;
}

.navbar-default .navbar-toggle.collapsed .icon-bar {
	height:4px;
}
.navbar-toggle .icon-bar + .icon-bar {
	margin-top:0;
}

.navbar-toggle.pull-left.collapsed .x_diagonal{
	-ms-transform: rotate(0);
	-webkit-transform: rotate(0);
	transform: rotate(0);
	top:calc(50% - 9px);
	height: 4px;
}
.navbar-toggle.pull-left .x_diagonal{
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.navbar-toggle.pull-left.collapsed .x_diagonal_2 {
	-ms-transform: rotate(0);
	-webkit-transform: rotate(0);
	transform: rotate(0);
}
.navbar-toggle.pull-left .x_diagonal_2 {
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.navbar-toggle.pull-left.collapsed .x_diagonal_hidden{
	display: block;
	top:calc(50% + 9px);
}
.navbar-toggle.pull-left .x_diagonal_hidden{
	display: none;
}

.navbar-header.navbar-right {
	position: absolute;
	right:0;
	border: 1px solid deepskyblue;
}

.navbar-collapse{
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-right: 0 !important;
	margin-left: 0 !important;
	padding:0 13px !important;
	position: inherit;
}
.navbar-collapse.collapse {
	height:0 !important;
	overflow:hidden !important;
	visibility: hidden;
	transition: unset;
}
.navbar-collapse.in {
	overflow: visible !important;
	overflow-x: hidden;
	height:auto !important;
	z-index: 100;
	visibility: visible;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
	background-color: transparent;
}


.navbar-default{
	font-weight:bold;
	text-align: left;
	border:0;
	font-size:16px;
	min-height: 60px; /*78px;*/
}
.navbar-default.scrolling{
}

.navbar-nav {
	float:none;
	height:100%;
	margin-right: 0;
	/*padding-bottom: 35px;*/
}
.navbar-nav > li {
	float:none;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.navbar-default .navbar-nav > li > a {
	color: #000000;
	text-align:right;
	font-size: 21px;
}

/* hover-Effekt für das Hauptmenü */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color:#000000;
}
/* aktives Hauptmenü */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background-color: transparent;
	color:#000000;
}
/* Untermenü 1. Ebene */
.navbar-default .navbar-nav .dropdown-menu {
	font-size:0.75em;
	font-weight:bold;
}
.nav > li > a {
	padding-top:5px !important;
	padding-bottom: 5px !important;
}

.row {
	margin:0;
}
.content-box .row {
	position: relative;
}
.content {
	max-width: 600px;
	border-radius: 2px;
	margin:0 43px;
}
textarea.form-control {
	min-height: 300px;
}
#footer {
	color:#000000;
	font-size:21px;
	font-family: SegoeUIBold;
	position: fixed;
	width: 100%;
	text-align: center;
	z-index: 7;
	bottom: 0;
}

#footer a {
	color: #000000;
	font-family: SegoeUIBold;
	font-size: 18px;
	line-height: 18px;
}
@media screen and (max-width: 320px) {
	#footer a {
		font-size: 15px;
	}
}
#footer.text_color_light a, #navbar.text_color_light a {
	color: #FFFFFF;
}

#footer ul {
	list-style-type: none;
	padding:0;
}

#footer img{
	margin-top:7px;
}
#footer [class^=col-]:first-child a {
	font-weight:bold;
}

#footer .dark {
	color:#000000;
}
#footer span.dark{
	font-weight: bold;
	font-size: 21px;
}

#footer .col-xs-12 {
	padding: 0;
}

#footer > .container-fluid {
	margin: 15px 30px 30px 30px;
}

#footer > .container-fluid > .content {
	margin-left:0;
	margin-right:0;
}


/* Links, die als Buttons dargestellt werden sollen (roter Kasten, weiße Schrift) */
body > div#wrap > div.container a.button {
	color:rgb(231,31,104);
	background-color:#fff;
	padding: 0.6em 4em;
	border: 1px solid #f00661;
	text-decoration:none;
	border-radius: 5px;
}
body > div#wrap > div.container a.button:hover,
body > div#wrap > div.container a.button:focus {
	text-decoration: underline;
}


/* Buttons */
.btn_onlytext{
	border: 0 none;
	outline: none;
	border-radius: 8px;
	-webkit-appearance: none;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	font-size: 21px;
	margin: 14px;
}
.btn_submit{
	height: 50px;
	padding: 11px 33px 11px 34px;
	border-radius: 5px;
	background-color: rgb(231,31,104);
	border: 0;
	font-size:21px;
	color: white;
	box-shadow: none;
	text-shadow: none;
}
.btn_submit:hover{
	color:white;
}
.btn_white,
.btn_white:focus {
	height: 50px;
	margin: 0 20px 0 0;
	padding: 11px 33px 11px 34px;
	border-radius: 5px;
	border: 0;
	font-size:21px;
	background-color: #fff;
	color:rgb(231,31,104);
	box-shadow: none;
	text-shadow: none;
}
.btn_white:active {
	color: #fff;
	background-color: rgb(231,31,104);
}

/* Darstellung von Befragungen und News */
h2 > span.date {
	display:block;
	font-size:0.5em;
}

h1{
	font-size: 2em;
	text-align: center;
	padding-bottom: 20px;
}
@media screen and (max-width: 320px) {
	h1{
		font-size: 1.75em;
	}
}
hr {
	border:1px solid #D82727;
}

/* Tabellen */
table.portal  tr  th {
	background-color:#F27923;
	color:white;
	font-weight:normal;
	padding:0.5em;
}
table.portal tr td {
	padding:0.5em;
	border-bottom:1px solid #B6BFC4;
}
table.portal tr td.right {
	text-align:right;
}

/* Formularelemente */
.col-sm-6 {
	clear:both;
}


/* Facebook-Button (div) */

div.btnFacebook {
	background: #4267b2;
	color: #FFF;
	display: inline-block;
	box-sizing: border-box;
	padding: 10px 3em;
	font-size: 1em;
	border: 0;
	cursor: pointer;
	text-align: center;
	height: 50px;
}

div.btnFacebook:hover {
	background: #3b5996;
	color: #FFF;
}

div.btnFacebook .fbLoginIcon {
	margin: -6px 6px;
}

.error {
	margin: 15px 0 0 0;
}

@media (max-width:340px) {
	.navbar-brand > img{
		width: 44%;
		margin-top:2px;
	}

}

@media (min-width: 768px) {

	.col-sm-6 {
		clear:none;
	}
	h1 {
		font-size: 2.5em;
	}
	.carousel-caption{
		text-align: center;
	}
	#footer img.img-responsive{
		display: block;
	}


}

.footer_inner {
	padding:0;
	font-size: 15px;
}

.content {
	margin:0 auto;
}
input:focus {
	outline: none;
}


/* Lösungscode hat weniger als 4 Stellen */
/* wir für die Eingabe zum Teilen von Provianten genutzt */
.solution_container_l4 {
	display: grid;
	grid-template-columns: 50px 50px 50px 50px;
	grid-template-rows: 50px;
	grid-gap: 0;
}

/* Lösungscode hat bis zu 6 Stellen */
.solution_container_le6 {
	display: grid;
	grid-template-columns: 75px 75px 75px;
	grid-template-rows: 75px 75px;
	/*	grid-gap: 15px;*/
	justify-content: center;
	margin-bottom: 50px;
}

/* Lösungscode hat mehr als 6 Stellen */
.solution_container_g6 {
	display: grid;
	grid-template-columns: 75px 75px 75px;
	grid-template-rows: 75px 75px 75px;
	/*	grid-gap: 15px;*/
	justify-content: center;
	margin: 0 auto 25px auto;
}

.solution_char {
	display: block;
	/*	border: 5px solid #000000;*/
	line-height: 42px;
	text-align: center;
	aspect-ratio: 1;
}
.char1 {
	background: url(../imgs/Kachel_obenlinks.png) no-repeat;
	background-size: cover;
}
.char2 {
	background: url(../imgs/Kachel_obenmitte.png) no-repeat;
	background-size: cover;
}
.char3 {
	background: url(../imgs/Kachel_obenrechts.png) no-repeat;
	background-size: cover;
}
.char4 {
	background: url(../imgs/Kachel_mittelinks.png) no-repeat;
	background-size: cover;
}
.char5 {
	background: url(../imgs/Kachel_mittemitte.png) no-repeat;
	background-size: cover;
}
.char6 {
	background: url(../imgs/Kachel_mitterechts.png) no-repeat;
	background-size: cover;
}
.char7 {
	background: url(../imgs/Kachel_untenlinks.png) no-repeat;
	background-size: cover;
}
.char8 {
	background: url(../imgs/Kachel_untenmitte.png) no-repeat;
	background-size: cover;
}
.char9 {
	background: url(../imgs/Kachel_untenrechts.png) no-repeat;
	background-size: cover;
}
.solution_container_l4 .solution_char {
	/*border-top: 4px solid #000000;*/
	/*border-left: 4px solid #000000;*/
	/*border-bottom: 4px solid #000000;*/
	border-right: unset;
	line-height: 22px;
}
/*.solution_container_l4 .solution_char:last-child {*/
/*	border-right: 4px solid #000000;*/
/*}*/

.solution_char > input {
	width: 60px;
	max-width: 60px;
	height: 60px;
	max-height: 60px;
	font-size: 32px;
	background: transparent;
	text-align: center;
	border: none;
	margin-top: 5px;
}
.solution_container_l4 .solution_char > input {
	width: 40px;
	max-width: 40px;
	height: 40px;
	max-height: 40px;
	font-size: 35px;
	background: transparent;
	text-align: center;
	border: none;
}
.solution_container_l4 .solution_char > input[name^="provianten"] {
	font-size: 25px;
}
.solution_char > input:active, .solution_char > input:focus {
	border: none;
}
@media (max-height: 700px){
	.solution_container_le6 {
		display: grid;
		grid-template-columns: 55px 55px 55px;
		grid-template-rows: 50px 50px;
		justify-content: center;
		margin-bottom: 50px;
	}

	/* Lösungscode hat mehr als 6 Stellen */
	.solution_container_g6 {
		display: grid;
		grid-template-columns: 60px 60px 60px;
		grid-template-rows: 60px 60px 60px;
		/*	grid-gap: 15px;*/
		justify-content: center;
		margin-bottom: 50px;
	}
	.solution_char {
		display: block;
		/*		border: 5px solid #000000;*/
		line-height: 25px;
		text-align: center;
		aspect-ratio: 1;
	}
	.solution_char > input {
		width: 50px;
		max-width: 50px;
		height: 50px;
		max-height: 50px;
		font-size: 26px;
		background: transparent;
		text-align: center;
		border: none;
		margin-top: 5px;
	}
}
.home_nav_container {
	background: url(../imgs/Home_Dispatcher_Grafik.svg) no-repeat;
	background-size: cover;
	display: grid;
	grid-template-columns: 50% 50%;
	justify-content: center;
	margin-bottom: 50px;
	min-height: 325px;
	height: 325px;
}

.home_nav_item {
	display: flex;
	text-align: center;
	aspect-ratio: 1;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-content: flex-end;
	padding-left: 20px;
	padding-right: 20px;
}
.home_nav_item.collect {
	padding-bottom: 25%;
	text-align: right;
	padding-right: 14px;
}
.home_nav_item.share {
	padding-bottom: 25%;
	text-align: left;
	padding-right: 14px;
}
.home_nav_item.top10, .home_nav_item.experiences {
	padding-bottom: 45%;
	justify-content: center;
}

.transparent_btn, .transparent_btn:focus, .transparent_btn:active {
	border: none;
	background: transparent;
	text-transform: uppercase;
	font-size: 18px;
	font-family: SegoeUIBold;
	line-height: 18px;
	padding: 15px 45px;
	cursor: pointer;
}
.transparent_btn:hover {
	color: #FFFFFF;
}
.share_link .transparent_btn:hover {
	color: #000000;
}
a.transparent_btn, a.transparent_btn:focus, a.transparent_btn:active, .home_nav_item a.transparent_btn,  .home_nav_item a.transparent_btn:focus, .home_nav_item a.transparent_btn:active {
	color: #000000;
	padding: unset;
}
a:focus, a:hover {
	color: #000000;
}
.home_nav_item a.transparent_btn:hover,.home_nav_item a.transparent_btn:focus, .home_nav_item a.transparent_btn:active {
	color: #000000;
}
@media only screen and (max-width: 375px)  {
	.home_nav_item {
		font-size: 13px;
	}
	.home_nav_item a.transparent_btn {
		font-size: 18px;
	}
}
@media only screen and (max-width: 320px)  {
	.home_nav_item {
		font-size: 12px;
	}
	.home_nav_item a.transparent_btn {
		font-size: 15px;
	}
	.transparent_btn, .transparent_btn:focus, .transparent_btn:active {
		font-size: 18px;
	}
}
body.text_color_light .transparent_btn, body.text_color_light .transparent_btn:focus, body.text_color_light .transparent_btn:active {
	color: #FFFFFF;
}
body.text_color_light .transparent_btn:hover {
	color: #000000;
	background: transparent;
}

.provianten_container {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.provianten_container > .provianten {
	display: flex;
	border: 5px solid #000000;
	height: 75px;
	width: 75px;
	justify-content: center;
	margin-right: 10px;
	line-height: 55px;
	font-family: SegoeUIBold;
	font-size: 65px;
}
.provianten_container > .provianten:last-child {
	margin-right: unset;
}

.provianten_display {
	background: url(../imgs/Panima_Icon_klein.png) no-repeat;
	background-position: left center;
	padding-left: 60px;
}

.content-box-with-border {
	padding: 30px 30px 30px 30px;
	/*border: 3px solid #000000;*/
	margin-bottom: 10px;
	max-height: 70dvh;
	background: url(../imgs/Hintegrund_content_box.svg) no-repeat;
	background-size: cover;
}
.content-box-with-border-small {
	padding: 30px;
	/*border: 3px solid #000000;*/
	margin-bottom: 10px;
	max-height: 45dvh;
	background: url(../imgs/Hintegrund_content_box.svg) no-repeat;
	background-size: cover;
}
.content-box-with-border-small-2 {
	padding: 30px;
	/*border: 3px solid #000000;*/
	margin-bottom: 10px;
	max-height: 40dvh;
	background: url(../imgs/Hintegrund_content_box.svg) no-repeat;
	background-size: cover;
}
.content-box {
	padding: 30px 30px 30px 30px;
	max-height: 70dvh;
	margin-bottom: 10px;
}
.content-box-small {
	padding: 30px;
	max-height: 66dvh;
	margin-bottom: 10px;
}

@media (max-height: 820px) {
	.content-box-with-border, .content-box {
		max-height: 70dvh;
	}
	.content-box-with-border-small, .content-box-small {
		max-height: 60dvh;
	}
	.content-box-with-border-small-2 {
		max-height: 35dvh;
	}
}
@media (max-height: 680px) {
	.content-box-with-border, .content-box {
		max-height: 70dvh;
	}
	.content-box-with-border-small, .content-box-small {
		max-height: 40dvh;
	}
	.content-box-with-border-small-2, .content-box-small {
		max-height: 55dvh;
	}
}
@media (max-height: 570px) {
	.content-box {
		padding: 15px 15px 15px 15px;
	}
	.content-box-with-border, .content-box {
		max-height: 66dvh;
	}
	.content-box-with-border-small, .content-box-small {
		max-height: 40dvh;
	}
	.content-box-with-border-small-2, .content-box-small {
		max-height: 55dvh;
	}
	.navbar-brand {
		padding: 15px 5px;
	}
	.transparent_btn {
		padding: 15px 15px;
	}
}
@media only screen and (max-width: 500px) {
	.content-box-with-border, .content-box,.content-box-with-border-small,.content-box-with-border-small-2, .content-box-small {
		overflow: auto;
	}
}

.white25 {
	background-color: rgba(255,255,255,0.25) !important;
}
.white50 {
	background-color: rgba(255,255,255,0.5) !important;
}
.white75 {
	background-color: rgba(255,255,255,0.75) !important;
}
.white90 {
	background-color: rgba(255,255,255,0.9) !important;
}
.black10 {
	background-color: rgba(0,0,0,0.1);
}
.black30 {
	background-color: rgba(0,0,0,0.3);
}
.black50 {
	background-color: rgba(0,0,0,0.5);
}
.black30 p, .black50 p {
	color: #FFFFFF;
}

.uppercase {
	text-transform: uppercase;
	font-family: SegoeUIBold;
}
.underline {
	text-decoration: underline;
}
.bold {
	font-family: SegoeUIBold;
}
.center {
	text-align: center;
}
.small {
	font-size: .75em;
}
.smaller {
	font-size: .9em;
}

.question-sign {
	background: url(../imgs/Icon_Fragezeichen.svg) no-repeat;
	height: 28px;
	width: 28px;
	position: absolute;
	right: 0;
	margin-top: 33px;
	top: -30px;
	display: inline-block;
	cursor: pointer;
}

#page_bottom {
	text-align: center;
	position: relative;
	bottom: 30px;
	left: 0;
	width: 100%;
	margin-top: 15px;
}

.form-control {
	background: transparent;
	width: 100%;
	border-top: unset;
	border-left: unset;
	border-right: unset;
	border-bottom: 2px dotted black;
	box-shadow: unset;
	-webkit-box-shadow: unset;
	padding: 10px 15px 3px 15px;
	color: #000000;
	font-family: SegoeUIItalic;
	font-size: 18px;
	line-height: 18px;
	height: 45px;
}
body.text_color_light .form-control {
	border-bottom: 2px dotted #FFFFFF !important;
	color: #FFFFFF !important;
}

.form-control:focus {
	border-bottom: 2px dotted black;
}
/*.form-control:focus ~ .floating-label, .form-control:not(:focus):valid ~ .floating-label, .form-control:not(:placeholder-shown) ~ .floating-label {*/
.form-control:focus ~ .floating-label, .form-control:not(:placeholder-shown) ~ .floating-label {
	top: 0;
	bottom: 10px;
	left: 15px;
	font-size: 11px;
	opacity: 1;
}
textarea::placeholder {
	font-size: 15px !important;
}

body.text_color_light .form-control::placeholder {
	color: #FFFFFF;
}

.floating-label {
	color: #000000;
	font-family: SegoeUIItalic;
	position: absolute;
	pointer-events: none;
	left: 10px;
	top: 16px;
	transition: 0.2s ease all;
	font-size: 16px;
	margin-left: 5px;
}
body.text_color_light .floating-label {
	color: #FFFFFF;
}

.password-hint {
	color: #000000;
	font-family: SegoeUIItalic;
	font-size: 14px;
}

#panima_form, #page_content {
	padding-left: unset;
	padding-right: unset;
	display: inline-block;
	max-width: 600px;
	margin: 0 auto;
	width: 100%;
	/*max-height: 66dvH;*/
}

#panima_form .col-sm-12, #panima_form .col-sm-6, #panima_form .col-xs-12{
	padding-left: unset;
	padding-right: unset;
}

#popup, #rallye_survey_popup, #feedback_survey_popup, #complaints_survey_popup, #cancel_survey_popup, #suggestion_survey_popup {
	display: none;
	position: absolute;
	background-color: #FFFFFF;
	top: 100vh;
	left: 0;
	width: 100vw;
	height: 90vh;
	z-index: 1000;
}

#popup {
	background: url(../imgs/BG_HalbHalb1.jpg) no-repeat;
	background-size: cover;
}

#popup > h1 {
	color: #FFFFFF;
	font-family: SegoeUIBold;
	font-size: 24px;
	margin-top: 50px;
	text-align: left;
	padding-left: 30px;
	padding-right: 30px;
}

#popup h3 {
	font-family: SegoeUIBold;
	font-size: 21px;
	text-transform: uppercase;
}

#popup .container {
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	overflow-y: auto;
	max-height: 70vh;
}
@media only screen and (max-device-height: 820px) {
	#popup .container {
		max-height: 65dvh;
	}
}
@media only screen and (max-device-height: 500px) {
	#popup .container {
		max-height: 55dvh;
	}
}

.modal-popup > .popup-head {
	width: 100%;
	height: 60px;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}

.modal-popup > .popup-head > .panima-logo {
	background: url(../imgs/papyrus_anima_logo_only.png) no-repeat;
	background-size: 40px 40px;
	height: 40px;
	width: 40px;
	position: absolute;
	right: 10px;
}

.modal-popup > .popup-head > .popup-close {
	background: url(../imgs/modal_popup_close.png) no-repeat;
	background-size: 15px 15px;
	background-position: center top;
	height: 40px;
	width: 100px;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	top: 85px;
	font-size: .65em;
	font-weight: bold;
	color: var(--panima-purple);
	padding-top: 15px;
	text-align: center;
	cursor: pointer;
}

.survey_iframe {
	height: calc(100dvh - 40px);
	max-height: calc(100dvh - 40px);
	width: 100dvw;
	border: none;
}

input[type=checkbox] {
	visibility: hidden;
	width: 0;
	height: 0;
}

span.checkbox-with-border {
	position: absolute;
	top: 5px;
	left: 15px;
	height: 30px;
	width: 30px;
	background-color: transparent;
	border: 3px solid black;
	cursor: pointer;
}
input[type=checkbox]:checked + span.checkbox-with-border::before {
	background: #000000;
	height: 20px;
	left: 10px;
	top: 2px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
input[type=checkbox]:checked + span.checkbox-with-border::after {
	background: #000000;
	height: 20px;
	left: 10px;
	top: 2px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
input[type=checkbox]:checked + span.checkbox-with-border::before, input[type=checkbox]:checked + span.checkbox-with-border::after {
	background: #000000;
	content: '';
	display: block;
	position: absolute;
	width: 3px;
}
label.checkbox-with-border {
	padding-left: 50px;
	padding-right: 10px;
	font-family: SegoeUIItalic;
	font-size: 14px;
	font-weight: unset;
}

body.text_color_light span.checkbox-with-border {
	border: 3px solid #FFFFFF;
}

body.text_color_light input[type=checkbox]:checked + span.checkbox-with-border::before, body.text_color_light input[type=checkbox]:checked + span.checkbox-with-border::after {
	background: #FFFFFF;
}

span.show-password-btn {
	background-position-y: center;
	position: absolute;
	top: 7px;
	right: 15px;
	height: 18px;
	width: 27px;
	cursor: pointer;
}
span.show-password-btn.open {
	background: url(../imgs/Icon_Auge.svg) no-repeat;
}
span.show-password-btn.closed {
	background: url(../imgs/Icon_Auge_geschlossen.svg) no-repeat;
}
.panima_form_error, .panima_msg {
	background: url(../imgs/Warnung_HG.svg) no-repeat;
	background-size: cover;
	font-family: SegoeUIBoldItalic;
	font-size: 1.5dvh;
	color: var(--panima-purple);
	max-width: 220px;
	padding: 5px 5px 10px 0;
	min-height: 101px;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
	margin: 0 auto 15px auto;
}

.panima_form_error > div, .panima_msg > div {
	background: url(../imgs/Purple_pin.svg) no-repeat 41px;
	background-position: 5px 0;
	min-height: 101px;
	display: flex;
	align-items: center;
}

.panima_form_error_content, .panima_msg_content {
	padding-left: 55px;
	display: inline-block;
}

.panima_logo {
	background: url(../imgs/Logo_schwarz.png) no-repeat;
	background-size: contain;
	background-position: center center;
	display: inline-block;
	height: 101px;
	width: 100%;
	margin-bottom: 25px;
}

.panima_logo_darkgrey {
	background: url(../imgs/Logo_dunkelgrau.png) no-repeat;
	background-size: contain;
	background-position: right center;
	height: 101px;
	width: 100%;
	margin: 0 auto 50px auto;
	border-right:20px solid transparent;
	max-width: 600px;
}
.panima_logo ~ #panima_form > .content-box, .panima_logo_darkgrey ~ #panima_form > .content-box,
.panima_logo ~ #page_content > .content-box, .panima_logo_darkgrey ~ #page_content > .content-box {
	max-height: 52vh;
}
@media only screen and (max-height: 800px){
	.panima_logo ~ #panima_form > .content-box, .panima_logo_darkgrey ~ #panima_form > .content-box,
	.panima_logo ~ #page_content > .content-box, .panima_logo_darkgrey ~ #page_content > .content-box {
		max-height: 44vh;
	}
}

.panel {
	box-shadow: unset;
	-webkit-box-shadow: unset;
	background-color: unset;
}

.panel-default {
	border: unset;
}
.panel-group {
	padding-left: 30px;
}
.panel-body {
	padding-left: 20px;
	color: var(--panima-lightgrey3);
	font-size: 16px;
}

.footer_page.container {
	padding-left: 30px;
	padding-right: 30px;
	color: var(--panima-lightgrey2);
	overflow-y: auto;
	height: 60vh;
}

.footer_page.container h3 {
	font-size: 21px;
	font-family: SegoeUIBold;
}

.footer_page.container h3:before {
	content: " ";
	background: url(../imgs/Drop_Down_aktiv_weiss.svg) no-repeat;
	background-size: 20px 12px;
	display: inline-block;
	height: 12px;
	width: 20px;
	margin-right: 10px;
}

.footer_page.container a:before, .footer_page.container a[aria-expanded="false"]:before {
	content: " ";
	background: url(../imgs/Drop_Down_aktiv_weiss.svg) no-repeat;
	background-size: 15px 10px;
	display: inline-block;
	height: 10px;
	width: 15px;
	margin-right: 5px;
}
.footer_page.container h3, .footer_page.container a, .footer_page.container a[aria-expanded="true"], .footer_page.container a[aria-expanded="false"] {
	color: var(--panima-lightgrey2);
}

.footer_page.container a[aria-expanded="true"]:before {
	transform: rotate(180deg);
}

/* Hinweis darauf, dass der Inhalt länger ist und gescrollt werden kann bzw. muss */
.scrollable_content:after {
	content: ' ';
	background: url(../imgs/Drop_Down_aktiv_schwarz.svg) no-repeat;
	background-size: 22px 10px;
	background-position: center bottom;
	display: block;
	height: 10px;
	width: 100%;
	cursor: pointer;
	margin-top: 30px;
	margin-bottom: 30px;
	pointer-events: all;
	transition: all linear .5s;
}
.scrollable_content.hidden_scroll_icon:after {
	display: none;
}
.scrollable_content.scroll_up:after {
	transform: rotate(180deg);
	transition: all linear .5s;
}

.text_color_light .scrollable_content:after {
	background: url(../imgs/Drop_Down_aktiv_weiss.svg) no-repeat;
	background-size: 22px 10px;
	background-position: center bottom;
}

.horizontal_scroll {
	display: flex;
	flex-direction: row;
	overflow: scroll;
}
.horizontal_scroll.horizontal_scroll_icon:before {
	content: " ";
	position: absolute;
	background: url(../imgs/Drop_Down_aktiv_weiss_Links.svg) no-repeat;
	background-position: center center;
	width: 11px;
	height: 25px;
	left: -15px;
	top: 50%;
	z-index: 10;
	cursor: pointer;
}
.horizontal_scroll.horizontal_scroll_icon:after {
	content: " ";
	position: absolute;
	background: url(../imgs/Drop_Down_aktiv_weiss_Rechts.svg) no-repeat;
	background-position: center center;
	width: 11px;
	height: 25px;
	right: -20px;
	top: 50%;
	z-index: 10;
	cursor: pointer;
}
.horizontal_scroll .horizontal_scroll_item {
	background-repeat: no-repeat;
	background-size: cover;
	margin: 5px;
	height: 273px;
	font-size: 30px;
	font-family: SegoeUIBold;
	display: flex;
	align-items: end;
	padding: 15px;
	position: relative;
	aspect-ratio: 1;
}

.horizontal_scroll_item_1 {
	background: url(../imgs/Kasten_G_Punkte_teilen_1.svg) no-repeat;
	width: 100%;
	height: 100%;
}
.horizontal_scroll_item_1 > .theme_img {
	background-repeat: no-repeat;
	background-size: contain;
	width: calc(100% - 40px);
	aspect-ratio: 1;
	margin: auto;
}
.horizontal_scroll_item_2 {
	background: url(../imgs/Kasten_G_Punkte_teilen_2.svg) no-repeat;
	width: 100%;
	height: 100%;
}
.horizontal_scroll_item_2 > .theme_img {
	background-repeat: no-repeat;
	background-size: contain;
	width: calc(100% - 40px);
	aspect-ratio: 1;
	margin: auto;
}
.horizontal_scroll_item_3 {
	background: url(../imgs/Kasten_G_Punkte_teilen_3.svg) no-repeat;
	width: 100%;
	height: 100%;
}
.horizontal_scroll_item_3 > .theme_img {
	background-repeat: no-repeat;
	background-size: contain;
	width: calc(100% - 40px);
	aspect-ratio: 1;
	margin: auto;
}
.horizontal_scroll_item_4 {
	background: url(../imgs/Kasten_G_Punkte_teilen_4.svg) no-repeat;
	width: 100%;
	height: 100%;
}
.horizontal_scroll_item_4 > .theme_img {
	background-repeat: no-repeat;
	background-size: contain;
	width: calc(100% - 40px);
	aspect-ratio: 1;
	margin: auto;
}
.theme_name, .share_link {
	position: absolute;
}
.share_link {
	width: 75%;
	max-width: 75%;
}
.share_link .transparent_btn, .confirm_order.transparent_btn {
	/*padding-left: unset;*/
	white-space: normal;
	text-align: left;
}
.confirm_order.transparent_btn {
	max-width: 66%;
	text-align: center;
	line-height: 32px;
}
.horizontal_scroll_item .share_content {
	padding-top: 25px;
	font-family: SegoeUIRegular;
	align-self: flex-start;
}
.headline_white {
	color: #FFFFFF;
	font-family: SegoeUIBold;
	font-size: 32px;
	letter-spacing: .33em;
	text-transform: uppercase;
	max-width: 600px;
	margin: 0 auto;
}

#top_users, #user_ranking {
	display: flex;
	flex-direction: column;
}
#top_users .user {
	display: flex;
	flex-direction: row;
	border-bottom: 2px dotted black;
	margin-bottom: 5px;
}
#top_users .user > div.user_rank {
	display: flex;
	justify-content: left;
	align-items: center;
	width: 10%;
}
#top_users .user > div.user_nickname{
	display: flex;
	justify-content: left;
	align-items: center;
	width: 65%;
}
#top_users .user > div.user_points{
	display: flex;
	justify-content: right;
	align-items: center;
	width: 25%;
}
#user_ranking > div {
	display: flex;
	flex-direction: row;
	font-family: SegoeUIBold;
}
#user_ranking > div > div:nth-child(1) {
	width: 40%;
}
#user_ranking > div > div:nth-child(2) {
	width: 35%;
}
#user_ranking > div > div:nth-child(3) {
	width: 25%;
	display: flex;
	justify-content: right;
}
#footer_back_arrow {
	margin-top: unset !important;
	border-radius: 30px;
}

a#back_link {
	font-family: SegoeUIItalic;
}

.navbar-fixed-bottom {
	position: absolute;
}

.container ~ #navbar {
	padding-left: unset;
	padding-right: unset;
}
#panima_iframe {
	width: 100%;
	height: 60vh;
	max-height: 60vh;
}
@media only screen and (max-height: 800px) {
	#panima_iframe {
		height: 51vh;
		max-height: 51vh;
	}
}
.rated {
	background: url(../imgs/Icon_Stern_Bewertung_erfolgt.svg) no-repeat;
	background-position: center;
}
.not_rated {
	background: url(../imgs/Icon_Stern_Bewertung_ausstehend.svg) no-repeat;
	background-position: center;
}

/* Styles für Web Template */
#status_bar_container {
	border-left: 3px solid #000000 !important;
	border-right: 3px solid #000000 !important;
	border-top: 3px solid #000000 !important;
	padding: 20px 30px 0 30px;
}
#status_bar_container > span {
	font-family: SegoeUIBold;
	font-size: 12px;
}
#status_bar_background, #status_bar {
	background-color: #9C9C9C;
	min-height: 3px;
	height: 3px;
}
#status_bar {
	background-color: #000000;
}
#send_buttons {
	text-align: right;
	padding-top:30px;
	display: flex;
	justify-content: center;
}
#btn_send_ahead {
	border: none;
	background: transparent;
	text-transform: uppercase;
	font-size: 21px;
	font-family: SegoeUIBold;
	line-height: 21px;
	padding: 6px 12px;
}
#btn_send_ahead:hover {
	color:#FFFFFF;
}
#btn_send_ahead:focus,
#btn_send_ahead:active {
	color:#FFFFFF;
}
#btn_send_back {
	border: none;
	background: transparent;
	text-transform: uppercase;
	font-size: 21px;
	font-family: SegoeUIBold;
	line-height: 21px;
	padding: 6px 12px;
}
#btn_send_back:hover {
	color:#FFFFFF;
}
#btn_send_back:focus,
#btn_send_back:active {
	color:#FFFFFF;
}
h3.survey_name {
	font-family: SegoeUIBold;
	font-size: 18px;
}

.rallye {
	display: block;
	cursor: pointer;
	margin-bottom: 25px;
	background: #EDEDED;
	padding: 5px;
}
.rallye.collapsable.collapsed:after, .rallye.collapsable.not_collapsed:after {
	content: ' ';
	background: url(../imgs/Drop_Down_aktiv_schwarz.svg) no-repeat;
	background-size: 22px 10px;
	background-position: center bottom;
	display: block;
	height: 10px;
	width: 100%;
	cursor: pointer;
	pointer-events: auto;
	transition: all linear .5s;
	margin-top: -18px;
}
.rallye.collapsable.collapsed:after {
	transform: rotate(0);
}
.rallye.collapsable.not_collapsed:after {
	transform: rotate(180deg);
}

.rallye > .rallye_title, .feed_element_detail > .feed_element_title {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.rallye > .rallye_content, .feed_element_detail > .feed_element_content {
	display: inline-block;
	width: 100%;
	height: 0;
}
.rallye.collapsable > .rallye_content {
	display: inline-block;
	overflow: hidden;
	height: 0;
}
.rallye_title .level_icons {
	display: flex;
	flex-direction: row;
}
.rallye_title .title {
	width: 60%;
	max-width: 60%;
	min-width: 60%;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: SegoeUIBold;
}
.rallye_title .level {
	width: calc(5 * 13px + 4 * 3px);
	max-width: calc(5 * 13px + 4 * 3px);
	min-width: calc(5 * 13px + 4 * 3px);
	margin-right: 5px;
}
.rallye_title .level > img:not(:last-child) {
	margin-right: 3px;
}
.rallye_title .icons > a.bookmark, .rallye_title .icons > a.bookmark_set{
	width: 20px;
	height: 23px;
	max-width: 20px;
	min-width: 20px;
	display: inline-block;
	margin-top: 10px;
}
.rallye_title .icons > a.bookmark{
	background: url(../imgs/Icon_Bookmark_filled.svg) no-repeat;
	background-size: contain;
}
.rallye_title .icons > a.bookmark_set{
	background: url(../imgs/Icon_Bookmark_border.svg) no-repeat;
	background-size: contain;
}

table.account_balance {
	width: 100%;
}
table.account_balance td {
	text-align: right;
}
table.account_balance tr td:nth-child(1) {
	text-align: left;
}

.news_feed .feed_element, .survey_feed .feed_element {
	display: flex;
	flex-direction: column;
	margin-bottom: 25px;
}
.news_feed .feed_img {
}
.news_feed .feed_img > div {
	display: inline-block;
	width: 100%;
	aspect-ratio: 1;
	background-size: contain;
	background-repeat: no-repeat;
}
.news_feed .feed_element_background, .survey_feed .feed_element_background {
	position: relative;
	border: 1px solid transparent;
}
.news_feed .feed_element_background > div.feed_element_image,
.news_feed .feed_element_background > div.feed_element_detail,
.survey_feed .feed_element_background > div.feed_element_image,
.survey_feed .feed_element_background > div.feed_element_detail {
	position: absolute;
	width: calc(100% - 50px);
	aspect-ratio: 1;
	top: 25px;
	margin: auto 25px auto 25px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
	display: inline-block;
}
.news_feed .feed_element_background > div.feed_element_detail {
	display: none;
}
.news_feed .feed_element_background > div.feed_element_detail_link_show,
.survey_feed .feed_element_background > div.feed_element_detail_link_show,
.news_feed .feed_element_background > div.feed_element_detail_link_close {
	position: absolute;
	bottom: 25px;
	right: 25px;
	display: block;
	cursor: pointer;
}
.news_feed .feed_element_background > div.feed_element_detail_link_close {
	display: none;
}

.feed_element_background_1 {
	background: url(../imgs/Kasten_G_Punkte_teilen_1.svg) no-repeat;
	width: 100%;
	height: 0;
	padding-top: 96.58%;
	background-size: contain;
}
.feed_element_background_2 {
	background: url(../imgs/Kasten_G_Punkte_teilen_2.svg) no-repeat;
	width: 100%;
	height: 0;
	padding-top: 112.45%;
	background-size: contain;
}
.feed_element_background_3 {
	background: url(../imgs/Kasten_G_Punkte_teilen_3.svg) no-repeat;
	width: 100%;
	height: 0;
	padding-top: 103.94%;
	background-size: contain;
}
.feed_element_background_4 {
	background: url(../imgs/Kasten_G_Punkte_teilen_4.svg) no-repeat;
	width: 100%;
	height: 0;
	padding-top: 108.04%;
	background-size: contain;
}

ul.dash {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
}
ul.dash > li:before {
	display: inline-block;
	content: "-";
	width: 1em;
	margin-left: -1em;
}
.DateTimePicker {
	border: unset !important;
}
.share_icon {
	background: url(../imgs/icon_context_menu.svg);
	background-position-x: 0;
	background-position-y: 48px;
	cursor: pointer;
	height: 24px;
	width: 15px;
	display: inline-block;
	position: absolute;
	right: 10px;
}

.feed_element_detail > .share_menu {
	margin-top: 10px;
}
.feed_element_detail > .share_menu > ul, .rallye_detail .share_menu > ul, .feed_element_image .share_menu > ul{
	list-style-type: none;
	padding-left: 5px;
	margin-bottom: unset;
}
.share_whatsapp {
	background-image: url(../imgs/Whatsapp_Digital_Glyph_Black.svg);
	display: block;
	height: 37px;
	width: 37px;
	background-size: 37px;
}
.rallye_detail {
	position: relative;
}
.rallye_detail .share_menu, .feed_element_detail .share_menu, .feed_element_image .share_menu {
	display: none;
	position: absolute;
	top: 35px;
	right: 0;
	padding: 10px;
	background-color: #FFFFFF;
	min-width: 100px;
	text-align: center;
}
.rallye_detail .share_menu > ul > li {
	padding-top: 5px;
	padding-bottom: 5px;
}

div.frage, div.loesung {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 10px;
	margin-top: 10px;
}
div.antwort {
}
br[role="presentation"] {
	display: none;
}
#rallye_list {
	display: flex;
	flex-direction: column;
}
#rallye_list .rallye {
	cursor: unset;
}
#rallye_list .rallye_data {
	display: flex;
	flex-direction: row;
	border-bottom: 2px dotted black;
	margin-bottom: 5px;
}
@media (width: 320px) {
	#rallye_list .rallye_data {
		font-size: 13px;
	}
}
#rallye_list .rallye_data > div {
}
#rallye_list .rallye_data .spacer {
	width: 5%;
}
#rallye_list .rallye_data .rallye_nps_label {
	width: 15%;
}
#rallye_list .rallye_data .rallye_nps {
	width: 22%;
	text-align: right;
}
#rallye_list .rallye_data .rallye_refund_label {
	width: 33%;
}
#rallye_list .rallye_data .rallye_refund {
	width: 25%;
	text-align: right;
}
#filter_switch {
	text-align: right;
	height: 20px;
	background-image: url(../imgs/icon_filter_black.svg);
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position-x: right;
	cursor: pointer;
}
#filter_switch.active {
	background-image: url(../imgs/icon_filter_white.svg);
}
.filter {
	display: flex;
	flex-direction: row;
	position: relative;
	height: 39px;
}
.filter_icon {
	background: url(../imgs/icon_context_menu.svg);
	background-position-x: 0;
	background-position-y: 48px;
	cursor: pointer;
	height: 24px;
	width: 15px;
	display: inline-block;
	position: absolute;
	right: 0;
}
.filter .filter_menu {
	display: none;
	position: absolute;
	top: 30px;
	right: 0;
	padding: 10px;
	background-color: #FFFFFF;
	min-width: 100px;
	text-align: center;
}
.filter .filter_menu > ul {
	list-style: none;
}
.filter .filter_menu > ul > li {
	padding-top: 5px;
	padding-bottom: 5px;
}
#map {
	width: 100%;
	position: relative;
	background-color: #fff;
}
.olPopup {
	border-radius: 4px;
	padding: 5px;
	background-color: #fff;
	transform: translateY(-7px);
}
#loading_bar {
	position: absolute;
	top: 48%;
	left: 48%;
	max-width: 40px;
	width: 40px;
	height: 40px;
	max-height: 40px;
	z-index: 9998;
	display: none;
}
#loading_bar img {
	pointer-events: none;
	position: absolute;
	height: 40px;
	width: 40px;
}
/* alle Styles zu Händlern */
.merchant {
	margin-bottom: 20px;
}
/* alle Styles zum Filter */
#filter_popup {
	display: none;
	position: absolute;
	background-color: #FFFFFF;
	top: 100vh;
	left: 0;
	width: 100vw;
	height: 0;
	z-index: 1000;
	/* wir wollen nur das gleiche Hintergrundbild wie die Seite haben */
	animation: unset;
	transform: unset;
	padding: 30px;
}
#filter_popup > .row {
	display: flex;
	flex-direction: column;
	height: 100%;
}
#filter_type {
	margin-bottom: 30px;
	font-weight: bold;
}
#filter_content {
	flex-grow: 1;
	display: flex;
	justify-content: center;
}
#filter_submit {
	align-self: center;
	margin-top: 30px;
	width: 45%;
	margin-bottom: 30px;
}
#filter_selector {
	display: flex;
	margin-bottom: 20px;
	align-items: center;
	height: 25px;
}
.filter_container {
	display: none;
}
.filter_label, .filter_reset, .filter_button, .selected {
	padding: 0 5px;
	margin-left: 5px;
	font-size: 13px;
	height: 25px;
	line-height: 25px;
	display: flex;
	justify-content: center;
	align-content: center;
	cursor: pointer;
}
.filter_label {
	color: #000000;
	margin-right: 5px;
	font-weight: bold;
}
.filter_label.active {
	color: #FFFFFF;
}
.filter_button {
	background-color: var(--panima-lightgrey1);
	color: #000000;
	font-weight: bold;
	box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.3);
	white-space: nowrap;
	cursor: pointer;
}
.filter_reset.selected, .filter_button.selected  {
	background-color: var(--panima-darkgrey);
	color: #FFFFFF;
	font-weight: bold;
	/*padding: 10px 0;*/
	box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.3);
	cursor: pointer;
}
.filter_reset {
	display: none;
}
.filter_reset.selected  {
	display: flex;
}
.filter_button.selected  {
	margin-left: unset;
}
#filter_content > div {
	width: 100%;
	display: none;
}
#filter_content label {
	display: inline-block;
	width: 30px;
	text-align: left;
	font-size: 0.8em;
	font-weight: bold;
}
#filter_content input[type="number"] {
	background: url('../imgs/Kachel_mittemitte.png') no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	margin: unset;
	border: none;
	outline: none;
	height: 30px;
	width: 30px;
	margin-top: 3px;
}
#filter_content select, #filter_content select, #filter_content option {
	background-color: var(--panima-lightgrey2);
	color: #000000;
	text-align: center;
	margin: unset;
	border: none;
	outline: none;
	height: 30px;
	width: 100%;
	margin-top: 3px;
	font-family: SegoeUIBold, sans-serif;
}
#filter_content input[type="range"] {
	-webkit-appearance: none;
	appearance: none;
	margin: unset;
	border: none;
	outline: none;
	height: 4px;
	width: 100%;
	margin-top: 3px;
	background: #000000;
	cursor: pointer;
	border-radius: 5px;
}
.range_value_display {
	font-size: .75em;
	text-align: center;
	margin-bottom: 10px;
}
#filter_content input[type="range"]::-webkit-slider-thumb {
	/* removing default appearance */
	-webkit-appearance: none;
	appearance: none;
	/* creating a custom design */
	height: 15px;
	width: 15px;
	background-color: #000000;
	border: 1px solid #000000;
	border-radius: 50%;
}
#filter_content input[type="range"]::-moz-range-thumb {
	height: 15px;
	width: 15px;
	background-color: #000000;
	border: 1px solid #000000;
	border-radius: 50%;
}
.filter_content_pane {
	display: flex;
	flex-direction: column;
}
.filter_content_pane > div {
	padding-left: 20px;
	padding-right: 20px;
}
.filter_headline {
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
}
.filter_title {
	color: #FFFFFF;
	background-color: var(--panima-darkgrey);
	font-size: 0.8em;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}
.filter_props {
	background-color: var(--panima-lightgrey2);
	height: 36px;
}
#filter_content_circumcircle .filter_props {
	height: 60px;
}
input[type="number"].no_spinner::-webkit-outer-spin-button,
input[type="number"].no_spinner::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type="number"].no_spinner {
	-moz-appearance: textfield;
}
span.filter_criterias_label.selected {
	display: none;
	padding: unset;
	margin: unset;
}
span.filter_criterias_settings {
	display: none;
	padding: unset;
	margin: unset;
}
span.filter_criterias_settings.selected {
	display: unset;
	padding: unset;
	margin: unset;
}