/* MDB 9.3 zeichnet z. B. die Slider-Pfeile mit "Font Awesome 6 Free".
   Eingebunden ist Font Awesome 7, daher hier ein Alias auf dessen Schriftdatei. */
@font-face { font-family: "Font Awesome 6 Free"; font-style: normal; font-weight: 100 900; font-display: block; src: url("../font/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"); }
@font-face { font-family: "Font Awesome 6 Pro"; font-style: normal; font-weight: 100 900; font-display: block; src: url("../font/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"); }

/* shadows-into-light-two-regular - latin */
@font-face {
  font-family: 'Shadows Into Light Two';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../font/shadows-into-light-two/shadows-into-light-two-v13-latin-regular.woff2') format('woff2'),
       url('../font/shadows-into-light-two/shadows-into-light-two-v13-latin-regular.woff') format('woff');
}

body{
	--e-global-color-primary:#20406a;
	--e-global-color-secondary:#E5BB13;
	--e-global-color-text:#7A7A7A;
	--e-global-color-accent:#FFCF11;
	--e-global-color-896a2f4:#FFFFFF;
	--e-global-color-4d81bd7:#4F4F4F;
	--e-global-color-be131ca:#B2B2B2;
	--e-global-color-8799b72:#F3F4F5;
	--e-global-color-f871a76:#A9A9A9;
	--e-global-typography-primary-font-family:"Nunito Sans";
	--e-global-typography-primary-font-size:16px;
	--e-global-typography-primary-font-weight:300;
	--e-global-typography-secondary-font-family:"Shadows Into Light Two";
	--e-global-typography-secondary-font-size:50px;
	--e-global-typography-secondary-font-weight:600;
	--e-global-typography-secondary-line-height:1.25em;
	--e-global-typography-secondary-letter-spacing:2px;
	--e-global-typography-text-font-family:"Nunito Sans";
	--e-global-typography-text-font-size:16px;
	--e-global-typography-text-font-weight:400;
	--e-global-typography-text-text-decoration:none;
	--e-global-typography-accent-font-family:"Nunito Sans";
	--e-global-typography-accent-font-size:15px;
	--e-global-typography-accent-font-weight:500;
	--e-global-typography-be1bd52-font-family:"Shadows Into Light Two";
	--e-global-typography-be1bd52-font-size:16px;
	--e-global-typography-be1bd52-font-weight:900;
	--e-global-typography-be1bd52-text-decoration:none;
	--e-global-typography-be1bd52-letter-spacing:2px;
	--e-global-typography-769e417-font-family:"Shadows Into Light Two";
	--e-global-typography-769e417-font-size:24px;
	--e-global-typography-769e417-font-weight:600;
	--e-global-typography-769e417-text-decoration:none;
	--e-global-typography-769e417-letter-spacing:2px;
	--e-global-typography-52b0fa9-font-family:"Shadows Into Light Two";
	--e-global-typography-52b0fa9-font-size:40px;
	--e-global-typography-52b0fa9-font-weight:500;
	--e-global-typography-df78bf7-font-family:"Shadows Into Light Two";
	--e-global-typography-df78bf7-font-size:15px;
	--e-global-typography-df78bf7-font-weight:900;
	--e-global-typography-df78bf7-letter-spacing:2px;
	--e-global-typography-650c16c-font-family:"Shadows Into Light Two";
	--e-global-typography-650c16c-font-size:70px;
	--e-global-typography-650c16c-font-weight:600;
	--e-global-typography-650c16c-line-height:1.3em;
	--e-global-typography-650c16c-letter-spacing:1.5px;word-spacing:0px;
	--e-global-typography-de613cd-font-family:"Nunito Sans";
	--e-global-typography-de613cd-font-size:18px;
	--e-global-typography-de613cd-font-weight:400;
	--e-global-typography-dfae72d-font-family:"Nunito Sans";
	--e-global-typography-dfae72d-font-size:12px;
	--e-global-typography-dfae72d-font-weight:500;
	--e-global-typography-dfae72d-letter-spacing:3px;
	--e-global-typography-99dabeb-font-family:"Shadows Into Light Two";
	--e-global-typography-99dabeb-font-size:26px;
	--e-global-typography-99dabeb-font-weight:600;
	--e-global-typography-99dabeb-text-decoration:none;
	--e-global-typography-99dabeb-letter-spacing:2px;
	--e-global-typography-8013b04-font-family:"Nunito Sans";
	--e-global-typography-8013b04-font-size:18px;
	--e-global-typography-8013b04-font-weight:400;
	--e-global-typography-8013b04-font-style:italic;
	--e-global-typography-a19e47a-font-family:"Shadows Into Light Two";
	--e-global-typography-a19e47a-font-size:18px;
	--e-global-typography-a19e47a-font-weight:600;
	--e-global-typography-a19e47a-letter-spacing:2px;
	--e-global-typography-4d739ac-font-family:"Shadows Into Light Two";
	--e-global-typography-4d739ac-font-size:30px;
	--e-global-typography-4d739ac-font-weight:600;
	--e-global-typography-4d739ac-line-height:1.5em;
	--e-global-typography-4d739ac-letter-spacing:2px;
	--e-global-typography-4084b3a-font-family:"Shadows Into Light Two";
	--e-global-typography-4084b3a-font-size:28px;
	--e-global-typography-4084b3a-font-weight:600;
	--e-global-typography-4084b3a-text-decoration:none;
	--e-global-typography-4084b3a-line-height:1.4em;
	--e-global-typography-4084b3a-letter-spacing:2px;
	--e-global-typography-c01957f-font-family:"Shadows Into Light Two";
	--e-global-typography-c01957f-font-size:24px;
	--e-global-typography-c01957f-font-weight:600;
	--e-global-typography-c01957f-text-decoration:none;
	--e-global-typography-c01957f-line-height:1.4em;
	--e-global-typography-c01957f-letter-spacing:2px;
	--e-global-typography-832c373-font-family:"Shadows Into Light Two";
	--e-global-typography-832c373-font-size:180px;
	--e-global-typography-832c373-font-weight:600;
	--e-global-typography-832c373-line-height:1em;
	--e-global-typography-832c373-letter-spacing:1.5px;
	--e-global-typography-a4ed761-font-family:"Shadows Into Light Two";
	--e-global-typography-a4ed761-font-size:42px;
	--e-global-typography-a4ed761-font-weight:600;
	--e-global-typography-a4ed761-line-height:1.4em;
	--e-global-typography-a4ed761-letter-spacing:2px;
	color:var( --e-global-color-text );
	font-family:var( --e-global-typography-primary-font-family ), Sans-serif;
	font-size:var( --e-global-typography-primary-font-size );
	font-weight:var( --e-global-typography-primary-font-weight );
	--grid-template-columns: repeat(0, auto);
    --icon-size: 17px;
    --grid-column-gap: 17px;
    --grid-row-gap: 0px;
}



