/* KOPAC VOEBB Differenz CSSDIF - 20250403 KK
*  kopac_diff kundenspezifisches Styling des OPACs
*  INFO: Die Variablen fuer die Farben werden im Textbaustein RTEDIF gesetzt!
*/

html[data-font-size="small"] {
	font-size: 80%;
}

html[data-font-size="medium"] {
	font-size: 100%;
}

html[data-font-size="large"] {
	font-size: 140%;
}

.desktop-view #mnav a,
.desktop-view #mnav input {
	text-transform: uppercase;
}

#mnav a,
#mnav input {
	font-weight: 400 !important;
}

#lnav li.nav-gebaerdensprache a,
#lnav li.nav-leichte-sprache a {
	background-size: 2.1em 2.1em;
	padding-left: 2.5em;
}

#mhead {
	background-image: url("/aDISWeb_vob/imgvob/header.jpg");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

#mhead-inside {
	background-image: none;
	overflow: visible;
	padding: 1.875rem 0.9375rem 1.5625rem 0;
	position: relative;
}

@media (max-width: 575px) {
	#mhead-inside {
		padding: 0.5rem;
	}
}

#mhead-inside:before {
	background-image: url("/aDISWeb_vob/images/icons/Header.svg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto;
	content: " ";
	display: block;
	height: calc(100% + 120px);

	width: calc(100% + 120px);
	position: absolute;
	top: -120px;
	left: -120px;
}

@media (min-width: 576px) {
	#mhead-inside:before {
		height: 100%;
		height: calc(100% + 55px);
		top: -50px;
	}
}

@media (min-width: 768px) {
	#mhead-inside:before {
		background-position: left center;
		background-size: cover;
		top: 0;
		left: -123px;
		width: 100%;
		width: calc(100% + 123px);
	}
}

#logo {
	float: none;
	margin: 0 0 0 1.66666rem;
}

#logo a {
	box-shadow: inset 0px 0px 0px 2px transparent;
	display: block;
}

#logo a:hover,
#logo a:focus {
	box-shadow: inset 0px 0px 0px 2px var(--hell);
}

#logo img {
	max-height: 150px;
	min-height: 100%;
}

#logo img.img-standard {
	min-height: 150px;
	min-width: 146px;
}

/* Fontsizer */
@media (max-width: 767px) {
	#fontsizer {
		position: absolute;
		bottom: 0.5rem;
		right: 0.5rem;
	}
}

@media (min-width: 768px) {
	#fontsizer {
		position: absolute;
		bottom: 0.3125rem;
		right: 0.9375rem;
	}
}

#fontsizer a {
	background-position: center center;
	background-size: 2.75rem 2.75rem;
	margin: 2px;
}

/* Anpassungen Hauptnavigation */

/* Schriftgroesse aendern */
.sm-style {
	font-size: 1.125rem;
}

/* Unterstreichungsmethode im Pseudoelement ::after erstellen, Bild Im Submenue Ecke platzieren nur Desktop */
@media (min-width: 992px) {

	.sm-style a:hover::after,
	.sm-style a:focus::after,
	.sm-style a:active::after,
	.sm-style a.highlighted::after,
	.sm-style a.current::after,
	.sm-style button[type="button"]:hover::after,
	.sm-style button[type="button"]:focus::after,
	.sm-style button[type="button"]:active::after,
	.sm-style button[type="button"].highlighted::after,
	.sm-style button[type="button"].current::after {
		content: " ";
		width: calc(100% - 4.3em);
		height: 4px;
		background-color: var(--voebb_navigation_sonderleiste);
		position: absolute;
		bottom: 0.2em;
		left: 1.5em;
		padding-top: 0;
		padding-bottom: 0;
	}

	.sm-style a:hover::after,
	.sm-style a:focus::after,
	.sm-style a:active::after,
	.sm-style a.highlighted::after,
	.sm-style a.current::after,
	.sm-style button[type="button"]:hover::after,
	.sm-style button[type="button"]:focus::after,
	.sm-style button[type="button"]:active::after,
	.sm-style button[type="button"].highlighted::after,
	.sm-style button[type="button"].current::after {
		width: calc(100% - 2.3em);
	}

	.sm-style ul,
	.sm-style ul ul {
		border: 1px solid rgb(204, 204, 204);
		background-color: var(--hell);
		background-image: url("/aDISWeb_vob/images/hnav-ecke.svg");
		background-repeat: no-repeat;
		background-position: bottom right;
		color: rgb(49, 49, 49);
		padding-bottom: 30px;
	}

	.sm-style ul a:hover::after,
	.sm-style ul a:focus::after,
	.sm-style ul a:active::after,
	.sm-style ul button[type="button"]:hover::after,
	.sm-style ul button[type="button"]:focus::after,
	.sm-style ul button[type="button"]:active::after {
		background-color: var(--voebb_azur);
		bottom: 0.2em;
	}

	/* Icon fuer Submenue-Anzeige anders platzieren */
	.sm-style a,
	.sm-style button[type="button"],
	.sm-style a:hover,
	.sm-style a:focus,
	.sm-style a:active,
	.sm-style ul a.highlighted,
	.sm-style button[type="button"]:hover,
	.sm-style button[type="button"]:focus,
	.sm-style button[type="button"]:active,
	.sm-style ul button[type="button"].highlighted {
		padding-left: 1.5em;
	}
}

