/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
#textSpalte{width:70%;}
}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
#textSpalte{width: 70%;}
}




/* ----------- iPad 1 and 2 ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
body {width: 100%; height: 100%; font-size: 105%!important; display:inline; }
#content {width: 100%;    height: 84%; }
#textSpalte{width: 85%;}
#logo {position: fixed; }
#logo img {width: 150%; }
#slider {margin-top: 45px;}
.toggleMenu {display:inline!important; margin: 20px 25px 0 0!important; z-index:2000!important; position:fixed;}
  #navigation {  z-index:2000!important;  text-align: left!important; min-width:100%!important;  background: #d8d7d7; font-size: 110%!important; margin: 0px!important;}
.nav li  ul   { padding-top:7px!important; } /*untermenu abstand*/
#banner {  position:fixed;  z-index: 10!important;   background: #ffffff!important; }
#balkenbottom { font-size: 95%!important; position:fixed; bottom:0;}
.toggleMenu {position:fixed!important;   right:0 !important; padding:0px!important;   top:20 !important;}
.ce-uploads img{ width: 4%;}
}


/* ----------- iPad 1 and 2 ----------- */
/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
body {width: 100%; height: 100%; font-size: 100%!important}
#content {width: 100%; height: 80%;}
   #textSpalte{width: 70%;}
.nav a {padding: 0px 15px!important;}
#slider {margin-top: 5px;}
.banner {height: 40px; position:fixed;}
#navigation  {position:fixed!important;   right: 0 !important;}
#balkenbottom { position:fixed; bottom:0;  margin-bottom:-40px; }
.ce-uploads img{ width: 4%;}
}

/* ----------- iPhone4 ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-width: 480px)
  and (orientation: portrait) { 
body {width: 100%; height: 100%;font-size: 90%!important;  }
.nav li  ul   { padding-top:5px!important; } /*untermenu abstand*/
#banner {  position:fixed;  z-index: 10!important;  background: #ffffff!important; }
#content {width: 100%; height: 90%; }
#textSpalte{width: 90%;}
#logo {width:100%!important; margin-left: 0px; }
#logo img {width: 200%; }
#slider {margin-top: 30px;}
  #navigation {  z-index:2000!important;  text-align: left!important; min-width:100%!important;  background: #d8d7d7; font-size: 140%!important;    line-height: 1.4em; margin: 0px!important;}
.dropdown-menu li{text-align: left!important;  margin-top: 0px!important;   margin-left: 16px!important;  }
#balkenbottom { display:none;}
iframe {width: 310px!important; height: auto; }
#navigation a { margin-left: 0px!important;  }
.toggleMenu {position:fixed!important;   right:0 !important; padding:0px!important;   top:20 !important; width: 60px!important; }
.column {width:100%!important; }
.column2 {  float:left!important;position:realtive!important; clear: left!important; display:block!important;}
.ce-uploads img{ width: 8%;}
}

/* ----------- iPhone 4----------- */
/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-width: 480px)
  and (orientation: landscape) {
body {width: 100%; height: 100%;font-size: 90%!important;  }
.nav li  ul   { padding-top:5px!important; } /*untermenu abstand*/
#banner {  position:fixed;  z-index: 10!important;  background: #ffffff!important; }
#content {width: 100%; height: 90%; }
#textSpalte{width: 90%;}
#logo {width:100%!important; margin-left: 0px; }
#logo img {width: 120%; }
#slider {margin-top: 30px;}
  #navigation {  z-index:2000!important;  text-align: left!important; min-width:100%!important;  background: #d8d7d7; font-size: 140%!important;    line-height: 1.4em; margin: 0px!important;}
.dropdown-menu li{text-align: left!important;  margin-top: 0px!important;   margin-left: 16px!important;  }
#balkenbottom { display:none;}
iframe {width: 310px!important; height: auto; }
#navigation a { margin-left: 0px!important;  }
.toggleMenu {position:fixed!important;   right:0 !important; padding:0px!important;   top:20 !important; width: 60px!important; }
.column {width:100%!important; }
.column2 {  float:left!important;position:realtive!important; clear: left!important; display:block!important;}
.ce-uploads img{ width: 8%;}
}


