@charset "UTF-8";
@media all {
	/* Google Translate */
	#google_translate_element, #google_translate_element_mobile {
		display: inline-block;
	}

	#google_translate_element .goog-te-gadget-icon,
	#google_translate_element_mobile .goog-te-gadget-icon {
		display: none !important;
	}

	#google_translate_element .goog-te-menu-value img,
	#google_translate_element_mobile .goog-te-menu-value img {
		width: 1px;
		height: 1px;
	}

	.tablet-nav-first-line label {
		width: 100%;
	}

	:root {
		font-size: 15px !important;
	}

	body {
		font-family: Roboto, sans-serif !important;
		hyphens: auto;
		color: #535B63 !important;
	}

	strong {
		font-weight: 700 !important;
		color: #535B63;
	}

	i:not(.fas):not(.fab):not(.far):not(.fa), em {
		font-size: 15px;
		color: #535B63;
	}

	select {
		color: #535B63 !important;
	}

	blockquote {
		position: relative;
		font-weight: 700;
		color: #535B63;
		font-size: 15px;
		margin-left: 75px !important;
	}

	blockquote::before {
		content: "";
		position: absolute;
		left: -75px;
		top: -10px;
		background: url("assets/icon/blockquote.svg") no-repeat;
		width: 50px;
		height: 50px;
	}

	h1, h2, h3, h4, .hint {
		font-weight: 400;
	}

	p {
		font-weight: 300;
	}

	.menu, .menu-2 {
		font-weight: 100;
	}

	h2, .menu-2 {
		color: #535B63;
	}

	h1, .menu, .hint {
		color: #fff;
	}

	h3, h4, a {
		color: #0092BC;
	}

	a {
		text-decoration: underline;
	}

	a:focus {
		outline: 1px dotted #000000 !important;
	}

	li {
		font-size: 15px;
		font-weight: 300;
	}

	main .audio-block a,
	main .text-block a,
	main .text-image-block a {
		color: #535B63 !important;
	}

	img {
		width: 100%;
		height: auto;
	}

	video {
		width: 100%;
		height: auto;
	}

	nav.navbar {
		background-color: #009898;
	}

	/* Footer */
	footer {
		width: 100%;
		height: auto;
		border-top: 2px solid #535B63;
		margin-top: 75px;
	}

	/*Readspeaker	*/
	#readspeaker_button1 {
		display: none;
		z-index: 16;
	}

	/* GTT - Button */
	footer > div.container {
		position: relative;
	}

	.gtt-button {
		color: #6A747E;
		position: absolute;
		background-color: #E5E5E5;
		height: 53px;
		width: 57px;
		text-align: center;
		padding-top: 10px;
		cursor: pointer;
		top: -55px;
		right: 12px;
	}

	.gtt-button a i, .gtt-button a:hover i {
		color: #87888A !important;
	}

	.gtt-button a {
		height: 100%;
		width: 100%;
		display: inline-block;
	}

	/* Footer-Sitemap */
	.sitemap_container {
		padding: 33px 0;
		width: 100%;
	}

	.sitemap_container * {
		font-size: 12px !important;
	}

	.sitemap_container > div > div > a:first-of-type,
	footer .sitemap_container [class*=col] > .egotecExceptionLink {
		font-size: 12px;
		color: #0092BC;
		font-weight: 700;
		text-decoration: none;
	}

	.sitemap_container > div > div > a:first-of-type:hover {
		text-decoration: underline;
	}

	.sitemap_container > div > div > div {
		min-height: 20px;
		line-height: 1.5;
	}

	.sitemap_container > div > div > div > a,
	footer .sitemap_container > div > div > div > span.egotecExceptionLink {
		font-size: 12px;
		color: #707070;
		font-weight: 300;
		margin-bottom: 0;
		text-decoration: none;
	}

	.sitemap_container > div > div > div > a:hover {
		text-decoration: #535B63;
		color: #0092bc;
	}

	.sitemap_container > div > div > div > a:hover {
		text-decoration: underline;
	}

	.sitemap_container > div > div {
		margin-bottom: 25px;
	}

	.sitemap_container a {
		font-size: 12px !important;
	}

	/* Footer Information */
	footer > div:last-of-type {
		width: 100%;
		background-color: #87888A;
	}

	footer > div:last-of-type > div {
		padding: 21px 0 33px 0;
		font-size: 15px;
		color: #ffffff;
		font-weight: 300;
	}

	footer > div:last-of-type p {
		color: #ffffff;
		font-weight: 300;
		margin-bottom: 0;
	}

	.footer_info_container * {
		color: #ffffff !important;
	}

	/* Damit werden die WYSIWYG-Inputs im Backend verändert */
	#tinymce[data-id="wysiwyg_a_c9cfc0ba5c2107f97a1754c2463dab8d_editor"] *,
	#tinymce[data-id="wysiwyg_a_85a26fb0aa203a85ad94c6d0c6c87777_editor"] *,
	#tinymce[data-id="wysiwyg_a_3b4c399c8f5cf620a325c64712d90a07_editor"] *,
	#tinymce[data-id="wysiwyg_a_248bad18de1388f4441318b148183a65_editor"] * {
		color: #535B63;
		font-weight: 300;
		font-size: 12px;
	}

	.footer_info_container li {
		font-weight: 300;
	}

	/* Plugin Pagination */
	.plugin-pagination a {
		border: none !important;
		border-top-right-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
		color: #6A747E;
	}

	.plugin-pagination a:hover {
		color: #0092BC;
	}

	.plugin-pagination a:focus {
		background-color: #E5E5E5;
		color: #0092BC;
		box-shadow: 0 0 0 0.25rem #0092BC3F;
	}

	.plugin-pagination li.active a {
		background-color: #E5E5E5 !important;
	}

	.plugin-pagination li {
		border-top-right-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
		border-right: 1px solid #535B63;
		border-left: 1px solid #535B63;
	}

	.plugin-pagination li:first-child {
		border-left: none !important;
	}

	.plugin-pagination li:last-child {
		border-right: none !important;
	}

	.pagination.plugin-pagination .page-item:first-child .page-link {
		border-radius: 0;
	}

	/**/
	.tablet_open_nav {
		z-index: 9999;
	}

	.bottom-border {
		border-bottom: 2px solid #535B63;
	}

	/* Seitenheader */
	.head-container {
		width: 100%;
	}

	.head-container .head-title.extra {
		position: absolute;
		margin-top: -100px;
	}

	.head-container .head-title:not(.extra) {
		position: inherit;
	}

	.head-title {
		width: 100%;
		height: 100px;
		background-color: #007576B3;
	}

	.head-title .container {
		height: 100px;
		padding-top: 27px;
	}

	/* Breadcrumbs */
	.breadcrumb-item + .breadcrumb-item::before {
		content: '\2022' !important;
	}

	.breadcrumb-container {
		min-height: 45px;
		background-color: #D8EFEF;
		padding-top: 10px;
	}

	.breadcrumb-container a,
	.breadcrumb-container span.egotecExceptionLink {
		color: #6A747E;
		font-size: 15px;
		font-weight: 300;
		text-decoration: none;
	}

	.breadcrumb-container a:hover {
		color: #6A747E;
		font-weight: 300;
		font-size: 14px;
		text-decoration: underline;
	}

	.button-more {
		text-decoration: underline !important;
		color: #535B63 !important;
	}

	.button-more:hover {
		cursor: pointer;
		color: #0092bc !important;
	}

	.inner-nav {
		max-height: 50vh;
		overflow-y: auto;
		overflow-x: hidden;
	}

	#internet-explorer {
		display: none;
		width: 100%;
		height: 45px;
		background-color: #0092BC;
	}

	#internet-explorer p {
		font-size: 28px !important;
		color: #FFFFFF;
		text-align: center;
		font-weight: 700;
	}

	/* Accordion */
	.accordion-item .accordion-header .accordion-button::after {
		height: 12px !important;
		width: 20px !important;
		right: 1.25rem !important;
		bottom: 1rem !important;
		background-size: 20px !important;
	}

	#google_translate_banner {
		background-color: rgb(83, 91, 99) !important;
		color: #fff;
	}

	.accept_btn {
		color: rgb(83, 91, 99) !important;
		border: 1px solid #707070 !important;
		background: #fff !important;
		font-weight: bold !important;
	}

	.accept_btn:hover {
		background: #009898 !important;
		color: #fff !important;
		text-decoration: underline;
	}

	.btn_change_lang {
		background: #fff !important;
		color: #34393E !important;
		border-radius: 0 !important;
		border: 1px solid #9EA0A3 !important;
		padding: 1px 3px !important;
		width: 167.5px;
	}

	.btn_change_lang:hover {
		background: #009898 !important;
		color: #fff !important;
		text-decoration: underline !important;
		border: 1px solid #9EA0A3 !important;
	}

	#google_translate_element_button_mobile,
	#google_translate_reset_mobile {
		margin-left: calc(var(--bs-gutter-x)/ 2);
		background: #29787C;
	}

	#google_translate_banner {
		z-index: 9999;
	}

	#google_translate_element,
	#google_translate_reset,
	#google_translate_element_button,
	#only_span_break,
	#google_translate_element_mobile,
	#google_translate_reset_mobile,
	#google_translate_element_button_mobile {
		display: none;
	}
}

