:root {
--color-green: #69ADA0;
--color-violet-light: #773D90;
--color-violet-dark: #5D3170;
--color-bg-light: 233,243,241;
}
p:last-child {
margin-bottom: 0;
}
.elementor .img-gradient {
background-color:rgb(var(--color-bg-light))
}
.elementor .img-l::before, .elementor .img-r::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.elementor-widget-text-editor a {
text-decoration: underline;
}
@media only screen and (min-width: 1025px) {
.img-gradient .cnt-r, .img-gradient .cnt-l { max-width: 650px; }
.img-gradient .cnt-r {
margin-right: calc(25% - 30px);
align-self: flex-end;
}
.img-gradient .cnt-l {
margin-left: calc(25% - 30px);
align-self: flex-start;
}
.elementor .img-gradient .img-l { margin-right: -25%; }
.elementor .img-gradient .img-r { margin-left: -25%; }
.elementor .img-gradient .img-l::before {
background-image: linear-gradient(to right, rgba(var(--color-bg-light),0.0) 50%, rgba(var(--color-bg-light),1) 100%);
}
.elementor .img-gradient .img-r::before {
background-image: linear-gradient(to left, rgba(var(--color-bg-light),0.0) 50%, rgba(var(--color-bg-light),1) 100%);
}
}
@media only screen and (max-width: 1024px) {
.elementor .img-gradient .img-l::before, .elementor .img-gradient .img-r::before {
background-image: linear-gradient(180deg, rgba(var(--color-bg-light),0.0) 75%, rgba(var(--color-bg-light),1) 100%);
}
}
@media only screen and (max-width: 1380px) {
.img-gradient .cnt-r {
align-self: flex-start;
}
.img-gradient .cnt-l {
align-self: flex-end;
}
}
.gap-t {
padding-top: 100px;
}
.gap-b {
padding-bottom: 100px;
}
.gap-l {
padding-left: 40px;
}
.gap-r {
padding-right: 40px;
}
.gap {
padding: 100px 40px;
}
.bx {
max-width: 940px !important;
}
@media only screen and (max-width: 1024px) {
.elementor .bn, .elementor .img-l, .elementor .img-r {
min-height: 500px;
}
}
@media (max-width: 767px) {
.gap-t {
padding-top: 60px;
}
.gap-b {
padding-bottom: 60px;
}
.gap-l {
padding-left: 20px;
}
.gap-r {
padding-right: 20px;
}
.gap {
padding: 60px 20px;
}
}
.col-6-3-2 > .e-con-inner > .elementor-element, .col-6-3-2 > .elementor-element {
width: calc(16.666% - 32px);
max-width: calc(16.666% - 34px) !important;
}
.col-5-3-2 > .e-con-inner > .elementor-element, .col-5-3-2 > .elementor-element {
width: calc(20% - 32px);
max-width: calc(25% - 32px) !important;
}
.col-4-2-1 > .e-con-inner > .elementor-element, .col-4-2-1 > .elementor-element,
.col-4-2-2 > .e-con-inner > .elementor-element, .col-4-2-2 > .elementor-element {
width: calc(25% - 30px);
max-width: calc(25% - 30px) !important;
}
.col-3-2-1 > .e-con-inner > .elementor-element, .col-3-2-1 > .elementor-element,
.col-3-2-2 > .e-con-inner > .elementor-element, .col-3-2-2 > .elementor-element {
width: calc(33.333% - 27px);
max-width: calc(33.333% - 27px) !important;
}
.col-2-2-1 > .e-con-inner > .elementor-element, .col-2-2-1 > .elementor-element,
.col-2-2-2 > .e-con-inner > .elementor-element, .col-2-2-2 > .elementor-element {
width: calc(50% - 20px);
max-width: calc(50% - 20px) !important;
}
@media screen and (max-width: 1024px) {
.col-4-2-1 > .e-con-inner > .elementor-element, .col-4-2-1 > .elementor-element,
.col-3-2-1 > .e-con-inner > .elementor-element, .col-3-2-1 > .elementor-element,
.col-4-2-2 > .e-con-inner > .elementor-element, .col-4-2-2 > .elementor-element,
.col-3-2-2 > .e-con-inner > .elementor-element, .col-3-2-2 > .elementor-element {
width: calc(50% - 20px);
max-width: calc(50% - 20px) !important;
}
.col-6-3-2 > .e-con-inner > .elementor-element, .col-6-3-2 > .elementor-element,
.col-5-3-2 > .e-con-inner > .elementor-element, .col-5-3-2 > .elementor-element {
width: calc(33.333% - 27px);
max-width: calc(33.333% - 27px) !important;
}
}
@media (max-width: 767px) {
.col-4-2-1 > .e-con-inner > .elementor-element, .col-4-2-1 > .elementor-element,
.col-3-2-1 > .e-con-inner > .elementor-element, .col-3-2-1 > .elementor-element,
.col-2-2-1 > .e-con-inner > .elementor-element, .col-2-2-1 > .elementor-element {
width: 100%;
max-width: 100% !important;
}
.col-6-3-2 > .e-con-inner > .elementor-element, .col-6-3-2 > .elementor-element,
.col-5-3-2 > .e-con-inner > .elementor-element, .col-5-3-2 > .elementor-element,
.col-4-2-2 > .e-con-inner > .elementor-element, .col-4-2-2 > .elementor-element,
.col-3-2-2 > .e-con-inner > .elementor-element, .col-3-2-2 > .elementor-element,
.col-2-2-2 > .e-con-inner > .elementor-element, .col-2-2-2 > .elementor-element {
width: calc(50% - 10px);
max-width: calc(50% - 10px) !important;
}
}
@media only screen and (min-width: 1801px) {
.elementor .bn {
min-height: 700px;
}
}
@media only screen and (max-width: 1800px) {
.elementor .bn {
min-height: 600px;
}
}
@media only screen and (max-width: 767px) {
.elementor .bn, .elementor .img-l, .elementor .img-r {
min-height: 300px;
}
}
.elementor-widget-image.img-l, .elementor-widget-image.img-r {
width: 100%;
}
.elementor-widget-image.img-l .elementor-widget-container, .elementor-widget-image.img-r .elementor-widget-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.elementor-widget-image.img-l img, .elementor-widget-image.img-r img {
object-fit: cover;
width: 100%;
height: 100%;
} .elementor .blur {
backdrop-filter: blur(10px);
}
.box {
padding: 30px;
border-radius: 10px;
background-color: rgba(255,255,255,0.6);
box-shadow: 0px 0px 30px 0px rgba(45,70,118,0.15);
}
@media only screen and (max-width: 767px) {
.box {
padding: 20px;
}
} ul.bullet-list {
margin: 0;
padding: 0;
list-style-type: none;
}
ul.bullet-list:not(:last-child) {
margin-bottom: 14.4px;
}
ul.bullet-list li {
position: relative;
display: block;
padding-left: 26px;
}
ul.bullet-list > li:not(:first-child) {
margin-top: 10px;
}
ul.bullet-list li::before {
content: "";
position: absolute;
top: 5px;
left: 0;
width: 18px;
height: 18px;
mask-size: cover;
mask-repeat: no-repeat;
-webkit-mask-size: cover;
-webkit-mask-repeat: no-repeat;
}
ul.bullet-list.check li::before {
mask-image: url(//www.drcully.de/wp-content/themes/hello-elementor-child/files/check.svg);
-webkit-mask-image: url(//www.drcully.de/wp-content/themes/hello-elementor-child/files/check.svg);
background-color: var(--color-green);
}
ul.bullet-list.point li {
padding-left: 24px;
}
ul.bullet-list.point li::before {
top: 6px;
mask-image: url(//www.drcully.de/wp-content/themes/hello-elementor-child/files/point.svg);
-webkit-mask-image: url(//www.drcully.de/wp-content/themes/hello-elementor-child/files/point.svg);
background-color: var(--color-violet-light);
} .tsr .elementor-element[data-widget_type="image-box.default"] {
background-color: rgba(255, 255, 255, 0.75);
backdrop-filter: blur(10px);
border-radius: 10px;
flex-grow: 1;
}
.tsr .elementor-element[data-widget_type="image-box.default"] {
box-shadow: 0px 0px 30px 0px rgba(45,70,118,0.15);
}
.tsr .elementor-image-box-title {
margin-top: 0;
} .tsr .elementor-image-box-img {
aspect-ratio: 2 / 0.85;
border-radius: 10px 10px 0 0;
overflow: hidden;
}
.tsr .elementor-image-box-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
.tsr .elementor-image-box-img img:hover {
transform: scale(1.1);
}
.tsr .elementor-image-box-content {
padding: 10px 30px 30px 30px;
}
.tsr .btn-act .elementor-image-box-content {
padding-bottom: 45px;
}
.tsr .btn-act .elementor-button {
position: absolute;
left: 50%;
bottom: -25px;
transform: translateX(-50%);
border-radius: 50px;
color: var(--color-violet-light) !important;
background-color: #fff !important;
border: 1px solid var(--color-violet-light);
}
.tsr .btn-act .elementor-button:hover {
color: #fff !important;
background-color: var(--color-violet-dark) !important;
border: 1px solid var(--color-violet-dark);
}
@media screen and (max-width: 767px) {
.tsr .elementor-image-box-content {
padding: 10px 20px 20px 20px;
}
.tsr .btn-act .elementor-image-box-content {
padding-bottom: 60px;
}
} .faq-item {
padding: 20px 0;
border-bottom: 1px solid rgba(0,0,0,0.15);
}
.faq-question {
margin: 0;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 25px !important;
}
.active .faq-question {
color: var(--color-green);
}
.faq-answer {
display: none;
margin-top: 10px;
}
.faq-item.active .faq-answer {
display: block;
}
.faq-icon::after {
content: "+";
}
.faq-item.active .faq-icon::after {
content: "–";
}
@media screen and (max-width: 767px) {
.faq-question {
font-size: 20px !important;
}
} .area-menu ul > li {
padding-left: 20px;
}
.area-menu ul > li::before {
content: "";
position: absolute;
top: 4px;
left: 0;
width: 18px;
height: 18px;
mask-size: cover;
mask-repeat: no-repeat;
-webkit-mask-size: cover;
-webkit-mask-repeat: no-repeat;
mask-image: url(//www.drcully.de/wp-content/themes/hello-elementor-child/files/arrow-right-line.svg);
-webkit-mask-image: url(//www.drcully.de/wp-content/themes/hello-elementor-child/files/arrow-right-line.svg);
background-color: var(--color-violet-light);
} .elementor-posts--skin-classic .elementor-post {
overflow: visible;
}
.elementor-grid-item .elementor-post__thumbnail {
box-shadow: 0px 0px 30px 0px rgba(45,70,118,0.15);
}