/* 
Autor: Raffael Knoll - Dogma
ac0e25 - rot
*/


/*presets*/
.clear {
	clear: both;
}

h1.upper,
h2.upper,
h3.upper,
h6.upper,
h4.upper,
h5.upper {
    text-transform: uppercase;
}

h4.upper {
 color: #535353;	
}

header#header {
    height: 100vh;
    margin-bottom: 50px;
}

body.unterseite header#header {
	height: 210px;
	
}

.clickable {
    cursor: pointer;
}
/*
a[href^=tel], a[href*="0"]{
    color:inherit;
    text-decoration:none;
}
*/
hr.hr_headline {
	text-align: left; 
	color: #ac0e25;
	width: 70px; 
	border-top: 2px solid #ac0e25;
}

a {
	color: #ac0e25;
}


a:hover,
a:visited {
	color: #8a0a1d;
}

.abstand_m_top_20 {
	margin-top : 20px;
}

p {
	font-size: 14px;
}

.projekt-seite a,
.xobj-sonstiges a {
	color: #ac0e25;
	text-decoration: underline;
}

.projekt-seite a:hover,
.xobj-sonstiges a:hover {
	color: #8a0a1d;
}


.jumbotron {
	border-radius: 0;
}


div#navbar-responsive-2 {
    z-index: 9999999;
}

.form-control {
  border-radius: 0px;
}

.defaultplatzhalter {
	height: 100px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.defaultplatzhalter {
		height: 90px;
	}
}

@media (max-width: 767px) {
	.defaultplatzhalter {
		height: 50px;
	}
}
@media (max-width: 991.98px) { 
	.push-little-right {
		margin-left: 10px;
	}
	h2 {
		font-size: 1.5rem;
	}
}

.weiss,
h4.weiss {
	color: #fff;
	text-shadow: 0px 0px 9px rgba(150, 150, 150, 1);
}

hr.weiss {
	border-top: 2px solid #fff;
}

.navbar-light .navbar-toggler.p-0.border-0.outer .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
/*
.mod_navigation.block.navbar-nav.ml-auto {
	margin-top: 29px;
}*/


.jumbotron.top-menue {
	background-color: #fff;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;	
	padding-bottom: 0;	
}

@media all and (max-width: 992px) {
	.jumbotron.top-menue {
		background-color: transparent;

	}
	
} 

.navbar.mod_bs_navbar.navbar-light.bg-light.navbar-expand-lg {
	padding-bottom: 0;
}

/*******************************/
/*     Brot bread              */
/*******************************/
.mod_breadcrumb.container.brot-container.block {
	color: #535453;
	
}

.mod_breadcrumb.container.brot-container.block ul li a span {
		color: #000;

}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: transparent!important;
    border-radius: .25rem;
}

ul.brot-push {
    padding-top: 8px;
    text-transform: uppercase;
}
/*******************************/
/*     Menu color              */
/*******************************/


@media (min-width: 992px) { 
	li.nav-item {
		transition: background-color 0.3s ease;
	    background: transparent;
	}
	
	li.nav-item:hover {
	    background: #ac0e25;
	}
	
	.level_1.navbar-nav li.nav-item span {
		color: #000;
	}
	.level_1.navbar-nav li.nav-item:hover span,
	li.nav-item:hover span {
	    color: #fff;
	}
	
	.level_1.navbar-nav li.nav-item strong.nav-link {
		color: #fff;
	}

	.level_1.navbar-nav li.active.nav-item strong.nav-link {
	    color: #fff;
	}
	li.active.nav-item {
	    background: #ac0e25;
	}
	.level_1.navbar-nav .active.nav-item .nav-link span {
		color: #fff;
	}
}


/*******************************/
/*     Button                  */
/*******************************/

