@charset "UTF-8";

/* root */
.bg-rb-blue{
	background-color: rgb(7, 101, 205);
}

.w-40 {
	width: 40%!important;
}

.rb_card_left {
	width: 30%;
	float: left;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 5px;
}

.rb_card_right {
	width: 30%;
	float: right;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 5px;
}

/*===================================================
// Hauptobjekte 
====================================================*/
body {
	min-height: 100%;
	font-family: Helvetica;	
}

main {
	margin-bottom: 30px;
	margin-top: 20px;
}

main.head-distance{
	margin-top: 144px;
}

h6 {
	font-weight: bold;
	font-style: italic;
}


/* -----	Formatierung Kopfbilder		----- */

.rb_head_container {
	width: 100%;
	margin-top: 108px;
}


.rb_head_title_div {
	position: absolute;
	top: 20%;
	left: 30%;
	width: 50%;
}

.rb_head_title_div2 {
	position: absolute;
	top: 20%;
	left: 30%;
	width: 50%;
}

h1.rb_head_title {
		color: #FFFFFF;
		-webkit-text-stroke-width: 1px;
	  	-webkit-text-stroke-color: #6C757D;
		font-size: 24px;
		line-height: 1.5;
		font-weight: bold;
		text-align: center;
	}

.rb_head_arrow_div {
	position: absolute;
		bottom: 30%;
		left: 0%;
		width: 100%;
		display: none;
}

.rb_head_arrow_circle {
	align: center;
		width: 100px;
		height: 100px;
		border-radius: 50px;
		background-color: #6C757D;
		opacity: 80%;
		margin-left: auto;
		margin-right: auto;
		display: none;
}

h1.rb_head_arrow {
	text-align: center;
		font-size: 84px;
		color: #FFFFFF;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		display: none;
}


/*	Anpassungen mittlere Screens		*/
@media only screen and (min-width: 700px) and (orientation: landscape){
	.rb_head_title_div {
		top: 30%;
	}
	
	h1.rb_head_title {
		-webkit-text-stroke-width: 2px;
		font-size: 48px;
	}
}

@media only screen and (min-width: 700px) and (orientation: portrait){
	
	.rb_head_container {
		margin-top: 60px;
	}
	
	.rb_head_title_div {
		top: 15%;
	}
	
	.rb_head_title_div2 {
		top: 18%;
	}
	
	h1.rb_head_title {
		-webkit-text-stroke-width: 2px;
		font-size: 36px;
	}
}


/*	Anpassungen Desktop	klein	*/
@media only screen and (min-width: 1260px) {
	
	.rb_head_title_div {
		top: 30%;
	}
	
	.rb_head_title_div2 {
		top: 40%;
	}
	
	h1.rb_head_title {
		-webkit-text-stroke-width: 3px;
		font-size: 52px;
	}
	
	.rb_head_arrow_div {
		display: block;
	}
	
	.rb_head_arrow_circle {
		display: block;
	}
	
	h1.rb_head_arrow {
		display: block;
	}
	
	
}


/*	Anpassungen Desktop	groß	*/
@media only screen and (min-width: 1760px) {
	
	.rb_head_title_div {
		top: 30%;
	}
	
	.rb_head_title_div2 {
		top: 40%;
	}
	
	h1.rb_head_title {
		-webkit-text-stroke-width: 3px;
		font-size: 72px;
	}
	
	.rb_head_arrow_div {
		display: block;
	}
	
	.rb_head_arrow_circle {
		display: block;
	}
	
	h1.rb_head_arrow {
		display: block;
	}
	
	
}

img.logo {
	width: 100%;
	height: 100%;
	border-style: solid;
	padding: 5px;
}

img.header{
	margin-top: 108px;
	opacity: 60%;
}

@media (max-width: 1200px) {
	img.rb_logo_header{
		height: 25%;
	}
}

