/* Teaser-Toggle Boxen
-----------------------*/

	.rmm-teaser-toggler {
		display: block;
		height: 32px;
		width: 32px;
		position: absolute;
		top: 18px;
		right: 25px;
		font-family: "ETmodules" !important;
		color: #FFFFFF;
		z-index: 20;
		font-size: 32px;
		/* background-color: transparent !important; */
		padding: 0 !important;
		cursor: pointer;
	}

		.page-id-18 .rmm-teaser-toggler,
		.page-id-3871 .rmm-teaser-toggler {
			top: 10px;
			right: 0;
		}

		@media only screen and (max-width: 768px) {
			.page-id-18 .rmm-teaser-toggler,
			.page-id-3871 .rmm-teaser-toggler {
				top: 2px;
			}
		}

	#page-container .et_pb_toggle .rmm-teaser-toggler:hover {
		opacity: 0.8;
		background-color: transparent !important;
	}

	#page-container .rmm-teaser-toggler:before {
		content: "\E050";
		color: inherit !important;
	}

	#page-container .rmm-teaser-toggler.is-open:before {
		content: "\E04F";
		color: inherit !important;
	}

	#page-container .rmm-toggler-teaser  h2:before {
		/*display: none !important;*/
		text-indent: -999999px;
	}

	/* Toggler-Farben
	------------------*/

		@media screen and (max-width: 767px) {
			#stw_ma_startseite_kacheln .mobile-toggle-essen-trinken .rmm-teaser-toggler {
				color: #76b82a !important;
			}
			#stw_ma_startseite_kacheln .mobile-toggle-bafoeg .rmm-teaser-toggler {
				color: #009fe3 !important;
			}
			#stw_ma_startseite_kacheln .mobile-toggle-wohnen .rmm-teaser-toggler {
				color: #009a93 !important;
			}
			#stw_ma_startseite_kacheln .mobile-toggle-beratung-service .rmm-teaser-toggler {
				color: #fbba00 !important;
			}
			#stw_ma_startseite_kacheln .mobile-toggle-international .rmm-teaser-toggler {
				color: #4f237e !important;
			}
			#stw_ma_startseite_kacheln .mobile-toggle-studieren-mit-kind .rmm-teaser-toggler {
				color: #e50064 !important;
			}
			#stw_ma_startseite_kacheln .mobile-toggle-termine .rmm-teaser-toggler {
				color: #3c3c3b !important;
			}
			#stw_ma_startseite_kacheln .mobile-toggle-ueber-uns .rmm-teaser-toggler {
				color: #e64010 !important;
			}
			#stw_ma_startseite_kacheln .mobile-toggle-nachhaltigkeit .rmm-teaser-toggler {
				color: #a5aaa0 !important;
			}
		}

/* HEADER
==========*/

	.et_fixed_nav.et_show_nav #page-container {
		padding-top: 0 !important;
	}

	.rmm-header {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 9999;
		background-color: rgba(255,255,255,0.95);
		padding-bottom:20px;
	}

	.rmm-header.shadow {
		-webkit-box-shadow: 0px 0px 18px -4px rgba(0,0,0,0.4);
		-moz-box-shadow: 0px 0px 18px -4px rgba(0,0,0,0.4);
		box-shadow: 0px 0px 18px -4px rgba(0,0,0,0.4);
	}

	.rmm-header--logo {
		display: inline-block;
	}

	.rmm-header--logo img {
		display: block;
		max-height: 65px !important;
		margin: 20px 0 10px 0;
	}

	@media screen and (max-width: 480px) {
		.rmm-header--logo img {
			max-width: 200px !important;
		}
	}

	.rmm-header > .et_pb_row {
		padding: 0;
	}

	/* Platzhalter
	---------------*/

		.rmm-header-spacer {
			height: 105px;
		}

		@media screen and (max-width: 480px) {
			.rmm-header-spacer {
				height: 80px;
			}
		}

	/* Header-Links (rechter Bereich)
	----------------------------------*/

		.rmm-header--links {
			position: absolute;
			right: 0;
			top: 45px;
		}

		@media screen and (max-width: 1200px) {
			.rmm-header--links {

			}
		}

		@media screen and (max-width: 980px) {
			.rmm-header--links {
				top: 25px;
			}
		}

		@media screen and (max-width: 480px) {
			.rmm-header--links {

			}
		}

		.rmm-header--links a {
			display: inline-block;
			margin-left: 12px;
			height: 30px;
			line-height: 30px;
			color: #FFFFFF;
			text-align: center;
		}

		.rmm-header--links a:hover {
			opacity: 0.8;
		}

		/* Inaktiv-Status
		------------------*/

			.rmm-header--links a.is-inactive {
				opacity: 0.3;
			}

		.rmm-header--links img {
			height: 30px;
		}

		@media screen and (max-width: 480px) {
			.rmm-header--links a {
				height: 20px;
				width: 20px;
				line-height: 20px;
				margin-left: 4px;
			}
			.rmm-header--links img {
				height: 20px;
			}

			.rmm-header #logo {
				height: 33px;
				position: relative;
				left: -6px;
			}
		}