/*Navigation responsiv*/
@media screen and (max-width: 575px) {

	.sm-style ul,
	.sm-style ul ul {
		background-color: var(--voebb_ozean);
		padding-bottom: 0;
	}

	.sm-style ul li {
		padding-left: 1em;
	}
}

@media (min-width: 768px) {

	/* blaue kasten fehler
    .sm-style a span.sub-arrow,
    .sm-style a:hover span.sub-arrow,
    .sm-style a:focus span.sub-arrow,
    .sm-style a:active span.sub-arrow {
        border-color: transparent;
        border-width: 0;
        background-size: 0.45em;
        filter: invert(20%) sepia(65%) saturate(4276%) hue-rotate(170deg)
            brightness(89%) contrast(106%);
        width: 1em;
        height: 1em;
        top: 0.8em;
        right: auto;
        bottom: auto;
        left: 0.8em;
        margin-left: 0;
    }
*/
	.sm-style span.scroll-up-arrow {
		border-color: transparent transparent var(--voebb_azur) transparent;
	}

	.sm-style span.scroll-down-arrow {
		border-color: var(--voebb_azur) transparent transparent transparent;
	}
}

/* Pfeil runter in der Hauptnav. links der Texte und farbe aendern */
@media (min-width: 992px) {

	.sm-style a span.sub-arrow,
	.sm-style a:hover span.sub-arrow,
	.sm-style a:focus span.sub-arrow,
	.sm-style a:active span.sub-arrow {
		background-size: 0.45em;
		filter: invert(20%) sepia(65%) saturate(4276%) hue-rotate(170deg) brightness(89%) contrast(106%);
		width: 1em;
		height: 1em;
		top: 0.8em;
		right: auto;
		bottom: auto;
		left: 0.8em;
		margin-left: 0;
	}
}

@media (min-width: 992px) {

	.desktop-view .nav-wrapper-fixed .sm-style a span.sub-arrow,
	.desktop-view .nav-wrapper-fixed .sm-style a:hover span.sub-arrow,
	.desktop-view .nav-wrapper-fixed .sm-style a:focus span.sub-arrow,
	.desktop-view .nav-wrapper-fixed .sm-style a:active span.sub-arrow {
		background-size: 0.45em;
	}
}

/* Suchleiste */
#search {
	background-image: url("/aDISWeb_vob/images/icons/Search-BG.svg");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Hauptbereich Schriftgroesse */
#container {
	font-size: 1.125em;
	line-height: 1.5;
}

/* Druckversion 
#druckversion {
    z-index: 1;
    position: absolute;
    right: 15px;
    top: -1.5rem;
}

@media (min-width: 768px) {
    #druckversion {
        top: 0;
    }
}*/

@media (max-width: 575px) {
	#druckversion {
		position: relative;
		top: auto;
		right: auto;
	}
}

#druckversion input,
#druckversion a,
#druckversion a:link,
#druckversion a:visited {
	background-position: right 0.55em;
	background-size: 1.5em 1.5em;
	font-weight: 700;
	padding: 0 2em 0.25rem 0 !important;
}

#druckversion a.drucken,
#druckversion a.drucken:link,
#druckversion a.drucken:visited,
#druckversion a.drucken:hover,
#druckversion a.drucken:focus {
	padding: 0 0.25em 0 2em !important;
}

#druckversion a::after {
	content: " ";
	width: calc(100% - 2em);
	height: 0.25rem;
	background-color: var(--voebb_azur);
	position: absolute;
	bottom: 0.5rem;
	left: 0;
}

