/* -----------------------------------------------------------------------------
  rapidCMS V4.3 Screen Styles (responsive)
  CSS-Modul: Media Queries
  Version: 1.2.1 (27.11.2013)

	Responsive Grid Media Queries
	1140- max - desktop (default grid)
	480-1140 	- tablet landscape
	0-480 	  - phone
  print     - Graustufen
----------------------------------------------------------------------------- */

.mobile-only {display:none;}
.desktop-only {display:block;}
.tablet-only {display:none;}
.phone-only {display:none;}
.desktop-tablet-only {display:block;}
.tablet-phone-only {display:none;}

.mobile-social-icons { width: 160px; margin: 0 auto; padding-top: 0px; padding-right: 8px; }
.mobile-social-icons a { display: block; float: left; padding: 4px; width: 24px; height: 24px; background: none; color: #777; margin-right: 5px; text-align: center;}
.mobile-social-icons a:hover { background: #cb2027; color: #fff;}
.mobile-social-icons a i { font-size: 16px; }

div.desktop-only * .menu-icon { display: none; }

/* mcol */

.grid *[class*="mcol_"] [class*="mcol_"]{
  margin-left: 0.83333333333333%;
  margin-right: 0.83333333333333%;
}

*[class*="mcol_"] {
  margin-left: 0.83333333333333%  !Important;
  margin-right: 0.83333333333333%  !Important;
  margin-top: 0.5em  !Important;
  margin-bottom: 0.5em  !Important;
  float: left  !Important;
  display: block !Important;
  clear: none !Important;
}

*[class*="mcol_"].alpha {
  margin-left: 0;
}
*[class*="mcol_"].omega {
  margin-right: 0;
}

  a.themebox .themebox_info {
    text-align: left;
  }

@media all and (min-width: 1140px) {

	.grid *[class*="col_"]{}
	.grid{max-width: 1140px;}
  .desktop-only {display:block; !Important;}
  .tablet-only {display:none;}
  .phone-only {display:none;}
  .desktop-tablet-only {display:block;}
  .tablet-phone-only {display:none;}
  .mobile-only {display:none !Important;}

	table.responsive { margin-bottom: 0; }

	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }

	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }

	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }

  .menu2 div.suche { padding-top: 10px; float: right; }
  .menu1 { height: 80px; }
  .menu1-home { height: 50px; }
  .logo2 img { width: 180px; }

  nav.mobile ul { margin-top: 68px; }
  nav.mobile ul ul { margin-top: 0px; }

}

