/* [Colors] */

body {
    --323532: rgb(0,0,0);
    --Black-SK: rgb(0,0,0);
    --SKBlack: rgb(50,53,50);
    --Secun-Color: rgb(159,193,49);
}

/* [Global] */

body {
    color: rgba(0,0,0,1.00);
    position: relative;
    font-size: 16px;
    background: rgba(255,255,255,1.00);
    min-height: 100vh;
    font-family: Inter;
    font-weight: 400;
    line-height: 1.4;
}

container {
    width: 100%;
    display: block;
    max-width: 1280px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    margin-bottom: 0px;
    padding-right: 20px;
}

h2 {
    font-family: 'Montserrat';
    color: #323532;
}

h1 {
    font-family: 'Playfair Display SC';
    color: #323532;
    flex: 0 1 auto;
}

h3 {
    font-size: 32px;
    margin-top: 0px;
    margin-bottom: 0px;
}

h4 {
    font-size: 24px;
    margin-top: 0px;
    font-weight: 700;
    margin-bottom: 0px;
}

h5 {
    font-size: 20px;
    margin-top: 0px;
    font-weight: 700;
    margin-bottom: 0px;
}

h6 {
    font-size: 16px;
    margin-top: 0px;
    font-weight: 700;
    margin-bottom: 0px;
}

p {
    margin-top: 0px;
    margin-bottom: 0px;
}

ul {
    padding-left: 20px;
}

ol {
    padding-left: 20px;
}

img {
    display: block;
    max-width: 100%;
}

textarea {
    resize: vertical;
}

a {
    cursor: pointer;
    transition: all 200ms 0ms linear;
}

button {
    cursor: pointer;
}

component {
    display: block;
}

rich-text {
}

blockquote {
    display: block;
    background: #00000008;
    margin-left: 0px;
    padding-top: 15px;
    margin-right: 0px;
    padding-left: 15px;
    border-radius: 6px;
    padding-right: 15px;
    padding-bottom: 15px;
}

blockquote  cite {
    color: rgb(139,139,139);
    display: block;
    margin-top: 10px;
    font-weight: 500;
    padding-left: 15px;
}

/* [Classes] */

.stylesheet-part {
    padding: 60px 0px 60px 0px;
    border-bottom: 1px solid rgba(223,223,223,1.00);
}

.button-primary {
    color: rgba(255,255,255,1.00);
    border: 1px solid rgba(0,0,0,1);
    background: rgba(0,0,0,1.00);
    padding-top: 12px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 12px;
}

.button-primary:hover {
    color: rgba(0,0,0,1.00);
    background: rgba(255,255,255,1.00);
}

.button-secondary {
    color: rgba(0,0,0,1.00);
    border: 1px solid rgba(0,0,0,1);
    background: rgba(255,255,255,1.00);
    padding-top: 12px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 12px;
}

.button-secondary:hover {
    color: rgba(255,255,255,1.00);
    background: rgba(0,0,0,1.00);
}

.rich-text-dh-styling  hr {
    width: 100%;
    border: 0px solid rgba(0,0,0,1);
    height: 1px;
    display: block;
    border-top: 1px solid rgb(203,203,203);
    margin-top: 20px;
    padding-top: 0px;
    margin-bottom: 20px;
    padding-bottom: 0px;
}

.rich-text-dh-styling {
    display: flex;
    row-gap: 24px;
    flex-direction: column;
}

.dh-btn-secondary {
    background: rgba(0,0,0,0.05);
    color: rgb(0,0,0);
    padding-top: 12px;
    padding-right: 24px;
    padding-bottom: 12px;
    padding-left: 24px;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px  24px  11px  24px;
    text-decoration: none;
    border-radius: 8px;
}

.dh-btn-secondary:hover {
    background: rgba(0,0,0,0.15);
}

.dh-btn-primary {
    background: rgba(0,0,0,1.00);
    color: rgba(255,255,255,1.00);
    padding-top: 12px;
    padding-right: 24px;
    padding-bottom: 12px;
    padding-left: 24px;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px none rgba(0,0,0,1);
    border-radius: 8px;
    text-decoration: none;
}

.dh-btn-primary:hover {
    background: rgb(54,54,54);
}

.button-1 {
    color: var(--SKBlack);
    overflow: hidden;
    position: relative;
    background: #ff510000;
    padding-top: 12px;
    padding-left: 32px;
    border-radius: 1px;
    padding-right: 32px;
    padding-bottom: 12px;
    text-decoration: none;
    border: 1px solid #9fc131;
    font-family: 'Montserrat';
}

.button-1:hover {
    display: inline-block;
    color: var(--SKBlack);
    background: #9fc131;
    position: relative;
    border-radius: 50px;
    font-size: 20px;
    font-weight: 700;
}

