/* ----------------------------------------------------- */

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;
margin-bottom: 15px; border-bottom:2px solid #e5e5e5;     }


.entry-date { color: #aaa; font-size: 0.875rem; line-height: 1; list-style: outside none none; font-weight: normal; padding-left: 0px;}

 img.size-full, img.size-large { /* height: auto; width: auto; */ }

.artikelbox img { border: 1px solid #808080;  padding: 7px; border-radius: 10px; max-width: 95%; height: 100%;}

.center { text-align: center !important; }
.middle { vertical-align: middle !important; }
.artikelbox .alignleft { float: left; margin-right: 1.5rem; }
.artikelbox .alignright { float: right; margin-left: 1.5rem; }
.artikelbox .aligncenter { clear: both; margin-right: auto; margin-left: auto; display: block;}

.artikelbox ul { list-style: disc; }
.artikelbox ol { list-style: decimal; }
.artikelbox li > ul,
.artikelbox li > ol {margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 1.5em; }
.artikelbox ol,
.artikelbox ul {margin: 0 0 1.5em; padding: 0 0 0 1.25em; line-height: 1.75em; }

  
/* -- Alles auf '0' setzen! ------------------------------------------------ */

.clear {display: none;}
   
::selection {
  color: green;
  background: #FDD0A3;
}

.mid {padding-top: 0px; padding-left: 0px;}
.blogtitle {text-align: center; letter-spacing: 1px; font-variant: small-caps; font-size: 28px;}	
.subtitle {margin: 10px 0 0 0; padding: 0; text-transform: uppercase; font-size: 18px;font-weight: normal;}
.banner {width: 100%; max-height: 500px; margin-top: 20px; max-width: 100% !important; border: 0px !important; padding: 0px !important;}  

/* Content */
article{background: transparent;padding-bottom:25px;width: auto;text-align: left;margin-left: 1em;margin-right: 1em;}
.themen {clear: both;display: grid;border-left: 6px solid steelblue;padding: 0em 0em 0em 1em;margin-left: 2em;margin-right: 2em;}

/* -- Typographie -- */

h1.entry-title,
h2.entry-title,
h3.entry-title {margin: 0;padding: 0;display: inline-block;word-wrap: break-word;color: #12486c;line-height: 1.2em;font-variant: small-caps;}
h1.entry-title a,
h2.entry-title a {color: #111;}
h1.entry-title a:hover,
h2.entry-title a:hover {color: #12486c;}
h2.entry-title { }
h3.entry-title {font-variant: normal;padding: 15px;}

/* Artikel */
.article{overflow: hidden;background: #FFFFFF;padding-top: 15px;width: 100%;}
.date{color: #12486c;margin: 2pt 0 0 ;padding: 0pt 0pt 4pt;text-align: left;padding-right: 10px;}
.meta{margin: 0px 0px 10px 15px;padding: 5px 0px 0px 0px;text-align: left;border-top: 2px solid #CAD7D9}
.meta a{background: transparent;border: 0;color: #12486c;font-weight: normal;}
.meta a:hover{border-bottom: 1px solid #12486c;}
.readmore{ }  
.readmore a{font-weight: bold; font-style: italic;}
.category {margin: 0px 0px 0px 0px;padding: 0px 0px 4px 10px;/*	background: url(../category.gif) no-repeat top left transparent; */}   
.hr_article{border: 2px solid #287635;margin-left: auto;margin-right: auto;margin-top: 5px;margin-bottom: 20px;}
.code,
.example{background: #e7e7e7;border-bottom: 1px solid #666;border-top: 1px solid #666;color: #333;font-size: 12px; padding: 0.5em;text-align: left;}
/* Bilder */
img{border: 0;}  
.bild1 {max-width:95%;max-height:400px;background:lightgrey;box-shadow:10px 10px 10px grey;}
.bild2 {max-width:95%;max-height:700px;margin-left:auto;margin-top:2em;margin-right:auto;margin-bottom:2em; display:block;}
.bild3 {max-width:95%;max-height:700px;margin-left:auto;margin-top:2em;margin-right:auto;margin-bottom:2em; display:block;}
.bild4 {max-width:95%;margin:auto;max-width:100%;}
.bild5 {max-width:95%;max-height:700px;margin-left:auto;margin-top:2em;margin-right:auto;margin-bottom:2em; display:block;}
.bild6 {max-width:100%;max-height:350px;margin-top:1em;margin-bottom:1em;margin-left:auto;margin-right:auto;display:block;}
.bild7 {max-width:100%;margin-left:auto;margin-right:auto;}
.bild13 {max-width: 100%;height: auto;}
.bild14 {max-width:95%;margin:auto;max-width:100%;margin-left: auto;margin-right: auto;display: block;} 
   
.fr{float: right;margin: 0.25em 0 0.5em 0.5em;}
.fl{float: left;margin:0.25em 0.5em 2px 0;}
.cb{clear: both;}
.imgcenter {display:inline;margin:6px 10px 0px 0px;max-width:100%;padding:4px;}
.border{border: 3px solid lightgrey;max-width: 98%;max-height: 700px;margin-left: auto;margin-top: 2em;margin-right: auto;margin-bottom: 2em;display: block;background: lightgrey;box-shadow: 10px 10px 10px grey;}
.imglink{border: 0;}

.center{text-align: center;}
.middle{vertical-align: middle;}   

.update {text-decoration:underline; font-weight:bold; color: orangered;}
.update1 {border:2px solid orangered;border-radius:0.7em;margin:0.2em;padding:0.3em;color: orangered;}
.update1:hover {text-decoration:underline;}
.zitat {font-style:italic;font-weight:bold;margin-bottom:2vw;margin-top:2vw;}


/*-----------------------------------------------------------------------------------*/
/*	13.0 Shortcodes
/*-----------------------------------------------------------------------------------*/

/* Multi Columns */
.two-columns-one,
.three-columns-one,
.three-columns-two,
.four-columns-one,
.four-columns-two,
.four-columns-three {
	width:100%;
	position: relative;
	float: left;
	margin-bottom: 26px;
	font-size: 14px;
	line-height: 1.7;
}
.two-columns-one p,
.three-columns-one p,
.three-columns-two p,
.four-columns-one p,
.four-columns-two p,
.four-columns-three p {font-size: 14px;line-height: 1.7;}
.last2 {clear: right; margin-right: 0 !important;}
.divider {width: 100%;margin-bottom: 13px;padding-top: 13px;display: block;clear: both;}

/* Infoboxes */
.white-box,
.blue-box,
.yellow-box,
.red-box,
.green-box,
.lightgrey-box,
.grey-box,
.dark-box { margin: 0 0 26px; padding: 12px; overflow:hidden; color: #474747; font-style: italic;}

.white-box p,
.blue-box p,
.yellow-box p,
.red-box p,
.green-box p,
.lightgrey-box p,
.grey-box p,
.dark-box p { margin: 0 0 26px;}
.white-box {background: #fff; border: 1px solid #ddd;}
.blue-box {background: #eef6fe;}
.yellow-box {background: #ffffcc;}
.red-box {background: #fff0f1;}
.green-box {background: #e7f3e0;}
.lightgrey-box {background: #f7f0e4;}
.grey-box {background: #f4f4f4;}
.dark-box {background: #000;color: #fff; letter-spacing: 0.5px}
.dark-box a:hover {color:#fff;}

/* Buttons */
a.standard-btn {
	display: inline-block;
	margin: 0 0 26px;
	padding: 12px 18px 11px;
	overflow: hidden;
	cursor: pointer;
	font-family: 'Karla', Arial, sans-serif;
	font-size: 12px;
	background: #000;
	color: rgba(255, 255, 255, 0.85);
	border: none !important;
	text-align: center;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none !important;
	-webkit-transition: 0.2s background ease;
	   -moz-transition: 0.2s background ease;
		 -o-transition: 0.2s background ease;
		-ms-transition: 0.2s background ease;
			transition: 0.2s background ease;
}
a.standard-btn,
a.standard-btn {color: rgba(255, 255, 255, 0.85);border: none;}
a.standard-btn:hover,
a.standard-btn:hover {color: #fff;}
.round-btn {-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
.bold-btn {font-weight:bold;}
a.standard-btn.xsmall-btn {padding: 10px 15px;font-size: 10px;}
a.standard-btn.small-btn {padding: 12px 20px;font-size: 11px;}
a.standard-btn.large-btn {padding: 15px 20px;font-size: 14px;}
a.standard-btn.xlarge-btn {padding: 17px 25px;font-size: 16px;}
a.standard-btn.red-btn {background: #f17c67; color: #fff;}
a.standard-btn.red-btn:hover {background: #e23e32; color: #fff;}
a.standard-btn.green-btn {background: #86c166; color: #fff;}
a.standard-btn.green-btn:hover {background: #489130; color: #fff;}
a.standard-btn.blue-btn {background: #81c7d4; color: #fff;}
a.standard-btn.blue-btn:hover {background: #459baf; color: #fff;}
a.standard-btn.darkblue-btn {background: #7b90d2; color: #fff;}
a.standard-btn.darkblue-btn:hover {background: #3b54aa; color: #fff;}
a.standard-btn.purple-btn  {background: #b28fce; color: #fff;}
a.standard-btn.purple-btn:hover {background: #7b54a4; color: #fff;}
a.standard-btn.yellow-btn {background: #f9e530; color: #fff;}
a.standard-btn.yellow-btn:hover {background: #f2db0a; color: #fff;}
a.standard-btn.grey-btn {background: #bcbcbc; color: #000;}
a.standard-btn.grey-btn:hover {background: #999; color: #000;}
a.standard-btn.black-btn {background: #161616; color: rgba(255, 255, 255, 0.85);}
a.standard-btn.black-btn:hover {background: #000; color: #fff;}


/*------------------------------------------------------------------------------
 *  CSS3 Media Queries for Responsiveness (mobile-first, from small to big)
 *------------------------------------------------------------------------------*/
 
@media screen and (max-width: 399px) {
article p{ text-align: justify;}
} 
 
/* --- smartphones in landscape mode --- */
@media screen and (min-width: 480px) {
 body{font-size: 18px;}
   /* Content */
#content{text-align: justify;}
}
@media screen and (min-width: 600px) {
.blogtitle {font-size: 48px;}
.subtitle {font-size: 21px;}
.bild14 {max-width:50%;float:left;margin-right:1em;margin-bottom:1em;}
}

@media screen and (max-width: 766px) {
.bild13 {max-width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 15px;}
}

/* --- tablets in portrait mode --- */
@media screen and (min-width: 767px) {
p {line-height: 1.7;} 
.subtitle {display: block;}
h1.entry-title,
h2.entry-title  {line-height: 1.2em;padding: 0 40px;}
/*Bilder*/
.bild1 {border:3px solid lightgrey;max-width:25%;max-height:500px;background:lightgrey;box-shadow:10px 10px 10px grey;}
.bild2 {border:3px solid lightgrey;max-width:50%;max-height:700px;margin-left:auto;margin-top:2em;margin-right:auto;margin-bottom:2em; display:block;background:lightgrey;box-shadow:10px 10px 10px grey;}
.bild3 {max-width:50%;max-height:700px;margin-left:auto;margin-top:2em;margin-right:auto;margin-bottom:2em; display:block;background:white;}
.bild4 {max-width:50%;float:right;margin-left:1em;margin-bottom:1em;}
.bild5 {border:3px solid lightgrey;max-width:50%;max-height:300px;margin-left:1em;margin-bottom:1em;float:right;background:lightgrey;box-shadow:10px 10px 10px grey;}
.bild6 {max-width:100%;max-height:700px;margin-left:auto;margin-right:auto;margin-top:2em;margin-bottom:2em;display:block;border:3px solid lightgrey; box-shadow:10px 10px 10px grey;}
.bild7 {max-width:100%;margin-left:auto;margin-right:auto;}


.flex-container2,
.flex-container3,
.flex-container4 {display:flex;justify-content: space-around;flex-wrap: wrap;align-items: center}
.flex-container2 div {flex-grow: 0;flex-basis: 48%;}
.flex-container3 div {flex-grow: 0;flex-basis: 32%;}
.flex-container4 div {flex-grow: 0;flex-basis: 48%;}

/* --- Shortcodes --- */
	.white-box,
	.blue-box,
	.yellow-box,
	.red-box,
	.green-box,
	.lightgrey-box,
	.grey-box,
	.dark-box { padding: 20px;}
	.two-columns-one {width: 48.5%;}
	.three-columns-one {width: 31.3%;}
	.three-columns-two {width: 64.6%;}
	.four-columns-one {width: 23%;}
	.four-columns-two {width: 49%;}
	.four-columns-three {width: 74.5%;}
	.two-columns-one,
	.three-columns-one,
	.three-columns-two,
	.four-columns-one,
	.four-columns-two,
	.four-columns-three { position:relative; float:left; margin-bottom: 0; }
	.two-columns-one {margin: 0 1.5% 0 0;}
	.two-columns-one.last2 {margin: 0 1.5% 0;}
	.three-columns-one {margin: 0 3% 0 0;}
	.four-columns-one {margin: 0 2.5% 0 0;}
}

/* Minimum width of 900 pixels 
------------------------------------------------------------------------------------ */
@media screen and (min-width: 900px) { .flex-container4 div {flex-grow: 0;flex-basis: 24%;} }
/* tablets in landscape mode */
@media screen and (min-width: 1024px) { }
/* standard laptop + desktop screens */
@media screen and (min-width: 1192px) { }
/* Minimum width of 1260 pixels (laptops 13")
------------------------------------------------------------------------------------ */
@media screen and (min-width: 1260px) { }

/* Minimum width of 1360 pixels (laptops 15")
------------------------------------------------------------------------------------ */
@media screen and (min-width: 1360px) { }

@media screen and (min-width: 1600px) {

}

/* --------------------------------------------------------------------------------- */