.adis-slider::before {
	content: " ";
	display: block !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 0px;
	height: 0px;
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	border-style: solid;
	border-width: 2.77777rem 6.25rem 0 0;
	border-color: var(--hell) transparent transparent transparent;
	z-index: 999;
}

.adis-slider::after {
	content: " ";
	display: block !important;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0px;
	height: 0px;
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	border-style: solid;
	border-width: 0 0 2.77777rem 6.25rem;
	border-color: transparent transparent var(--hell) transparent;
	z-index: 999;
}

/* Fusszeile*/
#footer {
	background-image: url("/aDISWeb_vob/images/icons/Ecke-Footer.svg");
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: 12em;
	font-size: 1.25rem;
}

#footer ul {
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
}

#footer li {
	display: block;
	float: none;
	margin: 0;
}

#footer li a {
	padding: 0 !important;
	text-transform: uppercase;
}

#footer li#snav-instagram a {
	padding-left: 1.5em !important;
	background-image: url("/aDISWeb_kopac86/img/icons/instagram-light.svg");
	background-repeat: no-repeat;
	background-position: 0.1em  center;
	background-size: 1em;
}

#footer li#snav-facebook a {
	padding-left: 1.5em !important;
	background-image: url("/aDISWeb_kopac86/img/icons/facebook-light.svg");
	background-repeat: no-repeat;
	background-position: 0.1em  center;
	background-size: 1em;
}

#footer li#snav-mastodon a {
	padding-left: 1.5em !important;
	background-image: url("/medien/mastodon-logo-white.svg");
	background-repeat: no-repeat;
	background-position: 0.1em center;
	background-size: 1em;
}
#credits {
	font-size: 0.875rem;
	line-height: 1.0625rem;
	text-align: left;
}

#credits a {
	padding: 0 !important;
}

#goingup a {
	background-image: var(--symbol_seitenanfang);
	background-repeat: no-repeat;
	background-position: right 0.5em;
	background-size: 0.7em;
	display: inline-block;
	padding: 0 1em 0.5em 0 !important;
	text-transform: uppercase;
}

#goingup a::after {
	content: " ";
	width: 100%;
	height: 6px;
	background-color: var(--hell);
	position: absolute;
	left: 0;
	bottom: -0.1em !important;
}

/* Ende Fusszeile*/

/*weitere optionen*/
h3#accordion-R05-toggler:hover,
h3#accordion-R11-toggler:hover {
	cursor: pointer;
	border-width: var(--akkordeon_hilfe_link_aussenrahmen_breite) !important;
	box-shadow: inset 0px 0px 0px 0.125rem var(--drilldown_button_hover_innenrahmen) !important;
}

.mobile-view .sticky-wrapper-fixed #lnav li.nav-gebaerdensprache a {
	background-image: var(--symbol_gebaerdensprache_navigation_meta_desktop);
}

.mobile-view .sticky-wrapper-fixed #lnav li.nav-gebaerdensprache a:hover,
.mobile-view .sticky-wrapper-fixed #lnav li.nav-gebaerdensprache a:focus,
.mobile-view .sticky-wrapper-fixed #lnav li.nav-gebaerdensprache a:active {
	background-image: var(--symbol_gebaerdensprache_navigation_meta_desktop);
}

.sm-style ul a,
.sm-style ul a:hover {
	padding-left: 1.7rem !important;
}

/* @media screen and (max-width: 767px) {
	#druckversion {
		top: -2.5rem !important;
	}

	.arena-wissen {
		margin-bottom: 2.5rem !important;
	}
} */

/*trefferliste reiter*/
@media screen and (min-width: 1200px) {
	.tab_outer {
		margin-left: 1.875rem;
	}
}

.rList_titel {
width: 70% !important;
}

/*filter icon in rechte spalte*/
.accordion .accordion-icon,
.subAccordion .accordion-icon,
#options .filter-widget .icon-type,
#options .title-widget .icon-type {
	background-size: 0.8em;
	height: 2.6em;
}

/*vollanzeige-tabelle*/
.rTable_td_text {
	border: none !important;
}

/*logo desktop sticky */
.sticky-wrapper-fixed #logo img {
	margin-left: 1rem;
	max-width: 3.5em;
	max-height: 3.5em;
}

.sticky-wrapper-fixed #logo a:hover {
	background-color: transparent;
}