h1,h2,h3,h4,h5{
	color: var( --e-global-color-primary );
    font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
    font-size: var( --e-global-typography-secondary-font-size );
    font-weight: var( --e-global-typography-secondary-font-weight );
    line-height: var( --e-global-typography-secondary-line-height );
    letter-spacing: var( --e-global-typography-secondary-letter-spacing );}

h3,h4,h5{
    margin: 0px 0px 5px 0px;
    color: var(--e-global-color-primary );
    font-family: var(--e-global-typography-769e417-font-family ), Sans-serif;
    font-size: var(--e-global-typography-769e417-font-size );
    font-weight: var(--e-global-typography-769e417-font-weight );
    text-decoration: var(--e-global-typography-769e417-text-decoration );
    line-height: var(--e-global-typography-769e417-line-height );
    letter-spacing: var(--e-global-typography-769e417-letter-spacing );
    word-spacing: var(--e-global-typography-769e417-word-spacing );
}
a{
	color: var( --e-global-color-primary );
}
a:hover, a:focus{
	color: var( --e-global-color-accent );
}
.w-80{
	width: 80%;
}

.btn-outline-light {
    color: #fbfbfb;
    border-color: var( --e-global-color-accent );
}
.btn-outline-light:hover,
.btn-outline-light:focus{
    color: #fbfbfb;
    border-color: var( --e-global-color-accent );
    background-color: var( --e-global-color-accent );
}

