/* schriften */
#header, #navigation, #footer, #side, h1, h2, h3, h4, h5, h6, .artikelkopf, #sonstiges,
    #breadcrumb, .blaetterleiste,div.fullcontainer, .forenbeitrag >.datum, .kommentar>.kommentarautor, figcaption, #hauptbereich,
    .tonaufnahmekomplett .player ,.tonaufnahme .player , .benutzernavig, .featurepopup, .aktionsleiste ,
ul.letztebenutzer, ul.freundeliste, ul.galerieuebersicht, ul.gruppenliste, .buchbestellung, #cookiehinweis, #artikel table[border] *[size="1"]
    {
    font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
}

#hauptinhalt {
    font-family: Palatino, "Palatino Linotype", Georgia, "Times New Roman",
        serif;
    font-size: 1.2rem;
    line-height:1.5;
}

#hauptinhalt h1 {
    font-size:145%;
    line-height:1.35;
}

#hauptinhalt h2 {
    font-size:120%;
    line-height:1.35;
}

#hauptinhalt h3 {
    font-size:115%;
    line-height:1.35;
}

#hauptinhalt h4 {
    font-size:110%;
    line-height:1.35;
}

#hauptinhalt h5 {
    font-size:105%;
}

#hauptinhalt h6 {
    font-size:100%;
}

#navigation h2, #sonstiges h2 {
    font-size:120%;
}

#hauptinhalt .minitext {
	font-size:90%;
}

#sides h2 {
	margin: .5em 0;
	font-size:1.2rem;
}


.clear {
	clear:both;
}

/* Links */


a.w1 {font-size:115%;}
a.w2 {font-size:100%;}
a.w3 {font-size:85%;}
a.w4 {font-size:75%;}
a.w5 {font-size:60%;}

#header a, #footer a, #navigation a, #sonstiges a, #breadcrumb a, .forenbeitrag >.datum a
{
    text-decoration:none;
}

#navigation a:hover, #header .extra a:hover, #footer a:hover,
#sonstiges a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, #loginfeldklein a:hover,
#breadcrumb a:hover , .forenbeitrag >.datum a:hover{
    text-decoration:underline;
}

/* Sonstiges */

#hauptinhalt #inhalt a,  .forenbeitrag .text {
    word-wrap:break-word;
}
#hauptinhalt #inhalt h1 {
    word-wrap:break-word;
}

#hauptbereich {
    --extended-margin: 2rem;
    --block-margin:1.5rem;
}

main > section, main > article , main > div{
    padding: 0 2rem 0.5rem 2rem;
}
#hauptinhalt > section, #hauptinhalt > article , #hauptinhalt > div{
    padding: 0 var(--extended-margin,2rem) .5rem var(--extended-margin,2rem);
}

#sonstiges ul {
    margin-bottom:0;
}
nav>ul, #sonstiges ul {
  padding-left:0;
}
nav ul, nav ul li, #sonstiges ul li {
  list-style-type: none;
}

nav ul li a {
  text-decoration:none;
}


/*Header - Navi*/

#header h1 {
    background: url(/daten/img/hintergrund.svg#wappen) center left no-repeat;
    height: 4rem;
    box-sizing: border-box;
    background-size: 2.7rem 3.2rem;
    padding-left: 0;
    padding-top: .5rem;
    padding-bottom: .25rem;
    margin-right: 7.5rem;
    margin-top: 0;
    margin-bottom: 0;
    margin-left:0.5rem;
}

#header h1 a {
    display:inline-block;
    width:3.5rem;
    height:3rem;
}

#header h1 span {
    display: inline-block;
    margin: 0;
    height: 3rem;
    line-height: 3rem;
    min-height: 2.9rem;
    padding: 0;
    background-size: contain;
    background-position-x: 0%;
    background-position-y: 50%;
    background-repeat:no-repeat;
    box-sizing: border-box;
    width: calc(100% - 3.5rem);
    min-width: calc(100% - 4rem);
}

.popupbox {
    position:absolute;
    width:10rem;
    width:max-content;
/*     font-size:80%; */
    padding:.5ex;
    border: solid 1px #888;
    border-radius:.5ex;
    text-align:left;
    z-index:1000;
    top:1.5em;
    right:0;
}

.popupicon {position:relative;}

.navcontent.popupbox #lesezeichenbox {
  max-width:calc(100vw - 8.5rem);
}

input.navstate, input.navstate+label.navbutton+.navcontent,
input.navstate.unchecked, input.navstate.unchecked+label.navbutton+.navcontent {
    display: none;
}

label.navbutton {
    display: inline-block;
}

input.navstate:checked+label.navbutton+.navcontent,
input.navstate.checked+label.navbutton+.navcontent {
    display: block;
}

input.navstate+label.navbutton .navoff,
input.navstate.unchecked+label.navbutton .navoff {
    display: none;
}

input.navstate:checked+label.navbutton .navon,
input.navstate.checked+label.navbutton .navon {
    display: none;
}

input.navstate+label.navbutton .navon,
input.navstate.unchecked+label.navbutton .navon {
    display: inline-block;
}

input.navstate:checked+label.navbutton .navoff,
input.navstate.checked+label.navbutton .navoff {
    display: inline-block;
}

input.navstate:checked+label.navbutton,
input.navstate.checked+label.navbutton {
    background-image:url(/daten/img/icon.svg#times);
}

#navon, #navoff, .navoff, .navon, .navbutton {
    background-repeat: no-repeat;
    background-position: center center;
    height: 1.2em;
    width: 100%;
}

#navstate + #navbutton,
#navstate.unchecked + #navbutton {
    background-image: url(/daten/img/icon.svg#bars);
    background-position:  right 50%;
    background-repeat: no-repeat;
    background-size: 2rem;

}