@media (min-width: 992px) {
	.sticky-wrapper-fixed #logo {
		margin: 3.5vh 0;
		margin-left: 1.7rem;
	}
}

/* Resp. nur fixed Logo */
@media screen and (max-width: 575px) {
	#logo {
		margin: 0;
	}

	img.img-standard {
		display: none;
	}

	img.img-fixed {
		display: inline-block;
		max-height: 5rem;
		margin-left: 0.3rem;
	}
}

/* TL Voebb  Markieren Merken etc fett */
.rList_grid_wrapper .rList_grid:last-child span,
.rList_grid_wrapper .rList_grid:last-child a {
	font-weight: 700;
}

/*Trefferliste responsiv Voebb ohne Signatur*/
@media only screen and (max-width: 575px) {
	.rList_sig {
		display: none;
	}
}

/* Cover in der Merkliste */
.rList_cover {
	min-height: 8.4rem;
}

/* START Filter-Icon in Trefferliste */
.toolbar_filter {
	max-width: 2em;
	margin-top: 0.1em;
	padding: 0.1em;
}

/* ENDE  Filter-Icon in Trefferliste */
/* START Digitale Angebote VOEBB */
[role="tablist"] {
	background-image: url("/aDISWeb_vob/images/icons/Search-BG.svg");
	background-position: 20% top;
	background-repeat: no-repeat;
}

.da-tab-interface li.sec-read,
.da-tab-interface li.sec-listen,
.da-tab-interface li.sec-know,
.da-tab-interface li.sec-view,
.da-tab-interface li.sec-learn,
.da-tab-interface li.sec-play,
.da-tab-interface li.sec-info {
	max-width: 33.333333%;
	margin-right: 0 !important;
}

/* sm */
@media (min-width: 576px) {

	.da-tab-interface li.sec-read,
	.da-tab-interface li.sec-listen,
	.da-tab-interface li.sec-know,
	.da-tab-interface li.sec-view,
	.da-tab-interface li.sec-learn,
	.da-tab-interface li.sec-play,
	.da-tab-interface li.sec-info {
		max-width: 14.28571428571429%;
		margin-right: 0 !important;
	}
}

/* Accessible Tabs */
.da-tab-interface [role="tablist"] {
	background-color: rgb(0, 111, 118);
	color: rgb(255, 255, 255);
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

.da-tab-interface [role="tablist"] li,
#OPACLI .da-tab-interface [role="tablist"] li {
	background-image: none;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	list-style: none;
}

.da-tab-interface a[role="tab"] {
	background: rgb(0, 110, 118);
	border: 0px none;
	color: rgb(0, 0, 0);
	padding: 0.5em 0;
	display: inline-block;
	margin-right: 0.25em;
}

.da-tab-interface a[aria-selected],
.da-tab-interface a[role="tab"]:hover,
.da-tab-interface a[role="tab"]:focus {
	background: rgb(247, 167, 18);
	border-color: transparent;
	color: #000;
	position: relative;
	top: 2px;
}

.da-tab-interface a[aria-selected] img,
.da-tab-interface a[role="tab"]:hover img,
.da-tab-interface a[role="tab"]:focus img {
	filter: invert(100%);
}

.da-tab-interface [role="tabpanel"] {
	margin-top: 0;
	padding: 1.5em 0;
	border-top: 10px solid rgb(247, 167, 18);
	border-bottom: 10px solid rgb(247, 167, 18);
	clear: both;
}

.da-tab-interface [role="tabpanel"][aria-hidden="true"] {
	display: none;
}

.da-tab-interface [role="tabpanel"] h3 {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: nowrap;
}

.da-tab-interface a[role="tab"] {
	background: transparent;
}

.da-tab-interface [role="tabpanel"] {
	border-image: url('/aDISWeb_vob/images/icons/Hintergrund5.svg') 0.8 400 1 1 round;
}

.da-tab-interface a[aria-selected],
.da-tab-interface a[role="tab"]:hover,
.da-tab-interface a[role="tab"]:focus {
	background: rgb(247, 167, 18);
	background-image: url('/aDISWeb_vob/images/icons/Hintergrund5.svg');
	background-size: 1177%;
}

@media (max-width: 575px) {
	.da-tab-interface [role="tablist"] {
		background-position: 90% top;
		background-size: 850%;
	}
}

/* ENDE Digitale Angebote VOEBB */
/* Hinweisklassen (konto) */
.zellef,
.zellgf,
.zellgq,
.hinweis,
.hinweisbox,
.zellgx,
.achtun {
	color: rgb(154 26 27) !important;
}

