/* Theme Name: OrangeGreen
Description: Ein WP-Template für InaiMathi.de
Author: Markus Kalupke
Author URI: https://www.inaimathi.de
Version: 1.0
*/


/* GREEN: 91c32c */


/* RESET */
* {
	border: 0 none;
	margin: 0px;
	padding: 0px;
}


/* BASIC */

html {
	background: #0f0f0f;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	scroll-behavior: smooth;
}

a:hover, a:active, a:focus {
	outline: none !important;
}

a[href*="https://amzn.to"]::after, a[href*="http://amzn.to"]::after, a[href*="amzn.to"]::after, a[href*="amazon.de"]::after, a[href*="www.amazon.de"]::after {
	content: "*";
}

.linksbuendig {
	float: left;
}

.rechtsbuendig {
	float: right;
}

.reverse {
	unicode-bidi:bidi-override;
  	direction:rtl;
}

body {
	background: transparent;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	color: #1a1a1a;
	font-family: 'Roboto', tahoma, verdana, arial;
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	text-align: left;
	text-transform: none;
	letter-spacing: 0.75px;
	line-height: 35px;
}

.wrapper {
	width: 1100px;
	margin: auto;
	margin-top: 125px;
	padding: 0px 100px 0px 100px;
	animation-name: wrapperfadein;
	animation-duration: 0.75s;
	animation-iteration-count: 1;
}

@keyframes wrapperfadein {
0% {
	  margin-top: 100px;
	  opacity: 0.0;
}
100% {
	  margin-top: 125px;
	  opacity: 1.0;
}
}


/* PROGRESS BAR */

.progress-container {
	position: fixed;
	top:0px;
  	width: 100%;
  	height: 5px;
  	background: #000000;
	z-index: 10101;
}

.progress-bar {
  	height: 5px;
  	background: #91c32c;
	background: linear-gradient(270deg, #749d21 0%, #91c32c 50%);
  	width: 0%;
}


/* HEADER */

.header {
	float: left;
	width: 1100px;
	height: 195px;
}

.logo, .me, .twitter, .pixelfed, .bluesky, .mastodon {
	float: left;
	background: #91c32c url(img/bg_logo.png) center left no-repeat;
	color: #fcfcfc;
	font-family: 'Roboto', tahoma, verdana, arial;
	font-size: 24px;
	font-weight: 300;
	font-style: normal;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2.0px;
	line-height: 50px;
	vertical-align: middle;
	height: 50px;
	margin-right: 45px;
	padding: 0px 28px 0px 63px;
	border-top-left-radius: 24px;
	border-bottom-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 24px;
	box-shadow: #000000 0px 2px 2px;
}

#logobold {
	font-weight: 500;
	margin-right: -10px;
}

.logo:hover {
	background: #191919 url(img/bg_logo2.png) center left no-repeat;
	border-bottom-right-radius: 0px;
	cursor: pointer;
}

.me, .twitter, .pixelfed, .bluesky, .mastodon {
	background: #252525;
	color: #91c32c;
	font-size: 24px;
	text-align: center;
	line-height: 100px;
	vertical-align: middle;
	width: 65px;
	height: 50px;
	margin: 0px 25px 0px 0px;
	padding: 0px;
	transition: 0.75s;
}

.me {
	background: #feaa14 url(img/imava.png) center center no-repeat;
	background-size: 60%;
}

.mastodon {
	background: #252525 url(img/icon_mastodon.png) center center no-repeat;
	background-size: 83%;
	animation-name: mastodonfadein;
	animation-duration: 2.0s;
	animation-iteration-count: 1;
}

@keyframes mastodonfadein {
0% {
	opacity: 0;
	margin-left: -45px;
}
20% {
	opacity: 0;
}
65% {
	margin-left: 0px;
}	
100% {
	opacity: 1;
}
}

.bluesky {
	background: #252525 url(img/icon_bsky.png) center center no-repeat;
	background-size: 77%;
	animation-name: blueskyfadein;
	animation-duration: 2.3s;
	animation-iteration-count: 1;
}

@keyframes blueskyfadein {
0% {
	opacity: 0;
	margin-left: -45px;
}
20% {
	opacity: 0;
}
65% {
	margin-left: 0px;
}	
100% {
	opacity: 1;
}
}

.pixelfed {
	background: #252525 url(img/icon_pixelfed.png) center center no-repeat;
	background-size: 82%;
	animation-name: pixelfedfadein;
	animation-duration: 2.6s;
	animation-iteration-count: 1;
}

@keyframes pixelfedfadein {
0% {
	opacity: 0;
	margin-left: -45px;
}
20% {
	opacity: 0;
}
65% {
	margin-left: 0px;
}	
100% {
	opacity: 1;
}
}

.me:hover {
	background: #515151 url(img/imava.png) center center no-repeat;
	background-size: 60%;
	transition: 0.75s;
}

