@charset "utf-8";

/* ------ Navigation ------ */
@media only screen and (min-width: 1240px) {
#mainNav {
width:100%;
display:block;
height:52px;
}

#mainNav label {
display:none;
}

#mainNav > ul {
max-width:1240px;
width:100%;
padding:0px 60px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position:relative;
}

#mainNav > ul > li {
float:left;
line-height:52px;
padding:0 15px;
position:relative;
}

#mainNav > ul > li:first-of-type {
padding:0px 15px 0px 0px;
}

#mainNav > ul > li > a {
font-size:15px;
color: #000;
font-weight:700;
text-transform:uppercase;
-webkit-transition: all 0.24s ease-in-out;
-moz-transition: all 0.24s ease-in-out;
-ms-transition: all 0.24s ease-in-out;
-o-transition: all 0.24s ease-in-out;
transition: all 0.24s ease-in-out;
}

#mainNav > ul > li a:hover,
#mainNav > ul > li > ul.reduced > li a:hover {
color: #ed1c24;
}

#mainNav > ul > li > strong {
color: #ed1c24;
font-weight:700;
text-transform:uppercase;
font-size:15px;
}

#mainNav > ul > li > a.parent,
#mainNav > ul > li > strong.parent {
padding-right:17px;
position:relative;
}

#mainNav > ul > li > a.parent:after,
#mainNav > ul > li > strong.parent:after {
content:"\f078";
margin-left:7px;
font-size:10px;
line-height:1;
display:inline-block;
font-family:Iconset, sans-serif;
position:absolute;
right:0px;
top:5px;
}

#mainNav > ul > li > ul.reduced {
background:#eee;
position:absolute;
top:-9999px;
left:131px;
width:240px;
opacity:0;
z-index:500;
-webkit-transition: opacity 0.48s ease-in-out;
-moz-transition: opacity 0.48s ease-in-out;
-ms-transition: opacity 0.48s ease-in-out;
-o-transition: opacity 0.48s ease-in-out;
transition: opacity 0.48s ease-in-out;
}

#mainNav > ul > li:hover > ul.reduced,
#mainNav > ul > li:hover > ul.news {
opacity:1;
top:52px;
left: -163px;
}

#mainNav > ul > li:hover > ul.reduced {
left:0px;
}

#mainNav > ul > li > ul.reduced > li {
line-height:1;
height:auto;
}

#mainNav > ul > li > ul.reduced > li > a {
font-weight:500;
font-size:15px;
display:block;
color: #000;
padding: 15px 20px;
-webkit-transition: all 0.24s ease-in-out;
-moz-transition: all 0.24s ease-in-out;
-ms-transition: all 0.24s ease-in-out;
-o-transition: all 0.24s ease-in-out;
transition: all 0.24s ease-in-out;
border-bottom: 1px solid #e5e5e5;
}

#mainNav > ul > li > ul.reduced > li > a:hover {
background:#ed1c24;
color:#fff;
border-bottom: 1px solid #ed1c24;
}

#mainNav > ul > li > ul.reduced> li > strong {
background:#ed1c24;
color:#fff;
border-bottom: 1px solid #ed1c24;
font-size:15px;
display:block;
padding: 15px 20px;
}

#mainNav > ul > li > ul.news {
border-left:60px solid #f7f7f7;
border-right:60px solid #f7f7f7;
background: #f7f7f7;
background: -moz-linear-gradient(left, #eeeeee 0%, #eeeeee 20%, #f7f7f7 20%);
background: -webkit-linear-gradient(left, #eeeeee 0%,#eeeeee 20%,#f7f7f7  20%);
background: linear-gradient(to right, #eeeeee 0%,#eeeeee 20%,#f7f7f7  20%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f7f7f7 ',GradientType=1 );
position:absolute;
top:-9999px;
left:15px;
width:1240px;
z-index:20;
-webkit-transition: opacity 0.48s ease-in-out;
-moz-transition: opacity 0.48s ease-in-out;
-ms-transition: opacity 0.48s ease-in-out;
-o-transition: opacity 0.48s ease-in-out;
transition: opacity 0.48s ease-in-out;
opacity:0;
min-height:300px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#mainNav > ul > li > ul.news > li {
line-height:1;
margin:0 auto;
border:none;
background:none;
}

#mainNav > ul > li > ul.news > li > span {
height:auto;
width:auto;
position:relative;
line-height:1;
font-size:15px;
padding:15px 15px 15px 30px;
display:inline-block;
color:#000;
width:20%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.24s ease-in-out;
-moz-transition: all 0.24s ease-in-out;
-ms-transition: all 0.24s ease-in-out;
-o-transition: all 0.24s ease-in-out;
transition: all 0.24s ease-in-out;
}

#mainNav > ul > li > ul.news > li:first-of-type > span {
margin-top:30px;
}

#mainNav > ul > li > ul.news > li:last-of-type > span {
margin-bottom:30px;
}

#mainNav > ul > li > ul.news > li > span:after {
font-family:Iconset,sans-serif;
// content:"\f0da";
float:right;
color:#ED1C24;
-webkit-transition: all 0.24s ease-in-out;
-moz-transition: all 0.24s ease-in-out;
-ms-transition: all 0.24s ease-in-out;
-o-transition: all 0.24s ease-in-out;
transition: all 0.24s ease-in-out;
}

