@charset "ISO-8859-1";

.adminlink, #hauptbereich .minitext.adminlink {
	display:inline;
	font-size:0;

}

.adminlink a {
	font-size: 0px;
background-color:transparent;
background-repeat: no-repeat;
background-position: center center;
display: inline-block;
width: 1.2rem;
height: 0.8rem;
filter: invert(7%) sepia(90%) saturate(5000%) hue-rotate(248deg) brightness(170%) contrast(80%);
background-image: url(/daten/img/icon.svg#edit);
overflow: hidden;
color:white;
}

.adminleiste {
	font-size:90%;
}

.adminleiste .icon {
	max-width:1em;
	max-height:1em;
}

.links {
	text-align:left;
}

.rechts {
	text-align:right;
}

.zentriert {
	text-align:center;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
	text-decoration:none;
	color:inherit;
}

.artikel {
    margin:0 0 0 0;
    clear:both;
    min-height:min-content;
    margin-top:2em;
    overflow:auto;
    width: 100%;
}

.artikel.einzelnachricht, .artikel.multimedia {
	overflow:visible;
}

.artikel .artikelmeta {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    border-bottom: solid 1px #aaa;
    font-size:85%;
    font-family: Tahome, Helvetica, Arial, sans-serif;
}

#hauptinhalt .artikel h3 {
    margin: .5em 0 .5em 0;
    font-size:100%;
}



.artikel .artikeldatum, .artikel .artikelkategorie {
    display:block;
    box-sizing: border-box;
    margin:0 0 0 0;
    padding:0;

}

.artikel .artikeldatum {
	width:39.9%;
	max-width:39.9%;
}

.artikelkategorie {text-align:right;
   width:60%;
}

.artikel > div {
    display:block;
}

.artikel  .artikelthumb  {
    display:block;
    min-width:5rem;
    margin:.75em 0 .25em 0.65em;
    float:right;
    width:25%;
    box-sizing: border-box;
}

.artikel .artikelthumb img {
	width:100%;
}
.artikeltext a.mehr {
	clear:right;
}

.artikeleinleitung {
	font-style:italic;
	margin:1em 0;
}
.artikeltext, .artikeleinleitung {
	line-height:1.5;
}


.artikel > p img {
    width:100%;
    display:inline-block;
}

p.artikelautor {
    font-style:italic;
    text-align:right;
}

#artikel .bewertungsbox {
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-end;
}

#artikel .bewertungsbox > form {
    margin-left:0;
    
}

#artikel .bewertungsbox p {
   margin-top:0.25em;
   margin-bottom:0.25em;
   font-size:90%;  
   text-align:right;
}

#artikel .bewertungsbox .bewertungsbuttons {
	display:inline-block;
	text-align:right;
}

#artikel .bewertungsbox input[type=submit] {
	border-radius:.5em;
	display:inline-block;
	width:3em;
	box-sizing:border-box;
	margin-left:.25em;
	line-height:.9em;
	text-align:center;
	padding:.1em;
	font-size:80%;
	white-space:nowrap;
}

#artikel p.bewertung {
	padding-left:1em;
}

/* Fotogalerien */
div.einzelbild {
    text-align:center;
}

div.einzelbild .bildnavig {
    display:flex;
    justify-content:center;
}


div.einzelbild .bildnavig li .icon{
   display:inline-block;
   width:2rem;
   margin:0 .5rem;
   font-size:1.5rem;
   color:black;
   height:2rem;
   background-color:rgba(0,0,0,.5);
   border-radius:1rem;
}

div.einzelbild .bildnavig li .icon.squared{
	border-radius:.2rem;
	background-size:1.5rem 1.5rem;
}

div.fullcontainer {
    display:none;
    position:fixed;
    left:0;
    right:0;
    top:0;
    right:0;
    width:100%;
    height:100%;
    background-color:black;
    z-index:10000;
    justify-content:space-around;
    align-content: center;

}

div.fullcontainer > div {
    width:100%;
    max-width:80rem;
    max-height:100%;
    opacity:1;
    margin:auto;
    background-color:black;


}
div.fullcontainer figure{
    margin:auto 0;
    display:block;
    background-color:black;
    opacity:1;
    transition:opacity 800ms ease-out;
    font-size:calc(0.65 * 1rem + 1.1vw);
    position:relative;

}

