/*--------------------- Allgemeines -----*/
html {width: 100vw; height: 100vh;}
#navi_22_breadcrump {display: none;}

h1 {font-family: 'Noto Serif', serif; font-size: 22pt; color: rgb(80, 80, 80); margin-top: 0; padding-bottom: 10px; border-bottom: 1.5px solid rgb(125, 25, 35);}
p, li {font-family: 'Noto Sans', sans-serif; font-size: 12pt;}
p.bildunterschrift {font-family: 'Noto Sans', sans-serif; font-size: 10pt;}


/*--------------------- Bilderleiste -----*/
#bilderleiste {width: 100vw; height: auto; display: flex; flex-wrap: wrap; align-content: center;}

.bilderleiste {width: 100vw; height: auto;}


/*--------------------- Navigation -----*/
#rahmen {padding: 0;}
#rahmen.rahmen_navigation_abstand {margin: 0; padding-bottom: 4vh;}

#navigation {display: flex; background-color: rgb(125,25,35); box-shadow: none;}
#navigation ul {width: 60vw; padding: 0; height: 100%; display: flex; justify-content: space-around;}
#navigation li {margin: 0; height: 100%; width: auto;}
#navigation li a {color: white; font-family: 'Noto Sans', sans-serif; height: 100%; display: flex; align-items: center; justify-content: left; font-size: 12pt; transition: 0.5s; text-align: left; width: auto; padding: 0 15px;}
#navigation li a:hover {color: black; transition: 0.5s;}
#navigation li a.aktiv {color: rgb(195, 195, 195);}
#navigation li a.aktiv:hover {color: black; transition: 0.5s;}

#navigation ul li ul {height: auto; top: 49px; display: block; margin-left: 0; background-color: rgb(125,25,35); box-shadow: 0px 8px 8px #10101085;}
#navigation ul li ul li {margin: 0; padding: 0; height: 100%; min-width: auto;}
#navigation ul li ul li a {min-height: 25px; height: 100%; display: flex; align-items: center; justify-content: left; font-size: 1.25em; transition: none; padding: 0.5vw; min-width: auto; text-align: left; width: max-content;}

#navigation.affix {border: none; position: sticky !important;}


/*--------------------- Inhalt -----*/
#inhalt {width: 60vw; padding: 3vw; background-color: #f1f1f1; border-left: 30px double rgb(125, 25, 35);}
#inhalt li {font-family: 'Noto Sans', sans-serif; font-size: 12pt;}
#inhalt ul {padding-inline-start: 2vw;}

#bild_neben_text_position .portrait {margin-top: 15px;}


/*--------------------- Bausteine -----*/
.kurztext_global {background-color: transparent; margin-top: 40px; margin-bottom: 20px; padding: 0;}
.kurztext_global h3 {font-size: 18pt; font-family: 'Noto Serif', serif; color: rgb(125,25,35); margin: 0 0 5px 0;}
.kurztext_global .kurztext_text_div p, li {font-family: 'Noto Sans', sans-serif; font-size: 12pt;}
.kurztext_global .kurztext_text_div p {margin-top: 1em;}


/*--------------------- Kontaktformular -----*/
fieldset {margin-top: 10px;}
#kontaktformular label {font-size: 11pt; font-family: 'Noto Sans', sans-serif;}
#kontaktformular legend {font-size: 12pt; font-family: 'Noto Sans', sans-serif;}
#kontaktformular input[type="submit"] {font-family: 'Noto Sans', sans-serif; background-color: #7d1923; color: white; height: 35px; border: none; border-radius: 5px; transition: 0.5s;}
#kontaktformular input[type="submit"]:hover {color: #7d1923; background-color: white; transition: 0.5s; cursor: pointer;}
#kontaktformular label a, a:visited {font-family: 'Noto Sans', sans-serif; font-size: 11pt;}


/*--------------------- Fuss -----*/
#fuss {color: white; font-size: 11pt; font-family: 'Noto Sans', sans-serif; background-color: rgb(80, 80, 80); height: 4vh; bottom: 0; display: flex; justify-content: center; align-items: center; padding: 0;}
.fuss_links {color: white;}
#fuss a {color: white; font-size: 11pt; font-family: 'Noto Sans', sans-serif; text-decoration: underline white dotted; transition: 0.5s;}
#fuss a:hover {text-shadow: 0px 0px 1px white; font-weight: normal; transition: 0.5s;}



@media only screen and (max-width: 1200px) {
	#bilderleiste {height: 35vw; justify-content: center;}
	.bilderleiste {height: 100%; width: auto;}
	
	#navigation ul {width: 100vw;}
	#navigation ul li ul li {min-width: 25vw;}
	
	#inhalt {width: 80vw; padding: 5vw;}
}