@media (max-width: 767px)
{
	.visible-desktop, .normalnav .visible-desktop
	{
		display: none;
	}

	.visible-mobile
	{
		display: inherit;
	}
	body
	{
		font-size: 18px;
	}
	.text-styles p {

	}

	.nav-men2 a {
		color:#000;
		text-shadow: none  ;
		font-size: 16px;
	}
	.nav-men2 a:hover, .nav-men2 a:focus, .nav-men2 a.active {
		color:#952C58;
		text-shadow: none  ;
	}
	.normabstand {
		margin-top: 60px;
	}
	h1 {
		font-size: 28px;
	}
	h1.h1start {
		font-size: 35px;
		margin-bottom:20px
	}
	h2 {
		font-size: 20px;
	}
	h2.h2start {
		font-size: 32px;
	}
	h3 {
		font-size: 20px;
	}
	.willkommenstext {
		font-size: 20px;
	}
	.slide-overlay h1, .slide-overlay h2 {
		font-size: 2.2rem;
	}
	.normalnav #header {
		position: relative;
	}
	.normalnav .abschnitt
	{
		/*margin-top:60px;*/
	}
	.normalnav .abschnitt:first-child {
		margin-top: 0;
	}
	.abschnitt {
		margin-top: 50px;
	}

	.abschnitt:first-of-type, .bildkaruselltop  {
		margin-top: 0;
	}
	.carousel-wrap  .carousel-scroll-indicator {
		bottom: 23px;
	}
	.mobile-menu
	{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: 0;
		visibility: hidden;
		background-color: #052156
		color: #ffffff;
		z-index: 9999;
		-webkit-transition: opacity ease-in-out .4s, visibility ease-in-out .4s;
		-moz-transition: opacity ease-in-out .4s, visibility ease-in-out .4s;
		-o-transition: opacity ease-in-out .4s, visibility ease-in-out .4s;
		transition: opacity ease-in-out .4s, visibility ease-in-out .4s;
	}

	.mobile-menu-open .mobile-menu
	{
		opacity: 1;
		visibility: visible;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		padding-top: 50px;
		display: block;
	}

	.mobile-menu-nav
	{
		padding: 18px 0;
	}

	.mobile-menu .mobile-menu-button
	{
		position: absolute;
		right: 0;
		top: 0;
	}

	.mobile-menu .mobile-menu-button-close
	{
		position: absolute;
		right: 20px;
		top: 8px;
		font-size: 1em;
		line-height: 1;
		padding: 0;
		min-width: 0;
	}

	a.mobile-menu-button {
		color: #ffffff;
		filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
	}
	a.mobile-menu-button:hover {
		color: #1C1C1C;

	}

	.normalnav a.mobile-menu-button {
		color: #1C1C1C;
		filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
	}

	.normalnav a.mobile-menu-button:hover {
		color: #7c7c7c;
	}

	.mobile-menu-button
	{

		padding: 12px 0;
		min-width: 52px;
		text-align: center;
	}
	.normalnav a.mobile-menu-button-close {
		color:#ffffff !important;
		text-decoration: none;
	}
	.normalnav a.mobile-menu-button-close:hover {
		color:#000000 !important;
		text-decoration: none;
	}
	.text-right {
		text-align: left !important;
	}
	.mobile-menu-button:not(.mobile-menu-button-close) .icon:before,
	.mobile-menu-button-open .icon:before
	{
		content: '\f0c9';
	}

	.mobile-menu-open .mobile-menu-button:not(.mobile-menu-button-open) .icon:before,
	.mobile-menu-button-close .icon:before
	{
		content: '\f00d';
	}

	.mobile-menu-nav ul
	{
		list-style: none;
		padding: 0 0 0 12px;
		margin: 0;
	}

	.mobile-menu-nav ul > li
	{
		padding: 6px 0;
		margin: 0;
		border-top: 1px #ffffff solid;
	}

	.mobile-menu .mobile-menu-nav > ul > li:first-child
	{
		border-top: 0;
	}

	.mobile-menu .mobile-menu-nav > ul ul
	{
		margin: 20px 0 10px;
	}

	.mobile-menu .mobile-menu-nav a
	{
		padding: 6px 4px;
		text-decoration: none;
		display: block;
	}

	.mobile-menu-nav a.active,
	.mobile-menu-nav a:hover,
	.mobile-menu-nav a:focus
	{
		text-decoration: underline;
	}

	/* Website Spezifische Anweisungen */
	.logo {
		background: unset;
		filter: unset;
		margin: 5px auto 10px auto;
		width: 150px;
	}

	.fa-2x {
		font-size: 1.7em;
	}
	.mobile-menu .mobile-menu-button-close .fa-2x {
		font-size: 1.3em;
	}
	.normalnav .logo {
		background: unset;
		filter: unset;
		margin: 15px 0 10px auto;
		text-align: center;
		max-width: unset;
		position: unset;
		display: block;
	}

	.normalnav .header-bottom {
		background: #ffffff;
		filter: unset;
		padding: 0;
	}

	.normalnav #main, #main {
		margin: 0px 0 30px 0;
		padding:0 ;
	}

	.carousel-overlay h1, .carousel-overlay h2, .carousel-overlay h3{
		color:#ffffff;
	}
	.carousel-overlay h1 {
		font-size: 30px;
	}

	.carousel-titel {
		color: #ffffff;
		font-size: 30px;
	}
	.slide-overlay p {
		font-size: 20px;
	}
	.welletext
	{
		padding:20px;
	}
	.spaltig-2, .spaltig-3, .spaltig-4 {
		column-count: 1;
	}
	.carousel-titel
	{
		display: none;
	}

	.slide-overlay h1,.slide-overlay h2 {

		font-size: 1.4rem;
	}
	.slide-overlay, .overlay-headerimage {

		min-width: 336px;
		bottom: 20%;

	}

	.header-img .wrap {
		padding:0;
	}
	.wrap:has(.carousel-wrap) {
		padding:0;
	}

	#footernav .text-styles p {
		text-align: unset;
	}
	.footer-nav > ul > li {
		display: block;
	}
	.line-right, .line-left {
		flex: 1 1 auto;
	}
	.mobil-center {
		text-align: center !important;
	}


	.hint50 .text-styles p {
		font-size: 18px;
	}
	.hint50 h2 {
		font-size: 25px;
		margin-bottom: 20px;
	}
	.hint50-footer
	{
		position: static;
		left: auto;
		bottom: auto;
		transform: none;
		display: block;
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		margin-top: 20px;
	}
	.hint50-footer p
	{
		text-align: center !important;
		margin-left: 0;
		margin-right: 0;
	}
	.footer-top, .footer-top a {
		font-size: 20px;
	}

	.highlight-2 {
		font-size: 30px;
	}
	.carousel-overlay {
		bottom:0;
	}
}