/* SEE SECURITY B */

/*articles page*/
.articles-page #GridTop, .contact-page #GridTop { height: var(--headerHeight); }
.articles-page #GridTop .top-caption, .contact-page #GridTop .top-caption { display: none; }
.articles-page #GridWrap.max-width, .contact-page #GridWrap.max-width #PageBreadCrumps { width: 100%; margin: 0 auto; padding: 2.08vw 9.75vw 1.4vw; }
#GridWrap.max-width #PageBreadCrumps, #PageBreadCrumps { max-width: 100%; padding: 0; font-size: calc(1.4rem * 0.85); font-size: clamp(1.2rem,0.729vw,100rem); color: var(--text); }
#GridWrap.max-width #PageBreadCrumps span:last-of-type, #PageBreadCrumps span:last-of-type { text-decoration: underline; font-family: 'ploni-bold-new'; }
.articles-page .grid-text-content, .articles-page #lobbyview .grid-boxes, .articles-page #LobbyModule .grid-boxes { width: 100%; max-width: 100%; padding: 0; text-align: right; }
.articles-page .grid-text-content p { line-height: 1.4; font-size: 0.885vw; }
.articles-page .self-study-section { display: flex; gap: 2.344vw; align-items: flex-start; padding-top: 1.198vw; }
.articles-page .section-text-wrapper { text-align: right; max-width: 25.521vw; }
.articles-page #headline { margin: 0; }
.articles-page #headline h1, .contact-page #headline h1 { font-family: var(--formula); text-transform: uppercase; font-size: clamp(8rem,13.646vw,100rem); color: var(--text); line-height: 1; }
.articles-page .section-text-wrapper .section-title { overflow: hidden; }
.articles-page .section-text-wrapper .section-title h2 { color: var(--text); font-family: var(--almoni); font-size: clamp(3rem,2.188vw,100rem); line-height: 0.7; margin-bottom: 0.7vw; text-align: right; }
.articles-page .section-text-wrapper .section-title h2 .line { text-align: right !important; }
.articles-page #LobbyModule .grid-boxes { flex-wrap: wrap; }
.articles-page #LobbyModule .articles-lobby-grid-boxes .grid-boxes { margin: 1.629vw 0 5.729vw; }
.articles-page #LobbyModule .grid-boxes .grid-box { display: flex; flex-direction: column; min-height: 12.5vw; background-color: transparent; margin: 0.521vw; padding: 0; width: calc(33.33% - 1.042vw); justify-content: space-between; font-family: var(--almoni); border-radius: 16px; }
.articles-page #LobbyModule .grid-boxes .grid-box .grid-box-inner { overflow: hidden; display: flex; flex-direction: column; height: 100%; padding: 0.833vw; justify-content: space-between; opacity: 0; background-color: var(--grey); transition: 1s opacity ease; border-radius: 16px; }
.articles-page #LobbyModule .grid-boxes .grid-box .grid-box-inner.shown { opacity: 1; }
.articles-page #LobbyModule .grid-boxes .grid-box:has(.grid-box-image) .grid-box-inner { padding: 0; }
.articles-page #LobbyModule .grid-boxes .grid-box:has(.grid-box-image) .grid-box-inner > *:not(.grid-box-image) { display: none; }
.articles-page #LobbyModule .grid-boxes .grid-box:has(.grid-box-image) a.grid-box-link { display: none; }
.articles-page #LobbyModule .grid-boxes .grid-box .grid-box-image { margin: 0; pointer-events: none; }
.articles-page #LobbyModule .grid-boxes .grid-box h3 { color: var(--red); font-size: clamp(9rem,5.729vw,100rem); line-height: 0.7; margin: 0; }
.articles-page #LobbyModule .grid-boxes .grid-box .grid-box-subtitle { font-size: clamp(2.2rem,1.563vw,100rem); }
.articles-page #LobbyModule .grid-boxes .grid-box .grid-box-link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

@media(max-width: 1024px) {
    .articles-page #GridWrap.max-width, .contact-page .main-location-section, .contact-page #PageBreadCrumps { width: 100%; padding: 20px; }
    .articles-page .grid-text-content p { font-size: 1.6rem; }
    .articles-page .section-text-wrapper .section-title h2 { margin-bottom: 25px; }
    .articles-page #headline { display: flex; margin-bottom: 5px; }
    .articles-page #GridWrap.max-width { padding-top: 0; }
    .articles-page .self-study-section { flex-direction: column; gap: 12px; }
    .articles-page .section-text-wrapper { max-width: 100%; margin-bottom: 55px; }
    .articles-page .section-text-wrapper .section-title { margin-bottom: 0; }
    .articles-page #LobbyModule .articles-lobby-grid-boxes .grid-boxes { margin-bottom: 90px; }
    .articles-page #LobbyModule .grid-boxes { flex-direction: column; }
    .articles-page #LobbyModule .grid-boxes .grid-box { width: 100%; margin: 5px 0; padding: 0; height: auto; }
    .articles-page #LobbyModule .grid-boxes .grid-box .grid-box-inner { padding: 16px; gap: 10px; min-height: 48.25vw; }
    .articles-page #LobbyModule .grid-boxes .grid-box h3 { margin: 0; line-height: 0.7; }
}