#navstate:checked + #navbutton,
#navstate.checked + #navbutton {
    background-image: url(/daten/img/icon.svg#times);
}

#bereiche .navstate+.navbutton,
#bereiche .navstate.unchecked+.navbutton {
    background-image: url(/daten/img/icon.svg#ellipsis-h);
    background-position: left center;
    background-repeat: no-repeat;
    height: 2.5rem;
    background-size:1.6rem 1.6rem;
    display:inline-block;
}

#bereiche .navstate:checked+.navbutton,
#bereiche .navstate.checked+.navbutton {
    background-image: url(/daten/img/icon.svg#times);
}

#bereiche>ul {
    margin:  0 3rem 0 0.5rem;
    padding: 0;
    display: flex;
    position: relative;
    height: 2.5rem;
    box-sizing: border-box;
/*  max-width:calc(100vw - 2.5rem); */
    max-width:29rem;
    justify-content: space-between;
    align-items:center;
}

body.lv #bereiche>ul,  body.sjd #bereiche>ul{
    justify-content: flex-start;
}



#bereiche>ul>li {
    display: inherit; /*inline-block*/
    margin: 0;
/*  padding: calc(( 2.5rem - 2.7ex) / 2) 0; */
    list-style-type: none;
    box-sizing: border-box;
    font-size: 1.35rem;
    flex-shrink: 0;
}

#bereiche a {
    text-decoration: none;
    display: inline-block;
    width: 100%;
}

#bereiche>ul>li>a {
    margin-right: .5rem;
/*  height : 3ex; */
    box-sizing: content-box;
    padding:1px 0;
    display:inline;
    border-bottom:solid 4px transparent;
    border-top:solid 4px transparent;
}
#bereiche>ul>li:last-child>a {
    margin-right: .25rem;
}

#bereiche>ul>li.extra {
    width: 1.8rem;
    flex-grow: 0;
    flex-shrink:0;
    padding: 0 0;
    position: relative;
}

#bereiche>ul>li.extra a {
    background: url(/daten/img/icon.svg#angle-right) no-repeat center left;
    padding-left:1.3em;
    display:inline-block;
    margin:.25em 0;
    background-size: 1.2em 1.2em;
    box-sizing:border-box;
}

#bereiche>ul>li>ul {
    font-size:1.2rem;
    padding-left:0;
}

#bereiche input.navstate+label.navbutton+.navcontent,
#bereiche input.navstate.unchecked+label.navbutton+.navcontent {
    display: none;
}

#bereiche input.navstate:checked+label.navbutton+.navcontent,
#bereiche input.navstate.checked+label.navbutton+.navcontent {
    display: block;
    position: absolute;
    right: 0;
    left: auto;
    width: 16em;
    top: 2.5rem;
    z-index: 200;
    max-width:80vw;
}


#suche {
    position: absolute;
    left: auto;
    right: 0;
    top: 4rem;
    width: 3rem;
    height: 2rem;
}

#login {
    position: absolute;
    left: auto;
    right: 0;
    width: 4rem;
    height: 4rem;
    padding-right:0rem;
    top: 0;
}

#login > label {
    background-image: url(/daten/img/icon.svg#user);
    background-size: 2rem;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: inline-block;
    width: 2rem;
    margin-left:1.75rem;
    height: 4.0rem;
}

#login.online > label {
    background-size: 3.1rem;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    border-radius:1.4rem;
    margin:.6rem  0 .6rem 1rem;
    border:solid .15rem rgba(255,255,255,.7);
    /*box-shadow: inset 2px 2px 5px black;*/
    position:relative;
}

#login > .navstate:checked + label,
#login.online > .navstate:checked + label,
#login > .navstate.checked + label,
#login.online > .navstate.checked + label {
    background-image: url(/daten/img/icon.svg#times)!important;
    background-size: 1.5rem;
    }
#login.online > .navstate:checked + label > span,
#login.online > .navstate.checked + label > span {
    display:none;
}

/*#login.online > label span.premium {
    background-image:url(/daten/img/hintergrund.svg#wappen);
    background-repeat:no-repeat;
    background-position: center center;
    background-size:.65rem;
    display:none;
    height:.8rem;
    width:.8rem;
    position:absolute;
    left:-.4rem;
    top:-.2rem;
    filter:opacity(.35);
}*/
#login.online > label span.mail {
    background-image:url(/daten/img/icon.svg#envelope);
    background-repeat:no-repeat;
    background-position: center center;
    background-size:.7rem;
    display:block;
    height:1rem;
    width:1rem;
    position:absolute;
    right:0;
    bottom:-.2em;
    filter:opacity(.80) invert();
    background-color:#0ff;
    border-radius:.6rem;
}

#loginfeldklein {
    margin:0 1rem 1rem 1rem;

}

#loginfeldklein input {
    font-size:100%;
    width:100%;
    display:inline-block;
    margin:.75ex 0;
    border: inset  1px black;
    padding:3px;
    display:block;
    box-sizing: border-box;
}



#loginfeldklein p {
    text-align:left;
    margin:.5em 0;
}

#loginfeldklein p a{
    text-decoration:none;
}

#loginfeldklein p.benutzergruss {
    margin-top:0;

    }
#loginfeldklein p.avatar {
    width:5rem;
    margin:0 .5rem .5rem 0;
    position:relative;
    float:right;
}


