@charset "UTF-8";

/* */
/* About Section */
/* giallo */

body {
/* 	background-color: #e0e0e0; */
	margin: 0px;
}

footer {

}



.figure {
	margin-left: 0;
}
.figcaption {
	font-size:0.8em;
}


.hr3 { display:none; }
.hr4 { display:none; }
.hr5 { display:none; }
.hr7 { display:none; }

.hr3end { display:none; }
.hr4end { display:none; }
.hr5end { display:none; }
.hr7end { display:none; }


.hr10 {
	display: inline-block;
	text-align: left; 
	margin-left: 0;
	border-bottom: 2px solid;
	border-top: #e0e0e0;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom:110px;
	float: left;
}
.hr10end {
	display: inline-block;
	text-align: left; 
	margin-left: 0;
	border-bottom: 2px solid;
	border-top: #e0e0e0;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom:0px;
	float: left;
}

.hr {
	display: inline-block;
	text-align: left; 
	margin-left: 0;
	width: 100%;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom:10px;
	float: left;
	visibility: hidden;
}

a:hover img {
		transform-origin: center bottom;
        transform: scale(1.9);
		
    -webkit-transition: transform .25s ease;
       -moz-transition: transform .25s ease;
        -ms-transition: transform .25s ease;
         -o-transition: transform .25s ease;
            transition: transform .25s ease;
            
   /*     box-shadow: 0 0 5px rgba(0, 0, 0, 0.8); */
   /*     background: #e0e0e0; */
}

img {
	vertical-align: bottom;
}



.thumbtxt {
	font-size: 1.0em;
	width: 94%;
	line-height: 1.7em;
	text-align: left;
	float: left;
	margin-top: 15px;
	margin-left: 6%;
	padding-top: 0px;
	color: #0f0f0f;
}

.txtSpr {
	font-size: 0.8em;
	font-weight: 700;
	text-align: right;
	display: block;
	color: #666;
}

.txtHead {
	font-size: 1.25em;
	font-weight: 600;
	line-height: 1.45em;
	text-align: left;
	display: block;
	margin-right: 25%;
	
	margin-right: 5%;
	padding-top: 10px;
	padding-bottom: 15px;
}

.txtTxt {
	font-size: 0.95em;
	display: block;
	padding-bottom: 15px;
	padding-right: 20%;
}

.txtImg {
	display: block;
	padding-bottom: 0px;
}

.imgQuerF { width: 35%; }
.imgHochF { width: 35%; }
.imgQuaF { width: 50%; }

.txtDat {
	display: block;
	padding-right: 30%;
}

.txtCop {
	font-size: 0.95em;
	display: block;
	text-align: left;
	padding-top: 15px;
}





.bot {
	margin-bottom: 22px;
	padding-bottom: 22px;
}

.txtLin {
	display: block;
	padding-top: 15px;
	padding-right: 30%;
}


#container {
	width: 99%;
	margin-left: 0%;
	margin-right: 1%;
	height: 100%;
	margin: 0px;
}

#gallery {
	width: 90%;
	clear: both;
	display: inline-block;
	padding-top:20px;
	margin-left: 5%;
	margin-right: 5%;
	text-align: left;
	margin-bottom: 0px;
	padding-bottom: 0px;
}



.thumbnail {
	float: left;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-left: 1%;
	padding-right: 1%;
	vertical-align: bottom;
}
.thW100 {
	width: 10%; 
	height: auto;
}
.thW30 {
	width: 3%; 
	height: auto;
}
.thW40 {
	width: 4%; 
	height: auto;
}
.thW50 {
	width: 5%; 
	height: auto;
}
.thW60 {
	width: 6%; 
	height: auto;
}
.thW70 {
	width: 7%;
	height: auto;
}
.thW80 { 
	width: 8%;
	height: auto;
}
.thW90 {
	width: 9%; 
	height: auto;
}




.cards {
	width: 100%;
}
.naviCards {
	width: 100%;
}
.naviSpace {
	width: 100%;
}

a {
	text-decoration: none;
	color: #212B92;
	font-weight:600;
}
a:hover {
	color: #FF5050;
	text-decoration: underline;
}



.listeArtists {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 0.95em;
	line-height: 1.8em;
	margin-left: 1%;
	width: 49%;
}
.ABC {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #333333;
	font-size: 1.1em;
	line-height: 2.5em;
	width: 100%;

}

.colorArt {
	color: #ff5050;
	font-weight: 400;
}

.eintragArt {

	display: inline-block;
	
	font-size: 2.5em;
	line-height: 1.3em;

	width: 88%;
	text-indent: -3em;
	margin-left: 3em;

}
.fltlf {
	float: left;
}
.fltrg {
	float: right;
}












/* */
/* Mobile */
/* rot */