/*contact*/
.contact-page #headline { margin-bottom: 1.3vw; }
.contact-page .main-location-section { width: 100%; margin: 0 auto; padding: 2.08vw 16.5vw 1.4vw; }
.contact-page .main-location-section .grid-rows .grid-row { direction: ltr !important; }
.contact-page .main-location-section .grid-rows .grid-row .flexslider-box { /* border-radius: 16px; */ /* border: 1px solid #ACACAD; */ /* overflow: hidden; */ }
.contact-page .main-location-section .grid-rows .grid-row iframe { border-radius: 16px; max-height: 19.3vw; width: 100%; }
.contact-page .main-location-section .grid-rows .grid-row .grid-row-cell:not(.flexslider-box) { width: 40.3%; }
.contact-page .main-location-section .grid-rows .grid-row .grid-row-text { width: 100%; padding-left: 5.5vw; }
.contact-page .main-location-section .grid-rows .grid-row .grid-row-text h2 { font-family: var(--almoni); color: var(--red); line-height: 0.7; margin-bottom: 1vw; font-size: clamp(3rem, 6.094vw, 100rem); }
.contact-page .main-location-section .grid-rows .grid-row .grid-row-text p { line-height: 1.1; }
.contact-page .main-location-section .grid-rows .grid-row .grid-row-text p,
.contact-page .main-location-section .grid-rows .grid-row .grid-row-text h3 { font-size: clamp(1.6rem,1.302vw,100rem ); }
.contact-page .main-location-section .grid-rows .grid-row .grid-row-text h3 { margin: 1.667vw 0 0; }
.contact-page .main-location-section .grid-rows .grid-row .grid-row-text .images-container { display: flex; justify-content: flex-start; align-items: center; gap: 1.771vw; }
.contact-page .main-location-section .grid-rows .grid-row .grid-row-text .images-wrapper { display: flex; flex-direction: column; align-items: flex-start; }
.contact-page .main-location-section .grid-rows .grid-row .grid-row-text .images-wrapper::before { content: ''; margin: 1.302vw 0; width: 100px; height: 2px; background: rgba(29, 29, 29, 0.20); }
.contact-page .main-location-section .grid-rows .grid-row .grid-row-text .images-wrapper img { max-width: 2.344vw; max-height: 2.604vw; }

.contact-page #LobbyModule .grid-boxes { max-width: 69.885vw; padding: 0; justify-content: center; }
.contact-page .details-section { margin: 4.713vw 0 5.292vw; }
.contact-page .details-section .section-title { font-size: 15.3px; }
.contact-page .details-section .section-title h2 { font-family: var(--almoni); font-size: clamp(3rem, 2.22vw,100rem); line-height: 0.7; }
.contact-page .details-section .section-title h3 { line-height: 2; margin: 0.429vw 0 1.383vw; font-size: 15.3px; }
.contact-page #LobbyModule .details-section .grid-box { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: calc(20% - 1.125vw); padding: 0; margin: 0 0.563vw; }
.contact-page .details-section .title-wrapper { display: flex; align-items: center; font-family: var(--almoni); text-align: right; }
.contact-page #LobbyModule .details-section .title-wrapper h3 { margin: 0; line-height: 1; font-size: clamp(2.4rem, 1.458vw, 100rem); }
.contact-page .details-section .grid-box-fulltext { text-align: right; }
.contact-page .details-section .grid-box-fulltext p { font-size: clamp(1.3rem, 0.833vw, 100rem); }
.contact-page .details-section .grid-box-fulltext p strong { text-decoration: underline; }
.contact-page #LobbyModule .details-section .title-wrapper .grid-box-image { margin: 0; margin-left: 0.521vw; }

@media(min-width: 1025px) {
    .contact-page .details-section .title-wrapper { margin-bottom: 0.3vw; }
}

@media(max-width: 1024px) {
    .contact-page .main-location-section { padding: 0; }
    .contact-page .main-location-section .grid-rows .grid-row { display: flex !important; flex-direction: column-reverse; gap: 40px; }
    .contact-page .main-location-section .grid-rows .grid-row .grid-row-cell:not(.flexslider-box) { width: 100%; }
    .contact-page .main-location-section .grid-rows .grid-row .grid-row-text { width: 100%; text-align: center; padding: 0 20px; margin: 0; }
    .contact-page .main-location-section .grid-rows .grid-row .grid-row-text .images-wrapper { align-items: center; }
    .contact-page .main-location-section .grid-rows .grid-row .grid-row-text .images-wrapper::before { margin: 28px 0; width: 48vw; height: 1px; }
    .contact-page .main-location-section .grid-rows .grid-row .grid-row-text .images-container img { max-width: 30px; max-height: 34px; }
    .contact-page .main-location-section .grid-rows .grid-row .grid-row-text h2 { margin-bottom: 30px; }
    .contact-page .main-location-section .grid-rows .grid-row .grid-row-text p { line-height: 1.37; }
    .contact-page .main-location-section .grid-rows .grid-row iframe { height: 190px; max-height: unset; width: calc(100% - 40px); }
    .contact-page .details-section { margin: 50px 0 33px; }
    .contact-page .details-section .section-title h3 { font-size: 1.6rem; }
    .contact-page .details-section .grid-box-fulltext { width: 60%; }
    .contact-page .details-section .grid-box-fulltext p { font-size: 1.6rem; }
    .contact-page #LobbyModule .grid-boxes { max-width: 100%; flex-direction: column; padding: 0 20px; }
    .contact-page #LobbyModule .details-section .grid-box { width: 100%; flex-direction: row; justify-content: space-between; margin: 0; padding: 32px 0; }
    .contact-page #LobbyModule .details-section .grid-box:not(:last-of-type) { border-bottom: 1px solid #C0C0C0; }
    .contact-page #LobbyModule .details-section .title-wrapper .grid-box-image { margin-left: 10px; }
    .contact-page #LobbyModule .details-section .title-wrapper .grid-box-title h3 { font-size: 2.4rem; max-width: 100px; }
}