#loginfeldklein p.avatar span.premium {
    background-image:url(/daten/img/hintergrund.svg#wappen);
    background-repeat:no-repeat;
    background-position: center center;
    background-size:1.4rem 1.4rem;
    display:block;
    height:2rem;
    width:2rem;
    position:absolute;
    right:-.3rem;
    bottom:-.3rem;
    background-color:#fff;
    border-radius:1rem;
    border: solid 1px #777;
    opacity:.85;
}

#loginfeldklein p.avatar img
{
    width:100%;
}

#suche .navbutton {
    background-image: url(/daten/img/icon.svg#search);
    display: inline-block;
    background-size: 1.8rem 1.8rem;
    background-position: right center;
    width: 2.5rem;
    height: 2.0rem;
    margin: .25rem .5rem .25rem 0;
}

#suche input.navstate:checked+.navbutton,
#suche input.navstate.checked+.navbutton {
    /*background-image: url(/daten/img/icon.svg#times);*/
    display:none;
}

#suche .navcontent {
    position: absolute;
    left: auto;
    right:0;
    top: 0;
    width: 36em;
    height: 2.5rem;
}

#suche form {
    margin: 0;
    padding: 0;
    height: 2.5rem;
    background-color:#fff;
}

#suche .navcontent input {
    width: calc(100% - 2rem);
    height: 2.5rem;
    border: none;
    float: left;
    font-size: 1.25rem;
    padding-left:1.1rem;
}

#suche .navcontent button {
    width: 2rem;
    height: 2.5rem;
    margin: 0;
    padding: 0;
    border: none;
    background-image: url(/daten/img/icon.svg#search);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    filter: contrast(.3) brightness(2);
}

#suche #suchformular_response ul {
    margin:0;
    list-style:none;
    padding:.5rem .5rem .5rem 1rem;
    z-index:3000;
    position:absolute;
}

#suche #suchformular_response ul li a{
    padding:.25em;
    display:inline-block;
    text-decoration:none;
}


#login .navcontent {
    position: absolute;
    left: auto;
    right: 0;
    top: 4rem;
    width: 20rem;
    max-width:90vw;
    z-index: 150;
}

#bereiche>ul>li>a {
    color: #000;
}




/* Breadcrumb */
#hauptinhalt > nav {
    width: 100%;
    border-bottom: solid 1px transparent;
    max-width: 60rem;
    box-sizing: border-box;
    font-size: 80%;
}

#hauptinhalt > nav > ul {
    display: flex;
    flex-direction: row;
    flex-wrap:nowrap;
    align-items:flex-end;
    height:2.5rem;
    margin: 0 0.5rem;
    padding: 0;
}

#hauptinhalt > nav ul li {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding-bottom: 0.25rem;
    max-width:25em;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}


#hauptinhalt > nav > ul > li:first-child::before {
    content: "";
    padding: 0;
    display:none;
}

#hauptinhalt > nav ul li::before {
    content: ">";
    display: inline-block;
    padding: 0 .25em;
}

ul#pfad {
    display:none;
}

#header h1 span {
       background-image: url(/daten/img/hintergrund.svg#siebenbuergerde);
}
body.zeitung #header h1 span {
       background-image: url(/daten/img/hintergrund.svg#zeitung);
}


/* Navigation */
#navigation {
    align-self: start;
    display:flex;

}
#navcontent {
    display:flex;
    flex-direction: column;
    align-items: stretch;
    align-self:stretch;
    width: 20rem;
}

#navcontent > * {
    margin-left:1.5rem;
}


#navcontent nav {
    flex-grow:1;

}



#navcontent nav > ul {
    margin:0;
    padding-top:0;
}

#navcontent nav ul ul{
    margin:0 0 0 1rem ;
    padding-top:0;
}

#navcontent nav ul li {
    padding-top:.35rem;
    padding-bottom:.35rem;
    display:block;

}

#navcontent nav ul li a, #navcontent nav ul li strong{
    display:block;

}

#navcontent nav strong + ul, #navcontent nav a + ul {
    padding-top:.7rem;
}

#navcontent nav li:first-child {
    padding-top:0;
}

#navcontent nav li:last-child {
    padding-bottom:0;
}

#navcontent nav ul li ul {
    padding-left:.5rem;
}

#navcontent a.aktiv {
    font-weight:bold;
}

#navcontent nav a, #navcontent nav strong {
    background: url(/daten/img/icon.svg#angle-right) no-repeat center left;
    padding-left:1.3em;
    display:inline-block;
    background-size: 1.2em 1.2em;}
#navcontent nav a.open, #navcontent nav strong.open {
    background: url(/daten/img/icon.svg#angle-down) no-repeat center left;
    padding-left:1.3rem;
    display:inline-block;
    background-size: 1.2em 1.2em;
}


#navcontent nav > * {
    margin:0 0 1rem 0;
   /* box-shadow: 1px 1px 3px black;*/
    padding:.0;
}


#premiumlink  a {
    background: url(/daten/img/hintergrund.svg#wappen) no-repeat center left;
    text-decoration:none;
    padding-left:1.3em;
    display:inline-block;
    background-size: 1.2em 1.2em;
}


p#colormode {
    max-width:13em;
}


#artikel .artikelkopf {
    position:sticky;
    position:-webkit-sticky;
    top:0;
    display:flex;
    justify-content:stretch;
    flex-direction: row;
    width:100%;
    margin-top:1em;
    padding-top:.75ex;
    padding-bottom:.25ex;
    padding-left:var(--extended-margin,0);
    padding-right: var(--extended-margin,0);
    margin-left:calc(-1 * var(--extended-margin,0));
    margin-right: calc(-1 * var(--extended-margin,0));

}

#artikel .artikelkopf > ul > li, #artikel .artikelkopf > div{
    flex-shrink:1;
    flex-grow:1;
    display:inline-block;
    margin:0;
}