.navbar {
 	position: absolute;
	top: 0px;
	width: 100%;
   box-shadow: none;
}
.navbar .me-auto {
    margin-right: auto!important;
    margin-left: auto!important;
}
.navbar .nav-link {
    font-family: var( --e-global-typography-df78bf7-font-family ), Sans-serif;
    font-size: var( --e-global-typography-df78bf7-font-size );
    font-weight: var( --e-global-typography-df78bf7-font-weight );
    line-height: var( --e-global-typography-df78bf7-line-height );
    letter-spacing: var( --e-global-typography-df78bf7-letter-spacing );
    word-spacing: var( --e-global-typography-df78bf7-word-spacing );
    padding: 0px 20px 0px 20px;
    color: var( --e-global-color-896a2f4 );
}
.navbar .nav-link:hover,
.navbar .active .nav-link:hover,
.navbar .active .nav-link {
	color: var( --e-global-color-accent );
}

.navbar-brand img {
    height: 30px;
    margin-right: 0.25rem;
}

.headbild{ 
	position: relative;
	width: 100%;
	height: 508px; 
	background-position: 0px 22%;
	background-repeat: no-repeat;
	background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
.headbildoverlay{ 
	height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
	opacity: 0.5;
	background: #20406a;
}
.headcontainer{
	display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
	
}
.headcontainer h1{
	color: var( --e-global-color-896a2f4 );
    font-family: var( --e-global-typography-650c16c-font-family ), Sans-serif;
    font-size: var( --e-global-typography-650c16c-font-size );
    font-weight: var( --e-global-typography-650c16c-font-weight );
    line-height: var( --e-global-typography-650c16c-line-height );
    letter-spacing: var( --e-global-typography-650c16c-letter-spacing );
    word-spacing: var( --e-global-typography-650c16c-word-spacing );
}

.carousel-item{ 
	position: relative;
	background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-item h1,
.carousel-item h2{
	color: var( --e-global-color-secondary );
    font-family: var( --e-global-typography-650c16c-font-family ), Sans-serif;
    font-size: var( --e-global-typography-650c16c-font-size );
    font-weight: var( --e-global-typography-650c16c-font-weight );
    line-height: var( --e-global-typography-650c16c-line-height );
    letter-spacing: var( --e-global-typography-650c16c-letter-spacing );
    word-spacing: var( --e-global-typography-650c16c-word-spacing );
	text-shadow: 2px 2px #20406a;
}


/* Carousel styling */
  #introCarousel,
  .carousel-inner,
  .carousel-item,
  .carousel-item.active {
	height: 100vh;
  }

.sm-author{ font-weight: 700;}
.sm-datum{ }


.carousel-item {
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
}

.btn-more {
    font-family: var(--e-global-typography-be1bd52-font-family ), Sans-serif;
    font-size: var(--e-global-typography-be1bd52-font-size );
    font-weight: var(--e-global-typography-be1bd52-font-weight );
    text-decoration: var(--e-global-typography-be1bd52-text-decoration );
    line-height: var(--e-global-typography-be1bd52-line-height );
    letter-spacing: var(--e-global-typography-be1bd52-letter-spacing );
    word-spacing: var(--e-global-typography-be1bd52-word-spacing );
    fill: var(--e-global-color-primary );
    color: var(--e-global-color-primary );
    background-color: var(--e-global-color-accent );
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
}
.btn-more:hover, .btn-more:focus {
    color: var(--e-global-color-accent );
    background-color: var(--e-global-color-primary );
}

.accordion-button {
    color: var(--e-global-color-primary );
    font-family: var(--e-global-typography-be1bd52-font-family ), Sans-serif;
	font-size: var(--e-global-typography-be1bd52-font-size );
	font-weight: var(--e-global-typography-be1bd52-font-weight );
    text-decoration: var(--e-global-typography-be1bd52-text-decoration );
    line-height: var(--e-global-typography-be1bd52-line-height );
    letter-spacing: var(--e-global-typography-be1bd52-letter-spacing );
    word-spacing: var(--e-global-typography-be1bd52-word-spacing );	
	position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0rem 1.5rem;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
}
.accordion-button:not(.collapsed) {
    color: var(--e-global-color-primary );
    background-color: var(--e-global-color-accent );
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}

footer{
	background-color: var( --e-global-color-8799b72 );
}
footer h4{
	color: var( --e-global-color-primary );
    font-family: var( --e-global-typography-769e417-font-family ), Sans-serif;
    font-size: var( --e-global-typography-769e417-font-size );
    font-weight: var( --e-global-typography-769e417-font-weight );
    text-decoration: var( --e-global-typography-769e417-text-decoration );
    line-height: var( --e-global-typography-769e417-line-height );
    letter-spacing: var( --e-global-typography-769e417-letter-spacing );
    word-spacing: var( --e-global-typography-769e417-word-spacing );
}
footer a{
	color: var( --e-global-color-primary );
	
}

footer .social-icons{ 
	display: inline-block;
    width: 100%;
    word-spacing: var(--grid-column-gap);
    margin-bottom: calc(-1 * var(--grid-row-gap));
}
footer .social-icons .grid-item{ 
	display: inline-block;
    margin-bottom: var(--grid-row-gap);
    word-break: break-word;
	width: 44px;
}
footer .social-icons .grid-item a{ 
	padding: 8px 0;
	border: 1px solid var( --e-global-color-primary );
	display: inline-block;
	width: 44px;
	text-align: center;
	color: var( --e-global-color-primary );
}
footer .social-icons .grid-item a:hover{ 
	padding: 8px 0;
	border: 1px solid var( --e-global-color-accent );
	background: var( --e-global-color-accent );
	display: inline-block;
	width: 44px;
	text-align: center;
	color: var( --e-global-color-primary );
}

@media (max-width: 767px){
	body{
		--e-global-typography-secondary-font-size: 30px;
		--e-global-typography-650c16c-font-size:40px;
		--e-global-typography-650c16c-font-weight:600;
		--e-global-typography-650c16c-line-height:1.3em;
		--e-global-typography-650c16c-letter-spacing:1.5px;word-spacing:0px;
	}
}
@media (min-width: 768px) and (max-width: 991px){
}
@media (min-width: 992px) and (max-width: 1199px){
}
@media (min-width: 1200px){
}

/* ---- Ergänzungen für MDB 9 (Ordner mdb) ---- */

/* Navbar-Toggler (mobil sichtbar) */
.navbar-toggler {
	color: var( --e-global-color-896a2f4 );
	border: 0;
	font-size: 1.25rem;
}

/* Desktop-Dropdowns per Hover */
.navbar .nav-item.dropdown {
	position: relative;
}
.navbar .nav-item.dropdown:hover > .drop1 {
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
}
.navbar .drop1 .dropdown-submenu {
	position: relative;
}
.navbar .drop1 .dropdown-submenu:hover > .drop2 {
	display: block;
	position: absolute;
	top: 0;
	left: 100%;
}
.navbar .dropdown-menu a {
	display: block;
	padding: 5px 15px;
	color: var( --e-global-color-primary );
}
.navbar .dropdown-menu a:hover,
.navbar .dropdown-menu a.active {
	background-color: var( --e-global-color-accent );
	color: var( --e-global-color-primary );
}

/* Mobile Sidenav */
.sidenav .sidenav-link {
	color: var( --e-global-color-primary );
}
.sidenav .sidenav-link:hover,
.sidenav .sidenav-link.active {
	background-color: var( --e-global-color-accent );
	color: var( --e-global-color-primary );
}

/* Back-to-top-Button */
.totop {
	position: fixed;
	bottom: 60px;
	right: 0;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	transition: opacity .4s, visibility .4s;
}
.totop.show {
	opacity: 1;
	visibility: visible;
}
.totop a {
	display: inline-block;
	width: 45px;
	height: 45px;
	padding-top: 9px;
	text-align: center;
	font-size: 20px;
	border-radius: 50%;
	background: var( --e-global-color-primary );
	color: var( --e-global-color-accent );
}

/* YForm-Formulare: YForm gibt Bootstrap-3-Markup aus, das Bootstrap 5 / MDB nicht mehr stylt */
.form-group {
	margin-bottom: 1rem;
}
.control-label {
	display: inline-block;
	margin-bottom: .25rem;
	font-weight: 500;
}
.help-block {
	display: block;
	margin-top: .25rem;
	color: #6c757d;
}
.has-error .form-control {
	border-color: #dc4c64;
}
.has-error .control-label,
.has-error .help-block {
	color: #dc4c64;
}
select.form-control {
	appearance: auto;
}
.checkbox label,
.radio label {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
}