/* Menü-Toggler
-----------------*/

	#menu-toggler {
		cursor: pointer;
	}

	@media screen and (max-width: 980px) {
		#menu-toggler {
			position: relative;
		}
	}

	@media screen and (max-width: 480px) {
		#menu-toggler {
			position: relative;
		}
	}

/* Searchbox
-------------*/

	.searchbox-overlay {
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0,0,0,0.8);
		z-index: 9999;
		overflow-y: scroll;
		-webkit-overflow-scrolling:touch;
		overflow-scrolling: touch;
	}

	.searchbox-wrapper {
		position: absolute;
		width: 800px;
		height: auto;
		position: absolute;
		top: 106px;
		left: 50%;
		transform: translateX(-50%);
	}

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

		.searchbox-overlay {
			padding: 10px;
		}

		.searchbox-wrapper {
			width: 100%;
			position: relative;
			top: 0;
			left: inherit;
			transform: none;
		}
	}

	.searchbox-input {
		width: 100%;
		border: none;
		padding: 15px 20px !important;
		font-size: 25px;
		font-weight: 400;
		background-image: url("../img/icons/search-white.svg");
		background-position: right 20px center;
		background-size: 32px 32px;
		background-repeat: no-repeat;
		background-color: #ffffff;
	}

	@media screen and (max-width: 768px) {
		.searchbox-input {
			font-size: 20px;
			padding: 10px 20px;
		}
	}

	.searchbox-input.loading {
		background-image: url("../img/icons/ajax-loader.gif");
		background-size: 30px 30px;
	}

	/* Ergebnisse
	--------------*/

		.searchbox-results {
			display: none;
		}

		.search-results-title {
			display: block;
			font-weight: 400;
			font-size: 26px;
			margin-bottom: 20px;
			color: #FFFFFF;
		}

		.search-results-title span {
			font-weight: 400;
			font-size: 25px;
			color: #999999;
		}

	/* Filter
	----------*/

		.search-results-filter {
			float: right;

		}

		.search-results-filter-select {
			background-color: #FFFFFF;
			border: none;
			padding: 5px 10px;
		}

	/* Awesomplete (Autovervollständigung)
	---------------------------------------*/

		.awesomplete [hidden] {
			display: none;
		}

		.awesomplete .visually-hidden {
			position: absolute;
			clip: rect(0, 0, 0, 0);
		}

		.awesomplete {
			display: inline-block;
			position: relative;
			width: 100%;
		}

		.awesomplete > input {
			display: block;
		}

		.awesomplete > ul {
			position: absolute;
			left: 0;
			z-index: 1;
			min-width: 100%;
			box-sizing: border-box;
			list-style: none;
			padding: 0;
			margin: 0;
			background: #fff;
		}

		.awesomplete > ul:empty {
			display: none;
		}

		.awesomplete > ul {
			margin: .2em 0 0;
		}

		@supports (transform: scale(0)) {
			.awesomplete > ul {
				transition: .3s cubic-bezier(.4,.2,.5,1.4);
				transform-origin: 1.43em -.43em;
			}

			.awesomplete > ul[hidden],
			.awesomplete > ul:empty {
				opacity: 0;
				transform: scale(0);
				display: block;
				transition-timing-function: ease;
			}
		}

		.awesomplete > ul > li {
			position: relative;
			padding: 6px 15px;
			font-weight: 400;
			cursor: pointer;
			font-size: 16px;
		}

		.awesomplete > ul > li:hover {
			background-color: rgba(200 , 200, 200, 0.6);
		}

		.awesomplete > ul > li[aria-selected="true"] {
			background-color: rgba(249, 80, 15, 0.2);
		}

		.awesomplete mark {
			background-color: transparent;
			color: #F9500F;
			font-weight: 400;
			cursor: pointer;
			font-size: 16px;
		}

		.awesomplete li:hover mark {
			background-color: rgba(249, 80, 15, 0.1);
		}

		.awesomplete li[aria-selected="true"] mark {
			color: #F9500F;
			color: inherit;
		}

	/* Ladeanmiation
	-----------------*/

		.search-loading {
			display: none;
			height: 40px;
			margin-top: 50px;
			text-align: center;
		}

		.search-loading svg {
			max-width: 48px;
		}

	/* Ergebnisse
	--------------*/

		.search-results {
			margin: 20px 0 50px 0;
		}

		.search-result {
			padding: 10px 0;
			border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
		}

		.search-result:last-of-type {
			border-bottom: none;
		}

		.search-result:hover {
			background-color: rgba(255, 255, 255, 0.2);
		}

		.search-result-title {
			color: #FFFFFF;
			font-size: 24px;
		}

		.search-result-description {
			color: #FFFFFF;
			font-size: 14px;
			margin-bottom: 5px;
		}

		.search-result-image {
			display: block;
		}

	/* Breadcrumb
	--------------*/

		.search-result-url-link {
			color: rgba(255, 255, 255, 0.6);
			font-size: 13px;
		}

		.search-result-url-link:after {
			content: '';
			display: inline-block;
			background-image: url('/wp-content/plugins/theme_customizing/pub/img/small-right-white.svg');
			height: 10px;
			width: 10px;
			background-size: 10px 10px;
			background-position: 0 0 ;
			margin-left: 5px;
			color: rgba(255, 255, 255, 0.6);
		}

		.search-result-url-link:last-of-type:after {
			display: none;
		}

	/* Schließen Button
	--------------------*/

		.searchbox-closer {
			position: fixed;
			top: 20px;
			right: 20px;
			height: 40px;
			width: 40px;
			z-index: 3;
			background-image: url("../img/icons/nucleo/white/simple-remove.svg");
			background-position: right center;
			background-size: 32px 32px;
			background-repeat: no-repeat;
			font-size: 0;
			opacity: 0.2;
			cursor: pointer;
		}

		.searchbox-closer:hover {
			opacity: 0.5;
		}

