* {
	box-sizing:border-box;
	color:#1a1a1a;
	font-family:"Open Sans", sans-serif;
	font-size:100%;
	margin:0px;
	padding:0px;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(OpenSans-Light.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(OpenSans-Regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(OpenSans-Bold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

a {
	color:#4285F4;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.black {
	color:black;
}

.blue {
	color:#4285F4;
}

body {
	background-color:lightgray;
}

.bold {
	font-weight:bold;
}

.break {
	clear:both;
}

.cookie-ok, .cookie-datenschutz {
	text-decoration:none;
}

.cookie-ok:hover, .cookie-datenschutz:hover {
	text-decoration:underline;
}

.footer {
	background-color:gray;
	color:white;
	padding:16px;
}

.genre {
	font-size:0.8rem;
}

h1 {
	font-size:2.5rem;
	font-weight:300;
}

h2 {
	border-left:8px solid #b3b3b3;
	font-size:1.25rem;
	margin-left:-16px;
	padding-left:8px;
}

h3 {
	font-size:1.1rem;
}

h4 {
	font-size:1rem;
}

.h5 {
	background-color:#b3b3b3;
	border-radius:10px;
	color:white;
	padding:8px;
	padding-left:16px;
	padding-right:16px;
}

hr.dotted {
	border-top:1px dotted lightgray;
	border-right-style:none;
	border-bottom-style:none;
	border-left-style:none;
	margin-left:-16px;
	margin-right:-16px;
}

.inhalt {
	list-style-type:none;
	padding-left:16px;
	padding-right:16px;
}

.inhalt-sidebar {
	font-size:0.9rem;
	list-style-type:none;
}

.inhalt-punkt {
	border-bottom:1px solid lightgray;
	padding:12px;
}

.inhalt-punkt-last {
	border-style:none;
	padding:12px;
}

.left {
	text-align:left;
}

.list {
	padding-left:16px;
	padding-right:16px;
}

.link-box {
	background-color:#4285F4;
	border-radius:10px;
	color:white;
	float:left;
	font-weight:bold;
	padding:12px 16px 12px 16px;
	text-decoration:none;
}

.link-box:hover {
	background-color:#4285F4;
	border-radius:10px;
	color:white;
	float:left;
	font-weight:bold;
	padding:12px 16px 12px 16px;
	text-decoration:underline;
}

.main-frame {
	background-color:white;
	margin:auto;
	max-width:750px;
}

.menu {
	border-bottom:1px solid lightgray;
	cursor:pointer;
	padding:16px;
}

.menu-down {
	border-bottom:1px solid lightgray;
	display:none;
}

.menu-down-inhalt {
	border-right:1px solid lightgray;
	border-bottom:0px solid lightgray;
	float:left;
	font-size:0.9rem;
	padding:12px;
	text-align:center;
	width:187px;
}

.menu-down-inhalt-last {
	border-right:0px solid lightgray;
	border-bottom:0px solid lightgray;
	float:left;
	font-size:0.9rem;
	padding:12px;
	text-align:center;
	width:187px;
}

.nach-oben {
	background-color:white;
	border-radius:10px;
	bottom:16px;
	color:gray;
	cursor:pointer;
	display:none;
	font-size:28px;
	padding:16px;
	padding-top:10px;
	padding-bottom:12px;
	position:fixed;
	right:16px;
	text-align:center;
}

.neuester-artikel {
	margin-top:-16px;
	margin-left:-16px;
	margin-right:-16px;
}

.neuester-artikel-bild {
	border-radius:10px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	width:100%;
}

.none {
	text-decoration:none;
}

.none:hover {
	text-decoration:none;
}

table {
	border:1px solid lightgray;
	border-collapse: collapse;
}

tr {
	border:1px solid lightgray;
}

td {
	border:1px solid lightgray;
	padding:8px;
}

.tagesthema {
	background-color:white;
	border-radius:48px;
	box-shadow:0px 5px 10px black;
	padding:24px;
	position:relative;
	text-align:center;
}

.tagesthema-datum {
	font-size:0.8rem;
	text-align:center;
}

.tagesthema-thema {
	background-color:#a6a6a6;
	border-radius:8px;
	color:white;
	display:inline-block;
	font-size:0.8rem;
	padding:4px 8px 4px 8px;
}

.tagesthema-inhalt {
	font-size:1.6rem;
	text-align:left;
}

.tagesthema-erklaerung {
	background-color:#e6e6e6;
	margin-left:-24px;
	margin-right:-24px;
	padding:16px 24px 16px 24px;
	text-align:left;
}

.tagesthema-erledigt {
	background-color:#34A853;
	border-radius:8px;
	color:white;
	cursor:pointer;
	display:inline-block;
	font-weight:bold;
	margin:auto;
	padding:8px 16px 8px 16px;
}

.theme {
	border-right:1px solid lightgray;
	float:left;
	padding:16px;
	width:500px;
}

.theme-sidebar {
	float:left;
	padding:16px;
	width:250px;
}

.themen {
	border:1px solid lightgray;
	border-radius:10px;
	color:#4285F4;
	font-weight:bold;
	margin-bottom:8px;
	padding:16px;
}

.titelbild {
	border-radius:10px;
	width:100%;
}
	
.title {
	background-color:#34A853;
	color:white;
	font-size:1.5rem;
	font-weight:300;
	padding:12px;
	padding-left:16px;
	padding-right:16px;
}

.verlinkte-ueberschrift {
	font-size:0.9rem;
	font-weight:bold;
}

.white {
	color:white;
}

@media (orientation:portrait) {

.inhalt-sidebar {
	font-size:1rem;
}

.main-frame {
	max-width:100%;
}

.menu-down-inhalt {
	border-right:0px solid lightgray;
	border-bottom:1px solid lightgray;
	float:left;
	padding:12px;
	text-align:left;
	width:100%;
}

.theme {
	border-right:0px solid lightgray;
	width:100%;
}

.theme-sidebar {
	width:100%;
}

}