.zellef {
	font-weight: bold !important;
}

.zellgb {
	/* z.B.: Medium frisch verlaengert */
	color: rgb(0, 0, 0) !important;
	background-color: rgb(180, 180, 180) !important;
}

/* ENDE Hinweisklassen (konto) */
/* Spruch und Slogan */
#slogan-wrapper {
	position: relative;
	z-index: 2;
}

.sticky-wrapper-fixed #slogan-wrapper {
	display: none;
}

@media (max-width: 575px) {
	#slogan-wrapper {
		margin-top: 1.11111rem;
	}
}

@media (max-width: 575px) {
	#slogan-wrapper {
		left: 9em;
		position: absolute;
		top: 1rem;
	}

	#spruch {
		font-size: 1rem;
	}
}

#spruch {
	display: block;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 0.3125em;
	padding: 0.3125em;
}


@media (min-width: 576px) and (max-width: 1199px) {
	#slogan-wrapper {
		left: 10em;
		position: absolute;
		top: 1rem;
	}
}

@media (min-width: 1200px) {
	#slogan-wrapper {
		left: 15em;
		position: absolute;
		top: 3.3em;
	}
}


#slogan {
	background-color: var(--header_spruch_hintergrund);
	color: var(--header_spruch_text);
	font-size: 0.75rem;
	line-height: 1.25;
	display: inline-block;
	padding: 0.3125em;
}

@media (min-width: 768px) {
	#spruch {
		font-size: 1.3rem;
		line-height: 1.19047;
		padding: 0.3125em 0.9375em 0.34805em 0.9375em;
	}

	#slogan {
		font-size: 1rem;
		line-height: 1.388888;
		text-transform: uppercase;
		padding: 0 0.9375em;
	}
}

/* Smartphone: beides ausschalten */
@media (max-width: 575px) {
	#slogan-wrapper {
		display: none;
	}
}

/* neu */
#spruch {
	background-color: rgb(255, 166, 39);
	color: rgb(0, 0, 0);
	display: block;
	font-family: 'PT Sans', Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 0.3125rem;
	padding: 0.3125rem;
}

#slogan {
	background-color: rgb(255, 166, 39);
	color: rgb(0, 0, 0);
	font-size: 0.75rem;
	line-height: 1.25;
	display: inline-block;
	padding: 0.3125rem;
}

@media (min-width: 768px) {
	#spruch {
		font-size: 1.388888rem;
		line-height: 1.19047;
		padding: 0.3125rem 0.9375rem 0.34805rem 0.9375rem;
	}

	#slogan {
		font-size: 1rem;
		line-height: 1.388888;
		text-transform: uppercase;
		padding: 0 0.9375rem;
	}
}

/*Ende Spruch und Slogan */

/* Spezielles Styling fuer die Seite Hilfe*/
#help-page .accordion .accordion-toggler,
.anchornav .subAccordion .accordion-toggler {
	border-color: rgb(0, 113, 117) !important;
	background: rgb(0, 113, 117) !important;
	color: rgb(255, 255, 255) !important;
	text-decoration: none !important;
}

#help-page .accordion .accordion-icon,
.subAccordion .accordion-icon {
	background-image: url("/aDISWeb_kopac86/img/icons/options-light.svg");
}

#help-page .accordion .accordion-toggler:hover,
.accordion .accordion-toggler:focus,
.accordion .accordion-toggler:active,
.subAccordion .accordion-toggler:hover,
.subAccordion .accordion-toggler:focus,
.subAccordion .accordion-toggler:active,
#help-page .accordion .accordion-toggler[aria-expanded="true"] {
	background: rgb(0, 182, 181) !important;
	box-shadow: inset 0px 0px 0px 0.125rem rgb(0, 113, 117) !important;
	color: rgb(0, 0, 0) !important;
	border-color: rgb(0, 182, 181) !important;
}

#help-page .accordion:hover .accordion-icon,
.subAccordion:hover .accordion-icon,
#help-page .accordion:focus .accordion-icon,
.subAccordion:focus .accordion-icon,
#help-page .accordion:active .accordion-icon,
.subAccordion:active .accordion-icon {
	background-image: url("/aDISWeb_kopac86/img/icons/options.svg");
}

