/*

    ////////////////////////////////////////////////////////////
    //
    // L8M
    //
	//
	// Contains CSS (for screen).
    //
	// Filesource /public/default/css/screen/responsive.css
	// Version    $Id: responsive.css 514 2016-09-19 15:21:11Z nm $
    //
    ////////////////////////////////////////////////////////////

    ////////////////////////////////////////////////////////////
    // general
    ////////////////////////////////////////////////////////////

*/


/**
 * only show caption within a specific height
 */
@media screen and (max-width: 1449px) {

	.col-md-50p.col-lg-33p {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-md-100p.col-lg-33p {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-md-100p.col-lg-33p .content-box.content.double {
		height: 28vw;
	}
}


/**
 * only show caption within a specific height
 */
@media screen and (max-width: 1199px) {


}


/**
 * smaller then xl - extra large - this is: large (lg)
 */
@media screen and (max-width: 1199px) {

	.content-box.content {
	}

	.default-index-index .header-carousel-item-content,
	.default-premium-gemeinschaftsflaechen-index .header-carousel-item-content,
	.default-der-standort-index .header-carousel-item-content {
		padding-left: 44vw;
		padding-right: 4vw;
		padding-top: 5vw;
	}
}


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

}


/**
 * smaller then lg - large - this is: medium (m)
 */
@media screen and (max-width: 991px) {
	.hasCookieWarning footer {
		padding-bottom: 150px;
	}

	.content-box.content {
	}

	.col-md-50p.col-lg-33p,
	.col-md-100p.col-lg-33p {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.col-md-50p.col-lg-33p .content-box.content {
		height: 56vw
	}
	.col-md-100p.col-lg-33p .content-box.content.double {
		height: 56vw
	}

	.default-index-index .header-carousel-item-content,
	.default-premium-gemeinschaftsflaechen-index .header-carousel-item-content,
	.default-der-standort-index .header-carousel-item-content {
		padding-left: 33vw;
		padding-right: 4vw;
		padding-top: 5vw;
	}
}


/**
 * smaller then m - medium - this is: small (sm)
 */
@media screen and (max-width: 768px) {
	.hasCookieWarning footer {
		padding-bottom: 170px;
	}

	.header-image:empty {
		margin-bottom: 24px;
	}

	.header-carousel-description {
		display: none;
	}

	.content-box.content {
	}

	.default-index-index .header-carousel-item-content,
	.default-premium-gemeinschaftsflaechen-index .header-carousel-item-content,
	.default-der-standort-index .header-carousel-item-content {
		padding-left: 4vw;
		padding-right: 4vw;
		padding-top: 5vw;
	}

	.col-lg-33p.col-md-4 {
		flex: 0 0 50%;
		max-width: 50%;
	}


  form#formRequest {
    height: auto;
    overflow-y: unset;
  }
  form#formRequest .form-element-group,
  form#formRequest #group1-group {
    height: auto;
    margin: 0px;
  }
  form#formRequest button.forward,
  form#formRequest p.require-text:not(.no-hide) {
    display: none;
  }
  form#formRequest div.backward-container {
    display: none;
  }
  form#formRequest ul.errors {
    position: static;
    right: auto;
    bottom: auto;
  }
}


@media screen and (max-width: 648px) {
	.hasCookieWarning footer {
		padding-bottom: 170px;
	}
}


/**
 * smaller then sm - small - this is: extra small
 */
@media screen and (max-width: 575px) {
	footer {
		padding-bottom: 80px;
	}

	.hasCookieWarning footer {
		padding-bottom: 280px;
	}

	div.page div.cookie-warning {
		bottom: 56px;
	}

	.l8m-gallery .item {
		height: 44vw;
	}

	.content-box.content,
	.content-box.content.double {
		height:65vw;
		font-size: 5vw;
	}

	.modal.show .modal-dialog {
		margin-bottom: 4rem;
	}



	.default-index-index .header-carousel-item-content,
	.default-premium-gemeinschaftsflaechen-index .header-carousel-item-content,
	.default-der-standort-index .header-carousel-item-content {
		padding-left: 4vw;
		padding-right: 4vw;
		padding-top: 10vw;
	}


	a#to-bottom {
		bottom: 70px;
	}

	.header-carousel.owl-theme .owl-dots {
		bottom: 80px;
		width: 40%;
		left: 60%;
	}

	body {
		font-size: 20px;
	}

	.h1, h1,
	.content-box.content .h1 {
		font-size: 9vw;
	}

	.content-box.content .teaser-text {
		font-size: 3vw;
	}


	.col-lg-33p.col-sm-4 {
	    flex: 0 0 50%;
	    max-width: 50%;
	}

	.apartment-carousel .carousel-control {
	    display: none;
	}


	.header-image .header-carousel .owl-dots {
		display: none;
	}
}


@media screen and (max-width: 480px) {
	.hasCookieWarning footer {
		padding-bottom: 300px;
	}
}


@media screen and (max-width: 420px) {
	.hasCookieWarning footer {
		padding-bottom: 335px;
	}

	.footer-legal-links {
		font-size: 0.8rem;
	}


	main div.content.text-break .h1,
	main div.content.text-break .h2,
	main div.content.text-break .h3,
	main div.content.text-break .h4,
	main div.content.text-break .h5,
	main div.content.text-break .h6,
	main div.content.text-break h1,
	main div.content.text-break h2,
	main div.content.text-break h3,
	main div.content.text-break h4,
	main div.content.text-break h5,
	main div.content.text-break h6,
	main div.content.text-break a:not(.btn) {
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
}


@media screen and (max-width: 360px) {
	.hasCookieWarning footer {
		padding-bottom: 370px;
	}
}


@media screen and (max-width: 320px) {
	.hasCookieWarning footer {
		padding-bottom: 370px;
	}
}