/* artdisc.org contentBox flex*/
/* DIV VIEWS*/


/* 123-4 */
#view{
	width: 100% !important;
	margin: 12px auto 0 !important;
	padding: 0 !important;
	/*-flex -height100-*/
	display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.v123{
	width: 15%;
	line-height: 0;
}

.v34{
	width: 66%;
	padding-left: 4%;
}

.v4{
	width: 51%;
	padding-left: 4%;
}

/* v4 text  vw%scale*/
/*line-height: 0 bei Bildrändern die nicht existieren !!!*/
/* 123-4 */
/* 555-4 */

.v5{
	width: 45%;
	line-height: 0;
}

.v54{
	width: 100%;
	line-height: 0;
}

.vLT{
	width: 14.6%;
	line-height: 0;
	padding-top: 2%;
	padding-left: 1%;
	padding-right: 1%;
}

#view-journal{
	width: 100% !important;
	margin: 9px auto 0 !important;
	/*-flex -height100-*/
	display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	background-color: #f1f1f1;
	padding-top: 12px;
	padding-bottom: 36px;
}

.v4x{
	width: 22%;
	min-width: 22%;
	text-align: justify;/* justify*/
	padding-right: 2%;
	padding-left: 1%;
}

/* loader A*/
.laden{
  background: url(layout/loading_artdisc-org-foto.gif) no-repeat center;
  background-size : 20%;
}

.bloggi{
	width: 90px;
	height: auto;
}


iframe{
	border-style: none;
	border-width: 0;
	padding: 0;
	background-color: #000;
	display: flex;
  	justify-content: center;
}

.info{
	text-align: left;
	color: #000;
	font: 1.2em "Courier New", Courier, mono;
	padding-bottom: 1%;
	padding-right: 1%;
}

.mitte{
	display:block;
    margin:auto;
}

audio{ 
	width: 98%; 
	display: block; 
	margin:1%;
}

.ptext{
	padding: 10px 60px 60px;
	line-height: 1.5em;
}

.tred{
	color: #8a1000;
}

.titel{
	color: #8a1000;
	font-size: 1.6em;
}
.titel1{
	color: #424242;
	font-size: 1.4em;
}
.titel2{
	color: #8a1000;
	font-size: 2em;
	}

.titel-news{
	color: #8a1000;
	font: 1.6em Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.1em;
}
	
.em{
	font-size: 1em;
	padding: 0 2px 1px;
}

.img-100{
	width: 100%;
	height: auto;
}

details { 
	display: block;
	z-index: 99;
	overflow: visible;
	}

summary{
	cursor: pointer;
  	outline:none;
}


.icon{
	position: relative;
	z-index: 99;
	visibility: visible;
	padding-right: 10px;
}

.icon:hover{
	opacity: 0.5;
}

#view{
	width: 100% !important;
	margin: 10px auto 0 !important;
	padding: 0 !important;
	/*-flex -height100-*/
	display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
 
 
#loader {
  border: 2px solid #f3f3f3;
  border-radius: 50%;
  border-top: 2px solid #000;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
	margin: 30px auto 0;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* loader E*/


/* xxxxxxxxxxxxxxxxx */
/* x SCREEN MOBILE x */
/* xxxxxxxxxxxxxxxxx */