div.fullcontainer figure.fadeout{
    opacity:0;
    transition:opacity 150ms ease-in;
}



div.fullcontainer img {
    max-width:100%;
    display:block;
    max-height:100vh;
    object-fit:contain;
    margin:auto;
    z-index: 20000;
}

div.fullcontainer figcaption {
    z-index: 25000;
    display: block;
    background-color:rgba(0,0,0,.5);
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    color:white;
    padding:.25em;
    text-shadow: 1px 1px #000;
    max-height:40%;
    overflow:hidden;
    margin-bottom:0;
}


div.fullcontaier div.controls {
	 z-index: 30000;
}

div.fullcontainer  div.controls > * {
	position: absolute;
	display: inline-block;
	filter: invert();
	opacity: .6;
	background-color:#666;
	background-size:1.8rem 1.8rem;
	text-align: center;
	font-size:1.8rem;
    width:2rem;
    height:2rem;
    border-radius:1rem;
}

div.fullcontainer  div.controls > *:hover {
	opacity:.9;
}

div.fullcontainer  div.controls .close {

    right:0.5rem;
    top:0.5rem;
    background-size:1.1rem 1.1rem;

}

div.fullcontainer  div.controls .single {
    left:0.5rem;
    top:0.5rem;
    background-size:1.1rem 1.1rem;

}



div.fullcontainer  div.controls .next {
    right:.5rem;
    top:calc(50% - 1.25rem);

}
div.fullcontainer  div.controls .prev {
    left:.5rem;
    top:calc(50% - 1.25rem);
}

div.fullcontainer  div.controls .counter {
    left:calc(50% - 2rem);
    top:0.5rem;
    font-size:1.1rem;
    width:5rem;
    line-height:1.8rem;
}

div.fullcontainer div.controls.hidden, div.fullcontainer figcaption.hidden {
    opacity:0;
    transition:opacity 500ms ease-out;
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

@keyframes pulse {
    5% {
        opacity:1;
    }
    50% {
        opacity:0.3;
    }
    95% {
       opacity:1;
    }
}

.pulseicon {
	animation-name: pulse;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

div.fullcontainer  .wait {
    position:absolute;
    left:50%;
    top:50%;
    display:none;
    font-size:2rem;
    width:2rem;
    height:2rem;
    filter:invert();
    opacity:.15;
    background-color:transparent;
    animation-name: spin;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

/* Ortschaften */

body.ortschaften #inhalt p.zentriert {
    text-align:center;
}
body.ortschaften #inhalt p img {
	display:inline-block;
	margin:auto;
}

ul#ortschaftenliste {
	overflow-y:scroll;
	height:12rem;
	list-style:none;
	margin-left:0;
	padding-left:0;
}

div.kompaktbild, div.kompakteintrag, div.kompaktlink, div.ortschaftsgruppe {
	clear:both;
	width:100%;
	overflow:auto;
	margin:1rem 0;
}

div.kompaktbild img, div.kompakteintrag img {
	float:left;
	margin-right:0.5rem;
	margin-top:0.25rem;
	max-width:5rem;
	width:5rem;
	max-height:6rem;
	object-fit:cover;
	overflow:hidden;
}


div.kompaktbild .minitext,  div.kompakteintrag .minitext, div.kompaktlink .minitext {
    font-size:80%;
}

.editorenliste li {
	display:flex;
	align-items:center;
	margin-top:.5rem;
}
.editorenliste img {
	width: 3rem;
	height: 3rem;
	object-fit:cover;
	border-radius:1.5rem;
	margin-right:.5rem;
	display:inline-block;
}

.ortschaftsgruppe h2 {
	margin:0 0 .5rem 0;
	font-size:100%;
}
.ortschaftsgruppe img {
	width:6rem;
	height:6rem;
	object-fit:cover;
	float:left;
	margin-right:0.5rem;
	border-radius:1.5rem;
}

.kgbilduebersicht img {
	width:100%;
}



/*Foren*/

.kommentare.gesperrt {
	filter:contrast(.5);
}

.kommentare ,.kommentar{
	margin-left:0;
	padding-left:0;
	list-style: none;
}