.mastodon:hover {
	background: #515151 url(img/icon_mastodon.png) center center no-repeat;
	background-size: 83%;
	filter: grayscale(100);
	transition: 0.75s;
}

.bluesky:hover {
	background: #515151 url(img/icon_bsky.png) center center no-repeat;
	background-size: 77%;
	filter: grayscale(100);
	transition: 0.75s;
}

.pixelfed:hover {
	background: #515151 url(img/icon_pixelfed.png) center center no-repeat;
	background-size: 82%;
	filter: grayscale(100);
	transition: 0.75s;
}

.pixelfed .fa {
	margin: 12px 0px 0px 2px;
}

.menu {
	position: absolute;
	background: #191919;
	width: 560px;
	margin: -7.5px 0px 0px -63px;
	padding: 35px 35px 0px 0px;
	border-radius: 6px;
	border-bottom-right-radius: 24px;
	box-shadow: #000000 0px 2px 2px;
	z-index: 9999;
	display: none;
	animation-name: menufadein;
	animation-duration: 0.50s;
	animation-iteration-count: 1;
}

@keyframes menufadein {
0% {
	  opacity: 0.0;
}
100% {
	  opacity: 1.0;
}
}

.mbicon {
	position: absolute;
	color: #91c32c;
	font-family: 'Roboto', tahoma, verdana, arial;
	font-size: 54px;
	font-weight: 300;
	font-style: normal;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.0px;
	line-height: 138.5px;
	text-shadow: transparent 0px 0px 0px !important;
	vertical-align: middle;
	width: 143.5px;
	height: 90px;
	margin: 45px 0px 0px 0px;
	z-index: 998;
}

.mbicon .fa {
	margin: 0px 0px 0px 6px;
	text-shadow: #000000 1px 1px 3px;
}

.mbicon .fa-gamepad {
	margin-top: -3px !important;
}

.mbicon .fa-television, .mbicon .fa-folder-open {
	margin-left: 9px !important;
}

.mbutton {
	float: left;
	background: #1a1a1a;
	color: #acacac;
	font-family: 'Roboto', tahoma, verdana, arial;
	font-size: 14px;
	font-weight: 300;
	font-style: normal;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1.75px;
	line-height: 241px;
	vertical-align: middle;
	text-shadow: #000000 0px 2px 2px;
	width: 147.5px;
	height: 147.5px;
	margin: 0px 0px 38px 35px;
	padding: 0px;
	border: #404040 2px solid;
	border-radius: 6px;
	box-shadow: #000000 0px 2px 2px;
	transition: 0.35s;
}

.mbutton:hover {
	color: #fcfcfc;
	background: #1a1a1a;
	background: linear-gradient(0deg, #192e15 20%, #1a1a1a 100%);
	border: #91c32c 2px solid;
	transition: 0.35s;
}

#mb1:hover, #mb2:hover, #mb3:hover, #mb6:hover {
	color: #1a1a1a !important;
	text-shadow: none !important;
}

.mbclick {
	position: absolute;
	background: transparent;
	width: 145.5px;
	height: 145.5px;
	z-index: 999;
}

.sub {
	position: absolute;
	background: #91c32c;
	background: linear-gradient(0deg, #749d21 0%, #91c32c 90%);
	color: #fcfcfc !important;
	font-family: 'Roboto', tahoma, verdana, arial;
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	text-align: left;
	text-transform: none;
	letter-spacing: 0.75px;
	line-height: 32px;
	text-shadow: #749d21 1px 1px 2px;
	margin: 113px 0px 0px 30px;
	padding: 12px 20px 10px 20px;
	border-radius: 6px;
	box-shadow: #000000 0px 2px 2px;
	z-index: 1000;
	display: none;
	animation-name: submenufadein;
	animation-duration: 0.6s;
	animation-iteration-count: 1;
}

.sub a {
	color: #fcfcfc;
	text-decoration: none;
}

.sub a:hover {
	border-bottom: #fcfcfc 2px solid;
}

.sub ul {
	margin-bottom: 10px;
}

.sub li {
	font-weight: 400;
	list-style-type: none;
	white-space: nowrap;
}

.sub ul ul li {
	font-weight: 300;
	margin-left: 20px;
	list-style-type: disc;
	opacity: 0.90;
}

#mb1:hover #sb1, #mb2:hover #sb2, #mb3:hover #sb3, #mb5:hover #sb5, #mb6:hover #sb6 {
	display: block;
}

@keyframes submenufadein {
0% {
	  margin-top: 103px;
	  margin-left: 20px;
	  opacity: 0.0;
}
75% {
	  opacity: 1.0;
}
100% {
	  margin-top: 113px;
	  margin-left: 30px;
}
}

