@import url('https://fonts.googleapis.com/css?family=Roboto:400,700|Playfair+Display|Righteous');
a{
    text-decoration: none !important;
}
html, body{
	margin: 0;
	padding: 0;
	background-color: #F3F3F3;
	color: #000;
}

*{
	box-sizing: border-box;
}

a{
	color: rgb(255, 255, 255) !important;
}


section.wrapper_aufklappen .aufklappen_wrap{
	width: calc(100% - 20px);
	max-width: 1100px;
	margin: 0 auto;
}

section.wrapper_aufklappen .aufklappen_wrap .einzeln{
	margin-bottom: 10px;
}

section.wrapper_aufklappen .aufklappen_wrap .titel_wrap{
	cursor: pointer;
	text-align: center;
	border-bottom: 4px solid #FF9102;
	border-left: 20px solid #FF9102;
	width: 100%;
	padding: 20px 0;
	position: relative;
}

section.wrapper_aufklappen .aufklappen_wrap .titel_wrap h3{
	position: relative;
	margin: 0;
}


section.wrapper_aufklappen .aufklappen_wrap .titel_wrap h3:after{
	content: '';
	position: absolute;
	background-image: url(images/arrowred.svg);
	background-position: top right;
	background-repeat: no-repeat;
	height: 70%;
	top: 15%;
	width: 100%;
	right: 0;
	background-size: contain;
}

section.wrapper_aufklappen .aufklappen_wrap .beschreibung_wrap{
	display: none;
	padding: 20px;
}

@keyframes shake {
	0% { 
		transform: rotate(15deg);
	}
	18% { 
		opacity: 1;
		transform: rotate(-13deg);
	}
	36% { 
		opacity: 1;
		transform: rotate(11deg);
	}
	54% { 
		opacity: 1;
		transform: rotate(-9deg);
	}
	72% { 
		opacity: 1;
		transform: rotate(7deg);
	}
	84% { 
		opacity: 1;
		transform: rotate(-5deg);
	}
	100% { 
		opacity: 1;
		transform: rotate(0deg);
	}
}



@media only screen and (max-width: 768px) {
  header {
    background-size: cover;
    background-position: center;
    height: 100vh;
  }
}
/* Sichtbarkeit sicherstellen (überschreibt evtl. strenge Regeln) */
.collapse.show, .navbar-collapse.show { display: block !important; }
.collapse:not(.show), .navbar-collapse:not(.show) { display: none; }

/* Fallback für unsere generische .open-Variante */
#mainNav, .mobile-nav, .nav, .menu { display: none; }
#mainNav.open, .mobile-nav.open, .nav.open, .menu.open { display: block; }

/* Overlay-Konflikte vermeiden: Menü-Button liegt oben */
.navbar-toggler, .menu-btn, .btn-line, .hamburger { position: relative; z-index: 9999; }

/* NRW-Badge kollidiert nicht mit dem Button */
.nrw-badge, .badge-nrw, .header .badge { margin-right: 10px; }

.collapse.show, .navbar-collapse.show, .nav.open, .mobile-nav.open, .menu.open {
  display: block !important;
}
.collapse:not(.show), .navbar-collapse:not(.show), .nav:not(.open), .mobile-nav:not(.open), .menu:not(.open) {
  display: none !important;
}
.navbar-toggler, .menu-btn, .btn-line, .hamburger {
  position: relative;
  z-index: 9999;
}
/* NRW-Badge blockiert keine Klicks mehr */
.Highlite1.Location,
.text1 { pointer-events: none; }

/* Der Menü-Button liegt ganz oben */
.navbar-toggler { position: relative; z-index: 9999; }

/* Sichtbarkeit des Menüs sicherstellen – unabhängig von Bootstrap */
.collapse.show,
.navbar-collapse.show { display: block !important; }
.collapse:not(.show),
.navbar-collapse:not(.show) { display: none !important; }
/* NRW-Badge blockiert keine Klicks mehr */
.Highlite1.Location, .Highlite1.Location *, .text1 { pointer-events: none; }

/* Toggler liegt immer oben */
.navbar-toggler { position: relative; z-index: 9999; }

/* Sichtbarkeit absichern – egal welche Bootstrap-Version aktiv ist */
.collapse.show, .navbar-collapse.show { display: block !important; }
.collapse:not(.show), .navbar-collapse:not(.show) { display: none !important; }

/* Fallback für unseren eigenen Toggle */
#navbarMenu.open { display: block !important; }
/* --- HM Automobile Menü Fix Styles --- */
.Highlite1.Location, .Highlite1.Location *, .text1 {
  pointer-events: none;
}

.navbar-toggler {
  position: relative;
  z-index: 9999;
}

.collapse.show, .navbar-collapse.show {
  display: block !important;
}

.collapse:not(.show), .navbar-collapse:not(.show) {
  display: none !important;
}