#artikel .artikelkopf > div {
    font-size:80%;
    text-align:left;
    order:1;
    padding: .25ex;
    text-align:left;
}

#artikel .artikelkopf > ul {
    margin:0;
    padding:0;
    display:flex;
    justify-content:right;
    text-align:left;
    order:2;

}
#artikel .artikelkopf > ul > li {
    max-width:2.5rem;
}

#artikel .artikelkopf > ul > li > a.icon, #artikel .artikelkopf .popupicon label {
    display:block;
    margin-left:.5rem;
}

#artikel .artikeltask > li > .icon{
    width:1.5rem;
    height:1.2rem;
    max-width:1.5rem;
    max-height:1.2rem;

}

figure {
    --extended-width: calc(100% + var(--extended-margin,0) * 2);
    --extended-width-h: calc(50% + var(--extended-margin,0));
}

figure.bild {
	margin:1em auto;
	width:100%;
}


figure.bildz, figure.videoplayerbox {
    width:var(--extended-width,100%);
    margin: 1em calc(-1 * var(--extended-margin,0));
    --pad-left:  var(--extended-margin,0);
    --pad-right: var(--extended-margin,0);
    --lab-width: calc(100% - var(--pad-left,0) - var(--pad-right,0));
}

.startseitenvideo figure.videoplayerbox {
    width: 100%;
	margin: 1em 0; 
	--lab-width: 100%; 
	--pad-left: 0; 
	--pad-right: 0;
}


figure.bildl {
    --pad-left:  var(--extended-margin,0);
    --pad-right: 0;
    --lab-width: calc(100% - var(--pad-left,0));
    width:var(--extended-width-h,50%);
    margin:.5em 1em .5em calc(-1 * var(--extended-margin,0));
    float:left;

}

figure.bildr {
    --pad-left:  0;
    --pad-right: var(--extended-margin,0);
    --lab-width: calc(100% - var(--pad-right,0));
    width:var(--extended-width-h,50%);
    margin:.5em calc(-1 * var(--extended-margin,0)).5em 1em;
    float:right;
}

figure img {
    width:100%;
    margin:0;
    display:block;
    z-index:2500;
}

figcaption {
    display:block;
    width:max-content;
    max-width:var(--lab-width,100%);
    font-size:80%;
    margin:0.25em auto;
    text-align:left;
    padding-left:var(--pad-left,0);
    padding-right:var(--pad-right,0);
}

.kurzansicht figure {
	--extended-margin:0;
	max-width:30rem;
} 





.icon {
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:center center;
    display:inline-block;
    filter: contrast(.6) brightness(1.75);
    max-width:1.5em;
    max-height:1.5em;
    overflow:hidden;

}

.icon.nofilter {
	filter:none!important;
}

.icon.small {
	width:1em;
	height:1em;
}

.icon.rrand {
  padding-right:.25em;
}

.icon.lrand {
	padding-left:.25em;
}

.icon img, .icontext>img:first-child {
	display:none;
}

.icontext {
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:1.25em;
    background-size: 1em 1em;
    display:inline-block;
}

li .icontext, ul.ivz li a, ul.ivz li a{
	margin-right:1em;
}

li:last-child .icontext, ul.ivz li:last-child a {
	margin-right:0;
}

.icontext.r {
    background-position:right center;
    padding-right:1.25em;
}

li .icontext.r{
    margin-left:1em;
}

li:last-child .icontext.r, ul.ivz li:last-child a {
    margin-left:0;
}

ul.ivz, .presseschau ul, ul.weitere {
	padding:0;
	margin-left:0;
    list-style:none;
}

ul.ivz ul, .presseschau ul, ul.weitere ul {
	list-style:none;
}

ul.ivz li a, ul li a.weiter, .presseschau ul li, ul.weitere li  {
    padding-left:1.25em;
    display:inline-block;
    line-height:1.5em;
    position:relative;
}

.presseschau ul li, ul.weitere li  {
    display:block;
}

ul.ivz li a, ul li a.weiter {
    display:inline-block;
}

ul.ivz li a::before, ul li a.weiter::before,.presseschau ul li::before, ul.weitere li::before  {
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:left 0.25em;
    background-size: 1em 1em;
    display:inline-block;
    line-height:1.5em;
    height:1.5em;
    width:1em;
    content:'';
    position:absolute;
    left:0;
   
}


ul.ivz li a::before {
	background-image:url('/daten/img/icon.svg#angle-down');
}

ul.ivz li a.weiter::before, ul.weitere li::before {
	background-image:url('/daten/img/icon.svg#angle-right');
}


.presseschau ul li::before {
    background-image:url('/daten/img/icon.svg#file-alt');
}

a.extern{
 padding-right:.6em;
}

 a.doku {
    padding-right:.9em;
}

a.ankeroben,  a[href='#uebersicht'],   a[href='#inhaltsvz']{
    padding-right:1em;
}

a.extern::after, a.doku::after, a.ankeroben::after, a[href='#uebersicht']::after,  a[href='#inhaltsvz']::after {
content: ' ';
width: 1em;
display: inline-block;
position: absolute;
background-position: 20% center;
background-repeat: no-repeat;
height: 1.5em;
vertical-align: middle;
background-size: .75em .75em;
opacity: .6;
}

ul.ivz li a.weiter::before {
    background-image:url('/daten/img/icon.svg#angle-right');
}

a.doku::after {
	background-image:url('/daten/img/icon.svg#file-alt');
}

a.extern::after {
    background-image:url('/daten/img/icon.svg#external-link-alt');
    background-position:20% 35%;
    background-size: .5em .5em;
}

table.daten a.extern::after {position:static;}