@media (max-width: 320px) {


.hr { display:none; }
.hr3 { display:none; }
.hr4 { display:none; }
.hr5 { display:none; }
.hr7 { display:none; }
.hr10 { display:none; }
.hr3end { display:none; }
.hr4end { display:none; }
.hr5end { display:none; }
.hr7end { display:none; }
.hr10end { display:none; }
.show { display:none; }


.thumbtxt {
	width: 96%;
	line-height: 1.5em;
	margin-top: 5px;
	margin-left: 2%;
	margin-right: 2%;
}

.txtSpr {
	font-size: 0.7em;
	font-weight: 600;
	margin-bottom: 10px;
}

.txtHead {
	font-size: 1.0em;
	margin-right: 3%;
}

.txtTxt {
	font-size: 0.8em;
	padding-right: 1%;
}

.txtImg {
	display: block;
	padding-bottom: 10px;
}

.imgQuerF { width: 95%; }
.imgHochF { width: 80%; }
.imgQuaF { width: 70%; }

.txtDat {
	padding-right: 20%;
}

.txtCop {
	font-size: 0.8em;
	padding-right: 1%;
}


.txtLin {
	display: block;
	padding-top: 15px;
	padding-right: 0%;
}

#container {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	height: 100%;
	margin: 0px;
}

#gallery {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
}

a:hover img {
        transform: scale(1.0);
}

.thumbnail {
	float: left;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-left: 0%;
	margin-right: 0%;
	vertical-align: bottom;
	border-bottom: none;
}
.thW100 {
	width: 100%; 
	height: auto;
}
.thW30 {
	width: 30%; 
	height: auto;
	padding-left: 35%;
}
.thW40 {
	width: 40%; 
	height: auto;
	padding-left: 30%;
}
.thW50 {
	width: 50%; 
	height: auto;
	padding-left: 25%;
}
.thW60 {
	width: 60%; 
	height: auto;
	padding-left: 20%;
}
.thW70 {
	width: 70%;
	height: auto;
	padding-left: 15%;
}
.thW80 { 
	width: 80%;
	height: auto;
	padding-left: 10%;
}
.thW90 {
	width: 90%; 
	height: auto;
	padding-left: 5%;
}

.naviCards {
	width: 100%;
	margin-top: 40px;
}

.listeArtists {
	margin-left: 0%;
	width: 97%;
}
.fltrg {
	float: left;
}


}


/* */
/* Small Tablets */
/* verde */

@media (min-width: 321px)and (max-width: 768px) {

.hr4 { display:none; }
.hr5 { display:none; }
.hr7 { display:none; }
.hr10 { display:none; }
.hr4end { display:none; }
.hr5end { display:none; }
.hr7end { display:none; }
.hr10end { display:none; }

.hr3 {
	display: inline-block;
	width: 100%;
	border-bottom: 2px solid;
	border-top: #e0e0e0;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom:40px;
	float: left;
}
.hr3end {
	display: inline-block;
	text-align: left; 
	margin-left: 0;
	border-bottom: 2px solid;
	border-top: #e0e0e0;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom:0px;
	float: left;
}

.thumbtxt {
	width: 95%;
	margin-left: 3%;
	margin-right: 2%;
	line-height: 1.4em;
	margin-top: 10px;
}

.txtSpr {
	font-size: 0.9em;
	font-weight: 600;
	margin-bottom:10px;
}

.txtHead {
	font-size: 1.1em;
	margin-right: 3%;
	margin-bottom: 4px;
	padding-top: 10px;
}

.txtTxt {
	font-size: 0.85em;
	padding-right: 5%;
	padding-bottom: 5px;
}

.txtImg {
	display: block;
	padding-bottom: 5px;
}

.imgQuerF { width: 65%; }
.imgHochF { width: 60%; }
.imgQuaF { width: 55%; }

.txtDat {
	display: block;
	padding-right: 20%;
}
.txtCop {
	font-size: 0.85em;
	padding-right: 5%;
}

.txtLin {
	text-align: left;
	display: block;
	line-height: 1.5em;
	padding-top: 15px;
	padding-right: 0%;
}


#container {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	height: 100%;
	margin: 0px;
}

#gallery {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
}



a:hover img {
        transform: scale(1.5);
}



.thumbnail {

}
.thW100 {
	width: 33%; 
	height: auto;
}
.thW30 {
	width: 10%; 
	height: auto;
}
.thW40 {
	width: 13%; 
	height: auto;
}
.thW50 {
	width: 16%; 
	height: auto;
}
.thW60 {
	width: 20%; 
	height: auto;
}
.thW70 {
	width: 23%;
	height: auto;
}
.thW80 { 
	width: 26%;
	height: auto;
}
.thW90 {
	width: 29%; 
	height: auto;
}

.listeArtists {
	margin-left: 1%;
	width: 96%;

}

.eintragArt {
	font-size: 2.0em;
	line-height: 1.4em;
}




.fltrg {
	float: left;
}


}


/* */
/* Small Desktops */
/* blu */