@media all and (max-width: 1140px) {

  .menu-icon {
      display: none;
      position: absolute;
      width: 40px;
      height: 40px;
      top: 50%;
      left: 49.3%;
      cursor: pointer;
      transform: translate(-50%, -50%);
      text-align: left;
  }

  .menu-icon div,
  .menu-icon div:before,
  .menu-icon div:after { width: 100%; height: 6px; background: #ddd; }
  .menu-icon div { position: relative; margin: 40px auto 0; }
  .menu-icon div:before, div:after { content: ""; position: absolute; }
  .menu-icon div:before { top: -10px; }
  .menu-icon div:after { top: 10px; }

  nav.mobile ul { margin-top: 48px; }
  nav.mobile ul ul { margin-top: 0px; }

}

@media all and (min-width: 480px) and (max-width: 1140px) {

	.grid{max-width: 1140px;}

	.grid *[class*="col_"] {
  	float:none;
  	width:auto;
  	clear:both;
	}

	/* columns inside of columns */
	.grid *[class*="col_"] [class*="col_"]{
  	margin-left:0;
  	margin-right:0;
  	width: 100%;
	}

  .grid * .mcol_2 { width: 48.333333333333% !Important; }
  .grid * .mcol_3 { width: 31.666666666667% !Important; }

  .desktop-only {display:none !Important;}
  .tablet-only {display:block;}
  .phone-only {display:none;}
  .desktop-tablet-only {display:block;}
  .tablet-phone-only {display:block;}
  .mobile-only {display:block !Important;}

  .biografie .bio_anreisser { padding: 20px; }
  .biografie .bio_infotext { padding: 20px !important; }
  .biografie .bio_bild { width: 66%; text-align: center; margin: 0 auto; }

  .toplogo .inner { width: 320px; margin: 0 auto; margin-top: 8%; }
  .toplogo .inner img { width: 240px; }

  .mobile-social-icons { width: 180px; padding-left: 18px; }
  .menu2 div.logo { padding: 0px; margin: 0; text-align: center; margin-top: 10px; }
  .menu2 div.logo a { padding: 0px; padding-top: 10px; }
  .menu2 div.suche { padding-top: 10px; text-align: center; }

  .menu1 { height: 120px; }
  .menu1-home { height: 50px; }
  .menu-icon { display: block; }
  .logo2 img { width: 180px; }


  div.logo2 { width: 100%; padding: 0px; margin: 0 auto; text-align: center; margin-top: 10px; }
  div.logo2 a { padding: 0px; padding-top: 10px; }

  /* IOS Slider */

  .homeslider { height: 320px !Important; }
  .item {	width: auto; }
  .iosSlider a .post-title-name { font: normal 28px 'Lato', sans-serif !important; color: #ff0000 !important; }
  .text-external-wrap { height: 320px; margin: 0 auto;}
  .text-wrap { height: 320px; margin: 0 auto;}
  .iosSlider div.inner { height: 320px !Important; }
  .home-rotator-navigation { display: none; }
  .iosSlider .slider .item .inner .text1 { right: auto; margin: 0 auto; }
  .iosSlider .slider .item.selected { height: 320px !Important; }
  .iosSlider { height: 320px !Important; }
  .sliderContainer { height: 320px !Important; }
  .fluidHeight { height: 320px !Important; }
  

  .themebox_bio {  }
  a.themebox {  }

  a.themetitle {
    text-decoration: none;
    font-family: "Prata", sans-serif;
    font-size: 22px;
    font-weight: 100 !important;
    text-align: center;
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 40px 10px 40px;
    margin: 0;
    background: #000;
    color: #ddd;
  }
  a.themetitle:hover { background: #333; }

  .footer2 { height: 50px; line-height: 14px; }
  .footer2 grid { padding: 0; margin: 0; }
  .footer2 grid div{ padding: 0; margin: 0; }

}

@media all and (max-width: 960px) {

}

@media all and (max-width: 640px) {
  .toplogo .inner { width: 360px; margin: 0 auto; margin-top: 2%; }
  .toplogo .inner img { width: 240px; }

  .mobile-social-icons { width: 180px; padding-left: 18px; }
  .menu2 div.logo { padding: 0px; margin: 0; text-align: center; margin-top: 10px; }
  .menu2 div.logo a { padding: 0px; padding-top: 10px; }

  .menu1 { height: 120px; }
  .menu1-home { height: 60px; }
  .logo2 img { width: 170px; }
}

@media all and (max-width: 479px) {

	.grid *[class*="col_"]{
  	float:none;
  	width:auto;
  	clear:both;
	}

	/* columns inside of columns */
	.grid *[class*="col_"] [class*="col_"]{
  	margin-left:0;
  	margin-right:0;
  	width:100%;
	}

  .grid * .mcol_3 { width: 31% !Important; padding: 0; }

	.grid{max-width: 100%;/*320*/}
  .desktop-only {display:none; !Important;}
  .tablet-only {display:none;}
  .phone-only {display:block;}
  .desktop-tablet-only {display:none;}
  .tablet-phone-only {display:block;}
  .mobile-only {display:block; !Important;}

  .menu2 div.suche { padding-top: 10px; }

  .biografie .bio_anreisser { padding: 20px; }
  .biografie .bio_infotext { padding: 20px !important; }

  .toplogo .inner { width: 320px; margin: 0 auto; margin-top: 2%; }
  .toplogo .inner img { width: 160px; }

  /* IOS Slider */
  .item {	width: 320px; }
  .iosSlider a .post-title-name { font: normal 22px 'Lato', sans-serif !important; color: #ff0000 !important; }
  .home-rotator-navigation { display: none; }
  .iosSlider .slider .item .inner .text1 { right: auto; margin: 0 auto; }
  .fluidHeight { height: 160px; padding-bottom: 10px; }
  .homeslider { height: 160px; }
   .iosSlider, .iosSlider .slider, .sliderContainer, .iosSlider .slider .item .inner { height: 160px; }
   .hometheme { margin-top: 20px; }

  .themebox_bio { padding: 10px 0px 20px 0px; }
  a.themebox { width: 380px; margin: 0 40px 10px 40px; }

  a.themetitle {
    text-decoration: none;
    font-family: "Prata", sans-serif;
    font-size: 22px;
    font-weight: 100 !important;
    text-align: center;
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 40px 10px 40px;
    margin: 0;
    background: #000;
    color: #ddd;
  }
  a.themetitle:hover { background: #333; }

  .mobile-social-icons { width: 180px; padding-left: 18px; }
  .menu2 div.logo { padding: 0px; margin: 0; text-align: center; margin-top: 10px; }
  .menu2 div.logo a { padding: 0px; padding-top: 10px; }
  .menu1 { height: 114px; }
  .menu1-home { height: 60px; }
  .menu-icon { display: block; }
  .logo2 img { width: 160px; }
  .menu2 div.suche { padding-top: 10px; text-align: center; }

  .footer2 { height: 50px; line-height: 14px; }
  .footer2 grid { padding: 0; margin: 0; }
  .footer2 grid div{ padding: 0; margin: 0; }
}

@media print {
  * { background:none !important; color:black !important; box-shadow:none !important; text-shadow:none !important; filter:Gray(); filter:url('desaturate.svg#grayscale'); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); }
  a { text-decoration:underline; }
  a[href]:after { content:" (" attr(href) ")"; }
  a[href="#"], a[href="javascript:"] { content:""; }
}