/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
/*-----------Hauptfarbe anpassen-----------*/ :root {
	--bs-primary: #B39283;
	--bs-hover: #D8CAC4;

}


/*----- Schriften-----*/

h2 {font-family: 'Anta', sans-serif;
	font-size: 4rem; 
	font-weight:200;
	line-height: 0.8; 
}

h1 {font-family: 'Anta', sans-serif;
	font-size: 4.8rem; 
	font-weight:200;
	line-height: 2; 
}

h3, .h3 {
font-size: 2.5rem; 
margin-top: -25px;
	line-height: .90;
}


h4 {font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
	font-weight: 700;
font-size: 1.4rem; 
	margin-bottom: 5px; 
}


#vorteile h4 {
	font-family: 'Roboto Condensed', sans-serif;
  font-style: normal;
  font-weight: 300;
font-size: 2.5rem; 
	line-height: .90;
	
}

@media (max-width: 1199px) {
	h1 {
	font-size: 5.5rem; 
	line-height: .9; 
		padding-top: 25px; 
}
	#start h3, #start .h3 {
		font-size: 2.4rem; 
		margin-top: 0px;} 
.header-text {margin-bottom: 40px;}
}

@media (max-width: 991px) {
    h1 {
	font-size: 3.5rem; 
}
#start h3, #start .h3 {
font-size: 2.7rem; 
	line-height: 1;
}
.header-text {
	margin-bottom: -70px; 
}
}


@media (max-width: 852px) {
 h2 {
	font-size: 3.5rem; 
	
}

}

@media (max-width: 472px) {
    h1 {
	font-size: 3.7rem; 
}
}




/*-- Ampassungen Header Leiste --*/

@media (min-width: 991px){
#logo img {
    height: 200px;
    border-radius: 15px;}
}

#mainnav ul.nav.navbar-nav li.nav-item a.nav-link {
    color: #fff !important;
}

/*-- nav Bar Hintergrund & Scrollen --*/
#header.transparent-header.scrolled {
        background-color: transparent !important;
}
#header.transparent-header.scrolled #header-wrap {
    background-color: transparent !important;;
}
#header.transparent-header.add-border-bottom.scrolled {
    border-bottom: 0;
}
@media (max-width: 991.98px) {
    #nav.navbar.navbar-light #mainnav > ul.nav.navbar-nav {
        background-color: var(--bs-primary);
    }
}

/*-- header background  --*/

.header-image > figcaption {
        position: relative;
	}


/*-- header Img  --*/
.header-text {
	order: 1;
	padding-bottom: 60px; 
}

.header-torte {
	order: 2;
}
.hochzeitstorte {
	max-width: 120%; 
	margin-bottom: 3rem;
	margin-top: 3rem;
}



@media (max-width:1799px){ 
    .hochzeitstorte {
	max-width: 110%; 
}

    }
@media (max-width:1575px){ 
    .hochzeitstorte {
	max-width: 95%; 		
}
		.header-text {
	padding-top: 60px; 
	padding-bottom: 120px;
}
    }
@media (max-width:1199px){ 
    .hochzeitstorte {
	max-width: 120%; 
		margin-left: -60px;
}
	.header-torte img {
	margin-top: 130px;
}
    }

@media (max-width: 991px) {
.header-text {
	margin-top: -100px; 
   padding-bottom: 250px;
	order: 2;

	}
    .hochzeitstorte {
		margin-left: 0px;
		max-width: 100%; 
}
    
.header-torte {
	order: 1;
	text-align: center;
	margin-top: -50px; 
}
}

@media (max-width: 767px) {
.header-text {
	margin-top: -120px; 
   padding-bottom: 300px;

	} 

.header-torte {
	margin-top: 0px; 
}
}

/*-- Ampassungen Icons Usp --*/
#loesungen p{
	line-height: 1.1;
}

#loesungen .container {
	max-width: 1296px; 
}

@media (max-width: 1100px) {
#loesungen .container {
	max-width: 700px; 
}
	#usp .container {
	max-width: 700px; 
}

	} 

@media (max-width: 1100px) AND (min-width: 768px) {
.col-md-3 {
        flex: 0 0 auto;
        width: 50%;}

	} 




 #loesungen .usp-box {
	height: 410px; 
	
}


#usp .col-md-4 { position: relative;
	
}

.usp-arrow:after {
	 content: url("../images/icons/pfeil.svg");
	
	width: 50px;
    position: absolute;
    display: block;
    right: -20px;
    top: 50%;
}

@media (max-width: 835px) {
.usp-arrow:after {
	right: -30px;
	width: 45px;
}
	} 

@media (max-width: 767px) {
.usp-arrow:after {
	 content: url("../images/icons/pfeil_nach_unten.svg");
     top: 82%;
	right: 47%;
	width: 50px;
}
#usp .col-md-4 { padding-bottom: 90px;
	
}
#usp .col-md-4:last-child { padding-bottom: 0px;
	
}
	} 


.usp-box {
	padding: 20px;
	border-radius: 15px;
	margin: auto;
	margin-bottom: 20px;
	box-shadow: 5px 5px 30px 2px silver;
	width: 250px;
	height: 500px; 
	
}
.usp-box img { height: 150px; 
	
}

@media (max-width: 991px) {
.usp-box {
	height: 400px; 
}
 #loesungen .usp-box {
	height: 320px; 
	
}

	} 

/*-- unternehmen --*/

.unternehmen-img {
    height: 100%;
}
#unternehmen .unternehmen-img {
	background-color: var(--bs-primary); 
}