.boxtrasp {
    color: rgb(255,255,255);
    width: 100%;
    height: 100%;
    display: flex;
    max-width: 1000px;
    min-width: 1370px;
    background: rgba(255,255,255,0);
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.15);
    max-height: 2000px;
    min-height: 1017px;
    padding-top: 30px;
    padding-left: 30px;
    border-radius: 20px;
    padding-right: 30px;
    flex-direction: column;
    padding-bottom: 30px;
    backdrop-filter: blur(3px);
    grid-template-columns: 1fr 1fr;
    -webkit-backdrop-filter: blur(3px);
}

/* [Tags] */

body .t2 {
}

body .t3 {
}

body .t4 {
}

body .t7 {
    display: grid;
    grid-template-columns: 350px 1fr;
}

body .t9 {
    display: flex;
    row-gap: 25px;
    flex-direction: column;
}

body .t15 {
    color: #323532;
    font-family: 'Montserrat';
}

body .t16 {
    flex: 0 1 auto;
    color: #323532;
    font-family: 'Playfair Display SC';
}

body .t18 {
    display: grid;
    grid-template-columns: 350px 1fr;
}

body .t20 {
    display: flex;
    row-gap: 40px;
    column-gap: 40px;
}

body .t22 {
    display: flex;
    flex-direction: column;
}

body .t23 {
    display: flex;
    flex-direction: column;
}

body .t24 {
    color: rgba(163,117,255,1.00);
    margin: 0px 0px 10px 0px;
    display: block;
    font-weight: 600;
}

body .t27 {
    color: rgba(163,117,255,1.00);
    margin: 0px 0px 10px 0px;
    display: block;
    font-weight: 600;
}

body .t29 {
    display: grid;
    grid-template-columns: 350px 1fr;
}

body .t30 {
    display: flex;
    row-gap: 25px;
    flex-direction: column;
}

body .t34 {
    color: rgba(163,117,255,1.00);
    margin: 0px 0px 10px 0px;
    display: block;
    font-weight: 600;
}

body .t36 {
    color: rgba(163,117,255,1.00);
    margin: 0px 0px 10px 0px;
    display: block;
    font-weight: 600;
}

body .t37 {
    display: flex;
    column-gap: 100px;
}

body .t40 {
    color: rgba(0,0,0,1.00);
    margin: 0px 0px 10px 0px;
    display: block;
    font-weight: 600;
}

body .t48 {
    color: rgba(0,0,0,1.00);
    margin: 0px 0px 10px 0px;
    display: block;
    font-weight: 600;
}

body .t57 {
}

body .t59 {
    font-family: 'Inter';
}

body .t60 {
    top: 0%;
    left: 0%;
    right: 0%;
    bottom: auto;
    z-index: 99999;
    position: fixed;
    margin-top: 900px;
    margin-left: auto;
    padding-top: 20px;
    margin-right: auto;
}

body .t61 {
    top: 900px;
    display: flex;
    z-index: 9999;
    position: sticky;
    background: rgba(255,255,255,0.36);
    align-items: center;
    margin-left: 100px;
    padding-top: 10px;
    margin-right: 100px;
    padding-left: 10px;
    border-radius: 0px;
    padding-right: 10px;
    padding-bottom: 10px;
    backdrop-filter: blur(40px);
    justify-content: space-between;
    -webkit-backdrop-filter: blur(40px);
}

body .t62 {
    width: 250px;
    display: inline;
}

body .t63 {
}

body .t64 {
    width: 30px;
    height: 20px;
    display: none;
    flex-direction: column;
    justify-content: space-between;
}

body .t64 > div {
    top: 0;
    position: relative;
    transition: 0.2s;
}

body .t64.dh-active > div:last-child {
    top: -45%;
    position: relative;
    transform: rotate(-45deg);
}

body .t64.dh-active > div:first-child {
    top: 45%;
    position: relative;
    transform: rotate(45deg);
}

body .t64.dh-active > div:nth-child(2) {
    opacity: 0;
}

body .t65 {
    width: 100%;
    height: 2px;
    background: #ffffff;
}

body .t66 {
    color: var(--SKBlack);
    border: 1px solid #9fc131;
    overflow: hidden;
    position: relative;
    background: #ff510000;
    font-family: 'Montserrat';
    padding-top: 12px;
    padding-left: 32px;
    border-radius: 1px;
    padding-right: 32px;
    padding-bottom: 12px;
    text-decoration: none;
}

body .t66:hover {
    color: var(--SKBlack);
    display: inline-block;
    position: relative;
    background: #9fc131;
    border-radius: 50px;
}

body .t67 {
    display: flex;
    column-gap: 40px;
    align-items: flex-end;
    justify-content: flex-end;
}