.menubb, .msuche {
	float: left;
	background: transparent;
	color: #dadada;
	font-family: 'Roboto', tahoma, verdana, arial;
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	text-align: left;
	text-transform: none;
	letter-spacing: 0.75px;
	line-height: 35px;
	text-shadow: #000000 0px 2px 2px;
	width: 540px;
	margin: 15px 0px 0px 0px;
	padding: 0px 35px 0px 35px;
}

.msuche {
	height: 140px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 35px;
}

#s {
	background: transparent url(img/bg_menue.png) center left repeat;
	color: #acacac;
	font-family: 'Roboto', tahoma, verdana, arial;
	font-size: 18px;
	font-weight: 300;
	font-style: italic;
	text-align: left;
	text-transform: none;
	letter-spacing: 0.75px;
	line-height: 35px;
	vertical-align: middle;
	width: 499px;
	height: 33px;
	margin: 0px;
	padding: 10px 0px 8px 25px;
	border: #91c32c 1px solid;
	border-radius: 6px;
	box-shadow: #000000 0px 2px 2px;
	transition: 0.35s;
}

#s:hover {
	background: #1a1a1a;
	background: linear-gradient(0deg, #1a1a1a 80%, #161616 100%);
	color: #91c32c;
	border: #515151 1px solid;
	transition: 0.35s;
}

#mtitle, #mtitle2 {
	color: #fcfcfc;
	font-family: 'Roboto', tahoma, verdana, arial;
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: left;
	letter-spacing: 1.75px;
	line-height: 35px;
	margin-bottom: 15px;
}

#mtitle {
	margin-left: 35px;
}

.menu .menubb a {
	color: #91c32c !important;
	text-decoration: none;
}

.menu .menubb a:hover {
	color: #dadada !important;
	text-decoration: none;
}

.menu .menubb li {
	margin-left: 20.5px;
}

.logo:hover .menu {
	display: block;
}

.header a, .logo a {
	color: #ffffff !important;
	text-decoration: none !important;
}


/* SIDEBAR */

.sidebar {
	position: absolute;
	background: transparent;
	color: #acacac;
	font-family: 'Roboto', tahoma, verdana, arial;
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	text-align: left;
	text-transform: none;
	letter-spacing: 0.75px;
	line-height: 35px;
	width: 150px;
	margin: 400px 0px 0px 1170px;
	padding: 25px 0px 20px 35px;
	border-left: #ff9464 2px solid;
	animation-name: sidebarfadein;
	animation-duration: 1.25s;
	animation-iteration-count: 1;
	z-index: 999;
}

.sidebar h4 {
	display: none;
}

.sidebar a {
	color: #ff9464 !important;
	text-decoration: none;
}

.sidebar a:hover {
	color: #cf754d !important;
	text-decoration: none;
}

.sidebar li {
	list-style-type: none;
}

.sb_ama {
	background: #f3f3f3;
	color: #91c32c;
	font-size: 75px;
	text-align: center;
	line-height: 150px;
	vertical-align: middle;
	width: 150px;
	height: 150px;
	margin: 70px 0px 15px 0px;
	border-radius: 6px;
	box-shadow: #acacac 0px 2px 2px;
}

@keyframes sidebarfadein {
0% {
	  margin-top: 380px;
	  opacity: 0.0;
}
	
25% {
	  margin-top: 380px;
	  opacity: 0.0;
}
100% {
	  margin-top: 400px;
	  opacity: 1.0;
}
}


/* BANNER */

.werbung_top, .werbung_bottom {
	background: #0a0a0a;
	width: 945px;
	height: 85px !important;
	max-height: 85px !important;
	min-height: 15px;
	margin: 85px 77.5px 0px 77.5px;
	padding: 0px 0px 0px 0px;
	border-radius: 6px;
	overflow: hidden;
}

.werbung_bottom {
	height: 300px !important;
	max-height: 300px !important;
	margin: 100px 77.5px 0px 77.5px;
}

.werbung_sidebar {
	background: #0a0a0a;
	width: 120px;
	max-width: 120px;
	height: 360px;
	max-height: 360px;
	margin: 70px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-radius: 6px;
	overflow: hidden;
}

.werbung_sidebar img {
	width: 360px;
	height: 360px;
}

.werbung_hinweis, .werbung_hinweis2, .werbung_hinweis3 {
	background: transparent;
	color: #6e6e6e;
	font-family: 'Roboto', tahoma, verdana, arial;
	font-size: 10px;
	font-weight: 300;
	font-style: normal;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1.0px;
	line-height: 20px;
	width: 945px;
	height: 15px;
	margin: 5px 77.5px 25px 77.5px;
	padding: 0px 0px 0px 0px;
}

.werbung_hinweis2 {
	margin: 5px 77.5px 0px 77.5px;
}

.werbung_hinweis3 {
	width: 120px;
	text-align: left;
	margin: 5px 0px 0px 0px;
}

