* {
  box-sizing: border-box;
}
a {
  text-decoration: none;
  color: #2c7b8d;
}
a:hover {
  color: #000;
}
body,
html {
  width: 100%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #515658;
  font-size: 17px;
}
body {
  background-color: #bbd4db;
}
body.res_zeitung {
  background-color: #b1c6d0;
}
body.res_zeitung #wrapper {
  background: url("images/indigo.png") top left repeat-x;
}
body.res_zeitung #wrapper header > form input[type="submit"] {
  background-image: none;
  background-color: #94aebc;
  border-color: #94aebc;
}
body.res_wirtschaft {
  background-color: #f6be88;
}
body.res_wirtschaft #wrapper {
  background: url("images/orange.png") top left repeat-x;
}
body.res_wirtschaft #wrapper header > form input[type="submit"] {
  background-image: none;
  background-color: #fac28d;
  border-color: #fac28d;
}
body.res_technologie {
  background-color: #bbe2c4;
}
body.res_technologie #wrapper {
  background: url("images/green.png") top left repeat-x;
}
body.res_technologie #wrapper header > form input[type="submit"] {
  background-image: none;
  background-color: #a8dbb4;
  border-color: #a8dbb4;
}
body.res_forschung {
  background-color: #bbe2ee;
}
body.res_forschung #wrapper {
  background: url("images/lightblue.png") top left repeat-x;
}
body.res_forschung #wrapper header > form input[type="submit"] {
  background-image: none;
  background-color: #99d0e4;
  border-color: #99d0e4;
}
body.res_bildung,
body.res_leben {
  background-color: #ffbfc3;
}
body.res_bildung #wrapper,
body.res_leben #wrapper {
  background: url("images/pink.png") top left repeat-x;
}
body.res_bildung #wrapper header > form input[type="submit"],
body.res_leben #wrapper header > form input[type="submit"] {
  background-image: none;
  background-color: #fca5aa;
  border-color: #fca5aa;
}
body.res_dossier {
  background-color: #ed8794;
}
body.res_dossier #wrapper {
  background: url("images/red.png") top left repeat-x;
}
body.res_dossier #wrapper header > form input[type="submit"] {
  background-image: none;
  background-color: #de747c;
  border-color: #de747c;
}
.bigartikel h2 {
  font-size: 0.875rem;
}
.bigartikel h2 a {
  font-size: 0.875rem;
}
.ressort_block.res_wirtschaft,
.res_topfive.res_wirtschaft {
  border-top: 2px solid #f6be84;
}
.ressort_block.res_technologie,
.res_topfive.res_technologie {
  border-top: 2px solid #bbe0c2;
}
.ressort_block.res_forschung,
.res_topfive.res_forschung {
  border-top: 2px solid #bae1ee;
}
.ressort_block.res_bildung,
.res_topfive.res_bildung {
  border-top: 2px solid #ffbfc2;
}
.ressort_block.res_leben,
.res_topfive.res_leben {
  border-top: 2px solid #ffbfc2;
}
.ressort_block.res_services,
.res_topfive.res_services {
  border-top: 2px solid #bae1ee;
}
.ressort_block.res_zeitung,
.res_topfive.res_zeitung {
  border-top: 2px solid #b5bfc0;
}
.ressort_block.res_dossier,
.res_topfive.res_dossier {
  border-top: 2px solid #d9747d;
}
.adminlinks {
  position: absolute;
  right: 10px;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  top: 82px;
  color: #000;
}
.adminlinks a {
  color: #000;
}
#wrapper {
  background: url("images/blue.png") top left repeat-x;
}
#wrapper header {
  background-image: url("images/economy-austria.png");
  background-position: left 47px;
  background-repeat: no-repeat;
  width: 970px;
  height: 115px;
  margin: auto;
  color: #888f93;
  position: relative;
}
#wrapper header > form {
  position: absolute;
  right: 0;
  top: 52px;
}
#wrapper header > form h2 {
  display: none;
}
#wrapper header > form .form-item,
#wrapper header > form .form-actions {
  display: inline-block;
  padding: 0;
  margin: 0;
}
#wrapper header > form .form-item label,
#wrapper header > form .form-actions label {
  display: none;
}
#wrapper header > form .form-item input:focus,
#wrapper header > form .form-actions input:focus {
  outline: none;
}
#wrapper header > form .form-item input[type="text"],
#wrapper header > form .form-actions input[type="text"] {
  background-image: -webkit-linear-gradient(top, #dee1e2 0%, #fff 100%);
  background-image: linear-gradient(to bottom, #dee1e2 0%, #fff 100%);
  border: 0;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 2px;
  font-size: 11px;
  width: 250px;
  line-height: 18px;
}
#wrapper header > form input[type="submit"] {
  font-size: 11px;
  line-height: 18px;
  color: #fff;
  padding: 0 10px;
  margin: 0;
  border: 1px solid #97c3d0;
  border-radius: 2px;
  background-image: -webkit-linear-gradient(top, #7fbfcc 0%, #64aebf 100%);
  background-image: linear-gradient(to bottom, #7fbfcc 0%, #64aebf 100%);
}
#wrapper header > form input[type="submit"]:hover {
  background-image: -webkit-linear-gradient(#64aebf 0%, #7fbfcc 100%);
  background-image: linear-gradient(#64aebf 0%, #7fbfcc 100%);
}
#wrapper header h1,
#wrapper header span {
  line-height: 40px;
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 0.6875rem;
  font-weight: normal;
}
#wrapper header span {
  text-align: right;
  float: right;
}
#wrapper #pagewrapper {
  width: 970px;
  margin: auto;
  position: relative;
  margin-bottom: 1.875rem;
}
#wrapper #pagewrapper > form {
  display: none;
}
#wrapper #pagewrapper #page {
  background-color: #fff;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
  min-height: 500px;
  border-radius: 0.1875rem;
  padding: 0 0 9.375rem 0;
}
#wrapper #pagewrapper #page .basic_page {
  padding-left: 10px;
  padding-right: 10px;
}
#wrapper #pagewrapper #page .basic_page h1 {
  font-size: 1.1875rem;
  color: #313435;
}
#wrapper #pagewrapper #page .basic_page p {
  font-size: 0.75rem;
  line-height: 1.5em;
}
#wrapper #pagewrapper #page footer {
  background-color: #ecf2f4;
  position: absolute;
  padding: 2em 0 2em;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 0.6875rem;
  line-height: 1.625rem;
  border-bottom-right-radius: 0.1875rem;
  border-bottom-left-radius: 0.1875rem;
}
#wrapper #pagewrapper #page footer .toplogo {
  background-image: url("images/economy_small.png");
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 70px;
  height: 20px;
}
#wrapper #pagewrapper #page footer .main_menu_footer span,
#wrapper #pagewrapper #page footer .internal_menu_footer span,
#wrapper #pagewrapper #page footer .social_menu_footer span {
  display: inline-block;
  width: 140px;
  text-align: right;
  color: #000;
}
#wrapper #pagewrapper #page footer .main_menu_footer ul,
#wrapper #pagewrapper #page footer .internal_menu_footer ul,
#wrapper #pagewrapper #page footer .social_menu_footer ul {
  display: inline-block;
}
#wrapper #pagewrapper #page footer .main_menu_footer ul li,
#wrapper #pagewrapper #page footer .internal_menu_footer ul li,
#wrapper #pagewrapper #page footer .social_menu_footer ul li {
  display: inline-block;
  background-color: transparent;
  box-shadow: none;
}
#wrapper #pagewrapper #page footer .main_menu_footer ul li:after,
#wrapper #pagewrapper #page footer .internal_menu_footer ul li:after,
#wrapper #pagewrapper #page footer .social_menu_footer ul li:after {
  display: none;
}
#wrapper #pagewrapper #page footer .main_menu_footer ul li a,
#wrapper #pagewrapper #page footer .internal_menu_footer ul li a,
#wrapper #pagewrapper #page footer .social_menu_footer ul li a {
  color: #81969b;
}
#wrapper #pagewrapper #page footer .main_menu_footer ul li a:hover,
#wrapper #pagewrapper #page footer .internal_menu_footer ul li a:hover,
#wrapper #pagewrapper #page footer .social_menu_footer ul li a:hover {
  color: #000;
}
#wrapper #pagewrapper #page .head {
  line-height: 1.5em;
  margin-left: 10px;
  margin-right: 10px;
  border-bottom: 1px solid rgba(0,0,0,0.3);
}
#wrapper #pagewrapper #page .head h2 {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 0.8125rem;
  display: inline-block;
}
#wrapper #pagewrapper #page .head a {
  display: inline-block;
  text-align: right;
  float: right;
  font-size: 0.625rem;
}
#wrapper #pagewrapper #page .archive_head {
  background-color: #ecf2f5;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 10px;
  margin-right: 10px;
}
#wrapper #pagewrapper #page .archive_head h1 {
  margin: 0;
  padding: 0;
  font-size: 1.25rem;
  line-height: 3.125rem;
  color: #000;
  display: inline-block;
}
#wrapper #pagewrapper #page .archive_head h1 span {
  font-weight: normal;
}
#wrapper #pagewrapper #page .archive_head a {
  display: inline-block;
  float: right;
  vertical-align: top;
  font-size: 0.6875rem;
  line-height: 3.125rem;
  padding-left: 20px;
}
#wrapper #pagewrapper #page .archive_head a:hover {
  color: #000;
}
#wrapper #pagewrapper #page .archive_head .yearselector {
  display: inline-block;
  float: right;
}
#wrapper #pagewrapper #page .archive_head .yearselector span,
#wrapper #pagewrapper #page .archive_head .yearselector form {
  font-size: 0.6875rem;
  display: inline-block;
  line-height: 3.125rem;
  padding-left: 5px;
  padding-right: 5px;
}
#wrapper #pagewrapper #page .archive_head .filterlist {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  float: right;
}
#wrapper #pagewrapper #page .archive_head .filterlist li {
  display: inline-block;
}
#wrapper #pagewrapper #page .article_wrap {
  position: relative;
}
#wrapper #pagewrapper #page .article_wrap:after {
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 100%;
  right: 30%;
  top: 15px;
  background-image: url("images/dotg_v.gif");
  background-position: top left;
  background-repeat: repeat-y;
}
#wrapper #pagewrapper #page article.single {
  width: 70%;
  margin: 1.5em 0 1.5em 0;
  font-size: 0.75rem;
  padding: 0 4em 0 10px;
  line-height: 170%;
  display: inline-block;
}
#wrapper #pagewrapper #page article.single p:first-of-type {
  font-size: 0.9375rem;
  color: #a5abae;
}
#wrapper #pagewrapper #page article.single h1 {
  font-size: 1.1875rem;
  color: #313435;
}
#wrapper #pagewrapper #page article.single .meta {
  display: block;
  font-size: 0.6875rem;
  color: #888f93;
}
#wrapper #pagewrapper #page article.single .article_links {
  margin-bottom: 1em;
}
#wrapper #pagewrapper #page article.single .article_links h4 {
  margin: 0 0 0.5em 0;
}
#wrapper #pagewrapper #page article.single .article_links ul {
  margin: 0;
  padding: 0;
  list-style-position: inside;
}
#wrapper #pagewrapper #page article.single .img_container {
  display: inline-block;
  float: left;
  width: 60%;
  margin: 0.5em 1em 0 0;
}
#wrapper #pagewrapper #page article.single .img_container img {
  width: 100%;
  height: auto;
}
#wrapper #pagewrapper #page article.single .img_container .picture_credits {
  display: block;
  font-size: 0.5625rem;
  color: #bcc3c7;
}
#wrapper #pagewrapper #page article.single #economy_disqus {
  margin-top: 60px;
  margin-bottom: 30px;
}
#wrapper #pagewrapper #page article.single #economy_video .field-name-field-video {
  margin-top: 60px;
  margin-bottom: 30px;
}
#wrapper #pagewrapper #page article.single #economy_video .field-name-field-video .field-label {
  display: none;
}
#wrapper #pagewrapper #page article.single #economy_video .player {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
#wrapper #pagewrapper #page article.single #economy_video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