button.btn-detail {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #ffffff;
  background: #ac0e25;
  	/*background: #8a0a1d; /* Old browsers */
/*	background: -moz-linear-gradient(left, #8a0a1d 0%, #680001 25%, #a30d0f 73%, #8a0a1d 100%); /* FF3.6-15 */
/*	background: -webkit-linear-gradient(left, #8a0a1d 0%,#680001 25%,#a30d0f 73%,#8a0a1d 100%); /* Chrome10-25,Safari5.1-6 */
/*	background: linear-gradient(to right, #8a0a1d 0%,#680001 25%,#a30d0f 73%,#8a0a1d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a0a1d', endColorstr='#8a0a1d',GradientType=1 ); /* IE6-9 */
  padding: 10px 20px 10px 20px;
  text-decoration: none;
/*  border-color: #ac0e25;*/  
	border-color: transparent;
}

button.btn-detail.btn:hover {
 background: #8a0a1d;

/*	background: -moz-linear-gradient(left, #6d0716 0%, #4a0102 25%, #73090b 73%, #540611 100%); /* FF3.6-15 */
/*	background: -webkit-linear-gradient(left, #6d0716 0%,#4a0102 25%,#73090b 73%,#540611 100%); /* Chrome10-25,Safari5.1-6 */
/*	background: linear-gradient(to right, #6d0716 0%,#4a0102 25%,#73090b 73%,#540611 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d0716', endColorstr='#540611',GradientType=1 ); /* IE6-9 */
  text-decoration: none;
/*  border-color: #ac0e25;*/  
	border-color: transparent;
}


button.btn-detail:hover {
  background: #8a0a1d;
  text-decoration: none;
  border-color: #8a0a1d;
}

@media all and (max-width: 992px) {
	.banner-schrift-button button.btn-detail {
		margin-left: 0;
	}
}
/*******************************/
/*     Bread Crumb             */
/*******************************/

.brot-container {
	background: #fff;
	position: relative;
/*	top: 45px;*/
	top: 100px;
	height: 60px;
}

.brot-container li {
	display: inline;
}

.brot-container ul {
	margin-bottom: 0;
	padding-left: 0;
}

@media all and (min-width: 767px) and (max-width: 992px){
	.brot-container {
		top: 150px!important;
	}
}


@media all and (max-width: 767px){
	.brot-container {
		top: 1px!important;
	}
}

/*******************************/
/*     Startseite  Banner     */
/*******************************/
/*.startseite_dogma .container#container {
	padding-left: 0;
	padding-right: 0;
}*/
.banner-schrift-button {
	position: absolute;
	top: 30%;
}

.banner-schrift-button .banner-schrift {
	color: #ffffff;
	text-shadow: 0px 0px 9px rgba(150, 150, 150, 1);
}

section#section05 {
    left: -55px;
    position: relative;
    top: 81vh;
}