.content-page #GridTop { margin-top: var(--headerHeight); height: 15.104vw; display: flex; justify-content: center; align-items: center; background-color: var(--grey); overflow: hidden; }
.content-page .top-caption { margin: 0; position: relative; transform: none; left: 0; top: 0; }
.content-page .top-caption h1, .blog-area.contentInnerPage #headline h1 { font-family: var(--almoni); font-size: clamp(3rem,4.427vw,100rem); max-width: clamp(550px,40.021vw, 100rem); text-align: right; line-height: 0.75; color: var(--text); }
.content-page #PageBreadCrumps { position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: calc(100% - 19.5vw); margin: 0 auto; padding: 2.08vw 0 1.65vw; }
.content-page #ContentRegularModule, .content-page #ContentFaqModule, .blog-area.contentInnerPage .blog-view { display: flex; flex-direction: column; align-items: center; max-width: clamp(550px,40.021vw, 100rem); padding: 2.083vw 0 6.250vw; text-align: right; margin: 0 auto; }

.content-page :is(#pageview, #galleryview) { order: 1; }
.content-page :is(#pageview, #galleryview) #text1, .content-page #text2 { max-width: 100%; width: 100%; text-align: right; color: var(--text); }
.content-page :is(#pageview, #galleryview) #text1 h2, .content-page #text2 h2, .content-page :is(#pageview, #galleryview) #text1 h3, .content-page #text2 h3 { font-family: var(--almoni); font-size: clamp(2.4rem, 1.333vw, 100rem); }
.content-page :is(#pageview, #galleryview) #text1 h2 a, .content-page #text2 h2 a, .content-page :is(#pageview, #galleryview) #text1 h3 a, .content-page #text2 h3 a { color: var(--red); text-decoration: underline; text-underline-offset: 4px; display: inline-flex; margin-right: 5px; }
.content-page :is(#pageview, #galleryview) #text1 p, .content-page #text2 p { line-height: 1.5; font-size: clamp(1.3rem, 0.797vw, 100rem); }
.content-page :is(#pageview, #galleryview) #text1 p.contains-images + p, .content-page #text2 p.contains-images + p { margin: 2.500vw 0 1.25vw; }
.content-page :is(#pageview, #galleryview) #text1 .contains-images img, .content-page #text2 .contains-images img { border-radius: 16px; }

.content-page #text2 { order: 2; }
.content-page #text2 h3:not(:first-of-type) { margin: 2.500vw 0; }
.content-page #text2 h3:first-of-type { /* margin-bottom: 0; */ }
.content-page #text2 ul { margin-bottom: 2.500vw; }
.content-page :is(#pageview, #galleryview) #text1 ul, .content-page #text2 ul,
.explanation-beginners-page :is(#pageview, #galleryview) #text1 ul, .explanation-beginners-page #text2 ul,
.blog-area.contentInnerPage #text1 ul { padding-right: 1.042vw; margin: 0; }
.content-page :is(#pageview, #galleryview) #text1 ul li, .content-page #text2 ul li,
.explanation-beginners-page :is(#pageview, #galleryview) #text1 ul li, .explanation-beginners-page #text2 ul li,
.blog-area.contentInnerPage #text1 ul li { line-height: 1.3; font-size: 0.89vw; position: relative; }
.content-page :is(#pageview, #galleryview) #text1 ul li::marker, .content-page #text2 ul li::marker,
.explanation-beginners-page :is(#pageview, #galleryview) #text1 ul li::marker, .explanation-beginners-page #text2 ul li::marker,
.blog-area.contentInnerPage #text1 ul li::marker { color: var(--red); }
.content-page :is(#pageview, #galleryview) #text1 ul li a, .content-page #text2 ul li a { text-decoration: underline; text-underline-offset: 2px; }

.content-page :is(#pageview, #galleryview) #text1 h2 { margin-bottom: 0.7vw; }
.content-page :is(#pageview, #galleryview) #text1 h3, .content-page #text2 h3 { margin: 1vw 0 0.5vw; }
.content-page :is(#pageview, #galleryview) #text1 .contains-images { margin: 2.4vw 0; }
.content-page :is(#pageview, #galleryview) #text1 ul li::after, .content-page #text2 ul li::after { content: ''; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--red); right: -0.9vw; top: 2px; display: none; }
.content-page :is(#pageview, #galleryview) #text1 ul, .content-page #text2 ul { /* list-style: none; */ }
.content-page :is(#pageview, #galleryview) #text1 ul li:not(:last-child), .content-page #text2 ul li:not(:last-child) { margin-bottom: 0.5vw; }

.content-page #faqview { order: 3; width: 100%; margin-top: 2.5vw; }
.content-page .panel-group { display: flex; flex-direction: column; margin: 0; gap: 0.6vw; }
.content-page .panel-group .faq-item .faq-headline::after,
.panel-group .faq-item .faq-headline::before { content: ''; position: absolute; left: 1.3vw; top: 50%; transform: translateY(-50%) rotate(90deg); width: 0.625vw; height: 0.625vw; background-image: url(/warehouse/dynamic/405028.svg); background-position: center; transition: 0.3s all; background-repeat: no-repeat; background-size: 100%; }
.content-page .panel-group .faq-item .faq-headline::before { transform: translateY(-0.3125vw) rotate(0deg); }

.content-page .panel-group .faq-item .faq-headline:not(.collapsed)::after { transform: translateY(-50%) rotate(0deg); }
.content-page .panel-group .faq-item { border-radius: 8px; margin: 0px !important; box-shadow: none; border: none !important; border: 1px solid #1d1d1d38 !important; background: transparent; overflow: hidden; }

.content-page .panel-group .faq-item .faq-headline { border-radius: 0; border: none !important; background: var(--grey); font-size: 0.917vw; font-family: var(--ploniBold); /* text-align: left; */ padding: 0.7vw 1.3vw 0.5vw; }
.content-page .panel-group .faq-item .faq-headline .button-open { display: none; }
.content-page .panel-group .faq-item .faq-body { background: var(--grey); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.content-page .panel-group .faq-item .faq-body > div { padding: 0 1.3vw 1.4vw; max-width: unset; }
.content-page .panel-group .faq-item .faq-body > div h4 { margin: 0 0 0.2vw; font-size: 0.833vw; }
.content-page .panel-group .faq-item .faq-body > div p,
.content-page .panel-group .faq-item .faq-body > div :is(ul, ol) li { font-size: 0.73vw; line-height: 1.5; }

@media(max-width: 1024px) {
    .content-page #GridTop { height: 280px; }
    .content-page .top-caption h1 { max-width: 100%; text-align: center; line-height: 0.95; }
    .content-page #PageBreadCrumps { }
    .content-page #ContentFaqModule, .content-page #ContentRegularModule { max-width: 100%; padding: 50px 20px; }
    .content-page :is(#pageview, #galleryview) #text1 h2::after { content: ''; width: 120%; height: 1px; margin: 20px -35px 17px 0; display: block; background: rgba(29, 29, 29, 0.15); }
    .content-page :is(#pageview, #galleryview) #text1 p, .content-page #text2 p { font-size: 1.6rem; }
    .content-page :is(#pageview, #galleryview) #text1 ul, .content-page #text2 ul,
    .explanation-beginners-page :is(#pageview, #galleryview) #text1 ul, .explanation-beginners-page #text2 ul,
    .blog-area.contentInnerPage #text1 ul { padding: 0 20px 20px; }
    .content-page :is(#pageview, #galleryview) #text1 ul li::marker, .content-page #text2 ul li::marker,
    .explanation-beginners-page :is(#pageview, #galleryview) #text1 ul li::marker, .explanation-beginners-page #text2 ul li::marker,
    .blog-area.contentInnerPage #text1 ul li::marker { /* font-size: clamp(3.1rem,1.563vw,100rem); */ }
    .content-page #faqview .faq-item .faq-headline { padding: 14px 16px; }
    .content-page #faqview .faq-item { margin-bottom: 5px !important; }
    .content-page #faqview .faq-item .faq-body > div { padding: 0 16px 16px; }
    .content-page .panel-group { gap: 5px; }
    .content-page .panel-group .faq-item .faq-headline { font-size: 1.6rem; padding: 17px 16px 13px 16px; }
    .content-page .panel-group .faq-item .faq-headline::after, .panel-group .faq-item .faq-headline::before { left: 12px; width: 11px; height: 8px; }
    .content-page .panel-group .faq-item .faq-headline::before { transform: translateY(-4px) rotate(0deg); }
    .content-page .panel-group .faq-item .faq-body > div { padding: 0 16px 20px; }
    .content-page .panel-group .faq-item .faq-body > div p,
    .content-page .panel-group .faq-item .faq-body > div :is(ul, ol) li { font-size: 1.4rem; }
    .content-page :is(#pageview, #galleryview) #text1 h3, .content-page #text2 h3 { margin: 20px 0 25px; }
    .content-page :is(#pageview, #galleryview) #text1 .contains-images img, .content-page #text2 .contains-images img { border-radius: 8px; }
    .content-page :is(#pageview, #galleryview) #text1 .contains-images { margin: 25px 0; }
    .content-page :is(#pageview, #galleryview) #text1 p.contains-images + p, .content-page #text2 p.contains-images + p { margin: 25px 0 0; }
    .content-page #text2 h3:not(:first-of-type) { margin: 25px 0; }
    .content-page :is(#pageview, #galleryview) #text1 ul li:not(:last-child), .content-page #text2 ul li:not(:last-child) { margin-bottom: 10px; }
    .content-page :is(#pageview, #galleryview) #text1 ul li, .content-page #text2 ul li, .explanation-beginners-page :is(#pageview, #galleryview) #text1 ul li, .explanation-beginners-page #text2 ul li, .blog-area.contentInnerPage #text1 ul li { font-size: 1.6rem; }
    .content-page :is(#pageview, #galleryview) #text1 ul li::after, .content-page #text2 ul li::after { right: -20px; width: 10px; height: 10px; }

    .privacy.content-page :is(#pageview, #galleryview) #text1, .privacy.content-page #text2 { padding: 0 20px 40px; }
}

.explanation-beginners-page #ContentRegularModule { display: flex; align-items: flex-start; justify-content: center; padding: 0; height: calc(100vh - var(--headerHeight)); }
.explanation-beginners-page #GridTop { height: var(--headerHeight); }
.explanation-beginners-page .navigation-wrapper .top-caption { position: relative; left: auto; top: auto; transform: none; font-family: var(--formula); text-transform: uppercase; font-size: 3.958vw; color: var(--text); margin-top: 0; }
.explanation-beginners-page .navigation-wrapper { display: flex; flex-direction: column; height: 100%; justify-content: flex-start; background: var(--grey); width: 29%; }
.explanation-beginners-page .navigation-wrapper > * { text-align: right; width: 100%; margin: 0; margin-top: 1.563vw; }
.explanation-beginners-page :is(#pageview, #galleryview) .MainContent > * { text-align: right; width: 100%; max-width: 100%; }
.explanation-beginners-page .contentModuleNav a:first-of-type { display: none; }
.explanation-beginners-page #PageBreadCrumps { margin: 0.521vw 0 1.146vw; }
.explanation-beginners-page #ContentRegularModule > div { padding: 2.604vw 3.385vw; }
.explanation-beginners-page #ContentRegularModule :is(#pageview, #galleryview) { width: 71%; height: calc(100vh - var(--headerHeight) - 7.2vw); overflow-y: scroll; padding: 0vw 1.208vw 2.604vw; direction: ltr; margin-right: 4vw; margin-top: 4.6vw; margin-bottom: 2.6vw; overscroll-behavior: auto; }
.explanation-beginners-page #ContentRegularModule :is(#pageview, #galleryview)::-webkit-scrollbar { width: 0.2vw; }
.explanation-beginners-page #ContentRegularModule :is(#pageview, #galleryview)::-webkit-scrollbar-track { background: #777777; border-radius: 50px }
.explanation-beginners-page #ContentRegularModule :is(#pageview, #galleryview)::-webkit-scrollbar-thumb { background: var(--red); border-radius: 50px; }
.explanation-beginners-page .contentModuleNav a { font-size: 0.89vw; margin: 0.521vw 0; color: var(--text); display: block; }
.explanation-beginners-page .contentModuleNav a.selected { text-decoration: none; color: var(--red); font-family: var(--ploniBold); }
.explanation-beginners-page .contentModuleNav a:hover, .explanation-beginners-page .contentModuleNav a:focus { color: var(--red); font-family: var(--ploniBold); opacity: 1; }
.explanation-beginners-page :is(#pageview, #galleryview) .MainContent #headline { margin-bottom: 1.823vw; max-width: 85%; }
.explanation-beginners-page :is(#pageview, #galleryview) .MainContent #headline h1 { font-family: var(--almoni); font-size: clamp(3rem, 4.427vw,100rem); line-height: 0.75; direction: rtl; }
.explanation-beginners-page :is(#pageview, #galleryview) .MainContent #subheadline h2 { direction: ltr; font-size: 3.2rem; margin-bottom: 0.8vw; font-family: var(--almoni); }
.explanation-beginners-page :is(#pageview, #galleryview) .MainContent #text1 p { line-height: 1.5; }
.explanation-beginners-page :is(#pageview, #galleryview) .MainContent #text1 p,
.explanation-beginners-page :is(#pageview, #galleryview) .MainContent #text1 ul { font-size: 0.89vw; }
.explanation-beginners-page :is(#pageview, #galleryview) .MainContent #text1 p iframe { margin-top: 1vw; width: 28.9vw; height: 16.3vw; }
.explanation-beginners-page :is(#pageview, #galleryview) .MainContent #text1 p strong { text-decoration: underline; text-underline-offset: 2px; }
.explanation-beginners-page :is(#pageview, #galleryview) .MainContent #text1 p img { border-radius: 16px; margin-top: 2.5vw; }
.explanation-beginners-page :is(#pageview, #galleryview) .MainContent #text1 p a > img { margin: 0 0 0 0.5vw; border-radius: unset; }
.explanation-beginners-page :is(#pageview, #galleryview) .MainContent #text1 p strong + img { margin: 0 0.1vw 0 0; border-radius: 0; }
.explanation-beginners-page :is(#pageview, #galleryview) .MainContent #text1 h3, .blog-area.contentInnerPage #BlogView .blog-view h2, .blog-area.contentInnerPage #BlogView .blog-view h3,
.blog-area.contentInnerPage .blog-view .blog-post-icons .blog-post-date { margin: 0; margin-bottom: 0.521vw; font-family: var(--almoni); font-size: clamp(2.4rem,1.406vw,100rem); }
.explanation-beginners-page :is(#pageview, #galleryview) .MainContent #text1 h3 { margin-top: 2.5vw; }
.explanation-beginners-page #ContentRegularModule :is(#pageview, #galleryview) .MainContent { max-width: 65%; margin: 0 0 0 auto; direction: rtl; }

@media(max-width: 1400px) {
    /*.explanation-beginners-page :is(#pageview, #galleryview) .MainContent #text1 p iframe { width: 100%; }*/
}

@media(max-width: 1024px) {
    .explanation-beginners-page #ContentRegularModule { flex-direction: column; height: auto; }
    .explanation-beginners-page #ContentRegularModule > div { padding: 50px 65px; width: 100%; }
    .explanation-beginners-page #ContentRegularModule .navigation-wrapper { padding: 0px 15px 20px; }
    .explanation-beginners-page .navigation-wrapper > * { margin-top: 30px; }
    .explanation-beginners-page #PageBreadCrumps { margin: 10px 0 22px; }
    .explanation-beginners-page .navigation-wrapper .top-caption { text-align: center; font-size: 8rem; }
    .explanation-beginners-page .navigation-wrapper #contentModuleNav { padding: 0; border: 1px solid rgba(69, 69, 70, 0.30); border-radius: 8px; }
    .explanation-beginners-page #contentModuleNav .selected-content { display: flex; justify-content: flex-start; align-items: center; gap: 25px; padding: 12px 16px 12px 30px; font-family: var(--ploniBold); font-size: 1.6rem; border-radius: 8px; background: var(--lgrey); transition: all 0.35s ease; position: relative; }
    .explanation-beginners-page #contentModuleNav .selected-content::after, .explanation-beginners-page #contentModuleNav .selected-content::before { content: ''; position: absolute; top: 50%; transform: translateY(-50%) rotate(0deg); left: 15px; width: 11px; height: 8px; background-image: url(/warehouse/dynamic/405028.svg); background-position: center; transition: 0.3s all; background-repeat: no-repeat; background-size: 100%; }
    .explanation-beginners-page #contentModuleNav .selected-content::before { transform: translateY(-4px) rotate(0deg); }
    .explanation-beginners-page #contentModuleNav .selected-content:not(.open)::after { transform: translateY(-50%) rotate(90deg); }
    .explanation-beginners-page #contentModuleNav .contentNavList { overflow: hidden; transition: 0.35s all ease; padding: 0 16px; background-color: var(--lgrey); border: 0; border-radius: 0 0 8px 8px; margin: 0; height: 0; }
    .explanation-beginners-page .contentModuleNav .contentNavList li:first-of-type, .explanation-beginners-page .contentModuleNav .contentNavList li.selected { display: none; }
    .explanation-beginners-page .contentModuleNav a { font-size: 1.6rem; margin: 10px 0; }
    .explanation-beginners-page .contentModuleNav a:first-of-type { display: block; }
    .explanation-beginners-page .contentModuleNav li { /* height: 0; */ /* transition: all 0.35s ease; */ overflow: hidden; }
    .explanation-beginners-page .contentModuleNav .open li { height: auto; }

    .explanation-beginners-page #ContentRegularModule :is(#pageview, #galleryview) { margin: 0; height: auto; padding: 55px 20px 80px; width: 100%; }
    .explanation-beginners-page #ContentRegularModule :is(#pageview, #galleryview) .MainContent { max-width: 100%; margin: 0; }
    .explanation-beginners-page :is(#pageview, #galleryview) .MainContent #headline { max-width: 100%; margin-bottom: 15px; }
    .explanation-beginners-page :is(#pageview, #galleryview) .MainContent #text1 p,
    .explanation-beginners-page :is(#pageview, #galleryview) .MainContent #text1 ul { font-size: 1.6rem; }
    .explanation-beginners-page :is(#pageview, #galleryview) .MainContent #text1 p iframe { width: 100%; height: 220px; }
    .explanation-beginners-page :is(#pageview, #galleryview) .MainContent #text1 p a > img { margin: 0 0 0 5px; }
    .explanation-beginners-page :is(#pageview, #galleryview) .MainContent #text1 h3 { margin-bottom: 8px; margin-top: 25px; }
    .explanation-beginners-page :is(#pageview, #galleryview) #text1 ul li::marker, .explanation-beginners-page #text2 ul li::marker { font-size: clamp(3.1rem,1.563vw,100rem); }
    .explanation-beginners-page :is(#pageview, #galleryview) #text1 ul, .explanation-beginners-page #text2 ul { padding: 0 20px 20px; }
    .blog-area.contentInnerPage .blog-view .blog-post-icons .blog-post-date { margin-bottom: 10px; }
}

@media(max-width: 375px) {
    .explanation-beginners-page .navigation-wrapper .top-caption { font-size: 7rem; }
}

.blog-area.contentInnerPage #GridWrap.max-width #PageBreadCrumps { padding: 2.08vw 9.75vw 1vw; }
.blog-area.contentInnerPage #headline { background-color: var(--grey); display: flex; justify-content: center; margin: 0; overflow: hidden; position: relative; padding: 4vw 0; width: 100%; }
.blog-area.contentInnerPage #headline h1 { direction: rtl; line-height: 0.85; z-index: 1; }

.blog-area.contentInnerPage .blog-view { align-items: flex-start; padding: 2.05vw 0 3.608vw; }
.blog-area.contentInnerPage .blog-view .go-back { position: relative; top: unset; right: unset; margin-bottom: 2.6vw; font-size: 0.8vw; }
.blog-area.contentInnerPage .blog-view .go-back:hover,
.blog-area.contentInnerPage .blog-view .go-back:focus { text-decoration: underline; text-decoration-thickness: 2px; }
.blog-area.contentInnerPage .blog-view .blog-post-icons .blog-post-date i { display: none; }
.blog-area.contentInnerPage #BlogView { display: flex; flex-direction: column; align-items: center; }
.blog-area.contentInnerPage #BlogView .blog-view h2, .blog-area.contentInnerPage .blog-view .blog-post-icons, .blog-area.contentInnerPage #BlogView .share-strip, .blog-area.contentInnerPage #BlogView .blog-view #text1 ul, .blog-area.contentInnerPage #BlogView .blog-view #text2 ul { margin: 0; margin-bottom: 2.5vw; }

.blog-area.contentInnerPage #BlogView .share-strip { display: inline-flex; align-items: center; }
.blog-area.contentInnerPage #BlogView :nth-child(2 of .share-strip) { margin-top: 2.5vw; }
.blog-area.contentInnerPage #BlogView .share-strip::after { content: none; }
.blog-area.contentInnerPage #BlogView .share-strip::before { position: relative; width: 100%; border-color: #000; }
.blog-area.contentInnerPage #BlogView .share-strip > span { display: none; }
.blog-area.contentInnerPage #BlogView .share-strip a.share-icon { margin-left: 15px; }

.blog-area.contentInnerPage #BlogView .blog-view #video { width: 100%; }
.blog-area.contentInnerPage #BlogView .blog-view #text1, .blog-area.contentInnerPage #BlogView .blog-view #text2 { max-width: 100%; width: 100%; padding: 0; margin: 0; }
.blog-area.contentInnerPage #BlogView .blog-view #text1 p img, .blog-area.contentInnerPage #BlogView .blog-view #text2 p img { border-radius: 16px; }
.blog-area.contentInnerPage #BlogView .blog-view #text1 p a, .blog-area.contentInnerPage #BlogView .blog-view #text2 p a { font-family: var(--ploniBold); text-decoration: underline; }
.blog-area.contentInnerPage #BlogView .blog-view #text1 p, .blog-area.contentInnerPage #BlogView .blog-view #text2 p { font-size: 0.89vw; line-height: 1.5; }
.blog-area.contentInnerPage #BlogView .blog-view h3 { margin-top: 2.5vw; }
.blog-area #BlogView .blog-view :is(h2,h3,h4,h5,li) span { font-size: inherit; }
.blog-area.contentInnerPage #BlogView .blog-view #text1 p img, .blog-area.contentInnerPage #BlogView .blog-view #text2 p img { margin: 2.5vw 0 0; }
.blog-area.contentInnerPage #BlogView .blog-view #text1 p:has(img), .blog-area.contentInnerPage #BlogView .blog-view #text2 p:has(img) { margin-bottom: 2.5vw; }
.blog-area.contentInnerPage .blog-related-posts { /* background-color: var(--grey); */ margin: 0; display: flex; flex-direction: column; column-count: unset; column-gap: unset; padding: 0 0 4.6vw; max-width: clamp(550px,38.021vw, 100rem); }
.blog-area.contentInnerPage #BlogView .blog-related-posts h2 { margin: 0 auto 0.8vw; font-size: clamp(7.5rem,7.604vw,100rem); font-family: var(--formula); color: var(--text); width: calc(100% - 19.5vw); padding: 0; display: none; }
.blog-area.contentInnerPage .articles-more-buttons { width: 100%; margin: 0 auto; display: flex; gap: 1.5vw; }
.blog-area.contentInnerPage .articles-more-buttons .articles-more-button { display: flex; width: fit-content !important; border-radius: 50px; position: relative; overflow: hidden; transition: 0.4s border ease, 0.4s background ease; background: var(--text); border: 2px solid var(--text); }
.blog-area.contentInnerPage.information .articles-more-buttons .articles-more-button:nth-child(2) { display: none; }
.blog-area.contentInnerPage .articles-more-buttons .articles-more-button:hover { border: 2px solid #fff; }
.blog-area.contentInnerPage .articles-more-buttons .articles-more-button a { font-family: var(--ploniBold); background: transparent !important; border-radius: 50px; font-size: 0.797vw; height: 3.65vw; width: 12.5vw; display: flex; align-items: center; justify-content: center; padding: 0; z-index: 1; color: #fff; }
.blog-area.contentInnerPage .articles-more-buttons .articles-more-button a:hover { color: #fff !important; }
.blog-area.contentInnerPage .articles-more-buttons .articles-more-button::before { content: ''; position: absolute; bottom: -100%; left: 50%; transform: translateX(-50%) scale(1); background: var(--red); width: 50%; height: 100%; border-radius: 100%; transition: 0.4s all; z-index: 1; pointer-events: none; }
.blog-area.contentInnerPage .articles-more-buttons .articles-more-button:hover::before { transform: translateX(-50%) scale(2.5); bottom: 0; }
.blog-area.contentInnerPage .blog-related-posts .BlogArticle { position: relative; top: unset; transform: unset; width: calc(100% - 19.5vw); padding: 3vw 0; display: flex; margin: 0 auto; align-items: center; background: inherit; display: none; }
.blog-area.contentInnerPage .blog-related-posts .BlogArticle .animated-underline { right: 0; position: absolute; width: 100%; background: #1D1D1D33; height: 2px; bottom: 0; pointer-events: none; }
.blog-area.contentInnerPage .blog-related-posts .BlogArticle .animated-overline { right: 0; position: absolute; width: 100%; background: #1D1D1D33; height: 2px; top: 0; pointer-events: none; }
.blog-area.contentInnerPage .blog-related-posts .BlogArticle .BlogArticleContent { width: 100%; padding: 0; }
.blog-area.contentInnerPage .blog-related-posts .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper { position: relative; top: unset; transform: unset; /* border-bottom: 2px solid #cfcfcf; */ width: 100%; /* padding: 3vw 0; */ display: flex; margin: 0 auto; align-items: center; }
.blog-area.contentInnerPage .blog-related-posts .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper .BlogArticleTitle { margin: 0; width: 100%; font-size: clamp(2.4rem, 2.22vw, 100rem); font-family: var(--almoni); }
.blog-area.contentInnerPage .blog-related-posts .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper .BlogArticleSummary { max-width: 25.52vw; padding: 0; letter-spacing: unset; color: var(--text); line-height: 1.4; font-size: clamp(1.3rem, 0.89vw, 100rem); }
.blog-area.contentInnerPage .blog-related-posts .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper .BlogArticleLink { margin: 0; color: var(--red); border: none; padding: 0; font-family: var(--ploniBold); font-size: 1.7rem; position: relative; display: inline-flex; align-items: center; pointer-events: none; }
.blog-area.contentInnerPage .blog-related-posts .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper .BlogArticleLink::before { content: ''; display: inline-block; margin-left: 0.8vw; width: 2.4vw; height: 0.9vw; background-image: url(/warehouse/dynamic/404321.svg); transform: scaleX(-1); background-size: cover; background-repeat: no-repeat; pointer-events: none; }
.blog-area.contentInnerPage .blog-related-posts .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper .blog-title-overflow { margin: 0 0 0 12vw; width: 20%; }
.blog-area.contentInnerPage .blog-related-posts .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper .blog-button-overflow { margin-right: auto; margin-left: auto; }
.blog-area.contentInnerPage .blog-related-posts .BlogArticle .BlogArticleDetails,
.blog-area.contentInnerPage .blog-related-posts .BlogArticle .BlogArticleImg { display: none !important; }
.blog-area.contentInnerPage .blog-related-posts .blog-related-post { background-color: transparent; margin: 0 0 0 12vw; width: 25%; }
.blog-area.contentInnerPage .blog-related-posts .blog-related-post .blog-related-post-title { text-align: right; font-size: clamp(2.4rem, 2.22vw, 100rem); font-family: var(--almoni); }

.en-content.blog-area.contentInnerPage #GridWrap.max-width #PageBreadCrumps { }
.en-content.blog-area.contentInnerPage #headline h1 { direction: ltr; text-align: left; }
.en-content.blog-area.contentInnerPage .banner-hat { right: unset; left: 15vw; }
.en-content.blog-area.contentInnerPage .blog-view { text-align: left; align-items: flex-end; }
.en-content.blog-area.contentInnerPage #BlogView .share-strip { flex-direction: row-reverse; }
.en-content.blog-area.contentInnerPage #BlogView .share-strip a.share-icon { margin-left: 0; margin-right: 14px; }
.en-content.blog-area.contentInnerPage #BlogView #text1 { text-align: left; }
.en-content.blog-area.contentInnerPage .articles-more-buttons { justify-content: flex-end; }

@media(max-width: 1024px) {
    .blog-area.contentInnerPage #headline { padding: 75px 0 115px; align-items: center; }
    .blog-area.contentInnerPage #headline h1 { max-width: 100%; text-align: center; padding: 0 20px 55px; }
    .blog-area.contentInnerPage .blog-view { max-width: 100%; padding: 48px 20px 30px; }
    .blog-area.contentInnerPage .blog-view .go-back { font-size: 1.6rem; margin-bottom: 30px; }
    .blog-area.contentInnerPage #BlogView .blog-view h2, .blog-area.contentInnerPage #BlogView .blog-view h3, .blog-area.contentInnerPage .blog-view .blog-post-icons .blog-post-date { margin-bottom: 25px; }
    .blog-area.contentInnerPage #BlogView .blog-view #text1 p, .blog-area.contentInnerPage #BlogView .blog-view #text2 p { font-size: 1.6rem; }
    .blog-area.contentInnerPage #BlogView .share-strip > a { margin-left: 14px; }
    .blog-area.contentInnerPage #BlogView .blog-view #text1 h3, .blog-area.contentInnerPage #BlogView .blog-view #text2 h3 { margin-bottom: 8px; margin-top: 25px; }
    .blog-area.contentInnerPage .blog-related-posts { margin: 0; padding: 0 20px 100px; }
    .blog-area.contentInnerPage #BlogView .blog-view iframe { max-height: 220px; width: 100%; }
    .blog-area.contentInnerPage #BlogView .blog-related-posts h2 { text-align: center; padding: 0; margin-bottom: 40px; }
    .blog-area.contentInnerPage .blog-related-posts .BlogArticle { flex-direction: column; padding: 32px 0; width: 100% }
    .blog-area.contentInnerPage .blog-related-posts .BlogArticle:first-of-type { padding-top: 0; border-top: 0 }
    .blog-area.contentInnerPage .blog-related-posts .blog-related-post { width: 100%; margin: 0; }
    .blog-area.contentInnerPage #BlogView .blog-related-posts > div > *:not(:last-child, .animated-underline) { width: 100%; margin: 0; margin-bottom: 0px; }
    .blog-area.contentInnerPage .blog-related-posts .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper { flex-direction: column; text-align: right; gap: 0; }
    .blog-area.contentInnerPage .blog-related-posts .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper .BlogArticleTitle { width: 100%; margin: 0; }
    .blog-area.contentInnerPage .blog-related-posts .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper .BlogArticleSummary { max-width: 100%; display: block !important; font-size: 1.6rem; }
    .blog-area.contentInnerPage .blog-related-posts .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper .BlogArticleLink { font-size: 1.8rem; }
    .blog-area.contentInnerPage .blog-related-posts .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper .BlogArticleLink::before { width: 55px; height: 21px; margin-left: 10px; }
    .blog-area.contentInnerPage #BlogView .blog-view #text1 p img, .blog-area.contentInnerPage #BlogView .blog-view #text2 p img { margin: 25px 0 0; }
    .blog-area.contentInnerPage .blog-related-posts .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper .blog-title-overflow { width: 100%; margin: 0 0 30px; }
    .blog-area.contentInnerPage .blog-related-posts .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper .blog-button-overflow { margin-right: 0; margin-top: 25px; }
    .blog-area.contentInnerPage .articles-more-buttons { gap: 20px; display: flex; justify-content: center; }
    .blog-area.contentInnerPage .articles-more-buttons .articles-more-button a { font-size: 1.6rem; width: 156px; height: 46px; }
}