#wrapper #pagewrapper #page article.single.partner .img_container {
  display: block;
  float: none;
}
#wrapper #pagewrapper #page article.single.partner .article_links {
  display: block;
}

#wrapper #pagewrapper #page article.single ul.eco_slideshow{
	margin: 0 -2px;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

#wrapper #pagewrapper #page article.single ul.eco_slideshow li{
	display: block;
	flex: 1 1 33.33%;
	padding: 2px;
}

#wrapper #pagewrapper #page article.single ul.eco_slideshow li a{
	display: block;
	position: relative;
}

#wrapper #pagewrapper #page article.single ul.eco_slideshow li a:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 0.2s ease-in;
}

#wrapper #pagewrapper #page article.single ul.eco_slideshow li a:after{
	content: "+";
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	color: rgba(255,255,255,0.8);
	transform: translateY(-50%);
	font-size: 42px;
	opacity: 0;
	transition: all 0.2s ease-in;
}

#wrapper #pagewrapper #page article.single ul.eco_slideshow li a:hover:before,
#wrapper #pagewrapper #page article.single ul.eco_slideshow li a:hover:after{
	opacity: 1;
}


#wrapper #pagewrapper #page article.single ul.eco_slideshow li a img{
	max-width: 100%;
	display: block;
}

#wrapper #pagewrapper #page #article_sidebar {
  width: 29%;
  vertical-align: top;
  display: inline-block;
  padding-top: 24px;
  padding-right: 10px;
}
#wrapper #pagewrapper #page #article_sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#wrapper #pagewrapper #page #article_sidebar ul li {
  display: block;
  clear: both;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 1.5;
  border-bottom: 1px solid #dadedf;
}
#wrapper #pagewrapper #page #article_sidebar ul li:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
#wrapper #pagewrapper #page #article_sidebar ul h3 {
  font-size: 0.6875rem;
  line-height: 1.125rem;
  display: block;
  padding: 0;
  margin: 0 0 0.5em 0;
}
#wrapper #pagewrapper #page #article_sidebar ul h3 a {
  color: #313435;
}
#wrapper #pagewrapper #page #article_sidebar ul p {
  font-size: 0.6875rem;
  margin: 0;
  padding: 0;
}
#wrapper #pagewrapper #page #article_sidebar ul .res_img_container {
  display: inline-block;
  width: 40%;
  float: left;
  margin: 0.2em 0.5em 0 0;
}
#wrapper #pagewrapper #page #article_sidebar ul .res_img_container img {
  width: 100%;
  height: auto;
}
#wrapper #pagewrapper .tinynav {
  display: none;
}
#wrapper #pagewrapper .links {
  background: transparent;
  margin: 0 0 0 2em;
  padding: 0;
  list-style: none;
  font-size: 0.6875rem;
  line-height: 2.5em;
}
#wrapper #pagewrapper .links li {
  display: inline-block;
  position: relative;
  border-radius: 0.1875rem;
}
#wrapper #pagewrapper .links li a {
  color: #222;
  text-decoration: none;
  margin: 0 1em;
}
#wrapper #pagewrapper .links li:hover,
#wrapper #pagewrapper .links li.active,
#wrapper #pagewrapper .links li.active-trail {
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
  background-color: #fff;
}
#wrapper #pagewrapper .links li:hover:after,
#wrapper #pagewrapper .links li.active:after,
#wrapper #pagewrapper .links li.active-trail:after {
  content: '';
  background-color: #fff;
  width: 100%;
  height: 0.625rem;
  position: absolute;
  bottom: -0.3125rem;
  left: 0;
}
#userpages {
  padding-left: 10px;
  padding-right: 10px;
}
#ressort,
#startseite {
  padding-top: 10px;
}
#ressort article,
#startseite article {
  display: inline-block;
  vertical-align: top;
}
#ressort article > a,
#startseite article > a {
  position: relative;
}
#ressort article img,
#startseite article img {
  width: 100%;
  height: auto;
}
#ressort article p,
#startseite article p {
  font-size: 0.6875rem;
  line-height: 170%;
  margin-top: 0;
}
#ressort article h2,
#startseite article h2 {
  font-size: 0.6875rem;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  line-height: 170%;
}
#ressort article h2 a,
#startseite article h2 a {
  color: #313435;
}
#ressort article h3,
#startseite article h3 {
  line-height: 170%;
}
#ressort .badge,
#startseite .badge {
  position: absolute;
  font-size: 11px;
  color: #fff;
  right: 0;
  padding: 0.3em 0.6em;
  box-shadow: -2px 2px 2px rgba(0,0,0,0.3);
}
#ressort .badge.cad,
#startseite .badge.cad,
#ressort .badge.nad,
#startseite .badge.nad {
  background-color: #a3b4be;
}
#ressort .badge.vad,
#startseite .badge.vad {
  background-color: #9bc9d3;
}
#ressort #topblock,
#startseite #topblock {
  position: relative;
  margin-bottom: 10px;
}
#ressort #topblock:after,
#startseite #topblock:after {
  content: '';
  width: calc(100% - 20px);
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 10px;
  border-bottom: 2px solid #b5bfc0;
}
#ressort #topblock article,
#startseite #topblock article {
  margin: 0;
  padding: 0;
}
#ressort #topblock .tops,
#startseite #topblock .tops {
  background-image: url("images/dotg_v.gif");
  background-repeat: repeat-y;
  background-position: top right;
  width: 83.334%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
}
#ressort #topblock .tops .topthree,
#startseite #topblock .tops .topthree {
  position: relative;
}
#ressort #topblock .tops .topthree .leitartikel,
#startseite #topblock .tops .topthree .leitartikel {
  padding-right: 10px;
  padding-left: 10px;
  width: 60%;
  background-image: url("images/dotg_v.gif");
  background-repeat: repeat-y;
  background-position: top right;
}
#ressort #topblock .tops .topthree .leitartikel p,
#startseite #topblock .tops .topthree .leitartikel p {
  font-size: 0.8125rem;
  line-height: 170%;
  margin-top: 0;
}
#ressort #topblock .tops .topthree .leitartikel h1,
#startseite #topblock .tops .topthree .leitartikel h1 {
  font-size: 1.1875rem;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