.werbung_hinweis .fa, .werbung_hinweis2 .fa {
	margin-right: 5px !important;
}

.werbung_hinweis3 .fa {
	margin-left: 5px !important;
}

#werbung {
}


/* HELLO */

.homemessage {
	background: transparent;
	width: 1000px;
	height: 0px;
	animation-name: message;
	animation-duration: 8s;
	animation-iteration-count: 1;
	animation-delay: 1.0s;
	overflow: hidden;
}

@keyframes message {
0% {
	height: 0px;
	opacity: 0.0;
}
15% {
	height: 0px;
	opacity: 0.0;
}
30% {
	height: 75px;
	opacity: 1.0;
}
50% {
	height: 75px;
}
70% {
	height: 75px;
	opacity: 1.0;
}
85% {
	height: 0px;
	opacity: 0.0;
}	
100% {
	height: 0px;
}
}


/* SHARE */

.sharebox {
	background: transparent;
	text-align: center;
	width: 900px;
	height: 30px;
	margin: 0px 100px 80px 100px;
	padding: 0px 0px 0px 0px;
	opacity: 0.6;
	transition: 0.75s;
}

.sharebox:hover {
	opacity: 1.0;
	transition: 0.75s;
}

.sharebubble {
	background: transparent;
	margin: 0px 12.5px 0px 12.5px;
	padding: 6px 15px 5px 15px;
	border: #91c32c 2px solid;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 16px;
	box-shadow: #000000 0px 1px 1px;
	transition: 0.5s;
}

.sharebubble:hover {
	background: #91c32c;
	color: #1a1a1a;
	transition: 0.5s;
}

.sharebox a, .sharebubble a {
	color: #91c32c !important;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	text-transform: uppercase;
}


/* CONTENT */

.content {
	float: left;
	width: 1100px;
	min-height: 725px;
}

.content h2, /* legacy */ .content h3, h4 {
	color: #1a1a1a;
	font-family: 'Roboto', tahoma, verdana, arial;
	font-size: 50px;
	font-weight: 700;
	font-style: normal;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 1.0px;
	line-height: 60px;
	text-shadow: #acacac 0px 2px 2px;
	margin-left: -3px;
}

#pagetitle {
	margin-top: 55px;
}

.content h2 a {
	background: transparent;
	color: #acacac;
	text-decoration: none;
	text-shadow: #000000 0px 2px 2px;
	padding: 0px;
}

.content h2 a:hover {
	color: #c0c0c0;
}

#zwischenueberschrift, /* legacy */ #zwischenueberschrift2 {
	color: #acacac;
	font-family: 'Roboto', tahoma, verdana, arial;
	font-size: 37px;
	font-weight: 700;
	font-style: normal;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.75px;
	line-height: 40px;
	text-shadow: #000000 0px 2px 2px;
	margin: 0px 0px 50px -1px;
	padding-top: 75px;
}

#titelabstand {
	margin-top: 140px;
}

h4 {
	color: #91c32c;
	font-size: 25px;
	font-weight: 400;
	text-shadow: #000000 0px 2px 2px;
	margin: -10px 0px 25px 0px;
}

.blink {
	margin-left: 20px;
	animation-name: blinken;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}

@keyframes blinken {
0% {
	  opacity: 1.0;
}
45% {
	  opacity: 1.0;
}	
50% {
	  opacity: 0.0;
}
95% {
	  opacity: 0.0;
}	
100% {
	  opacity: 1.0;
}
}

.archivbeschreibung {
	color: #acacac;
	font-family: 'Roboto', tahoma, verdana, arial;
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 1.0px;
	line-height: 35px;
	width: 1100px;
	margin: -20px 0px 70px 0px;
}

.infobox {
	color: #acacac;
	font-family: 'Roboto', tahoma, verdana, arial;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 1.0px;
	line-height: 35px;
	width: 1100px;
	margin: 25px 0px 70px 0px;
}

.infobox a {
	color: #acacac !important;
	text-decoration: none !important;
}

.marker_neu {
	background: #910000;
	color: #dadada !important;
	margin: 0px;
	padding: 3px 10px 2px 12px;
	border-radius: 6px;
}

.marker_neu a, .marker_neu .fa {
	color: #dadada !important;
	text-decoration: none;
}

