/* universal-selektor */
* { margin: 0 ; padding: 0 ; }
/* für alte IE-Versionen Blockelemente - in CSS definieren */
header, nav, article, footer { display: block ; }

/*----------------------------- body----------------------------------*/
body {						background-color: #011b28 ;
						background-image: url(Vektoren-gif/hintergrund-vektor-grafik.gif) ;
						background-attachment: fixed ; 
						/* -------für alte IE-Versionen zwecks Zentrierung des Layouts - text-align: center ; -------*/
						text-align: center ;
						color: white ; 
						font-family: <!--Lora--><!--Verdana--> Tahoma ;
}
/*------------------------------ body Ende -----------------------------*/
/*------------------------------ Proben -----------------------------------*/

/* ----------------------------- Proben Ende ----------------------------- */
/* ------------------------------Allgemein----------------------------- */

#web-logo-print {				display: none ;
}
a {						color: white ;
}
a:hover {					color: #7db0c6 ;  /* hellblau */
}
p, li { 					font-size: 1.5em ;
						/* font-style: italic ; */
}
dfn, 
dt, dd {					font-size: 1.4em ;
						font-style: italic ;
}
#nav li {					padding: 0 ;
}
h1 {						font-size: 2.5em ;
						/*font-style: italic ; */
}
h2 {						font-size: 2em ;
						/* padding-left: 2.6em ;  --------- */
						line-height: 60px ;
}
#D-S {						padding-left: 0em ;
						margin-left: 0em ;
}
h1, h2 {					margin-bottom: 0.8em ;
						letter-spacing: 0.06em ;
						font-weight: bold ;
}
sup {						font-size: 0.2em ;
}
#atelier {					font-size: 0.5em ; /* sup */
}
#mobile-animation {				display: none ;
}
td {}
a:link { 					color: white ; 
}
p, a, ul	{				margin-top: 0.5em ;
						line-height: 1.5em ;
						letter-spacing: 0.10em ;
						word-spacing: -0.04em ;
}
dfn, dl {					margin-top: 0.2em ;
						line-height: 1.5em ;
						letter-spacing: 0.10em ;
						word-spacing: -0.04em ;						
}
dt {						float: left ;
						margin-right: 1em ;
						font-weight: bold ;
						font-style: normal ;
}
dd {					
}
hr {						margin-top: 4em ;
						margin-bottom: 4em ;
						border-bottom: 3px ;
						border-color: #dd2246 ;
						border-style:  inset ;
}
hr:last-child {					margin-bottom: 0 ;
}
#textinhalt1 {					/*background-color: orange ;*/
						padding: 2em ;
						margin: 2em 2.25em;
}
.h1-symbole {					background-position: left top ;
						background-repeat: no-repeat ;
						line-height: 70px ;
						padding-left: 2.3em ;   /* !SYMBOLE --------- */
}
.textsymbole {					background-position: left top ;
						background-repeat: no-repeat ;
}
.interrior-rahmen {				border-top: #dd2246 4px solid;
						border-right: #dd2246 4px solid;
						border-left: #dd2246 4px solid;
						-webkit-box-shadow: 0 0 8px black ;		
						-moz-boxr-shadow: 0 0 8px black ;
						-o-box-shadow: 0 0 8px black ;
						-ms-box-shadow: 0 0 8px black ;
						box-shadow: 0 0 8px black ;
						padding: 2.2em 3em 3.5em 3em ;
						margin: 2em 3em ;
						margin-bottom: 4em ;
						display: block ;
						position: relative ;								
}					
.interrior-rahmen-logo {			background-image: url(Hintergrundbild/border-interrior-logo.png);
						background-repeat: no repeat ;
						position:  absolute ;
						bottom: -10.5px ;
						left: 412px ;
						width: 50px ;
						height: 21px ;
}
.brdl {						border-bottom: #dd2246 4px solid;
						position:  absolute ;
						bottom: 0px ;
						left: -4px ;
						width: 400px ;
						height: 37px ;
}
.brdr {						border-bottom: #dd2246 4px solid;
						position:  absolute ;
						bottom: 0px ;
						right: -4px ;
						width: 420px ;
						height: 37px ;
}
.text-ausrichtung-zentriert {			background-color:  ;
						text-align: center;
						text-decoration: underline ;
}
.kursiv {					font-style: italic ;
}