#ressort #topblock .tops .topthree .leitartikel h1 a,
#startseite #topblock .tops .topthree .leitartikel h1 a {
  color: #313435;
}
#ressort #topblock .tops .topthree div.toptwo,
#startseite #topblock .tops .topthree div.toptwo {
  display: inline-block;
  width: 40%;
  vertical-align: top;
}

#startseite #topblock .tops .topthree div.toptwo article {
  width: 100%;
  display: inline-block;
  padding: 0 10px;
}

#ressort #topblock .tops .topthree div.toptwo article{
  width: 100%;
  display: inline-block;
  padding: 0 10px;
}

.node-type-video-ressort #ressort #topblock .tops .topthree div.toptwo article{
  width: 100%;
}

#ressort #topblock .tops .topthree div.toptwo article.num_1,
#startseite #topblock .tops .topthree div.toptwo article.num_1 {
  background-image: url("images/dotg_v.gif");
  background-repeat: repeat-y;
  background-position: top right;
}
#ressort #topblock .tops .topthree .ressort_ad,
#startseite #topblock .tops .topthree .ressort_ad {
  display: block;
  margin: 20px 10px 0 10px;
  border-top: 1px solid #b5bfc0;
  width: calc(100% - 20px);
  padding-top: 10px;
}
#ressort #topblock .tops .topthree .ressort_ad > a,
#startseite #topblock .tops .topthree .ressort_ad > a {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  height: 100%;
  min-height: 100px;
  position: relative;
}