/*******************************/
/*     Navigation / Menü       */
/*******************************/
.banner-gb-font_sub {
	background: #8a0a1d; /* Old browsers */
	background: -moz-linear-gradient(left, #8a0a1d 0%, #680001 25%, #a30d0f 73%, #8a0a1d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #8a0a1d 0%,#680001 25%,#a30d0f 73%,#8a0a1d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #8a0a1d 0%,#680001 25%,#a30d0f 73%,#8a0a1d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a0a1d', endColorstr='#8a0a1d',GradientType=1 ); /* IE6-9 */
	width: 100vw;
	height: 210px;
	position: absolute;
	top: 0;
	z-index: -1;
}

.banner-gb-font {
	width: 100vw;
	height: 100vh;
	position: absolute;
	top: 0;
	z-index: -1;
/*	background: url(../img/bg-dummy.jpg) no-repeat center top;*/
	background: url(../img/villa3.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.container.bs_nav_dogma {
	color: #fff;
}


@media all and (min-width: 767px) {
	.navbar-light .navbar-brand {
	    color: rgba(0,0,0,.9);
		position: absolute;
		top: -5px;
		left: 10px;
		
	}
}

@media all and (max-width: 766px) {
	.navbar-light .navbar-brand {
		top: 0px;
		padding-top: 0;
		
	}
}


.navbar-brand svg.svg-left-abstand	{
	filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=5, Color='#444')";
    filter: url(#drop-shadow);
    -webkit-filter: drop-shadow(0px 5px 10px rgba(0,0,0,0.8));
    filter: drop-shadow(0px 5px 10px rgba(0,0,0,0.8));
}

/*******************************/
/*     Navigation / Menü       */
/*******************************/

.header-kontakt {
	float: right;
	color: #fff;
	position: relative;
	top: 5px;
}

.start_main .header-kontakt a{
	color: #fff;
	-o-transition:color .2s ease-out;
  -ms-transition:color .2s ease-out;
  -moz-transition:color .2s ease-out;
  -webkit-transition:color .2s ease-out;
  transition:color .2s ease-out;
}

.start_main .header-kontakt a:hover { 
	color: #ac0e25; 
	text-decoration: none;
}

.header-kontakt a{
	color: #fff;
	-o-transition:color .2s ease-out;
  -ms-transition:color .2s ease-out;
  -moz-transition:color .2s ease-out;
  -webkit-transition:color .2s ease-out;
  transition:color .2s ease-out;
}

.header-kontakt a:hover { 
	color: #e8e8e8; 
	text-decoration: none;
}


.header-kontakt p {
	padding-top: 10px;
	margin-bottom: 1px;
	color: #fff;
}

.header-kontakt  span {
	padding-left: 5px;
	padding-right: 20px;
}

@media (max-width: 766px) { 
	.header-kontakt	{
		display: none;
	}
}

/*******************************/
/*     Navigation / Menü       */
/*******************************/

.navbar.mod_bs_navbar.navbar-light.bg-light nav ul li {
	list-style: none;
	display: inline;
	padding-right: 20px;
	padding-left: 20px;	
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
}

/*.navbar-expand-sm*/
nav.navbar.mod_bs_navbar.navbar-light.bg-light {
	background-color: transparent;
	padding-top: 0;
}

.bg-light {
	background-color: transparent!important;
}

.mobile-menu-logo svg#Ebene_1,
.navbar.mod_bs_navbar.navbar-light.bg-light.navbar-expand-lg svg#Ebene_1 {
	width: 120px;
	/*width: 170px;
	width: 220px;*/
}

@media (min-width: 767px) { 
		.mobile-menu-logo svg.svg-left-abstand,
		.navbar.mod_bs_navbar.navbar-light.bg-light.navbar-expand-lg svg.svg-left-abstand {
			/*width: 120px;
			width: 170px;*/
			width: 220px!important;
	}
}

@media (max-width: 766px) { 
		.mobile-menu-logo svg.svg-left-abstand,
		.navbar.mod_bs_navbar.navbar-light.bg-light.navbar-expand-lg svg.svg-left-abstand {
			bottom: 36px;
			position: relative;
			width: 120px!important;
	}
}

@media (min-width: 992px) { 
	.mobile-menu-logo	{
		display: none;
	}

}

@media (max-width: 991.98px) { 
	.mobile-menu-logo	{
		display: block;
		text-align: center;
	    top: 25px;
	    position: relative;
	}
	.mobile-menu-logo a	{
		margin: 0;
	}
	.navbar-nav {
		text-align: center;
	    top: 25px;
	    position: relative;
	}
}

.icon-bar {
	width: 22px; 
	height: 2px;
	background-color: #B6B6B6;
	display: block;
	transition: all 0.2s;
	margin-top: 4px
}
 
.navbar-toggler {
  border: none;
  background: transparent !important;
}

@media (min-width: 767px) and (max-width: 992px) { 
	.navbar-toggler.p-0.border-0 {
    position: absolute;
    right: 33px;
    top: 52px;
	}

	
}


.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
 
.navbar-toggler .middle-bar {
  opacity: 0;
}
 
.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
 
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}
 
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
}
 
.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}

.navbar {
	z-index: 888888;
}