@media (min-width: 769px) and (max-width: 1146px) {


.hr3 { display:none; }
.hr7 { display:none; }
.hr10 { display:none; }
.hr3end { display:none; }
.hr7end { display:none; }
.hr10end { display:none; }

.hr5 {
	display: inline-block;
	width: 100%;
	border-bottom: 2px solid;
	border-top: #e0e0e0;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom:40px;
	float: left;
}
.hr5end {
	display: inline-block;
	text-align: left; 
	margin-left: 0;
	border-bottom: 2px solid;
	border-top: #e0e0e0;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom:0px;
	float: left;
}

.thumbtxt {
	width: 95%;
	margin-left: 3%;
	margin-right: 2%;
	line-height: 1.5em;
	margin-top: 5px;
}

.txtSpr {
	margin-bottom: 10px;
}

.txtHead {
	margin-bottom: 6px;
}

.txtTxt {
	font-size: 0.95em;
	padding-right: 12%;
	padding-bottom: 7px;
}

.imgQuerF { width: 50%; }
.imgHochF { width: 35%; }
.imgQuaF { width: 50%; }

.txtDat {
	padding-right: 20%;
}
.txtCop {
	font-size: 0.95em;
	padding-right: 12%;
	padding-top: 7px;
}

.txtLin {
}


#container {
	width: 99%;
	margin-left: 0%;
	margin-right: 1%;
}
#gallery {
	width: 97%;
	margin-left: 3%;
	margin-right: 0%;
}


a:hover img {
        transform: scale(1.6);
}


.thumbnail {
}
.thW100 {
	width: 20%; 
	height: auto;
}
.thW30 {
	width: 6%; 
	height: auto;
}
.thW40 {
	width: 8%; 
	height: auto;
}
.thW50 {
	width: 10%; 
	height: auto;
}
.thW60 {
	width: 12%; 
	height: auto;
}
.thW70 {
	width: 14%;
	height: auto;
}
.thW80 { 
	width: 16%;
	height: auto;
}
.thW90 {
	width: 18%; 
	height: auto;
}

.listeArtists {
	margin-left: 0%;
	width: 97%;
}
.fltrg {
	float: left;
}


}



/*  */
/* medium large Desktops */
/* viola */

@media (min-width: 1147px) and (max-width: 1500px) {

.hr3 { display:none; }
.hr5 { display:none; }
.hr10 { display:none; }

.hr3end { display:none; }
.hr5end { display:none; }
.hr10end { display:none; }

.hr7 {
	display: inline-block;
	width: 100%;
	border-bottom: 2px solid;
	border-top: #e0e0e0;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom:40px;
	float: left;
}
.hr7end {
	display: inline-block;
	text-align: left; 
	margin-left: 0;
	border-bottom: 2px solid;
	border-top: #e0e0e0;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom:0px;
	float: left;
}
.hr {
	margin-bottom:20px;
}

.thumbtxt {
	width: 87%;
	margin-left: 3%;
	line-height: 1.6em;
	margin-top: 10px;
}

.txtSpr {
	margin-bottom: 5px;
}

.txtHead {
	margin-bottom: 6px;
}

.txtTxt {
	padding-right: 12%;
	padding-bottom: 8px;
}

.imgQuerF { width: 45%; }
.imgHochF { width: 35%; }
.imgQuaF { width: 50%; }

.txtDat {
	padding-right: 20%;
}
.txtCop {
	padding-right: 12%;
	padding-top: 8px;
}

.txtLin {
}

#container {
	width: 99%;
	margin-left: 0%;
	margin-right: 1%;
}

#gallery {
	width: 96%;
	margin-left: 3%;
	margin-right: 1%;
}


a:hover img {
        transform: scale(1.7);
}

.thumbnail {
}
.thW100 {
	width: 15%; 
	height: auto;
}
.thW30 {
	width: 4.5%; 
	height: auto;
}
.thW40 {
	width: 6%; 
	height: auto;
}
.thW50 {
	width: 7.5%; 
	height: auto;
}
.thW60 {
	width: 9%; 
	height: auto;
}
.thW70 {
	width: 10.5%;
	height: auto;
}
.thW80 { 
	width: 12%;
	height: auto;
}
.thW90 {
	width: 13.5%; 
	height: auto;
}


.listeArtists {
	margin-left: 0%;
/* 2-spaltig
	width: 35%;
*/
	width: 95%;

}
.fltrg {
	margin-right: 15%;
}


}



/* */
/* large Desktops */
/* ocker */

@media (min-width: 1501px) and (max-width: 2192px) {
body {

}

.hr10 {
	margin-bottom:70px;
}
.hr {
	margin-bottom:40px;
}

.thumbtxt {
	width: 90%;
	margin-left: 3%;
	margin-right: 10%;
	line-height: 1.6em;
}

.txtHead {
	font-size: 1.3em;
	margin-right: 10%;
	margin-bottom: 20px;
}

.txtTxt {
	padding-right: 20%;
	padding-bottom: 10px;
}

.imgQuerF { width: 40%; }
.imgHochF { width: 30%; }
.imgQuaF { width: 40%; }

.txtDat {
	padding-right: 20%;
}
.txtCop {
	padding-right: 20%;
	padding-top: 10px;
}

.txtLin {
}

#container {
	width: 99%;
	margin-left: 0%;
	margin-right: 1%;
}

#gallery {
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
}



a:hover img {
        transform: scale(1.7);
}

.listeArtists {
	margin-left: 2%;
	
/* 2-spaltig
	width: 35%;
*/
	width: 95%;
	
	
}
.fltrg {
	margin-right: 10%;
}


}