.forenbeitrag, .kommentar {
	display:flex;
	flex-wrap:wrap;
	border-style:solid;
    border-width:1px;
    margin:2em 0;
}

.forenbeitrag > *, .kommentar>* {
	box-sizing:border-box;
	padding:.5rem;
}

.forenbeitrag > .autor, .kommentar > .kommentarbild{
   width:5rem;
   font-size:80%;
   position:sticky;
   top:0;
   text-align:center;
   z-index:10;
}
.kommentar > .kommentarbild{
	width:4rem;
	margin-top:0;
	margin-bottom:0;
	padding:0.25rem .5rem;
	display:block;
}
.forenbeitrag > .autor img, .kommentar > .kommentarbild img {
    display:block;
}

.benutzergb > .autor {
	width:3.5rem;
	margin-top:.15em;
}



.forenbeitrag >.datum, .kommentar > .kommentarautor {
   margin-left:auto;
   margin-right:auto;
   width:calc(100% - 5rem);
   font-size:80%;
   position:sticky;
   top:0;
   padding-left:0;
   z-index:10;

}
.kommentar > .kommentarautor {
	width:calc(100% - 4rem);
	margin-top:0;
    margin-bottom:0;
	
}

.forenbeitrag.benutzergb > .datum {
    width:calc(100% - 3.5rem);    
}

.forenbeitrag  .smiley {
	float:right;
	margin-left:.5rem;
	width:1em;
	height:1em;
	max-width:1em;
	max-height:1em;
}

.forenbeitrag > .text, .kommentar > .text {
	display:block;
	width:100%;
	padding-bottom:1.5em;
}

.forenbeitrag > .text q.zitat, .benutzermail .zitiert {
    font-size:90%;
    margin:.5em 0 .5em 1em;
    display:block;
}

.benutzermail .zitiert {
    padding-left:.5em;
    border-left-style: solid;
    border-left-width:2px;
}

.forenbeitrag > .text q.zitat .autor {
	font-style:italic;
}

.forenbeitrag > .text q.zitat::before, .forenbeitrag > .text q.zitat::after {
    content:''
}


.forenbeitrag ul.flatflex, .kommentar ul.flatflex {
	margin:.25rem 0;
	justify-content: flex-end;
}

.forenbeitrag ul.flatflex li, .kommentar ul.flatflex li {
	margin-left:.5rem;
}
.forenbeitrag ul.flatflex li:first-child, .kommentar ul.flatflex li:first-child {
    margin-left:0;
}

.forenbeitrag ul.flatflex .icon, .kommentar ul.flatflex .icon {
   background-color:rgba(0,0,0,.5);
   width:1.25em;
   height:1.25em;
   border-radius:.25em;
}

#hauptinhalt .benutzermail h3, #hauptinhalt .benutzergb h3 {
	margin:0 0 .15em 0;
	font-size:105%;
	line-height:1.2;
}

#hauptinhalt .benutzermail, #hauptinhalt .benutzergb {
	margin:2em 0;
}

ul.gruppennachrichten li {
	overflow:auto;
     margin:1em 0;
}

ul.gruppennachrichten li > * {
   margin:0;
}
ul.gruppennachrichten li img {
	float:left;
	margin:.5em .5em .25em 0;
}


#inhalt .portraet img, #inhalt img.beispielbild {
	float:right;
	margin-left:1rem;
	padding:.5rem;
	border-style: solid;
	border-width: 1px;	
	display:block;
	max-width:50%;
	box-sizing: border-box;
}

#inhalt .portraet h4 {
	font-size:100%;
}


/*startseite, topartikel*/

#startseitekurzinfo {
	margin-bottom:.25em;
}
#topartikel.hoch {
/* 	overflow:auto; */
	width:100%;
}

#topartikel h1 {
	margin-top:.25em;
	
}

#topartikel p.datum {
    margin:.5em 0 .25em 0;
    text-align:left;
    
}
#topartikel img.topartikelbild.hoch {
	float:right;
	margin:0 0 1em 1em;
	max-width:45%;
}

#topartikel img.topartikelbild.breit {
    float:right;
    margin:0 0 .5em 0;
    width:100%;
}

#schlagzeilenstartseite, #ht_was_laeuft_startseite ul {
	clear:none;
}

