body { margin: 0px; background-color: #FFFFFF; padding: 0px; color: #666666; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; font-weight: 100; font-size: 18px; text-transform: none; line-height: 2.0em; }
body.Druck { background-color: #FFFFFF; }

/*Div für Inhalt und Menü-links*/
#grid1 { display: grid; grid-template-columns: 1fr 3fr; grid-template-rows: auto auto auto; gap: 20px; }

/* Untermenü zum Einschieben*/
/*Navigation Hauptmenü oben*/
#Navigation { font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; font-size: 1.4vw; font-weight: 100; text-transform: uppercase; width: 100%; margin: -10px; padding: 1.5em; text-align: center; background-color: unset; z-index: 3;}
#Navigation li {display: inline; padding-left: 5px; padding-right: 5px; }
#Navigation li.aktiv a { color: #666666; background-color: #FFFFFF; }
#Navigation li a { color: #999999;}
#Navigation li a:hover { color: #666666; background-color: unset; transition: all 1.0s;}

/* Untermenü zum Einschieben*/
/*Navigation Hauptmenü oben*/
#Navigation { font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; font-size: 1.4vw; font-weight: 100; text-transform: uppercase; width: 100%; margin: -10px; padding: 1.5em; text-align: center; background-color: unset; z-index: 3;}
#Navigation li {display: inline; padding-left: 5px; padding-right: 5px; }
#Navigation li.aktiv { color: #666666; background-color: #FFFFFF; }
#Navigation li a { color: #999999;}
#Navigation li a:hover { color: #666666; background-color: unset; transition: all 1.0s;}

/*Navigation Untermenü zum Einschieben*/
#naveinschub, #naveinschub ul, #naveinschub li { display: block; line-height: 1.0em; list-style: none; color: #999999; font-weight: 100;}
#naveinschub a { color: #999999; text-decoration: none; }
#naveinschub a:hover { color: #666666; }

#naveinschub > li { display: inline-block; text-align: left; padding: 0.5em;}
 
#naveinschub ul { position: absolute; background-color: #FFFFFF; }
#naveinschub li { position: relative; text-align: left;} 
#naveinschub ul.level1 li.aktiv {  color: #666666; transform: translate3d(1em,0,0) }
/*Untermenü 1 <DIV>*/
#naveinschub .level1 { visibility: hidden; top: 2.2vw; background-color: #FFFFFF; font-size: 0.8vw; font-weight: 100; text-transform: lowercase; text-align: left; min-width: 12em; padding: 1rem; line-height: 5.5em; opacity: 0.9; z-index: 4; }
/*Untermenü 2 <DIV>*/

#naveinschub a.current { color: #666666; }
#naveinschub a:hover, #naveinschub li.hover > a { color: #666666; background-color: unset; position: relative; z-index: 20; }
/*Untermenü 1 hover-Effekt*/
#naveinschub .level1 li { padding-top: 1em; transition: all 0.2s; transform: translate3d(0,0,0); will-change: transform; }
#naveinschub .level1 li:hover { transition: all 1.0s; transform: translate3d(1em,0,0); will-change: transform; }

#naveinschub > li:hover .level1 { visibility: visible; transition-delay: 0.2s;}
#naveinschub li:hover > .level2, #naveinschub .level1 >li.hover .level2 { left:10em; }
#naveinschub li:hover > .level3, #naveinschub .level2 >li.hover .level3 { left:10em; }
#naveinschub li:hover > .level4, #naveinschub .level3 >li.hover .level4 { left:10em; }


/* Navigation Hauptmenü oben*/
nav { margin: 0px auto; width: 90%; padding-top: 3em; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; font-size: 1.4vw; font-weight: 100; text-transform: uppercase; text-align: center; background-color: unset; z-index: 3;}
nav ul { display: inline-block; height: 5em; }
nav li { display: inline; padding-left: 0.5em; padding-right: 0.5em; margin: 0.2em;}
nav li.aktiv { color: #666666; background-color: #FFFFFF; }
nav li.aktiv a { background-color: #FFFFFF;color: #666666; text-transform: uppercase; }
nav li a { color: #999999; }
nav a {  padding: 0.4em; text-decoration: none; text-align: center; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; font-size: 1.4vw; font-weight: 100; text-transform: uppercase; color: #999999; background-color: unset; transition: all .1s ease-in-out; z-index: 3 }
nav li a:hover { color: #666666; background-color: unset; }
nav a:focus, nav a:hover, nav li.aktiv a:focus, nav li.aktiv a:hover { color: #666666; background-color: unset; transition: all 1.0s; }
nav > ul { list-style: none; margin: 0; padding: 0; }

/* Navigation Untermenü zum Einschieben*/
nav ul.submenu { visibility: hidden; position: absolute; width: 200px; top: 5em; margin-left: -3em; border-left: 1px solid #999999; background-color: #FFFFFF; opacity: 0.9; z-index: 2; }
nav ul.submenu li { display: block; text-align: left; background-color: #FFFFFF; transition: transform 1.0s; transform: translate3d(0,0,0); will-change: transform; }
nav ul.submenu li a { font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; font-weight: 100; color: #999999; font-size: 0.8vw; text-transform: lowercase; transition: transform 1.0s; transform: translate3d(0,0,0); will-change: transform; }
nav li:hover .submenu, nav li:active .submenu, nav li:focus .submenu { visibility: visible; height: auto; z-index: 4; }
nav li:focus-within .submenu { visibility: visible; height: auto; transition: all 1.0s; }
nav ul.submenu li:hover { transition: all 1.0s; transform: translate3d(1em,0,0); will-change: transform;} 
nav ul.submenu li.aktiv { text-transform: lowercase; transform: translate3d(1em,0,0); transition: transform 1.0s; will-change: transform; }
nav ul.submenu li.aktiv a { color: #666666; background-color: unset;}

/*Navigation Untermenü permanent oben oder unten*/
#UMobunt { width: 95%; margin: 0px auto; text-align: center; text-align: center; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; animation: oben 1.5s; position: relative; margin: 0px auto; background-color: #FFFFFF; text-transform: lowercase; line-height: 2.0; z-index: 4;}
#UMobunt li { display: inline-block; list-style: none; padding-left: 1.0em; padding-right: 1.0em; padding-bottom: 0px; transition: all 1s; }
#UMobunt a { color: #999999; text-transform: lowercase;  font-weight: 100; font-size: 0.8vw;}
#UMobunt li.aktiv { color: #666666; background-color: unset; padding-bottom: 2em; border-top: 1px solid #999999;}	
#UMobunt li.aktiv a { color: #666666; }
#UMobunt a:hover, #UMobunt li:hover { color: #666666; transition: all 1s; padding-bottom: 2em; background-color: unset; }
/*Navigation Untermenü permanent links*/ 
#UMli { position: absolute; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; animation: oben 1.5s; float: left; background-color: #FFFFFF; line-height: 2.0; padding: 2em; left: 20px; z-index: 4; }
#UMli li  { list-style: none; transition: all 1.0s; transform: translate3d(0,0,0); will-change: transform; z-index: 4; }
#UMli a { color: #999999; font-weight: 100; font-size: 0.8vw; text-transform: lowercase; }
#UMli li.aktiv { background-color: unset; transform: translate3d(1em,0,0)}
#UMli li.aktiv a { color: #666666;}
#UMli li:hover { color: #666666; background-color: unset; transition: all 1.0s; transform: translate3d(1em,0,0); will-change: transform; }

/*Navigation Links*/
/*Navigation Hauptmenü links*/
nav.HMlinks { height: 3000px; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; margin-left: -20px; padding-left: 30px; text-align: left; background-color: unset; text-transform: uppercase; z-index: 20; grid-row: 1 / 3; grid-column: 1 / 2;}
nav.HMlinks ul { display: inline-block; line-height: 1.0em}
nav.HMlinks li { list-style: none; }
nav.HMlinks li a { display: block; text-align: left; color: #999999; font-size: 1.4vw; font-weight: 100; transform: translate3d(0,0,0); transition: all 1.0s; }
nav.HMlinks li a:hover { color: #666666; background-color: unset;  transform: translate3d(1em,0,0); transition: all 1.0s; }
nav.HMlinks li.aktiv {  background-color: #FFFFFF; text-transform: uppercase; }
nav.HMlinks li.aktiv a { color: #666666; transform: translate3d(1em,0,0) }
/*Navigation Hauptmenü links Untermenü*/
#HMlinksUMlinks { font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; background-color: #FFFFFF; animation: link 1.5s; padding-left: 1em; position: relative; z-index: 2;}
#HMlinksUMlinks ul { display: inline-block; }
#HMlinksUMlinks li { font-size: 0.8vw; text-transform: lowercase; list-style: none; z-index: 2;}
#HMlinksUMlinks li a { display: block; font-weight: 100; color: #999999; font-size: 0.8vw; text-transform: lowercase; transition: all 1.0s; transform: translate3d(2em,0,0); will-change: transform;}
#HMlinksUMlinks li a:hover, nav.HMlinks nav.HMlinksUMlinks li a:focus { color: #666666; background-color: unset; transition: all 1.0s; transform: translate3d(3em,0,0); will-change: transform; }
#HMlinksUMlinks li:hover,  nav.HMlinks nav.HMlinksUMlinks li:focus { transition: all 1.0s; transform: translate3d(3em,0,0); will-change: transform;  }
#HMlinksUMlinks li.aktiv a { background-color: unset; color: #666666; transform: translate3d(3em,0,0); transition: all 1.0s; }		

/*Navigation zum Seitenanfang*/
#toplink {position: fixed; bottom: 30px; right: 0px; text-align: left; width: 50px; height: 50px; background-color: #999999; border-top-left-radius: 25px; border-bottom-left-radius: 25px; padding: 5px; z-index: 3}
#toplink img { padding-left: 10px; padding-top: 18px }
#toplink:hover {background-color: #FFFFFF; transition: all 1.0s ease-in-out;}

/*Menü für Archivseite*/
#InfoInside {width: 200px; font-weight: 100; text-align: right; }
#InfoInside p.aktiv { color: #AA0000; }
#InfoInside li { text-align: left; background-color: #99b53c; padding: 5px; border: 3px solid #FFFFFF; margin-left: -20px; margin-bottom: 5px; list-style: none; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; text-shadow: black 2px 1px 3px; -webkit-text-shadow: black 2px 1px 3px; -moz-text-shadow: black 2px 1px 3px; -o-text-shadow: black 2px 1px 3px; box-shadow: black 3px 2px 4px; -webkit-box-shadow: black 3px 2px 4px; -moz-box-shadow: black 3px 2px 4px; -o-box-shadow: black 3px 2px 4px; }
#InfoInside li.aktiv { background-color: #99b53c; border: 3px solid #99b53c; }
#InfoInside li.aktiv a { color: #FFFFFF; }


/*Inhalt*/
/*Inhalt mit Menü oben*/
article, article.lang { min-height: 600px; position: relative; margin: 0px auto; margin-top: 1em; padding: 1%; animation: hauptteil 1.5s; font-size: 18px; width: 600px;  text-align: justify; z-index: 0;}
article.kurz { height: 600pxpx; overflow: none; }
article.Galerie { margin: 0px auto; font-size: 18px; width: 70%; text-align: center; z-index: 0; animation: fade 0.5s; }
article.Galerie img {  animation: fade 1.5s; }
article.Galerie h1 { font-size: 2.0em; padding: 1.0em;}

/*Inhalt mit Meü links*/
article.L { height: 600px; overflow: none; position: relative; margin: 0px; animation: hauptteil 1.5s; width: 600px; font-size: 18px; max-height: 600px; text-align: left; grid-row: 1 / 2; grid-column: 2 / 3; z-index: 0;}
article.LangL {  min-height: 600pxpx; position: relative; margin-left: 2em; animation: hauptteil 1.5s; width: 600px; font-size: 18px; text-align: left; grid-row: 1 / 2; grid-column: 2 / 3; z-index: 0; }
article.L h1 { text-align: left; }
article.LangL h1 { text-align: left; }
article.L h2 { text-align: left; }
article.LangL h2 { text-align: left; }
article.L h3 { text-align: left; }
article.LangL h3 { text-align: left; }
article.GalerieL { position: relative; padding-top: 5em; text-align: left; z-index: 1; width: 600px; margin: 0px auto; grid-row: 1 / 2; grid-column: 2 / 3; }
article.GalerieL img {  animation: fade 1.5s; }
article.GalerieL h1 { font-size: 2.0em; padding: 1.0em;}
article.L div.bildanzeige { text-align: left; }
article.LangL div.bildanzeige { text-align: left; }

/*Inhalt für Galerieseiten*/
/*Inhalt für Galerieseiten*/
#galerieMax { position: absolute; margin: 0px auto; display: flex; text-align: center; justify-content: center; align-items: center; z-index: 1; }
#galerieMax img {  animation: fade 0.5s; }
#galerieMax.navigation { position: absolute; text-align: center; width: 100%; border-top: 0.5px solid #666666; font-size: 0.9em; line-height: 2em; bottom: 5px; z-index: 50; }
#galerieMax a:hover { opacity: 0.4; transition: all 0.5s; }
#galerieMax picture a:hover { opacity: 1.0; transition: all 0.5s; }
#galerieMax a { opacity: 1.0; transition: all 0.5s; }

/*spezielle Formatierungen*/
a { color: #999999; text-decoration: none; }
a:hover { color: #333333 }
div.bildanzeige { text-align: center; }
img.foto { padding-top: 1em; padding-bottom: 1em; text-align: center; }

h1 { font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; font-weight: 100; text-align: center; font-size: 250%; color: #999999; text-transform: uppercase; padding-bottom: 0.8em; line-height: normal; }
h1.right { text-align: right; }
h1.center {text-align: center; }
h1.left { text-align: left; }
h2 { font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; font-weight: 100; text-align: center; font-size: 200%; color: #999999; text-transform: uppercase; padding-bottom: 0.8em; line-height: normal; }
h2.right { text-align: right; }
h2.center {text-align: center; }
h2.left { text-align: left; }
h2 a {  color: #999999; }
h3 { font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; font-weight: 100; text-align: center; font-size: 120%; color: #999999; text-transform: uppercase; padding-bottom: 0.8em; line-height: normal; }
h3.right { text-align: right; }
h3.center { text-align: center; }
h3.left { text-align: left; }
h3.center a { text-align: center; color: black }

.hinweis { font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; font-size: 80%; color: #666666; }
.warnung { font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; font-size: 80%; color: #FF9900; background-color: #FFFFFF; }

span.hinweis { font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; font-size: 80%; color: #666666;  }
span.warnung { font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; font-size: 80%; color: #FF9900; }

table { width: auto; border-collapse: collapse; margin: 0px auto; width: auto; border-width: 0px; border-style: solid; border-color: blaunset;ck; border-spacing: 0px; }
tr.row_1 { background-color: lightgray; }
tr.row_0 { background-color: darkgray; }
td { padding: 0.5em;  background-color: unset; border-width: 0px; border-style: solid; border-color: unset; }
td.kopf { padding: 0.5em; width: auto; background-color: unset; color: unset; font-weight: bold; font-size: 120%}
td.kopflinks { padding: 0.5em; width: auto; background-color: unset; color: unset; font-weight: bold; font-size: 120%}

p { padding-left: 0px; padding-right: 0px; padding-bottom: 1.5em; }
p.erl { padding-left: 0px; padding-right: 0px; padding-top: 0px; }
p.bildunterschrift { padding: 0px; text-align: center }

ul { padding-left: 0px; }
li { padding-bottom: 5px; padding-left: 0px; list-style: none; }

/*Formulare*/
input.text { width: 99%; font-size: 120%; color: #666666; }
textarea { width: 99%; height: 20em; font-size: 120%; color: #666666; }

input.button {font-weight: bold; font-size: 0.8em; color: white; padding: 4em; text-align: center; padding: 1.5em; background-color: #999999; border: 0px; border-radius: 5em; width: 10em; }
input.button a {color: white; }
input.button:hover { background-color: darkolivegreen; color: #EEEEEE; transition: all 1s;}

input.buttonred { font-weight: bold; font-size: 0.8em; color: white; padding: 4em; text-align: center; padding: 1.5em; background-color: #753237; border: 0px; border-radius: 5em; width: 10em;}
input.buttonred a {color: white; }
input.buttonred:hover { background-color: darkred; color: #EEEEEE; transition: all 1s;}

/*Container*/
/*Container zum Indizieren von Seiten*/
#bildtextbox { position: relative; width: 100%; background-color: #EEEEEE; margin-top: 2.0em; margin-bottom: 2.5em; z-index: 1; }
#bildtextbox:hover { opacity: 0.7; transition: all 0.4s;}
#bildtextbox div { position: absolute; right: 0px; left: 0px; bottom: 0px; font-size: 2.0em; background-color: #EEEEEE; color:black; padding: 0.5em; opacity: 0.8; text-align: right}
#bildtextbox div a { color:black; }
#bildtextbox span p { font-size: 18px; position: absolute; bottom: 20px; left: 30px; text-shadow: 3px 3px 3px #333333; }
/*Container ohne Bild (nur Text)*/
#bildtextboxT { position: relative; width: 100%; background-color: #EEEEEE; min-height: 12em; margin-top: 2.0em; padding: 1.0em; margin-bottom: 2.5em; z-index: 1; }
#bildtextboxT:hover { opacity: 0.7; transition: all 0.4s; }
#bildtextboxT a { font-size: 2.0em; color:black; background-color: #EEEEEE; position: relative;  }
/*Container auf Blogseiten*/
#bildtextboxB { position: relative; width: 100%; background-color: #EEEEEE; margin-top: 2.0em; margin-bottom: 2.5em; z-index: 1; }
#bildtextboxB div { font-size: 2.0em; background-color: #EEEEEE; color:black; position: absolute; padding: 0.5em; left: 0px; bottom: 0px; opacity: 0.8; }
#bildtextboxB div a { color:black; }
/*Container ohne Bild mit Aufdeckeffekt*/
.flip { perspective: 800px; margin-bottom: 2.5em;}
.flip-innen { position: relative; transition: all 0.8s ease-in-out; transform-style: preserve-3d; }
.flip:hover .flip-innen { transform: rotateY(180deg); will-change: transform;}
.flip-vorne, .flip-hinten { position: absolute; width: 96%; padding: 1em; -webkit-backface-visibility: hidden; backface-visibility: hidden; cursor: help;}
.flip-hinten { transform: rotateY(180deg); cursor: alias; will-change: transform;}
 /*Zoomeffekt*/
 #zoom { transform: scale(1.0); width: 96%}
 #zoom:hover, #zoom:focus { transform: scale(1.1) translateX(1.2em); transition: all 0.6s; will-change: transform;}
 #zoom { transition: all 2s; will-change: transform; }

/*Fusszeile*/
/*Fusszeile bei Menü oben*/
footer.T {  margin: 0px auto; animation: hauptteil 1.5s; text-align: center; width: 100%; font-family: Courier New, Courier, monospace; padding: 1em; font-size: 70%; line-height: 2em; color: #999999; z-index: 1; }
footer.T a { color: #666666; }
footer.T  a:hover { color: #666666; }
/*Fusszeile bei Menü links*/
footer.L { font-family: Courier New, Courier, monospace; font-size: 70%; color: #999999; text-align: left;}
footer.L a { font-size: 70%; color: #666666; }
footer.L a:hover { color: #666666; }
/*geteilteFusszeile*/
#footerTleft { margin: 0px; animation: hauptteil 1.5s; padding: 30px; border-right: 1px solid black; background-color: #EEEEEE; z-index: 1;}
#footerTright { margin: 0px; animation: hauptteil 1.5s; padding: 30px; background-color: unset; z-index: 1;}
#footerLleft { margin: 0px; animation: hauptteil 1.5s; padding: 30px; border-right: 1px solid black; background-color :#EEEEEE; z-index: 1;}
#footerLright { margin: 0px; animation: hauptteil 1.5s; padding: 30px; background-color: unset; z-index: 1;}

/*Seiten mit Benutzer-Eingabe*/
/*Gästebuch*/
div.guestbook div { background-color: white; margin-bottom: 20px; padding-right: 2%; padding-left: 2%; padding-bottom: 2%; padding-top: 2%; border-radius: 3px}
div.guestbook p.head { padding: 10px; }
div.guestbook p.head span.name { font-weight: bold;  }
div.guestbook a { font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; font-size: 1.0em; color: % link%;}
div.guestbook p.head span.date { font-size: 0.8em; }
div.guestbook p.text { margin-left: 50px; padding-bottom: 10px; }
div.guestbook ul.navigation { font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; text-align: center; font-size: 1.0em; font-weight: bold; }
ul.navigation a { font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; color: #FFFFFF; font-size: 1.0em; font-weight: bold; }
ul.navigation a:hover { color: unset; }

/*Blog*/
div.blog div { margin-top: 30px; }
div.blog p.head { padding: 10px }
div.blog p.head span.name { font-weight: bold; }
div.blog p.text { font-size: 0.8em; width: 70%; margin-left: 50px; padding:}
div.blog p.head span.date { font-size: 0.9em; }
div.bloguebersicht { font-size: 1.0em; background-color: white; margin-top: 15px; margin-bottom: 15px; padding-right: 2%; padding-left: 2%; padding-bottom: 2%; padding-top: 2%; border-radius: 3px}
div.bloguebersicht img { border: 0px; }
div.bloguebersicht img:hover { border: 0px; }
/*Blogkommentare*/
div.blogkom div { background-color: white; padding: 20px; }
div.blogkom span.name { font-weight: bold; }
div.blogkom span.date { font-size: 0.8em; }
div.blogkom p.text { margin-left: 50px; padding-bottom: 20px; font-size: 1.0em; }
div.blog p.headkom span.date { font-size: 0.8em; }

/*Animationen*/
@keyframes hauptteil 
	{
	0% { opacity: 0.0;}
	100% {opacity: 1.0;
}	}
@keyframes oben 
	{
	0% { transform: translate3d(0,-500px,0);}
	100% {transform: translate3d(0,0,0);}
	}
@keyframes fade 
	{
	0% { opacity: 0;}
	100% { opacity: 1;}
	}
@keyframes link 
	{
	0% { transform: translate3d(-500px,0,0);}
	100% {transform: translate3d(0,0,0);}
	}

/*animiertes Unterstreichen von Links*/
article { position: relative; }
article a:before 
	{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: black;
	visibility: hidden;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out;
  	}
article a:hover:before { visibility: visible; transform: scaleX(1); }
article.Galerie a:hover:before { transform: scaleX(0) }
article.GalerieL a:hover:before { transform: scaleX(0) }

article.lang a { position: relative; }
article.lang  a:before 
	{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: black;
	visibility: hidden;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out;
  	}
article.lang  a:hover:before { visibility: visible; transform: scaleX(1); }

article.kurz a { position: relative; }
article.kurz  a:before 
	{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: black;
	visibility: hidden;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out;
  	}
article.kurz  a:hover:before { visibility: visible; transform: scaleX(1); }

article.L a { position: relative; }
article.L  a:before 
	{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: black;
	visibility: hidden;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out;
  	}
article.L  a:hover:before { visibility: visible; transform: scaleX(1); }

article.LangL a { position: relative; }
article.LangL  a:before 
	{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: black;
	visibility: hidden;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out;
  	}
article.LangL  a:hover:before { visibility: visible; transform: scaleX(1); }

footer a { position: relative; }
footer a:before 
	{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: black;
	visibility: hidden;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out;
  	}
footer a:hover:before { visibility: visible; transform: scaleX(1); }

figure.kreis a { position: relative; }
figure.kreis  a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: rgb(240,240,240);
	visibility: hidden;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out;
  	}
figure.kreis  a:hover:before { visibility: visible; transform: scaleX(1); }

figure.kreislink a { position: relative; }
figure.kreislink  a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: unset;
	visibility: hidden;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out;
  	}
figure.kreislink  a:hover:before { visibility: visible; transform: scaleX(1); }

/*Navigation zum Seitenanfang*/
aside {position: fixed; bottom: 30px; right: 0px; text-align: left; width: 50px; height: 50px; background-color: rgb(248,248,248); border-top-left-radius: 25px; border-bottom-left-radius: 25px; padding: 5px; z-index: 3}
aside img { padding-left: 10px; padding-top: 18px; transform: translate3d(0,0,0); transition: all 1.0s ease-in-out; }
aside:hover { transform: translate3d(0,-0.5em,0); transition: all 1.0s ease-in-out; }

/*Kreise*/
figure { font-family: Arial, Helvetica, sans-serif; position: relative; margin: 0px auto; margin-top: 3.0em; border-radius: 50%; width: 30px; height: 30px; padding: 20px; color: white; background-color: rgb(240,240,240); border: 5px solid white; text-align: center; }
figure.kreis { transform: rotate(0deg); transition: all 0.5s ease-in-out; }
figure.kreis:hover { transform: rotate(90deg); transition: all 0.5s ease-in-out; }
div.bloguebersicht figure img { border: 0px; }
div.bloguebersicht figure img:hover { border: 0px; }

figure.kreislink 
	{
	display: inline-block;
	transform: rotate(0deg); transition: all 0.5s; 
	border-radius: 50%;
	padding: 1.0em;
	background-color: unset;
	}
figure.kreisaktiv 
	{
	display: inline-block;
	border-radius: 50%;
	padding: 1.0em;
	color: #999999;
	background-color: #999999;
	}
figure.kreislink:hover	{ background-color: #999999; transform: rotate(360deg); transition: all 0.5s; } 

/*Cookiebanner*/
#cookiebanner, #cookiebanner * { box-sizing: border-box; }
#cookiebanner { display: none; position: fixed; top: 0px; left: 0px; width: 100%; padding-left: 10em; padding-right: 10em; padding-top: 10em; padding-bottom: 100em; line-height: 2em; background: #000000; opacity: 0.9; color: #FFFFFF; z-index: 100; }
#cookiebanner a { color: #fff; }
#cookiebanner #warntext { float: left; width: 100%; }
#cookiebanner #accept { float: right; }
#cookiebanner #accept a { border: 1px solid #FFFFFF; padding: 5px 10px; text-decoration: none; width: 100%; display: block; text-align: center;}

/*Bilderkarussell*/
#karussell { display: inline-flex; text-align: left}
#karussell:hover #karussellbox { animation-play-state: paused; }
#karussellbox:hover { transform: scale(1.7); transition: all 1.0s ease-in-out; overflow: visible; top: 0px; z-index: 20}
#galerieMaxBildband { position: absolute; top: 20%; display: inline-flex; text-align: left; }
#galerieMaxBildband img:hover { transform: scale(1.7); transition: all 1.0s ease-in-out; }
@keyframes karussell 
	{
	0% { right: 0 }
	1% { right: 0 }
	96% { right: 95% }
	97% { right: 95% }
	99% { right: 0 }
	}

/*Druckansicht*/
#SeiteDruck { width: 100%; margin: 0px; background-color: #FFFFFF; color: #000000; }
#SeiteDruck h1 { font-weight: bold; font-size: 16px; padding-bottom: 1.4em; text-align: left; color: #000000; background-color: #FFFFFF; }
#SeiteDruck h2 { font-weight: bold; font-size: 14px; padding-bottom: 1.2em; text-align: left; color: #000000; }
#SeiteDruck span.hinweis { color:#000000; }
#SeiteDruck span.warnung { color:#000000; }
#SeiteDruck p.hinweis { color:#000000; }
#SeiteDruck p.warnung { color:#000000; }
#SeiteDruck a { color: #000000; }

/*Panorama*/
.panorama 
	{
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	cursor: wait;
	animation: panorama linear infinite alternate;
	animation-play-state: running;
	margin-left: 30px;
	margin-right: 30px;
	} 
.panorama:hover, .panorama:focus { animation-play-state: paused; } 
@keyframes panorama { to { background-position: 100% 0; }}