.karussell a.extern {
	padding-right:0;
}
.karussell a.extern::after {
	display:none;
}

a.ankeroben::after, a[href='#uebersicht']::after, a[href='#inhaltsvz']::after {
    background-image:url('/daten/img/icon.svg#angle-up');
    background-size: .75em 1em;
    background-position:80% center;
}

.icon span {
    visibility:hidden;
    max-width:0;
    overflow:hidden;
}

.iconified, .alphabet li a {
   display:inline-block;
   border-radius:.5em;
   padding-left:.5em;
   padding-right:.5em;
   filter: contrast(.6) brightness(1.75);
   text-decoration:none;
}

.alphabet li a {
	margin-bottom:.2em;
}

.i-wappen{background-image:url(/daten/img/hintergrund.svg#wappen);}
.i-youtube-color{background-image:url(/daten/img/hintergrund.svg#youtube);}
.i-twitter-color{background-image:url(/daten/img/hintergrund.svg#twitter);}
.i-facebook-color{background-image:url(/daten/img/hintergrund.svg#fb);}
.i-instagram-color{background-image:url(/daten/img/hintergrund.svg#instagram);}

body.lv #hauptinhalt #inhalt h2 {
	clear:both;
	padding-top:1.5em;
}

#hauptinhalt textarea, #hauptinhalt input {
    max-width:100%;
}

#kommentarfeld textarea {
    width:100%;
}



#inhalt img {
    max-width:100%;
}


#sonstiges h2 {
    margin-top:0;
}
/* Flache Listen*/


ul.keinepunkte {
	list-style-type:none;
	margin-left:0;
	padding-left:0;
}

ul.keinepunkte ul {
    list-style-type:none;
}

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

ul.inline {
    list-style-type:none;
    display:inline-block;
    padding:0;
}

ul.inline > li {
    display:inline-block;
}

ul.flach {
    list-style-type:none;
    margin-left:0;
    padding-left:0;
}
ul.flatflex {
    list-style-type:none;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex-shrink:1;
    padding:0;
/*     justify-content:space-between; */
}

ul.flatflex.benutzernavig{
     justify-content:center;
}

ul.flatflex.benutzernavig, ul.flatflex.aktionsleiste{
	 font-size:90%;
}

ul.flatflex.benutzernavig li strong{
   margin-right:1em;
}

ul.flatflex > li, ul.flach > li {
    display:inline-block;
}

ul.flatflex.boxed > li {
    padding:0;
    margin:.25em;
    border:solid 1px;
    text-align:center;
}

ul.flatflex.boxed > li > a {
    text-decoration:none;
    display:inline-block;
    padding:0 .25em;
    margin:0;
}

ul.flatflex.separator {
    justify-content:center;
    align-items:center;
}

ul.separator > li::after {
    content:'\00b7';
    display:inline-block;
    text-align:center;
    width:1em;
}

ul.separator > li:last-child::after {
    content:'';
    display:none;
    width:0;
}

ul.flatflex.blaetterleiste {
    justify-content: flex-start;
    font-size:85%;
}
ul.flatflex.blaetterleiste > li{
    margin-right:.5em;
}


ul.flatflex.ebook {
    flex-direction:column;
    justify-content: flex-start;
}

ul.flatflex.socialmedia {
    justify-content: flex-start;
}

#hauptinhalt ul.flatflex.socialmedia li  {
    width:2em;
    height:2em;
}

#hauptinhalt ul.flatflex.socialmedia li  a  img{
    opacity:.7;
}
ul.flatflex.socialmedia li {
    width:1.5em;
    max-width:1.75em;
    max-height:1.75em;
    margin-right:1em;

}

ul.flatflex.socialmedia li:last-child {
    margin-right:0;
}

ul.flatflex.socialmedia li a img {
    width:100%;
    height:100%;
    opacity:0.3;
}


.navbutton, .icon, .icontext, #lighton, #darkon {
    cursor:pointer;
}

/*footer*/

#footer >div {
    text-align:center;
    font-size:.9rem;
    padding-top:.5rem;
}
#footer > div  ul.extranavig
{
  margin:auto;
  display:flex;
  flex-direction:column;
  list-style:none;
  padding:0;
  justify-content: space-between;
  width:9rem;

}

#footer > div  ul.extranavig li
{
  margin:.5em 0;
  width:100%;
  padding:0;
  text-align:center;
}

#footer  a {
    text-decoration:none;
}

#footer  div.address img
{
  max-width:3.5rem;
  max-height:4.5rem;
  display:block;
  margin:.5rem auto .5rem auto;
}

#footer div.copyright {
    font-size:.75rem;
    padding:.5rem 0;
    display:flex;
    flex-direction:row;
/*  justify-content:flex-end; */
}

#footer div.copyright >span {
    margin-left:auto;
    margin-right:auto;
    padding-left:2rem;
}

#footer div.copyright >a {
    margin-left:0;
    width:2rem;
}

div#klappzeitung {
	max-width:20rem;
 }

div#klappzeitung a {
  overflow:hidden;
  max-height:12.4rem;  
  display:block;
  margin-bottom:.5rem;
}

img#aktuelleszeitungsbild {
/*   margin:15px 35px 14px 8px; */
/*   opacity:.8; */
 width:100%;
 display:block;
 transition: all ease-in 0.5s;
}
img#aktuelleszeitungsbild:hover {
    transform:scale(1.5) translate(7%, 4%);
    transition: all ease-out 0.5s;
}



/*Boxen etc.*/

.startseiteninhalt h2.startseitenliste, .startseiteninhalt h2.startseitenbox {
	margin-top:2em;
}