body .t68 {
    color: #ffffff;
    display: none;
    overflow: hidden;
    position: relative;
    background: #ff5100;
    padding-top: 12px;
    padding-left: 32px;
    border-radius: 10px;
    padding-right: 32px;
    padding-bottom: 12px;
}

body .t68:hover div {
    transform: translate(-50%,-20%);
}

body .t69 {
    z-index: 1;
    position: relative;
    font-style: normal;
    transition: all 400ms 0ms cubic-bezier(0.165,0.84,0.44,1);
    font-weight: 500;
}

body .t70 {
    top: 0%;
    left: 50%;
    right: 0%;
    width: 150%;
    bottom: 0%;
    height: 200%;
    position: absolute;
    transform: translate(-50%,100%);
    background: #212121;
    transition: all 600ms 0ms cubic-bezier(0.25,0.46,0.45,0.94);
    margin-left: auto;
    margin-right: auto;
    border-radius: 100%;
}

body .t71 {
    color: var(--SKBlack);
    order: 0;
    position: relative;
    transition: all 200ms 0ms cubic-bezier(0.86,0,0.07,1);
    font-family: 'Montserrat';
    text-decoration: none;
}

body .t71:hover {
    background: var(--Secun-Color);
    border-radius: 50px;
    text-decoration: none;
}

body .t72 {
    color: rgb(255,255,255);
    display: flex;
    position: relative;
    margin-top: -89px;
    min-height: 100vh;
    padding-top: 108px;
    flex-direction: column;
    padding-bottom: 20px;
}

body .t73 {
    flex: 1 1 0%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

body .t74 {
    flex: 1 1 0%;
    height: 100%;
    display: flex;
    z-index: 100;
    position: relative;
    column-gap: 0px;
    align-items: center;
    justify-content: center;
}

body .t75 {
    width: 100%;
    height: 100%;
    display: flex;
    max-width: 2000px;
    align-self: center;
    max-height: 2000px;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}

body .t76 {
    color: rgb(255,255,255);
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    max-width: 1000px;
    min-width: 1370px;
    background: rgba(255,255,255,0);
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.15);
    max-height: 2000px;
    min-height: 1017px;
    padding-top: 30px;
    padding-left: 30px;
    border-radius: 20px;
    padding-right: 30px;
    flex-direction: column;
    padding-bottom: 30px;
    backdrop-filter: blur(3px);
    grid-template-columns: 1fr 1fr;
    -webkit-backdrop-filter: blur(3px);
}

body .t76:hover {
}

body .t77 {
    color: rgba(49,53,49,0.81);
    display: flex;
    font-size: 70px;
    align-self: center;
    margin-top: -17px;
    text-align: center;
    font-family: 'Montserrat';
    font-weight: 600;
    line-height: 1.2;
    flex-direction: column;
    justify-content: center;
}

body .t78 {
    display: flex;
    align-self: center;
    column-gap: 20px;
    margin-top: 50px;
}

body .t79 {
    overflow: hidden;
    position: relative;
    padding-top: 12px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 12px;
    text-decoration: none;
}

body .t79:hover div {
    transform: translate(-50%,-20%);
}

body .t80 {
    color: var(--SKBlack);
    overflow: hidden;
    position: relative;
    background: #ffffff00;
    font-family: 'Montserrat';
    padding-top: 12px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 12px;
    text-decoration: none;
}

body .t80:hover div {
    color: rgb(255,255,255);
    transform: translate(-50%,-20%);
    background: var(--SKBlack);
}

body .t81 {
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    justify-content: center;
}

body .t82 {
    display: grid;
    row-gap: 40px;
    column-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
}

body .t83 {
    color: #103230;
    overflow: hidden;
    background: var(--SKBlack);
    border-radius: 14px;
}

body .t83:hover a {
    width: 100%;
}

body .t84 {
    position: relative;
    min-height: 180px;
}