/* Desktop Viewport */
@media (min-width: 1200px) {
	.display-none {
		display: none !important;
	}

	header > div:nth-child(2) {
		background-color: #ffffff;
	}

	h1, h1 a {
		font-size: 40px !important;
		color: #ffffff !important;
	}

	h2, h2 a {
		font-size: 30px !important;
		color: #535B63 !important;
	}

	h3, h3 a {
		font-size: 22px !important;
		color: #0092bc !important;
	}

	h4, h4 a {
		font-size: 20px !important;
		color: #0092bc !important;
	}

	p, .menu-2 {
		font-size: 15px !important;
	}

	.menu {
		font-size: 18px !important;
	}

	/* Bereich über dem Nav */
	.top-nav {
		height: 61px;
	}

	/* Meta-Nav-Bereich */
	.meta {
		margin: 3px 0 0 25px;
	}

	.meta > span {
		padding: 3px;
	}

	.meta > span > a > img {
		max-height: 12px;
		width: auto;
	}

	.meta a, .meta a:hover {
		text-decoration: none;
		color: #34393E;
	}

	.meta > span.font-size-large,
	.meta > span.font-size-normal,
	.meta > span.font-size-small {
		padding: 0;
	}

	.meta > span.font-size-large:hover,
	.meta > span.font-size-normal:hover,
	.meta > span.font-size-small:hover,
	.meta > span a:hover {
		cursor: pointer;
		text-decoration: underline;
	}

	.font-size-large {
		font-size: 18px;
	}

	.font-size-small {
		font-size: 13px;
	}

	/* Hauptmenüleiste */
	nav.main-nav > ul {
		height: 80px;
		margin: 0 auto;
	}

	nav {
		height: 80px;
	}

	.breadcrumb-container.block nav {
		height: unset;
	}

	nav.main-nav > ul > li:last-of-type {
		margin-right: 0;
	}

	nav.main-nav > ul > li:hover {
		cursor: pointer;
		background-color: #29787C;
	}

	nav.main-nav > ul > li:hover > a {
		font-weight: 700;
	}

	header:not(.active) #logo img {
		width: auto;
		max-height: 50px;
	}

	header.active #logo img {
		width: auto;
		max-height: 80px;
	}

	/* Bubble */
	#bubble {
		background-color: transparent;
		color: #ffffff;
		border-radius: 50%;
	}

	.bubble_a {
		text-decoration: none;
	}

	#bubble p {
		text-align: center;
	}

	#bubble.font-size p {
		font-size: 15px !important;
	}

	#bubble:not(.font-size) p {
		font-size: 25px !important;
	}

	.click-button {
		float: right;
		margin-right: 80px;
	}

	header:not(.active) #bubble {
		height: 50px;
		width: 50px;
		margin: 4px 0;
	}

	header:not(.active) #bubble p {
		color: #ffffff;
		font-size: 25px !important;
		padding: 7px 14px;
		font-weight: normal;
	}

	header.active #bubble {
		height: 133px;
		width: 133px;
		margin: 6px 0;
	}

	header.active #bubble p {
		height: 130px;
		width: 130px;
		color: #ffffff;
		font-weight: normal;
		transform: rotate(17deg);
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 7px 0 0 7px;
	}

	/* Icons */
	nav.main-nav > ul > li > i,
	nav.main-nav:hover > ul > li > ul > li:hover > i {
		color: #ffffff;
	}

	nav.main-nav > ul > li > a > i {
		margin: auto;
		text-decoration: none;
	}

	nav.main-nav > ul > li:first-of-type,
	nav.main-nav > ul > li:nth-last-of-type(2) {
		width: 55px;
	}

	nav.main-nav:hover > ul > li > ul > li > i {
		position: absolute;
		top: 35px;
		right: 10px;
		color: #535B63;
		margin-top: -18px;
	}

	.float-right {
		float: right;
	}

	.burger_menu {
		display: none;
	}

	/* Hauptmenüleistenpunkte */
	nav.main-nav > ul > li {
		width: 126px;
		height: 80px;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	nav.main-nav p {
		word-break: break-word;
	}

	nav.main-nav > ul > li:not(:hover) ~ .grey-cover {
		height: 0;
		width: 0;
	}

	nav.main-nav a {
		position: absolute;
		top: 0;
		left: 0;
		padding: 15px;
		height: 100%;
		width: 100%;
		display: block;
		margin: auto;
		text-decoration: none;
	}

	nav.main-nav p {
		margin: auto;
	}

	nav.main-nav > ul > li > ul > li > ul > li a {
		position: relative !important;
	}

	nav.main-nav > ul > li:hover ~ .grey-cover {
		height: calc(100vh - 138px);
		width: 100%;
		top: 80px;
		background-color: #0000004C;
		z-index: -10;
		left: 0;
		right: 0;
		bottom: 0;
		position: relative;
	}

	/* Hauptmenüleiste -> Links */
	nav.main-nav > ul > li > a {
		color: #ffffff;
		padding: 0;
	}

	nav.main-nav > ul > li > a > p {
		font-size: 16px !important;
		font-weight: 400;
	}

	nav.main-nav > ul > li:hover > a > p {
		font-weight: 400;
	}

	/* Hauptmenüleiste -> Unterpunktliste */
	nav.main-nav > ul > li ul {
		display: none;
		position: absolute;
		top: 80px;
		left: 0;
		list-style: none;
		padding: 0;
		text-align: left;
	}

	nav.main-nav > ul > li:hover > ul {
		display: block;
	}

	/* Hauptmenüleiste -> Unterpunkte */
	nav.main-nav > ul > li > ul li {
		min-height: 50px;
		width: 213px;
		position: relative;
		background-color: #ffffff;
		margin: 4px 4px 4px 0;
	}

	nav.main-nav > ul > li > ul li > a > p {
		color: #535B63;
		text-decoration: none;
		font-weight: 400;
	}

	nav.main-nav > ul > li > ul li:hover {
		background-color: #009898;
	}

	nav.main-nav > ul > li > ul li:hover > a > p {
		color: #ffffff;
		font-weight: 400;
	}

	/* Hauptmenüleiste -> Unterpunkte -> Unterpunktleiste */
	nav.main-nav > ul > li > ul > li:hover > ul {
		display: block;
		top: 0;
		left: 209px;
		margin-left: 4px;
	}

	nav.main-nav > ul > li > ul > li:hover > ul > li:first-of-type {
		margin-top: 0;
	}

	nav.main-nav > ul > li > ul > li:hover > ul > li {
		margin-left: 4px;
	}

	/* Search-Icon */
	.search-icon {
		width: 30px !important;
		height: auto;
		margin: 25px 0;
	}

	.search-bar-container {
		display: none;
	}

	.nav-item.justify-right:hover .search-bar-container {
		display: block;
		position: absolute;
		width: 213px;
		height: 44px;
		top: 80px;
		right: 0;
	}

	.nav-item.justify-right:hover .search-bar {
		display: block;
		border: 5px solid #29787C;
		background-color: #29787C;
		margin-top: 4px;
	}

	.nav-item.justify-right:hover .search-bar *  {
		width: 100%;
	}

	/* Sticky */
	.tablet-nav-second-line {
		display: flex !important;
		z-index: 99999;
		position: fixed;
		flex-direction: column;
		right: 12px;
		top: 45%;
		align-content: end;
	}

	.tablet-nav-second-line a {
		margin: 0;
		padding: 0;
		display: inline-block;
	}

	.tablet-nav-second-line p {
		margin: 0;
	}

	.tablet-nav-second-line > div {
		width: 45px;
		height: 45px;
		margin-left: auto;
		display: block;
		text-align: center;
		padding-top: 8px;
		padding-bottom: 8px;
		background-color: #009898;
		color: #ffffff;
		font-size: 1.2rem;
	}

	.tablet-nav-second-line a:focus {
		outline: none;
	}

	.tablet-nav-second-line a:focus span,
	.tablet-nav-second-line a:focus i::before {
		outline: 1px solid #ffffff;
		padding: 2px;
	}

	.tablet-nav-second-line div:hover {
		width: 200px;
		cursor: pointer;
		padding-top: 8px;
		padding-bottom: 8px;
		text-align: left;
	}

	.tablet-nav-second-line div a {
		display: inline-block;
		height: 100%;
		width: 100%;
		text-decoration: none;
	}

	.tablet-nav-second-line div a p {
		display: inline;
		margin-left: 15px;
		font-size: 19px !important;
	}

	.tablet-nav-second-line div:not(:hover) p {
		display: none;
	}

	.tablet-nav-second-line div:not(:hover) i {
		display: inline;
	}

	.tablet-nav-second-line div:hover > * {
		margin-left: 15px;
		font-size: 19px !important;
		color: #ffffff !important;
		text-decoration: none !important;
	}

	.tablet-nav-second-line > div > a > i {
		white-space: nowrap;
		color: #ffffff;
		font-size: 19px;
	}

	.tablet-nav-second-line strong {
		color: #ffffff;
	}

	.tablet-nav-second-line span {
		display: inline-block;
		height: 20px;
		width: 20px;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: contain;
		margin: 3px 0 -3px 0;
	}
}