#mainNav > ul > li > ul.news > li:hover > span,
#mainNav > ul > li > ul.news > li:hover > span:after,
#mainNav > ul > li > ul.news > li.active > span,
#mainNav > ul > li > ul.news > li.active > span:after {
color:#fff;
}

#mainNav > ul > li > ul.news > li:hover > span,
#mainNav > ul > li > ul.news > li.active > span {
background:#ED1C24;
}

#mainNav > ul > li > ul.news > li > ul {
width:80%;
position:absolute;
top:0px;
left:20%;
padding:30px 25px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display:none;
}

#mainNav > ul > li > ul.news > li:hover > ul {
display:block;
}

#mainNav > ul > li > ul.news > li.active > ul {
display:block;
}

#mainNav > ul > li > ul.news > li > ul > li {
float:left;
width:25%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding:0px 10px;
height:220px;
}

#mainNav > ul > li > ul.news > li > ul > li a img {
width:100% !important;
height: auto !important;
}


#mainNav > ul > li > ul.news > li > ul > li h3 {
font-size: 13px;
padding: 10px 0 0;
font-weight: 500 !important;
line-height: 20px;
}

#mainNav > ul > li > ul.news > li > ul > li h3 a {
color:#000;
}
}


@media only screen and (max-width: 1239px) {

#mainNav {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left:35px;
padding-right:35px;
width:100%;
}

#mainNav,
#mainNav ul li {
position:relative;
}

#mainNav > label {
display:inline-block;
margin:15px 0 15px 0;
padding:12px;
color:#fff;
background: #ed1c24;
font-size:0px;
line-height:1;
cursor:pointer;
}

#mainNav > label:before {
content: "\f0c9";
font-family: Iconset;
font-size: 16px;
font-weight: 900;
}

#mainNav > ul label {
display:block;
position:absolute;
right:0px;
top:3px;
font-size:0px;
height:47px;
width:40px;
text-align:center;
line-height:47px;
cursor:pointer;
}

#mainNav > ul label:before {
content: "\f107";
font-family: Iconset;
font-size: 16px;
font-weight: 900;
color: #ed1c24;
}

#mainNav > ul > li input:checked + label:before {
content: "\f106";
}

#mainNav > ul {
position:absolute;
top:70px;
left:0px;
padding:0px 35px;
width:100%;
z-index:500;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display:none;
cursor:pointer;
background:#fff;
}

#mainNav > input:checked ~ ul {
display:block;
overflow-y:auto;
max-height: 690px;
}

#mainNav > ul > li > a,
#mainNav > ul > li strong,
#mainNav > ul > li > ul.reduced a {
display:block;
font-size:15px;
color: #000;
font-weight:700;
background:#fff;
text-transform:uppercase;
-webkit-transition: all 0.24s ease-in-out;
-moz-transition: all 0.24s ease-in-out;
-ms-transition: all 0.24s ease-in-out;
-o-transition: all 0.24s ease-in-out;
transition: all 0.24s ease-in-out;
padding:15px 40px 15px 15px;
}

#mainNav > ul > li > ul.reduced a {
font-weight:500;
padding:10px 15px 10px 15px;
text-transform:none;
background:#fff;
}

#mainNav > ul > li > ul.reduced > li:first-of-type a {
padding-top:5px;
}

#mainNav > ul > li > a:hover,
#mainNav > ul > li > ul.reduced a:hover {
color: #ed1c24;
}

#mainNav > ul > li > strong {
color: #ed1c24;
font-weight: 700;
text-transform: uppercase;
}

#mainNav > ul > li input:checked ~ ul {
display:block;
}

#mainNav > ul > li > ul,
#mainNav ul.news {
display:none;
}

/* ------ Header / Eyecatcher ------ */
@media only screen and (max-width: 1240px) {

header {
padding:0px 35px;
}

#eyecatcher {
display:none;
}

#pageHeader h2,
#breadcrumbs {
display:block;
width:100%;
float:none;
}

#breadcrumbs {
margin-top:30px;
}

#breadcrumbs li {
line-height: 1.5;
}

}

@media only screen and (max-width: 700px) {

header ul.tools li:first-of-type {
display:none;
}

}

@media only screen and (max-width: 550px) {

header h1 {
width:64px;
}

}
/* ------- Commercial ------- */
@media only screen and (max-width: 1650px) {

div.commercial.outside {
display:none;
}

}

/* ------- Rubric / General Pages ------ */
@media only screen and (max-width: 1240px) {

section.contentWrapper,
main aside,
#content > article,
#content > aside {
width:100%;
margin-right:0px;
margin-left:0px;
padding-left:35px;
padding-right:35px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-left:none;
border-right:none;
}

section.contentWrapper {
margin-bottom:0px;
}

#content > article,
#content > aside {
padding:0px;
}

main aside,
#content > aside {
margin:50px 0px;
}

main section ul.standard li.image div:first-of-type {
margin-bottom:30px;
}