/* ----------- iPhone 5 and 5S ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-width: 568px)
  and (orientation: portrait) { 
body {width: 100%; height: 100%;font-size: 90%!important;  }
.nav li  ul   { padding-top:5px!important; } /*untermenu abstand*/
#banner {  position:fixed;  z-index: 10!important;  background: #ffffff!important; }
#content {width: 100%; height: 90%; }
#textSpalte{width: 90%;}
#logo {width:100%!important; margin-left: 0px; }
#logo img {width: 200%; }
#slider {margin-top: 30px;}
  #navigation {  z-index:2000!important;  text-align: left!important; min-width:100%!important;  background: #d8d7d7; font-size: 140%!important;    line-height: 1.4em; margin: 0px!important;}
.dropdown-menu li{text-align: left!important;  margin-top: 0px!important;   margin-left: 16px!important;  }
#balkenbottom { display:none;}
iframe {width: 310px!important; height: auto; }
#navigation a { margin-left: 0px!important;  }
.toggleMenu {position:fixed!important;   right:0 !important; padding:0px!important;   top:20 !important; width: 60px!important; }
.column {width:100%!important; }
.column2 {  float:left!important;position:realtive!important; clear: left!important; display:block!important;}
.ce-uploads img{ width: 8%;}
}

/* ----------- iPhone 5 and 5S ----------- */
/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-width: 568px)
  and (orientation: landscape) {
body {width: 100%; height: 100%;font-size: 90%!important;  }
.nav li  ul   { padding-top:5px!important; } /*untermenu abstand*/
#banner {  position:fixed;  z-index: 10!important;   background: #ffffff!important; }
#content {width: 100%; height: 90%; }
#textSpalte{width: 90%;}
#logo {width:100%!important; margin-left: 0px; }
#logo img {width: 120%; }
#slider {margin-top: 30px;}
  #navigation {  z-index:2000!important;  text-align: left!important; min-width:100%!important;  background: #d8d7d7; font-size: 140%!important;    line-height: 1.4em; margin: 0px!important;}
.dropdown-menu li{text-align: left!important;  margin-top: 0px!important;   margin-left: 16px!important;  }
#balkenbottom { display:none;}
iframe {width: 310px!important; height: auto; }
#navigation a { margin-left: 0px!important;  }
.toggleMenu {position:fixed!important;   right:0 !important; padding:0px!important;   top:20 !important; width: 60px!important; }
.column {width:100%!important; }
.column2 {  float:left!important;position:realtive!important; clear: left!important; display:block!important;}
.ce-uploads img{ width: 8%;}
}

/* ----------- iPhone 6 ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-width: 667px)
  and (orientation: portrait) { 
body {width: 100%; height: 100%;font-size: 90%!important;  }
.nav li  ul   { padding-top:5px!important; } /*untermenu abstand*/
#banner {  position:fixed;  z-index: 10!important;   background: #ffffff!important; }
#content {width: 100%; height: 90%; }
#textSpalte{width: 90%;}
#logo {width:100%!important; margin-left: 0px; }
#logo img {width: 200%; }
#slider {margin-top: 30px;}
  #navigation {  z-index:2000!important;  text-align: left!important; min-width:100%!important;  background: #d8d7d7; font-size: 140%!important;    line-height: 1.4em; margin: 0px!important;}
.dropdown-menu li{text-align: left!important;  margin-top: 0px!important;   margin-left: 16px!important;  }
#balkenbottom { display:none;}
iframe {width: 310px!important; height: auto; }
#navigation a { margin-left: 0px!important;  }
.toggleMenu {position:fixed!important;   right:0 !important; padding:0px!important;   top:20 !important; width: 60px!important; }
.column {width:100%!important; }
.column2 {  float:left!important;position:realtive!important; clear: left!important; display:block!important;}
.ce-uploads img{ width: 8%;}
}