#schlagzeilenstartseite li,  #ht_was_laeuft_startseite ul li{
	background-color:transparent;
	clear:none;
	width:auto;
}

#schlagzeilenstartseite li .datum {
	font-weight:bold;
}

/*pdfarchiv*/

.pdfausgabe {
	margin-left:auto;
	margin-right:auto;
	table-layout:fixed;
}
.pdfausgabe td {
	text-align:center;
	font-size:85%;
	padding:.25em;
	vertical-align:top;
}

.pdfausgabe .rbild, .pdfausgabe .lbild{
	display:block;
	max-width:140px;
	text-align:center;
	border-style:solid;
    border-width:1px;
    font-size:60%;
}
.pdfausgabe img {
	display:block;
	max-width:100%;	
	margin:.0;
}

.pdfarchiv td {
	vertical-align:top;
}

#inhalt .pdfarchiv td h3{
    margin-top:0;
    margin-bottom:.5em;
    font-size:100%;
}

.pdfarchiv td p {
    margin:.5em 0 1em 0;
}

.pdfarchiv td:first-child {
	width:20%;
}
.pdfarchiv td:first-child a {
	min-width:5rem;
	display:block;
	padding-right:.5rem;
}

/*Audioplayer*/

.audioplayer.mini audio {
   width:6rem;
   height:2rem;
   display:inline-block;
   margin-right: .25em;
   border-radius:.3rem;
}


/*Tonaufnahmen*/

.tonaufnahme .player, .tonaufnahmekomplett .player, div.playertransformed {
	padding:.5rem 0;
	font-size:85%;
	margin-top:1em;
	border-top-style:solid;
	border-bottom-style:solid;
	border-top-width:1px;
	border-bottom-width:1px;
}

.tonaufnahme .player audio, .tonaufnahmekomplett .player audio, div.playertransformed audio {
	width:100%;
	display:block;
}

#hauptinhalt .tonaufnahme .player h3, #hauptinhalt  div.playertransformed h4{
	font-size:120%;
	margin:0 0 .5em 0;
}

.tonaufnahme .sprecher {
	margin:.25em 0;
}

.tonaufnahmekomplett .player p, .tonaufnahme .player p {
   margin:.0 0;
}

.tonaufnahmekomplett .player .minitext {
   font-size:90%;
}

.tonaufnahmekomplett .beschreibung {
   margin:1em 0;
}

div.singleplayertransformed audio {
	display:block;
	width:100%;
}

.featurepopup {
	font-size:80%;
}

/* Formulare*/

form.inline {
	display:inline-block;
}

#sonstiges form input, #sonstiges form textarea, #sonstiges form select,
#hauptbereich form input, #hauptbereich form textarea , #hauptbereich form select{
	 font-size:1.2rem;
	 max-width:100%;
	 display:inline-block; 
	 box-sizing: border-box;
}

#cookiehinweis button,
#loginfeldklein button,
#sonstiges form input[type=submit], 
#sonstiges form input[type=reset],
#sonstiges form button[type=submit],
#hauptbereich form input[type=submit], 
#hauptbereich form input[type=reset],
#hauptbereich form button[type=submit] {
    font-size:1.1rem;
/*     max-width:15rem; */
    display:inline-block;
    box-sizing: border-box;
    text-overflow:ellipsis;
    white-space:normal;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    border-width:2px;
    border-style:outset;
    border-radius:0px;
    box-shadow: 1px 1px 1px 0;
    padding:.1em .25em;
    margin:.25em 0;
    
}

#cookiehinweis button:active,
#loginfeldklein button:active,
#sonstiges form input[type=submit]:active, 
#sonstiges form input[type=reset]:active,
#sonstiges form button[type=submit]:active,
#hauptbereich form input[type=submit]:active, 
#hauptbereich form input[type=reset]:active,
#hauptbereich form button[type=submit]:active {
    border-style:inset;
    box-shadow: none;
}



#hauptinhalt form input[type=file] {
	display:block;
	font-size:80%;
	white-space:normal;
	overflow:hidden;
	width:100%;
	
}

form {
	--input-unten-rand: 0;
}

form.maxbreite {
    --input-unten-rand: .5em;
}

