/* MEDIA.CSS */
/* rot:#a81322 / hellgrau:#e6e6e6 / dunkelgrau:#636463 / weiss:#ffffff */

@media only screen and (max-width:1920px) {
  BODY { font-size:1.139344vw; }
  HEADER DIV.content,
  DIV#headpics DIV.headpics_content_outer DIV.headpics_content_wrapper,
  SECTION>DIV.content,
  #newsteasers,
  DIV#layer DIV#layer_inner,
  FOOTER>DIV.content { max-width:1154px; width:90vw; }
  DIV#headpics { /* margin-top: 6em; */ }
  BODY { font-size:18px; }
  A.iconbutton { zoom:1; } 
  SECTION>DIV.content {max-width:1154px;width: 90vw;margin:0 auto;}
  A.iconbutton,
  SPAN.iconbutton { width:32px; height:32px; background-position:-90px 0;}
  A.iconbutton:hover,
  SPAN.iconbutton:hover { background-position:-122px 0; }
  SPAN.iconbutton#iconbutton-share { background-position:-90px -160px; }
  SPAN.iconbutton#iconbutton-share:hover { background-position:-122px -160px; }
  A.iconbutton#iconbutton-print { background-position:-90px -192px; }
  A.iconbutton#iconbutton-print:hover { background-position:-122px -192px; }
  DIV.sharing { height:32px !important; }
  A.iconbutton#iconbutton-gp { background-position:-90px -32px; }
  A.iconbutton#iconbutton-gp:hover { background-position:-122px -32px; }
  A.iconbutton#iconbutton-fb { background-position:-90px -64px; }
  A.iconbutton#iconbutton-fb:hover { background-position:-122px -64px; }
  A.iconbutton#iconbutton-tw { background-position:-90px -96px; }
  A.iconbutton#iconbutton-tw:hover { background-position:-122px -96px; }
  A.iconbutton#iconbutton-yt { background-position:-90px -128px; }
  A.iconbutton#iconbutton-yt:hover { background-position:-122px -128px; }
}
/*
@media only screen and (max-width:1172px) { BODY { font-size:17px; } A.iconbutton,SPAN.iconbutton { -x-zoom:0.944; } }
@media only screen and (max-width:1107px) { BODY { font-size:16px;} A.iconbutton,SPAN.iconbutton { -x-zoom:0.888; } }
@media only screen and (max-width:1042px) { BODY { font-size:15px; } A.iconbutton,SPAN.iconbutton { -x-zoom:0.833; } }
*/
@media only screen and (max-width:977px) and (min-width:913px) {
  BODY { font-size:14px; }
  A.iconbutton,
  SPAN.iconbutton { zoom:1 !important; width:24px; height:24px; background-position:-154px 0;}
  A.iconbutton:hover,
  SPAN.iconbutton:hover { background-position:-178px 0; }
  SPAN.iconbutton#iconbutton-share { background-position:-154px -120px; }
  SPAN.iconbutton#iconbutton-share:hover { background-position:-178px -120px; }
  A.iconbutton#iconbutton-print { background-position: -154px -144px; }
  A.iconbutton#iconbutton-print:hover { background-position: -178px -144px; }
  DIV.sharing { height:24px !important; }
  A.iconbutton#iconbutton-gp { background-position:-154px -24px; }
  A.iconbutton#iconbutton-gp:hover { background-position:-178px -24px; }
  A.iconbutton#iconbutton-fb { background-position:-154px -48px; }
  A.iconbutton#iconbutton-fb:hover { background-position:-178px -48px; }
  A.iconbutton#iconbutton-tw { background-position:-154px -72px; }
  A.iconbutton#iconbutton-tw:hover { background-position:-178px -72px; }
  A.iconbutton#iconbutton-yt { background-position:-154px -96px; }
  A.iconbutton#iconbutton-yt:hover { background-position:-178px -96px; }
  A.iconbutton,SPAN.iconbutton { zoom:0.777; }
}
@media only screen and (max-width:912px) and (min-width:848px) { BODY { font-size:13px; } A.iconbutton,SPAN.iconbutton { -x-zoom:0.722; } }
@media only screen and (max-width:847px) and (min-width:783px) { BODY { font-size:12px; } A.iconbutton,SPAN.iconbutton { -x-zoom:0.666; } }
@media only screen and (max-width:782px) and (min-width:718px) { BODY { font-size:11px; } A.iconbutton,SPAN.iconbutton { -x-zoom:0.611; } }
@media only screen and (max-width:717px) { BODY { font-size:10px; } A.iconbutton,SPAN.iconbutton { -x-zoom:0.555; } }

/*
// Ausgelagert in mobile.css!
@media only screen and (max-width:1042px) {
    BODY { font-size:14px; }
    IMG { width:100%; height:auto; }
    HEADER DIV.logo IMG.left { width:initial; position: absolute; left: 20px; top: 3px;}
    HEADER DIV.logo IMG.right { width:initial; position: absolute; right: 70px;}
    FOOTER A.iconbutton { zoom:0.7777; }
    .mobile { display:block; }
    .desktop { display:none !important; }
    .newsteaser { width:50%; }
    DIV#grid3x3 .grid3x3_element { width: 49.5625%; margin:0 0.875% 0.875% 0; }
    DIV#grid3x3 .grid3x3_element:nth-child(3n) { margin-right: 0.875%; }
    DIV#grid3x3 .grid3x3_element:nth-child(2n) { margin-right:0; }
}
@media only screen and (max-width:590px) {
    FOOTER A.iconbutton { zoom:0.7; }
    DIV#headpics { margin-top:3.9em; }
    .newsteaser { width:100%; }
    .newsteaser_content SPAN,
    .newsteaser_content P { display:none; }
    DIV#grid3x3 .grid3x3_element { width:100%; margin:0 0 0.875% 0; }
    DIV#grid3x3 .grid3x3_element:nth-child(3n) { margin-right: 0; }
    DIV#grid3x3 .grid3x3_element:nth-child(2n) { margin-right:0; }
}
*/