/*******************************/
/*     Startseite / Ximmo      */
/*******************************/
@media all and (max-width: 1199px) {
	.toggle_big,
	.ximmo_container.big {
		display: none;
	}
	.toggle_medium,
	.ximmo_container.medium {
		display: block;
	}
}
@media all and (min-width: 1200px) {
	.toggle_big,
	.ximmo_container.big {
		display: block;
		margin-bottom: 40px;
	}
	.toggle_medium,
	.ximmo_container.medium {
		display: none;
	}

}

@media all and (min-width: 992px) {
	.toggle_small {
		display: none;
	}
}

@media all and (max-width: 991.89px) {
	.toggle_medium,
	.ximmo_container.medium {
		display: none;
	}
	.toggle_small {
		display: block;
	}
}


.ximmo_container.medium .medium_auflistung {
	max-width: 400px;
}

.ximmo-container-all {
	margin-bottom: 100px;
}

.row.big {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-left: 0;
}

.medium_auflistung {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-right: 30px;
    margin-left: 15px;
}


.small_auflistung {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin: 10px;
}

.col-3.big_bild {
	padding-right: 0;
	padding-left: 0;
    position: relative;
    background-color: #ac0e25;
}

.col-3.big_bild .img_counter_numb {
	position: absolute;
	bottom: 0;
	left: 15px;
	color: white;
}

.ximmo_container.big .big_bild img {
	height: 100%;	
}

.col-2.big_preis {
	/*background-color: #ac0e25;*/
	background: #8a0a1d; /* Old browsers */
	background: -moz-linear-gradient(left, #ac0e25 0%, #821314 25%, #a30d0f 73%, #8a0a1d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ac0e25 0%,#821314 25%,#a30d0f 73%,#8a0a1d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ac0e25 0%,#821314 25%,#a30d0f 73%,#8a0a1d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac0e25', endColorstr='#8a0a1d',GradientType=1 ); /* IE6-9 */
	padding-left: 0;
}

.col-7.big_right {
	background-color: #e8e8e8;
	color: #525252;
}

.col-7.big_right .auflistung {
	text-align: center;
}

.col-7.big_right .auflistung h2 {
	position: relative;
    top: -5px;
}

.col-7.big_right .col-12 {
	position: relative;
	top: 15px;
}

.col-2.big_preis .top_mittig {
	position: relative;
	top: 35%;
	color: #fff;
	text-align: center;
}

a.ximmo_container:hover {
    text-decoration: none;
}

.col-sm-12 .medium_bild {
	padding-top: 15px;
	padding-bottom: 10px;
}

.medium_bild .img_counter_numb {
	position: absolute;
    top: 190px;
    left: 25px;
	color: white;
}

.medium_auflistung {
	color: #525252;
}

.medium_top_mittig {
	padding-bottom: 15px;
}


.medium_top_mittig button.btn-detail {
	position: absolute;
	right: 20px;
    bottom: 20px;
    cursor:pointer;
}

.small_auflistung .col-xs-12 {
	padding: 15px;
	color: #525252;
}

.small_bild img {
	width: 100%;
	height: auto;
}
.small_bild {
	padding-bottom: 10px;
}

.small_bild .img_counter_numb {
	position: absolute;
    top: 30px;
    left: 40px;
	color: white;
}

.small_top_mittig button.btn-detail {
	position: absolute;
	right: 20px;
    bottom: 30px;
    cursor:pointer;
}





/*******************************/
/*     Startseite / Ximmo      */
/*******************************/
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
/*	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%535353'%2F%3E%3C%2Fsvg%3E");	*/
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%20%3D%270%200%2029%2044%27%3E%3Cpath%20fill%3D%22%23535353%22%20d%3D%22M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22L24.1%2C41.9L22%2C44L0%2C22L0%2C22L0%2C22z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M4.15%2C22l22-22l2.1%2C2.1L8.351%2C22L28.25%2C41.9l-2.1%2C2.1L4.15%2C22L4.15%2C22L4.15%2C22z%22%2F%3E%3C%2Fsvg%3E");
	left: 0px;
    right: auto;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 29px;
	
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
/*	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23535353'%2F%3E%3C%2Fsvg%3E");*/	
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%20%3D%270%200%2029%2044%27%3E%3Cpath%20fill%3D%22%23535353%22%20d%3D%22M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M22.5%2C22L22.5%2C22l-22%2C22l-2.1-2.1L18.3%2C22L-1.6%2C2.1L0.5%2C0L22.5%2C22L22.5%2C22z%22%2F%3E%3C%2Fsvg%3E");
    right: 0px;
    left: auto;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #535353;
}

