@charset "utf-8";


/* ARTICLES EXTRA FORMATTING */
.iframe {
	display: block;
	width: 100%!important; min-width: 100%;
	background-color: white!important;
	margin:0 auto!important;
}
.iframe-round {
	border-radius: 0 0 12px 12px;
}
.iframe-round-t {
	border-radius: 12px 12px 0 0;
	background-color: white!important;
}.iframe-round-b {
	border-radius: 0 0 12px 12px;
	background-color: white!important;
}
.iframe-border {
	border-bottom:dotted 6px darkslategray!important;
	/*padding-bottom: 16px!important;*/
	margin-bottom: 16px!important;
	background-color: white!important;
}.iframe-border:last-child {
	border-bottom:none!important;
	margin-bottom: 0px!important;
}

/* background of example text the articles_deu.php /co-a-deu1.php  -START- */
.a-example-bkgr-deu {
	display:block;
	background-color: white;
	padding: 1px 25px!important; margin:6px -13px 2px;
	border-left:solid 6px saddlebrown; 	border-right:solid 6px saddlebrown;
	text-align: justify; text-indent: 0px;
}
.a-example-bkgr-inline-deu {
	display:inline;
	background-color: white;
	padding: 0px 4px 0px 4px!important; 	margin:0px 3px;
	border-left:solid 3px saddlebrown;	border-right:solid 3px saddlebrown;
	text-align: justify;
}
.a-text-example-deu {
  font-weight: bold;
	font-style: italic!important;
  color: saddlebrown!important;
	
	overflow-wrap: break-word;
  word-wrap: break-word;
	
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
	
	-webkit-hyphenate-limit-before: 3; /* For Safari */
  -webkit-hyphenate-limit-after: 2; /* For Safari */
  -ms-hyphenate-limit-chars: 6 3 2;
	hyphenate-limit-chars: 6 3 2;
	
	-webkit-hyphenate-limit-lines: 2;
  -webkit-hyphenate-limit-last: always;   
  -webkit-hyphenate-limit-zone: 8%;
	hyphenate-limit-lines: 2;   
  hyphenate-limit-last: always;
  hyphenate-limit-zone: 8%;
	
	-ms-word-break: normal;
  word-break:normal;
	white-space: normal;
}
/* background of example text the articles_deu.php /co-a-deu1.php  -END- */

/* background of example text in articles -START- */
.example-bkgr-deu {
	display:block;
	background-color: aliceblue;
	padding: 1px 25px!important; margin:2px -15px;
	border-left:solid 6px saddlebrown; 	border-right:solid 6px saddlebrown;
	text-align: justify;
}
.example-bkgr-inline-deu {
	display:inline;
	background-color: aliceblue;
	padding: 0px 4px 0px 4px!important; 	margin:0px 3px;
	border-left:solid 3px saddlebrown;	border-right:solid 3px saddlebrown;
	text-align: justify;
}
.text-example-deu {
  font-weight: bold;
	font-style: italic!important;
  color: saddlebrown!important;
	
	overflow-wrap: break-word;
  word-wrap: break-word;
	
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
	
	-webkit-hyphenate-limit-before: 3; /* For Safari */
  -webkit-hyphenate-limit-after: 2; /* For Safari */
  -ms-hyphenate-limit-chars: 6 3 2;
	hyphenate-limit-chars: 6 3 2;
	
	-webkit-hyphenate-limit-lines: 2;
  -webkit-hyphenate-limit-last: always;   
  -webkit-hyphenate-limit-zone: 8%;
	hyphenate-limit-lines: 2;   
  hyphenate-limit-last: always;
  hyphenate-limit-zone: 8%;
	
	-ms-word-break: normal;
  word-break:normal;
	white-space: normal;
}
/* background of example text in articles -END- */





.in-text-link {
	color: black;
}.in-text-link-deu {
	color:white!important; background-color:green;
	border-radius:4px;
	padding:0px 2px;
}.in-text-link-deu:hover {
	color:green!important; background-color:transparent;
	text-decoration: underline;
}






.art-wrapper-short {
  position:relative;
 	display:flex;
	flex:1 0 45%;
	margin:20px 3px;
	min-height: 350px;
  min-width: 350px;

}
.art-wrapper-long {
  position:relative;
 	display: block;
	flex:1 0 45%;
	min-height: 600px;
  min-width: 350px;
	margin:20px 8px;
  background-color:#E5E5E5;
  border:solid 1px none;
  border-radius: 8px;
	-moz-box-shadow: 7px 8px 16px -6px black;
	-webkit-box-shadow: 7px 8px 16px -6px black;
	box-shadow: 7px 8px 16px -6px black;
}


.example {
	display:block;
  background-color:#F1F1F1;
	border-left: solid 10px dimgray;
  border-top:solid thin dimgray;
  border-bottom:solid thin dimgray;
	margin: 15px 12px 15px 12px;
	padding:10px 15px 10px 0px;
  list-style: none;
  font-family: 'example';
  font-size: 16px;
  letter-spacing: 0.5px;
  font-weight: bold;
  color:brown;
	font-style:italic;
  line-height: 24px;
}
.example li {
  position:static;
  margin-left:30px;
}
.example li:before {
  content: ">>  ";
  color:dimgray;
  margin-left:-25px;
}
.example li:after {
  content: "  <<";
  color:dimgray;
}









.centered-example-pic {
  display:block;
  width:75%;
  margin:10px auto;
  border:10px solid hsla(0,0%,100%,0.5);
  background:white;
  background-clip: padding-box;
}
.centered-example-pic:hover {
  transform:scale(1.1);
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  transition: ease-in 0.2s;
  border:10px solid hsla(0,0%,100%,0.5);
  background:white;
  background-clip: padding-box;
}

.example-short {
  border:none;
  font-family: 'example'!important;
  margin: 0px 12px 8px 12px;
	padding:0px 14px 5px 35px;
  list-style:square;
  font-size: 12pt;
  letter-spacing: 0.4px;
  font-weight: bold;
  color:brown;
	font-style:italic;
  line-height: 15pt;
}





@media screen and (max-width : 550px ){

.blq {
	width:300px; height:175px;
}
.blq-r {
	float:none;
	margin:10px auto;
	-webkit-shape-outside: square(0px);
  shape-outside: square(0px); shape-margin: 0px;
}


}

@media screen and (max-width: 360px) {
.blq {
	width:250px; height:230px;
}

.art-wrapper-short {
  position:relative;
 	display:flex;
	flex:1 0 45%;
	margin:20px 3px;
	min-height: 300px;
  min-width: 300px;
}



}