/* default styles for all sites */

/* * { outline: 1px solid red !important; } */
 
html, body {
	margin: 0;	
}

body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;     /* Fallback für sehr alte Browser */
    min-height: 100dvh;    /* moderne Browser: dynamische Viewport-Höhe */	
}

.schmalhans {
       max-width: 75ch;
       margin: 0 auto;
}

.seite {
	flex: 1;
	
        width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0 20px;
	display: block;
	box-sizing: border-box; 	
}

.cond {	text-transform: uppercase; font-stretch: 72%;}
	
 h1 {
	font-family: "Archivo", sans-serif;
	line-height: 0.8;
	font-size: 2em;
	font-weight: 500;
	font-style: normal;
	font-stretch: 72%;
	text-align: center;
	padding-top: 20px;
	margin-bottom: 20px;
}
 h2 {
	font-family: "Archivo", sans-serif;
	line-height: 0.8;
	font-size: 1.3em;
	font-weight: 500;
	font-style: normal;
	font-stretch: 72%;
	text-align: center;
	padding-top: 20px;
	margin-bottom: 10px;
}

.menue {
	font-family: "Archivo", sans-serif;
	line-height: 1.2;
	font-size: 2em;
	font-weight: 500;
	font-style: normal;
	font-stretch: 72%;
	text-align: center;
}

.mobile-break {
        display: none;
}

a {
	/*background-color: white;
	border: 1px solid white;*/
}
	
a:link {
	color: black;
	text-decoration: none;	
}
	
a:visited {
	color: black; /*rgb(222 222 222) rgb(168 168 168)
	border-color: green;
	background-color: rgb(232 232 232);*/
}
	
a:hover {
	color: rgb(122 122 122);
}
	
.textbox {
	hyphens: auto;
        overflow-wrap: anywhere;
        word-break: break-word;
        box-sizing: border-box;
	margin-top: 1rem;
	line-height: 1.6;
	margin-left: auto;
	margin-right: auto;
	max-width: 900px;
	margin-bottom: 30px;
        box-sizing: border-box;
	/* border: 0.5px solid rgb(235 235 235); 
        background-color: rgb(235 235 235); */
	text-align: center;
	font-family: "Archivo", sans-serif;
	font-size: 130%;
	font-weight: 400;
	font-style: normal;
}


.streitschrift {
    hyphens: auto;
    overflow-wrap: anywhere;
    word-break: break-word;
    box-sizing: border-box;
	margin-top: 25px;
	line-height: 1.6;
	margin-left: auto;
	margin-right: auto;
	max-width: 900px;
	/* border: 0.5px solid rgb(235 235 235); */
	font-family: "Archivo", sans-serif;
	font-size: 130%;
	font-stretch: 95%;
	font-style: normal;
	margin-bottom: 30px;
	
}
.streitschrift summary {
  cursor: pointer;          /* zeigt dem Nutzer „das ist klickbar"  */
  font-weight: 500;          /* etwas hervorgehobener als der Text */
  font-size: 125%;
  font-stretch: 95%;
  font-style: bold;
  list-style: none;          /* entfernt das Standard-Dreieck      */
  text-align: center;
  /* border-top: 0.5px solid rgb(235 235 235); */
}


.streitschrift summary::-webkit-details-marker {
  display: none;             /* dasselbe für Safari/alte Chrome    */
}

.streitschrift[open] summary {
  margin-bottom: 1.1em;       /* etwas Luft zum aufgeklappten Inhalt */
}

.streitschrift > p { text-align: left;}


.klappezu {
  display: block;
  margin-top: -5px;
  margin-bottom: 2em;
  text-align: right;
  font-family: "Archivo", sans-serif;
  font-stretch: 90%;
  font-weight: 400;
  font-size: 0.9em;
  text-decoration: underline;
 
}

.myli {
  list-style-type: none;
  padding-left: 0;
}

.myli li {
  padding-left: 35px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 28px 28px;
}

.myli .exl {
	background-image: url(exlink.svg);
	}
.myli .pdf {
	background-image: url(pdfdown.svg);
	}

ul {
	padding-left: 18px;
	
}

ol li { margin-bottom: 5px;}

footer {
  margin-top:20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
	
}

.footer-links {
  display: flex;
  gap: 1.2em;
  font-family: "Archivo", sans-serif;
  font-stretch: 72%;
  font-weight: 500;
  font-size: 1.3em;
  justify-content: space-between;
  padding-bottom: 40px;
  margin: 0 auto;
  
}

footer img { height:130px; margin: 0 auto;}

@media (max-width: 75ch) {
  footer img { height: 100px; margin-bottom: -30px;}
  .footer-links { font-size: 1em;  padding-bottom: 5px; justify-content: space-between;}
  .seite { max-width: 600px; }
  .textbox, .streitschrift { font-size: 100%; }
  .mobile-break { display: inline; }
}

#splash {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: opacity 0.5s ease;
}

#splash.weg {
  opacity: 0;
  pointer-events: none;
}

.splash-inhalt {
  display: none;
  font-family: "Archivo", sans-serif;
  font-stretch: 72%;
  font-weight: 500;
  font-size: clamp(2.4rem, 8vw, 3.5rem);
  line-height: 1.1;
  text-align: center;
  color: black;
  max-width: 85%;
  padding: 0 20px;
  /* hyphens: auto; */
  overflow-wrap: anywhere;
  word-break: break-word;
}

.splash-inhalt.aktiv {
  display: block;
}