/*******************************/
/*     SUnterseite / Xobj      */
/*******************************/
.projekt-seite .projekt-top {
	margin-top: 50px;
	margin-bottom: 50px;
	color: #535353;
}

.zentrieren {
	text-align: center;
/*    float: left;*/
}

.projekt-seite .projekt-top .col-sm-6 {
	padding-left: 0;
	padding-right: 100px;
    padding-top: 50px;
}

.jumbotron.xobj {
	background-color: #535353;
	color: #fff;
}

.fotorama__stage__frame {
	background-color: #535353;
}

.obj-tiles .col-sm-12.col-md-6.col-lg-4 {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-right: 12px;
    margin-left: 12px;
    padding: 8px;
    margin-bottom: 50px;
}
@media (min-width: 992px) { 
	.obj-tiles .col-sm-12.col-md-6.col-lg-4 {
    	max-width: 30%;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) { 
	.obj-tiles .col-sm-12.col-md-6.col-lg-4 {
    	max-width: 48%;
    	margin-right: 0px;
	}
}

@media (max-width: 767px) { 
	.obj-tiles .col-sm-12.col-md-6.col-lg-4 {
    	
    	margin-right: 10px;
    	margin-left: 10px;
		max-width: 95%;
	}
}

@media (max-width: 575px) { 
	.projekt-seite .projekt-top .col-sm-6 {
	    padding-left: 15px;
	    padding-right: 15px;
	    padding-top: 50px;
	    max-width: 50%;
	}
}

.obj-tiles.small .col-sm-12.col-md-6.col-lg-4 {
	background: #fff;
}

@media (min-width: 768px) { 
	.obj-tiles.small,
	.obj-tiles-small {
		display: none;
	}
	.obj-tiles.big {
		display: block;
	}
}

@media (max-width: 767px) { 
	.obj-tiles.small,
	.obj-tiles-small {
		display: block;
	}
	.obj-tiles.big {
		display: none;
	}
}

/*******************************/
/*     SUnterseite / Xobj      */
/*******************************/
footer#footer {
/*	background: #ac0e25;*/
	background: #8a0a1d; /* Old browsers */
	background: -moz-linear-gradient(left, #8a0a1d 0%, #680001 25%, #a30d0f 73%, #8a0a1d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #8a0a1d 0%,#680001 25%,#a30d0f 73%,#8a0a1d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #8a0a1d 0%,#680001 25%,#a30d0f 73%,#8a0a1d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a0a1d', endColorstr='#8a0a1d',GradientType=1 ); /* IE6-9 */
}

footer#footer .container.bottom-bar a{
	color: #fff;
}

footer#footer .container.bottom-bar .col-md-12 {
	text-align: right;
	margin: 10px 0 10px;
}

footer#footer .jumbotron {
	background: #535353 ;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

footer#footer .jumbotron .mobile-menu-logo {
	display: none;
}

footer#footer .footer-menue {
	margin-top: 30px;
    margin-bottom: 30px;
}

@media (max-width: 567px) { 
	footer#footer .footer-menue {
		margin-top: 10px;
	    margin-bottom: 60px;
	}
}
footer#footer .footer-menue a,
footer#footer .footer-menue strong,
footer#footer .footer-menue h5 {
	color: #fff;
	text-decoration: none;
}

footer#footer .footer-text {
	background: #fff ;
	position: relative;
	padding: 0;
	display: block;
}

@media (max-width: 767px) { 
footer#footer .footer-text {
		display: none;
	}
}

footer#footer .footer-menue .level_1.navbar-nav {
	text-align: left;
}

footer#footer .jumbotron .invisible {
	display: none;
}

