@font-face {
  font-family: "Source Sans Pro Regular";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Source Sans Pro Regular"),
       url("../fonts/sourcesanspro-regular-webfont.woff2") format("woff2"),
       url("../fonts/sourcesanspro-regular-webfont.woff") format("woff"),
       url("../fonts/sourcesanspro-regular-webfont.ttf") format("truetype");
}

@font-face {
  font-family: "Source Sans Pro Semibold";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Source Sans Pro Semibold"),
       url("../fonts/sourcesanspro-semibold-webfont.woff2") format("woff2"),
       url("../fonts/sourcesanspro-semibold-webfont.woff") format("woff"),
       url("../fonts/sourcesanspro-semibold-webfont.ttf") format("truetype");
}

@font-face {
  font-family: "Source Sans Pro Light";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local("Source Sans Pro Light"),
       url("../fonts/sourcesanspro-light-webfont.woff2") format("woff2"),
       url("../fonts/sourcesanspro-light-webfont.woff") format("woff"),
       url("../fonts/sourcesanspro-light-webfont.ttf") format("truetype");
}

@font-face {
  font-family: "Source Serif Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Source Serif Pro Regular"),
       url("../fonts/SourceSerifPro-Regular.otf") format("opentype");
}

@font-face {
  font-family: "OpenSans-Regular";
  font-display: swap;
  src: local("OpenSans Regular"),
       url("../fonts/open-sans.regular.ttf") format("truetype");
}


body {
	margin: 10px 30px 10px 10px;
	background-color: #6699CC;
	font-family: Source Sans Pro Regular,Arial;
	font-size: 0.9em;
	color: #000000;
}

body {
	font-size: 0.9em;
}

a {
	color: #0000CC;
}

a:visited {
	color: #0000CC;
}

a:active, a:focus {
	color: #0000CC;
}

.home_titel {
	font-size: 1.1em;
	font-weight: bold;
}

#home_terzweblogo {
	float: left;
	position: fixed;
}


#home_head {
	margin-left: 60px;
	margin-bottom: 15px;
	width: 1375px;
	height: 110px;
}
#home_body {
	margin-left: 60px;
	padding-top: 15px;
}

#home_terzist {
	float: left;
	width: 550px;
	height: 120px;
	font-style: italic;
	background: url(../images/skyline2007.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#home_terzsearch {
	float: left;
	margin-left: 20px;
	text-align: right;
	width: 300px;
	height: 60px;
}
#home_terzlesenundmachen {
	float: left;
	margin-left: 30px;
	margin-bottom: 10px;
	width: 270px;
	height: 60px;
	text-align: right;
	/* border: 1px dotted #CCC; */
}


#home_left {
  width: 25%;
  float: left;
}

.home_toc_arrow {
	color: #CCC;
	margin-top: 0px;
}
.home_toc_category {
	font-weight: bold;
	display: block;
	margin-bottom: 0px;
}


#home_releases {
	padding-left: 15px;
	font-size: small;
	font-size: 0.8em;
}


.home_category {
	font-size: 1em;
	font-weight: bold;
	display: block;
	margin-bottom: 15px;
	margin-bottom: 15px;
	padding: 5px;
	text-align: center;
	background-color: #CCC;
}

#home_antifa {
	margin-bottom: 15px;
	border:1px solid #CCCCCC;
	padding-left: 10px;
	padding-right: 10px;
	width: 95%;
}

#home_antifa_ueberschrift {
	color: #990000;
	font-weight: bold;
	font-size: 1.1em;
}

#home_hinterhof {
	margin-bottom: 15px;
	border:1px solid #CCCCCC;
	padding-left: 10px;
	padding-right: 10px;
	width: 95%;
}
#home_hinterhof_ueberschrift {
	color: #990000;
	font-weight: bold;
	font-size: 1.1em;
}

hr {
	border: 0 none;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 1.5em;
}

.termin-kategorie {
	margin-top: 22px;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 1.3em;
	color: #2e2e2e;
}
.termin-kategorie::after {
	content: ":";
}
.termin-titel {
	font-family: "Source Sans Pro Semibold";
	font-size: 1.2em;
	margin-bottom: 0px;
}
.termin-wannwowieviel {
	font-family: "Source Sans Pro Semibold";
	font-style: italic;
	margin-bottom: 0px;
}
.termin-beschreibung {
	margin-bottom: 20px;
}

.termin-meta {
	font-style: italic;
}

.absatzzeichen {
   float: left;
   font-size: 3em;
   margin-bottom: 0px;
   padding-top: 0px;
   padding-right: 10px;
}

.infobox {
    margin-top: 30px;
    padding: .8em;
    border: 1px dashed #ccc;
}

.infobox-div {
    margin-top: 30px;
    padding: .8em;
    border: 1px dashed #ccc;
}

@media (min-width:320px)  { 
    /* smartphones, iPhone, portrait 480x320 phones */ 

}
@media (min-width:481px)  {
    /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
}
@media (min-width:641px)  {
    /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
}
@media (min-width:961px)  {
    /* tablet, landscape iPad, lo-res laptops ands desktops */ 
}
@media (min-width:1025px) {
    /* big landscape tablets, laptops, and desktops */ 
}
@media (min-width:1281px) {
    /* hi-res laptops and desktops */ 
}