/* --------------------------Allgemein Ende---------------------------- */
/* ---------------------------Sticky footer---------------------------- */
html, body {			height: 100% ; 
}	
body {						display: table ;
						width: 100% ;
}
.tabellen_zellen {				display: table-row ;
}
.maximale_hoehe {				height: 100% ;
}	
/* --------------------------Sticky footer Ende------------------------- */
/*---------------------------------datenschutz--------------------------------*/
#datenschutzhinweiss-1 { 			background-color: orange ;  
						width: 100% ;
						display: ;
						position: fixed ;
						bottom: 0em ;
						z-index: 9 ;
						text-align: center ;
						padding: 0.5em 0em 0.6em 0em ;
}
#datenschutzhinweiss-2 { 			display: none ;
						background-color: orange ; 
						position: fixed ;
						bottom: 0em ;
						z-index: 9 ;
						text-align: left ;
						padding: 1.5em 2em 2em 2em ;						
}
#datenschutzhinweiss:target #datenschutzhinweiss-1
{						
						display: block ;			
}
#datenschutzhinweiss-aus:target #datenschutzhinweiss-1
{						
						display: none ;			
}
#datenschutzhinweiss-02:target #datenschutzhinweiss-2
{						
						display: block ;			
}
.datenschutzbuttons-abstand {			margin-left: 0.4em ;
						background-color: #011b28 ;
						display: relative ;
						padding: 0.2em 0.6em ;
						font-size: 1.2em ;
						font-family: Lora ;
						font-style: italic ;
						text-decoration: none ;
						border: 2px white solid ;
						-webkit-box-shadow: 0 0 8px black ;		
						-moz-boxr-shadow: 0 0 8px black ;
						-o-box-shadow: 0 0 8px black ;
						-ms-box-shadow: 0 0 8px black ;
						box-shadow: 0 0 8px black ;
}
#datenschutz-design {				margin: 0 auto ;						
}
/*------------------------------datenschutz ende-------------------------------*/	
/* -----------------------------Kopf Bereich---------------------------- */				
header {					/*background-color: lightblue ;*/
						height: 248px ;
						width: 100% ;
						background-image: url(Hintergrundbild/blauer-himmel-1.jpg);
						background-attachment: fixed ;
						-webkit-background-size: cover ; 
						-moz-background-size: cover ; 
						-o-background-size: cover ;
						-ms-background-size: cover ;
						background-size: cover ;  /* CSS3 Angabe */
}
#web-logo { 					background-image: url(Logo/web-logo.png);
						width: 474px ;
						height: 200px ;
						float: left ;
						margin-left: 2em ;
						margin-top: 1.5em ;
						margin-bottom: 1.5em ;
						margin-right: auto ;
}
#seitentitel {					background-image: url(Vektoren-gif/titel-design-3.gif);
						-webkit-background-size: 70% 4% ; 
						-moz-background-size: 70% 4% ; 
						-o-background-size: 70% 4% ;
						-ms-background-size: 70% 4% ;
						background-size: 70% 4% ;
						background-position: bottom left;
						background-repeat: no-repeat ;
						display:  inline-block ;
						position:  absolute ;
						left: 550px ;
						height: 150px ;
						line-height: 200px ;	
						margin-top: 16px ;
						text-align: left ;
						font-size: 4.4em ;
						font-weight:  600 ;
						/*font-style: italic ;*/ 
						z-index: 0 ;
		 				/*margin-left: 474px ;*/
}
/* -------------------------------Kopf Bereich Ende------------------------------- */						
/*---------------------------------- steuerung ------------------------------------*/
nav {						background-color: #7db0c6 ;
						background-image: url(Hintergrundbild/Steuerung/steuerleiste.png);
						background-repeat: repeat-x ;	
						width: 100% ;
						height: 60px ;	
						-webkit-box-shadow: 0 10px 20px #011b28 ;		
						-moz-boxr-shadow: 0 10px 20px #011b28 ;
						-o-box-shadow: 0 10px 20px #011b28 ;
						-ms-box-shadow: 0 10px 20px #011b28 ;
						box-shadow: 0 10px 20px #011b28;					
}
nav ul {					/*background-color: black ;*/
						display: inline-block ;
						width: 62.62em ;
						margin: 0 auto ;					
}
nav li {					/*background-color: green ;*/
						list-style-type: none ;
						display: inline-block ;
						height: 60px ;
						margin: 0em 0.75em ; /* Abstand zu den Steuerrubriken */
						line-height: 60px ;
						font-size: 1.6em ;
						font-weight: bold ;
						/*font-style: italic ;	*/				 
}
nav a {						/*background-color: yellow ;    a ist ein inline Element */
						text-decoration: none ;
						color: white ;
						display: inline-block ;
						width: 110% ;
						line-height: 60px ; 
						margin: 0 auto ;
}
nav a:hover { 					/*background-color: orange ;*/
						color: #7db0c6 ;
						-webkit-box-shadow: 0 0 8px black ;		
						-moz-boxr-shadow: 0 0 8px black ;
						-o-box-shadow: 0 0 8px black ;
						-ms-box-shadow: 0 0 8px black ;
						box-shadow: 0 0 8px black ;
						/*background-image: url(Hintergrundbild/steuerleiste-aktiv.png);
						background-repeat: repeat-x ;*/
}
/*------------------------------ steuerung Ende -------------------------------*/
/*-------------------------------- h1 symbole ---------------------------------*/
#symbol-index {					background-image: url(Vektoren-gif/symbol-h1-index.gif) ;	
}
#symbol-kunstwerke {				background-image: url(Vektoren-gif/symbol-h1-kunstwerke.gif) ;	
}
#symbol-mythos {				background-image: url(Vektoren-gif/symbol-h1-mythos.gif) ;
}
#symbol-lokalitaet {				background-image: url(Vektoren-gif/symbol-lokalitaet.gif) ;	
}
#symbol-bewertung {				background-image: url(Vektoren-gif/symbol-h1-bewertung.gif);						
}
#symbol-postfach {				background-image: url(Vektoren-gif/symbol-h1-postfach.gif) ;	
}
#symbol-kontaktformular {			background-image: url(Vektoren-gif/symbol-h1-kontaktformular.gif) ;	
}
/*----------------------------- h1 symbole ende -------------------------------*/
/*--------------------------------- article -----------------------------------*/
article {					background-image: url(Hintergrundbild/blauer-himmel-1.jpg) ;
						background-attachment:  inherit ;
						-webkit-background-size: cover ; 
						-moz-background-size: cover ; 
						-o-background-size: cover ;
						-ms-background-size: cover ;
						background-size: cover;  /* CSS3 Angabe */
						height: 100% ; 
						width: 62.5em ;
						margin: 0em auto ;
						text-align: left ;
						padding: 2em 0em ;	
						border-right: black 1px solid;
						border-left: black 1px solid;					
}
article li {					/*background-color: orange ;*/
						font-size: 1.5em ;
						padding-left: 0.5em ; /*   !SYMBOLE --------- */
						list-style-position: inside ;
						margin-top: 0.5em ; 
}
h1 {						font-size: 2.5em ;
						/*font-style: italic ; */
}
h2 {						font-size: 2em ;
						padding-left: 2.6em ;  /* !SYMBOLE --------- */
						line-height: 60px ;
}
h1, h2 {					margin-bottom: 0.8em ;
						letter-spacing: 0.06em ;
						font-weight: bold ;
}
sup {						font-size: 0.2em
}
/*----------------------------- wrapper Ende -------------------------------*/
/*--------------------------------index ------------------------------------*/
#textthema li {					/*background-color: orange ;*/
						background-image: url(Vektoren-gif/listen-textsymbol.gif);
						background-position: left ;
						background-repeat: no-repeat ;
						list-style-type: none ;
}
#textthema li:hover {				background-image: url(Vektoren-gif/listen-textsymbol-hover.gif);
						background-position: left ;
						background-repeat: no-repeat ;
						list-style-type: none ;
}
#textthema li a {				/*background-color: yellow ;*/
						margin-left: 1.9em ;  /*  !SYMBOLE --------- */
						line-height: 1.6em ;
}
#textthema {					margin-top: 1.4em ;
						margin-bottom: 5em ;
}
#textthema a {					color: white ;
						
}
#textthema a:hover { 				color: #7db0c6 ; 
}
#listenabstand {				margin-top: 1.8em ;
						margin-bottom: 2em ;										
						list-style-type: none ;
}
#listenabstand li {				line-height: 1.6em ;
						padding-left: 2.4em ;  /*  !SYMBOLE --------- */
						background-image: url(Vektoren-gif/listen-textsymbol.gif);
						background-position: left ;
						background-repeat: no-repeat ;
						list-style-type: none ;
						
}
#textthema-atelier {				/*background-color: orange ;*/
						background-image: url(Vektoren-gif/symbol-atelier.gif) ;
						/*background-position: left top;
						background-repeat: no-repeat ;*/					
}
#textthema-arbeitstechnik {			/*background-color: orange ;*/
						background-image: url(Vektoren-gif/symbol-arbeitstechnik.gif) ;
						/*background-position: left top;
						background-repeat: no-repeat ;*/
						line-height: 60px ;
						height: 60px ;
						margin-bottom: 0.6em ;						
}
#textthema-sachbuch {				/*background-color: orange ;*/
						background-image: url(Vektoren-gif/symbol-empfehlung-sachbuch.gif) ;
						/*background-position: left top ;
						background-repeat: no-repeat ;*/
						line-height: 60px ;
						height: 60px ;					
}
#textthema-geschaeftsidee {			background-image: url(Vektoren-gif/symbol-geschaeftsidee.gif) ;
						/*background-position: left top ;
						background-repeat: no-repeat ;*/						
}
/*------------------------------- index Ende -------------------------------*/
/* --------------------------------Fusszeile------------------------------- */
footer {					background-color: #011b28 ;
						-webkit-box-shadow: 0 -18px 20px #011b28 ;		
						-moz-boxr-shadow: 0 -18px 20px #011b28 ;
						-o-box-shadow: 0 -18px 20px #011b28 ;
						-ms-box-shadow: 0 -18px 20px #011b28 ;
						box-shadow: 0 -18px 20px #011b28 ;
}
#footer-inhalt {				background-color: #011b28 ;
						/*display: inline-block ;*/
						text-align: left ;
						margin: 0 auto ;
						padding: 3em 0em;
						width: 62.5em ;
						height: 290px ;	
						/*-webkit-column-count: 3 ;		
						-moz-column-count: 3 ;
						-o-column-count: 3 ;
						-ms-column-count: 3 ;
						column-count: 3 ;
						-webkit-column-gap: 1em ;		
						-moz-column-gap: 1em ;
						-o-column-gap: 1em ;
						-ms-column-gap: 1em ;
						column-gap: 1em ;
						-webkit-column-rule: 2px silver solid ;		
						-moz-column-rule: 2px silver solid ;	
						-o-column-rule: 2px silver solid ;	
						-ms-column-rule: 2px silver solid ;	
						column-rule: 2px silver solid ;	*/
} 
#footer-inhalt p {				/*background-color: orange ;*/				
						line-height: 1.9em ;
}
#fusszertifikat {				width: 20.83em ;
						display: inline-block ;
						float: left ;
						position: inherit ;	
						border-right: 2px silver solid ;
						height: 100% ;	
						padding: 0em 0em ;			
}
#fusszertifikat img {				/*background-color: orange ;*/
						display:  inherit ;
						margin: 0 auto ;
}
#fusszertifikat p {				line-height: 1.5em ;
						font-size: 1.3em ;
						text-align: center ;
}
#fusstext {					width: 18.83em ;
						display: inline-block ;
						float: left ;
						position: relative ;
						margin-left: 1em ;
						border-right: 2px silver solid ;
						height: 100% ;
						padding-left: 2em ;
}
#footer-inhalt 
figure 	{					margin: 0em 1em ;   /*   !ZERTIFIKAT --------- */
						text-align: center ;	
}
#footer-inhalt 
figcaption {					font-size: 1.2em ;
						color: white ;
						font-style: italic ;
						opacity: 0.7 ;
}
/* ------------------------Fusszeile Ende----------------------------- */
/*-------------------------- impressum --------------------------------*/
.imp {						margin-bottom: 1em ;
						/*background-color: yellow ;*/
}
#keine {					font-size: 2em ;
						padding-left: 0 ; 
						line-height: 60px ;
}
/*-------------------------- impressum Ende ----------------------------*/
/*-----------------------------  Atelier -------------------------------*/
#grundriss-atelier {	position: relative ;
						left: 1em ;
						top: 0em ;
}
#grundriss-atelier-a {	position: relative ;
						left: 4.5em ;
						top: -5em ;
}
#grosser-pfeil {				background-image: url(Vektoren-gif/pfeil-gross.png) ;
						background-repeat: no-repeat ;
						background-position: 19.5em 7em ;
}
#pfeil-n-1 {					background-image: url(Vektoren-gif/pfeil-oben-rechts.png) ;
						background-repeat: no-repeat ;
						background-position:7em 23em ;
}
#pfeil-n-2 {					background-image: url(Vektoren-gif/pfeil-rechts.png) ;
						background-repeat: no-repeat ;
						background-position:20em 13em ;
}
#pfeil-n-3 {					background-image: url(Vektoren-gif/pfeil-unten.png) ;
						background-repeat: no-repeat ;
						background-position:7em 16em ;
}
#pfeil-n-4 {					background-image: url(Vektoren-gif/pfeil-rechts.png) ;
						background-repeat: no-repeat ;
						background-position:46em 15em ;
}
#pfeil-t-1 {					background-image: url(Vektoren-gif/pfeil-unten.png) ;
						background-repeat: no-repeat ;
						background-position:27em 18em ;
}
#pfeil-t-2 {					background-image: url(Vektoren-gif/pfeil-oben.png) ;
						background-repeat: no-repeat ;
						background-position:10.5em 16.5em ;
}
#pfeil-t-3 {					background-image: url(Vektoren-gif/pfeil-links.png) ;
						background-repeat: no-repeat ;
						background-position:7em 26.5em ;
}
#pfeil-t-4 {					background-image: url(Vektoren-gif/pfeil-rechts.png) ;
						background-repeat: no-repeat ;
						background-position: 45em 14.5em ;
}
#hoehe-grundriss {				padding: 0em ;
}
.Raumname {					color: white ;
						opacity : 0.6 ;
}
#atelier-1-t {					position: relative ;
						left: 6.5em ;
						bottom: 15em ;	
}
#atelier-1-n {					position: relative ;
						left: 6.5em ;
						bottom: 17.5em ;	
}
#atelier-1-a {					position: relative ;
						left: 8em ;
						bottom: -12em ;	
}
#atelier-2-t {					position: relative ;
						left: 28em ;
						bottom: 18em ;
}
#atelier-2-n {					position: relative ;
						left: 28em ;
						bottom: 18em ;
}
#atelier-2-a {					position: relative ;
						left: 27em ;
						bottom: -8.5em ;
}
#eingang-t {					position: relative ;
						left: 18em ;
						bottom: 18em ;
}
#eingang-n {					position: relative ;
						left: 18em ;
						bottom: 16.5em ;
}
#eingang-a {					position: relative ;
						left: 18.4em ;
						bottom: -6.8em ;
}
#Atelier-Nacht, #Atelier-Tag {
						position: relative ;
						left: 32em ;
						bottom: 9.6em ;
}
#Atelier-Tag:hover, #Atelier-Nacht:hover  {
						color: white ;
}  
#mehr-lesen-atelier {	
						position: relative ;
						left: -0.5em ;  /* -0,5em für Linksausrichtung im Text */
						bottom: 4em ;
}
#mehr-lesen-atelier-a {				position: relative ;
						left: 36.5em ;  /* -0,5em für Linksausrichtung im Text */
						bottom: 7em ;
}
#text-a {					margin-top: -2.5em ;
}
#B-1-N {					position: relative ;
						left: -5em ;
						bottom: 13em ;
}
#B-2-N {					position: relative ;
						left: -3em ;
						bottom: 24em ;
}
#B-3-N {					position: relative ;
						left: -16em ;
						bottom: 24em ;
}
#B-4-N {					position: relative ;
						left: 6.5em ;
						bottom: 23em ;
}
#B-1-T {					position: relative ;
						left: 12em ;
						bottom: 22em ;
}
#B-2-T {					position: relative ;
						left: -7.6em ;
						bottom: 18em ;
}
#B-3-T {					position: relative ;
						left: -11em ;
						bottom: 13em ;
}
#B-4-T {					position: relative ;
						left: 6.5em ;
						bottom: 23em ;
}
#Bild-1-T:target #Bild-1-Tag, #Bild-2-T:target #Bild-2-Tag, #Bild-3-T:target #Bild-3-Tag, #Bild-4-T:target #Bild-4-Tag,
#Bild-1-N:target #Bild-1-Nacht, #Bild-2-N:target #Bild-2-Nacht, #Bild-3-N:target #Bild-3-Nacht, #Bild-4-N:target #Bild-4-Nacht,
#t-1-1:target #tag-seite-1-1, #t-1-2:target #tag-seite-1-2, #t-1-3:target #tag-seite-1-3, #t-1-4:target #tag-seite-1-4, #t-1-5:target #tag-seite-1-5,
#n-1-1:target #nacht-seite-1-1, #n-1-2:target #n-seite-1-2, #n-1-3:target #n-seite-1-3, #n-1-4:target #n-seite-1-4, #n-1-5:target #n-seite-1-5,
#a-1-1:target #seite-1-1, #a-1-2:target #seite-1-2, #a-1-3:target #seite-1-3, #a-1-4:target #seite-1-4, #a-1-5:target #seite-1-5
{
						display: block ;
						z-index: 1 ;
}
#Bild-1-Tag, #Bild-2-Tag, #Bild-3-Tag, #Bild-4-Tag,
#Bild-1-Nacht, #Bild-2-Nacht, #Bild-3-Nacht, #Bild-4-Nacht,
#tag-seite-1-1, #tag-seite-1-2, #tag-seite-1-3, #tag-seite-1-4, #tag-seite-1-5, 
#nacht-seite-1-1, #n-seite-1-2, #n-seite-1-3, #n-seite-1-4, #n-seite-1-5,
#seite-1-1, #seite-1-2, #seite-1-3, #seite-1-4, #seite-1-5