img.rb_logo_header{
		margin-top: 0px;
		opacity: 100%;
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

img.rb_listitem{
	margin-right: 10px;
}

img.rb_pics_map {
	height: 450px;
	filter: brightness(30%);
}

figcaption.rb_fig_maps {
	position: absolute;
	top: 40%;
	left: 0%;
	width: 100%;
	font-family: Helvetica;	
	font-size: 20pt;
	color: white;
	padding-bottom: 0px;
	margin-bottom: 8px;
	text-align: center;
}

button.rb_map_accept {
	position: inline;
	width: 200px;
	border-radius: 10px;
	border-color: #166ECF;
	background-color: white;
	color: #4A9DF8;
	font-size: 20pt;
	font-family: Helvetica;
	padding-top: 2px;
	padding-bottom: 2px;
}

.rb_fig_left_30 {
	float: left;
	width: 30%;
}

.rb_fig_left_40 {
	float: left;
	width: 40%;
}

.rb_fig_left_50 {
	float: left;
	width: 50%;
}

.rb_fig_left_60 {
	float: left;
	width: 60%;
}

img.rb_pic_left{
	float: left;
	padding-right: 15px;
	opacity: 100%;
}


.rb_fig_right {
	float: right;
}

.rb_fig_right_60 {
	float: right;
	width: 60%;
}


img.rb_pic_right{
	float: right;
	padding-left: 15px;
	opacity: 100%;
}

.rb_fig_caption {
	font-style: italic;
	font-size: 14px;
}

span.text-muted {
	margin-right: 50px;
}

a.rb_link:link {
	text-decoration: dotted;
	text-decoration-thickness: 1px;
	text-decoration-style: dotted;
	text-decoration-line: underline;
	color: #212529;
}

a.rb_link:visited {
	text-decoration: dotted;
	text-decoration-thickness: 1px;
	text-decoration-style: dotted;
	text-decoration-line: underline;
	color: #212529;
}

a.rb_link:hover {
	color: #4A9DF8;
}

a.rb_link_blue:link {
	text-decoration: dotted;
	text-decoration-thickness: 1px;
	text-decoration-style: dotted;
	text-decoration-line: underline;
	color: #212529;
}

a.rb_link_blue:visited {
	text-decoration: dotted;
	text-decoration-thickness: 1px;
	text-decoration-style: dotted;
	text-decoration-line: underline;
	color: #212529;
}

a.rb_link_blue:hover {
	color: white;
}

a.rb_link_white:link {
	text-decoration: dotted;
	text-decoration-thickness: 1px;
	text-decoration-style: dotted;
	text-decoration-line: underline;
	color: white;
}

a.rb_link_white:visited {
	text-decoration: dotted;
	text-decoration-thickness: 1px;
	text-decoration-style: dotted;
	text-decoration-line: underline;
	color: white;
}

a.rb_link_white:hover {
	color: white;
}

a.nav-link{
	font-size: 20px;
}

a.dropdown-item{
	font-size: 18px;
}

h1 {
	padding-bottom: 20px;
}

h6.rb_card_h6 {
	padding-bottom: 0px;
	margin-bottom: 5px;
}

h6.rb_card_h6_header {
	padding-bottom: 0px;
	margin-bottom: 5px;
	font-style: normal;
}

.rb_nb {
	border-style: none;
}

.tb_text_left {
	text-align: left;
}

.tb_text_center {
	text-align: center;
}

.tb_text_right {
	text-align: right;
}


/* Tabellen */

table.rb_opening {
	width: 100%;
}

@media only screen and (min-width: 1200px) {
	table.rb_opening {
	width: 40%;
	}
}





/* Listen */
li.rb_class {
	margin-bottom: 5px;
	margin-top: 5px;
}

/* Navigation & Footer */
.navbar-brand {
	max-width: 100px;
}

li.nav-item {
	padding-left: 15px;
	padding-right: 15px;
}

.link-light {
	text-decoration: none;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
	font-size: 18px;
}

.rb-footer {
	min-width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}


.rb_footer_col_left {
	flex: 0 0 auto;
	width: 51.66666667%;
}

.rb_footer_col_center {
	flex: 0 0 auto;
	width: 31.66666667%;
}

.rb_footer_col_right {
	flex: 0 0 auto;
	width: 16.66666667%;
}

h1.rb-ft-log {
	color: white;
	font-size: 17px;
	font-weight: bold;
	padding: 0px;
	margin: auto;
	text-align: center;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}


/*	Anpassung für große Bildschirme		*/
@media only screen and (min-width: 1260px)
{
	.rb_footer_col_left {
		width: 66.66666667%;
	}
	
	.rb_footer_col_center {
		width: 16.66666667%;
	}
	
	.rb_footer_col_right {
		width: 16.66666667%;
	}
	
	h1.rb-ft-log {
		font-size: 24px;
	}
}



.rb-ft-left {
	min-width: 20%;
}

.rb-ft-line {
	min-height: 36px;
}

.rb-ft-spaceline {
	min-height: 7px;
}

.rb-ft-logo {
	border-left: solid 15px;
	border-right: solid 15px;
	border-color: white;
}


/* Startseite */
div.rb_maxh {
	min-height: 100%;
}


/* Formulare */
@media (min-width: 1200px) {
	div.rb_row{
		margin-top: 15px;
	}
}

.rb_forms_mandatory {
	font-weight: bold;
}

h5.rb_form {
	margin-top: 25px;
}

/* Maps */
iframe.nav_map {
	margin-bottom: 30px;
}


/* Consent-Popup */
#rb_consentPopup{
	border: thin;
	border-radius: 25px;
	background-color: #4A9DF8;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	position: fixed;
	bottom: 30px;
	left: 40px;
	min-width: 300px;
	max-width: 600px;
}