#ressort #topblock .tops .topthree .ressort_ad > a img,
#startseite #topblock .tops .topthree .ressort_ad > a img {
  width: 100%;
  height: auto;
}
#ressort #topblock .tops .topthree .ressort_ad div,
#startseite #topblock .tops .topthree .ressort_ad div {
  width: 50%;
  display: inline-block;
  padding-left: 10px;
}
#ressort #topblock .tops .topthree .ressort_ad h2,
#startseite #topblock .tops .topthree .ressort_ad h2 {
  font-size: 0.6875rem;
  margin-top: 0;
  line-height: 170%;
  margin-bottom: 0.4em;
}
#ressort #topblock .tops .topthree .ressort_ad h2 a,
#startseite #topblock .tops .topthree .ressort_ad h2 a {
  color: #313435;
}
#ressort #topblock .tops .topthree .ressort_ad p,
#startseite #topblock .tops .topthree .ressort_ad p {
  font-size: 0.6875rem;
  line-height: 170%;
  margin-top: 0;
}
#ressort #topblock .tops .topfive,
#startseite #topblock .tops .topfive {
  padding-top: 10px;
}
#ressort #topblock .tops .topfive article,
#startseite #topblock .tops .topfive article {
  width: 20%;
  display: inline-block;
  padding: 0 10px;
  background-image: url("images/dotg_v.gif");
  background-repeat: repeat-y;
  background-position: top right;
}
#ressort #topblock .tops .topfive article.num_7,
#startseite #topblock .tops .topfive article.num_7,
#ressort #topblock .tops .topfive article.num_12,
#startseite #topblock .tops .topfive article.num_12 {
  background-image: none;
}
#ressort #topblock .tops .topfive.divafter,
#startseite #topblock .tops .topfive.divafter {
  position: relative;
  padding-bottom: 10px;
}
#ressort #topblock .tops .topfive.divafter:after,
#startseite #topblock .tops .topfive.divafter:after {
  content: '';
  width: calc(100% - 20px);
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 10px;
  border-bottom: 2px solid #b5bfc0;
}
#ressort #topblock .sidebar,
#startseite #topblock .sidebar {
  width: 16.666%;
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
  padding-right: 10px;
}
#ressort #topblock .sidebar .sideinfo,
#startseite #topblock .sidebar .sideinfo {
  padding-bottom: 1.5em;
}
#ressort #topblock .sidebar .sideinfo h5,
#startseite #topblock .sidebar .sideinfo h5 {
  margin: 0;
  padding: 0;
  font-size: 0.6875rem;
  margin-bottom: 0.5em;
}
#ressort #topblock .sidebar .sideinfo h5 a,
#startseite #topblock .sidebar .sideinfo h5 a {
  font-size: 0.6875rem;
  color: #313435;
}
#ressort #topblock .sidebar .sideinfo h5 a:hover,
#startseite #topblock .sidebar .sideinfo h5 a:hover {
  color: #2c7b8d;
}
#ressort #topblock .sidebar .sideinfo p,
#startseite #topblock .sidebar .sideinfo p {
  font-size: 0.6875rem;
  line-height: 120%;
  margin-top: 0;
}
#ressort #topblock .sidebar .sideinfo p a,
#startseite #topblock .sidebar .sideinfo p a {
  font-size: 0.6875rem;
  color: #313435;
}
#ressort #topblock .sidebar .sideinfo p a:hover,
#startseite #topblock .sidebar .sideinfo p a:hover {
  color: #2c7b8d;
}
#ressort #topblock .sidebar .sideinfo img,
#startseite #topblock .sidebar .sideinfo img {
  max-width: 100%;
  height: auto;
}
#ressort #subtop .tops,
#startseite #subtop .tops {
  padding-bottom: 10px;
}
#ressort #subtop .tops .topsix article,
#startseite #subtop .tops .topsix article {
  width: 16.66%;
  display: inline-block;
  padding: 0 10px;
  background-image: url("images/dotg_v.gif");
  background-repeat: repeat-y;
  background-position: top right;
}
#ressort #subtop .tops .topsix article.num_7,
#startseite #subtop .tops .topsix article.num_7,
#ressort #subtop .tops .topsix article.num_12,
#startseite #subtop .tops .topsix article.num_12 {
  background-image: none;
}
#ressort #subtop .tops .topsix article.bigartikel,
#startseite #subtop .tops .topsix article.bigartikel {
  width: 33.33%;
}
#ressort #subtop .tops .topsix.divafter,
#startseite #subtop .tops .topsix.divafter {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#ressort #subtop .tops .topsix.divafter:after,
#startseite #subtop .tops .topsix.divafter:after {
  content: '';
  width: calc(100% - 20px);
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 10px;
  border-bottom: 2px solid #b5bfc0;
}
#ressort #partners article,
#startseite #partners article {
  display: none;
  width: 20%;
  padding: 20px;
  background-image: url("images/dotg_v.gif");
  background-repeat: repeat-y;
  background-position: top right;
}
#ressort #bottomblock,
#startseite #bottomblock {
  padding-top: 10px;
  position: relative;
}
#ressort #bottomblock:before,
#startseite #bottomblock:before {
  content: '';
  width: calc(100% - 20px);
  height: 2px;
  position: absolute;
  top: -5px;
  left: 10px;
  border-bottom: 2px solid #b5bfc0;
}
#ressort #bottomblock .restthree,
#startseite #bottomblock .restthree {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
#ressort #bottomblock .restthree article,
#startseite #bottomblock .restthree article {
  width: 33.333%;
  display: inline-block;
  padding: 0 10px;
  background-image: url("images/dotg_v.gif");
  background-repeat: repeat-y;
  background-position: top right;
}
#ressort #bottomblock .restthree article.bigartikel,
#startseite #bottomblock .restthree article.bigartikel {
  width: 66.666%;
}
#ressort #bottomblock .topten,
#startseite #bottomblock .topten {
  background-image: url("images/dotg_v.gif");
  background-repeat: repeat-y;
  background-position: top right;
}
#ressort #bottomblock .topten,
#startseite #bottomblock .topten,
#ressort #bottomblock .topcomment,
#startseite #bottomblock .topcomment {
  width: 25%;
  display: inline-block;
  padding: 0 10px 0 2em;
  vertical-align: top;
}
#ressort #bottomblock .topten h3,
#startseite #bottomblock .topten h3,
#ressort #bottomblock .topcomment h3,
#startseite #bottomblock .topcomment h3 {
  font-size: 0.6875rem;
  margin-top: 0.4em;
  margin-bottom: 1em;
}
#ressort #bottomblock .topten h3 a,
#startseite #bottomblock .topten h3 a,
#ressort #bottomblock .topcomment h3 a,
#startseite #bottomblock .topcomment h3 a {
  color: #313435;
}
#ressort #bottomblock .topten ul,
#startseite #bottomblock .topten ul,
#ressort #bottomblock .topcomment ul,
#startseite #bottomblock .topcomment ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#ressort #bottomblock .topten ul li,
#startseite #bottomblock .topten ul li,
#ressort #bottomblock .topcomment ul li,
#startseite #bottomblock .topcomment ul li {
  font-size: 0.6875rem;
  line-height: 190%;
  margin-top: 0;
  background-image: url("images/arrow.png");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 10px;
}
#ressort #bottomblock .topten ul li a,
#startseite #bottomblock .topten ul li a,
#ressort #bottomblock .topcomment ul li a,
#startseite #bottomblock .topcomment ul li a {
  color: #313435;
}
#ressort .service_left,
#startseite .service_left {
  width: 70%;
  display: inline-block;
  background-image: url("images/dotg_v.gif");
  background-repeat: repeat-y;
  background-position: top right;
  vertical-align: top;
}
#ressort .service_left .toptwelve article,
#startseite .service_left .toptwelve article {
  width: 25%;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  background-image: url("images/dotg_v.gif");
  background-repeat: repeat-y;
  background-position: top right;
}
#ressort .service_left .toptwelve article.num_3,
#startseite .service_left .toptwelve article.num_3,
#ressort .service_left .toptwelve article.num_7,
#startseite .service_left .toptwelve article.num_7,
#ressort .service_left .toptwelve article.num_11,
#startseite .service_left .toptwelve article.num_11,
#ressort .service_left .toptwelve article.num_15,
#startseite .service_left .toptwelve article.num_15 {
  background-image: none;
}
#ressort .service_left .toptwelve h3,
#startseite .service_left .toptwelve h3 {
  font-size: 0.6875rem;
  margin-top: 0.4em;
  margin-bottom: 1em;
}
#ressort .service_left .toptwelve h3 a,
#startseite .service_left .toptwelve h3 a {
  color: #313435;
}
#ressort .service_left .toptwelve hr,
#startseite .service_left .toptwelve hr {
  border: 0;
  height: 1px;
  background: #d9dee0;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
}
#ressort .service_left .toptwelve hr:last-child,
#startseite .service_left .toptwelve hr:last-child {
  display: none;
}
#ressort .service_left .downloads,
#startseite .service_left .downloads {
  padding-top: 50px;
}
#ressort .service_left .downloads h2,
#startseite .service_left .downloads h2 {
  font-size: 0.8125rem;
  margin-bottom: 2em;
  padding-left: 10px;
}
#ressort .service_left .downloads article,
#startseite .service_left .downloads article {
  width: 25%;
  display: inline-block;
  vertical-align: top;
  font-size: 0.6875rem;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 40px;
  position: relative;
  background-image: url("images/dotg_v.gif");
  background-repeat: repeat-y;
  background-position: top right;
}
#ressort .service_left .downloads article.last,
#startseite .service_left .downloads article.last {
  background-image: none;
}
#ressort .service_left .downloads article .imgthumb,
#startseite .service_left .downloads article .imgthumb {
  text-align: center;
}
#ressort .service_left .downloads article .imgthumb img,
#startseite .service_left .downloads article .imgthumb img {
  max-width: 100%;
  height: auto;
}
#ressort .service_left .downloads article .info,
#startseite .service_left .downloads article .info {
  padding-left: 10px;
  position: absolute;
  bottom: 0;
  padding-right: 10px;
}
#ressort .service_left .downloads article .info span,
#startseite .service_left .downloads article .info span {
  display: inline;
  font-weight: bold;
}
#ressort .service_left .downloads article .info a,
#startseite .service_left .downloads article .info a {
  display: block;
}
#ressort .service_left .downloads article .info a:hover,
#startseite .service_left .downloads article .info a:hover {
  color: #000;
}
#ressort .service_left .downloads hr,
#startseite .service_left .downloads hr {
  border: 0;
  height: 1px;
  background: #d9dee0;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
}
#ressort .service_right,
#startseite .service_right {
  width: 30%;
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
  padding-right: 10px;
}
#ressort .service_right article,
#startseite .service_right article {
  width: 100%;
}
#ressort .service_right ul,
#startseite .service_right ul {
  font-size: 0.6875rem;
  list-style: circle;
  margin-top: 2em;
  margin-bottom: 2em;
  line-height: 160%;
  margin-left: 0;
  padding: 0 0 0 2em;
  list-style-position: inside;
}
#ressort .service_right ul a:hover,
#startseite .service_right ul a:hover {
  color: #000;
}
.ressort_block {
  padding-top: 10px;
  padding-bottom: 10px;
}
.ressort_block .res_topfive {
  margin-top: 10px;
  padding-top: 10px;
  margin-left: calc(16% + 7px);
}
.ressort_block .res_topfive article {
  width: 40%;
  display: inline-block;
  padding: 0 10px;
  background-image: url("images/dotg_v.gif");
  background-repeat: repeat-y;
  background-position: top left;
}

