/* ----------------------------------------------------------------
	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: #EF94C6;
	--bs-hover: #F8D2E8;

}


/*----- Schriften-----*/

h2 {font-family: 'Corinthia', sans-serif;
	font-size: 6.5rem; 
	font-weight:200;
	line-height: .60; 
}

h1 {font-family: 'Corinthia', sans-serif;
	font-size: 6.5rem; 
	font-weight:200;
	line-height: 1.5; 
}



@media (max-width: 1199px) {
	h1 {
	font-size: 5.5rem; 
	line-height: 1.6; 
}
	#start h3 {font-size: 2.4rem; 	
	} 

}
@media (max-width: 852px) {
 h2 {
	font-size: 5.5rem; 
	
}

}


@media (max-width: 991px) {
    h1 {
	font-size: 5.7rem; 
	line-height: 1.7; 
}
#start h3 {
font-size: 3rem; 
margin-top: -40px;
	line-height: .90;
}
.header-text {
	margin-bottom: -100px; 
}
}

@media (max-width: 472px) {
    h1 {
	font-size: 5.7rem; 
	line-height: 0.7; 
}
#start h3 {
margin-top: -10px;
	line-height: .90;
}
.header-text {
	margin-bottom: -100px; 
}
}

/*-- Ampassungen Header Leiste --*/
#logo img {
    height: 200px;
    margin-top: -40px;
    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: 991px) {
.header-text {
	margin-top: -100px; 
   padding-bottom: 250px;
	order: 2;

	}

.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 UPS --*/
.ups-box {
	padding: 20px;
	border-radius: 15px;
	margin: auto;
	margin-bottom: 20px;
	box-shadow: 5px 5px 30px 2px silver;
	width: 200px;
	height: 220px; 
	
}
.ups-box img { height: 150px; 
	
}


/*-- unternehmen --*/


.unternehmen-img {
    height: 100%;
}
.unternehmen-img img{
	object-fit: cover;
    height: 100%;
    width: 100%;
}
.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;
	
    }
}
/*-- gallerie 1 --*/


#galerie-1 .img-fluid {
    min-width:  100%;
    height: 400px;
    object-fit: cover;
}

.item-double-width{
	width: 66.66666666% !important;
}

#galerie-1 .tablet-order:nth-child(6){
    order: 1; 
}
#galerie-1 .tablet-order:nth-child(7){
    order: 2; 
}	
#galerie-1 .tablet-order:nth-child(8){
    order: 3; 
}	
#galerie-1 .tablet-order:nth-child(9){
    order: 4; 
}	


@media (max-width:991px){ 
#galerie-1 .img-fluid {
    height: 250px;
}
	
}

@media (max-width:767px){ 
.item-double-width{
	width: 100% !important;
}
#galerie-1 .tablet-order:nth-child(6){
    order: 2; 
}
#galerie-1 .tablet-order:nth-child(7){
    order: 1; 
}	
#galerie-1 .tablet-order:nth-child(8){
   order: 4; 
}	
#galerie-1 .tablet-order:nth-child(9){
    order: 3; 
}	
}

@media (max-width: 575px){ 
.item-double-width{
	width: 100% !important;
}
#galerie-1 .tablet-order:nth-child(6){
    order: 1; 
}
#galerie-1 .tablet-order:nth-child(7){
    order: 2; 
}	
#galerie-1 .tablet-order:nth-child(8){
    order: 3; 
}	
#galerie-1 .tablet-order:nth-child(9){
    order: 4; 
}	
}


/*-- kundenstimme --*/

blockquote.zitat:after {
    content: "";
}

blockquote.zitat:before {
	color: var(--bs-primary); 
    margin: auto;
    position: relative;
	display: block; 
    
}

@media (max-width:767px){ 
blockquote.zitat {
    font-size: 150%;
}

	
}

/*-- frühstück --*/


.fruehstueck-img {
    height: 100%;
}
.fruehstueck-img img{
	object-fit: cover;
    height: 100%;
    width: 100%;
    object-position: 50%;
}

.container-fruehstueck {
	margin-right: auto;
    margin-left: auto;
    text-align: left;
	padding-right: 120px;
	padding-left: 25px;
	
}
.container-fruehstueck th {
	border-bottom: solid 1px #000;
}
.container-fruehstueck td {
	padding-top: 5px;
	padding-bottom: 20px;
	
}

@media (max-width: 1531px){ 
    .container-fruehstueck {
	padding-right: 40px;
		padding-left: 25px;
}
	.fruehstueck-img img{
    object-position: 35%;
}
}

@media (max-width:1206px){ 
    .container-fruehstueck {
	padding-right: 35px;
	padding-left: 25px;
	
    }
}
@media (max-width:767px){ 
    .container-fruehstueck {
	padding-left: 35px;
	padding-right: 35px;
		padding-top: 35px; 
	
    }
}





/*-- img Ende Kontakt  --*/

.img-kontakt-end {
	width: 30%; 
	margin-top: -120px
}

@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;
}
}