#help-page .accordion .accordion-toggler[aria-expanded="true"] .accordion-icon,
.subAccordion .accordion-toggler[aria-expanded="true"] .accordion-icon {
	background-image: url("/aDISWeb_kopac86/img/icons/options.svg");
}

/* ENDE Spezielles Styling fuer die Seite Hilfe*/
/* Bestellungsformular */
.bsg01 #main {
	width: 100%;
}

/* Footer recht unten orange*/
#footer>.inside {
	background-color: transparent;
}

/* kontakt standorte  LB 63156*/
fieldset {
	margin-top: 1.875rem;
}

fieldset.kontakt-filter {
	margin-top: 1.875rem;
	border: 1px solid rgb(0, 113, 117);
	margin-bottom: 0.9375rem;
}

.kontakt-filter legend {
	background-color: rgb(0, 113, 117);
	border: 1px solid rgb(0, 113, 117);
	border-bottom-color: rgb(0, 113, 117);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom: 6px solid rgb(250, 166, 39);
	color: #fff;
	letter-spacing: 0.1em;
	font-size: 1.125rem;
	line-height: 1.22222;
	text-transform: uppercase;
	margin: 0 -1px 0.9375rem -1px;
	padding: 0.9375rem;
	width: calc(100% + 2px);
	overflow-x: none;
}

.kontakt-filter .widget {
	padding: 0 0.9375rem;
}

.kontakt-filter input#BIBLSU_1 {
	width: 100%;
}

.kontakt-filter .submit-wrapper {
	padding: 0.9375rem;
}

/*konto kacheln
#konto-services ul a {
  text-transform: uppercase;
  font-weight: 600;
} */

/* START Digitale Angebote VOEBB */
[role="tablist"] {
	background-image: url("/aDISWeb_vob/images/icons/Search-BG.svg");
	background-position: 20% top;
	background-repeat: no-repeat;
}

.da-tab-interface li.sec-read,
.da-tab-interface li.sec-listen,
.da-tab-interface li.sec-know,
.da-tab-interface li.sec-view,
.da-tab-interface li.sec-learn,
.da-tab-interface li.sec-play,
.da-tab-interface li.sec-info {
	max-width: 33.333333%;
	margin-right: 0 !important;
}

/* sm */
@media (min-width: 576px) {

	.da-tab-interface li.sec-read,
	.da-tab-interface li.sec-listen,
	.da-tab-interface li.sec-know,
	.da-tab-interface li.sec-view,
	.da-tab-interface li.sec-learn,
	.da-tab-interface li.sec-play,
	.da-tab-interface li.sec-info {
		max-width: 14.28571428571429%;
		margin-right: 0 !important;
	}
}

/* Accessible Tabs */
.da-tab-interface [role="tablist"] {
	background-color: rgb(0, 111, 118);
	color: rgb(255, 255, 255);
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

.da-tab-interface [role="tablist"] li,
#OPACLI .da-tab-interface [role="tablist"] li {
	background-image: none;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	list-style: none;
}

.da-tab-interface a[role="tab"] {
	background: rgb(0, 110, 118);
	border: 0px none;
	color: rgb(0, 0, 0);
	padding: 0.5em 0;
	display: inline-block;
	margin-right: 0.25em;
}

.da-tab-interface a[aria-selected],
.da-tab-interface a[role="tab"]:hover,
.da-tab-interface a[role="tab"]:focus {
	background: rgb(247, 167, 18);
	border-color: transparent;
	color: #000;
	position: relative;
	top: 2px;
}

.da-tab-interface a[aria-selected] img,
.da-tab-interface a[role="tab"]:hover img,
.da-tab-interface a[role="tab"]:focus img {
	filter: invert(100%);
}

.da-tab-interface [role="tabpanel"] {
	margin-top: 0;
	padding: 1.5em 0;
	border-top: 10px solid rgb(247, 167, 18);
	border-bottom: 10px solid rgb(247, 167, 18);
	clear: both;
}

.da-tab-interface [role="tabpanel"][aria-hidden="true"] {
	display: none;
}

.da-tab-interface [role="tabpanel"] h3 {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: nowrap;
}

.da-tab-interface a[role="tab"] {
	background: transparent;
}

.da-tab-interface [role="tabpanel"] {
	border-image: url('/aDISWeb_vob/images/icons/Hintergrund5.svg') 0.8 400 1 1 round;
}

.da-tab-interface a[aria-selected],
.da-tab-interface a[role="tab"]:hover,
.da-tab-interface a[role="tab"]:focus {
	background: rgb(247, 167, 18);
	background-image: url('/aDISWeb_vob/images/icons/Hintergrund5.svg');
	background-size: 1177%;
}