/* Kachellinks auf der Startseite
----------------------------------*/

	#stw_ma_startseite_kacheln a {
		text-decoration: none;
	}

/* Ausblenden von Tapas auf Speiseplan
---------------------------------------*/

	.speiseplan-table [data-menuid="76"] {
		display: none !important;
	}

/* Offcanvas-Menü
==================*/

	.offcanvas nav {
		position: fixed;
		background-color: rgba(0,0,0,0.7) !important;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 101;
		overflow-y: revert;
	}

	html.offcanvas,
	html.offcanvas body {
		overflow-y: hidden;
		max-height: 100%;
	}


	/* Navigationmenüs
	-------------------*/

		.nav-offcanvas {
			display: none;
		}

		.offcanvas .nav-offcanvas {
			position: fixed;
			width: 290px;
			top: 0;
			right: -290px;
			bottom: 0;
			background-color: #EFEFEF;
				background-color: #333333;
			height: 100%;
			overflow-y: scroll;
			-webkit-box-shadow: 0px 0px 18px -4px rgba(0,0,0,0.4);
			-moz-box-shadow: 0px 0px 18px -4px rgba(0,0,0,0.4);
			box-shadow: 0px 0px 18px -4px rgba(0,0,0,0.4);
			-webkit-overflow-scrolling:touch;
			overflow-scrolling: touch;
			z-index: 99999;
		}

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

		.nav-offcanvas ul ul {
			display: none;
			background-color: rgba(255,255,255,0.05);
		}


	/* Themefarben
	---------------*/

	/* Neutrale Farbe
	------------------*/

		/*
		.nav-offcanvas li > a {
			background-color: rgba(175, 175, 175, 1);
		}
		.nav-offcanvas li > a:hover {
			background-color: rgba(100, 100, 100, 0.9);
		}
		.nav-offcanvas li li > a {
			background-color: rgba(100, 100, 100, 0.2);
		}
		.nav-offcanvas li li > a:hover {
			background-color: rgba(100, 100, 100, 0.3);
		}

		.nav-offcanvas li.essen-trinken > a {
			background-color: rgba(104, 181, 0, 1);
		}
		.nav-offcanvas li.essen-trinken > a:hover {
			background-color: rgba(104, 181, 0, 0.9);
		}
		.nav-offcanvas li.essen-trinken li > a {
			background-color: rgba(104, 181, 0, 0.2);
		}
		.nav-offcanvas li.essen-trinken li > a:hover {
			background-color: rgba(104, 181, 0, 0.3);
		}

		.nav-offcanvas li.wohnen > a {
			background-color: rgba(0, 146, 157, 1);
		}
		.nav-offcanvas li.wohnen > a:hover {
			background-color: rgba(0, 146, 157, 0.9);
		}
		.nav-offcanvas li.wohnen li > a {
			background-color: rgba(0, 146, 157, 0.2);
		}
		.nav-offcanvas li.wohnen li > a:hover {
			background-color: rgba(0, 146, 157, 0.3);
		}

		.nav-offcanvas li.bafoeg-co > a {
			background-color: rgba(0, 129, 206, 1);
		}
		.nav-offcanvas li.bafoeg-co > a:hover {
			background-color: rgba(0, 129, 206, 0.9);
		}
		.nav-offcanvas li.bafoeg-co li > a {
			background-color: rgba(0, 129, 206, 0.2);
		}
		.nav-offcanvas li.bafoeg-co li > a:hover {
			background-color: rgba(0, 129, 206, 0.3);
		}

		.nav-offcanvas li.beratung-service > a {
			background-color: rgba(255, 184, 0, 1);
		}
		.nav-offcanvas li.beratung-service > a:hover {
			background-color: rgba(255, 184, 0, 0.9);
		}
		.nav-offcanvas li.beratung-service li > a {
			background-color: rgba(255, 184, 0, 0.2);
		}
		.nav-offcanvas li.beratung-service li > a:hover {
			background-color: rgba(255, 184, 0, 0.3);
		}

		.nav-offcanvas li.studieren-mit-kind > a {
			background-color: rgba(207, 0, 79, 1);
		}
		.nav-offcanvas li.studieren-mit-kind > a:hover {
			background-color: rgba(207, 0, 79, 0.9);
		}
		.nav-offcanvas li.studieren-mit-kind li > a {
			background-color: rgba(207, 0, 79, 0.2);
		}
		.nav-offcanvas li.studieren-mit-kind li > a:hover {
			background-color: rgba(207, 0, 79, 0.3);
		}

		.nav-offcanvas li.international > a {
			background-color: rgba(88, 40, 140, 1);
		}
		.nav-offcanvas li.international > a:hover {
			background-color: rgba(88, 40, 140, 0.9);
		}
		.nav-offcanvas li.international li > a {
			background-color: rgba(88, 40, 140, 0.2);
		}
		.nav-offcanvas li.international li > a:hover {
			background-color: rgba(88, 40, 140, 0.3);
		}

		.nav-offcanvas li.wir-ueber-uns > a {
			background-color: rgba(249, 80, 15, 1);
		}
		.nav-offcanvas li.wir-ueber-uns > a:hover {
			background-color: rgba(249, 80, 15, 0.9);
		}
		.nav-offcanvas li.wir-ueber-uns li > a {
			background-color: rgba(249, 80, 15, 0.2);
		}
		.nav-offcanvas li.wir-ueber-uns li > a:hover {
			background-color: rgba(249, 80, 15, 0.3);
		}
		*/

	/* Link
	--------*/

		.nav-offcanvas li {
			position: relative;
		}

		.nav-offcanvas li a {
			position: relative;
			display: block;
			margin: 0;
			font-size: 17px;
			font-weight: 500;
			padding: 10px 45px 10px 25px;
			/*border-bottom: 2px solid #FFFFFF;*/
			color: #FFFFFF;
		}

		.nav-offcanvas li a:hover {
			background-color: rgba(255,255,255,0.1);
				background-color: #f18800;
				background-color: rgba(241, 136, 0, 0.9);
		}

		.nav-offcanvas > ul > li > a {
			text-transform: uppercase;
			color: #FFFFFF;
		}

		.nav-offcanvas li li a {
			padding-left: 40px;
			font-weight: 400;
		}

		.nav-offcanvas li li li a {
			padding-left: 45px;
			font-size: 18px;
		}

		.nav-offcanvas li li li li a {
			padding-left: 60px;
		}


	/* Pfeilbuttons
	----------------*/

		.nav-offcanvas .arrow-link {
			position: absolute;
			top: 0;
			right: 0;
			width: 45px;
			height: 45px;
			border-bottom: none;
		}

		.nav-offcanvas .arrow {
			display: none !important;
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			width: 45px;
			background-image: url('/wp-content/plugins/theme_customizing/pub/img/small-right-white.svg');
			background-position: center center;
			background-size: 16px 16px;
			background-repeat: no-repeat;
			cursor: pointer;
			background-color: rgba(0, 0, 0, 0.05);
			z-index: 1;
		}

		.nav-offcanvas .arrow:hover {
			background-color: rgba(255,255,255,0.1);
		}

		.nav-offcanvas .menu-item-has-children > a > .arrow {
			display: block !important;
		}

		.nav-offcanvas .arrow.open {
			background-image: url('/wp-content/plugins/theme_customizing/pub/img/small-down-white.svg');
		}

	/* Sprach-Links entfernen
	--------------------------*/

		.nav-offcanvas .lang-item {
			display: none;
		}

	/* Logo
	--------*/

		.offcanvas-logo {
			padding: 20px 0 0 25px;
		}

		.offcanvas-logo img {
			max-width: 180px;
		}

	/* Headericons
	---------------*/

		.offcanvas-icon-wrapper {
			padding: 30px 0 30px 0;
			text-align: center;
		}

		.offcanvas-icon-wrapper:after {
			content: '';
			clear: both;
			display: table;
		}

		.offcanvas-icon-wrapper > a {
			display: inline-block;
			height: 35px;
			width: 35px;
			background-color: rgba(255,255,255,0.2);
			color: #FFFFFF;
			border-radius: 100%;
				border-radius: 5px;

			text-indent: -9999px;
			margin: 0 5px;
			background-repeat: no-repeat;
			background-position: center center;
		}

		.offcanvas-icon-wrapper > a:hover {
			opacity: 0.8;
		}

		.icon-instagram {
			background-image:url("/wp-content/plugins/theme_customizing/pub/img/instagram.svg");
			background-size: 70% auto;
		}
		.icon-facebook {
			background-image:url("/wp-content/plugins/theme_customizing/pub/img/facebook.svg");
			background-size: 50% auto;
		}
		.icon-tiktok {
			background-image:url("/wp-content/plugins/theme_customizing/pub/img/tiktok.svg");
			background-size: 50% auto;
		}
		.icon-x {
			background-image:url("/wp-content/plugins/theme_customizing/pub/img/x.svg");
			background-size: 50% auto;
		}
		.icon-flag-de {
			background-image:url("/wp-content/plugins/theme_customizing/pub/img/flag-de.svg");
			background-size: 60px auto;
		}
		.icon-flag-de.is-inactive {
			opacity: 0.3;
		}
		.icon-flag-en {
			background-image:url("/wp-content/plugins/theme_customizing/pub/img/flag-en.svg");
			background-size: 60px auto;
		}
		.icon-flag-en.is-inactive {
			opacity: 0.3;
		}
		.icon-search {
			background-image:url("/wp-content/plugins/theme_customizing/pub/img/search.svg");
			background-size: 50% auto;
		}
		.icon-close {
			background-image:url("/wp-content/plugins/theme_customizing/pub/img/close.svg");
			background-size: 50% auto;
		}

	/* Closer
	----------*/

		.offcanvas-closer {
			display: block;
			position: absolute;
			top: 29px;
			right: 15px;
			height: 30px;
			width: 30px;
			cursor: pointer;
			background-image:url("/wp-content/plugins/theme_customizing/pub/img/close.svg");
			background-repeat: no-repeat;
			background-size: 22px auto;
		}

		.offcanvas-closer:hover {
			opacity: 0.8;
		}

