/*:root {
	--jl-purple: #AB1161;
	--jl-darkpurple: #300533;
	--jl-midpurple: #610A37;
}*/
:root {
	--jl-purple: #AEA700;
	--jl-darkpurple: #201717;
	--jl-midpurple: #95912F;
}


header, body, footer {
	/*padding-top: 6.5rem;*/
	/*background-image:url("http://www.lorenz-kroner.de/grafik/hintergrund8.jpg");*/
/*	font-family: 'Raleway', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
	font-family: 'Lora', serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', sans-serif;
}

/*Close-Icon anzeigen, wenn das Menü offen ist*/
.navbar-toggler>.navbar-toggler-icon {
	display:inline-block;
}

/*Close-Icon ausblenden, wenn das menü offen ist; Menü-Symbol ausblenden, wenn das Menü zu ist*/
.navbar-toggler.collapsed>.close-icon, .navbar-toggler:not(.collapsed)>.navbar-toggler-icon {
    display:none;
}

/*Größe und ausrichtung der Icons*/
.navbar-toggler-icon, .navbar-toggler>.close-icon {
	width: 2rem;
	height: 2rem;
	vertical-align: middle;
	background: none !important;
	/*margin-top: 0.5rem;*/
}

/*Formatierung MENÜ-Schriftzug*/
.navbar-toggler p {
	font-family: 'Raleway';
	font-weight:400;
	color: rgba(255,255,255,0.5);
	font-size:0.7em;
	margin:0;
}


/* Formatierung Dropdown-Menü  */
.dropdown-menu {
	background-color: rgba(255,255,255,1);
	color: var(--jl-darkpurple);
	/*background-color: var(--jl-darkpurple);*/
}

.dropdown-menu .dropdown-item {
	color:  rgba(32,23,23,0.6);
}

.dropdown-menu .dropdown-item:hover{
	background-color: inherit;
	color:  rgba(32,23,23,1);
}

.dropdown-menu .dropdown-item.active {
	background-color: inherit;
	font-weight: 700;
	color: rgba(32,23,23,1);
}

@media all and (min-width:  992px) {
	.navbar .nav-item .dropdown-menu {
		display: none;
	}
	.navbar .nav-item:hover .nav-link {

	}
	.navbar .nav-item:hover .dropdown-menu {
		display:  block;
	}
	.navbar .nav-item .dropdown-menu {
		margin-top:  0;
	}
}

@media (max-width: 992px) {
	.navbar .nav-item .dropdown-menu {
		display: block;
		background-color: inherit;
		color: rgba(255, 255, 255, 0.5);
	}

	.navbar .nav-item .dropdown-menu .dropdown-item {
		color: inherit;
	}

	.navbar .nav-item .dropdown-menu .dropdown-item:hover {
		color: rgba(255, 255, 255, 0.7);
	}

	.navbar .nav-item .dropdown-menu .dropdown-item.active {
		font-weight: 500;
		color: rgba(255, 255, 255, 1);
	}
}

/*Formatierung der Linien (Menü-Symbol)*/
.menuline {
	/*color: red;*/
	stroke: rgba(255,255,255,0.5);
	stroke-width: 2px;
	stroke-linecap: round;
}

/*Für Carousel*/

.carousel-inner div a img {
	height: 20rem;
}

.top-container {
	background-color: rgba(174,167,0,0.1);
}

/*Bilder oben*/

.top-pic {
	height: 20rem;
	background-color:rgba(174,167,0,0.1);
	background-position: center; background-size:100%;
	margin-top:3rem;
	margin-bottom: 1rem;
}

.jl-left, .jl-right {
	margin-top: 5rem;
}


/*Carousel und Bilder oben Media*/

@media (max-width: 1400px) {
	.carousel-inner div a img, .top-pic {
	height: 18rem;
	}
}

@media (max-width: 1200px) {
	.carousel-inner div a img, .top-pic {
	height: 16rem;
	}
}

@media (max-width: 992px) {
	.carousel-inner div a img, .top-pic {
	height: 14rem;
	}
	div.carousel-caption h2 {
		font-size:1.5rem;
	}
}

@media (max-width: 768px) {
	.carousel-inner div a img, .top-pic {
	height: 12rem;
	}
	div.carousel-caption h2 {
		font-size:1.3rem;
	}
	div.carousel-caption p {
		font-size:1rem;
	}
	.jl-right {
		margin-top: 0;
	}
}

@media (max-width: 575.98px) { 
	div.carousel-caption h2 {
		font-size:1.1rem;
	}
	div.carousel-caption p {
		font-size:0.9rem;
	}
	.carousel-inner div a img, .top-pic {
	height: 10rem;
	}
}



/*Startseite Icons*/

ul.social-icon {
	list-style-type: none;
	font-size: 2.5rem;
	padding-left: 0;
}

.social-icon li{
	display: inline;
}

/*Overwrite Bootstrap CSS*/
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
	font-weight: 600;
	color: var(--jl-darkpurple);
}

h1, .h1 {
	padding-top: 0.8rem;
}

h2, .h2 {
	padding-top: 1rem;
}

a {
	color: var(--jl-purple);
	transition: 0.5s ease;
	text-decoration: none;
}

a:hover {
	color: var(--jl-midpurple);
	transition: 0.5s ease;
}

/*a.navbar-brand {
	padding:1.1em 0;
}*/

.bg-dark {
	background-color:var(--jl-darkpurple) !important;
}

.bg-light {
	background-color: rgba(174,167,0,0.1) !important;
}

mark {
	background-color:var(--jl-purple);
	color:#fff;
}


.img-credit-container {
	position: relative;
}

.img-credit {
  position: absolute;
  bottom: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 0.75rem;
  padding: 2px 6px;
  border-radius: 3px;
  font-family: 'Raleway', sans-serif;
}





@media (prefers-color-scheme: dark) {
	body {
		background-color: #121212;
		color: #f5f5f5;
	}
	h1, h2, h3, h4 {
		color: #f5f5f5;
/*		color: var(--jl-purple);*/
	}
	.table {
		color: #f5f5f5;
	}
	.card {
		background-color: #1e1e1e;
		color: #f5f5f5;
	}
}




/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/raleway-v28-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/raleway-v28-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/raleway-v28-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/raleway-v28-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/fonts/raleway-v28-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/raleway-v28-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-600 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/raleway-v28-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/raleway-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/raleway-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/raleway-v28-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/fonts/raleway-v28-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/raleway-v28-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* lora-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/lora-v35-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lora-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/lora-v35-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lora-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/lora-v35-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lora-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: italic;
  font-weight: 500;
  src: url('/fonts/lora-v35-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}