{						
						display: none ;
						position: fixed ;
						height: 100% ;
						width: 100% ;
						background-color: rgba(0%, 0%, 0%, 0.7) ;
						z-index: 10 ;
						/*background-image:url(Hintergrundbild/Kunstwerke-hintergrund.png) ;*/			
}

#Bild-1-Tag img, #Bild-2-Tag img, #Bild-3-Tag img, #Bild-4-Tag img,
#Bild-1-Nacht img, #Bild-2-Nacht img, #Bild-3-Nacht img, #Bild-4-Nacht img
{						
						border: 3px #dd2246 solid ;
						position: relative ;
						display: inline-table ;
						top: 15% ;
						width: 748px ;
						height: 500px ;								
}
#tag-seite-1-1 p, #tag-seite-1-2 p, #tag-seite-1-3 p, #tag-seite-1-4 p, #tag-seite-1-5 p, 
#nacht-seite-1-1 p, #n-seite-1-2 p, #n-seite-1-3 p, #n-seite-1-4 p, #n-seite-1-5 p,
#seite-1-1 p, #seite-1-2 p, #seite-1-3 p, #seite-1-4 p, #seite-1-5 p

{ 						
						border: 3px #dd2246 solid ;
						position: relative ;
						display: inline-table ;
						top: 6% ;
						padding: 1.1em ;
						width: 900px ;
						height:  ;
						text-align: left ;
						background-color: #011b28 ;
}