/* Icons
---------*/

	#lang_switcher_de,
	#lang_switcher_en {
		display: inline-block;
		height: 30px;
		width: 30px;
		border-radius: 50%;
		overflow: hidden;
		background-size: 160% auto;
		background-repeat: no-repeat;
		background-position: center center;
	}

		@media screen and (max-width: 480px) {
			#lang_switcher_de,
			#lang_switcher_en {
				height: 20px;
				width: 20px;
			}
		}

	#lang_switcher img {
		scale: 1.5;
	}

/* Quicklinks (Startseite)
===========================*/

	.rmm-quicklinks {
		position: fixed;
		top: 290px;
		right: 40px;
		width: 60px;
		z-index: 99;
	}

	.rmm-quicklinks a {
		display: block;
		height: 60px;
		width: 60px;
		text-align: center;
		border-radius: 40px;
		background-color: #FFFFFF;
		-webkit-box-shadow: 0px 0px 12px -5px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 12px -5px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 12px -5px rgba(0,0,0,0.75);
		transition: transform 0.5s ease;
	}

	.rmm-quicklinks a:hover {
		transform: rotate(5deg) scale(1.1);
	}

	.rmm-quicklinks a + a {
		margin-top: 15px;
	}

	.rmm-quicklinks a img {
		width: 36px;
		height: auto;
		position: relative;
		top: 13px;

	}