.ressort_block .res_topfive .res_topthreex article {
  width: 33.333%
}

.ressort_block .res_topfive .res_topthreex article.bigartikel {
  width: 66.66%;
}

.ressort_block .res_topfive .res_topthreex article.num_1 h2 a{
  font-size: 0.6875rem;
}


.ressort_block h4 {
  width: 16%;
  height: 100%;
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 0.6875rem;
  vertical-align: top;
  padding-left: 10px;
}
.ressort_block h4 a {
  color: #000;
}
.ressort_block article h2 {
  font-size: 0.875rem;
}
.ressort_block article h2 a {
  font-size: 0.875rem;
  color: #313435;
}
.ressort_block article h3 {
  font-size: 0.6875rem;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}
.ressort_block article h3 a {
  color: #313435;
}
.ressort_block .ressort_leitartikel {
  width: 33.33%;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
  background-image: url("images/dotg_v.gif");
  background-repeat: repeat-y;
  background-position: top left;
}
.ressort_block .res_topthree {
  width: 50%;
  height: 100%;
  display: inline-block;
  background-image: url("images/dotg_v.gif");
  background-repeat: repeat-y;
  background-position: top left;
}

.ressort_block .res_topthreex {
  width: 60%;
  height: 100%;
  display: inline-block;
  background-image: url("images/dotg_v.gif");
  background-repeat: repeat-y;
  background-position: top left;
}


.ressort_block .res_topthree article {
  width: 33.333%;
  vertical-align: top;
  padding-left: 10px;
  padding-right: 10px;
}
.ressort_block .res_topthree article.bigartikel {
  width: 66.66%;
}
.ressort_block .res_topthree article.num_1 {
  background-image: url("images/dotg_v.gif");
  background-repeat: repeat-y;
  background-position: top right;
}
.ressort_block .res_topthree article.num_1 h2 a {
  font-size: 0.6875rem;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}
