.text-ruby{
	color:#714560;
}
.text-yellow{
	color:#cade06;
}
.text-hover-ruby:hover{
	color:#714560!important;
}
.text-hover-yellow:hover{
	color:#cade06!important;
}
.text-hover-white:hover{
	color:#fff;
}
.text-hover-black:hover{
	color:#000;
}
.button-background-transparent{
	background:transparent;
}
.button-background-hover-transparent:hover{
	background:transparent;
}
.button-border-white{
	border-color:white;
}
.button-border-hover-yellow:hover{
	border-color:yellow;
}
.button-background-black{
	background:#000;
}
.button-background-hover-yellow:hover{
	background:#cade06;
}
.button-border-black{
	border-color:#000;
}
.button-border-hover-yellow:hover{
	border-color:#cade06;
}
.button-background-hover-ruby:hover{
	background:#714560;
} 
.button-border-hover-ruby:hover{
	border-color:#714560;
}

.section-title {
    font-family: Outfit;
    font-style: normal;
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
}

.box-title p {
    font-family: PT Serif!important;
    font-style: italic!important;
    font-size: 48px!important;
    font-weight: 400!important;
    line-height: 110%!important;
}

h3 {
    font-family: Outfit;
    font-style: normal;
    font-size: 30px;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
}

.leben-text {
    height: max-content;
}

.btn-leben{
    font-family: 'Open Sans';
    font-weight: 400;
    padding: 12px 24px;
    border-radius: 0;
}

#leben .col-lg-6{
    transition: 0.3s all;
}
.box-container {
    gap: 24px;
}

.under-image-text {
    gap: 24px;
    margin-top: 32px;
}

.small-deco {
    width: 160px;
    height: 160px;
    z-index: -1;
}

.separator {
    margin-top: 24px;
}

.image-deco-container {
    top: 10px;
    right: 10px;
    overflow-y: hidden;
}

.image-deco-container img {
    padding-top: 10px;
    padding-right: 10px;
}

@media only screen and (max-width: 576px) {
    .leben-component .col-lg-6 {
        padding: 0;
    }
}

@media only screen and (min-width: 576px) {
    .image-deco-container {
        top: 15px;
        right: 15px;
    }
}

@media only screen and (min-width: 992px) {
    .image-deco-container img {
        padding-top: 30px;
        padding-right: 30px;
    }

    .leben-text {
        margin-top: 80px;
    }

    .custom-container-leben {
        padding-left: 12px !important;
        padding-right: 12px !important;
        margin: 0px auto !important;
    }

    .image-deco-container {
        top: 15px;
        right: 15px;
        max-width: 636px;
        overflow-y: unset;
    }
}

@media only screen and (min-width: 1200px) {
    .separator {
        margin-top: unset;
    }

    .leben-text {
        margin-top: 120px;
    }

    .section-title {
        font-size: 28px;
    }

    .box-container {
        gap: 32px;
    }

    .box-title p {
        font-size: 70px!important;
    }

    .image-container {
        max-width: 656px;
    }

    .custom-container-leben {
        max-width: 1200px;
        padding-left: 64px !important;
        padding-right: 64px !important;
    }

    h3 {
        font-size: 30px;
    }

    .under-image-text {
        margin-top: 80px;
    }

    .small-deco {
        width: 360px;
        height: 360px;
    }

    .image-deco-container {
        top: 20px;
        right: 20px;
        max-width: 656px;
    }
}

@media only screen and (min-width: 1400px) {
	.custom-container-leben {
        max-width: 1312px;
        padding-left: 64px !important;
        padding-right: 64px !important;
    }
}

@media only screen and (min-width: 1600px) {
    .leben-text {
        margin-top: 152px;
    }

    .section-title {
        font-size: 32px;
    }

    .box-title p {
        font-size: 104px!important;
    }

    .image-container {
        max-width: 879px;
    }

    h3 {
        font-size: 40px;
    }

    .under-image-text {
        margin-top: 111px;
    }

    .custom-container-leben {
        max-width: 1600px!important;
        padding-left: 80px !important;
        padding-right: 80px !important;
    }

    .image-deco-container {
        top: 30px;
        right: 30px;
        max-width: 880px;
    }

    .small-deco {
        width: 464px;
        height: 464px;
    }
}

@media only screen and (min-width: 1780px) {
	.custom-container-leben {
        max-width: 1784px!important;
        padding-left: 80px !important;
        padding-right: 80px !important;
    }
}