.quickjumpbox {
	background-image: linear-gradient(to right, #252525 , transparent);
	color: #acacac;
	font-style: italic;
	padding: 10px 50px 10px 22px;
	border-radius: 5px;
}

.text {
	color: #acacac;
	width: 1100px;
}

.text a {
	color: #91c32c;
	text-decoration: none;
}

.text a:hover {
	color: #749e1f;
	text-decoration: none;
}

.text img {
	background: #ffffff;
	border-radius: 6px;
	filter: grayscale(100);
	opacity: 0.5;
	transition: 0.5s;
}

.text img:hover {
	filter: grayscale(0);
	opacity: 1.0;
	transition: 0.5s;
}

.text .alignnone {
	background: #414141;
	width: 1100px !important;
	height: 619px !important;
	margin: 15px 0px 15px 0px;
	border-radius: 6px;
	box-shadow: #000000 0px 2px 2px;
}

.text .alignright {
	float: right;
	
}

.text .aligncenter {
	margin: 15px 0px 15px 0px;
	box-shadow: #000000 0px 2px 2px;
}

.text .alignleft {
	float: left;
}

.text .portalicon {
	float: right;
	width: 400px;
	height: 400px;
	color: #515151;
	font-size: 200px;
	text-align: center;
	text-shadow: #000000 0px 3px 3px;
}

.text .portalicon .fa {
	color: #acacac;
	margin-top: 100px;
	text-shadow: #000000 0px 3px 3px;
}

.text iframe {
	background: #414141;
	width: 1100px !important;
	height: 619px !important;
	margin: 15px 0px 15px 0px;
	border-radius: 6px !important;
	box-shadow: #000000 0px 2px 2px;
}

.text ul, .text ol {
	margin-bottom: 35px;
}

.text li {
	margin-left: 55px;
	margin-bottom: 7.5px;
}

blockquote {
	color: #91c32c;
	font-family: 'Roboto', tahoma, verdana, arial;
	font-size: 30px;
	font-weight: 900;
	font-style: italic;
	text-align: left;
	text-transform: none;
	letter-spacing: 1.0px;
	line-height: 35px;
	padding: 0px 175px 0px 75px;
}

.text p {
	margin-bottom: 35px;
}

.colbox {
	height: 945px;
	overflow: hidden;
}

.colboxverlauf {
	position: absolute;
	background: rgb(15,15,15);
	background: linear-gradient(0deg, rgba(15,15,15,1) 0%, rgba(255,255,255,0) 100%);
	width: 1100px;
	height: 250px;
	margin-top: 680px;
	border-bottom: #0f0f0f 15px solid;
	display: block;
	z-index: 999;
}

.buttonbox {
	width: 1100px;
	height: 75px;
	margin: 0px 0px 0px 0px;
	padding: 35px 0px 0px 0px;
}

buttonbox a, .buttonbox a:hover{
	color: #91c32c;
}

.button {
	background: #ffffff
	color: #91c32c;
	font-weight: 500;
	text-transform: uppercase;
	margin-right: 30px;
	padding: 10px 23px 10px 23px;
	border: #91c32c 2px solid;
	border-radius: 6px;
	box-shadow: #000000 0px 1px 1px;
	transition: 0.35s;
}

.button:hover {
	background: #91c32c;
	color: #1a1a1a;
	transition: 0.35s;
}

.spbox, .spbox2 {
	width: 1135px;
	height: 295px !important;
}

.spbox2 {
	height: 585px !important;
}

.semiprobox {
	float: left;
	background: #000000;
	width: 533px;
	height: 249px;
	margin-right: 34.5px;
	margin-bottom: 34.5px;
	border-radius: 6px;
	box-shadow: #acacac 0px 2px 2px;
	box-shadow: #000000 0px 2px 2px;
	filter: grayscale(100);
}

.semiprobox:hover {
	color: #f3f3f3;
	filter: grayscale(0);
}

#spb1 {
	background: #000000 url(img/bg_spb1.png) center center no-repeat;
	background-size: 100%;
	transition: 0.75s;
}

#spb2 {
	float: right;
	background: #000000 url(img/bg_spb2.png) 0px -15px no-repeat;
	background-size: 100%;
	transition: 0.75s;
}

#spb4 {
	background: #000000 url(img/bg_spb4.png) center center no-repeat;
	background-size: 100%;
	width: 1100px;
	transition: 0.75s;
}

#spb5 {
	background: #000000 url(img/bg_spb5.png) center center no-repeat;
	background-size: 100%;
	width: 1100px;
	transition: 0.75s;
}

#spb6 {
	background: #000000 url(img/bg_spb1.png) center center no-repeat;
	background-size: 100%;
	width: 1100px;
	transition: 0.75s;
}

#spb7 {
	background: #000000 url(img/bg_spb7.jpg) center center no-repeat;
	background-size: 100%;
	width: 1100px;
	transition: 0.75s;
}

#spb1:hover, #spb2:hover, #spb4:hover, #spb5:hover, #spb6:hover, #spb7:hover  {
	background-size: 115%;
	transition: 0.75s;
}

