/* -----------------------
Base styles
------------------------*/
@charset "utf-8"; /* Korrekt. */
@font-face { font-family: 'meine-schrift'; src: url('../stuff/Forum-Regular.otf') format('opentype');}
@font-face { font-family: 'meine-schrift-artikel'; src: url('../stuff/AftaSerifThin-Regular.otf') format('opentype');}
@font-face { font-family: 'test'; src: url('../stuff/monterchi-book.otf') format('opentype');}
/*@font-face { font-family: 'meine-schrift'; src: url('../stuff/Artifika-Regular.ttf') format('truetype');}*/

body
{
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #eee;
	font-size: 1.2em;
	/*font-family: 'meine-schrift';*/
	font-family: 'meine-schrift';
}

h1,h2,h3,h4,h5,h6
{
	margin: 0 0 0.5em;
	font-weight: 500;
	line-height: 1.1;
}

h1 { font-size: 2.25em; } /* 36px */
h2 { font-size: 1.75em; font-variant: small-caps;} /* 28px */
h3 { font-size: 1.375em; font-variant: small-caps;} /* 22px */
h4 { font-size: 1.125em; margin-left: 1em;} /* 18px */
h5 { font-size: 1em; } /* 16px */
h6 { font-size: .875em; } /* 14px */

p
{
	margin: 0 0 1.5em;
	line-height: 1.5;
	text-align: justify;
	Silbentrennung
	-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}

blockquote
{
	padding: 1em 2em;
	margin: 0 0 2em;
	border-left: 0.5em solid #5BA294;
	line-height: 1.5;
	background-color: #d0dce8;
	/*background-image:url('../stuff/quotation-marks-1.png');
	background-repeat: no-repeat;*/
	font-size: 1.0em;
}

q {
	/*font-style: italic;*/
	font-weight: 400;
	color: black;
}

hr
{
	height: 0;
	margin-top: 1em;
	margin-bottom: 2em;
	border: 0;
	border-top: 1px solid #ddd;
}

table
{
	background-color: transparent;
	border-spacing: 0;
	border-collapse: collapse;
	border-top: 1px solid #ddd;
}

th, td
{
	padding: .5em 1em;
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #ddd;
}

a {
	color: #1A8B74;
}

a:active {
	border-bottom-style: dotted;
	border-color: #1A8B74;
}

code {
	font-size: 0.8em;
}

a:hover { background-color: #d0dce8; }
/*a:link { color: royalblue; }
a:visited { color: purple; }
a:focus { color: black; }
a:hover { color: green; }
a:active { color: red; }*/

/*** Nachtrag ***/
.teaser {
	font-style: italic;
	font-weight: 500;
	font-size: 1.2em;
}

.zzz
	{
	border-bottom: solid 2px rgba(91,162,148,1);
}

.artikelueberschrift {
	font-variant: small-caps;
	margin-bottom: 0.5em;
	margin-top: 0em;
	font-weight: 900;
/*	border-bottom: 0.25em solid #5BA294;*/
	border-bottom: solid 2px rgba(91,162,148,1);
}

.untertitel {
	font-style: normal;
	font-weight: 700;
	font-size: 1.1em;
	padding: 0;
	margin-bottom: 0em;
	margin-top: 1em;
}

.date {
	font-weight: lighter;
	text-align: right;
	margin: 0;
}

time {
	font-weight: lighter;
	text-align: right;
	margin: 0;
}

.autor {
	font-style: italic;
	font-weight: normal;
	text-align: right;
	/*margin: 0;*/
}

.category {
	font-style: italic;
	font-weight: normal;
	text-align: right;
}


.infobox {
	font-weight: lighter;
	background-color: #EEE5E7;
	padding: 1em;
}

.infobox-name {
	font-weight: lighter;
	background-color: #FDD78E;
	padding: 1em;
}

.footnotes {
	font-weight: lighter;
	font-size: 0.8em;
	border-top: 0.1em solid #eee;
	padding: 1em;
}

.bildunterschrift {
	font-size: 1.2em;
	font-weight: lighter;
}

.button {
    background-color: #1A8B74;
	color: #000;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    /*font-size: 16px;*/
    margin: 4px 2px;
    cursor: pointer;
}

a.button:active {
	border-style: solid;
	border-color: #1A8B74;
}

/*article {
	font-family: 'meine-schrift-artikel';
}*/

/**** Artikelübersicht Kategorien ****/
/*	Politik */
.lokalundglobal { background-color: rgba( 26,139,117,0.4);}
.alternativenundbewegungen {background-color: rgba( 88,175,158,0.4);}
.parteienundpersonen {background-color: rgba( 52,150,131,0.4);}
/*	kultur	*/
.buecherundliteratur { background-color: rgba(255,208,128,0.4);}
.musikundbuehne { background-color: rgba(235,178, 81,0.4);}
.medienundnetzwerke { background-color: rgba(175,117,19,0.4); }
.filmundtv { background-color: rgba(137,86,0,0.4);}
/*	alltag	*/
.meinungenundpositionen { background-color: rgba(244,122,139,0.4);}
.abisz { background-color: rgba(224, 77, 97,0.4)}


/* -----------------------
Layout styles
------------------------*/

.container
{
	max-width: 50em;
	margin: 0 auto;
}

.header
{
	color: #000;
/*	background: #555;*/
	background: #1A8B74;

	padding: 1em 1.25em;
}

.header-heading {
	margin: 0;
	font-variant: small-caps;
	font-size: 3.4em;
}
.header-decription{
	font-variant: small-caps;
	font-size: 1.6em;
	margin-bottom: 0;
}

.nav-bar
{
	background: #000;
	padding: 0;
}

.content
{
	padding: 1em 1.25em;
	background-color: #fff;
}

.footer
{
	color: #fff;
	background: #000;
	padding: 1em 1.25em;
	text-align: center;
	font-size: 0.875em;

}

.footer a:hover
{
	background-color: #000;
}

/* -----------------------
Nav
------------------------*/

.nav
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav li
{
	display: inline;
	margin: 0;
}

.nav a
{
	display: block;
	padding: .7em 1.25em;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid gray;
}

.nav a:link { color: white; }
.nav a:visited { color: white; }

.nav a:focus
{
	color: black;
	background-color: white;
}

.nav a:hover
{
	color: white;
	background-color: #1A8B74;
}

.nav a:active
{
	color: black;
	background-color: #d0dce8;
}

/* Nachtrag Bilduntertitel */
figure {
/*	position: relative;
	margin-left: 0.2em;
	margin-right: 0.2em;
	margin-top: 1em;
	margin-bottom: 1em;
	border: 0px solid gainsboro;*/
	padding-left: 1.2em;
}

figcaption {
	text-align: left;
	font-size: 0.8em;
	font-weight: 200;
}

/* Nachtrag cite "Buchttitel, Werke"*/
cite {
    font-weight: bolder;
	font-variant: small-caps;
}

/* Nachtrag Bildergallerie*/

#minigalerie img {
  background-color: #ffffff;
  padding: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0 0 7px rgba(100, 100, 100, 1);
  -moz-box-shadow: 0 0 7px rgba(100, 100, 100, 1);
  -webkit-box-shadow: 0 0 7px rgba(100, 100, 100, 1);
}