#hauptinhalt img.vollbild {
    display:block;
    width:100%;
}

div.startseitenbox {
    padding:.5rem;
}

div.startseitenbox {
 border-style: solid;
 border-width: 1px ;

}
ul.startseitenliste, ul.playertransformed, ul.beitraegeliste, ul.titelliste {
 list-style-type:none;
 margin:0 0 0.1em 0;
 padding:0;

}


ul.startseitenliste > li, ul.playertransformed > li, ul.beitraegeliste > li, ul.titelliste > li {
 padding:.25em 0;
 clear:both;
 width:100%;
 overflow:auto;
 box-sizing: border-box;
 border-bottom-style:solid;
 border-bottom-width:1px;
}

ul.beitraegeliste li p {
  margin:.5em 0 0 0;
}

ul.playertransformed li {
	background-image:url(/daten/img/icons.svg#caret-right);
	background-size:1.5em 1.5em;
	background-repeat:no-repeat;
	background-position:left .25em;
}
ul.playertransformed li {
	padding-left: 1.5em;
}


ul.startseitenliste .kompaktbild, div.startseitenbox .kompaktbild {

    display:block;
    margin:.25em .5em .25em .25em;
    width: 5em;
/*  height:5em; */
    max-height:5em;
    overflow:hidden;
    float:left;
}

ul.startseitenliste .kompaktbild img, div.startseitenbox .kompaktbild img {
    width:100%;
    overflow:hidden;
}

p.startseitenliste {
	margin-top:0.25em;
	font-size:90%;
	text-align:right;
}


ul.letztebenutzer, ul.freundeliste, ul.galerieuebersicht, ul.gruppenliste, ul.sondergalerien {
  list-style-type:none;
  display: grid;
  grid-template-columns: repeat(auto-fill, 6rem);
  grid-gap: 1rem;
  justify-content: space-between;
  margin:0;
  padding:0;

}

ul.galerieuebersicht li {
    display:flex;
    width:6rem;
    height:6rem;
    flex-wrap:nowrap;
    flex-direction:column;
    justify-content: center;
    text-align:center;
    margin:.25em;
}

ul.letztebenutzer li, ul.freundeliste li,  ul.gruppenliste li {
    display:flex;
    width:6rem;
    max-width:6rem;
    max-height:8rem;
    overflow:hidden;
    height:8rem;
    flex-wrap:nowrap;
    flex-direction:column;
    justify-content: space-between;
    text-align:center;
    margin:.25em;
}

ul.letztebenutzer li a, ul.freundeliste li a ,  ul.galerieuebersicht li a,  ul.gruppenliste li a{
    display:block;
    margin:auto;
    hyphens:auto;
    font-size:80%;
    margin-top:0;
}



ul.letztebenutzer li a img, ul.freundeliste li a img,  ul.galerieuebersicht li a img,  ul.gruppenliste li a img{
    display:block;
    object-fit:contain;
    object-position:top;
    width:6rem;
    height:5rem;
    max-width:6rem;
    max-height:5rem;
}

ul.letztebenutzer a.betreuer {
	font-weight:bold;
}


ul.letztebenutzer a.moderator {
    font-style:italic;
}


ul.letztebenutzerklein {
	list-style:none;
	margin-left:0;
}

ul.letztebenutzerklein a {
	background-repeat:no-repeat;
	background-clip:padding-box;
	padding-left:3em;
	background-position:left center;
	display:block;
}


ul.galerieuebersicht li a img {
    object-position:center;
}

ul.sondergalerien li {
	font-size:75%;
	text-align:center;
	border: solid 1px #999;
}

ul.sondergalerien li a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;  
}

ul.sondergalerien li a img {
    max-height: 5rem;
    overflow: hidden;
    width: 100%;
    object-fit: cover;
}

ul.sondergalerien li .minitext {
    font-size:85%;
}

#hauptinhalt img.links, #hauptinhalt figure.links {
	float:left;
	margin-right:1em;
	margin-left:0;
	margin-bottom:1em;
	max-width:50%;
	display:block;
	box-sizing: border-box;
}

#hauptinhalt img.rechts, #hauptinhalt figure.rechts {
    float:right;
    margin-left:1em;
    margin-right:0;
    margin-bottom:1em;
    max-width:50%;
    display:block;
    box-sizing: border-box;
}

#hauptinhalt img.rechts.drittel, #hauptinhalt img.links.drittel, #hauptinhalt figure.rechts.drittel, #hauptinhalt figure.links.drittel {
	max-width:33%;
}

#hauptinhalt img.rechts.viertel, #hauptinhalt img.links.viertel,  #hauptinhalt figure.rechts.viertel, #hauptinhalt figure.links.viertel{
    max-width:25%;
}

/*tabellen*/

table.daten.scroll10 {
	max-height:15em;
}

table.daten.scroll20 {
    max-height:30em;
}

.scrollbar::-webkit-scrollbar, table.daten::-webkit-scrollbar,  table#statistik::-webkit-scrollbar{
  width: 9px;
  height:9px;
}


.scrollbar::-webkit-scrollbar-track, table.daten::-webkit-scrollbar-track, table#statistik::-webkit-scrollbar-track{
  background: rgba(220,220,220,.9);
   border-radius:4px;
}


.scrollbar::-webkit-scrollbar-thumb, table.daten::-webkit-scrollbar-thumb, table#statistik::-webkit-scrollbar-thumb{
  background: rgba(170,170,170,.9);
  border-radius:4px;
}


.scrollbar:hover::-webkit-scrollbar-thumb, table.daten:hover::-webkit-scrollbar-thumb, table#statistik:hover::-webkit-scrollbar-thumb  {
  background: rgba(80,80,80,1);
}