.semiproboxrahmen {
	position: absolute;
	background: transparent;
	color: #dcdcdc;
	font-family: 'Roboto', tahoma, verdana, arial;
	font-size: 25px;
	font-weight: 600;
	font-style: normal;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1.75px;
	line-height: 212.5px;
	vertical-align: middle;
	text-shadow: #000000 0px 0px 20px;
	width: 493px;
	height: 213px;
	margin: 15px 0px 0px 15px;
	padding-left: 5px;
	border: #acacac 3px solid !important;
	border-radius: 6px;
	transition: 0.5s;
	z-index: 999;
}

#spbr4, #spbr5, #spbr6, #spbr7 {
	font-size: 31px;
	font-weight: 600;
	width: 1059px;
}

#spbr5, #spbr6, #spbr7 {
	line-height: 185px;
}

.semiprobox:hover .semiproboxrahmen {
	border: transparent 3px solid !important;
	transition: 0.5s;
}

.spbtext {
	position: absolute;
	background: transparent;
	color: #f3f3f3;
	font-family: 'Roboto', tahoma, verdana, arial;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1.0px;
	line-height: 35px;
	text-shadow: #000000 0px 0px 10px;
	width: 1100px;
	height: 30px;
	margin: 128px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	opacity: 0.90;
	z-index: 999;
}

.collectionbox {
	width: 1150px;
	height: 400px;
	margin-bottom: 35px;
}

.cbbox {
	float: left;
	background: #000000;
	width: 192px;
	height: 400px;
	margin-right: 34.5px;
	border-radius: 6px;
	box-shadow: #000000 0px 2px 2px;
	filter: grayscale(100);
}

.cbbox:hover {
	color: #f3f3f3;
	filter: grayscale(0);
}

.cbboxrahmen {
	position: absolute;
	background: transparent;
	color: #dcdcdc;
	font-family: 'Roboto', tahoma, verdana, arial;
	font-size: 20px;
	font-weight: 600;
	font-style: normal;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1.75px;
	line-height: 355px;
	vertical-align: middle;
	text-shadow: #000000 0px 0px 15px;
	width: 151px;
	height: 364px;
	margin: 15px 0px 0px 15px;
	padding-left: 5px;
	border: #acacac 3px solid !important;
	border-radius: 6px;
	transition: 0.5s;
	z-index: 999;
	filter: grayscale(100);
}

.cbbox:hover .cbboxrahmen {
	border: transparent 3px solid !important;
	transition: 0.5s;
}

#cbbox1 {
	background: #000000 url(img/bg_cbbox1.png) center center no-repeat;
	background-size: 105%;
	transition: 0.75s;
}

#cbbox2 {
	background: #000000 url(img/bg_cbbox2.png) center center no-repeat;
	background-size: 105%;
	transition: 0.75s;
}

#cbbox3 {
	background: #000000 url(img/bg_cbbox3.png) center center no-repeat;
	background-size: 105%;
	transition: 0.75s;
}

#cbbox4 {
	background: #000000 url(img/bg_cbbox4.png) center center no-repeat;
	background-size: 105%;
	transition: 0.75s;
}

#cbbox5 {
	background: #000000 url(img/bg_cbbox5.png) center center no-repeat;
	background-size: 105%;
	transition: 0.75s;
}

#cbbox1:hover, #cbbox2:hover, #cbbox3:hover, #cbbox4:hover, #cbbox5:hover {
	background-size: 115%;
	transition: 0.75s;
}

.galbox {
	width: 1150px;
	margin: 0px 0px 10px 0px;
}

.galbox img {
	width: 180px;
	height: 180px;
	margin: 0px 65px 45px 0px;
	border: 0px !important;
	border-radius: 6px;
	box-shadow: #000000 0px 2px 2px;
	filter: grayscale(100);
	transition: 0.5s;
}

.galbox img:hover {
	filter: grayscale(0);
	transition: 0.5s;
}

.airflowbox {
	background: transparent;
	width: 1100px;
	height: 619px;
	margin-bottom: 35px;
	opacity: 65%;
}

.airflowchart {
	background: transparent url(img/bg_airflowchart.png) center center no-repeat;
	background-size: cover;
	width: 1100px;
	height: 619px;
	margin: 0px;
	padding: 0px;
	filter: invert(0%);
	-webkit-filter: invert(0%);
}

.pfeil_in, .pfeil_out {
	position: absolute;
	background: transparent;
	color: #2438cc;
	font-size: 100px;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	text-align: center;
	vertical-align: middle;
	width: 120px;
	height: 120px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 997;
}

.pfeil_out {
	color: #cc0000;
}

#pi1, #pi2, #pi3 {
	margin: 493px 0px 0px 350px;
	padding: 0px 0px 0px 0px;
}

#pi2 {
	margin-left: 503px;
}

#pi3 {
	margin-left: 652px;
}

#pi4, #pi5, #pi6 {
	color: #d6cd15;
	font-size: 70px;
	margin-top: 120px;
	margin-left: 632px;
}

