/*DONOTMINIFY*/
/*
	Theme Name:	Freudenhaus TV2
    Version:	1
    Author:		Oli Feiler
	
	made by urbanstudio.de
*/
/* DNOTMINIFY */
/* ---------------------------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, a, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, button, input, select, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-align: left; }

html {
  overflow: hidden;
  background-color: #000000; }

body {
  overflow: hidden;
  background-color: #FFFFFF;
  font: 100% 'Open Sans', Arial, sans-serif;
  margin: 0px;
  padding: 0px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  height: 100%;
  overflow: hidden; }

#usdata {
  display: none; }

* {
  transition: all 0.2s ease-in-out; }

/* ---------------------------------------------------------------------------------- */
main {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%; }

#showcase-slider {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  overflow: auto;
  z-index: 99 !important;
  background: #43182F; }

.slidePoints {
  position: absolute;
  width: 350px;
  text-align: right;
  z-index: 9999999999999999999999999; }

.slidePoints a {
  display: inline-block;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.33);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.33);
  text-decoration: none;
  text-indent: -9999px;
  width: 6px;
  height: 6px;
  margin: 0 5px 0 5px;
  border-radius: 6px; }

.slidePoints a:hover {
  border: 1px solid white; }

.slidePoints a.active {
  background: white; }

.slideritem {
  position: absolute;
  top: 0;
  left: 0; }

.slideritem img {
  display: block;
  border: 0;
  width: 100%;
  height: auto; }

.slideritem .overlay {
  position: absolute;
  top: 0;
  left: 0; }

.slideritem .overlay .caption {
  position: absolute;
  bottom: 85px;
  left: 100px;
  text-shadow: 0 1px 33px rgba(0, 0, 0, 0.8);
  font-weight: 700; }

.slideritem .overlay .caption h2 {
  display: block;
  font-size: 80px;
  line-height: 80px;
  color: #FFFFFF;
  text-transform: uppercase;
  margin: 0 0 15px 0; }

.slideritem .overlay .caption div {
  font-size: 48px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.8); }

aside {
  display: block;
  position: absolute;
  top: 0;
  background: #43182F; }

aside div {
  display: block;
  width: 100%;
  color: #FFFFFF;
  text-shadow: 0 1px 33px rgba(0, 0, 0, 0.9);
  clear: left;
  overflow: hidden; }

aside div span.number {
  display: block;
  font-weight: 700;
  float: left;
  text-align: center; }

aside div span.caption {
  display: block;
  width: auto;
  float: left;
  font-weight: 400;
  text-transform: uppercase; }

aside div.taken {
  color: rgba(255, 255, 255, 0.5); }

@media only screen and (min-width: 1480px) {
  /* 1920px - 1080p*/
  body {
    font-size: 44px;
    background: #43182F url("../images/tvbg1080p.png") no-repeat 50%;
    background-size: 1920px 1080px; }
  main {
    width: 1590px; }
  #showcase-slider {
    width: 1590px;
    height: 1080px; }
  .slidePoints {
    bottom: 28px;
    right: 48px; }
  .slideritem .overlay {
    width: 1590px;
    height: 1080px;
    background: url("../images/overlay1080p.png") no-repeat 0 0; }
  .slideritem .overlay .caption {
    bottom: 85px;
    left: 100px; }
  .slideritem .overlay .caption h2 {
    font-size: 80px;
    line-height: 80px;
    margin: 0 0 15px 0; }
  .slideritem .overlay .caption div {
    font-size: 48px;
    line-height: 1.4; }
  aside {
    width: 330px;
    height: 1080px;
    left: 1590px; }
  aside div {
    height: 90px;
    line-height: 90px;
    background: url("../images/room1080p.svg") no-repeat 0 0;
    background-size: 330px 90px; }
  aside div span.number {
    width: 90px;
    margin: 0 30px 0 0; } }

@media only screen and (max-width: 1480px) {
  body {
    font-size: 29px;
    background: #43182F url("../images/tvbg720p.png") no-repeat 50%;
    background-size: 1280px 720px; }
  main {
    width: 1060px; }
  #showcase-slider {
    width: 1060px;
    height: 720px; }
  .slidePoints {
    bottom: 16px;
    right: 16px; }
  .slideritem .overlay {
    width: 1060px;
    height: 720px;
    background: url("../images/overlay720p.png") no-repeat 0 0; }
  .slideritem .overlay .caption {
    bottom: 56px;
    left: 66px; }
  .slideritem .overlay .caption h2 {
    font-size: 53px;
    line-height: 53px;
    margin: 0 0 15px 0; }
  .slideritem .overlay .caption div {
    font-size: 32px;
    line-height: 1.4; }
  aside {
    width: 220px;
    height: 720px;
    left: 1060px; }
  aside div {
    height: 60px;
    line-height: 60px;
    background: url("../images/room720p.svg") no-repeat 0 0;
    background-size: 220px 60px; }
  aside div span.number {
    width: 60px;
    margin: 0 20px 0 0; } }

@media only screen and (min-width: 1921px) {
  /* 3840px - 2160p*/
  body {
    font-size: 88px;
    background: #43182F url("../images/tvbg1080p.png") no-repeat 50%;
    background-size: 3840px 2160px; }
  main {
    width: 3180px; }
  #showcase-slider {
    width: 3180px;
    height: 2160px; }
  .slidePoints {
    bottom: 28px;
    right: 48px; }
  .slideritem .overlay {
    width: 3180px;
    height: 2160px;
    background: url("../images/overlay1080p.png") no-repeat 0 0; }
  .slideritem .overlay .caption {
    bottom: 85px;
    left: 100px; }
  .slideritem .overlay .caption h2 {
    font-size: 160px;
    line-height: 160px;
    margin: 0 0 15px 0; }
  .slideritem .overlay .caption div {
    font-size: 96px;
    line-height: 1.4; }
  aside {
    width: 660px;
    height: 2160px;
    left: 3180px;
    right: auto; }
  aside div {
    height: 180px;
    line-height: 180px;
    background: url("../images/room1080p.svg") no-repeat 0 0;
    background-size: 660px 180px; }
  aside div span.number {
    width: 180px;
    margin: 0 60px 0 0; } }