#hauptinhalt form.maxbreite input, 
#hauptinhalt form.maxbreite textarea,
#hauptinhalt form.maxbreite select
{
	width:100%;
	margin-bottom:var(--input-unten-rand,0);
}

#hauptinhalt form.maxbreite input[type=radio],
#hauptinhalt form.maxbreite input[type=submit],
#hauptinhalt form.maxbreite input[type=checkbox],
#hauptinhalt form.maxbreite input[type=text].normal,
#hauptinhalt form.maxbreite input[type=password].normal, 
#hauptinhalt form.maxbreite textarea.normal,
#hauptinhalt form.maxbreite select.normal
{
    width:auto;
}

#hauptinhalt form input[type=button].icontext, #hauptinhalt form input[type=submit].icontext  {
	border:none;
	font-weight:normal;
	font-size:100%;
	padding:0 0 0 1.25em;
	box-shadow:none;
	margin-right:.5em;
} 


#hauptinhalt form table.formular td {
	display:block;
}

#hauptinhalt form table.formular textarea, #hauptinhalt form table.formular input[type=text] {
	width:100%;
	display:inline-block; 
    box-sizing: border-box;
}

#hauptinhalt form.suchfeld button, #hauptinhalt form.suchfeld input[type='submit'] {
    width: 2em;
    height: 2em;
    margin: 0;
    padding: 0;
    border-width:1px 1px 1px 0;
    background-image: url(/daten/img/icon.svg#search);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5rem;
    display:block;
    box-sizing: border-box;
    font-size:100%;
    border-style:solid;
    box-shadow:none;
    border-color:#999;
}


#hauptinhalt form.suchfeld input[type='search'] {
    width: calc(100% - 2em);
    display:block;
    margin:0;
    padding:0 2px;
    border-width:1px 0 1px 1px;
    border-style:solid;
    box-sizing: border-box;
    height:2em;
    float:left;
    font-size:100%;
    -webkit-appearance:none;
    -moz-appearance:none;
    border-color:#999;
}

/*Vorschläge*/

.vorschlagersetzen, .infoanzeigen {
	position:relative;
}

.vorschlagersetzen div>ul, .infoanzeigen div.inputinfo {
	position:absolute;
	list-style: none;
	margin:calc(-1* var(--input-unten-rand,0)) 0 0 0;
	padding:0 .25rem;
	width:100%;
	box-sizing: border-box;
	max-width:20rem;
	z-index:30000;
	border-style:solid;
	border-width:1px;
}
.vorschlagersetzen div>ul>li
{
	margin:.25em 0;
	padding:0;
}

.vorschlagersetzen div>ul>li>a
{
    display:block;
}

#hauptinhalt div#popup_hilfe_container {
  position:relative;
}

#hauptinhalt div.popup_hilfe {
  position:absolute;
  max-width:42rem; 
  width:calc(100% - 2 * var(--extended-margin,0));
  margin:0 var(--extended-margin,auto);
  border-style:solid;
  border-width:1px; 
  border-radius:0;
  z-index:1000;
  padding:5px;
  box-sizing:border-box;
}    
    
#hauptinhalt div.popup_hilfe .close, .infoanzeigen .close {
  width: 1em;
  margin-right:.25em;
  margin-left:.25em;
  text-align:right;
  cursor:pointer;
  float:right;
}

#hauptinhalt div.popup_hilfe h4, #hauptinhalt .infoanzeigen h4, .infoanzeigen .hinweis {
  margin:0 1.5em .5em 0;
}



/*Plakate etc.*/

#hauptinhalt ul#bilderliste li {
  margin-top:2em;
}

#hauptinhalt ul#bilderliste img {
    width:100%;
    display:inline-block;
    margin:.5em 0;
    padding:0;
    box-sizing: border-box;
    border:none;
}

#hauptinhalt ul#minibilderliste img {
    display:inline-block;
    margin:.25em;
    padding:0;
    box-sizing: border-box;
    border:none;
}


table.bildertabelle {
	display:grid;
	width:100%;
}

table.bildertabelle tr {
	display:inline-block;
}

table.bildertabelle td {
	display:inline-block;
}

/*Gästebuch*/
.gbeintrag {
	overflow:inherit;
	clear:none;
}

.gbeintrag .artikelmeta {
	position:sticky;
	top:0;
}