.ressort_block .toplist_block {
  border-top: 1px solid #b5bfc0;
  margin-top: 10px;
  margin-left: calc(16% + 7px);
  padding-top: 10px;
}
.ressort_block .toplist_block ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ressort_block .toplist_block ul li {
  display: inline-block;
  width: 33.333%;
  vertical-align: top;
  font-size: 0.6875rem;
  line-height: 190%;
  margin-top: 0;
  background-image: url("images/arrow.png");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 10px;
}
.ressort_block .toplist_block ul li a {
  color: #515658;
}
.ressort_block .toplist_block ul li a:hover {
  color: #2c7b8d;
}
#archive {
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
#archive article {
  width: 16.666%;
  display: inline-block;
  vertical-align: top;
  font-size: 0.6875rem;
  background-image: url("images/dotg_v.gif");
  background-repeat: repeat-y;
  background-position: top right;
  padding-left: 10px;
  padding-right: 10px;
}
#archive article.last {
  background-image: none;
}
#archive article .imgthumb {
  text-align: center;
}
#archive article .imgthumb img {
  max-width: 100%;
  height: auto;
}
#archive article .info {
  padding-left: 10px;
  padding-top: 10px;
}
#archive article .info span {
  display: block;
  font-weight: bold;
}
#archive hr {
  border: 0;
  height: 1px;
  background: #d9dee0;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
}
#archive hr:last-child {
  display: none;
}
#archive.year article .info span,
#archive.koop article .info span {
  display: inline;
}
#archive.year article .info a,
#archive.koop article .info a {
  display: block;
}
#archive.year article .info a:hover,
#archive.koop article .info a:hover {
  color: #000;
}
form {
  font-size: 11px;
}
form label {
  display: block;
}
form div.form-item {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
form div.form-item .description {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
form fieldset {
  font-size: 11px;
  padding-top: 2em;
  padding-bottom: 2em;
  border: 0;
  margin-top: 3em;
}
form fieldset legend {
  font-weight: bold;
}
form fieldset .fieldset-wrapper {
  line-height: 200%;
}
#user-login {
  padding-top: 30px;
}
.profile {
  font-size: 11px;
}
body.page-search #wrapper #pagewrapper #page {
  padding-left: 10px;
  padding-top: 40px;
}
body.page-search #wrapper #pagewrapper #page .form-type-checkbox label {
  display: inline-block;
}
body.page-search #wrapper #pagewrapper #page #edit-advanced {
  display: none;
}
body.page-search #wrapper #pagewrapper #page h2 {
  display: none;
}
body.page-search #wrapper #pagewrapper #page ol.search-results {
  list-style: none;
  padding: 0;
  font-size: 11px;
}
body.page-search #wrapper #pagewrapper #page ol.search-results li {
  border-bottom: 1px solid #dee4e4;
  padding-top: 10px;
  padding-bottom: 20px;
}
body.page-search #wrapper #pagewrapper #page ol.search-results h3 {
  font-size: 12px;
}
body.page-search #wrapper #pagewrapper #page ol.search-results .search-info {
  font-size: 9px;
}
body.page-search #wrapper #pagewrapper #page .pager {
  list-style: none;
  text-align: center;
}
body.page-search #wrapper #pagewrapper #page .pager li {
  display: inline-block;
  border: 1px solid #dee4e4;
  font-size: 11px;
  font-weight: bold;
  padding: 10px;
}
body.page-newsletter input[type="submit"] {
  margin-left: 10px;
}
body.page-newsletter label {
  display: inline-block;
}
@media only screen and (max-width: 970px) {
  .bigartikel h2 {
    font-size: 0.6875rem;
  }
  .bigartikel h2 a {
    font-size: 0.6875rem;
  }
  #wrapper header {
    width: 100%;
    background-position: 10px 47px;
    padding-left: 10px;
    padding-right: 10px;
  }
  #wrapper header #search-block-form {
    right: 10px;
  }
  #wrapper #pagewrapper {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
  #wrapper #pagewrapper #page {
    padding-bottom: 40px;
  }
  #wrapper #pagewrapper #page .archive_head .yearselector {
    float: none;
  }
  #wrapper #pagewrapper #page .archive_head .yearselector span {
    padding-left: 0;
  }
  #wrapper #pagewrapper #page .article_wrap:after {
    display: none;
  }
  #wrapper #pagewrapper #page article.single {
    width: 100%;
  }
  #wrapper #pagewrapper #page #article_sidebar {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
  #wrapper #pagewrapper #page #article_sidebar ul li {
    width: 49%;
    display: inline-block;
  }
  #wrapper #pagewrapper #page #article_sidebar ul li .res_img_container {
    width: 100%;
  }
  #wrapper #pagewrapper #page footer {
    position: relative;
    left: auto;
    width: 100%;
    margin-top: 20px;
  }
  #wrapper #pagewrapper #page footer .toplogo {
    bottom: -30px;
  }
  #wrapper #pagewrapper #page footer .main_menu_footer,
  #wrapper #pagewrapper #page footer .internal_menu_footer,
  #wrapper #pagewrapper #page footer .social_menu_footer {
    width: 30%;
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    vertical-align: top;
  }
  #wrapper #pagewrapper #page footer .main_menu_footer .links li,
  #wrapper #pagewrapper #page footer .internal_menu_footer .links li,
  #wrapper #pagewrapper #page footer .social_menu_footer .links li {
    display: block;
  }
  #wrapper #pagewrapper #page footer .main_menu_footer span,
  #wrapper #pagewrapper #page footer .internal_menu_footer span,
  #wrapper #pagewrapper #page footer .social_menu_footer span {
    text-align: left;
    display: block;
    padding-left: 3em;
  }
  .ressort_block .res_topthree {
    width: 49.9%;
  }
  .ressort_block .toplist_block ul li {
    width: 100%;
  }
}
@media only screen and (max-width: 770px) {
  #wrapper header > form {
    display: none;
  }
  #wrapper #pagewrapper > .links {
    display: none;
  }
  #wrapper #pagewrapper > form {
    display: inline-block;
    width: 48%;
    text-align: right;
  }
  #wrapper #pagewrapper > form h2 {
    display: none;
  }
  #wrapper #pagewrapper > form label {
    display: none;
  }
  #wrapper #pagewrapper > form input {
    display: inline-block;
  }
  #wrapper #pagewrapper > form .form-item {
    display: inline-block;
    width: 77%;
  }
  #wrapper #pagewrapper > form .form-item input {
    width: 100%;
  }
  #wrapper #pagewrapper > form .form-actions {
    display: inline-block;
    width: 20%;
  }
  #wrapper #pagewrapper > form .form-actions input {
    width: 100%;
  }
  #wrapper #pagewrapper .tinynav {
    display: inline-block;
    width: 50%;
    margin-bottom: 10px;
  }
  #wrapper #pagewrapper #page .head {
    margin-right: 10px;
  }
  #wrapper #pagewrapper #page article.single .img_container {
    float: none;
    display: block;
    width: 100%;
  }
  #wrapper #pagewrapper #page #article_sidebar ul li {
    width: 100%;
  }
  #wrapper #pagewrapper #page #article_sidebar ul .res_img_container {
    float: none;
    display: block;
  }
  #ressort #subtop .sidebar,
  #startseite #subtop .sidebar,
  #ressort #topblock .sidebar,
  #startseite #topblock .sidebar {
    width: calc(100% - 20px);
    display: block;
    background-color: #ecf2f4;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 10px;
  }
  #ressort #subtop .sidebar .sideinfo,
  #startseite #subtop .sidebar .sideinfo,
  #ressort #topblock .sidebar .sideinfo,
  #startseite #topblock .sidebar .sideinfo {
    width: 33.333%;
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    padding-right: 10px;
  }
  #ressort #subtop .tops,
  #startseite #subtop .tops,
  #ressort #topblock .tops,
  #startseite #topblock .tops {
    width: 100%;
    background-image: none;
  }
  #ressort #subtop .tops .topsix article,
  #startseite #subtop .tops .topsix article,
  #ressort #topblock .tops .topsix article,
  #startseite #topblock .tops .topsix article {
    width: 33.333%;
  }
  #ressort #subtop .tops .topsix article.num_5,
  #startseite #subtop .tops .topsix article.num_5,
  #ressort #topblock .tops .topsix article.num_5,
  #startseite #topblock .tops .topsix article.num_5,
  #ressort #subtop .tops .topsix article.num_11,
  #startseite #subtop .tops .topsix article.num_11,
  #ressort #topblock .tops .topsix article.num_11,
  #startseite #topblock .tops .topsix article.num_11 {
    background-image: none;
  }
  #ressort #subtop .tops div.topfive,
  #startseite #subtop .tops div.topfive,
  #ressort #topblock .tops div.topfive,
  #startseite #topblock .tops div.topfive {
    position: relative;
  }
  #ressort #subtop .tops div.topfive article,
  #startseite #subtop .tops div.topfive article,
  #ressort #topblock .tops div.topfive article,
  #startseite #topblock .tops div.topfive article {
    width: 33.333%;
  }
  #ressort #subtop .tops div.topfive article.num_5,
  #startseite #subtop .tops div.topfive article.num_5,
  #ressort #topblock .tops div.topfive article.num_5,
  #startseite #topblock .tops div.topfive article.num_5 {
    background-image: none;
  }
  #ressort #subtop .tops div.topfive article.num_6,
  #startseite #subtop .tops div.topfive article.num_6,
  #ressort #topblock .tops div.topfive article.num_6,
  #startseite #topblock .tops div.topfive article.num_6,
  #ressort #subtop .tops div.topfive article.num_7,
  #startseite #subtop .tops div.topfive article.num_7,
  #ressort #topblock .tops div.topfive article.num_7,
  #startseite #topblock .tops div.topfive article.num_7 {
    margin-top: 20px;
  }
  #ressort #subtop .tops .topthree:after,
  #startseite #subtop .tops .topthree:after,
  #ressort #topblock .tops .topthree:after,
  #startseite #topblock .tops .topthree:after {
    display: none;
  }
  #ressort #subtop .tops .topthree .leitartikel,
  #startseite #subtop .tops .topthree .leitartikel,
  #ressort #topblock .tops .topthree .leitartikel,
  #startseite #topblock .tops .topthree .leitartikel {
    width: 100%;
    background-image: none;
  }
  #ressort #subtop .tops .topthree div.toptwo,
  #startseite #subtop .tops .topthree div.toptwo,
  #ressort #topblock .tops .topthree div.toptwo,
  #startseite #topblock .tops .topthree div.toptwo {
    width: 100%;
  }
  #ressort #subtop .tops .topthree div.toptwo article,
  #startseite #subtop .tops .topthree div.toptwo article,
  #ressort #topblock .tops .topthree div.toptwo article,
  #startseite #topblock .tops .topthree div.toptwo article {
    width: 100%;
  }
  #ressort #subtop .tops .topthree div.toptwo article.num_2,
  #startseite #subtop .tops .topthree div.toptwo article.num_2,
  #ressort #topblock .tops .topthree div.toptwo article.num_2,
  #startseite #topblock .tops .topthree div.toptwo article.num_2 {
    background-image: url("images/dotg_v.gif");
    background-repeat: repeat-y;
    background-position: top right;
  }
  #ressort #subtop .tops .topthree .ressort_ad,
  #startseite #subtop .tops .topthree .ressort_ad,
  #ressort #topblock .tops .topthree .ressort_ad,
  #startseite #topblock .tops .topthree .ressort_ad {
    border: 0;
    width: 100%;
    display: inline-block;
    margin: 0;
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  #ressort #subtop .tops .topthree .ressort_ad > a,
  #startseite #subtop .tops .topthree .ressort_ad > a,
  #ressort #topblock .tops .topthree .ressort_ad > a,
  #startseite #topblock .tops .topthree .ressort_ad > a {
    width: 100%;
  }
  #ressort #subtop .tops .topthree .ressort_ad > a img,
  #startseite #subtop .tops .topthree .ressort_ad > a img,
  #ressort #topblock .tops .topthree .ressort_ad > a img,
  #startseite #topblock .tops .topthree .ressort_ad > a img {
    width: 100%;
    height: auto;
  }
  #ressort #subtop .tops .topthree .ressort_ad div,
  #startseite #subtop .tops .topthree .ressort_ad div,
  #ressort #topblock .tops .topthree .ressort_ad div,
  #startseite #topblock .tops .topthree .ressort_ad div {
    width: 100%;
    padding-left: 0;
  }
  #ressort #bottomblock:before,
  #startseite #bottomblock:before {
    display: none;
  }
  #ressort #bottomblock div.restthree,
  #startseite #bottomblock div.restthree {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
  }
  #ressort #bottomblock div.restthree article,
  #startseite #bottomblock div.restthree article {
    width: 33.333%;
  }
  #ressort #bottomblock div.restthree article.bigartikel,
  #startseite #bottomblock div.restthree article.bigartikel {
    width: 33.333%;
    background-image: none;
  }
  #ressort #bottomblock div.restthree article.num_10,
  #startseite #bottomblock div.restthree article.num_10,
  #ressort #bottomblock div.restthree article.num_15,
  #startseite #bottomblock div.restthree article.num_15 {
    background-image: none;
  }
  #ressort #bottomblock .topten,
  #startseite #bottomblock .topten,
  #ressort #bottomblock .topcomment,
  #startseite #bottomblock .topcomment {
    width: 50%;
    padding-bottom: 30px;
    background-image: none;
  }
  #ressort .service_left .toptwelve article {
    width: 33.33%;
    margin-bottom: 10px;
  }
  #ressort .service_left .toptwelve article.num_3,
  #ressort .service_left .toptwelve article.num_7 {
    background-image: url("images/dotg_v.gif");
  }
  #ressort .service_left .toptwelve article.num_8 {
    background-image: none;
  }
  #ressort .service_left .toptwelve hr {
    display: none;
  }
  #ressort .service_left .downloads hr {
    display: none;
  }
  #ressort .service_left .downloads article {
    width: 33.33%;
    margin-bottom: 10px;
  }

  .ressort_block .toplist_block{
      margin-left: 10px;
  }

  .ressort_block {
    margin-left: 0;
  }
  .ressort_block h4 {
    padding-left: 10px;
  }
  .ressort_block .ressort_leitartikel {
    width: 100%;
    background-image: none;
  }
  .ressort_block .res_topfive {
    margin-left: 0;
  }
  .ressort_block .res_topfive article {
    width: 100%;
  }

  .ressort_block .res_topthreex{
    width: 100%;
  }

  .ressort_block .res_topfive .res_topthreex article.bigartikel {
    width: 50%;
  }
  .ressort_block .res_topfive .res_topthreex article {
    width: 50%;
  }

  .ressort_block .res_topfive article:first-child {
    background-image: none;
  }
  .ressort_block .res_topthree {
    width: 100%;
    background-image: none;
  }
  .ressort_block .res_topthree .toplist_block ul li {
    width: 50%;
  }
  .ressort_block .res_topthree article {
    width: 50%;
  }
  .ressort_block .res_topthree article.bigartikel {
    width: 50%;
    background-image: none;
  }
  #archive article {
    width: 33.333%;
  }
  #archive article img {
    width: 100%;
    height: auto;
  }
  #archive hr {
    display: none;
  }
}
@media only screen and (max-width: 490px) {
  #wrapper header .date {
    display: none;
  }
  #wrapper #pagewrapper .tinynav {
    width: 100%;
  }
  #wrapper #pagewrapper > #search-block-form {
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
  }
  #wrapper #pagewrapper #page .archive_head {
    padding-bottom: 20px;
  }
  #wrapper #pagewrapper #page .archive_head .yearselector {
    display: block;
  }
  #wrapper #pagewrapper #page .archive_head .yearselector span {
    display: block;
    line-height: 20px;
  }
  #wrapper #pagewrapper #page .archive_head .yearselector form {
    display: block;
    line-height: 16px;
    padding-left: 0;
  }
  #wrapper #pagewrapper #page .archive_head .yearselector a {
    display: block;
    line-height: 20px;
    float: none;
    padding-left: 0;
    margin-top: 20px;
  }
  #wrapper #pagewrapper #page .archive_head .filterlist {
    display: block;
    float: none;
  }
  #wrapper #pagewrapper #page .archive_head .filterlist li {
    display: block;
  }
  #wrapper #pagewrapper #page .archive_head .filterlist li a {
    display: block;
    float: none;
    text-align: left;
    padding-left: 0;
    line-height: 20px;
  }
  #wrapper #pagewrapper #page footer .main_menu_footer,
  #wrapper #pagewrapper #page footer .internal_menu_footer,
  #wrapper #pagewrapper #page footer .social_menu_footer {
    width: 100%;
    margin-bottom: 20px;
  }
  #wrapper #pagewrapper #page .article_wrap:after {
    display: none;
  }
  #wrapper #pagewrapper #page .article_wrap .single {
    width: 100%;
    padding-right: 10px;
  }
  #wrapper #pagewrapper #page .article_wrap .single .img_container {
    margin-right: 0;
  }
  #wrapper #pagewrapper #page .article_wrap #article_sidebar {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
  #ressort #subtop .tops .topthree div.toptwo article,
  #startseite #subtop .tops .topthree div.toptwo article,
  #ressort #topblock .tops .topthree div.toptwo article,
  #startseite #topblock .tops .topthree div.toptwo article {
    width: 100%;
    background-image: none;
  }
  #ressort #subtop .tops .topthree .ressort_ad,
  #startseite #subtop .tops .topthree .ressort_ad,
  #ressort #topblock .tops .topthree .ressort_ad,
  #startseite #topblock .tops .topthree .ressort_ad {
    width: 100%;
  }
  #ressort #subtop .tops .topsix article,
  #startseite #subtop .tops .topsix article,
  #ressort #topblock .tops .topsix article,
  #startseite #topblock .tops .topsix article {
    width: 100%;
    background-image: none;
  }
  #ressort #subtop .tops .topsix article.bigartikel,
  #startseite #subtop .tops .topsix article.bigartikel,
  #ressort #topblock .tops .topsix article.bigartikel,
  #startseite #topblock .tops .topsix article.bigartikel {
    width: 100%;
  }
  #ressort #subtop .tops div.topfive article,
  #startseite #subtop .tops div.topfive article,
  #ressort #topblock .tops div.topfive article,
  #startseite #topblock .tops div.topfive article {
    width: 100%;
    background-image: none;
  }
  #ressort #subtop .sidebar .sideinfo,
  #startseite #subtop .sidebar .sideinfo,
  #ressort #topblock .sidebar .sideinfo,
  #startseite #topblock .sidebar .sideinfo {
    width: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #fff;
  }
  #ressort #bottomblock div.restthree article,
  #startseite #bottomblock div.restthree article {
    width: 100%;
    background-image: none;
  }
  #ressort #bottomblock div.restthree article.bigartikel,
  #startseite #bottomblock div.restthree article.bigartikel {
    width: 100%;
    background-image: none;
  }
  #ressort #bottomblock .topten,
  #startseite #bottomblock .topten,
  #ressort #bottomblock .topcomment,
  #startseite #bottomblock .topcomment {
    width: 100%;
  }
  #archive article {
    width: 100%;
  }
  .ressort_block .res_topfive article {
    width: 100%;
  }
  .ressort_block .res_topthree article {
    width: 100%;
    background-image: none;
  }
  .ressort_block .res_topthree .toplist_block ul li {
    width: 100%;
    display: block;
  }
  #startseite .res_topthree article {
    width: 100%;
    background-image: none;
  }
  #ressort #partners article {
    width: 100%;
  }
  #ressort .service_left {
    margin-bottom: 40px;
    background-image: none;
    width: 100%;
  }
  #ressort .service_left .toptwelve article {
    width: 100%;
    background-image: none;
  }
  #ressort .service_left .downloads article {
    width: 100%;
    background-image: none;
  }
  #ressort .service_right {
    width: 100%;
  }
}