/*
 * UTIL
 */

:root {
	--pf-v5-global--primary-color--100: #eb1800;
	--pf-v5-global--primary-color--200: #eb1800;
	--pf-v5-global--primary-color--dark-100: var(--pf-v5-global--primary-color--100);
	--pf-v5-global--primary-color--light-100: var(--pf-v5-global--primary-color--100);
}

.bg_grau {
	background: #eceff1;
}
.bg_weiss {
	background: white;
}
.bg_rothell {
	background: #ffb7a6;
}

h1 {
	font-family: RivieraNights-Medium;
	font-weight: 400;
	font-style: normal;
	font-size: 1.5rem;
	margin-bottom: 5px;
}

a {
	transition: color .3s;
	color: #e30613;
	text-decoration: none;
	background-color: transparent;
}
a.linkBlack {
  color: #30383b;
  text-decoration: underline;
}

p {
  margin-bottom: 0.7rem;
}

/*
 * NAV BAR
 */

header#kc-header {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 96px;
	background: white;
	padding: 30px 64px 30px 64px;
}

img#sba-logo {
	height: 30px;
}

/* language selector */
div.pf-v5-c-login__main-header-utilities {
	position: fixed;
	top: 36px;
	right: 152px;
}

.sso {
  min-height: 50px;
  min-width: 50px;
  position: absolute;
  right: 75px;
  top: 30px;
  color: #eceff1;
}


/*
 * BODY
 */

body#keycloak-bg {
	background: #eceff1;
	font-family: RivieraNights-Regular,sans-serif;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.8;
	color: #30383b;
}

div.pf-v5-c-login {
	padding: 0;
	display: block;
	position: relative;
}

div.pf-v5-c-login__container {
	padding-top: 161px;
	padding-bottom: 60px;
	min-height: 70px;
	width: 100%;
	display: flex;
	gap: 30px;
}
main.pf-v5-c-login__main {
	padding: 15px 35px;
	height: 425px;
	width: 535px;
	box-shadow: none;
}
div.pf-v5-c-login__main-header {
	height: 0;
	width: 0;
	padding: 0;
	border: none;
	margin: 0;
}

h1#kc-page-title {
	display: none;
}

div.pf-v5-c-login__main-body {
	background: none;
	padding: 0;
}

div.sba-login-wrapper {
	padding-top: 15px;
	padding-left: 35px;
	height: 425px;
	width: 535px;
	margin-right: 30px;
}

#kc-form-wrapper {
	margin-top: 50px;
}

#passvergessen {
  width: 430px;
  text-align: right;
  color: #30383b;
  margin-bottom: -20px;
}

#passvergessen a {
  color: #30383b;
  font-size: 0.9rem;
  margin-left: 170px;
}

button#kc-login {
	text-align: center;
	color: #ffffff;
	background-color: #eb1800;
	border: 0;
	font-family: RivieraNights-Regular,sans-serif;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.8;
	min-width: 6em;
	padding: 10px 32px;
	position: relative;
	margin: 0px;
	width: 160px;
	height: 47px;
	transition: none;
	text-transform: none;
	top: 23px;
	border-radius: 0;
}

div.registerTxt {
	padding-top: 15px;
	padding-left: 35px;
	padding-right: 25px;
	height: 425px;
	width: 355px;
}

.buttonRot {
	text-align: center;
	color: #ffffff;
	background-color: #eb1800;
	border: 0;
	font-family: RivieraNights-Regular,sans-serif;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.8;
	min-width: 6em;
	padding: 10px 32px;
	height: 50px;
	position: relative;
	top: 115px;
}

.text_wrapper {
	padding-top: 80px;
	padding-bottom: 80px;
	min-height: 70px;
}

.container {
	display: flex;
	gap: 30px;
	max-width: 955px;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

div#txtAnmerkung {
	width: 535px;
	padding-right: 30px;
}

div#txtKontakt {
  padding: 15px 45px 30px 35px;
  width: 355px;
}

/*
 * FOOTER
 */

.footer__first-row {
	background-color: #eceff1;
	padding: 60px 0 34px;
	min-height: 13em;
}

.footer__first-row .footer_content {
	width: 30%;
}

footer h3 {
	margin-top: 0;
	margin-bottom: 0.8rem;
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: 0;
	font-family: RivieraNights-Regular,sans-serif;
}

footer .btnAbo:hover {
	background: transparent;
	box-shadow: -8px 6px 38px 0px rgba(0,0,0,0.39);
}
footer .btnAbo {
	display: inline-block;
	background: transparent;
	border: 2px solid #e30613;
	padding: 20px 25px 20px 25px;
	line-height: 0.5;
	color: #e30613;
}

footer .btn--linked-text a {
  color: #30383b;
  padding: 0;
  font-size: 17px;
  margin-bottom: 0;
  text-decoration: none;
  transition: .3s ease-in-out;
}

footer .btn--linked-text::after {
  content: '';
  background-color: transparent;
  background-position: 50%;
  background-repeat: no-repeat;
  display: inline-block;
  transition: .3s ease-in-out;
  background-image: url("../img/pfeil-r.png");
  width: 20px;
  height: 10px;
  position: relative;
  margin-left: 8px;
  margin-top: 10px;
}

footer .btn--linked-text:hover::after {
  margin-left: 18px;
}

.socialbookmarks-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  min-height: 3.6em;
}

ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
.socialbookmarks-nav li {
  display: block;
  float: left;
  margin-bottom: 1em;
}
.socialbookmarks__link--element {
  list-style: none;
}
.socialbookmarks-nav li [role="button"], .socialbookmarks-nav li a {
  background-color: #fff;
  color: #fff;
  display: block;
  height: 48px;
  margin-right: 32px;
  text-decoration: none;
  width: 48px;
}
.socialbookmarks__link svg {
  color: #30383b;
  -webkit-transition: .25s ease-out;
  transition: .25s ease-out;
}
.socialbookmarks__link svg:hover {
  color: #e30613;
}

.footer__second-row {
  background-color: #30383b;
  color: #fff;
  font-size: .938rem;
  line-height: 24px;
  padding: 20px 0 18px;
  height: 70px;
}

.copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-left: 20px;
  padding-top: 6.5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.col2-3 {
  width: 57%;
  float: left;
}

.footer__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.footer__navigation {
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.footerNav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footerNav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footerNav li {
  display: inline-block;
  padding: 6.5px 13px;
  position: relative;
}
.footerNav li a {
  color: #fff;
  text-decoration: none;
}

.footerNav .nav__item--footer::after {
  content: '';
  border-left: 1px solid #fff;
  width: 1px;
  height: 13px;
  position: absolute;
  right: 0;
  top: 13px;
}