h1.rb_popup_h1 {
	font-family: Helvetica;	
	font-size: 14pt;
	font-weight: bold;
	color: white;
	padding-bottom: 0px;
	margin-bottom: 10px;
	overflow: hidden;
}

p.rb_popup_text {
	font-family: Helvetica;	
	font-size: 10pt;
	color: white;
	padding-bottom: 0px;
	margin-bottom: 8px;
}

p.rb_last_text {
	margin-bottom: 0px;
}

button.rb_popup_accept {
	position: absolute;
	right: 20px;
	bottom: 45px;
	width: 100px;
	border-radius: 10px;
	border-color: #166ECF;
	background-color: white;
	color: #4A9DF8;
	font-size: 10pt;
	font-family: Helvetica;
	padding-top: 3px;
	padding-bottom: 3px;
}

button.rb_popup_abort {
	position: absolute;
	right: 20px;
	bottom: 10px;
	width: 100px;
	border-radius: 10px;
	border-color: #166ECF;
	background-color: white;
	color: #4A9DF8;
	font-size: 10pt;
	font-family: Helvetica;
	padding-top: 3px;
	padding-bottom: 3px;
}

div.rb_einblenden {
	animation-name: rb_einblenden;
	animation-duration: 2s;
	animation-timing-function: linear;
	opacity: 90%;
}

div.rb_ausblenden {
	animation-name: rb_ausblenden;
	animation-duration: 2s;
	animation-timing-function: linear;
	opacity: 0%;
	visibility: hidden;
}

@keyframes rb_einblenden {
	from	{	opacity: 0%		}
	to		{	opacity: 90%	}
}

@keyframes rb_ausblenden {
	from	{	opacity: 90%		}
	to		{	opacity: 0%	}
}

/* Animationen */
.rb_op0 {
	opacity: 0%;
}

.rb_op10 {
	opacity: 0%;
}

.rb_op20 {
	opacity: 0%;
}

.rb_op30 {
	opacity: 0%;
}

.rb_op40 {
	opacity: 40%;
}

.rb_op50 {
	opacity: 50%;
}

.rb_op60 {
	opacity: 60%;
}

.rb_op70 {
	opacity: 70%;
}

.rb_op80 {
	opacity: 80%;
}

.rb_op90 {
	opacity: 90%;
}

.rb_op100 {
	opacity: 100%;
}