/* Nachtrag definitionsliste */

dt {
	font-weight: bold;
	margin-top: 1em;

}

dd {
	line-height: 1.5;
}

/* Nachtrag ul */
ul {
	list-style: square;
}

/* -----------------------
Single styles
------------------------*/

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

.img-right { float: right; max-width: 50%; max-height: auto;
  margin: 0.2em;
}
.img-left { float: left; max-width: 50%; max-height: auto;
  margin: 0.2em;
}

.btn
{
	color: #fff !important;
	background-color: royalblue;
	border-color: #222;
	display: inline-block;
	padding: .5em 1em;
	margin-bottom: 0;
	font-weight: 400;
	line-height: 1.2;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: .2em;
	text-decoration: none;
}

.btn:hover
{
	color: #fff !important;
	background-color: green;
}

.btn:focus
{
	color: #fff !important;
	background-color: black;
}

.btn:active
{
	color: #fff !important;
	background-color: red;
}

.table
{
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}

.list-unstyled
{
	padding-left: 0;
	list-style: none;
}

.list-inline
{
	padding-left: 0;
	margin-left: -5px;
	list-style: none;
}

.list-inline > li
{
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}

/* -----------------------
Wide styles
------------------------*/

@media (min-width: 42em)
{
	.header { padding: 1.5em 3em; }
	.nav-bar { padding: 1em 3em; }
	.content { padding: 2em 3em; }
	.footer { padding: 2em 3em; }

	.nav li
	{
		display: inline;
		margin: 0 1em 0 0;
	}

	.nav a
	{
		display: inline;
		padding: 0;
		border-bottom: 0;
	}
}

/* Nachtrag MetagerLogo */
.metager-logo {
  height: 1px;
  float: left;
  top:-2px;
  margin-right: 3px;
  }

#txtlzr {font-size: 3em; width: 960px; height: 220px;}

  /* Box styles */
.myBox {
border: none;
width: 95%;
height: 250px;
overflow: scroll;
margin-bottom: 15px;
}

/* Scrollbar styles */
::-webkit-scrollbar {
width: 1em;
height: 1em;
}

        /*teardrop shape styling*/
        .scroll-arrow {
          position: fixed;
          right: 26px;
          bottom: 26px;
          width: 36px;
          height: 36px;
          background: rgba(26, 139, 116, 0.6);
          border-radius: 50% 0 50% 50%;
          transform: rotate(-45deg);
          z-index: 9;
        }

        /*text styling*/
        #scroll-text{
          color: white;
			position: fixed;
          right: 30px;
          bottom: 33px;
          font-size: 19px;
          z-index: 10;
          text-shadow: 2px 2px 10px black;
          font-family: Arial, sans-serif;
          font-weight: lighter;
        }
        #scroll-text:hover {
          color: #EEE5E7;
        }

        /*for smooth scrolling*/
        html {
          scroll-behavior: smooth;
        }