@media (max-width: 1199px) {
	#google_translate_element_mobile {
		background: #29787C;
		margin-left: calc(var(--bs-gutter-x)/ 2);
	}

	#google_translate_element_mobile .skiptranslate {
		margin: 7px 0 2px 0;
	}
}

/* Tablet 1 + 2 Viewport */
@media (min-width: 768px) and (max-width: 1199px) {
	h1, h1 a {
		font-size: 26px !important;
	}

	h2, .hint, h2 a {
		font-size: 22px !important;
	}

	h3, .menu-2 {
		font-size: 18px !important;
	}

	h3, h3 a {
		font-size: 18px !important;
	}

	h4, h4 a {
		font-size: 16px !important;
	}

	p {
		font-size: 15px !important;
	}

	.menu {
		font-size: 20px !important;
	}

	.opening p,
	.opening a {
		font-size: 14px !important;
	}

	.topic_opening strong {
		font-size: 18px !important;
	}

	.topic_link:last-of-type {
		margin-bottom: 10px;
	}

	/* Header */
	header div {
		height: 64px;
		background-color: #ffffff;
	}

	header .meta-nav {
		display: none;
	}

	input[type="checkbox"]#toggle-nav,
	.tablet_open_nav {
		display: none;
	}

	.tablet_open_nav {
		height: 100%;
		width: 100%;
		top: 64px;
	}

	input[type="checkbox"]:checked#toggle-nav + div + .burger_menu {
		margin-right: 33.33%;
		margin-top: 100px;
		opacity: 1;
		z-index: 9999;
	}

	input[type="checkbox"]:checked#toggle-nav + .burger_menu > .toggle-label > i {
		color: #ffffff;
		position: relative;
		z-index: 1030;
	}

	input[type="checkbox"]:checked#toggle-nav + div + .burger_menu > .toggle-label > i::before {
		content: '\f00d' !important;
	}

	input[type="checkbox"]#toggle-nav:checked + .tablet_open_nav {
		display: block !important;
	}

	.page-cover {
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.5);
	}

	/* Bubble */
	#bubble {
		background-color: transparent;
		color: #ffffff;
		border-radius: 50%;
	}

	.bubble_a {
		text-decoration: none;
	}

	#bubble p {
		text-align: center;
	}

	#bubble p {
		font-size: 25px !important;
	}

	.click-button {
		float: right;
		margin-right: 80px;
		margin-top: 3px;
	}

	header:not(.active) #bubble {
		height: 50px;
		width: 50px;
		margin: 4px 0;
	}

	header:not(.active) #bubble p {
		color: #ffffff;
		font-size: 25px;
		padding: 7px 14px;
		font-weight: normal;
	}

	header.active #bubble {
		height: 50px;
		width: 50px;
		margin: 4px 0;
	}

	header.active #bubble p {
		color: #ffffff;
		font-size: 25px;
		padding: 7px 14px;
		font-weight: normal;
	}

	header.active #bubble p {
		display: none;
		height: 50px;
	}

	header.active #bubble::before {
		content: "..!";
		position: relative;
		color: #ffffff;
		font-size: 25px;
		font-weight: normal;
		margin-left: 15px;
		top: 7px;
	}

	.header_container, .header_container > div {
		height: 64px;
		width: 100%;
	}

	#logo img {
		height: auto;
		width: auto;
		max-height: 50px;
	}

	/* Navbar */
	.main-nav {
		height: 60px;
		width: 100%;
		background-color: #87888A;
		justify-content: flex-end;
	}

	.main-nav > ul > li {
		display: none;
	}

	.burger_menu {
		position: absolute;
		height: 60px;
		width: 55px;
		top: 64px;
		right: 33px;
		z-index: 1040;
		display: flex;
		align-content: center;
	}

	/* Navigation für Tablet und Handy */
	.mobile-nav {
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: 300px;
		z-index: 1040;
		background-color: #ffffff;
		color: #535B63;
	}

	/* Sprache und Suchleiste */
	.tablet-nav-first-line {
		background-color: #29787C;
		height: 40px;
		width: 100%;
	}

	.tablet-nav-first-line {
		margin: auto 0;
	}

	/* Sprache (Dropdown) */
	.tablet-nav-first-line > .btn-group > .btn-danger {
		text-transform: uppercase;
	}

	.btn-group {
		width: calc(25% - 4px);
	}

	.btn-danger {
		background-color: #29787C !important;
		border: none !important;
	}

	.btn-danger:focus {
		box-shadow: none !important;
	}

	.tablet-nav-first-line ul.dropdown-menu {
		border-radius: 0 !important;
	}

	/* Sucheinput */
	.tablet-nav-first-line > form {
		height: 34px;
		margin-top: 4px;
		border-radius: 0;
		border: none !important;
		padding-left: 10px;
	}

	.tablet-nav-first-line > input:only-child {
		width: calc(100% - 6px);
		margin: 3px 3px;
	}

	.tablet-nav-first-line {
		margin-left: 0 !important;
	}

	.tablet-nav-first-line .col-8 {
		padding-right: 4px;
		padding-left: 0;
	}

	.tablet-nav-first-line input {
		font-size: 18px;
		width: 100%;
	}

	/* Die Logos von dem Sticky */
	.tablet-nav-second-line {
		background-color: #4A9D9E;
		width: 100%;
		color: #ffffff;
		padding-top: 3px;
		font-size: 1.5em;
		margin: 0 !important;
		height: 45px;
	}

	.tablet-nav-second-line div {
		text-align: center;
		height: 100%;
	}

	.tablet-nav-second-line div:hover {
		cursor: pointer;
	}

	.tablet-nav-second-line div a {
		color: #ffffff !important;
		text-decoration: none !important;
		font-size: 19px;
	}

	.tablet-nav-second-line div a p {
		display: none;
	}

	.tablet-nav-second-line span {
		display: inline-block;
		height: 20px;
		width: 20px;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: contain;
		margin: 3px 0 -3px 0;
	}

	/* Accordion */
	.tablet-nav-accordion {
		max-height: calc(100% - 255px);
		overflow: auto;
	}

	.tablet-nav-no-child {
		background-color: #ffffff !important;
		color: #535B63 !important;
	}

	.tablet-nav-accordion > .accordion-item:first-of-type {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	.tablet-nav-accordion > .accordion-item:last-of-type {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	.tablet-nav-accordion > .accordion-item {
		border: none !important;
	}

	.tablet-nav-accordion .accordion-item > p > a.underline,
	.tablet-nav-accordion .accordion-item > .accordion-collapse a.underline {
		text-decoration: underline;
	}

	.tablet-nav-accordion .accordion-item > p > a.no-underline,
	.tablet-nav-accordion .accordion-item > .accordion-collapse a.no-underline {
		text-decoration: none !important;
	}

	.tablet-nav-accordion .accordion-header {
		margin-left: 0 !important;
		width: 100% !important;
		font-size: 20px !important;
		position: relative !important;
	}

	.tablet-nav-accordion .accordion-header a {
		font-weight: 400 !important;
		transition: transform .2s ease-in-out !important;
		padding: 1rem 1.25rem !important;
		margin: 0;
		width: 100% !important;
	}

	.tablet-nav-accordion .tablet-nav-accordion > .accordion-header button {
		width: 95px !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	.tablet-nav-accordion a,
	.tablet-nav-accordion a:hover {
		text-decoration: none;
		color: #535B63 !important;
	}

	.tablet-nav-accordion .accordion-button {
		width: 50px !important;
		padding: 0 !important;
		margin: 16px 0 0 0 !important;
		position: absolute !important;
		right: 0;
		height: 33px !important;
	}

	.tablet-nav-accordion .accordion-button:not(.collapsed),
	.tablet-nav-accordion .accordion-button.collapsed {
		background-color: transparent !important;
		box-shadow: none !important;
	}

	.tablet-nav-accordion .accordion-button.collapsed::after,
	.tablet-nav-accordion .accordion-button::after {
		background-image: url("assets/icon/tag-bottom-black.svg") !important;
		margin-left: 10px !important;
	}

	.tablet-nav-accordion .accordion-sub-2::after,
	.tablet-nav-accordion .accordion-button:not(.collapsed)::after {
		background-image: url("assets/icon/tag-bottom-white.svg") !important;
		margin-top: -10px;
	}

	.tablet-nav-accordion .accordion-button:not(.collapsed) a {
		color: #ffffff !important;
	}

	.tablet-nav-accordion .accordion-button.tablet-nav-no-child::after {
		background-image: none !important;
	}

	.tablet-nav-accordion .accordion-item p {
		font-weight: 300;
		font-size: 20px;
	}

	.tablet-nav-accordion .accordion-collapse a {
		font-weight: 300;
	}

	.tablet-nav-accordion .accordion-collapse p a {
		padding-left: 44px !important;
		font-size: 15px;
	}

	.tablet-nav-accordion .accordion-item .accordion-sub-3 > a {
		padding-left: 66px !important;
	}

	.tablet-nav-accordion .collapse {
		background-color: #bee0e0 !important;
		color: #535B63 !important;
	}

	.tablet-nav-accordion .accordion-header > .accordion-button:not(.collapsed) + a {
		background-color: #035D5D !important;
		color: #ffffff !important;
	}

	.tablet-nav-accordion .accordion-button:focus {
		box-shadow: none !important;
	}

	.tablet-nav-accordion .accordion-item:first-of-type .accordion-button {
		border-top-left-radius: 0 !important;
		border-top-right-radius: 0 !important;
	}

	.tablet-nav-accordion .accordion-header > .accordion-sub-2.collapsed + a {

		background-color: #D8EFEF !important;
		color: #535B63 !important;
	}

	.tablet-nav-accordion .accordion-header > .accordion-sub-2:not(.collapsed) + a {
		color: #ffffff !important;
		background-color: #437a7b !important;
	}

	/* Tablet Meta */
	.tablet-nav-meta {
		bottom: 5px;
		margin-left: 0 !important;
	}

	.tablet-nav-meta a {
		font-size: 15px;
		text-decoration: none;
		color: #535B63;
	}

	.tablet-nav-meta a:hover {
		text-decoration: underline;
		color: #535B63;
	}

	.tablet-nav-meta-div {
		width: 150px;
		margin-bottom: 7px;
	}

	.tablet-meta-left {
		text-align: right;
		padding-right: 20px;
	}

	.tablet-nav-meta > div:not(.tablet-meta-left) {
		text-align: left;
		padding-left: 20px;
	}

	/* Sichtbarkeit für das seitliche Nav */
	input[type="checkbox"]#toggle-nav:checked + .tablet_open_nav {
		display: block !important;
	}

	/* Burger-Logo */
	.burger_menu > label {
		color: #ffffff;
		margin: auto;
	}

	/* Sichtbarkeit für das Nav der Desktopansicht */
	.main-nav {
		justify-content: flex-end !important;
	}

	/* Footer */
	.sitemap_container_mobile {
		display: none;
	}
}

/* Mobile Viewport */
@media (max-width: 767px) {
	h1, h1 a {
		font-size: 26px !important;
	}

	h2, .menu, h2 a {
		font-size: 22px !important;
	}

	h3, .menu-2 {
		font-size: 18px !important;
	}

	h3, h3 a {
		font-size: 18px !important;
	}

	h4, h4 a {
		font-size: 16px !important;
	}

	p {
		font-size: 15px !important;
	}

	.opening p,
	.opening a {
		font-size: 14px !important;
	}

	.topic_opening strong {
		font-size: 16px !important;
	}

	.topic_link:last-of-type {
		margin-bottom: 10px;
	}

	.hint {
		font-size: 22px;
	}

	.click-button {
		margin-right: 0;
		float: left;
	}

	.mobile-position > div:first-of-type.col-3 {
		width: unset !important;
	}

	.mobile-position > div:first-of-type {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
	}

	.mobile-position > div:last-of-type {
		position: absolute !important;
		top: 0 !important;
		right: 0 !important;
		height: 65px !important;
		margin: auto 33px auto 0;
		padding-right: 0 !important;
	}

	#logo.col-3 {
		width: unset !important;
		margin-right: 32px !important;
	}

	#logo.col-3 img {
		max-height: 50px !important;
		width: auto !important;
	}

	/* Header */
	header > div {
		height: 64px;
		background-color: #ffffff;
	}

	header .meta-nav {
		display: none;
	}

	input[type="checkbox"]#toggle-nav,
	.tablet_open_nav {
		display: none;
	}

	.tablet_open_nav {
		height: 100%;
		width: 100%;
		z-index: 1025;
		top: 64px;
	}

	input[type="checkbox"]:checked#toggle-nav + div + .burger_menu {
		margin-right: 80%;
		margin-top: 100px;
		opacity: 1;
	}

	input[type="checkbox"]:checked#toggle-nav + .burger_menu > .toggle-label > i {
		color: #ffffff;
		position: relative;
		z-index: 1030;
	}

	input[type="checkbox"]:checked#toggle-nav + div + .burger_menu > .toggle-label > i::before {
		content: '\f00d' !important;
	}

	input[type="checkbox"]#toggle-nav:checked + .tablet_open_nav {
		display: block !important;
	}

	.page-cover {
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #0000007F;
	}

	/* Bubble */
	#bubble {
		background-color: transparent;
		color: #ffffff;
		border-radius: 50%;
	}

	.bubble_a {
		text-decoration: none;
	}

	#bubble p {
		text-align: center;
	}

	#bubble p {
		font-size: 25px !important;
	}

	header:not(.active) #bubble {
		height: 50px;
		width: 50px;
		margin: 4px 0;
	}

	header:not(.active) #bubble p {
		color: #ffffff;
		font-size: 25px;
		padding: 7px 14px;
		font-weight: normal;
	}

	header.active #bubble {
		height: 50px;
		width: 50px;
		margin: 4px 0;
	}

	header.active #bubble p {
		color: #ffffff;
		font-size: 25px;
		padding: 7px 14px;
		font-weight: normal;
	}

	header.active #bubble p {
		display: none;
		height: 50px;
	}

	header.active #bubble::before {
		content: "..!";
		position: relative;
		color: #ffffff;
		font-size: 25px;
		font-weight: normal;
		margin-left: 15px;
		top: 7px;
	}

	.header_container, .header_container > div {
		height: 64px;
		width: 100%;
	}

	#logo img {
		height: auto;
		width: auto;
		max-height: 50px;
	}

	/* Navbar */
	.main-nav {
		height: 60px;
		width: 100%;
		background-color: #87888A;
		justify-content: flex-end;
	}

	.main-nav > ul > li {
		display: none;
	}

	.burger_menu {
		position: absolute;
		height: 60px;
		width: 55px;
		top: 64px;
		right: 33px;
		z-index: 1040;
		display: flex;
		align-content: center;
	}

	/* Navigation für Tablet und Handy */
	.mobile-nav {
		height: 100%;
		width: 80% !important;
		background-color: #ffffff;
		position: absolute;
		top: 0;
		color: #535B63;
		z-index: 1040;
		right: 0;
	}

	/* Sprache und Suchleiste */
	.tablet-nav-first-line {
		background-color: #29787C;
		height: 40px;
		width: 100%;
	}

	.tablet-nav-first-line {
		margin: auto 0;
	}

	/* Sprache (Dropdown) */
	.tablet-nav-first-line > .btn-group > .btn-danger {
		text-transform: uppercase;
	}

	.btn-group {
		width: calc(25% - 4px);
	}

	.btn-danger {
		background-color: #29787C !important;
		border: none !important;
	}

	.btn-danger:focus {
		box-shadow: none !important;
	}

	.tablet-nav-first-line ul.dropdown-menu {
		border-radius: 0 !important;
	}

	/* Sucheinput */
	.tablet-nav-first-line > form {
		height: 34px;
		border-radius: 0;
		border: none !important;
		padding-left: 10px;
	}

	.tablet-nav-first-line > input:only-child {
		width: calc(100% - 6px);
		margin: 3px 3px;
	}

	.tablet-nav-first-line {
		margin-left: 0 !important;
	}

	.tablet-nav-first-line .col-8 {
		padding-right: 2px;
		padding-left: 0;
	}

	.tablet-nav-first-line input {
		font-size: 18px;
		width: 100%;
	}

	/* Die Logos von dem Sticky */
	.tablet-nav-second-line {
		background-color: #4A9D9E;
		width: 100%;
		color: #ffffff;
		padding-top: 3px;
		font-size: 1.5em;
		margin: 0 !important;
		height: 45px;
	}

	.tablet-nav-second-line div {
		text-align: center;
		height: 100%;
	}

	.tablet-nav-second-line div:hover {
		cursor: pointer;
	}

	.tablet-nav-second-line div a {
		color: #ffffff !important;
		text-decoration: none !important;
		font-size: 19px;
	}

	.tablet-nav-second-line div a p {
		display: none;
	}

	.tablet-nav-second-line span {
		display: inline-block;
		height: 20px;
		width: 20px;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: contain;
		margin: 3px 0 -3px 0;
	}

	/* Accordion */
	.tablet-nav-accordion {
		max-height: calc(100% - 255px);
		overflow: auto;
	}

	.tablet-nav-no-child {
		background-color: #ffffff !important;
		color: #535B63 !important;
	}

	.tablet-nav-accordion > .accordion-item:first-of-type {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	.tablet-nav-accordion > .accordion-item:last-of-type {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	.tablet-nav-accordion > .accordion-item {
		border: none !important;
	}

	.tablet-nav-accordion .accordion-item > p > a.underline,
	.tablet-nav-accordion .accordion-item > .accordion-collapse a.underline {
		text-decoration: underline;
	}

	.tablet-nav-accordion .accordion-item > p > a.no-underline,
	.tablet-nav-accordion .accordion-item > .accordion-collapse a.no-underline {
		text-decoration: none !important;
	}

	.tablet-nav-accordion .accordion-header {
		margin-left: 0 !important;
		width: 100% !important;
		font-size: 20px !important;
		position: relative !important;
	}

	.tablet-nav-accordion .accordion-header a {
		font-weight: 400 !important;
		transition: transform .2s ease-in-out !important;
		padding: 1rem 1.25rem !important;
		margin: 0;
		width: 100% !important;
	}

	.tablet-nav-accordion > .accordion-header button {
		width: 95px !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	.tablet-nav-accordion a,
	.tablet-nav-accordion a:hover {
		text-decoration: none;
		color: #535B63 !important;
	}

	.tablet-nav-accordion .accordion-button {
		width: 50px !important;
		padding: 0 !important;
		margin: 16px 0 0 0 !important;
		position: absolute !important;
		right: 0;
		height: 33px !important;
	}

	.tablet-nav-accordion .accordion-button:not(.collapsed),
	.tablet-nav-accordion .accordion-button.collapsed {
		background-color: transparent !important;
		box-shadow: none !important;
	}

	.tablet-nav-accordion .accordion-button.collapsed::after,
	.tablet-nav-accordion .accordion-button::after {
		background-image: url("assets/icon/tag-bottom-black.svg") !important;
		margin-left: 10px !important;
	}

	.tablet-nav-accordion .accordion-sub-2::after,
	.tablet-nav-accordion .accordion-button:not(.collapsed)::after {
		background-image: url("assets/icon/tag-bottom-white.svg") !important;
		margin-top: -10px;
	}

	.tablet-nav-accordion .accordion-button:not(.collapsed) a {
		color: #ffffff !important;
	}

	.tablet-nav-accordion .accordion-button.tablet-nav-no-child::after {
		background-image: none !important;
	}

	.tablet-nav-accordion .accordion-collapse p a {
		padding-left: 44px !important;
		font-size: 15px;
	}

	.tablet-nav-accordion .accordion-item .accordion-sub-3 > a {
		padding-left: 66px !important;
	}

	.tablet-nav-accordion .accordion-collapse a {
		font-weight: 300;
	}

	.tablet-nav-accordion .accordion-collapse > a > div {
		padding-left: 44px;
		font-size: 15px;
	}

	.tablet-nav-accordion .collapse {
		background-color: #bee0e0 !important;
		color: #535B63 !important;
	}

	.tablet-nav-accordion .accordion-header > .accordion-button:not(.collapsed) + a {
		background-color: #035D5D !important;
		color: #ffffff !important;
	}

	.tablet-nav-accordion .accordion-button:focus {
		box-shadow: none !important;
	}

	.tablet-nav-accordion .accordion-item:first-of-type .accordion-button {
		border-top-left-radius: 0 !important;
		border-top-right-radius: 0 !important;
	}

	.tablet-nav-accordion .accordion-header > .accordion-sub-2.collapsed + a {
		background-color: #D8EFEF !important;
		color: #535B63 !important;
	}

	.tablet-nav-accordion .accordion-header > .accordion-sub-2:not(.collapsed) + a {
		color: #ffffff !important;
		background-color: #437a7b !important;
	}


	/* Tablet Meta */
	.tablet-nav-meta {
		bottom: 5px;
		margin-left: 0 !important;
		width: 80% !important;
	}

	.tablet-nav-meta a {
		font-size: 15px;
		text-decoration: none;
		color: #535B63;
	}

	.tablet-nav-meta a:hover {
		text-decoration: underline;
		color: #535B63;
	}

	.tablet-nav-meta-div {
		width: 150px;
		margin-bottom: 7px;
	}

	.tablet-meta-left {
		text-align: right;
		padding-right: 20px;
	}

	.tablet-nav-meta > div:not(.tablet-meta-left) {
		text-align: left;
		padding-left: 20px;
	}

	/* Sichtbarkeit für das seitliche Nav */
	input[type="checkbox"]#toggle-nav:checked + .tablet_open_nav {
		display: block !important;
	}

	/* Burger-Logo */
	.burger_menu > label {
		color: #ffffff;
		margin: auto;
	}

	/* Sichtbarkeit für das Nav der Desktopansicht */
	.main-nav {
		justify-content: flex-end !important;
	}

	/* Footer */
	.sitemap_container_mobile {
		display: none;
	}

	.display-none {
		display: block !important;
	}

	.display-none.tablet-nav-first-line {
		display: flex !important;
	}

	input.display-none {
		display: none !important;
	}

	.tablet-nav-meta {
		display: flex !important;
	}

	/* eine fehlende Bootstrap Klasse wurde hier ergänzt */
	.row-cols-xs-2 > * {
		flex: 0 0 auto;
		width: 50% !important;
	}

	.footer_info_container > div {
		max-width: 100%;
		margin: 0 !important;
	}

	.footer_info_container > div > div {
		padding: 5px 8px;
	}
}

@media print {
	* {
		-webkit-print-color-adjust: exact !important;
		color-adjust: exact !important;
	}

	.display-none {
		display: none !important;
	}

	.meta a, .meta a:hover {
		text-decoration: none;
	}

	.bubble_a {
		text-decoration: none;
	}

	nav.main-nav > ul > li > a > i {
		text-decoration: none;
	}

	.burger_menu {
		display: none;
	}

	nav.main-nav a {
		text-decoration: none;
	}

	/* Hauptmenüleiste -> Unterpunktliste */
	nav.main-nav > ul > li ul {
		display: none;
		list-style: none;
	}

	nav.main-nav > ul > li > ul li > a > p {
		text-decoration: none;
	}

	.tablet-nav-second-line-img div {
		display: none;
	}

	.tablet-nav-second-line > div > a > i::after {
		content: none;
	}

	.tablet-nav-second-line > div > a,
	.tablet-nav-second-line > div > a:hover {
		text-decoration: none;
	}

	.announcement-slider-textarea p {
		display: block !important;
	}

	#announcement-slider {
		height: 100% !important;
	}

	.event-entry-img {
		display: block !important;
	}

	#announcement-slider,
	.page-break-print,
	.col-4.main-event-img,
	.event-div {
		page-break-inside: avoid;
	}

	.page-cover {
		display: none !important;
	}

	#egotec-frontend-edit {
		display: none !important;
	}
}

@media (max-width: 1300px) {
	#logo {
		margin-right: 2%;
	}
}

@media (max-width: 868px) {
	#logo {
		margin-right: 10%;
	}
}