section.contentWrapper:not(.main) ul.standard.highlight li {
width:100%;
}

article ul.infos:nth-of-type(n) > li {
width:50%;
float:left;
margin:0 auto;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin:0 auto;
}

article ul.infos:nth-of-type(n) > li:nth-of-type(1) {
min-height:130px;
}

article ul.infos:nth-of-type(n) > li:nth-of-type(n+2) {
float:right;
}

article .gallery li {
width:50%;
}

article a.zoom img {
width:100% !important;
height: auto !important;
}

main aside ul.standard:not(.highlight) li {
width:50%;
float:left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

main aside ul.standard:not(.highlight) li:nth-of-type(2n+1) {
padding-right:15px;
}

main aside ul.standard:not(.highlight) li:nth-of-type(2n+2) {
padding-left:15px;
}

.glossar article h3, .news article h3, .roundUp article h3, .roundUpOld article h3, .review article h3, .reviewOld article h3, .info article h3, .knowledge article h3, .partner #content h3, .standard #content h3 {
margin-top:20px;
}

main section ul.standard.reduced:not(.highlight) li div:last-of-type {
bottom:115px;
}

.about .stats {
margin-top:0px;
}

.about .stats li {
float:left;
width:33.33333%;
text-align:center;
margin-bottom:40px;
}

.about .stats li strong {
text-align:center;
}

.about ul.team li {
width:23%;
}

}

@media only screen and (max-width: 1000px) {

main section ul.standard:not(.highlight) li.image div:first-of-type a:before, 
main aside ul.standard:not(.highlight) li.image div:first-of-type a:before {
height:70%;
}

.partner main section .toggleBox ul.standard.reduced li, 
#tags main section ul.standard.reduced:not(.highlight) li,
#suche main section ul.standard.reduced:not(.highlight) li {
width:50%;
padding-left:0px;
padding-right:0px;
border:none;
}

.partner main section .toggleBox ul.standard.reduced li:nth-of-type(2n+1), 
#tags main section ul.standard.reduced:not(.highlight) li:nth-of-type(2n+1),
#suche main section ul.standard.reduced:not(.highlight) li:nth-of-type(2n+1) {
padding-right:15px;
}

.partner main section .toggleBox ul.standard.reduced li:nth-of-type(2n+2), 
#tags main section ul.standard.reduced:not(.highlight) li:nth-of-type(2n+2),
#suche main section ul.standard.reduced:not(.highlight) li:nth-of-type(2n+2) {
padding-left:15px;
}

#selfLink a:nth-of-type(n) { 
float:none;
display:block;
text-align:center;
}

.commentPost > li {
width:100%;
}

.valuation ul.awardsOld {
width:100%;
text-align:center;
padding-bottom:30px;
}

.valuation ul.awardsOld li {
display:inline-block;
margin-right:15px;
}

.valuation.old > ul.results {
width:33.333333%;
padding-right:15px;
}

.valuation.old > ul.results.positive {
border:none;
}

.about ul.team li {
width:31.33333%;
}

}


@media only screen and (max-width: 500px) {

main aside ul.standard:not(.highlight) li:nth-of-type(n),
main section ul.standard.reduced:not(.highlight) li:nth-of-type(n),
.partner main section .toggleBox ul.standard.reduced li, 
#tags main section ul.standard.reduced:not(.highlight) li,
#suche main section ul.standard.reduced:not(.highlight) li {
width:100%;
padding-left:0px;
padding-right:0px;
border:none;
}


main section ul.standard li.image div:nth-of-type(n),
main section ul.standard:not(.highlight) li.image div:last-of-type {
width:100%;
padding-left:0px;
}

main section ul.standard:not(.highlight) li.image div:last-of-type {
padding-left:15px;
padding-right:15px;
}

article .gallery li {
width:100%;
}

article ul.infos:nth-of-type(n) > li:nth-of-type(n) {
min-height:auto;
float:none;
display:block;
width:100%;
margin-bottom:10px;
border:none;
padding: 0px 15px 0px 44px;
}

main section ul.standard:not(.highlight) li.image div:first-of-type a:before, 
main aside ul.standard:not(.highlight) li.image div:first-of-type a:before {
height:90%;
}

.valuation.old > ul.results {
width:100%;
border:none;
margin-bottom:30px;
}

.summaryText {
padding-left:0px;
}

.summaryText > img {
display:none;
}

.summaryText > span { 
padding-left:0px;
border:none;
}

.about .stats li {
float:left;
width:100%;
text-align:center;
margin-bottom:40px;
}

.about ul.team li {
width:48%;
}

#impressum table tbody > tr > td:first-of-type {
width:34% !important;
}

#impressum ul.standard li {
width:100%;
}

}


/* ------- Kontakt ------ */
@media only screen and (max-width: 1240px) {
.contact #content ul.infos li:nth-of-type(n),
.contact form > ul > li {
width:100%;
padding-right:0px;
padding-left:0px;
}
}

/* ------- Footer ------ */
@media only screen and (max-width: 1240px) {

main > footer > div > ul > li {
width:100%;
margin-bottom:35px;
}

main > footer h3 {
margin-bottom:15px;
}