/*termine*/

.einzeltermin .beschreibung{
	margin:1.5em 0 1em 0;
}

.artikel.einzeltermin {
	margin-top:1.5em;
}

.termin p {
	margin:.5em 0;
}

.termin .anzeige {
	display: inline-block;
    position: absolute;
    right: var(--extended-margin);
    margin-top: -1.25em;
    font-size: 75%;
    opacity:.75;
}

/*Popupbild*/
#extrabildanzeige {
	box-sizing:border-box;
	z-index:1000000;
	display:flex;
	text-align:center;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	background-color:rgba(0,0,0,.8);
}

#extrabildanzeige > div {
	margin:auto;
	width:100%;
	height:100%;
	max-width:90rem;
}
#extrabildanzeige span.icon {
	border-radius:.75em;
	background-color:white;
	filter:invert();opacity:.7;
	display:block;
	position:fixed; 
	top:.5em; 
	right:.5em;
	width:1.5em;
	height:1.5em;
}

#extrabildanzeige img {
	display:block; 
	margin:auto;
	object-fit:contain;
	width:100%;
	height:100%;
}



ul.kgbilderliste {
	display:grid;
	grid-template-columns: repeat(auto-fill, 6rem);
    grid-gap: 1rem;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0;
}

ul.kgbilderliste li {

    display: block;
    margin: auto;

}

/*bücher*/

.buchbestellung a.extern::after {
	display:none;

}
.buchbestellung a.extern {
	padding-right:0;
}

.buchbestellung  {
	overflow:auto;
	margin:2em 0;
	padding:0;
	border-style:solid;
    border-width:1px;
    font-size:80%;
}

.buchbestellung .buchbild {
	float:right;
	margin:0 .5em;
}

.buchbestellung .buchinfos {
    margin:.5em .5em .5em .5em;
}

.buchbestellung .amlink {
	text-align:right;
	margin:0;
	width:100%;
	font-size:90%;
}


/*Suchanzeigen*/

ul.eintraegeliste, #seitenkompakt, #artikelkompakt,#terminekompakt, #kommentarkompakt,#hauptinhalt ul.forenbeitraege {
	list-style:none;
	margin-left:0;
	padding-left:0;
}

#hauptinhalt ul.eintraegeliste h3, 
#seitenkompakt h3, 
#artikelkompakt h3,
#terminekompakt h3,
#hauptinhalt .tonaufnahme h3,
#hauptinhalt ul.forenbeitraege h3,
#kommentarkompakt h3 {
	font-size:97%;
	margin-top:0;
	margin-bottom:.25em;
	
}

ul.eintraegeliste > li,
#seitenkompakt li, 
#artikelkompakt li,
#terminekompakt li,
#kommentarkompakt li,
#hauptinhalt ul.forenbeitraege > li,
.tonaufnahme {
	overflow:auto;
	margin:1em 0;
}

ul.eintraegeliste p, #hauptinhalt ul.forenbeitraege li p{
	margin:0;
}
#inhalt ul.eintraegeliste p .kompaktbild {
    float:left;
    margin:.25em .5em .25em 0;
    width:5em;
    text-align:center;    
}

#inhalt ul.eintraegeliste p .kompaktbild img {
	display:block;
	margin:auto;
}



/*Karussels*/

.karussell {
  display:flex;
  flex-wrap:wrap;
  position:relative;
}

.karussell .vor, .karussell .nach {
	width: 1.5em;
	line-height: 1.5em;
	height: 1.5em;
	position: absolute;
	top: calc(50% - 1em);
	background-color: rgba(170, 0, 0, .55);
	text-align: center;
	border-radius: 0.75em;
	z-index:200;
}


.karussell .vor .icon, .karussell .nach .icon {
	filter: invert();
}
	
.karussell .vor:hover, .karussell .nach:hover {
	background-color: rgba(170, 0, 0, .75);
}

.karussell .vor {
	left: 0;
}

.karussell .nach {
	right: 0;
}

.karussell .mitte {
	width: 100%;
	overflow: hidden;
}

.karussell .unten {
	width: 100%;
	text-align: center;
	line-height: 1em;
}

.karussell .unten span {
   display:inline-block;
   margin: 0 .25em;
   cursor:pointer;
}