#Bild-1-Tag figcapture, #Bild-2-Tag figcapture, #Bild-3-Tag figcapture, #Bild-4-Tag figcapture,
#Bild-1-Nacht figcapture, #Bild-2-Nacht figcapture, #Bild-3-Nacht figcapture, #Bild-4-Nacht figcapture

{						
						position:  relative ;
						width: 100% ;
						display: inline-table ;
						top: 18% ;											
}

#tag-seite-1-1 figcapture, #tag-seite-1-2 figcapture, #tag-seite-1-3 figcapture, #tag-seite-1-4 figcapture, #tag-seite-1-5 figcapture,
#nacht-seite-1-1 figcapture, #n-seite-1-2 figcapture, #n-seite-1-3 figcapture, #n-seite-1-4 figcapture, #n-seite-1-5 figcapture,
#seite-1-1 figcapture, #seite-1-2 figcapture, #seite-1-3 figcapture, #seite-1-4 figcapture, #seite-1-5 figcapture

{						
						position:  relative ;
						width: 100% ;
						display: inline-table ;
						top: 10% ;											
}

#Bild-1-Tag figcapture a, #Bild-2-Tag figcapture a, #Bild-3-Tag figcapture a, #Bild-4-Tag figcapture a,
#Bild-1-Nacht figcapture a, #Bild-2-Nacht figcapture a, #Bild-3-Nacht figcapture a, #Bild-4-Nacht figcapture a,
#tag-seite-1-1 figcapture a, #tag-seite-1-2 figcapture a, #tag-seite-1-3 figcapture a, #tag-seite-1-4 figcapture a, #tag-seite-1-5 figcapture a,
#nacht-seite-1-1 figcapture a, #n-seite-1-2 figcapture a, #n-seite-1-3 figcapture a, #n-seite-1-4 figcapture a, #n-seite-1-5 figcapture a, 
#seite-1-1 figcapture a, #seite-1-2 figcapture a, #seite-1-3 figcapture a, #seite-1-4 figcapture a, #seite-1-5 figcapture a