.unternehmen-img img{
	object-fit: cover;
    height: 100%;
    width: 100%;
	
}
#unternehmen .unternehmen-img img{
    object-position: 100%;
}
#partner .unternehmen-img img{
	object-fit: contain;
    height: auto;
    width: 100%;
	object-position: bottom;
}
.container-unternehmen {
	margin-right: auto;
    margin-left: auto;
    text-align: left;
	padding-right: 150px;
}

@media (max-width:1531){ 
    .container-unternehmen {
	padding-right: 40px;
}
}
@media (max-width:1206px){ 
    .container-unternehmen {
	padding-right: 35px;
	
    }
}
@media (max-width:767px){ 
    .container-unternehmen {
	padding-left: 35px;
	padding-right: 35px;
	
    }
}


@media (max-width: 1725px){ 
#unternehmen .unternehmen-img img{
    object-position: 30%;
}

}
@media (max-width: 1540px){ 
#unternehmen .unternehmen-img img{
    object-position: 50%;
}
}
@media (max-width: 1175px){ 
#unternehmen .unternehmen-img img{
    object-position: 52%;
}
}

/*-- private label --*/


.label-img img{
    height: auto;
	object-fit: contain;
    width: 80%;
	transform: translate(0, 80px);
}
.label-unternehmen {
	margin-right: auto;
    margin-left: auto;
    text-align: left;
	padding-left: 150px;
}

.label-button{
	padding-top: 1rem; 
	padding-bottom: 10rem;
}

@media (max-width:1531){ 
    .label-unternehmen {
	padding-left: 40px;
}
}

@media (max-width:1316px){ 
    .label-unternehmen {
	padding-left: 100px;
    }
	.label-img img{
	 width: 90%;
	transform: translate(0, 90px);
}
	}
@media (max-width:1199px){ 
	.label-img img{
		width: 120%;
	transform: translate(0, 110px);
}
	}
@media (max-width:767px){ 
    .label-unternehmen {
	padding-left: 35px;
	padding-right: 35px;

	
    }
		.label-img img{
	 width: 70%;
	transform: translate(0, 80px);
}
	.label-button{
	padding-bottom: 0rem;
}
		
	}


/*-- Vorteile --*/

#vorteile img{ height: 320px; width: 320px; 
	
}

@media (min-width: 768px) and (max-width: 1121px) {
    #vorteile .col-md-4 {
        width: 50%;
    }
	#vorteile .col-md-4:nth-child(5){
		width: 100% !important;
	}
    }

@media (min-width: 1122px){
  #vorteile .col-md-4:nth-child(5), #vorteile .col-md-4:nth-child(4) {
  width: 50%;
}
    }


/*-- giva aways --*/

.give-away {
	margin-bottom: 15rem; 
}

@media (max-width:1316px){ 
.give-away {
	margin-bottom: 10rem; 
}
	}

@media (max-width:991px){ 
.give-away {
	margin-bottom: 7rem; 
}
	}
@media (max-width:575px){ 
.give-away {
	margin-bottom: 5rem; 
}
	}


/*-- gallerie 2 --*/

#galerie_2 .my-shuffle-container {
	transform: translate(0, 0px)
}


@media (max-width:1775px){ 
#galerie_2 .my-shuffle-container {
	transform: translate(0, 0px)
}
	
}

@media (max-width:1465px){ 
#galerie_2 .my-shuffle-container {
	transform: translate(0, 0px)
}
	
}

@media (max-width:994px){ 
#galerie_2 .my-shuffle-container {
	transform: translate(0, 0px)
}
	
}

@media (max-width:575px){ 
#galerie_2 .my-shuffle-container {
	transform: translate(0, 0px)
}
	
}

#galerie_2 .bildtitel a img {
		z-index: 1;
	position: relative;
}

.autobeschreibung {
    background-color: #ffffffdc;
    color: var(--bs-fontcolor);
    z-index: 2;
    position: absolute;
    padding: 5px 15px;
    top: unset;
    line-height: 1.2;
    bottom: 10px;
    margin: 0;
}

/*.autobeschreibung {
	background-color: #ffffffdc;
  color: var(--bs-fontcolor);
  z-index: 2;
  position: absolute;
  padding: 5px 15px;
  top: 85%;
  bottom: unset;
  width: fit-content;
  margin: 0;
  line-height: 1.2;
}*/

#wrapper .galerie-untertitel > figure a.item-content {height: fit-content; display: block; padding-bottom: 0;}

.galerie-untertitel > figure a.item-content p {order: 2;}
.galerie-untertitel > figure a.item-content img {order: 1;}


.autobeschreibung p{
	font-size: 2em;
}


/*--  Kontakt  --*/

.info-box [class^="icon-"]::before, .info-box [class*=" icon-"]::before {
    margin-top: 5px;
	margin-bottom: 45px;
}


@media  (max-width: 1199px) and (min-width: 992px){ 
	.e-mail-info-box h3{ 
		max-width: 400px;}
}


/*-- img Ende Kontakt  --*/
.img-kontakt-end {
	width: 30%; 
	margin-top: -90px
}

@media (max-width: 991px){ 
	.img-kontakt-end {
		margin-top: -30px;
		width: 40%;
	
    }
}

@media (max-width: 575px){ 
	.img-kontakt-end {
		margin-top: 0px;
		width: 60%;
	
    }
}

/*-- footer  --*/

#footer { 
    padding-top: 310px;
}

@media (max-width: 1399px){ 
	#footer {
    background-size: 1920px 500px;
}
}

@media (max-width: 767px){ 
	#footer {
    background-size: 1920px 700px;
}
}

@media (max-width: 399px){ 
	#footer {
    background-size: 1920px 1000px;
}
}