footer#footer .inner-footer-text {
    background: #fff;
    top: -64px;
    position: relative;
    padding: 15px 15px 0 15px;
    z-index: 1000;
    -webkit-box-shadow: 0px -3px 11px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -3px 11px 0px rgba(0,0,0,0.75);
	box-shadow: 0px -3px 11px 0px rgba(0,0,0,0.75);
	box-shadow: 0 9px 0px 0px white, 0 -9px 15px -4px rgba(0,0,0,0.2), 12px 0 15px -4px rgba(0,0,0,0.2), -12px 0 15px -4px rgba(0,0,0,0.2);
}

footer#footer .footer-ref img {
	border: 2px solid #fff;	
	margin-right: 15px;
}

footer#footer .footer-ref h5 {
	margin-bottom: 12px;	
}

footer#footer .footer-ref {
	color: #fff;
	margin-top: 30px;
    margin-bottom: 30px;
}

@media (max-width: 991.98px) {
	.footer-text img {
	    width: 97%;
	}
}

/*******************************/
/*     Expose                  */
/*******************************/
.expose-radio .custom-radio {
	float: left;
	margin-right: 50px;
}


/*******************************/
/*     Über uns Startseinte    */
/*******************************/
.jumbotron.main-ueber-uns {
	background: linear-gradient(
    to right, 
    #e8e8e8 0%, 
    #e8e8e8 50%, 
    transparent 50%, 
    transparent 100%);
    padding-top: 0;
}

.jumbotron.inner-main {
    position: absolute;
    background-image: url('../img/villa.jpg');
    background-size: cover;
    background-position: center center;
    width: 50%;
    right: 0;
	background-repeat:no-repeat;
}

.jumbotron.main-ueber-uns .container {
	padding-top: 64px;	
}

.jumbotron.main-ueber-uns.small {
	display: none;
}

.jumbotron.main-ueber-uns.big {
	display: block;
}


@media all and (max-width: 767px) {
	.jumbotron.main-ueber-uns.small {
		display: block;
	}
	.jumbotron.main-ueber-uns.big {
		display: none;
	}
	.jumbotron.main-ueber-uns {
	    background: #e8e8e8 0%;
		
	}
} 



/*******************************/
/*  Referrenzen Startseinte    */
/*******************************/
.jumbotron.main-referenzen {
	background: #e8e8e8;
	padding-top: 0;
    padding-bottom: 0;

}

.main-referenzen-container,
.container.referenzen-main-btn {
	display: block;
}

.main-referenzen-container .main-referenzen .row {
	margin-right: -7px;
    margin-left: -7px;
}

[class^="imagesteal"] {
/*	display: block;*/
	visibility: hidden;
    width: 100%;
    height: 100%;
	cursor: pointer;
}

.doNotShow a {
	display: block;
	height : 100%;
}

[id^="links"] {
	cursor: pointer;
}

.doNotShow {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	filter: grayscale(100%);
	transition: all 0.5s ease;

}

.doNotShow:hover {
	filter: grayscale(0%);
}

.doNotShow.col-sm-8,
.doNotShow.col-sm-4 {

	border-left: 8px solid #e8e8e8;
	border-right: 8px solid #e8e8e8;
	margin-bottom: 15px;
/*	margin-right: 15px;*/
}

a:not([href]):not([tabindex]) {
	color: #fff;
}

a:not([href]):not([tabindex]):focus, 
a:not([href]):not([tabindex]):hover {
	color: #ac0e25;
}

.referenzen-main-btn {
	margin-bottom: 100px;

}

@media (max-width: 576px) {
.main-referenzen-container,
.container.referenzen-main-btn {
		display: none;
	}
}

.neuer_bg5,
.neuer_bg6 {
	margin-bottom: 0!important;
}


@media all and (max-width: 767px) {
	.main-referenzen-container,
	.container.referenzen-main-btn {
		display: none;
	}
} 
/*******************************/
/*  drei tiles  Startseinte    */
/*******************************/
.main-drei-tiles-img {
	width: 60%;
	/*filter: grayscale(100%);
	transition: all 0.5s ease;*/

}
/*
.main-drei-tiles-img:hover {
	filter: grayscale(0%);

}*/