{						
						background-color: #011b28 ;
						display: inline-block ;
						padding: 0.2em 0.6em ;
						margin: 0.5em 0.5em ;
						font-size: 1.2em ;
						font-family: Lora ;
						font-style: italic ;
						text-decoration: none ;
						border: 2px white solid ;
						-webkit-box-shadow: 0 0 8px black ;		
						-moz-boxr-shadow: 0 0 8px black ;
						-o-box-shadow: 0 0 8px black ;
						-ms-box-shadow: 0 0 8px black ;
						box-shadow: 0 0 8px black ;
}

#Bild-1-Tag figcapture a:hover, #Bild-2-Tag figcapture a:hover, #Bild-3-Tag figcapture a:hover, #Bild-4-Tag figcapture a:hover,
#Bild-1-Nacht figcapture a:hover, #Bild-2-Nacht figcapture a:hover, #Bild-3-Nacht figcapture a:hover, #Bild-4-Nacht figcapture a:hover,
#mehr-text-atelier-tag figcapture a:hover, 
#mehr-text-atelier-nacht figcapture a:hover
{						background-color: #dd2246 ;
						-webkit-box-shadow: none ;		
						-moz-boxr-shadow: none ;
						-o-box-shadow: none ;
						-ms-box-shadow: none ;
						box-shadow: none ;
}
.Grundriss-Buttons
{						background-color: #011b28 ;
						display: relative ;
						padding: 0.2em 0.6em ;
						margin: 0.5em 0.5em ;
						font-size: 1.2em ;
						font-family: Lora ;
						font-style: italic ;
						text-decoration: none ;
						border: 2px white solid ;
						-webkit-box-shadow: 0 0 8px black ;		
						-moz-boxr-shadow: 0 0 8px black ;
						-o-box-shadow: 0 0 8px black ;
						-ms-box-shadow: 0 0 8px black ;
						box-shadow: 0 0 8px black ;
}
.Grundriss-Buttons:hover
{						background-color: #dd2246 ;
						-webkit-box-shadow: none ;		
						-moz-boxr-shadow: none ;
						-o-box-shadow: none ;
						-ms-box-shadow: none ;
						box-shadow: none ;
}
.Grundriss-Buttons-aus {opacity: 0.3 ;
						background-color: none;
						display: relative ;
						padding: 0.2em 0.6em ;
						margin: 0.5em 0.5em ;
						font-size: 1.2em ;
						font-family: Lora ;
						font-style: italic ;
						text-decoration: none ;
						border: 2px white solid ;
						-webkit-box-shadow: 0 0 8px black ;		
						-moz-boxr-shadow: 0 0 8px black ;
						-o-box-shadow: 0 0 8px black ;
						-ms-box-shadow: 0 0 8px black ;
						box-shadow: 0 0 8px black ;
						cursor:  default ;
}