@media (max-width: 575px) {
	.da-tab-interface [role="tablist"] {
		background-position: 90% top;
		background-size: 850%;
	}
}

.da-box {
	border-bottom: 1px solid #000;
	padding: 20px 10px;
}

.da-box:last-child {
	border-bottom: 0px none;
}

.da-box-inside {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.da-title,
.da-logo,
.da-text {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.da-title {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	font-weight: 700;
}

.da-logo {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

/* sm */
@media (min-width: 576px) {
	.da-logo {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
}

.da-logo a {
	display: block;
	box-shadow: inset 0px 0px 0px 2px rgba(0, 111, 118, 0);
}

.da-logo a:hover,
.da-logo a:focus,
.da-logo a:active {
	background-color: transparent;
	box-shadow: inset 0px 0px 0px 2px rgba(0, 111, 118, 0.8);
}

.da-text {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

/* sm */
@media (min-width: 576px) {
	.da-text {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
}

.da-text p:last-child {
	margin: 0;
}

.da-desc,
.da-meta {
	display: inline;
}

.da-target {
	display: block;
}

.da-target a {
	display: inline-block;
	margin-right: 1em;
	font-family: 'PT Sans', Verdana, Arial, Helvetica, sans-serif !important;
	font-weight: 700;
}

.da-target a::after {
	content: " »";
	display: inline-block;
	padding-left: 0.25em;
}

/* ENDE Digitale Angebote VOEBB */
/* Responsiv und sticky keine Icons Kontakt, Sprache etc */
.mobile-view .sticky-wrapper-fixed #lnav li * {
	display: none;
}

/* Karteireiter responsiv*/
@media screen and (max-width: 575px) {
	.tab_outer {
		font-size: 1.1rem;
		font-weight: 400;
		line-height: 1.1rem;
		border: none;
	}

	.tab_ul li {
		margin: 0 !important;
		border: none;
	}

	a.tab_ac:link,
	a.tab_ac:visited {
		background-color: var(--voebb_wasser) !important;
		color: black !important;
		padding: 0.5rem;
		box-shadow: none !important;
		border: 1px solid white !important;
	}

	a.tab_ac:hover,
	a.tab_ac:focus,
	a.tab_ac:active {
		background-color: var(--voebb_grau_hell) !important;
		color: black !important;
		border: 1px solid white !important;
		padding: 0.5rem;
	}

	a.tab_a:link,
	a.tab_a:visited {
		background-color: var(--voebb_grau_hell) !important;
		color: black !important;
		padding: 0.5rem;
		border: 1px solid white !important;
		box-shadow: none !important;
	}

	a.tab_a:hover,
	a.tab_a:focus,
	a.tab_a:active {
		background-color: var(--voebb_wasser) !important;
		color: black !important;
		padding: 0.5rem;
		border: 1px solid white !important;
	}
}

/* in redaktionellen Inahlten Links inline statt inline-block darstellen */
div[class^='rte'] p a,
.adis-slider p a {
	display: inline !important;
}

/* Abmelden Button im Konto nur zeigen, wenn Meta-Navigation nur Icons*/
@media screen and (min-width: 768px) {
	.abmelden-wrapper {
		display: none;
	}
}

/* Aufzaehlungszeichen oben ausrichten kk */
ul a {
	display: block !important;
}

/* kein sticky Logo bei OPACOS, weil auch keine Suchleiste da ist, auf der es platziert werden koennte */
/* kein sticky Logo bei safari , Flacker-Bug */
.sticky-wrapper-fixed #logo.safari-browser,
.opacos .sticky-wrapper-fixed #logo {
    display: none !important;
}

/*Ab hier VSZ-Anpassungen*/
#mnav .nav-login input[value=Anmelden],
#mnav .nav-login input[value=Login] {
	background-image: url(https://www.voebb.de/medien/icon-login.png) !important;
	background-size: 2.1em 2.1em;
	padding-left: 2.5em !important;
}

#mnav .nav-login input[value=Abmelden],
#mnav .nav-login input[value=Logout] {
	background-image: url(https://www.voebb.de/medien/icon-logout.png) !important;
	background-size: 2.1em 2.1em;
	padding-left: 2.5em !important;
}

@media only screen and (max-width: 767px) {
	.nav-logout {
		display: unset !important;
	}
}

@media only screen and (max-width: 767px) {
	.nav-login {
		display: unset !important;
	}

	#mnav .nav-login input:first-child {
		background-size: 2.1em 2.1em !important;

		text-indent: -5000px !important;
		padding-left: 2.0em !important;
	}
}

.da-logo img {
	max-height: 100px;
	width: auto;
}

.da-thinclients-unsichtbar {
	display: none;
}

.da-thinclients-hinweis::before {
	content: "An diesem Computer nicht verfügbar. Nutzen Sie bitte Ihr eigenes Gerät oder einen der Computerarbeitsplätze, falls vorhanden. ";
}

div#R24.field-source {
    display: none;
}

.accordion .toggler {
	cursor: pointer;
}

#container #R06 p a {
	display: inline;
	hyphens: none;
}

#container .neuerwerbungen p a {
	display: inline-block
}