/* ----------- iPhone 6 ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-width: 667px)
  and (orientation: landscape) {
body {width: 100%; height: 100%;font-size: 90%!important;  }
.nav li  ul   { padding-top:5px!important; } /*untermenu abstand*/
#banner {  position:fixed;  z-index: 10!important;  background: #ffffff!important; }
#content {width: 100%; height: 90%; }
#textSpalte{width: 90%;}
#logo {width:100%!important; margin-left: 0px; }
#logo img {width: 120%; }
#slider {margin-top: 30px;}
  #navigation {  z-index:2000!important;  text-align: left!important; min-width:100%!important;  background: #d8d7d7; font-size: 140%!important;    line-height: 1.4em; margin: 0px!important;}
.dropdown-menu li{text-align: left!important;  margin-top: 0px!important;   margin-left: 16px!important;  }
#balkenbottom { display:none;}
iframe {width: 310px!important; height: auto; }
#navigation a { margin-left: 0px!important;  }
.toggleMenu {position:fixed!important;   right:0 !important; padding:0px!important;   top:20 !important; width: 60px!important; }
.column {width:100%!important; }
.column2 {  float:left!important;position:realtive!important; clear: left!important; display:block!important;}
.ce-uploads img{ width: 8%;}
}

/* ----------- iPhone 6+ ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-width: 736px)
  and (orientation: portrait) { 
body {width: 100%; height: 100%;font-size: 90%!important;  }
.nav li  ul   { padding-top:5px!important; } /*untermenu abstand*/
#banner {  position:fixed;  z-index: 10!important;   background: #ffffff!important; }
#content {width: 100%; height: 90%; }
#textSpalte{width: 90%;}
#logo {width:100%!important; margin-left: 0px; }
#logo img {width: 200%; }
#slider {margin-top: 30px;}
  #navigation {  z-index:2000!important;  text-align: left!important; min-width:100%!important;  background: #d8d7d7; font-size: 140%!important;    line-height: 1.4em; margin: 0px!important;}
.dropdown-menu li{text-align: left!important;  margin-top: 0px!important;   margin-left: 16px!important;  }
#balkenbottom { display:none;}
iframe {width: 310px!important; height: auto; }
#navigation a { margin-left: 0px!important;  }
.toggleMenu {position:fixed!important;   right:0 !important; padding:0px!important;   top:20 !important; width: 60px!important; }
.column {width:100%!important; }
.column2 {  float:left!important;position:realtive!important; clear: left!important; display:block!important;}
.ce-uploads img{ width: 8%;}
}

/* ----------- iPhone 6+ ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-width: 736px)
  and (orientation: landscape) {
body {width: 100%; height: 100%;font-size: 90%!important;  }
.nav li  ul   { padding-top:5px!important; } /*untermenu abstand*/
#banner {  position:fixed;  z-index: 10!important;  background: #ffffff!important; }
#content {width: 100%; height: 90%; }
#textSpalte{width: 90%;}
#logo {width:100%!important; margin-left: 0px; }
#logo img {width: 120%; }
#slider {margin-top: 30px;}
  #navigation {  z-index:2000!important;  text-align: left!important; min-width:100%!important;  background: #d8d7d7; font-size: 140%!important;    line-height: 1.4em; margin: 0px!important;}
.dropdown-menu li{text-align: left!important;  margin-top: 0px!important;   margin-left: 16px!important;  }
#balkenbottom { display:none;}
iframe {width: 310px!important; height: auto; }
#navigation a { margin-left: 0px!important;  }
.toggleMenu {position:fixed!important;   right:0 !important; padding:0px!important;   top:20 !important; width: 60px!important; }
.column {width:100%!important; }
.column2 {  float:left!important;position:realtive!important; clear: left!important; display:block!important;}
.ce-uploads img{ width: 8%;}
}