* {
	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;
}

a.none {
	text-decoration:none;
}

.background-eff {
	background-image: url("../bilder/eine-froehliche-familie/march-house4.jpg");
	background-attachment:fixed;
	background-position:center center;
	background-size:cover;
	height:100%;
	position:fixed;
	width:100%;
	z-index:1;
}

.background-k {
	background-image: url("https://retro-animes.de/bilder/kickers/kickers-background2.jpg");
	background-attachment:fixed;
	background-position:top center;
	background-size:cover;
	height:100%;
	position:fixed;
	width:100%;
	z-index:1;
}

.background-rh {
	background-image: url("../bilder/robin-hood/background2.jpg");
	background-attachment:fixed;
	background-position:top center;
	background-size:cover;
	height:100%;
	position:fixed;
	width:100%;
	z-index:1;
}

.black {
	color:black;
}

.blue {
	color:#4285F4;
}

body {
	background-color:lightgray;

}

.bold {
	font-weight:bold;
}

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

.border:hover {
	border:1px solid #4285F4;
	cursor:pointer;
	padding:16px;
}

.break {
	clear:both;
}

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

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

.fade-in {
	animation-name:einblenden;
	animation-fill-mode: forwards;
	animation-delay:1s;
	animation-duration:2s;
	display:block;
	opacity:1;
	position:fixed;
	width:100%;
	z-index:2;
}

@keyframes einblenden {
	from {opacity:1;}
	to {opacity:0;}
}

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

.genre {
	font-size:0.8rem;
}

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

h2 {
	font-size:1.25rem;
}

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;
}

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

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

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

.main-frame {
	background-color:white;
	box-shadow:0px 5px 15px -5px black;
	margin:auto;
	max-width:750px;
	position:relative;
	z-index:3;
}

.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;
}

.profilbild {
	border-radius:10px;
	width:200px;
}

.profilbild-div {
	float:left;
	margin-right:16px;
}

.profilbild-text {
	float:left;
	margin-top:0px;
	width:250px;
}

.right {
	text-align:right;
}

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

tr {
	border:1px solid lightgray;
}

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

.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%;
}

.titelbild-subtext {
	font-size:0.8rem;
	text-align:right;
}

.titelbild-subtext-center {
	font-size:0.8rem;
	text-align:right;
}
	
.title {
	background-color:#6B5B95;
	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) {

.background-eff {
	display:none;
}

.background-rh {
	display:none;
}

.fade-in {
	display:none;
}

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

.main-frame {
	box-shadow:none;
	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%;
}

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

.profilbild {
	border-radius:10px;
	width:50%;
}

.profilbild-div {
	float:left;
	margin-right:0px;
	text-align:center;
}

.profilbild-text {
	float:left;
	margin-top:16px;
	width:100%;
}

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

.theme-sidebar {
	width:100%;
}

.titelbild-subtext-center {
	font-size:0.8rem;
	text-align:center;
}

}