/*
////////////////////////////////////////////////////////////////
//
// Responsive Styles
//
// Weblication CMS Strukturdesign Version 5.2.0.0
// erstellt durch Scholl Communications AG, 77694 Kehl, www.scholl.de
// erstellt mit Weblication Content Management Server, www.weblication.de
//
////////////////////////////////////////////////////////////////
*/

/* Diese CSS wird eingebunden, um die Darstellung für unterschiedliche Bildschirmgrößen zu optimieren */

@media only screen and (max-width: 1024px),
only screen and (max-device-width: 768px) and (orientation:landscape){
  body {background:none}
  #blockMainOuter        {width:100%}
  #blockMain             {margin:0 5% 5% 5%}
  #blockBefore           {width:100%}
  #blockContentFull      {width:100%}
  #blockContentFullLeft  {width:100%}
  #blockContentFullRight {width:67%}
  #blockLeft             {width:30%;margin-right:3%}
  #blockContent          {width:67%;}
  #blockRight            {width:100%;margin:5% 0 0 0;clear:left;float:left}
  #blockBottom           {width:auto;margin:0 5% 5% 5%}
  .col1_16, .col2_16, .col3_16, .col4_16, .col5_16, .col6_16                                     {width:100%}
  .col1_16_inner, .col2_16_inner, .col3_16_inner, .col4_16_inner, .col5_16_inner, .col6_16_inner {margin:0}
}

@media only screen and (max-width: 768px),
only screen and (max-device-width: 768px) and (orientation:portrait){
  #blockLeft                     {width:100%}
  #blockLeft #areaContent4Global {display:none}
  #blockBefore                   {display:none}
  #blockContentFull              {width:100%}
  #blockContentFullLeft          {width:100%}
  #blockContentFullRight         {width:100%}
  #blockTop                      {height:auto;overflow:hidden}
  #blockTop #logo                {position:static}
  #blockTop #navigationMeta      {position:static;clear:both;float:none;margin-top:2%;height:auto;overflow:hidden}
  #blockTop #navigationMain      {position:static;clear:left;overflow:hidden}
  #blockContent                  {width:100%}
  .col1_20, .col2_20, .col3_20, .col4_20, .col5_20                               {width:100%}
  .col1_20_inner, .col2_20_inner, .col3_20_inner, .col4_20_inner, .col5_20_inner {margin:0}
}

@media only screen and (max-width: 960px){
  .galleryImageLastOfRow         {margin-right:24px !important}
  .clearRowFloat                 {display:none}
}

@media only screen and (max-width: 640px){
  .col1_25, .col2_25, .col3_25, .col4_25                         {width:100%}
  .col1_25_inner, .col2_25_inner, .col3_25_inner, .col4_25_inner {margin:0}
}

@media only screen and (max-width: 480px){
  .col1_33, .col2_33, .col3_33                   {width:100%}
  .col1_33_inner, .col2_33_inner, .col3_33_inner {margin:0}
}

@media only screen and (max-width: 320px){
  .col1_50, .col2_50, .col1_70, .col2_30, .col1_30, .col2_70                                     {width:100%}
  .col1_50_inner, .col2_50_inner, .col1_70_inner, .col2_30_inner, .col1_30_inner, .col2_70_inner {margin:0}
}