#pi5 {
	margin-top: 240px;
}

#pi6 {
	margin-top: 361px;
}

#po1, #po2, #po3 {
	margin: 2px 0px 0px 350px;
	padding: 0px 0px 0px 0px;
}

#po2 {
	margin-left: 503px;
}

#po3 {
	margin-left: 652px;
}

#po4 {
	margin-top: 150px;
	margin-left: 242px;
}

.reviewbox {
	background: transparent;
	color: #91c32c;
	font-size: 50px;
	text-align: center;
	line-height: 100px;
	vertical-align: middle;
	width: 1100px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.lastupdate {
	color: #acacac;
	font-family: 'Roboto', tahoma, verdana, arial;
	font-size: 18px;
	font-weight: 300;
	font-style: italic;
	text-align: right;
	text-transform: none;
	letter-spacing: 1.00px;
	line-height: 35px;
	width: 1100px;
	margin: 0px 0px 0px 0px;
	padding-top: 35px;
}

.tag {
	background: #252525;
	background: linear-gradient(0deg, #252525 0%, transparent 75%);
	margin-left: 20px;
	padding: 7px 16px 7px 16px;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 16px;
	box-shadow: #000000 0px 1px 1px;
}

.tag a {
	color: #91c32c;
	text-decoration: none;
}

.tag a:hover {
	color: #749e1f;
	text-decoration: none;
}


/* TABELLE */

.tabelle, .tabelle2 {
	background: transparent url(img/bg_tabelle_alt.png) top left repeat;
	font-size: 18.5px;
	width: 1100px;
	margin-bottom: 35px;
}

.tabelle2 {
	background: none;
}

#t1, #t1c, #t2, #t3, #t4, #t5, #t6, #t7 {
	width: 530px;
	padding-left: 20px;
	vertical-align: top;
}

#t1c {
	width: 410px;
}

#t2, #t3 {
	width: 265px;
	padding-left: 0px;
}

#t4 {
	width: 120px;
	padding-left: 0px;
	opacity: 0.65;
}

#t5 {
	width: 550px;
	padding-left: 0px;
}

#t6 {
	width: 250px;
}

#t7 {
	width: 830px;
	padding-left: 0px;
}

.tabelle a {
	background: transparent;
	padding: 0px;
}

.tabelle a:hover {
	color: #91c32c;
	background: transparent;
	padding: 0px;
}

.tabelle ol {
	margin-top: -35px;
	margin-bottom: 0px;
}

.tabelle li {
	margin-left: 22px;
	margin-bottom: 0px;
}

.tabelle2 #t1, .tabelle2 #t2, .tabelle2 #t3 {
	width: 386px;
	padding-left: 0px;
	vertical-align: top;
}

.tabelle2 ul, .tabelle2 li {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
}

.tabelle2 #t1 li li {
	list-style-type: disc;
	margin-left: 21px;
}

.tabelle2 li li li {
	list-style-type: disc;
	margin-left: 21px;
}

.tabelle2 .fa {
	margin-right: 10px !important;
}


/* TRENNER */