/*--------------------------  Atelier Ende  ----------------------------*/
/*-----------------------------Kunstwerke-------------------------------*/
.kunstwerke-li {				background-position: left center ;
						background-repeat: no-repeat ;
						list-style-type: dotted ;
						/* padding-left: 1.5em !important; */
}
#KM ul li:hover {				color: #dd2246 ;
}
#GR ul li:hover {				color: #dd2246 ;
}
/*#li-KM {					background-image: url(Vektoren-gif/kunstwerke-KM-listensymbol.gif);						
}
#li-KM:hover {					background-image: url(Vektoren-gif/kunstwerke-KM-listensymbol-2.gif);
}
#li-GR {					background-image: url(Vektoren-gif/kunstwerke-GR-listensymbol.gif);
}
#li-GR:hover {					background-image: url(Vektoren-gif/kunstwerke-GR-listensymbol-2.gif);
}
#li-PM {					background-image: url(Vektoren-gif/kunstwerke-PM-listensymbol.gif);
}
#li-PM:hover {					background-image: url(Vektoren-gif/kunstwerke-PM-listensymbol-2.gif);
}*/
#GR {						background-image: url(Vektoren-gif/symbol-graphitzeichnung.gif)
}
#PM {						background-image: url(Vektoren-gif/symbol-pastellmalerei.gif)
}
#KM {						background-image: url(Vektoren-gif/symbol-kohlezeichnung.gif)
}
#KM-010203, #KM-010201, #KM-010207, #KM-010204, #KM-010205, #KM-010206, #KM-010202,
#GR-010203, #GR-010201, #GR-010204, #GR-010205, #GR-010206, #GR-010202,
#PM-010201
{						display: none ;
						position: fixed ;
						height: 100% ;
						width: 100% ;
						background-color: rgba(0%, 0%, 0%, 0.7) ;
						z-index: 10 ;
						/*background-image:url(Hintergrundbild/Kunstwerke-hintergrund.png) ;*/			
}
#KM-010203 img, #KM-010201 img, #KM-010207 img, #KM-010204 img, #KM-010205 img, #KM-010206 img, #KM-010202 img,
#GR-010203 img, #GR-010201 img, #GR-010204 img, #GR-010205 img, #GR-010206 img, #GR-010202 img,
#PM-010201 img
{						border: 4px #dd2246 solid ;
						position: relative ;
						display: inline-table ;
						top: 15% ;
						width: 720px ;
						height: 540px ;								
}
#KM-010203 figcapture, #KM-010201 figcapture, #KM-010207 figcapture, #KM-010204 figcapture, #KM-010205 figcapture, #KM-010206 figcapture, #KM-010202 figcapture,
#GR-010203 figcapture, #GR-010201 figcapture, #GR-010204 figcapture, #GR-010205 figcapture, #GR-010206 figcapture, #GR-010202 figcapture,
#PM-010201 figcapture 
{						position:  relative ;
						width: 100% ;
						display: inline-table ;
						top: 16% ;											
}
#KM-010203 figcapture a, #KM-010201 figcapture a, #KM-010207 figcapture a, #KM-010204 figcapture a, #KM-010205 figcapture a, #KM-010206 figcapture a, #KM-010202 figcapture a,
#GR-010203 figcapture a, #GR-010201 figcapture a, #GR-010204 figcapture a, #GR-010205 figcapture a, #GR-010206 figcapture a, #GR-010202 figcapture a,
#PM-010201 figcapture a
{						background-color: #011b28 ;
						display: inline-block ;
						padding: 0.2em 0.6em ;
						margin: 0.5em 0.5em ;
						font-size: 1em ;
						font-family: Lora ;
						font-style: italic ;
						text-decoration: none ;
						border: 2px white solid ;
						-webkit-box-shadow: 0 0 8px black ;		
						-moz-boxr-shadow: 0 0 8px black ;
						-o-box-shadow: 0 0 8px black ;
						-ms-box-shadow: 0 0 8px black ;
						box-shadow: 0 0 8px black ;
}
#KM-010201 figcapture a:hover, #KM-010204 figcapture a:hover, #KM-010206 figcapture a:hover, #KM-010202 figcapture a:hover,
#GR-010203 figcapture a:hover, #GR-010201 figcapture a:hover, #GR-010204 figcapture a:hover, #GR-010205 figcapture a:hover, #GR-010206 figcapture a:hover, #GR-010202 figcapture a:hover,
#PM-010201 figcapture a:hover
{						background-color: #dd2246 ;
						-webkit-box-shadow: none ;		
						-moz-boxr-shadow: none ;
						-o-box-shadow: none ;
						-ms-box-shadow: none ;
						box-shadow: none ;
}
#KM-Kunstwerk-1:target #KM-010201, #KM-Kunstwerk-2:target #KM-010202, #KM-Kunstwerk-3:target #KM-010204, #KM-Kunstwerk-4:target #KM-010206,
#GR-Kunstwerk-1:target #GR-010203, #GR-Kunstwerk-2:target #GR-010201, #GR-Kunstwerk-3:target #GR-010204, #GR-Kunstwerk-4:target #GR-010205, #GR-Kunstwerk-5:target #GR-010206, #GR-Kunstwerk-6:target #GR-010202,
#PM-Kunstwerk-1:target #PM-010201
{						display: block ;
						z-index: 1 ;
}
/*--------------------------Kunstwerke Ende-------------------------------*/
/*------------------------------Mythos------------------------------------*/
.textsymbole {					background-position: left top ;
						background-repeat: no-repeat ;
}
.video{						max-width: 100% ;
						margin-bottom: 2em ;
						-webkit-box-shadow: 0 0 10px black ;		
						-moz-boxr-shadow: 0 0 10px black ;
						-o-box-shadow: 0 0 10px black ;
						-ms-box-shadow: 0 0 10px black ;
						box-shadow: 0 0 10px black ;
}
#video1{					height: 600px ;
						/*border: 3px grey inset;*/
}
#video2{					height: 450px ;
						/*border: 3px grey inset;*/
}
#video3{					height: 450px ;
						/*border: 3px silver inset;*/
}
#video4{					height: 602px ;
						/*border: 3px silver inset;*/
}
#video5{					height: 450px ;
}
#videobereich {					display: block ;
						margin: 3em 2em ;
}
#videobereich p {				margin-bottom: 3em ;
						/* font-style: italic ; */
}
#videobereich h2 {				margin-bottom: 1em ;
						/*background-color: yellow ;*/
						height: 60px ;
						line-height: 60px ;
						/* padding-left: 75px ; -- ohne symbol */
}
#mythos-01 {					background-image: url(Vektoren-gif/mythologische-symbole-gr.gif) ;		
}
#mythos-02 {					background-image: url(Vektoren-gif/mythologische-symbole-atelier.gif) ;		
}
#mythos-03 {					background-image: url(Vektoren-gif/mythologische-symbole-medusa.gif) ;	
}
#mythos-04 {					background-image: url(Vektoren-gif/mythologische-symbole-gr.gif) ;		
}
/*-------------------------------Mythos Ende-------------------------------*/
/* --------------------------------Bewertung ----------------------------- */
#bewertung-persoenlich {			background-image: url(Vektoren-gif/symbol-bewertung-persoenliches.gif);
}
#bewertung-webseite {				background-image: url(Vektoren-gif/symbol-bewertung-webseite.gif);
}
#bewertung-besucher {				background-image: url(Vektoren-gif/symbol-bewertung-besucher.gif);
}
.bewertung {					margin-bottom: 4.5em ;
}
.bewertung p {					font-family: Lora ;
						font-style: italic ;
						font-size: 1.5em ;
						margin-bottom: 0.3em ;
						padding-left: 1.5em ;
}
#absenden-bewertung {	position: relative ;
						display: inline-block ;
						font-size: 1.5em ;
						left: 28em ;
						bottom: -1em ;
}
/* ---------------------------- Bewertung Ende --------------------------- */
/*------------------------------- Lokalität -------------------------------*/
/*#ul-v {					margin-top: 3em ;
}
ul li#v {					letter-spacing: 0.10em ;
						word-spacing: -0.04em ;	
						font-weight: 600 ;
						font-style: normal ;
						line-height: 1.5em ;
}
#listenabstand-v {				list-style-type: none ;
						margin-left: 3em ;
						margin-bottom: 2em ;
						margin-top: 0.5em ;
						line-height: 1.5em ;
						letter-spacing: 0.10em ;
						word-spacing: -0.04em ;						
}*/
#bold {						font-weight: bold ;
}
#datum {					font-weight: normal ;
						position: relative ;
						left: 17.5em ;
}
#textthema-vernisagen {				background-image: url(Vektoren-gif/symbol-vernisagen.gif) ;
						line-height: 60px ;
						height: 60px ;
						margin-bottom: 0.6em ;
						padding-left: 2.5em ;
}
/*------------------------- Lokalität Ende ----------------------------*/
/* -------------------------Kontaktformular--------------------------- */
#kontakt {					padding-top: 3.5em ;
						padding-bottom: 3.5em ;
						margin-left: -1em ;
}
.formular-block {				list-style-type: none ;				
}
.formular-block p {				font-size: 1em ;
						margin: 0 ;
}
.formular {					/*background-color: orange;*/
						display: table ;
}
.eingabefeld {					background-color: #011b28 ;
						color: white ;
						border: 1px white solid ;
						font-family: Lora ;
						font-style: italic ;
						font-size: 1em ;
						letter-spacing: 0.10em ;
						margin-top: 0.4em ;
}
.absenden-button {				border: 1px white solid ;
						background-color: #011b28 ;
						color: white ;
						padding: 0.2em ; 
						width: 6em ;
						font-family: Lora ;
						font-style: italic ;
						font-size: 1em ;
						letter-spacing: 0.10em ;
}
.absenden-button:hover {			
						background-color: #dd2246 ;
						color: white ;
						cursor: pointer ;
}
form p {					font-size: 0.9em ;
						font-style: italic ;
						margin-bottom: -1.2em ;	
						line-height: 1.45em ;			
}
form input {					margin-right: 1em ;
						display: inline-block;
						margin-top: 1em ;
						height: 100% ;	
						float: left ;	
}
/* ---------------------------Kontaktformular Ende------------------------ */

