html {
width:100%;
height:auto;
font-size:16px;
justify-content:center;
align-items:center;
}
@media all and (orientation:portrait)
{body, main {flex-direction:column;}
.duale {column-count:auto;}
}
@media all and (orientation:landscape)
{body, main {flex-direction:row;}
@media all and (min-width:20rem)
{.duale {column-count:1;}}
@media all and (min-width:40rem)
{.duale {column-count:2;}}
@media all and (min-width:80rem)
{.duale {column-count:3;}}
@media all and (min-width:100rem)
{.duale {column-count:4;}}
}
header, body, main, footer
{
width:99%;
height:auto;
padding:0.1rem;
margin:0.1rem auto;
display:flex;
flex-direction:row;
align-self:stretch;
align-items:stretch;
align-content:flex-start;
justify-content:space-evenly;
align-content:flex-start;
justify-content:space-evenly;
column-gap:1rem;
word-wrap:break-word;
border:none;
text-align:justify;
vertical-align:middle;
position:relative;
padding-bottom:0;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
overflow-x:hidden;
}
.kopf, article, section, daten, nav, .dirs, .datei, aside, ul, video, .menue, .texten
{
width:98%;
height:auto;
padding:0.1rem;
margin:0.1rem auto;
list-style-type:none;
text-decoration:none;
display:flex;
flex:1 1 100%;
flex-flow:row wrap;	/* Kurzschrift für flex-direction und flex-wrap) */
align-self:stretch;
align-items:stretch;
align-content:flex-start;
justify-content:space-evenly;
column-gap:1rem;
transform:scale(1.0);
writing-mode:horizontal-tb;
word-wrap:break-word;
border:none;
text-align:justify;
vertical-align:middle;
position:relative;
background-color:transparent;
background:transparent;
z-index: calc(3 / 2);
}
.spalten{
width:99%;
height:auto;
display:flex;
flex-wrap:wrap;
padding:0.1rem;
margin:0.1rem auto;
justify-content:space-around;
vertical-align:middle;
flex-direction:row;
align-items:stretch;
flex:auto;
flex-basis:100%;
}
.spalte0{
width:auto;
height:auto;
vertical-align:middle;
display:table;
flex-direction:column;
align-items:baseline;
flex-basis:auto;
}
.spalte1{
width:auto;
height:auto;
vertical-align:middle;
display:table;
flex-direction:column;
align-items:baseline;
flex-basis:auto;
}
.spalte2{
width:auto;
height:auto;
vertical-align:middle;
display:table;
flex-direction:column;
align-items:baseline;
flex-basis:auto;
}
.spalte3{
width:auto;
height:auto;
vertical-align:middle;
display:table;
flex-direction:column;
align-items:baseline;
flex-basis:auto;
}
h1 {font-size:max(1.5dvw, 1.5rem);}
h2 {font-size:max(1.4dvw, 1.4rem);}
h3 {font-size:max(1.3dvw, 1.3rem);}
h4 {font-size:max(1.2dvw, 1.2rem);}
h5 {font-size:max(1.1dvw, 1.2rem);}
h6 {font-size:max(1.0dvw, 1.0rem);}
.fs08 {font-size:max(0.8dvw, 0.8rem);}
.fs0 {font-size:max(1.0dvw, 1.0rem);}
.fs1 {font-size:max(1.1dvw, 1.1rem);}
.fs2 {font-size:max(1.2dvw, 1.2rem);}
.fs3 {font-size:max(1.3dvw, 1.3rem);}
.fs4 {font-size:max(1.4dvw, 1.4rem);}
.fs5 {font-size:max(1.5dvw, 1.5rem);}
.fs6 {font-size:max(1.6dvw, 1.6rem);}
.fs7 {font-size:max(1.7dvw, 1.7rem);}
.fs8 {font-size:max(1.8dvw, 1.8rem);}
.fs20 {font-size:max(2.0dvw, 2.0rem);}
.fs22 {font-size:max(2.1dvw, 2.1rem);}
.fs24 {font-size:max(2.2dvw, 2.2rem);}
.fs26 {font-size:max(2.3dvw, 2.3rem);}
.fs28 {font-size:max(2.4dvw, 2.4rem);}
.fs30 {font-size:max(3.0dvw, 3.0rem);}
.fs32 {font-size:max(3.1dvw, 3.1rem);}
.fs34 {font-size:max(3.2dvw, 3.2rem);}
.fs36 {font-size:max(3.3dvw, 3.3rem)}
.lh1 {line-height:1.0;}
.lh2 {line-height:1.2;}
.lh4 {line-height:1.4;}
.lh6 {line-height:1.6;}
.lh8 {line-height:1.8;}
.fwn {font-weight:normal;}
.fwb {font-weight:bold;}
.ff1 {font-family:"Brush Script MT",Arial,Helvetica,Verdana,sans-serif;}
.ff2 {font-family:"Helvetica,Tempus Sans ITC",Arial,Verdana,sans-serif;}
.fc1 {color:#ffffff;} /* weiss */
.fc2 {color:#000000;} /* schwarz */
.fc3 {color:#ff0000;} /* rot */
.fc4 {color:#f9f900;} /* gelb */
.fc5 {color:#0000ff;} /* blau */
.fc6 {color:#00ff00;} /* grün */
.bct {}
.schwarz,.black {background:#000000;}
.weiss,.white {background:#ffffff;}
.rot {background:#f90000;}
.red {background:#ff0000;}
.gelb {background:#f9f900;}
.yellow {background:#ffff00;}
.blau {background:#00f9f9;}
.blue {background:#00ffff;}
.hellblau {background:#C0ffff}
.gruen {background:#80ff80;}
.green {background:#00ff00;}
a {text-decoration:none;}
a:link {color:blue;}
a:visited {color:green;}
a:active {color:yellow;}
a:focus {color:lime;}
a:hover {color:black;background-color:transparent;background:transparent;}
button,input{cursor:pointer;}
.box_wait,.box_overlay {color:#ff0000;background:#f9f900;}
hr {background:darkblue;height:0.1rem;border:none;}
.imgm{
aspect-ratio:auto 4/3;
width:99%;
margin:0.1rem auto;
padding:0.1rem;
height:auto;
object-fit:cover;
flex-direction:row;
}
.lazy {background-image:none;}
.icons {float:left;padding:0.1rem;margin:0.1rem auto;height:auto;}
space-evenly.submiter {font-size:1.2rem;font-weight:bold;background-color:#00f9f9;}
.copyright,.cookies {vertical-align:middle;}
.inline-block {vertical-align:middle;display:inline-block;}
.inline {vertical-align:middle;display:inline;}
.block {vertical-align:middle;display:block;}
.left {vertical-align:middle;float:left;text-align:left;}
.center {vertical-align:middle;text-align:center;}
.right {vertical-align:middle;float:right;text-align:left;}
.txtleft {vertical-align:middle;margin:0.2rem auto;padding:0.2rem;text-align:left;}
.clear {clear:both;}
.border {border-radius:0.6rem;border:0.1rem solid green;margin:0.1rem auto;padding:0.1rem;}
.justify {vertical-align:middle;text-align:justify-all;}
.del {text-decoration:line-through;} /* Text durchgestrichen */
div,span,u,a,ol,li {vertical-align:middle;padding:0.1rem;margin:0.1rem auto;}
p,blockquote {vertical-align:middle;text-align:justify;}
blockquote {vertical-align:middle;font-family:monospace;margin:0.3rem auto;padding:0.3rem;line-height:1.0;word-wrap:break-word;}
blockquote::before,blockquote::after {
background-color:#cccccc;
min-width:75%;
height:auto;
position:relative;
vertical-align:middle;
}
.dirs {vertical-align:middle;border-radius:1.1rem;text-align:center;height:auto;flex-direction:row;}
nav, nav a, nav ul, nav li {vertical-align:middle;text-decoration:none;text-align:center;list-style-type:none;padding:0.5rem;margin:0.5rem auto;}
nav a {text-align:center;background:#fffbf0;padding:0.5rem;margin:0.5rem auto;}
.figure {vertical-align:middle;text-align:left;max-width:88%;display:grid;align-items:center;justify-content:center;height:auto;}
.menue {vertical-align:middle;max-width:99%;}
.topmenue {clear:both;vertical-align:middle;border-collapse:collapse;}
li.topmenue {vertical-align:middle;color:#000000;list-style-type:none;float:left;padding:0.3rem;margin:0.3rem auto;}
.topmenue a {vertical-align:middle;}
.menue a:hover, .topmenue.on a, .return a:hover {vertical-align:middle;display:inline-block;color:#ffffff;background-color:#f90000;}
video,.video {aspect-ratio:auto 4/3;vertical-align:middle;width:99%;height:auto;text-align:justify;justify-content:space-evenly;object-fit:cover;}
object{
resize:both;
margin:0;
padding:0;
width:99%;
height:auto;
border:none;
overflow:hidden;
aspect-ratio:auto 1/1;
object-fit:cover;
}
/*
 height:100% und width:auto bzw. width:100% und height:auto machen den Thumbnail repsonsive
 und passen ihn an die Größe des umfassenden Elements an.
 */
.bilder,.bild,.breite {aspect-ratio:auto 4/3;width:48%;margin:0.3rem auto;padding:0.3rem;height:auto;object-fit:cover;}
.img,.imge,.imgw {aspect-ratio:auto 4/3;margin:0.3rem auto;padding:0.3rem;height:auto;object-fit:cover;}
.logoimg {float:left;}
.qr-bild {float:right;}
.logoimg,.qr-bild {align-items:center;margin:0.1rem auto;padding:0.1rem;justify-content:space-evenly;}
.norbert {height:auto;align-items:center;margin:0.3rem auto;padding:0.3rem;justify-content:space-evenly;}
.galerie, div .galerie, div .galerie a {
max-width:99%;
height:auto;
margin:0.5rem auto;
padding:0.5rem;
}
.thumbnail, #thumbnail {
width:50%;
height:auto;
margin:0.2rem auto;
padding:0.2rem;
object-fit:cover;
}
.thumbnail img {
position:absolute;
left:50%;
top:50%;
width:50%;
height:auto;
margin:0.2rem auto;
padding:0.2rem;
object-fit:cover;
transform:translate(-50%,-50%);
}
.thumbnail img.portrait {
width:50%;
height:auto;
margin:0.2rem auto;
padding:0.2rem;
object-fit:cover;
}
.box_wait, .box_overlay {color:#ff0000;background:#f9f900;}
.texte{word-wrap:break-word;}
audio {height:25px;}
.blind_title,.printing,h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty {display:none;}
@page{
size:A4 portrait;
margin-top:1cm;
margin-bottom:1cm; 
margin-left:2cm;
margin-right:1cm
}
@media print{
* {font-family: "times new roman",times,serif;}
body, main {width:210mm;height:297mm;}
h1, h2{page-break-before:always;}
h1, h2, h3, h4, h5, figure{float:none;break-after:avoid;}
main, #main, article, section, aside{
height:auto;
margin:0.1rem auto;
font-family:Georgia,"Times New Roman",serif;
orphans:2;
display:flex;
text-align:justify;	/* Blocksatz */
border:0;
vertical-align:middle;
}
header,.head,.filedate,.dirs,nav,.kontakt,.fuss,.datei,footer,.fusstext,.galerie,.sprueche,.links,figure,.blind_title,.logo,.printing,.prints {display:none !important;}
}