@charset "utf-8";
* {
	box-sizing: border-box
}
body {
	font: 1em Arial, Helvetica, sans-serif;
	color: #000;
	padding: 20px;
	background: #CCC
}
a {
	color: #000;
	text-decoration: none
}
header, main, footer {
	margin: 0 auto;
	max-width: 1200px
}
header, .block, footer {
	padding: 20px;
	background: #FFF
}
header {
	display: table;
	width: 100%;	
	padding-bottom: 15px
}
header, footer {
	background: linear-gradient(30deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,153,0,1) 100%)
}
header div {
	float: left;
	width: 17%;
	height: 100%
}
#info {
	float: right;
	width: 83%
}
h1 {
    font-size: max(4vw, 2em, 2rem);
	font-weight: bolder;
	color: #369;
    text-shadow: 3px 3px 4px #FFF;
	letter-spacing: 2px;
	margin: -12px 0 10px -3px
}
h2, h3, h4, h5 {
	font-size: 1.1em;
	font-weight: 600;
	color:#069;	
	margin: 0 0 5px 2px	
}
h2 a {
	color: #F60
}
header p {
    font-size: 1.6em;
	margin-bottom: 0
}
#content {
	clear: both;
	float: left;
	width: 60%
}
nav {
	float: left;
	width: 40%;
	padding-left: 20px
}
nav table {
	width: 100%;
}
nav table td {
	width: 50%;
	background: #DDD;
	padding: 8px 5px;
	margin: 0 0 5px 0
}
nav table td:hover {
	background: #F90;
	cursor:pointer
}
nav table td:hover a {
    color: #FFF
}
.block, footer {
	margin-top: 20px;
}
main:after {
	content: "";
	display: table;
	clear: both
}
header img, .content img {
	width: 100%;
	height: auto
}
.block p {
	margin-bottom: 0
}
.navi a {
	background: #F90;
	font-weight: 700;
	box-shadow: 2px 2px 2px #333;
	margin-right: 6px;
	padding: 8px
}
.navi a:last-child {
	margin-right: 0
}
.navi a:hover {
	color: #FFF;
	box-shadow: 1px 1px 1px #444;
	padding: 7px 8px	
}
h4.de::before {
	content: url(/gfx/flags/de.png);
	margin: 5px 5px 0 0
}
h4.at::before {
	content: url(/gfx/flags/at.png);
	margin: 5px 5px 0 0	
}
h4.ch::before {
	content: url(/gfx/flags/ch.png);
	margin: 5px 5px 0 0
}
.feed-info {
	font-size: .8em;
	margin: 0 0 0 3px;
	padding-bottom: 5px
}
.feed-news {
	margin: 0 0 0 3px;
	padding-bottom: 5px
}
#anzeigen {
	margin-right: 4px
}
#anzeigen tr {
	box-shadow: 3px 3px 3px #666;
}
#anzeigen p {
	padding: 0 8px;
}
.wrb img {
	width: 100%;
	height: auto;
	border: none
}
.imp img {
	max-width: 100%
}
tr:nth-child(odd) { background: #FFCC99; }
tr:nth-child(even) { background: EEEEEE; }

@media screen and (max-width: 1280px) {
h1 {
	margin-top: -8px
}
}
@media screen and (max-width: 1152px) {
header p {
    font-size: 1.5em
}
.navi {
	padding: 15px 0 17px 10px
}
}
@media screen and (max-width: 1024px) {
header p {
    font-size: 1.3em
}
#content {
	width: 55%
}
nav {
	width: 45%
}
}
@media screen and (max-width: 992px) {
body, header, .block, footer {
	padding: 10px
}
body, nav .block {
	padding: 5px
}
h1 {
	margin-top: -6px
}
header p {
    font-size: 1.1em
}
#content {
	width: 53%
}
nav {
	width: 47%
}
.navi a {
	font-weight: 500;
	margin-right: 6px;
	padding: 5px	
}
.navi {
	padding-bottom: 12px
}
}
@media screen and (max-width: 768px) {
h1 {
	margin-top: -4px
}
header p {
    font-size: 1.05em
}
#content {
	width: 50%
}
nav {
	width: 50%;
	padding-left: 10px;	
}
.block, footer {
	margin-top: 10px
}
.navi {
	padding: 10px 0 12px 5px
}
}
@media screen and (max-width: 600px) {
h1 {
	margin-top: -4px;
	margin-bottom: -5px
}
header p {
    font-size: .85em
}
#content {
	width: 100%
}
nav {
	width: 100%;
	padding-left: 0	
}
.block, footer {
	margin-top: 15px
}
}
@media screen and (max-width: 414px) {
body, header, .block, footer {
	padding: 2px
}
header div {
	width: 12%
}
#info {
	width: 88%
}
h1 {
    font-size: max(3vw, 1.5em, 1.5rem);	
    text-shadow: 2px 2px 3px #FFF;	
	margin-top: -4px;
	margin-bottom: -15px
}
nav {
	font-size: .9em
}
.navi {
	padding: 10px 0 12px 5px
}
}
@media screen and (max-width: 375px) {
nav {
	font-size: .8em
}
}