body .t85 {
    color: #ffffff;
    background: var(--SKBlack);
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

body .t86 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

body .t87 {
    font-size: 14px;
    margin-bottom: 20px;
}

body .t88 {
    color: var(--Secun-Color);
    width: 30px;
    height: 30px;
    display: flex;
    background: var(--Secun-Color);
    transition: width 200ms 0ms ease;
    align-items: center;
    border-radius: 50px;
    justify-content: center;
}

body .t89 {
    width: 15px;
}

body .t90 {
    color: rgb(255,255,255);
    position: relative;
    background: var(--SKBlack);
    font-family: 'Inter';
    padding-top: 80px;
    padding-bottom: 80px;
}

body .t93 {
    width: 100%;
    max-width: 560px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}

body .t94 {
    display: grid;
    column-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

body .t95 {
    display: flex;
    overflow: hidden;
    position: relative;
    transition: all 200ms 0ms ease;
    padding-top: 120%;
    border-radius: 20px;
    flex-direction: column;
    justify-content: flex-end;
}

body .t95:hover p {
    opacity: 0%;
    transition: all 0ms 0ms linear;
}

body .t95:hover div {
    top: 0%;
    transform: translate(0px,0%);
}

body .t96 {
    top: 0%;
    left: 0%;
    right: 0%;
    width: 100%;
    bottom: 0%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    margin-left: auto;
    margin-right: auto;
}

body .t97 {
    z-index: 5;
    position: relative;
    transition: !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

body .t98 {
    transition: all 200ms 0ms linear;
}

body .t99 {
    font-size: 24px;
    transition: all 200ms 0ms linear;
    font-weight: 400;
    margin-bottom: 10px;
}

body .t100 {
    top: 0%;
    left: 0%;
    right: 0%;
    bottom: 0%;
    position: absolute;
    background: #1c1b3766;
    margin-left: auto;
    margin-right: auto;
}

body .t101 {
    top: 100%;
    left: 0%;
    color: rgb(255,255,255);
    right: auto;
    width: 100%;
    bottom: auto;
    height: 100%;
    display: flex;
    z-index: 1;
    position: absolute;
    background: rgba(158,192,48,0.46);
    transition: all 200ms 0ms linear;
    margin-left: auto;
    padding-top: 20px;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    flex-direction: column;
    padding-bottom: 20px;
    backdrop-filter: blur(5px);
    justify-content: space-between;
    -webkit-backdrop-filter: blur(5px);
}

body .t102 {
}

body .t104 {
    display: flex;
    z-index: 5;
    position: relative;
    transition: all 200ms 0ms linear;
    flex-direction: column;
}

body .t105 {
}

body .t106 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 10px;
}

body .t107 {
    color: rgb(255,255,255);
    position: relative;
    background: var(--SKBlack);
    padding-top: 40px;
    padding-bottom: 40px;
}

body .t108 {
}

body .t109 {
    display: flex;
    justify-content: space-between;
}

body .t110 {
    font-size: 12px;
}

body .t111 {
    display: flex;
    column-gap: 24px;
}

body .t112 {
    display: flex;
    row-gap: 16px;
    column-gap: 32px;
    flex-direction: row;
    justify-content: center;
}

body .t113 {
    color: rgba(255,255,255,0.5);
    font-size: 12px;
    font-weight: 500;
    text-decoration: underline;
}

body .t114 {
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
}

body .t116 {
    display: grid;
    row-gap: 40px;
    column-gap: 80px;
    grid-template-columns: 1.5fr 1fr;
}

body .t117 {
}

body .t118 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

body .t119 {
    max-width: 400px;
}

body .t120 {
    max-width: 340px;
    margin-top: 16px;
}

body .t121 {
    display: flex;
    margin-top: 40px;
}

body .t122 {
    display: flex;
    align-items: center;
    justify-content: center;
}

body .t123 {
    display: flex;
    row-gap: 10px;
    margin-top: 24px;
    flex-direction: column;
}

body .t124 {
    color: rgb(0,0,0);
    display: flex;
    font-size: 14px;
    column-gap: 8px;
    align-items: center;
    font-weight: 700;
}

body .t125 {
    text-decoration: underline;
}

body .t126 {
    width: 20px;
    height: 20px;
    background: rgb(0,0,0);
    border-radius: 100%;
}

body .t127 {
    font-size: 18px;
    margin-top: 48px;
}

body .t128 {
    font-size: 14px;
    max-width: 340px;
    margin-top: 10px;
}

body .t129 {
    margin-top: 24px;
}

body .t130 {
    display: flex;
    margin-top: 8px;
    padding-left: 10px;
}

body .t131 {
    width: 32px;
    height: 32px;
    object-fit: cover;
    margin-left: -10px;
    border-radius: 100%;
}

body .t132 {
    font-size: 14px;
}

body .t133 {
    overflow: hidden;
    position: relative;
    background: rgba(0,0,0,0.05);
    padding-top: 60px;
    padding-left: 60px;
    border-radius: 8px;
    padding-right: 60px;
    padding-bottom: 60px;
}

body .t134 {
    display: flex;
    row-gap: 16px;
    flex-direction: column;
}

body .t136 {
    display: block;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 3px;
}

body .t137 {
    width: 100%;
    border: 1px none rgba(0,0,0,1);
    font-size: 14px;
    background: rgba(0,0,0,0.05);
    line-height: 1;
    padding-top: 16px;
    padding-left: 16px;
    border-radius: 8px;
    padding-right: 16px;
    padding-bottom: 16px;
}

body .t137::placeholder {
    color: rgba(0,0,0,0.75);
}

body .t141 {
    width: 100%;
    border: 1px none rgba(0,0,0,1);
    font-size: 14px;
    background: rgba(0,0,0,0.05);
    line-height: 1;
    padding-top: 16px;
    padding-left: 16px;
    border-radius: 8px;
    padding-right: 16px;
    padding-bottom: 16px;
}

body .t141::placeholder {
    color: rgba(0,0,0,0.75);
}

body .t142 {
    display: block;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 3px;
}

body .t144 {
    width: 100%;
    border: 1px none rgba(0,0,0,1);
    height: 120px;
    font-size: 14px;
    background: rgba(0,0,0,0.05);
    max-height: 350px;
    min-height: 80px;
    line-height: 1;
    padding-top: 16px;
    padding-left: 16px;
    border-radius: 8px;
    padding-right: 16px;
    padding-bottom: 16px;
}

body .t144::placeholder {
    color: rgba(0,0,0,0.75);
}

body .t145 {
    display: block;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 3px;
}

body .t147 {
    display: flex;
    column-gap: 5px;
    align-items: center;
}

body .t148 {
    font-size: 14px;
}

body .t150 {
    color: rgb(0,0,0);
    text-decoration: underline;
}

body .t151 {
    width: 20px;
    cursor: pointer;
    height: 20px;
}

body .t154 {
    display: grid;
    column-gap: 16px;
    grid-template-columns: 1fr 1fr;
}

body .t156 {
    width: 100%;
    border: 1px none rgba(0,0,0,1);
    font-size: 14px;
    background: rgba(0,0,0,0.05);
    line-height: 1;
    padding-top: 16px;
    padding-left: 16px;
    border-radius: 8px;
    padding-right: 16px;
    padding-bottom: 16px;
}

body .t156::placeholder {
    color: rgba(0,0,0,0.75);
}

body .t157 {
    display: block;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 3px;
}

body .t158 {
    top: 0%;
    left: 0%;
    right: 0%;
    width: 100%;
    bottom: 0%;
    height: 100%;
    position: fixed;
    mask-size: contain;
    object-fit: cover;
    margin-left: auto;
    mask-repeat: no-repeat;
    margin-right: auto;
    mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

body .t159 {
    max-width: 50%;
    align-self: center;
}

body .t160 {
    flex: 1 1 0%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

body .t161 {
    flex: 1 1 0%;
    height: 100%;
    display: flex;
    z-index: 100;
    position: relative;
    column-gap: 0px;
    align-items: center;
    justify-content: center;
}

body .t162 {
    width: 100%;
    height: 100%;
    display: flex;
    max-width: 2000px;
    align-self: center;
    max-height: 2000px;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}

body .t163 {
    color: rgb(255,255,255);
    width: 100%;
    height: 100%;
    display: flex;
    max-width: 1000px;
    min-width: 1370px;
    background: rgba(255,255,255,0);
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.15);
    max-height: 2000px;
    min-height: 1017px;
    padding-top: 30px;
    padding-left: 30px;
    border-radius: 20px;
    padding-right: 30px;
    flex-direction: column;
    padding-bottom: 30px;
    backdrop-filter: blur(3px);
    grid-template-columns: 1fr 1fr;
    -webkit-backdrop-filter: blur(3px);
}

body .t163:hover {
}

body .t164 {
    display: flex;
    font-size: 30px;
    align-self: center;
    margin-top: -3px;
    text-align: center;
    font-family: 'Montserrat';
    font-weight: 300;
    line-height: 1.2;
    padding-top: 0px;
    flex-direction: column;
    justify-content: center;
}

body .t165 {
    border: 1px solid #9fc131;
    overflow: hidden;
    position: relative;
    padding-top: 12px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 12px;
    text-decoration: none;
}

body .t165:hover div {
    transform: translate(-50%,-20%);
}

body .t166 {
    overflow: hidden;
    position: relative;
    padding-top: 12px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 12px;
    text-decoration: none;
}

body .t166:hover div {
    transform: translate(-50%,-20%);
}

body .t167 {
    overflow: hidden;
    position: relative;
    padding-top: 12px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 12px;
    text-decoration: none;
}

body .t167:hover div {
    transform: translate(-50%,-20%);
}

body .t168 {
    display: flex;
    font-size: 30px;
    align-self: center;
    margin-top: 17px;
    text-align: center;
    font-family: 'Montserrat';
    font-weight: 300;
    line-height: 1.2;
    flex-direction: column;
    justify-content: center;
}

body .t169 {
    display: flex;
    font-size: 25px;
    align-self: center;
    margin-top: 133px;
    text-align: center;
    font-family: 'Montserrat';
    font-weight: 300;
    line-height: 1.2;
    flex-direction: column;
    justify-content: center;
}

body .t170 {
    flex: 1 1 0%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

body .t171 {
    flex: 1 1 0%;
    height: 100%;
    display: flex;
    z-index: 100;
    position: relative;
    column-gap: 0px;
    align-items: center;
    justify-content: center;
}

body .t172 {
    width: 100%;
    height: 100%;
    display: flex;
    max-width: 2000px;
    align-self: center;
    max-height: 2000px;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}

body .t173 {
    color: rgb(255,255,255);
    width: 100%;
    height: 100%;
    display: flex;
    max-width: 1000px;
    min-width: 1370px;
    background: rgba(255,255,255,0);
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.15);
    max-height: 2000px;
    min-height: 1017px;
    padding-top: 30px;
    padding-left: 30px;
    border-radius: 20px;
    padding-right: 30px;
    flex-direction: column;
    padding-bottom: 30px;
    backdrop-filter: blur(3px);
    grid-template-columns: 1fr 1fr;
    -webkit-backdrop-filter: blur(3px);
}

body .t173:hover {
}

body .t174 {
    top: 0%;
    left: 0%;
    right: 0%;
    width: 100%;
    bottom: 0%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    margin-left: auto;
    margin-right: auto;
}

body .t175 {
    font-family: 'Montserrat';
}

body .t176 {
    font-family: 'Montserrat';
}

body .t177 {
    color: #ffffff;
    font-family: 'Montserrat';
}

body .t178 {
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
}

body .t179 {
    color: rgb(255,255,255);
}

body .t182 {
    font-family: 'Inter';
}

body .t183 {
    color: rgb(255,255,255);
    display: flex;
    position: relative;
    margin-top: -89px;
    min-height: 100vh;
    padding-top: 108px;
    flex-direction: column;
    padding-bottom: 20px;
}

body .t184 {
    top: 0%;
    left: 0%;
    right: 0%;
    width: 100%;
    bottom: 0%;
    height: 100%;
    position: fixed;
    mask-size: contain;
    object-fit: cover;
    margin-left: auto;
    mask-repeat: no-repeat;
    margin-right: auto;
    mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

body .t185 {
    top: 0%;
    left: 0%;
    right: 0%;
    bottom: auto;
    z-index: 99999;
    position: fixed;
    margin-top: 900px;
    margin-left: auto;
    padding-top: 20px;
    margin-right: auto;
}

body .t186 {
    flex: 1 1 0%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

body .t187 {
    flex: 1 1 0%;
    height: 100%;
    display: flex;
    z-index: 100;
    position: relative;
    column-gap: 0px;
    align-items: center;
    justify-content: center;
}

body .t188 {
    width: 100%;
    height: 100%;
    display: flex;
    max-width: 2000px;
    align-self: center;
    max-height: 2000px;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}

body .t189 {
    color: rgb(255,255,255);
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    max-width: 1000px;
    min-width: 1370px;
    background: rgba(255,255,255,0);
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.15);
    max-height: 2000px;
    min-height: 1017px;
    padding-top: 30px;
    padding-left: 30px;
    border-radius: 20px;
    padding-right: 30px;
    flex-direction: column;
    padding-bottom: 30px;
    backdrop-filter: blur(3px);
    grid-template-columns: 1fr 1fr;
    -webkit-backdrop-filter: blur(3px);
}

body .t189:hover {
}

body .t190 {
    color: rgba(49,53,49,0.81);
    display: flex;
    font-size: 70px;
    align-self: center;
    margin-top: -17px;
    text-align: center;
    font-family: 'Montserrat';
    font-weight: 600;
    line-height: 1.2;
    flex-direction: column;
    justify-content: center;
}

body .t191 {
    display: flex;
    align-self: center;
    column-gap: 20px;
    margin-top: 50px;
}

body .t192 {
    overflow: hidden;
    position: relative;
    padding-top: 12px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 12px;
    text-decoration: none;
}

body .t192:hover div {
    transform: translate(-50%,-20%);
}

body .t193 {
    color: rgb(50,53,50);
    overflow: hidden;
    position: relative;
    background: #ffffff00;
    font-family: 'Montserrat';
    padding-top: 12px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 12px;
    text-decoration: none;
}

body .t193:hover div {
    color: rgb(255,255,255);
    transform: translate(-50%,-20%);
    background: rgb(50,53,50);
}

body .t194 {
    overflow: hidden;
    position: relative;
    padding-top: 12px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 12px;
    text-decoration: none;
}

body .t194:hover div {
    transform: translate(-50%,-20%);
}

body .t195 {
    overflow: hidden;
    position: relative;
    padding-top: 12px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 12px;
    text-decoration: none;
}

body .t195:hover div {
    transform: translate(-50%,-20%);
}

body .t196 {
    border: 1px solid #9fc131;
    overflow: hidden;
    position: relative;
    padding-top: 12px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 12px;
    text-decoration: none;
}

body .t196:hover div {
    transform: translate(-50%,-20%);
}

body .t197 {
    display: flex;
    font-size: 30px;
    align-self: center;
    margin-top: 17px;
    text-align: center;
    font-family: 'Montserrat';
    font-weight: 300;
    line-height: 1.2;
    flex-direction: column;
    justify-content: center;
}

body .t198 {
    display: flex;
    font-size: 25px;
    align-self: center;
    margin-top: 133px;
    text-align: center;
    font-family: 'Montserrat';
    font-weight: 300;
    line-height: 1.2;
    flex-direction: column;
    justify-content: center;
}

body .t199 {
    max-width: 50%;
    align-self: center;
}

body .t200 {
    display: flex;
    font-size: 30px;
    align-self: center;
    margin-top: -3px;
    text-align: center;
    font-family: 'Montserrat';
    font-weight: 300;
    line-height: 1.2;
    padding-top: 0px;
    flex-direction: column;
    justify-content: center;
}

body .t202 {
    font-family: 'Inter';
}

body .t203 {
    color: rgb(255,255,255);
    display: flex;
    position: relative;
    margin-top: -89px;
    min-height: 100vh;
    padding-top: 108px;
    flex-direction: column;
    padding-bottom: 20px;
}

body .t204 {
    top: 0%;
    left: 0%;
    right: 0%;
    width: 100%;
    bottom: 0%;
    height: 100%;
    position: fixed;
    mask-size: contain;
    object-fit: cover;
    margin-left: auto;
    mask-repeat: no-repeat;
    margin-right: auto;
    mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

body .t205 {
    top: 0%;
    left: 0%;
    right: 0%;
    bottom: auto;
    z-index: 99999;
    position: fixed;
    margin-top: 900px;
    margin-left: auto;
    padding-top: 20px;
    margin-right: auto;
}

body .t206 {
    flex: 1 1 0%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

body .t207 {
    flex: 1 1 0%;
    height: 100%;
    display: flex;
    z-index: 100;
    position: relative;
    column-gap: 0px;
    align-items: center;
    justify-content: center;
}

body .t208 {
    width: 100%;
    height: 100%;
    display: flex;
    max-width: 2000px;
    align-self: center;
    max-height: 2000px;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}

body .t209 {
    color: rgb(255,255,255);
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    max-width: 1000px;
    min-width: 1370px;
    background: rgba(255,255,255,0);
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.15);
    max-height: 2000px;
    min-height: 1017px;
    padding-top: 30px;
    padding-left: 30px;
    border-radius: 20px;
    padding-right: 30px;
    flex-direction: column;
    padding-bottom: 30px;
    backdrop-filter: blur(3px);
    grid-template-columns: 1fr 1fr;
    -webkit-backdrop-filter: blur(3px);
}

body .t209:hover {
}

body .t210 {
    color: rgba(49,53,49,0.81);
    display: flex;
    font-size: 70px;
    align-self: center;
    margin-top: 98px;
    text-align: center;
    font-family: 'Montserrat';
    font-weight: 600;
    line-height: 1.2;
    flex-direction: column;
    justify-content: center;
}

body .t211 {
    display: flex;
    align-self: center;
    column-gap: 20px;
    margin-top: 19px;
}

body .t212 {
    overflow: hidden;
    position: relative;
    padding-top: 12px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 12px;
    text-decoration: none;
}

body .t212:hover div {
    transform: translate(-50%,-20%);
}

body .t213 {
    color: rgb(50,53,50);
    overflow: hidden;
    position: relative;
    background: #ffffff00;
    font-family: 'Montserrat';
    padding-top: 12px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 12px;
    text-decoration: none;
}

body .t213:hover div {
    color: rgb(255,255,255);
    transform: translate(-50%,-20%);
    background: rgb(50,53,50);
}

body .t214 {
    display: flex;
    font-size: 25px;
    align-self: center;
    margin-top: 20px;
    text-align: center;
    font-family: 'Montserrat';
    font-weight: 300;
    line-height: 1.2;
    flex-direction: column;
    justify-content: center;
}

body .t215 {
    max-width: 50%;
    align-self: center;
}

body .t216 {
    display: flex;
    font-size: 30px;
    align-self: center;
    margin-top: -3px;
    text-align: center;
    font-family: 'Montserrat';
    font-weight: 300;
    line-height: 1.2;
    padding-top: 0px;
    flex-direction: column;
    justify-content: center;
}

body .t217 {
    display: flex;
    font-size: 25px;
    align-self: center;
    margin-top: 40px;
    text-align: center;
    font-family: 'Montserrat';
    font-weight: 300;
    line-height: 1.2;
    flex-direction: column;
    justify-content: center;
}

body .t218 {
    display: flex;
    align-self: center;
    column-gap: 20px;
    margin-top: 19px;
}

body .t219 {
    overflow: hidden;
    position: relative;
    padding-top: 12px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 12px;
    text-decoration: none;
}

body .t219:hover div {
    transform: translate(-50%,-20%);
}

body .t220 {
    color: rgb(50,53,50);
    overflow: hidden;
    position: relative;
    background: #ffffff00;
    font-family: 'Montserrat';
    padding-top: 12px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 12px;
    text-decoration: none;
}

body .t220:hover div {
    color: rgb(255,255,255);
    transform: translate(-50%,-20%);
    background: rgb(50,53,50);
}

body .t221 {
    overflow: hidden;
    position: relative;
    padding-top: 12px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 12px;
    text-decoration: none;
}

body .t221:hover div {
    transform: translate(-50%,-20%);
}

body .t222 {
    overflow: hidden;
    position: relative;
    padding-top: 12px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 12px;
    text-decoration: none;
}

body .t222:hover div {
    transform: translate(-50%,-20%);
}

body .t223 {
    border: 1px solid #9fc131;
    overflow: hidden;
    position: relative;
    padding-top: 12px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 12px;
    text-decoration: none;
}

body .t223:hover div {
    transform: translate(-50%,-20%);
}

body .t224 {
    color: rgb(255,255,255);
    position: relative;
    background: rgb(50,53,50);
    padding-top: 40px;
    padding-bottom: 40px;
}

body .t225 {
}

body .t226 {
    display: flex;
    justify-content: space-between;
}

body .t227 {
    display: flex;
    column-gap: 24px;
}

body .t228 {
    display: flex;
    row-gap: 16px;
    column-gap: 32px;
    flex-direction: row;
    justify-content: center;
}

body .t229 {
    color: rgba(255,255,255,0.5);
    font-size: 12px;
    font-weight: 500;
    text-decoration: underline;
}

body .t230 {
    font-size: 12px;
}

/* =========================
   MOBILE STYLES
   ========================= */
@media (max-width: 768px) {

    /* ---------- Global ---------- */
    body {
        font-size: 14px;
    }

    container {
        padding-left: 16px;
        padding-right: 16px;
    }

    h1 {
        font-size: 32px;
        text-align: center;
    }

    h2 {
        font-size: 24px;
        text-align: center;
    }

    h3 {
        font-size: 22px;
    }

    /* ---------- Layout Grids ---------- */
    body .t7,
    body .t18,
    body .t29 {
        grid-template-columns: 1fr;
        row-gap: 24px;
    }

    body .t20,
    body .t37,
    body .t67 {
        flex-direction: column;
        row-gap: 20px;
        column-gap: 0;
    }

    body .t82 {
        grid-template-columns: 1fr;
    }

    body .t94 {
        grid-template-columns: 1fr 1fr;
    }

    /* ---------- Hero / große Boxen ---------- */
    .boxtrasp,
    body .t76,
    body .t163,
    body .t173,
    body .t189,
    body .t209 {
        min-width: 100%;
        max-width: 100%;
        min-height: auto;
        padding: 20px;
        border-radius: 16px;
    }

    /* ---------- Große Headlines ---------- */
    body .t77,
    body .t190,
    body .t210 {
        font-size: 36px;
        margin-top: 0;
    }

    body .t169,
    body .t198,
    body .t217 {
        font-size: 18px;
        margin-top: 20px;
    }

    /* ---------- Buttons ---------- */
    .button-primary,
    .button-secondary,
    .dh-btn-primary,
    .dh-btn-secondary,
    body .t66,
    body .t71 {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    body .t78,
    body .t191,
    body .t211,
    body .t218 {
        flex-direction: column;
        row-gap: 16px;
    }

    /* ---------- Navigation ---------- */
    body .t64 {
        display: flex; /* Burger anzeigen */
    }

    body .t67 {
        display: none; /* Desktop Menü ausblenden */
    }

    /* ---------- Cards / Bilder ---------- */
    body .t95 {
        padding-top: 140%;
    }

    body .t99,
    body .t106 {
        font-size: 18px;
    }

    /* ---------- Footer ---------- */
    body .t112,
    body .t228 {
        flex-direction: column;
        row-gap: 12px;
    }

    body .t109,
    body .t226 {
        flex-direction: column;
        row-gap: 16px;
        text-align: center;
    }

    /* ---------- Formulare ---------- */
    body .t154 {
        grid-template-columns: 1fr;
        row-gap: 16px;
    }

    body .t133 {
        padding: 24px;
    }
}