/* PRINT ######################################################################################## */
@media print {

body {
	background: none !important;
	background-color: #fff !important;
	color: #555 !important;
}

h1, h2, h3, h4, h5 {
	color: #777 !important;
}

}



/* BIG SCREEN #################################################################################### */
@media screen and (min-width: 1281px) {

}

/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 1900px) {


  body {
    overflow-x: hidden;
  }
}

/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 1800px) {

}

/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 1570px) {


}


/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 1450px) {


}


/* STANDARD VIEW ################################################################################# */
@media screen and (max-width: 1330px) {

}



/* TABLET ####################################################################################### */

@media screen and (max-width: 1050px) {

/* ##### Hide / Show */

#onepagenav,
#header-wrapper,
.submenu-inner.list3 .toolbar-info,
#sidebar,
.offer:last-child,
#infocenter-icons.icons-4 .infocenter-icon:last-child,
.footerbox-right {
	display: none !important;
}


/* ##### Custom */


.header-image {
	height: 100%;
}

.intro {
  max-width: 62vh;
}

}





/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 850px) {

.intro {
  max-width: 55vh;
}


}


/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 775px) {

.logo {
  width: 75%;
}

}


/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 720px) {



/* ##### Custom */

p, .datenschutz h1 {
  hyphens: auto;
}


h2 {
  text-align: center;
  color: #000;
  margin: 1vh auto 2vh auto;
  width: 95%;
}

}

/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 710px) {

.intro {
  max-width: 45vh;
}

}




/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 580px) {

.intro {
  max-width: 32vh;
}

}


/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 500px) {


}


/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 460px) {

  li {
  font-size: 18px;
}

.intro {
  max-width: 26vh;
  margin: 4vh auto;
}

.logo {
  width: 99%;
}

h1 {
  font-size: 30px;
  hyphens: none;
}


p, ul li {
  line-height: 26px;
  font-size: 20px !important;
}

}


/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 370px) {

.responsive-bg {
  right: 20px;
  width: 400px;
  transform: translateY(12%);
}


}



/* SMARTPHONE ##################################################################################### */
@media screen and (max-width: 320px) {


}