.karussell .mitte > ul {
  display:flex;
  flex-wrap:nowrap;
  list-style:none;
  margin:0;
  padding-left:0;
  width:100%;
  transition: margin-left 0.25s ease;
}

.karussell.rand .mitte {
  margin:0 1.75em;
}

.karussell .mitte > ul > li {
  box-sizing:border-box;
  display:block;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size:65%;
}

.karussell.voll .mitte > ul > li
{
  min-width:100%;
  width:100%;
  margin:0;
}


/*Karussell - speziell*/
.karussell.fest .mitte ul li
{
  min-width:8em;
  width:8em;
  margin:0 .5em;
}

.karussell.b5s3 .mitte ul li
{
  min-width:18.4%;
  margin:0 1%;
}

.karussell.b3s2 .mitte ul li
{
  min-width:32%;
  margin:0 1%;
}

.karussell ul.pdfarchiv li div {
  text-align:center;
  width:100%;
  margin:0;
}

.karussell ul.pdfarchiv img {
	width: 100%;
	border-style: solid;
	border-width: 1px;
	display: block;
	box-sizing: border-box;
}


.karussell ul.shop  .shopbild {
    position: relative;
    padding-top: 130%;
    max-height: 100%;
}

.karussell ul.shop .shopbild img {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    height: auto;
    object-fit: contain;
    overflow: hidden;
    width: auto;
    height: 100%;
    padding: 5px;
}

/*LV-Seiten*/

.lv_block {
	margin-bottom:1em;
}

.lv_toplink {
	display:block;
	width:100%;
	text-align: right;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-size: 90%;
	font-weight:bolder;
}

.lv_sbzlink {
    display:block;
    clear:both;
}

/* Jahrestage */

#jahrestagejubilaeumbox {
	overflow:hidden;
	border-bottom-style: solid;
	border-left:none;
	border-right:none;
	border-bottom-width:1px;
	border-top-style: solid; 
	border-bottom-width:1px;
}

#jahrestagejubilaeumbox > ul {
    margin:0 0 0 3.6em;
    padding:0;
}

#jahrestagejubilaeumbox .kompaktbild {
    max-height: fit-content;
    margin: .25em .5em 0 0;
    width:3.0em;
}

#jahrestagejubilaeumbox > ul >li.icontext {
    background-position: left 0.35em;
    background-size: 0.75em 0.75em;
    cursor:auto;
}

div.jahrestageintrag {
	padding: 1em 0;
	margin:0;
}

div.jahrestageintrag h4, div.jahrestageintrag h5, div.jahrestageintrag figure {
    margin:0 0 .5em 0;
}

div.jahrestageintrag h6 {
    margin:.5em 0 .5em 0;
}

div.jahrestageintrag figure {
    margin-top:0;
    font-size:90%;
}

ul.beitraegeliste.jahrestage > li:last-child {
	border-bottom:none;
}

.foerderhinweis_jt {
	margin: 1em 0;
	font-size:92%;
}
.foerderhinweis_jt figure {
	margin-top:0.2em;
	margin-bottom:0.5em;
}

/* ol-Karten */
.map {
	font-size:90%;
}


@media ( min-width : 1rem) and ( max-width : 24rem) {
    #inhalt .portraet img, #inhalt img.beispielbild {
        float: none;
        margin-left: auto;
        margin-right: auto;
        max-width:100%;
        
    }
    
    #hauptinhalt * {
      hyphens:auto;
    }
}

/* @media ( min-width : 24rem) and ( max-width : 30rem) { */
/* } */

@media ( max-width :30rem) {
	#topartikel.hoch {
		overflow: inherit;
	}
	#topartikel img.topartikelbild.hoch {
		float: none;
		margin: 0 0 .25em 0;
		max-width: 100%;
		width: 100%;
	}
	.karussell.b3s2 .mitte ul li {
		min-width: 49%;
		margin: 0 1%;
	}
	.karussell.b5s3 .mitte ul li {
		min-width: 32%;
		margin: 0 1%;
	}
}



@media ( min-width :30rem) and (max-width : 40rem) {
    .karussell.b5s3 .mitte ul li {
        min-width: 23.5%;
        margin: 0 1%;
    }
}