.school_offers_list {
max-width: 1504px;
margin: 30px auto;
width: 94%;
}
.school_offers_list .school_offer {
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 0px 0px 0px 20px;
padding: 30px;
box-shadow: 4px 2px 24px 0px rgba(0, 0, 0, 0.06);
margin-bottom: 20px;
background: #fff;
position: relative;
width: calc(100% - 30px);
transition: all 0.3s;
}
@media (max-width: 1110px) {
.school_offers_list .school_offer {
display: block;
}
}
@media (max-width: 1024px) {
.school_offers_list .school_offer {
padding: 20px;
width: 100%;
}
}
.school_offers_list .school_offer:hover {
transform: translateX(30px);
background: #f1f6e1;
}
@media (max-width: 1024px) {
.school_offers_list .school_offer:hover {
transform: none;
}
}
.school_offers_list .school_offer:hover .btn {
background: #2c285b;
color: #fff;
opacity: 1;
}
.school_offers_list .school_offer:hover .btn:before {
background: url(//www.bbs-walsrode.de/wp-content/themes/hph-gmbh/blockstudio/schulungsangebot/img/menu-arrow-white.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: left center;
margin-right: 3px;
}
.school_offers_list .school_offer .global_link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 4;
font-size: 0px;
color: transparent;
}
.school_offers_list .school_offer h4 {
margin-bottom: 0;
}
.school_offers_list .school_offer p {
margin-bottom: 0;
font-size: 15px;
font-weight: 400;
line-height: normal;
margin-top: 10px;
}
.school_offers_list .school_offer .cta_section {
flex: 0 0 400px;
display: flex;
justify-content: flex-end;
}
@media (max-width: 1110px) {
.school_offers_list .school_offer .cta_section {
margin-top: 15px;
}
}
.school_offers_list .school_offer .school_form {
color: #BFBFBF;
text-transform: none;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 140%;
letter-spacing: 0.4px;
margin-top: 0;
}
@media (max-width: 1024px) {
.school_offers_list .school_offer .school_form {
font-size: 18px;
}
}
@media (max-width: 768px) {
.school_offers_list .school_offer .school_form {
font-size: 17px;
}
}
.wp-block-columns .px-education .school_offers_list, .px-frame-layout .px-education .school_offers_list, .accordion-content .px-education .school_offers_list, .tab_wrapper .px-education .school_offers_list {
width: 100%;
}:root {
--fl-frame-lightbgbox: #f2f2f2;
--fl-frame-cibgbox: #f1f6e1;
--fl-layout-reduced: 996px;
--fl-margin-before-extra-small: 30px;
--fl-margin-before-small: 50px;
--fl-margin-before-medium: 100px;
--fl-margin-before-large: 170px;
--fl-margin-before-extra-large: 200px;
--fl-margin-after-extra-small: 30px;
--fl-margin-after-small: 50px;
--fl-margin-after-medium: 100px;
--fl-margin-after-large: 170px;
--fl-margin-after-extra-large: 200px;
}
@media (max-width: 1024px) {
:root {
--fl-margin-before-medium: 80px;
--fl-margin-before-large: 120px;
--fl-margin-before-extra-large: 170px;
--fl-margin-after-medium: 80px;
--fl-margin-after-large: 120px;
--fl-margin-after-extra-large: 170px;
}
}
@media (max-width: 768px) {
:root {
--fl-margin-before-small: 40px;
--fl-margin-before-medium: 50px;
--fl-margin-before-large: 80px;
--fl-margin-before-extra-large: 100px;
--fl-margin-after-small: 40px;
--fl-margin-after-medium: 50px;
--fl-margin-after-large: 80px;
--fl-margin-after-extra-large: 100px;
}
}
@media (max-width: 470px) {
:root {
--fl-margin-before-small: 35px;
--fl-margin-before-medium: 40px;
--fl-margin-before-large: 50px;
--fl-margin-before-extra-large: 60px;
--fl-margin-after-small: 35px;
--fl-margin-after-medium: 40px;
--fl-margin-after-large: 50px;
--fl-margin-after-extra-large: 60px;
}
}
.fl {
position: relative;
max-width: 1504px;
width: 96%;
margin: 0 auto;
}
.fl[data-layout="default"][data-frame$="box"] {
padding: 30px;
}
@media (max-width: 768px) {
.fl[data-layout="default"][data-frame$="box"] {
padding: 20px;
}
}
@media (max-width: 470px) {
.fl[data-layout="default"][data-frame$="box"] {
padding: 15px;
}
}
.fl[data-layout="layout-full"] {
max-width: 100%;
}
.fl[data-layout="layout-full"][data-frame$="box"] {
padding: 80px 0;
}
@media (max-width: 768px) {
.fl[data-layout="layout-full"][data-frame$="box"] {
padding: 40px 0;
}
}
@media (max-width: 470px) {
.fl[data-layout="layout-full"][data-frame$="box"] {
padding: 30px 0;
}
}
.fl[data-layout="layout-full-reduced"] {
width: 100%;
max-width: none;
}
.fl[data-layout="layout-full-reduced"][data-frame$="box"] {
padding: 80px 0;
}
@media (max-width: 768px) {
.fl[data-layout="layout-full-reduced"][data-frame$="box"] {
padding: 40px 0;
}
}
@media (max-width: 470px) {
.fl[data-layout="layout-full-reduced"][data-frame$="box"] {
padding: 30px 0;
}
}
.fl[data-layout="layout-full-reduced"] .inner {
position: relative;
max-width: 1504px;
width: 96%;
margin: 0 auto;
}
.fl[data-layout="layout-reduced"] {
max-width: var(--fl-layout-reduced);
border-radius: 0px 0px 0px 20px;
}
.fl[data-layout="layout-reduced"][data-frame$="box"] {
padding: 30px;
}
@media (max-width: 768px) {
.fl[data-layout="layout-reduced"][data-frame$="box"] {
padding: 20px;
}
}
@media (max-width: 470px) {
.fl[data-layout="layout-reduced"][data-frame$="box"] {
padding: 15px;
}
}
.fl[data-frame="lightbgbox"] {
background: var(--fl-frame-lightbgbox);
}
.fl[data-frame="cibgbox"] {
background: var(--fl-frame-cibgbox);
}
.fl[data-layout="layout-reduced"][data-frame="lightbgbox"], .fl[data-layout="layout-reduced"][data-frame="cibgbox"], .fl[data-layout="default"][data-frame="lightbgbox"], .fl[data-layout="default"][data-frame="cibgbox"] {
border-radius: 0px 0px 0px 20px;
}
.fl[data-background-image="true"] .background-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.25;
}
.fl[data-background-image="true"] .background-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.fl[data-margin-before="extra-small"] {
margin-top: var(--fl-margin-before-extra-small);
}
.fl[data-margin-before="small"] {
margin-top: var(--fl-margin-before-small);
}
.fl[data-margin-before="medium"] {
margin-top: var(--fl-margin-before-medium);
}
.fl[data-margin-before="large"] {
margin-top: var(--fl-margin-before-large);
}
.fl[data-margin-before="extra-large"] {
margin-top: var(--fl-margin-before-extra-large);
}
.fl[data-margin-after="extra-small"] {
margin-bottom: var(--fl-margin-after-extra-small);
}
.fl[data-margin-after="small"] {
margin-bottom: var(--fl-margin-after-small);
}
.fl[data-margin-after="medium"] {
margin-bottom: var(--fl-margin-after-medium);
}
.fl[data-margin-after="large"] {
margin-bottom: var(--fl-margin-after-large);
}
.fl[data-margin-after="extra-large"] {
margin-bottom: var(--fl-margin-after-extra-large);
}
@media (max-width: 470px) {
.fl[data-margin-before="medium"] {
margin-top: var(--fl-margin-before-medium);
}
.fl[data-margin-before="large"] {
margin-top: var(--fl-margin-before-large);
}
.fl[data-margin-before="extra-large"] {
margin-top: var(--fl-margin-before-extra-large);
}
.fl[data-margin-after="medium"] {
margin-bottom: var(--fl-margin-after-medium);
}
.fl[data-margin-after="large"] {
margin-bottom: var(--fl-margin-after-large);
}
.fl[data-margin-after="extra-large"] {
margin-bottom: var(--fl-margin-after-extra-large);
}
}