.trenner, .trenner2 {
	float: left;
	background: transparent;
	width: 450px;
	height: 70px;
	margin: -12px 410px 30px 330px;
	border-bottom: #252525 2px solid;
	border-image: linear-gradient(to right, #252525 0%, #252525 35%, #371c10 100%) 1;
}

.trenner2 {
	margin-bottom: 90px;
}


/* FOOTER */

.footer {
	float: left;
	color: #acacac;
	font-size: 17px;
	text-align: center;
	width: 1100px;
	height: 500px;
	margin: 250px 0px 0px 0px;
}

.footer a {
	color: #acacac !important;
	text-decoration: none !important;
}

.footer a:hover {
	color: #c0c0c0 !important;
	text-decoration: none !important;
}

.footer-title {
	background: #252525;
	font-size: 12px;
	text-transform: uppercase;
	padding: 4px 7px 3px 7px;
	border-radius: 5px;
	box-shadow: #000000 0px 1px 1px;
}

.btt {
	position: absolute;
	background: #0f0f0f;
	color: #91c32c;
	font-size: 20px;
	text-align: center;
	line-height: 100px;
	vertical-align: middle;
	width: 46px;
	height: 46px;
	margin: -354px 0px 0px 526px;
	border: #91c32c 2px solid;
	border-top-left-radius: 24px;
	border-bottom-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 24px;
	z-index: 999;
	transition: 0.35s;
	animation-name: bttfadein;
	animation-duration: 0.75s;
	animation-iteration-count: 1;
}

@keyframes bttfadein {
0% {
	margin: -344px 0px 0px 526px;
}
100% {
	margin: -354px 0px 0px 526px;
}
}

.btt:hover {
	background: #91c32c;
	color: #0f0f0f;
	transition: 0.35s;
}

.footer .fa-heart {
	margin: 0px 2px 0px 2px !important;
}

.kanji {
	position: absolute;
	background: transparent;
	color: #202020;
	font-size: 100px;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
	line-height: 100px;
	width: 100px;
	height: 100px;
	margin: 50px 0px 0px 500px;
	padding: 0px 0px 0px 0px;
	cursor: default;
	z-index: 9999;
}


/* STUFF */

.contentrahmen {
	position: absolute;
	width: 850px;
	height: 400px;
	margin: 133px 0px 0px -70px;
	border-top: #91c32c 2px solid;
	border-left: #91c32c 2px solid;
	border-top-left-radius: 72px;
	z-index: -1;
	animation-name: cr1fadein;
	animation-duration: 0.75s;
	animation-iteration-count: 1;
}

@keyframes cr1fadein {
0% {
	margin: 123px 0px 0px -80px;
}
100% {
	margin: 133px 0px 0px -70px;
}
}

.crgrad1 {
	position: absolute;
	width: 400px;
	height: 2px;
	margin: -2px 0px 0px 450px;
	border-top: 2px solid;
	border-image: linear-gradient(to right, #91c32c 0%, #ff9464 100%) 1;
	z-index: 0;
}

.contentrahmen2 {
	position: absolute;
	width: 610px;
	height: 275px;
	margin: -605px 0px 0px 560px;
	border-right: #91c32c 2px solid;
	border-bottom: #91c32c 2px solid;
	border-bottom-right-radius: 72px;
	z-index: -1;
	animation-name: cr2fadein;
	animation-duration: 0.75s;
	animation-iteration-count: 1;
}

@keyframes cr2fadein {
0% {
	margin: -595px 0px 0px 570px;
}
100% {
	margin: -605px 0px 0px 560px;
}
}

.crgrad2 {
	position: absolute;
	width: 2px;
	height: 200px;
	margin: 0px 0px 0px 610px;
	border-left: 2px solid;
	border-image: linear-gradient(to bottom, #ff9464 0%, #91c32c 100%) 1;
	z-index: 0;
}


/* PAGE-NAVI */

.wp-pagenavi {
	clear: both;
	width: 800px;
	height: 50px;
	margin-top: 105px;
}

.wp-pagenavi a, .wp-pagenavi span {
	background: #252525;
	color: #fcfcfc;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0.8px;
	line-height: 40px;
	margin-right: 25px;
	padding: 12.5px 15px 12.5px 15px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 20px;
	box-shadow: #000000 0px 2px 2px;
	transition: 0.75s;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	color: #fcfcfc;
	background: #515151;
	border-color: #515151;
	transition: 0.75s;
}

.wp-pagenavi span.current {
	color: #fcfcfc;
	background: #91c32c;
}


/* FONTS */

.fa {
	margin-right: 12px;
}

.fa-long-arrow-right {
	margin-left: 12px !important;
}

.text .fa {
	margin: 0px;
}

.text .fa-bars, .text .fa-caret-down, .text .fa-info-circle, .text .fa-user {
	margin-right: 10px;
}

.text .fa-square {
	color: #91c32c;
	margin-right: 15px;
}

.text .fa-external-link {
	margin-left: 15px;
}

.tabelle .fa {
	color: #acacac;
	margin-left: 15px;
	opacity: 0.5;
}

.tabelle .fa-check {
	color: #91c32c;
}

.tabelle .fa-circle-o {
	color: #feaa14;
}

.tabelle .fa-times {
	color: #cc0000;
}

.btt .fa {
	margin: 13px 0px 0px 2px;
}

#top5gold {
	color: #ffd700;
}

#top5silber {
	color: #acacac;
}

#top5bronze {
	color: #cd7f32;
}


/* FONTS */

/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('https://testserver.inaimathi.de/fonts/fonts/roboto-v18-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-100.woff') format('woff'), /* Modern Browsers */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('https://testserver.inaimathi.de/fonts/fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-100italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('https://testserver.inaimathi.de/fonts/fonts/roboto-v18-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('https://testserver.inaimathi.de/fonts/fonts/roboto-v18-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://testserver.inaimathi.de/fonts/fonts/roboto-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('https://testserver.inaimathi.de/fonts/fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('https://testserver.inaimathi.de/fonts/fonts/roboto-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('https://testserver.inaimathi.de/fonts/fonts/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('https://testserver.inaimathi.de/fonts/fonts/roboto-v18-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('https://testserver.inaimathi.de/fonts/fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('https://testserver.inaimathi.de/fonts/fonts/roboto-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('https://testserver.inaimathi.de/fonts/fonts/roboto-v18-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-900.woff') format('woff'), /* Modern Browsers */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('https://testserver.inaimathi.de/fonts/fonts/roboto-v18-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://inaimathi.de/fonts/fonts/roboto-v18-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}