table.daten, table#statistik {
    width:100%;
    overflow-x:auto;
    display:block;
}


/*Terminematrix*/

.terminliste {
    border-collapse: collapse;
    border-style:solid;
    border-width:1px;
}

.terminliste th, .terminliste td {
    padding: .25em;
}

.terminliste th {

    border-bottom-style: solid;
    border-width: 1px;
    font-weight: normal;

}
.terminliste td {

    border-style: solid;
    border-width: 1px;
    text-align: right;

}

.terminliste td.v {
    opacity: .3;

}
.terminliste td.h {
   background-color:rgba(0,0,0,.3);
}

/*umfrage*/

.umfrage .frage, .umfrageformular .frage {
  margin:.25em 0;
  display:block;
  font-size:90%;
}


/*Coockie-Hinweis*/

#cookiehinweiscontainer.abgedunkelt {
    display: flex; 
    justify-content: center;
    align-items: center;
    position:fixed; 
    left:0; 
	top:0; 
	bottom:0; 
	right:0; 
	width:100%; 
	height:100vh; 
	z-index:10000;
}


#cookiehinweiscontainer.abgedunkelt #cookiehinweis {
	padding:.75em;
	position:static;
	max-width:50rem;
}

#cookiehinweis {
	position:fixed;
	bottom:0;
	text-align:center;
	left:0;
	right:0;
	z-index:20000;
	line-height: 1.5;
}

#cookiehinweis button.erlauben {
    font-size:100%;
}

#cookiehinweis button.ablehnen {
    font-size:95%;
}

#cookiehinweiscontainer.abgedunkelt #cookiehinweis button {
	display:inline-block;
    margin:0.75em 0.75em 0.25em 0.75em;
}

#cookiehinweis.permanent .minitext {
    font-size:80%;
}

#cookiehinweis.permanent {
    font-size:95%;
}

/*Abstände Inhalt + Bilder*/
@media ( min-width : 80rem)  {

    #hauptbereich, #sonstiges {
        --extended-margin: 6rem;
        --block-margin:1.5rem;
    }



}
@media ( min-width : 71rem) and ( max-width : 80rem){

    #hauptbereich, #sonstiges  {
        --extended-margin: 3rem;
        --block-margin:1.5rem;
    }
}
@media ( min-width : 50rem) and ( max-width : 71rem) {

    #hauptbereich, #sonstiges{
        --extended-margin: 6rem;
        --block-margin:1.5rem;
    }


}
@media ( min-width : 40rem) and ( max-width : 50rem){

    #hauptbereich, #sonstiges {
        --extended-margin: 3rem;
        --block-margin:1.5rem;
    }
}
@media ( max-width : 40rem){

    #hauptbereich, #sonstiges  {
        --extended-margin: 1rem;
        --block-margin:1rem;
    }
}



@media ( min-width : 1rem) and ( max-width : 71rem) {

    #login label {
      right:3.5rem!important;
      position:absolute;
    }

    #login.online label {
      right:3.5rem!important;
      position:absolute;
    }


    #suche .navcontent {
        max-width: 100vw;
        width: 60rem;
    }
    #suche .navcontent input {
       padding-left:1.1rem;
    }

    #hauptinhalt > nav {
        margin-left:0;
    }
}


/*fb*/

#fb-container {
   border-style:solid;
   border-width:1px;	
   margin:1em auto 1em auto;
}

.fb-page {
	max-width:100%;
	width:480px;
	margin:.25em auto 0 auto;
	display:block!important;
	overflow: auto;
}

#fb_erlauben_box {
   margin:0;
   padding:.5em;
}

.fb-page #fb_erlauben_box button {
   font-size:90%;
   padding-top:.25em;
   padding-bottom:.25em;
}

#fb_verbieten_box {
	text-align:center;
}



/*Startseitenbuttons*/
.seitenbutton {
  display: inline-block;
  border-radius: 4px;
  border: none;
  text-align: center;
  font-size: 1.3em;
  padding: .5em 0 .5em 0;
  width: calc(100% - 1em);
  box-sizing:border-box;
  transition: all 0.5s;
  cursor: pointer;
  margin: .5em auto .5em 0;
}

.seitenbutton span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  color:white;
}

.seitenbutton span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -1em;
  transition: 0.5s;
}

.seitenbutton:hover span {
  padding-right: 1.2em;
}

.seitenbutton:hover span:after {
  opacity: 1;
  right: 0;
}

/* Formulare */

#hauptbereich form.standard label {
	margin-top:0.25em;
	display:block;
}
#hauptbereich form.standard label.inline {
    display:inline;
}

#hauptbereich form.standard input[type='text'], #hauptbereich form.standard textarea {
	width:calc(100% - 1.25em);
	max-width:calc(100% - 1.25em);
}

#hauptbereich  form.standard select {
    max-width:calc(100% - 1.25em);
}

.paypalspende {
    margin-top:2em;
    margin-bottom:2em;
    padding:1em;
    text-align:center;
}

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



/*Adsense*/
.google-auto-placed::before {
    content: 'Anzeige';
    display: block;
    font-size: 70%;
    text-align: left;
    color: #999;
}
.google-auto-placed {
    margin-top: 1.5em;
    max-width:100%;
    overflow:hidden;
    box-sizing: border-box;
}


.google-auto-placed + br + br {
    display:none;
}

.adsbygoogle {
    width:98%!important;

}

#header .google-auto-placed, #header ins {
    display:none!important;
}



/* Schriftarten Inhalt und Breadcrumb */
@media  ( max-width: 55rem) and ( min-width : 40rem) {
    #hauptinhalt > nav
    {
            font-size:calc(65% + (100vw - 40rem) * 0.012);
    }
}