.jumbotron.main-drei-tiles {
	margin-bottom: 0;
	background: #e8e8e8;
	display: block;
}

@media (max-width: 576px) {
	.jumbotron.main-drei-tiles {
		display: none;
	}
}

/*******************************/
/*  drei tiles  Startseinte    */
/*******************************/
.main-seibold {
   background: url('../img/bg-blur.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-bottom: 0;
}

img.main-seibold-img {
    border-radius: 50%;
    border: 2px solid #fff;
}

.jumbotron.main-seibold .col-sm-5 {
	text-align: right;
}

.main-seibold-text p {
	color: #fff;
	text-shadow: 0px 0px 9px rgba(150, 150, 150, 1);
}

/*******************************/
/*  Presse                     */
/*******************************/
.presse_bilder_container .col-sm-6.col-md-4.col-lg-3 {
	margin-top: 25px;
	margin-bottom: 25px;
}

/*******************************/
/*  Referenzsiete              */
/*******************************/
.doNotShow.col-sm-6.col-md-4 {
	border: 15px white solid;
	border-left: 0;
    border-bottom: 0;
    padding: 0;
}

section#section5 {
  position: relative;
  width: 100%;
  height: 100%;
}
section#section5::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 80%;
  background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 80%,rgba(0,0,0,.8) 100%);
  background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 80%,rgba(0,0,0,.8) 100%);
}

.demo a {
  position: absolute;
  bottom: 20px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  font : normal 400 20px/1 'Josefin Sans', sans-serif;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
  text-shadow: 0px 0px 13px rgba(150, 150, 150, 1);
}
.demo a:hover {
  opacity: .5;
  
}

#section05 a {
  padding-top: 70px;
  text-shadow: 0px 0px 13px rgba(150, 150, 150, 1);
}
#section05 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb05 1.5s infinite;
  animation: sdb05 1.5s infinite;
  box-sizing: border-box;
  text-shadow: 0px 0px 13px rgba(150, 150, 150, 1);
}
@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb05 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}


/*******************************/
/*  Unterseiten              */
/*******************************/

.mod_ximmo_list.block.big figure.image_container img {
    width: 100%;
    height: auto;
}


/*******************************/
/*                */
/*******************************/

.ce_text figure.image_container img {
    width: 100%;
    height: auto;
}

@media (max-width: 766px) {
	.ce_text figure.image_container.float-right,
	figure.projektierung.image_container.float-right	{
		margin-left: 0!important;
	}
}


/*******************************/
/*            News Projektierung    */
/*******************************/

.card-product:after {
	content: "";
	display: table;
	clear: both;
	visibility: hidden; 
}
.card-product .price-new, .card-product .price {
	margin-right: 5px; 
}

.card-product .price-old {
	color: #999; 
}

.card-product .img-wrap {
	border-radius: 3px 3px 0 0;
	overflow: hidden;
	position: relative;
	height: 220px;
	text-align: center; 
}

.card-product .img-wrap img {
  max-height: 100%;
  max-width: 100%;
  object-fit: cover; 
}
  
.card-product .info-wrap {
	overflow: hidden;
	padding: 15px;
	border-top: 1px solid #eee; 
}

.card-product .action-wrap {
	padding-top: 4px;
	margin-top: 4px; 
}
	
.card-product .bottom-wrap {
	padding: 15px;
	border-top: 1px solid #eee; 
}
.card-product .title {
	margin-top: 0;		 
}


img.projektierungsbild {
	width: 100%;
	height: auto;
}

h6.title.text-dots a {
	color: #ac0e25;
}

h6.title.text-dots a:hover {
	color: #8a0a1d;
	text-decoration: none;
}

figure.card.card-product:hover a {
	color: #8a0a1d;
}
figure.card.card-product img {
	transition: transform .2s; /* Animation */
}

figure.card.card-product:hover img {
	transform: scale(1.2);
}