#container .da-logo a {
	display: inline-block !important;
}

#help-page h2 {
	margin-bottom: 0.6em;
}

.kontakt h2 {
	margin-bottom: 0.15em;
}

.accordion,
.subAccordion {
	max-width: 100%;
}

/*Doppelte Bildlaufleiste in /kontakt verbergen*/
#wrapper .kontakt,
.mobile-view #wrapper .kontakt {
	overflow-y: hidden;
}

/*Slider-Farben anpassen*/
.inc-STBVV .adis-slider,
.inc-STBVV .adis-slider .slider-content,
.inc-STNEU .adis-slider,
.inc-STNEU .adis-slider .slider-content,
.inc-NNADA .adis-slider,
.inc-NNADA .adis-slider .slider-content {
	background-color: #ffeace;
}

.inc-NEUPA .adis-slider,
.inc-NEUPA .adis-slider .slider-content {
	background-color: #fddfd3;
}

/*#slogan-wrapper {
	visibility: hidden;
}*/

/*#mhead-inside:before {
    background-image: url("/medien/Element_Konfetti.png");
    background-size: 37%;
    background-position-x: 5%;
}*/

@media (max-width: 575px) {
	#mhead {
		background-position: 75% center;
	}

	/*
	#logo {
		visibility: hidden;
	}
*/
	#mhead-inside:before {
		background-image: none;
	}

	#OPACGP label .fbz-text {
		display: inline-table;
	}

}

/*Text oben im gelben Feld tauschen*/
/*#spruch span {display:none}
#spruch:before {content: "Let's Code Again! Mitmach-Festival am 14.10.";}*/

/*Umfrage zu mobiler Nutzung soll nur auf mobilen Geräten angezeigt werden*/
@media (min-width: 576px) {
	#umfrage-nur-mobil {
		display: none;
	}
}

#makerspaces img {
	max-width: 15em;
}

#container a.a-inline {
	display: inline !important;
}

#voebbreport .stripe-narzisse {
	background-size: 180%;
}

.ausbildung button.accordion-toggler {
	border-radius: 25px;
}

#warnungsupportbot {
	display: none
}

@supports not (color: oklch(64.8% .15 160)) {
	ask-button {
		display: none
	}

	#warnungsupportbot {
		display: inline;
	}
}

#chat-button {
	display: none;
}

#search input {
	padding-left: 0.5rem !important
}

input[type="search"] {
	padding-left: 0.5rem
}

@media (max-width: 991px) {
	#OPACGP input {
		min-width: unset !important;
	}
}

.inc-STBVV .splide__arrow,
.inc-STNEU .splide__arrow {
	background-color: #ffeace;
	border-color: #ffeace;
	box-shadow: none;
}

.ausbildung .accordion-panel li {
	list-style: disc;
	margin: 0 0 0.6em 0;
}

.aDISBlk_03.ausbildung img {
	max-width: 100%;
}

table.scrollable {
	overflow-x: scroll;
	display: block;
}

/*Header austauschen*/
/*
#mhead {
	background-image: url("/medien/240805_VÖBB_Websitebanner-Codeweek_1920x244.png");
	background-color: #f8a70c;
}
#slogan-wrapper {display:none}*/

.trennstreifen-narzisse {
    border-top: 3px solid #fcb655;
    margin-top: 1.875rem;
    padding-top: 1.875rem;
}

.trennstreifen-koralle {
    border-top: 3px solid #f58b72;
    margin-top: 1.875rem;
    padding-top: 1.875rem;
}

#faqs span.accordion-title {
	line-height: 1.4em;
}