@media ( max-width : 40rem) and (min-width:30rem) {
    #hauptinhalt > nav
    {
         font-size:calc(55% + (100vw - 30rem) * 0.012 );
    }

    #hauptinhalt > :not(nav), #cookiehinweis {
      font-size:calc(90% + (100vw - 30rem) * 0.012 );
    }
}

@media ( max-width : 30rem){
    #hauptinhalt > nav
    {
        font-size:55%;
    }

    #hauptinhalt > :not(nav) , #cookiehinweis {
      font-size:90%;
    }


    #header h1 {
      margin-right:6rem;
    }
    body.zeitung #header h1 {
      margin-right:6rem;
    }

    body.zeitung #header h1 span {
       background-image: url(/daten/img/hintergrund.svg#zeitung2);

    }


    #login label {
       right:3.0rem!important;
       background-size: 1.5rem;
    }

  #login.online label {
    background-size: 3.1rem;
    right:3.0rem!important;
  }

  #navstate + #navbutton,
  #navstate.unchecked + #navbutton {
    background-size: 1.5rem;
  }

  #header h1 {
    background-size: 2.6rem 3rem;
    padding-left: 0
  }

  #header h1 a {
    width: 3rem;
  }

  figure.bildl, figure.bildr,figure.bildz {
    float:none;
    width:var(--extended-width,100%);
    margin: 1em calc(-1 * var(--extended-margin,0));
    --pad-left:  var(--extended-margin,0);
    --pad-right: var(--extended-margin,0);
    --lab-width: calc(100% - var(--pad-left,0) - var(--pad-right,0));
  }

  figure.bildl figcaption, figure.bildr  figcaption,figure.bildz  figcaption{
    padding-left:0;
    padding-right:0;
    margin-left:auto;
    margin-right:auto;
    width:max-content;
    max-width:var(--lab-width,100%);
  }
  
}


@media ( max-width : 24rem) {
        #header h1 span {
       background-image: url(/daten/img/hintergrund.svg#siebenbuergerde);
    }
    
    #hauptinhalt img.links, #hauptinhalt img.rechts, #hauptinhalt img.links.drittel, #hauptinhalt img.rechts.drittel,  #hauptinhalt figure.links.drittel,  #hauptinhalt figure.rechts.drittel {
      float:none;
      margin-left:auto;
      margin-right:auto;
      max-width:100%;
      width:100%;
    }
    
    #hauptinhalt img.links.viertel,  #hauptinhalt figure.links.viertel{
      float:left;
      margin-right:1em;
    margin-bottom:1em;
    max-width:25%;
    display:block;
    box-sizing: border-box;
    }
    
    #hauptinhalt img.rechts.viertel,  #hauptinhalt figure.rechts.viertel {
      float:right;
      margin-left:1em;
    margin-bottom:1em;
    max-width:25%;
    display:block;
    box-sizing: border-box;
    }
    
}

/*Schriftarten und Symbole  Header*/
@media ( min-width : 18rem) and ( max-width : 40rem) {

    #bereiche > ul {
       margin-right:calc(2.5rem + 1.0 * (100vw - 18rem) / 22);
    }

    #bereiche>ul>li.extra {
        width: calc(1rem  +  0.6 * (100vw - 18rem) / 22);
    }
    #bereiche>ul>li.extra  .navstate + .navbutton{
        background-size: calc(.9rem  +  0.7 * (100vw - 18rem) / 22)  calc(.9rem  + 0.7 * (100vw - 18rem) / 22);
    }


    #suche, #suche .navbutton , #suche .navcontent button {
      background-size:calc(0.9rem + 0.8 * (100vw - 18rem) / 22) calc(1.0rem + 0.8 * (100vw - 18rem) / 22);
    }

    #suche .navbutton  {
      width:calc(1.5rem + 0.8 * (100vw - 18rem) / 22);
    }
    
    #suche  {
      width:calc(2rem + 0.8 * (100vw - 18rem) / 22);
    }

}





@media ( min-width : 18rem) and ( max-width : 32rem) {

     #bereiche>ul>li>a {
        font-size: calc(.65 * (100vw - 18rem) / 14 + .7rem);
        margin-right: calc(.25 * (100vw - 18rem) / 14 + .25rem);
    }


    #bereiche>ul>li.extra>ul>li>a {
        font-size: calc(0.45 * (100vw - 18rem) / 14 + 0.75rem);

    }

    #navigation {
        font-size: calc(0.25 * (100vw - 18rem) / 14 + 0.75rem);
    }
}

@media ( max-width : 18rem) {

    #bereiche > ul {
       margin-right:2rem;
    }

    #bereiche>ul>li.extra {
        width: 1rem;
    }
    #bereiche>ul>li.extra  .navstate + .navbutton {
        background-size: 0.9rem 0.9rem;
    }


    #suche, #suche .navbutton, #suche .navcontent button {
      background-size:0.9rem 1.0rem;
    }

     #suche, #suche .navbutton{
      width:1.5rem;
    }

     #suche{
      width:2rem;
    }

    #bereiche>ul>li>a {
        font-size: .7rem;
        margin-right:.25rem;

    }

    #bereiche>ul>li.extra>ul>li>a {
        font-size: .75rem;

    }

    #navigation {
        font-size:0.75rem;
    }
    
    #hauptinhalt img.links.viertel, #hauptinhalt img.rechts.viertel,  #hauptinhalt figure.links.viertel,  #hauptinhalt figure.rechts.viertel {
      float:none;
      margin-left:auto;
      margin-right:auto;
      max-width:100%;
      width:100%;
    }

}