/*CSS RRCN 2024 QEM RRRCN Tool LastChanged: 251012*/
/* Color definitions */
/* orange #FF6D22 orange light #FFA475 range extreme light #FFE2D3 blue #3CBADB blue light #91DBF0
yellow #F1E800 yellow light #F1EB9C green #C9DD03 green light #EBFB59
red #B90013 red light #DB7D87 light gray #B6B1A9 light gray light #E0DCD7
dark gray #4D4F53 dark gray light #8A8C90 */

		*, html {

		margin: 0;
		padding:0;
  	scroll-behavior: smooth;

		}

		body {

		font-size: 18px;
		box-sizing: border-box;
		transition:all .3s;


		}

		header {

		width: 100%;
		min-height: 90px;
		/*background-color: rgb(0, 139, 208);*/

		}

		a {color: inherit; text-decoration: none !important;}
		a:hover{opacity: 0.7;}

		.topmargin {

			padding-top: 25px;

		}

	strong, b {font-weight:700;}

	h1, h2, h3, h4, h5, h6, p, li, td, button, pure-button, pure-button-primary {font-family: "Sora", sans-serif !important;}

	p, li, td, label {color: #4D4F53 !important;}

	h1, h2, h3, h4, h5, h6 {
	hyphens: manual;
	/*use ­ https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens#suggesting_line_break_opportunities */
	}
	h1, rrcnh1 {
		font-weight: 700 !important;
	}
	h4, .rrcnh4 {
		font-size: 1.2rem !important;
		font-weight: 700 !important;
	}
	.rrcnh4 {color: #91DBF0 !important; padding: 25px 0;}

	h5, .rrcnh5 {
	font-size: 1rem !important;
	font-weight: 700 !important;
	}

	.rrcnh5 {padding: 0 0 15px 0;}
	p, li, td {line-height: 1.5em; hyphens: auto;}

	/*Links etc.*/
	.downloadLink::after{font-family: fontawesome; content: ' \f019';}
	.coloredLink{color:#FFA475 !important;}

	.boxSizeBB{box-sizing:border-box}

	.white {
		color: #FFFFFF !important;
	}
	.blueL {
		color: #91DBF0 !important;
	}
	.blueLBg {
		background-color: #91DBF0 !important;
	}
	.greyL {
		color: #8A8C90 !important;
	}
	.greyLBg {
		background-color: #8A8C90 !important;
	}
	.lightGreyN {
		color: #B6B1A9 !important;
	}
	.lightGreyNBg {
		background-color: #B6B1A9 !important;
	}
	.redL {
		color: #DB7D87 !important;
	}
	.redLBg {
		background-color: #DB7D87 !important;
	}
	.yellowN {
		color: #F1E800 !important;
	}
	.yellowNBg {
		background-color: #F1E800 !important;
	}
	.orangeL{
		color: #FFA475 !important;
	}
	.orangeLBg{
		background-color: #FFA475 !important;
	}

	.green{
		color: #C9DD03 !important;
	}
	.greenLBg{
		background-color: #C9DD03 !important;
	}
	a.opaC7:hover {opacity:0.7;}

	.italic {
		font-style: italic;
	}

	.downSize{
		font-size: 0.8rem !important;
	}

	.fontSizeH4{
		font-size: 1.2rem !important;
	}
	.fontSizeNorm{
		font-size: 1rem !important;
	}
	.centeredL, .centered {
		width: 100%;
		text-align:center;
	}
	.centerBoxes{
		display: flex;
		justify-content: center;
	}

	.centerBoxesVerticalHorizontal{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.pure-g.centerBoxes {
  	text-align: center; /* Zentriert inline-blocks */
	}
	.textLeft{text-align:left;}
	.textRight{text-align:right;}
	.textCentered{text-align:center;}
	/*.pure-g.centerBoxes > [class*="pure-u"] {
		float: none !important;            /* deaktiviert linksbündige Ausrichtung */
  	/*display: inline-block !important; /* ersetzt float */
  	/*text-align: center;
	}*/
	.centerBoxes .pure-u-1-3 {
  	float: none !important;
	}
	.marginT15, .marginT15RespN {
		margin-top: 15px !important;
	}

	.marginL15, .marginL15RespN {
		margin-left: 15px !important;
	}
	.marginR15 {
		margin-right: 15px !important;
	}
	.marginT15 {
		margin-top: 15px !important;
	}
	.marginT15RespY {
		margin-top: 0 !important;
	}
	.marginT25 {
		margin-top: 25px !important;
	}
	.marginB15, .marginB15RespN {
		margin-bottom: 15px !important;
	}

	.marginB25 {
		margin-bottom: 25px !important;
	}

	p.paraDistanceBottom25 {
		margin-bottom:25px;
	}

	ul, ol {
  margin-inline-start: 0;
  padding-inline-start: 40px;
	}
  ul.bottomDistance25, ol.bottomDistance25{
	 margin-bottom:25px;
	}
	.responsiveDiv {}

	.footnoteText {font-size:0.8em !important;}
	.smallText {font-size:14px !important;}
	.bottomOrientation {}

	.trennerResponsive15px {display: none; height:15px;}
	.trennerResponsive25px {display: none; height:25px;}

	@media screen and (max-width:768px){
		.responsiveNone {display:none;}
	}

	@media screen and (max-width:700px){
		.marginT15RespN {
			margin-top: 0 !important;
		}
		.marginT15RespY {
			margin-top: 15px !important;
		}
		.marginL15RespN {
			margin-left: 0 !important;
		}
		.marginB15RespN {
			margin-bottom: 0 !important;
		}
	}
// <uniquifier>: Use a uniquifier for the class name
// <weight>: Use a value from 100 to 800

	.sora-font {
	font-family: "Sora", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	}

	.bottommargin {

		padding-bottom: 25px;

	}

	.copyrights p {font-size: 12px; font-weight: 700; color: #B6B1A9 !important;}

	.headerdiv {

		max-width: 90%;
		min-width: 300px;
		margin: 0 auto;

	}

	.headerdiv p {

			}

	.headerdiv img {

		/*margin-right: 15px;*/
		padding: 0 0px;

		}

	.logout { display: block; color: #FFA475; position: relative; top: 46%; float: right;}



	.iconsright {

			float: right;
			color: #fff;

	}

	.iconsright a {

		color: #fff;

	}

	.iconsright a:hover, .iconsright a:focus {

		color: #C0C0C0;

	}

	.zentrieren {

		display: block;
		margin: 0 auto;

	}

	/*.iconsright a:visited {

		color: #99ccff; red .iconsright a:active

	}
	 */

	.iconscenter {width: 50px; margin: 0 auto;}

	.redicon {color: #B90013; margin-left: 12px;}
	.blueicon {color: #3CBADB; margin-left: 12px;}

	.inputbgred {

			background: #DB7D87;
			/*padding: 20px 8px 20px 10px;*/
			padding: 8px;
			border-radius: 5px;

			}

	.content {
		width:800px;
		margin: 0 auto;
	}

	.trenner15px{display:inline-block; height:15px !important;}
	.trenner25px{display:inline-block; height:25px !important; width:100% !important;}

	/**/
	.borderRightOrangeL{border-right:1px solid #FFA475 !important;}

	.logoimage {margin-top:15px;}
	.tenantIcon{padding:3px 5px 2px; border-radius: 5px; background-color:#FFA475; color: #fff !important;  }

	.pdfImage{
		display: block;
		width:100%;
		background: #fff;
		border: 1px solid #b2b2b2;
		box-shadow: 10px 5px 15px #b2b2b2;
		max-width: 600px;
		margin: 0 auto;
		padding: 25px;
	}

	@media screen and (max-width:980px)
	{
		.content {
			width:95%;
		}
	}

	.breite1 {

			width: 5px !important;
			display: inline-block;

			}

	.scroller {
				position: fixed;
				bottom: 50px;
				right: 5%;
				height: 45px;
 				width: 45px;
				background-color: none;
				border-radius: 50%;
				border: none;
				display: inline-block;
				z-index: 10;

				}

	.scroller span {

				height: 45px;
 				width: 45px;
				display: table-cell;
				margin: 0 auto;
				font-size:40px;
				/*#FFA475*/
				color: #FFA475;
				text-align: center;
				vertical-align: middle;

				}

	.hidescroller {

				display: none;

		}

	.presentationWrap{

		box-sizing:border-box;
		border:1px solid black;
		border-radius: 7px;
		padding: 7px 0 7px 7px;
		margin-right: 5px;
		opacity: 0.45;

	}

/* Messages in Content Success/Error/etc */
 .alert{display:table; margin: 0 auto 15px; text-align:center; padding:5px 5px 3px;}
 .success{border-radius: 5px; background: #EBFB59;}
 .error{border-radius: 5px; padding: 5px 3px; background-color: #DB7D87; color: #fff !important;}
 .messageStatus{font-weight:700; margin-bottom: 25px;}
/* END Messages in Content Success/Error/etc */

	footer {

		width: 100%;
		background-color: rgb(0, 139, 208);
		min-height:195px;



		}

	footer a.internal {

		color: #fff;
		text-decoration: none;
		margin-bottom: 15px !important;
		transition: color .5s;

	}

	footer a.internal:hover {

		color: rgba(226, 0, 26, 0.3);

	}


	header p {

		text-align: center;
		margin: 0 auto;
		width: 800px;
		color: #fff;
		font-weight: bold;
		font-size: 2em;
		box-sizing: border-box;

		}

	.unselectable {

		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;

		}


/*  Start BURGER */

.burger {
 	width: 50px;
  	height: 50px;
  	position: relative;
 	top: 0 /*20px*/;
  	/*right: 20px;*/
  	border-radius: 4px;
  	z-index: 10;
}

.iconsright {width: 50px; margin: 0 auto;}

.burger span {
  position: relative;
  margin-top: 9px;
  margin-bottom: 9px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -1.5px;
}

.burger span, .burger span::before, .burger span::after {
  display: block;
  width: 30px;
  height: 3px;
  background-color: #2a2a2a;
  outline: 1px solid transparent;
  -webkit-transition-property: background-color, -webkit-transform;
  -moz-transition-property: background-color, -moz-transform;
  -o-transition-property: background-color, -o-transform;
  transition-property: background-color, transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.burger span::before, .burger span::after {
  position: absolute;
  content: "";
}

.burger span::before { top: -9px; }

.burger span::after { top: 9px; }

.burger.clicked span { background-color: transparent; }

.burger.clicked span::before {
  -webkit-transform: translateY(9px) rotate(45deg);
  -moz-transform: translateY(9px) rotate(45deg);
  -ms-transform: translateY(9px) rotate(45deg);
  -o-transform: translateY(9px) rotate(45deg);
  transform: translateY(9px) rotate(45deg);
}

.burger.clicked span::after {
  -webkit-transform: translateY(-9px) rotate(-45deg);
  -moz-transform: translateY(-9px) rotate(-45deg);
  -ms-transform: translateY(-9px) rotate(-45deg);
  -o-transform: translateY(-9px) rotate(-45deg);
  transform: translateY(-9px) rotate(-45deg);
}

.burger.clicked span:before, .burger.clicked span:after { background-color: #ffffff; }

.burger:hover { cursor: pointer; }

/*  NAV
========================================== */

nav {
  background-color: rgb(0, 139, 208);
  position: fixed;
  z-index: 9;
  top: 0;
  right: 0;
  height: 100%;
  max-width: 515px;
  width: 100%;
  padding: 100px 40px 60px 40px;
  overflow-y: auto;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

nav.show {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}

nav.show ul.main li {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
}

nav.show ul.main li:nth-child(1) { transition-delay: 0.15s; }

nav.show ul.main li:nth-child(2) { transition-delay: 0.3s; }

nav.show ul.main li:nth-child(3) { transition-delay: 0.45s; }

nav.show ul.main li:nth-child(4) { transition-delay: 0.6s; }

nav.show ul.main li:nth-child(5) { transition-delay: 0.75s; }

nav.show ul.main li:nth-child(6) { transition-delay: 0.9s; }

nav.show ul.main li:nth-child(7) { transition-delay: 1.05s; }

nav.show ul.main li:nth-child(8) { transition-delay: 1.2s; }

nav.show ul.main li:nth-child(9) { transition-delay: 1.35s; }

nav.show .about, nav.show .social, nav.show ul.sub {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  transition-delay: .85s;
}
@media (min-width: 667px) {

nav { padding: 120px 90px 70px 90px; }
}

nav ul.main { list-style-type: none; }

nav ul.main li {
  margin-bottom: 20px;
  -webkit-transform: translateX(40px);
  -moz-transform: translateX(40px);
  -ms-transform: translateX(40px);
  -o-transform: translateX(40px);
  transform: translateX(40px);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

nav ul.main li:last-of-type { margin-bottom: 0px; }

nav ul.main li a {
  color: #ffffff;
  /*font-family: "Raleway", sans-serif;*/
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.5rem;
  display: block;
  letter-spacing: 5px;
  font-weight: 600;
  padding: 10px 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

nav ul.main li a span { color: #b7ac7f; }

nav ul.main li a:hover { color: #b7ac7f; }

nav .about {
  margin-top: 40px;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

nav .about p {
  color: #ffffff;
  /*font-family: "Spectral", serif;*/
  font-size: 1.05rem;
  letter-spacing: 0.5px;
  line-height: 170%;
}

nav .social {
  margin-top: 40px;
  position: relative;
  padding-bottom: 30px;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

nav .social:after {
  content: "";
  width: 230px;
  height: 2px;
  background-color: #b7ac7f;
  position: absolute;
  bottom: 0;
  left: 0;
}

nav .social a {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 25px;
}

nav .social a:last-of-type { margin-right: 0px; }

nav .social a:hover svg path, nav .social a:hover svg circle { fill: #b7ac7f; }

nav .social a svg {
  width: 100%;
  height: 100%;
}

nav .social a svg path, nav .social a svg circle {
  fill: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

nav ul.sub {
  list-style-type: none;
  margin-top: 40px;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

nav ul.sub li { margin-bottom: 10px; }

nav ul.sub li:last-of-type { margin-bottom: 0px; }

nav ul.sub li a {
  color: #ffffff;
  /*font-family: "Raleway", sans-serif;*/
  letter-spacing: 1px;
  font-size: 0.9rem;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

nav ul.sub li a:hover { color: #b7ac7f; }

/*  Ausgabe */
td.label{
	width:90%;
	         }
.audienceTable table th {text-align: left; padding: 2px !important; color: #4D4F53;}
.audienceTable table th, .audienceTable table td {hyphens: none;}
.audienceTable table tr:nth-child(even) {background-color: #E0DCD7;}

table.liste td.label{
height:20px;
}
div.accordion-body{
border-bottom-width: 1px;
}
button.accordion-button {
margin: 0 0 0 0 !important;
}

button.accordion-button:not(.collapsed){
background-color:#e6f3fa !important;
color: #008bd0;
}
#btnSubmit {
margin-top: 30px;
}
input.form-check-input{

    font-size: 150%;
}

/* Menu */
.mainmenu{
	/*width: 100%;*/
	display: flex;
	align-items: flex-end; /* alles am unteren Rand ausrichten */
	min-height: 70px; /* oder deine gewünschte Menü-Höhe */
}

.menuicon{display: block; color: #FFA475;}
/*span .menuicon { display: block; position: relative; top: 45%;}*/
.pure-u-1-3.pure-u-1-3-plus {
  display: flex;
  align-items: center;     /* vertikal mittig */
}
.menuWrap {
	display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end; /* am unteren Rand */
  gap: 0.6rem;               /* Abstand zwischen Menu & User */
  padding-bottom: 12px;      /* leicht vom Rand abheben */
}

.mainmenu .pure-u-1-3:last-child {
	display: flex;
 	justify-content: flex-end;
 	align-items: flex-end;
 	padding-bottom: 12px;    /* unten ausrichten */
}
/* Icons etwas verfeinern */
.menuicon, .usericon {
 position: static;   /* sicherstellen, dass kein top/relative wirkt */
 transform: none;
 font-size: 18px;    /* kannst du anpassen */
 line-height: 1;     /* wichtig: Icon genau in Zeilenhöhe */
 display: inline-block;
 vertical-align: middle;
 cursor: pointer;
}
.menuicon:hover {opacity: 0.7;}

.menuicon {
  /* optional: dezentes Schweben */
  transform: translateY(-6px); /* nur menuicon leicht nach oben */
}
.userCredits {
  /* Optional: Username nicht umbrechen */
	white-space: nowrap;
	color: #FFA475;
	display: flex;
 	align-items: center; /* Icon & Text auf gleiche Höhe */
 	        /* Abstand zwischen Icon & Name */
}
.userCredits a {
	width: 100%;
	gap: 0.5rem;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: inherit; /* behält Textfarbe */

}
.userName {
	font-size: 14px;
  line-height: 1;   /* sehr wichtig */
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width:619px){
  .userName {display: none;}
}
/*  OVERLAY
========================================== */

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(226, 0, 26, 0.3);
  /*opacity: 0;*/
  visibility: hidden;
}

.overlay.show {
  opacity: 0.8;
  visibility: visible;
}
/* END Burger Menu */

	footer p {

		text-align: center;
		margin: 0 auto;
		width: 800px;
		color: #fff;
		font-weight: bold;
		font-size: .7em;
		padding: 35px 0 25px;
		box-sizing: border-box;

		}


	.outer {

		width: 100%;
		/*min-height:600px;*/
		margin: 25px 0;
		box-sizing: border-box;

		}

	.inner {

		width: 1024px;
		margin: 0 auto;
		box-sizing: border-box;

		}
		.smallParagraph {
			font-size:12px;
			color:#B6B1A9 !important;
			text-align:center;
		}
		.smallParagraph a {
			text-decoration: none;
			color:#B6B1A9 !important;
		}
		.smallParagraph a:hover {
			color:#FFA475 !important;;
		}
/* tables */
	table {

		width: 100%;
		table-layout: fixed;
        border-collapse: collapse;

		}

	.tableWrap{overflow-x:auto;}

	tr {

		height: 35px;

	}

	td.col3 {

		width: 33%;
		background: #0078e7;
		color: #fff;
		text-align: left;

	}

	th.col4 {

		width: 25%;
		background: #0078e7;
		color: #fff;
		text-align: left;
		overflow: hidden;

	}

	td.col4 {

		width: 25%;
		background: #fff;
		color: #000;
		text-align: left;

	}

	th.col5 {

		width: 20%;
		background: #0078e7;
		color: #fff;
		text-align: left;
		padding: 5px;
		box-sizing: border-box;
		overflow: hidden;

	}

	td.col5 {

		width: 20%;
		background: #fff;
		color: #000;
		text-align: left;
		padding: 5px;
		box-sizing: border-box;

	}

	th.col6 {

		width: 16%;
		background: #0078e7;
		color: #fff;
		text-align: left;
		padding: 5px;
		box-sizing: border-box;
		overflow: hidden;

	}

	td.col6 {

		width: 16%;
		background: #fff;
		color: #000;
		text-align: left;
		padding: 5px;
		box-sizing: border-box;

	}

	th.col8 {

		width: 10%;
		background: #0078e7;
		color: #fff;
		text-align: left;
		padding: 5px;
		overflow:hidden;
		box-sizing: border-box;
		overflow: hidden;

	}

	td.col8 {

		width: 10%;
		background: #fff;
		color: #000;
		text-align: left;
		padding: 5px;
		overflow:hidden;
		box-sizing: border-box;

	}

	th.col10 {

		width: 8%;
		background: #0078e7;
		color: #fff;
		text-align: left;
		padding: 3px;
		overflow:hidden;
		box-sizing: border-box;
		white-space:pre-wrap;
		word-wrap:break-word;
		font-size:0.7em;
		overflow: hidden;

	}

	td.col10 {

		width: 8%;
		background: #fff;
		color: #000;
		text-align: left;
		padding: 3px;
		overflow:hidden;
		box-sizing: border-box;
		white-space:pre-wrap;
		word-wrap:break-word;
		font-size:0.7em;

	}


	.tg  {

		border-collapse:collapse;
		border-spacing:0;
		box-sizing:border-box;

		}

	.tg td {

		border-color:black;
		border-style:solid;
		border-width:1px;
		/*font-size:14px;*/
  		overflow:hidden;
		padding:10px 5px;
		word-break:normal;

		}

	.tg th {

		border-color:#0078e7;
		border-style:solid;
		border-width:1px;
		background: #0078e7;
		/*font-family:Arial, sans-serif;
		font-size:14px;*/
  		font-weight:700;
		overflow:hidden;
		white-space: nowrap;
		color: #ffffff;
		padding:10px 5px;word-break:normal;
		font-size: 12px;

		}

	.tg .tg-0lax {

		text-align:left;
		vertical-align:top

		}

	.overflowhidden {

		overflow: hidden;

	}

	.buildTableStringMC td, th {

		overflow: hidden;
		padding: 10px

	}

	thead.noPadding td, th {padding: 0 !important;text-align: left; font-size:0.8em; color: #8A8C90;}
		/*Table unter 768px */
	@media screen and (max-width:769px){
	.table-scrollable {
  width: 100%;
  overflow-y: auto;
	-webkit-overflow-scrolling:touch;
  margin: 0 0 1em;
}

.table-scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}

.table-scrollable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, .3);
}
}
	/*END Table unter 768px */
/*END table */
	.showbignumber {

		margin: 25px 0;

	}

	.bignumber {

		font-size: 300%;
		font-weight: 700;

	}

	.big150 {

	font-size: 150%;

	}

	.small90 {

		font-size: 0.9em;

	}

	.small80 {

		font-size: 0.8em;

	}

	.distance1, .distance25 {

		margin: 25px 0;

	}

	.distanceTop15px {
		margin-top: 15px !important;
	}

	.distanceTop25px {
		margin-top: 25px !important;
	}

	.distanceBottom25px {
		margin-bottom: 25px !important;
	}

/*PURE FORM Additions*/
	.rrcnForm>fieldset{border:0;}
	.pure-button-primary {
		background-color: #91DBF0;
		/*background-color: rgb(0, 139, 208);*/

	}

	.reactButton:hover {
		background-color: #FFA475;
	}

	.buttonWrap {padding: 20px;}/*was OFF???*/

	select, input, button {

		margin: 25px 0px;

		}

	input[type="checkbox"], input[type="radio"] {

    	margin-right: 15px;

	}

	input[name="userfile"] {
		width: 100%;
	}

	label, button {

		margin: 15px 0 0 !important;

	}

/*elements like buttons hide over 400px*/
	.showResponsive{
		display: none;
	}

	.ql-formats label, .ql-formats button {
  	margin: 0 !important;
	}

	.pure-form .pure-radio {

	margin-right: 25px !important;

    display: inline !important;

	}

	input[type="checkbox"], input[type="radio"] {

	margin-right: 7px;

	}


	fieldset {

	margin-bottom: 50px;

	}
	/* for required field */
	input:required {background-color: #f8e6e7;
	}
	.required {color: #B90013;}

	/* Inputs for Bezirk Zustell etc */
	.onenumber {
		width:39px !important; /*was 35px due to Sora Font 37 and 0 39*/
		display: inline !important;
		text-align: center;
	}
	.redborder{
	border: 2px solid #B90013 !important;
	}

	.inputbold {

	font-weight: 400;

	}

	.zustellreihe {
  display: flex;
  flex-wrap: nowrap;     /* keine Umbrüche */
  align-items: center;
  overflow-x: auto;      /* horizontales Scrollen bei Überlänge */
  padding-bottom: 4px;   /* damit Scrollbar nicht Inputs überlappt */
}

.zustellreihe .onenumber {
  flex: 0 0 39px;        /* feste Breite, bleibt klickbar */
  text-align: center;
	margin-right:6px !important;
}
.zustellreihe .onenumber:last-child {
	margin-right:0 !important;
}
.zustellreihe .blueicon {
  flex: 0 0 auto;        /* Icon behält Größe */
}

	#zustellbereich {
		max-width: 100%;
		overflow: hidden;
		box-sizing:border-box;
	}

@media screen and (max-width:400px){
	.inputbgred {
  	padding: 8px;
}
}

/* END Inputs for Bezirk Zustell etc */
	.selectbox {

	line-height: 200%;

	}
	.pure-form select {

		height: 2.4em;
		width: 100%;

	}

	.pure-form select#anredeSelect{
		width: fit-content;
	}
	.selectbox option {line-height: 35px;}

	select:required {background-color: rgba(181,11,23,0.1);}

	.pure-form select[multiple] {

    width: 350px;
    height: calc(21px*26); /*height: 550px;*/

	}


	h1.distancecontrol1 {margin-bottom:-12px;}

	/* Chrome, Safari, Edge, Opera */
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {

	-webkit-appearance: none;
  	margin: 0;

	}

	/* Firefox */
	input[type=number] {

	-moz-appearance: textfield;

	}
	.pure-form-stacked textarea {
		width:100%;
	}
	.pure-form-stacked textarea::placeholder {
    opacity: 0.7;
    color: gray;
}

/*Transitions Beta*/

#sos_verfahren1,
#sos_verfahren2,
#sos_verfahren3,
#sos_verfahren4,
#sos_verfahren5 {

	transition: visibility 50ms;

}

/*ValueBox LoadingSpinner */
/* The Modal (background) */
.modal {
 display: none; /* Hidden by default */
 position: fixed; /* Stay in place */
 z-index: 1; /* Sit on top */
 left: 0;
 top: 0;
 width: 100%; /* Full width */
 height: 100%; /* Full height */
 overflow: auto; /* Enable scroll if needed */
 background-color: rgb(0,0,0); /* Fallback color */
 background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
 position: relative;
 top: 15%;   /* vertikaler Abstand vom Fenster oben */
 background-color: #fefefe;
 margin: 0 auto; /* nur horizontal zentrieren */
 padding: 20px;
 border-width: 2px;
 border-style: solid;
 border-color: #FFA475 #91DBF0 #F1EB9C #EBFB59;
 border-radius: 5px;
 width: 30%; /* 80% Could be more or less, depending on screen size */

}
.modal-content > h3{hyphens: auto;}
/* The Close Button */
.close {
 color: #aaa;
 float: right;
 font-size: 28px;
 font-weight: bold;
}
.modal-content > span.close {
  position: absolute;
  color: #4D4F53 !important;
  font-size: 30px;
	font-weight: 700;
  cursor: pointer;
  z-index: 1001;
  top: 0 !important;
  right: 7px !important;
}

.close:hover,
.close:focus {
 color: black;
 text-decoration: none;
 cursor: pointer;
}

/* loader loading bar in modal main page */
.loader {
	margin: 0 auto;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: block;
  box-sizing: border-box;
  animation: animloader 1s linear infinite;
}

@keyframes animloader {
  /*0% {
    box-shadow: -72px 0 #000 inset;
  }
  100% {
    box-shadow: 48px 0 #000 inset;
  }*/
	0% {
    box-shadow: -72px 0 #FFA475 inset;
  }
  30% {
    box-shadow: -36px 0 #91DBF0 inset;
  }
  60% {
    box-shadow: 0px 0 #F1EB9C inset;
  }
  100% {
    box-shadow: 48px 0 #EBFB59 inset;
  }
}
/*END ValueBox LoadingSpinner */

/*Noticebox wie Modal*/
.notice {
 display: none; /* Hidden by default */
 position: fixed; /* Stay in place */
 z-index: 1; /* Sit on top */
 left: 0;
 top: 0;
 width: 100%; /* Full width */
 height: 100%; /* Full height */
 overflow: auto; /* Enable scroll if needed */
 background-color: rgb(0,0,0); /* Fallback color */
 background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.notice-content {
 background-color: #fefefe;
 margin: 15% auto; /* 15% from the top and centered */
 padding: 20px;
 border-width: 2px;
 border-style: solid;
 border-color: #91DBF0;
 border-radius: 5px;
 width: 20%; /* 80% Could be more or less, depending on screen size */
}

/* The Close Button
.close {
 color: #aaa;
 float: right;
 font-size: 28px;
 font-weight: bold;
} */
.notice-content>span.close {
  position: relative;
  color: #8A8C90 !important;
  font-size: 30px;
  cursor: pointer;
  z-index: 1001;
  top: -20px;
  left: 7px;
}
/*END Noticebox wie Modal*/

/* Message div empty or hidden */
.messageBlock {margin-top: 20px; width: 100%;}

.contentbox{width:29%; height:150px; padding:15px; box-sizing:border-box; float:left;}
.contentboxMid{width:29%; height:150px; padding:15px 0; box-sizing:border-box;}
@media screen and (max-width:700px) {
	.contentbox{width:100%;}
}

/* Hide and Show Elements */
#datum, #datum1, #ortsAngabe, #zahlenSchloss {display: none;}
/* END Hide and Show Elements */

/*Help page help.php Extras*/
.helppage p{margin-bottom:25px;}
.leftorientation{text-align: left; padding: 10px 0 !important;}
.narrowCol{width:35px !important; max-width:35px !important;}
.wideCol{padding:10px 7px 10px 0 !important;}
/*END Help page help.php Extras*/

/*Special Form  inputs behaviour*/
input.newTextBlock:invalid{border:1px solid #FF6D22 ; background: #FFE2D3;}
/*input password visible non-visible*/
.input-container {
  position: relative;
  display: inline-block;
  width: fit-content;
}

.input-container input {
  padding-right: 35px; /* Platz für das Icon */
}

.showPassword {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%); /* Zentriert das Icon */
  color: #91DBF0;
  cursor: pointer;
  z-index: 10;
}
/*END input password visible non-visible*/
/*Special END Form  inputs behaviour*/

/* Global Responsive Peferences */
/* Responsive ab 1280 standard .inner width 1024 -> 100%*/
@media screen and (max-width:1280px) {
	.inner {

		box-sizing: border-box;
		width: 100%;
		padding: 0 25px;

		}
}

/* Responsive ab 800px standard .inner width */
@media screen and (max-width:890px) {

body {background-color:#e6f9ff;}

header {

		height: 120px;

}

header p {

		width: 100%;

		}

	footer p {

		width: 100%;

		}

	 .iconsright {

			width: 100%;

	}

	.inner {

		box-sizing: border-box;
		width: 100%;
		padding: 0 25px;

		}

		.pdfImage{padding: 0 !important;}

}
/* END Responsive ab 800px standard .inner width */
/* Responsive ab 768px */

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

body {background-color:#e0f2f2;}

	header {

		height: 150px;

	}

	header p {

		width: 100%;
		font-size: 1.5em;

		}

	footer p {

		width: 100%;

		}

	.iconsright {

			width: 100%

	}

	.inner {

		box-sizing: border-box;
		width: 100%;
		padding: 0 25px;

		}
	.responsiveDiv {width: 100% !important;}
	.trennerResponsive15px {display: block; height:15px; width:100%}
	.trennerResponsive25px {display: block; height:25px; width:100%}
	/*elements like buttons hide over 400px*/
		.hideResponsive{
			display: none;
		}
		/*elements like buttons show over 400px*/
		.showResponsive{
			display: inline-block;
		}

}
/* END Responsive ab 768px */
/* Responsive ab 400 px */

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

	body {

		background-color:#cdd5db;

		}

	header {

		height: 180px;

	}

	header p {

		font-size: 1.5em;

	}

	.inner {

		box-sizing: border-box;
		width: 100%;
		padding:0;

		}
	.userCredits span {display: none;}

	.pdfImage{padding: 0 !important;}

}
/* END Responsive ab 400 px */