/* für Handybildschirme - unter 425,6px breite ( 26.6em )*/
@media only screen and (  max-width: 26.6em ) 
{	
	body {					background-color: black ;
	}
	#mobile-animation {			display: block ;
						text-align: center ;
						margin-top: 5% ;
	}
	#mobile p {				/*background-color: orange ;*/
	}
	#mobile img {				/*background-color: yellow ;*/
	}
	article, 
	nav, 
	header, 
	#textinhalt1, 
	.interrior-rahmen, 
	#videobereich, 
	#footer-inhalt,
	footer, #datenschutzhinweiss, 
	#datenschutzhinweiss-2 
	{			
						display: none ;					
	}

}
/* für Handybildschirme - unter 425,6px hoehe ( 26.6em ) */
@media only screen and (  max-height: 26.6em )
{	
	body {					background-color: black ;
						background-image: none ;
	}
	#mobile-animation {			display: block ;
						text-align: center ;
						margin-top: 10% ;
	}
	article, 
	nav, 
	header,
	footer,
	#textinhalt1, 
	.interrior-rahmen, 
	#videobereich, 
	#footer-inhalt,
	.h1-symbole,
	.textsymbole, #datenschutzhinweiss, #datenschutzhinweiss-1, 
	#datenschutzhinweiss-2
	{			
						display: none ;					
	}
}
/* für Tablets und Co. - unter 1000px breite ( 62.5em )*/
@media only screen and ( max-width: 62.62em )
{	
	body {					background-color: none ;
						background-image: none ;
						padding: 0 ;	
						margin: 0 ;	
	}
	article{ 				width: 100% ;
						border: 0 ;						
	}
	nav { 					width: 100% ;	
	}
	nav ul {				width: 100% ;
	}
	nav a { 				cursor: pointer ;	
	}
	header {				width: 100% ;
	}	
}
/* Druckausgabe Print*/
@media print
{
	body {					background-image: none ;
						background-color: white ;
	}
	header {				background-image: none ;
						background-color: white ;
	}
	#web-logo {				display: none ;
	}
	#web-logo-print { 			display: block ;
						position: absolute ;
						left: 40px ;
						top: 16px ;
	}
	.video {				display: none ;
	}
	article {				background-image: none ;
						background-color: white ;
						color: black ;
						font-family: Arial ;
						font-style: normal ;
	}
	.h1-symbole {				line-height: 70px ;
						padding-left: 0;
	}
	nav, 
	#footer-inhalt, 
	#Kontakt  
	{ 		
						display: none ;	
	}
	p, h1, h2, li, a {			color: black ;
						font-family: Arial ;
						font-style: normal ;
	}
}
/*a:visited { color: lightblue }*/
/*a:active { color: red } */