* {
box-sizing: border-box;
}
html {
height: 100%;
}
html, body {
min-height: 100%;
}
input, button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
html, body, header, footer, div, span, p, strong, section, h1, h2, h3, h4, h5, h6 {
font-family: 'Gotham Pro', sans-serif !important;
}
body {
margin: 0;
font-size: 18px;
display: flex;
flex-direction: column;
color: #6B6B6B;
line-height: 1.3;
}
.seo-text {
position: relative;
z-index: 2;
}
body.scrollLock {
width: 100%;
overflow: hidden;
}
body.overflow-hidden {
overflow: hidden;
}
select:required:invalid {
color: gray;
}
option[value=""][disabled] {
display: none;
}
option {
color: black;
}
p {
margin: 0;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1;
color: #010127;
}
.h1, .h2, .h3, .h4, .h5, .h6 {
font-weight: bold;
}
.h2-title {
text-align: center;
font-size: 46px;
line-height: 1.3;
color: #010127;
font-weight: 400;
margin-bottom: 20px;
width: 100%;
}
strong {
font-weight: bold;
color: #010127;
}
.content .accordion:first-child {
margin-top: 0;
}
.content .accordion:last-child {
margin-bottom: 0;
}
.content ul, .content ol {
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
padding-inline-start: 40px
}
.content li {
list-style: unset;
}
.content a {
color: #010127;
font-weight: 700;
}
img {
max-width: 100%;
}
::placeholder {
color: #6B6B6B;
font-weight: 500;
font-size: 16px;
}
a {
color: #777;
text-decoration: none;
}
a:active {
color: #ccc;
}
ul, ol {
padding: 0;
margin: 0;
}
li {
padding: 0;
margin: 0;
list-style: none;
}
input, textarea {
width: 100%;
border: 1px solid #C9CDCF;
font-size: 16px;
color: #6B6B6B;
padding: 8px 16px;
min-height: 41px;
background: #fff;
}
textarea {
resize: none;
}
textarea:focus, input:focus {
outline-offset: 0;
outline: 1px solid #fff;
}
input[type='submit']:hover {
cursor: pointer;
outline: 1px solid #fff;
}
input::-webkit-calendar-picker-indicator {
color: transparent;
background: none;
z-index: 31;
}
.section, section {
padding: 50px 0;
}
.t-center {
text-align: center;
}
.inversion .h2-title, .inversion .descr {
color: #fff;
}
.container {
max-width: 1260px;
width: 100%;
margin: 0 auto;
padding: 0 30px;
}
.top-panel {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.contacts {
margin: 10px 0;
font-size: 14px;
}
.contacts .phone {
margin-right: 10px;
}
.contacts a {
display: flex;
align-items: center;
color: #259bd4;
white-space: nowrap;
}
.contacts a span {
text-decoration: underline;
}
.contacts a:hover span {
text-decoration: none;
}
.contacts .fa {
margin-right: 5px;
}
.top-panel .descr {
margin-right: 10px;
color: #bfbfbf;
font-size: 16px;
}
.breadcrumbs {
width: 100%;
color: #fff;
font-weight: 400;
text-align: left;
padding: 30px 0;
}
.breadcrumbs span,
.breadcrumbs a {
color: #010127;
font-weight: 400;
padding-right: 7px;
font-size: 21px;
line-height: 1.5;
}
.breadcrumbs a:after {
content: "/";
padding-left: 12px;
}
.button {
display: inline-block;
background: #010127;
padding: 15px 20px;
color: #fff;
font-size: 18px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s;
margin-top: 30px;
text-transform: uppercase;
border-radius: 0;
}
.button_lg {
padding: 16px 100px;
}
.button_md {
padding: 16px 60px;
}
.button:hover {
opacity: .8;
}
.button__transparent {
font-weight: 700;
background: transparent;
border: 1px solid #fff;
color: #fff;
}
.button__transparent:hover {
color: #fff;
background: #010127;
border-color: #010127;
opacity: 1;
}
.button_mobile {
display: none;
}
.common-blog .container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.posts {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.post:first-child {
padding-top: 0;
}
.common-blog .inner {
display: flex;
flex-wrap: wrap;
}
.common-blog .inner .post-image-link {
max-width: 482px;
height: auto;
flex-shrink: 0;
margin-right: 50px;
}
.common-blog .inner .info {
flex: 1;
}
.post {
width: 100%;
min-width: 300px;
padding: 20px;
}
.post .title {
margin: 20px 0;
font-size: 27px;
font-weight: 400;
color: #010127;
display: block;
}
.common-blog .post .title {
font-weight: 500;
font-size: 22px;
}
.common-blog address {
display: inline-block;
background: #EDEDED;
padding: 5px 20px;
border-radius: 30px;
color: #010127;
}
.common-blog .post .button {
margin-bottom: 5px;
padding: 15px 54px;
}
.post .description {
height: 60px;
overflow: hidden;
line-height: 1.3rem;
font-size: 14px;
font-weight: 400;
}
.common-blog .post .description {
font-weight: 400;
line-height: 1.6;
height: 116px;
color: #010127;
}
.post .bottom {
margin-top: 10px;
}
.post .inner {
border-radius: 4px;
}
.post .bottom {
display: flex;
align-items: center;
justify-content: space-between;
}
.post .post-image {
width: 100%;
height: auto;
margin-bottom: 0;
}
.post .post-image-link {
display: inline-block;
width: 100%;
}
.post .title:hover {
opacity: 0.8;
}
.single-php address {
font-size: 22px;
margin: 20px 0 50px;
}
.single-php .post-image {
width: 100%;
height: auto;
}
.single-unser-team-php .content > img {
max-width: 300px;
width: 100%;
height: auto;
float: left;
margin-right: 26px;
}
.landing-content .content p {
font-weight: 400;
line-height: 1.6;
font-size: 18px;
}
.landing-content .content .cstErr {
font-size: 14px;
}
.landing-content .container {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
.single-unser-team-php .content .text-content {
flex: 1;
margin-left: 26px;
}
.single-php .landing-content .container .content .single-php .landing-content .container .content {
font-size: 18px;
}
.landing-content .container .content h2, .landing-content .container .content h3, .landing-content .container .content h4, .landing-content .container .content h5, .landing-content .container .content h6 {
font-weight: 400;
color: #010127;
}
.landing-content .container .content h3 {
font-size: 27px;
}
.landing-content.section .container .impressum-resume + h2 {
font-size: 46px;
line-height: 1.3;
}
.landing-content .container .content {
flex: 1;
display: flex;
flex-direction: column;
}
.landing-content .content h1 {
order: -1;
}
.landing-content iframe.wp-embedded-content {
position: relative !important;
max-width: 600px;
width: 100%;
}
.landing-content .content > h1:first-child, .landing-content .content > h2:first-child {
margin-top: 0;
margin-bottom: 40px;
font-size: 34px;
}
.landing-content .content > img:first-child + h1, .landing-content .content > img:first-child + h2 {
margin-top: 20px;
margin-bottom: 40px;
font-size: 30px;
}
.landing-content .container .content p {
margin-bottom: .4em;
}
.landing-content .price-block {
font-size: 20px;
font-weight: 300;
background: #DCDCEE;
padding: 30px;
margin-top: 30px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.price-block .text-info {
font-size: 14px;
font-weight: 300;
max-width: 58%;
width: 100%;
}
.price-block .price-block-calc {
max-width: 38%;
width: 100%;
font-weight: 400;
display: flex;
align-items: center;
justify-content: center;
}
.price-calculator .price-block .current-price, .price-calculator .price-block .currency, .price-calculator .price-block .after-price, .landing-content .price-block .current-price, .landing-content .price-block .currency, .landing-content .price-block .after-price {
display: none;
}
.price-calculator .price-block.active .current-price, .price-calculator .price-block.active .currency, .price-calculator .price-block.active .after-price, .landing-content .price-block.active .current-price, .landing-content .price-block.active .currency, .landing-content .price-block.active .after-price {
display: inline-block;
}
address {
font-family: 'Gotham Pro', sans-serif;
font-weight: 300;
font-size: 16px;
font-style: normal;
}
address time::after {
content: '/';
padding: 0 14px;
}
.page-404-php {
text-align: center;
padding-top: 50px;
}
.wp-block-columns {
display: flex;
flex-wrap: wrap;
width: calc(100% + 40px);
margin: 0 -20px;
}
.wp-block-column {
width: 50%;
min-width: 250px;
padding: 20px;
}
.digits {
position: relative;
}
.digits .inner {
display: flex;
justify-content: space-around;
padding: 0 20px;
text-align: center;
max-width: 1145px;
}
.digits .inner > div {
position: relative;
max-width: calc(33.33%);
width: 100%;
}
.digits strong {
font-weight: 600;
font-size: 46px;
}
.digits span {
font-size: 17px;
margin-top: 4px;
display: block;
}
.digits p {
font-size: 14px;
margin: 0;
}
.registered-customers {
position: relative;
text-align: center;
}
.registered-customers:not(:last-child)::after {
position: absolute;
content: "";
background: url(/wp-content/uploads/2021/06/ellipsis.png) no-repeat center/cover;
width: 4px;
height: 38px;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.optional-offer {
color: #fff;
padding: 90px 0;
}
.optional-offer .button {
background: #fff;
color: #010127;
margin-top: 50px;
}
.optional-offer .subtitle {
font-size: 36px;
max-width: 867px;
font-weight: 700;
color: #fff;
}
.our-achievements {
text-align: center;
background: #f7f7f9;
}
.our-achievements .text {
max-width: 700px;
width: 100%;
margin: 0 auto 40px;
}
.our-achievements .row {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.our-achievements .image {
max-width: 532px;
width: 100%;
height: auto;
flex-shrink: 0;
margin-right: 30px;
}
.our-achievements ul {
flex: 1;
}
.our-achievements .icon {
max-width: 60px;
width: 100%;
height: auto;
flex-shrink: 0;
margin-right: 30px;
}
.our-achievements .text-content {
flex: 1;
}
.our-achievements li a {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
text-align: left;
color: #010127;
}
.our-achievements .text {
color: #6B6B6B;
}
.our-achievements li:not(:last-child) .text {
padding-bottom: 28px;
border-bottom: 1px solid #BFB9AC;
margin-bottom: 28px;
}
.our-achievements li .subtitle {
font-weight: 700;
font-size: 24px;
margin-bottom: 15px;
color: #010127;
}
.achievements-link {
display: inline-block;
transition: .5s all;
}
.achievements-link img {
height: 60px;
width: auto;
flex-shrink: 0;
}
.achievements-link:hover {
opacity: .7;
}
.glide__arrow {
width: 38px;
height: 38px;
background: #fff;
border: 1px solid #010127;
box-shadow: none;
border-radius: 0;
outline: none;
}
.glide__arrow:hover {
opacity: 1;
border-color: #010127;
}
.glide__arrow {
z-index: 1;
}
.first-screen {
background: no-repeat center / cover;
padding: 116px 0 70px;
position: relative;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
z-index: 0;
}
.first-screen .container {
display: flex;
flex-wrap: wrap;
position: relative;
align-items: flex-start;
justify-content: space-between;
z-index: 1;
width: 100%;
}
.first-screen ul {
padding-left: 40px;
color: #fff;
margin: 30px 0 10px;
text-align: left;
}
.first-screen ul + .subtitle {
margin-top: 0;
text-align: left;
}
.first-screen li {
font-size: 20px;
font-weight: 500;
margin-bottom: 0.8rem;
position: relative;
}
.first-screen li:after {
content: "";
position: absolute;
background: url(/wp-content/uploads/2021/07/check-mark.svg) no-repeat center/cover;
width: 32px;
height: 32px;
top: 60%;
left: -40px;
transform: translateY(-50%);
}
.first-screen .price-calculator {
max-width: 421px;
width: 100%;
background: #fff;
padding: 18px 30px 18px 30px;
}
.first-screen .item-wrap {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
width: 100%;
}
.first-screen .item {
width: 100%;
margin: 10px;
display: flex;
align-items: center;
max-width: 325px;
}
.first-screen .item img {
max-width: 60px;
height: auto;
flex-shrink: 0;
margin-right: 20px;
}
.first-screen .item {
font-size: 16px;
font-weight: 400;
color: #959595;
}
.first-screen .item .text-content {
text-align: left;
}
.first-screen .item .subtitle {
font-size: 24px;
font-weight: 500;
color: #010127;
}
.first-screen .subtitle a {
display: inline-block;
margin-top: 20px;
color: #fff;
font-weight: 700;
text-decoration: underline;
margin-top: 0;
}
.first-screen .bg {
display: flex;
justify-content: center;
}
.first-screen .bg img {
width: 100%;
max-width: 310px;
}
.first-screen .topic {
display: flex;
flex-direction: column;
justify-content: center;
flex: 1;
margin-right: 90px;
text-align: left;
}
.first-screen .topic span {
font-size: 21px;
line-height: 1.5;
}
.first-screen .topic img {
height: 320px;
width: auto;
object-fit: contain;
}
.img-full-width .first-screen img {
margin-top: 30px;
max-width: 100%;
height: auto;
object-fit: unset;
}
.first-screen .price-calculator .form-title {
font-size: 24px;
font-weight: 600;
margin-bottom: 10px;
color: #010127;
}
.first-screen .notice {
font-size: 12px;
text-align: center;
}
.first-screen .price-block {
margin: 20px 0 10px;
text-align: center;
width: 100%;
color: #010127;
}
.first-screen .currency, .first-screen .current-price {
font-size: 28px;
font-weight: 500;
}
.first-screen .currency {
margin-left: 14px;
}
.first-screen .current-price {
margin-right: 12px;
}
.first-screen .price-calculator .row {
text-align: left;
margin-bottom: 10px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.first-screen .price-calculator .button {
margin-top: 0;
border: none;
width: auto;
}
.first-screen .delivery-data, .first-screen .seiten {
max-width: 48%;
width: 100%;
}
.first-screen .price-calculator label, .first-screen .price-calculator .label {
width: 100%;
font-size: 16px;
font-weight: 400;
color: #010127;
position: relative;
}
.first-screen .price-calculator .email .cstErr {
position: absolute;
top: 17px;
background: #fff;
width: auto;
}
.first-screen .price-calculator .custom-dropdown {
display: block;
margin-top: 4px;
}
.first-screen .digits {
padding: 40px 0 0;
}
.first-screen .topic .title {
font-size: 46px;
line-height: 1.3;
margin-bottom: 0;
font-weight: bold;
color: #fff;
margin-top: 10px;
}
.front-page .topic .title {
max-width: 500px;
}
@media (max-width: 846px) {
.front-page .topic .title {
max-width: 100%;
}
.section.first-screen {
height: 100%;
}
}
.word-counter-character-counter-page .topic {
max-width: 440px;
}
.first-screen .topic .title > * {
margin: 0;
}
.topic .subtitle {
font-size: 21px;
margin-top: 20px;
color: #fff;
line-height: 1.5;
}
.how-to-order {
position: relative;
z-index: 1;
background: #fff;
}
.how-to-order.gray-bg {
background: #F7F7F9;
}
.how-to-order .subtitle {
font-size: 24px;
font-weight: 700;
margin-bottom: 15px;
color: #010127;
}
.how-to-order ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.how-to-order li {
position: relative;
max-width: calc(33% - 20px);
width: 100%;
margin: 10px;
margin-top: 40px;
padding: 55px 30px 30px 30px;
background: #F7F7F9;
border: 1px solid #010127;
color: #6B6B6B;
}
.how-to-order .step-number {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
width: 70px;
height: 70px;
background: #F7F7F9;
border: 1px solid #010127;
font-weight: 700;
font-size: 36px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: #010127;
}
.email-discount {
background: #259bd4;
}
.email-discount .inner {
display: flex;
align-items: center;
justify-content: space-between;
padding: 30px 0;
}
.email-discount form p {
display: inline-block;
}
.email-discount input[type="email"] {
border-radius: 4px;
}
.email-discount form > p:nth-of-type(1) {
width: 250px;
}
.email-discount .wpcf7-not-valid-tip {
position: absolute;
}
.email-discount input[type="submit"] {
border-radius: 4px;
text-transform: uppercase;
font-weight: 700;
background: #ff6562;
color: #fff;
margin-left: 5px;
border: none;
}
.email-discount input[type="submit"]:hover {
outline: none;
}
.email-discount .offer {
color: #fff;
}
.email-discount .offer strong {
font-size: 40px;
display: block;
}
.nav-links {
display: inline-flex;
justify-content: flex-start;
align-items: center;
}
.navigation.pagination {
text-align: center;
padding: 20px 0;
width: 100%;
}
.arhive-unser-team .nav-links {
justify-content: center;
}
.page-numbers {
display: inline-block;
padding: 4px 10px;
margin: 1px;
font-family: 'Gotham Pro', sans-serif;
font-size: 18px;
font-weight: 500;
}
.page-numbers.prev, .page-numbers.next {
width: 33px;
height: 33px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #B8B8B8;
margin: 1px;
border-radius: 50%;
}
.page-numbers.prev {
margin-right: 40px;
}
.page-numbers.next {
margin-left: 40px;
}
.page-numbers:hover {
color: #FBA704;
}
.page-numbers.current {
color: #FBA704;
}
.prev.page-numbers:hover, .next.page-numbers:hover {
background: #f8f8f8;
}
.prev.page-numbers:hover path, .next.page-numbers:hover path {
fill: #FBA704;
}
.page-404-php {
width: 100%;
padding-top: 0;
padding-bottom: 50px;
margin-top: 50px;
}
.page-404-php .content {
text-align: left;
}
.page-404-php .title {
font-size: 80px;
margin-bottom: 0;
}
.page-404-php .text {
font-size: 28px;
}
.page-404-php .button {
padding: 20px 40px;
display: inline-block;
text-align: center;
margin: 36px 0;
color: #fff;
}
.page-404-php .inner {
display: flex;
align-items: center;
justify-content: space-around;
}
.page-404-php img {
max-width: 350px;
}
.landing-content .content h1, .landing-content .container .content h1 {
font-size: 46px;
line-height: 1.3;
text-align: center;
color: #010127;
font-weight: 400;
}
.landing-content .content h1 strong {
font-weight: 400;
}
.landing-content .content h2, .landing-content .container .content h2 {
font-size: 24px;
}
.landing-content .content h3, .landing-content .container .content h3 {
font-size: 21px;
}
.read-more {
color: #F78B29;
}
.read-more:visited {
color: #F78B29;
}
.accordion {
cursor: pointer;
margin: 20px 0;
}
.seo-text .accordion {
max-width: 990px;
width: 100%;
margin: 20px auto;
border: 1px solid #C9CDCF;
padding: 18px;
}
.seo-text .accordion ul {
padding-left: 20px;
list-style: inherit;
margin: 10px 0;
}
.seo-text .accordion li {
list-style: inherit;
}
.seo-text .accordion:first-child {
margin-top: 0;
}
.seo-text .accordion:last-child {
margin-bottom: 0;
}
.accordion .row-button {
text-align: left;
}
.accordion .button {
margin-top: 28px;
}
.accordion .header {
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 600;
font-size: 24px;
color: #2b3645;
line-height: 1;
}
.accordion .body {
margin-top: 10px;
padding-right: 10px;
display: none;
font-size: 18px;
line-height: 1.6;
}
.accordion.open .body {
display: block;
}
.accordion .indecator {
position: relative;
width: 18px;
height: 18px;
display: inline-block;
margin-left: 20px;
margin-top: 7px;
flex-shrink: 0;
}
.accordion .indecator::before, .accordion .indecator::after {
position: absolute;
content: "";
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: #010127;
transition: .3s all ease-in-out;
}
.accordion.open .indecator::before, .accordion.open .indecator::after {
background: #010127;
}
.accordion.open .indecator::after {
display: none;
}
.accordion .indecator::before {
width: 100%;
height: 3px;
}
.accordion .indecator::after {
width: 3px;
height: 100%
}
.faq {
background: #4D1EB7;
}
.faq .h2-title {
color: #fff;
}
.impressum-resume {
margin-bottom: 40px;
}
.impressum-resume .border-content {
border: 1px solid #000000;
padding: 40px;
margin-top: 40px;
}
.impressum-resume + h2 {
text-align: center;
}
.impressum-resume .contact a {
display: inline-block;
color: #010127;
margin: 2px 0;
font-weight: 400;
max-width: 100%;
}
.impressum-resume .contact a:last-child {
margin-left: 24px;
}
.impressum-resume .contact a span {
color: #010127;
overflow: auto;
max-width: 100%;
display: block;
font-weight: 600;
}
.impressum-resume .impressum-resume__section a:first-child {
margin-right: 20px;
}
.impressum-resume .contact a img {
margin-right: 30px;
}
.impressum-resume .h2-title {
margin-bottom: 30px;
}
.impressum-resume .text {
text-align: center;
}
.impressum-resume .text a {
font-weight: bold;
text-decoration: underline;
}
.impressum-resume .subtitle {
font-weight: bold;
margin-bottom: 20px;
color: #010127;
}
.impressum-resume .think {
font-weight: 300;
}
.impressum-resume__section {
font-size: 18px;
font-weight: 300;
padding: 30px 0;
border-bottom: 1px solid rgba(0, 0, 0, .2)
}
.impressum-resume__section:first-child {
padding-top: 0;
}
.impressum-resume__section:last-child {
border: none;
padding-bottom: 0;
}
.container .content .impressum-resume__section:last-child p {
margin-bottom: 0;
}
.reviews .glide__arrow--left {
left: -40px;
}
.reviews .glide__arrow--right {
right: -40px;
}
.reviews {
position: relative;
}
.reviews .h2-title {
margin-bottom: 20px;
}
.reviews .subtitle {
font-size: 18px;
font-weight: 300;
text-align: center;
margin-bottom: 40px;
}
.reviews .header {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin: 30px 0 20px;
color: #010127;
}
.reviews .name {
font-size: 21px;
font-weight: 700;
}
.reviews .data {
margin-top: 4px;
font-size: 16px;
font-weight: 300;
width: 100%;
}
.reviews .text {
font-size: 16px;
font-weight: 400;
line-height: 1.6;
color: #6b6b6b;
}
.reviews .glide__slide {
padding: 0 15px;
}
.reviews .stars-rate {
max-width: 175px;
height: auto;
}
.reviews .tp-star__shape {
fill: #fff;
}
.reviews .tp-star__canvas--half, .reviews .tp-star__canvas {
fill: #00b67a;
}
.reviews .star-4 .tp-star__canvas--half, .reviews .star-4 .tp-star__canvas {
fill: #73cf11;
}
.reviews .star-3 .tp-star__canvas--half, .reviews .star-3 .tp-star__canvas {
fill: #ffce00;
}
.reviews .star-2 .tp-star__canvas--half, .reviews .star-2 .tp-star__canvas {
fill: #ff8622;
}
.reviews .star-1 .tp-star__canvas--half, .reviews .star-1 .tp-star__canvas {
fill: #ff3722;
}
.reviews .star-4 .tp-star:last-child .tp-star__canvas--half, .reviews .star-4 .tp-star:last-child .tp-star__canvas, .reviews .star-3 .tp-star:nth-of-type(n+4) .tp-star__canvas--half, .reviews .star-3 .tp-star:nth-of-type(n+4) .tp-star__canvas, .reviews .star-2 .tp-star:nth-of-type(n+3) .tp-star__canvas--half, .reviews .star-2 .tp-star:nth-of-type(n+3) .tp-star__canvas, .reviews .star-1 .tp-star:nth-of-type(n+2) .tp-star__canvas--half, .reviews .star-1 .tp-star:nth-of-type(n+2) .tp-star__canvas {
fill: #dcdce6;
}
.work-or-subject .container {
display: flex;
flex-wrap: wrap;
}
.advantages {
background: #f7f7f9;
}
.advantages.bg-white {
background: #fff;
}
.advantages .container, .advantages .row {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.advantages-leistungen .item {
max-width: calc(25% - 20px);
padding: 10px;
}
.first-screen + .advantages .item {
max-width: calc(28% - 60px);
}
.advantages .item {
width: 100%;
margin: 20px 10px;
text-align: center;
}
.advantages-price-page .item {
max-width: calc(33.33% - 30px);
display: flex;
flex-direction: column;
align-items: center;
}
.advantages-price-page .text-content {
flex: 100%;
display: flex;
flex-direction: column;
}
.advantages-price-page .subtitle {
flex: 100%;
}
.advantages .subtitle {
margin: 14px 0 19px;
font-size: 21px;
font-weight: 500;
color: #010127;
flex: 1;
}
.advantages .text {
line-height: 1.3;
color: #6b6b6b;
flex: auto;
}
.advantages img {
max-width: 60px;
width: 100%;
height: auto;
flex-shrink: 0;
}
.cWritters-bg img {
height: auto;
}
.cWriters .descr {
text-align: center;
}
.common-jobs {
background: #F7F7F9;
}
.common-jobs .post {
border: 1px solid #2B3645;
background: #fff;
}
.common-jobs .post .description {
height: auto;
}
.common-jobs .description {
font-size: 16px;
}
.common-jobs .post .button {
color: #2B3645;
padding: 0;
border: unset;
text-transform: none;
}
.common-jobs .post .title {
font-weight: 700;
}
.common-jobs .post .button::after {
content: url(/wp-content/uploads/2021/08/right-arrow.svg);
padding-left: 4px;
}
.common-jobs .post .button:hover {
background: transparent;
border: unset;
}
.delete_line {
cursor: pointer;
}
.kontact-page .landing-content, .als-autor-bewerben .landing-content {
background: #F7F7F9;
}
.landing-content label, .landing-content .label {
margin: 20px 0;
display: block;
font-weight: 400;
font-size: 16px;
color: #010127;
position: relative;
}
.landing-content label .wpcf7-not-valid-tip {
color: red;
font-size: 14px;
margin-top: 3px;
display: block;
}
.file-attachment.label {
margin-bottom: 0;
}
.landing-content label input {
padding: 16px 0;
text-indent: 10px;
background: #fff;
position: relative;
}
.input-price[type="date"]::-webkit-calendar-picker-indicator {
bottom: 0;
color: transparent;
cursor: pointer;
height: auto;
left: 0;
position: absolute;
right: 0;
top: 0;
width: auto;
background-position: right;
background-size: 20px;
}
.landing-content input::placeholder {
color: #6b6b6b;
}
.landing-content .custom-dropdown, .landing-content label input, .landing-content label textarea {
margin-top: 10px;
}
.landing-content .custom-dropdown {
width: 100%;
}
.landing-content .row-button {
text-align: center;
}
.uploaded {
margin-top: 20px;
}
.uploaded .figcaption {
margin: 10px 0;
word-break: break-all;
}
.uploaded .row-button {
text-align: left;
margin-bottom: 30px;
margin-top: 10px;
}
.landing-content .button {
width: auto;
padding: 14px 30px;
}
.landing-content .file-attachment span {
display: block;
margin-top: 20px;
font-weight: 300;
font-size: 14px;
}
.kontakt-page-grid .upload-btn-wrapper {
padding: 18px 40px;
}
.kontakt-page-grid .upload-btn-wrapper .wpcf7-not-valid-tip {
bottom: -22px;
}
.kontakt-page-grid.file-attachment span {
margin-top: 22px;
}
.anfrage-grid-als-autor .upload-btn-wrapper {
padding: 8px 40px;
}
.als-autor-bewerben .uploaded {
margin-top: 52px;
}
.als-autor-bewerben .button-aub {
margin-top: 20px;
}
.button-aub {
margin-top: 50px;
}
.landing-content .delivery-data input {
padding-right: 20px;
}
.value-chain {
display: flex;
flex-wrap: wrap;
}
.landing-content .value-chain .row-button {
text-align: left;
}
.custom-dropdown {
position: relative;
display: inline-block;
vertical-align: middle;
border: 1px solid #C9CDCF;
margin-top: 4px;
background: #fff;
}
.calendar-input, .page-count {
display: inline-block;
width: 100%;
}
.custom-dropdown select {
cursor: pointer;
outline: #fff;
color: #6B6B6B;
width: 100%;
font-size: inherit;
padding: 18px;
padding-right: 2.5em;
border: 0;
margin: 0;
text-indent: 0.01px;
text-overflow: '';
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.first-screen .custom-dropdown select {
padding: 14px 18px;
font-size: 16px;
}
.custom-dropdown::before, .custom-dropdown::after {
content: "";
position: absolute;
pointer-events: none;
}
.custom-dropdown::after {
content: "";
background: url(/wp-content/uploads/2020/12/arrow-dawn.svg) no-repeat center/cover;
width: 12px;
height: 7.29px;
right: 20px;
top: calc(50% - 3px);
transform: translateX(-50%);
}
.custom-dropdown select[disabled] {
color: rgba(0, 0, 0, .3);
}
.custom-dropdown select[disabled]::after {
color: rgba(0, 0, 0, .1);
}
.custom-dropdown::before {
background-color: rgba(0, 0, 0, .15);
}
.custom-dropdown::after {
color: rgba(0, 0, 0, .4);
}
.landing-content .row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.landing-content .row > * {
width: 48%;
margin: 15px 0;
}
.anfrage-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: 105px;
grid-column-gap: 20px;
grid-row-gap: 10px;
}
.anfrage-grid .fachbereich {
grid-row-start: 4;
}
.anfrage-grid .qual {
grid-row-start: 5;
}
.anfrage-grid .sthema {
grid-row-start: 3;
grid-row-end: 5;
grid-column-start: 2;
height: 285px;
}
.anfrage-grid .page {
grid-row-start: 6;
}
.anfrage-grid .calendar {
grid-row-start: 7;
}
.anfrage-grid .file-attachment {
grid-row-start: 6;
grid-row-end: 8;
grid-column-start: 2;
}
.kontakt-page-grid .file-attachment {
grid-row-start: 3;
grid-row-end: 5;
grid-column-start: 1;
}
.intro-text {
font-size: 18px;
font-weight: 400;
line-height: 1.6;
padding-bottom: 0;
background: #F7F7F9;
}
.intro-text .container > *:first-child {
margin-top: 0;
}
.intro-text h1, .intro-text h2, .intro-text h3, .intro-text h4, .intro-text h5, .intro-text h6 {
font-size: 27px;
font-weight: 400;
}
.price-calculator {
padding-top: 0;
background: #f6f7f9;
border: 1px solid #fff;
box-shadow: 6px 6px 12px rgba(0, 0, 0, .15);
}
.price-calculator .subtitle {
font-weight: 400;
font-size: 36px;
text-align: center;
margin-bottom: .8em;
}
.price-calculator .row .wpcf7 {
width: 100%;
}
.price-calculator .row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.price-calculator .row form .row > * {
max-width: 48%;
width: 100%;
margin-bottom: 30px;
}
.price-calculator .custom-dropdown {
display: block;
margin: 0;
position: relative;
}
.price-calculator .custom-dropdown select {
padding: 12px 16px;
}
.price-calculator .custom-dropdown .wpcf7-not-valid-tip {
position: absolute;
padding-top: 4px;
font-weight: 400;
}
.price-calculator .custom-dropdown.error {
border-color: red;
}
.price-calculator input, .price-calculator .custom-dropdown {
margin-top: 10px;
}
.price-calculator input[type="submit"] {
width: auto;
}
.price-calculator .row-button {
text-align: center;
width: 100%;
}
.price-calculator .text {
font-family: 'Gotham Pro', sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 1.6;
}
.price-calculator .price-block {
padding: 29px 20px;
border: 1px solid #E9492F;
background: #fff;
text-align: center;
font-size: 16px;
}
.price-calculator .currency, .landing-content .currency {
margin-left: 8px;
margin-right: 4px;
font-weight: 500;
}
.landing-content .currency {
margin-left: 4px;
margin-right: 5px;
}
.first-screen .price-calculator .price-block {
padding: 0;
background: transparent;
border: none;
margin: 14px 0 10px;
text-align: center;
width: 100%;
color: #010127;
display: none;
}
.first-screen .price-calculator .price-block.active {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.first-screen .price-calculator .currency {
margin-left: 10px;
margin-right: 0;
}
.first-screen .price-calculator .current-price {
margin-left: 4px;
}
.first-screen .price-calculator .current-price, .first-screen .price-calculator .currency, .first-screen .price-calculator .after-price {
display: inline-block;
}
.landing-content .wpcf7 .price-block {
font-size: 22px;
font-weight: 300;
background: #F1F1F1;
padding: 30px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-top: 50px;
}
.landing-content .wpcf7 .text-info {
font-size: 14px;
font-weight: 300;
max-width: 58%;
width: 100%;
}
.landing-content .wpcf7 .price-block-calc {
max-width: 38%;
width: 100%;
font-size: 16px;
font-weight: 400;
color: #010127;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.landing-content .current-price, .price-calculator .current-price {
font-weight: 600;
margin-right: 8px;
font-size: 27px;
color: #010127;
}
.landing-content .current-price {
margin-right: 2px;
margin-left: 8px;
}
.landing-content .currency {
font-size: 27px;
color: #010127;
}
.grecaptcha-badge {
visibility: hidden;
}
#hidden-price {
visibility: hidden;
width: 1px;
line-height: 1px;
padding: 0;
margin: 0;
min-height: 0;
height: 0;
}
.upload-btn-wrapper {
margin-top: 10px;
position: relative;
padding: 33px 40px;
text-align: center;
font-size: 12px;
line-height: 1.6;
display: flex;
flex-direction: column;
z-index: 1;
}
.landing-content .upload-btn-wrapper > .wpcf7-form-control-wrap.multilinefile-225 {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 0;
margin: 0;
background: #fff;
z-index: -1;
}
.landing-content .upload-btn-wrapper .wpcf7-form-control-wrap .upload-btn-wrapper input[type=file], .upload-btn-wrapper input[type=button] {
background: transparent;
color: transparent;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
margin-top: 0;
box-shadow: none;
border: 1px dashed #c9cdcf;
box-sizing: border-box;
}
.upload-btn-wrapper .wpcf7-not-valid-tip {
position: absolute;
bottom: -27px;
left: 0;
}
span.wpcf7-not-valid-tip,
.error-message {
font-size: 14px;
color: #f00;
font-weight: 300;
}
div#mfcf7_zl_multifilecontainer {
position: relative;
order: 2;
margin: 0;
}
div#mfcf7_zl_multifilecontainer p {
margin-bottom: 8px;
display: flex;
justify-content: center;
}
.fileupload-name {
display: flex;
flex-wrap: wrap;
flex-direction: column;
text-align: left;
font-size: 18px;
}
.fileupload-name .figcaption {
padding: 5px 0;
}
.fileupload-name .figcaption:first-child {
margin-top: 15px;
}
.fileupload-name figure {
position: relative;
max-width: calc(50% - 30px);
margin: 10px;
padding: 5px;
}
.fileupload-name .btn-close {
position: absolute;
top: 0;
right: 0;
width: 25px;
height: 25px;
background: rgba(202, 36, 36, .72);
padding: 4px;
cursor: pointer;
transition: .3s ease-in all;
}
.fileupload-name .btn-close:hover {
background: #ca2424;
}
.fileupload-name span.btn-close {
margin: 0;
}
.fileupload-name .btn-close::after, .fileupload-name .btn-close::before {
margin: 0;
position: absolute;
content: "";
background: #fff;
width: 2px;
height: 100%;
top: 0;
margin-left: -2px;
}
.fileupload-name .btn-close::before {
transform: rotate(315deg);
}
.fileupload-name .btn-close::after {
transform: rotate(45deg);
}
.landing-content .remove-all-preview {
background-color: #010127;
margin-top: 10px;
z-index: 1;
transition: .3s ease-in;
font-size: 13px;
text-transform: uppercase;
padding: 12px 14px;
display: none;
}
.remove-all-preview.is-active {
display: inline-block;
}
.drag-drop-text {
color: #010127;
font-size: 14px;
font-weight: 400;
}
.download-text {
font-weight: 300;
}
.download-text.hidden, .drag-drop-text.hidden {
display: none;
}
.leistungen.popup-menu-section ul {
justify-content: center;
}
.leistungen.popup-menu-section li {
text-align: center;
margin-bottom: 35px;
padding: 0 35px;
}
.leistungen.popup-menu-section ul a {
transition: .5s all;
}
.leistungen.popup-menu-section ul a:hover {
opacity: .6;
}
.leistungen .image {
max-width: 60px;
height: auto;
margin-bottom: 0;
}
.leistungen .title {
font-weight: 400;
font-size: 24px;
margin: 20px 0 14px;
}
.leistungen .text {
font-family: "Roboto";
font-weight: 300;
font-size: 16px;
line-height: 1.6;
}
.intro-text {
text-align: center;
}
div#ui-datepicker-div {
z-index: 1000 !important;
}
#wpcf7-f1709-p1706-o1 .wpcf7-mail-sent-ok, .price-calculator-unsere-price .wpcf7-response-output {
visibility: hidden;
opacity: 0;
height: 0;
margin: 0;
padding: 0;
}
.calendar-input input {
position: relative;
padding: 16px 6px 16px 0;
}
.first-screen .calendar-input input {
padding: 10px 4px 10px 16px;
}
.first-screen .input-price {
padding: 12.5px 16px;
}
.wpcf7-form-control:before {
content: "";
background-image: url(/wp-content/uploads/2021/05/calendar-iocn.png);
background-size: cover;
background-repeat: no-repeat;
display: block;
width: 20px;
height: 20px;
position: absolute;
top: 50%;
right: 8px;
transform: translateY(-50%);
}
.scope-activity .h2-title {
margin-bottom: 30px;
}
.scope-activity .text {
font-size: 18px;
text-align: center;
margin-bottom: 50px;
}
.scope-activity ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.scope-activity li {
max-width: calc(33.33% - 24px);
margin: 20px 12px;
width: 100%;
color: #010127;
text-align: center;
font-size: 24px;
}
.scope-activity li img {
max-width: 60px;
height: auto;
margin-bottom: 12px;
}
.sample-papers-home .h2-title {
margin-bottom: 20px;
}
.sample-papers-home .row {
position: relative;
}
.sample-papers-slider {
max-width: 880px;
margin-left: auto;
}
.sample-papers-home .text {
text-align: center;
margin-bottom: 40px;
}
.sample-papers-slider li {
padding: 10px;
height: auto;
}
.more-services {
background: #F7F7F9;
}
.more-services .text, .how-to-order .text, .quality-work .text {
text-align: center;
margin: 0 auto 40px;
}
.how-to-order .text {
max-width: 770px;
}
.more-services .text {
margin: 0 auto 30px;
}
.how-it-work-page .how-to-order .text {
max-width: 100%;
}
.more-services .items {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.more-services .item {
max-width: calc(50% - 20px);
width: 100%;
padding: 24px 20px;
border: 1px solid #010127;
margin: 10px;
text-align: center;
}
.more-services .subtitle {
font-size: 24px;
font-weight: 700;
color: #010127;
margin-bottom: 10px;
}
.more-services .item .text {
line-height: 1.6;
}
.quality-work {
background: #F7F7F9;
}
.quality-work .h2-title {
max-width: 900px;
margin: 0 auto 40px;
}
.quality-work .items {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.quality-work .item {
max-width: calc(33% - 30px);
width: 100%;
margin: 15px;
text-align: center;
}
.quality-work .subtitle {
font-size: 24px;
color: #010127;
margin: 20px 0 10px;
}
.quality-work .item .text {
line-height: 1.6;
}
.quality-work .row-button {
text-align: center;
}
.quality-work .row-button .button {
max-width: 250px;
width: 100%;
padding: 10px 20px;
font-size: 16px;
}
.value-chain .item {
font-size: 16px;
font-weight: 300;
line-height: 1.6;
max-width: calc(33% - 30px);
width: 100%;
margin: 0 15px 30px;
background: #f4f4f4;
display: flex;
flex-direction: column;
padding: 30px 25px;
}
.sample-papers-slider .inner-wrap {
padding: 30px;
background: rgba(241, 241, 241, .85);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
backdrop-filter: blur(20px);
height: 100%;
display: flex;
flex-direction: column;
}
.sample-papers-slider .glide__arrows {
position: static;
text-align: center;
margin-top: 30px;
}
.sample-papers-slider .glide__arrow--left {
margin-right: 20px;
}
.sample-papers-slider .glide__arrow {
position: static;
display: inline-block;
}
.sample-papers-slider .subtitle, .value-chain .subtitle {
color: #010127;
font-size: 21px;
font-weight: 700;
flex: 100%;
display: flex;
align-items: center;
}
.sample-papers-slider .stars-rate, .value-chain .stars-rate {
margin-top: 10px;
display: inline-block;
background: #fff;
border-radius: 30px;
padding: 4px 14px;
line-height: 14px;
align-self: flex-start;
}
.sample-papers-slider .top, .value-chain .top {
flex: 1;
display: flex;
flex-direction: column;
}
.sample-papers-slider .bottom, .value-chain .bottom {
padding-top: 30px;
width: 100%;
}
.sample-papers-slider .bottom > div, .value-chain .bottom > div {
display: flex;
align-items: center;
font-size: 16px;
overflow: auto;
}
.sample-papers-slider .bottom span, .value-chain .bottom span {
margin-right: 8px;
}
.sample-papers-slider .bottom > div:not(:first-child), .value-chain .bottom > div:not(:first-child) {
margin-top: 6px;
}
.sample-papers-slider .bottom, .value-chain .bottom {
color: #010127;
font-weight: 600;
padding-top: 36px;
}
.sample-papers-slider .bottom span, .value-chain .bottom span {
color: #878c93;
width: 100px;
display: block;
font-weight: 400;
}
.sample-papers-slider .bottom a span, .value-chain .subtitle .bottom a span {
color: #fba704;
font-size: 18px;
}
.sample-papers-slider .fachbereich a, .value-chain .fachbereich a {
color: #fba704;
}
.sample-papers-slider .button, .value-chain .button {
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
color: #010127;
border-color: #010127;
}
.sample-papers-slider .button:hover, .value-chain .button:hover {
color: #fff;
}
.glide__arrow {
border: 1px solid #000;
border-radius: 6px;
}
.glide__arrow--left {
left: -6em;
}
.glide__arrow--right {
right: -6em;
}
.personal-contact {
position: relative;
}
.als-autor-bewerben .upload-btn-wrapper {
margin-top: 8px;
}
.als-autor-bewerben .anfrage-grid-als-autor .file-attachment span {
margin-top: 10px;
}
.anfrage-grid-als-autor .fachbereiche {
grid-row-start: 1;
grid-row-end: 3;
grid-column-start: 2;
}
.anfrage-grid-als-autor .informationen {
grid-row-start: 3;
grid-row-end: 5;
grid-column-start: 2;
}
.anfrage-grid-als-autor .file-attachment {
grid-row-start: 5;
grid-row-end: 6;
grid-column-start: 2;
}
.als-autor-bewerben .upload-btn-wrapper .wpcf7-not-valid-tip {
position: absolute;
bottom: -66px;
left: -1px;
}
.personal-contact {
background: #010127;
padding-bottom: 0;
}
.personal-contact .container {
border-bottom: 1px solid #fff;
padding-bottom: 50px;
}
.personal-contact .row {
display: flex;
flex-wrap: wrap;
align-items: center;
color: #fff;
}
.personal-contact .photo {
max-width: 340px;
width: 100%;
flex-shrink: 0;
}
.personal-contact .photo img {
height: auto;
}
.personal-contact .text-content {
flex: 1;
margin-left: 64px;
margin-right: 20px;
}
.personal-contact .truspilot-section {
max-width: 150px;
margin-right: 90px;
}
.personal-contact .truspilot-section img {
height: auto;
}
.personal-contact .subtitle {
font-size: 24px;
font-weight: 400;
}
.personal-contact .name {
font-size: 36px;
font-weight: 600;
margin: 8px 0 6px;
}
.personal-contact .position {
font-size: 21px;
font-weight: 600;
margin-bottom: 30px;
}
.personal-contact a {
color: #fff;
font-weight: 600;
font-size: 18px;
}
.personal-contact .button {
background: #fff;
color: #010127;
font-size: 18px;
margin-top: 30px;
}
.personal-contact .icons {
display: inline-flex;
align-items: center;
}
.personal-contact .icons:not(:first-child) {
margin-right: 20px;
}
.personal-contact .icons img {
max-width: 20px;
height: auto;
margin-right: 14px;
}
#wpcf7-f1709-p1706-o1 .wpcf7-mail-sent-ok, .als-autor-bewerben .screen-reader-response, .kontact-page .screen-reader-response, .price-calculator .screen-reader-response, .price-calculator .wpcf7-response-output {
visibility: hidden;
opacity: 0;
height: 0;
margin: 0;
padding: 0;
}
.single-php .content .shadow-img {
width: 100%;
margin-bottom: 60px;
}
.anfragen-page-php .first-screen .topic {
text-align: left;
margin-right: 0;
}
.anfragen-page-php .topic .title {
color: #010127;
}
.anfragen-page-php .first-screen {
min-height: 0;
padding-bottom: 0;
height: auto;
}
.anfragen-page-php .first-screen strong {
color: #fff;
color: #010127;
}
.anfragen-page-php .first-screen a {
color: #fff;
text-decoration: underline;
}
.anfragen-page-php .first-screen a:hover {
text-decoration: none;
}
.anfragen-page-php .first-screen-image {
max-width: 640px;
width: 100%;
align-self: center;
}
.anfragen-page-php .first-screen .subtitle {
margin: 40px auto 30px;
}
.wpcf7-response-output.wpcf7-validation-errors {
display: none !important;
}
.price-section .items {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
color: #010127;
}
.price-section .items ul {
padding-left: 20px;
flex: 100%;
margin-bottom: 20px;
}
.price-section .items li {
list-style: inherit;
margin-bottom: .4rem;
font-size: 16px;
position: relative;
}
.price-section .items li::before {
content: '';
position: absolute;
left: -20px;
top: 0px;
width: 10px;
height: 10px;
background-color: #000;
border-radius: 50%;
}
.price-section .item {
max-width: calc(33% - 30px);
width: 100%;
margin: 15px;
display: flex;
flex-direction: column;
}
.price-section .text-content {
border: 1px solid #010127;
padding: 30px;
flex: 100%;
display: flex;
flex-direction: column;
}
.price-section .subtitle {
font-weight: 500;
}
.price-section .title {
font-size: 24px;
font-weight: 700;
margin-bottom: 20px;
}
.price-section .price {
font-size: 32px;
margin: 10px 0 20px;
font-weight: 700;
}
.price-section .button-anfragen {
font-size: 18px;
color: #010127;
font-weight: 700;
text-decoration: underline;
}
.call-to-action {
background: #F7F7F9;
}
.call-to-action .text {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
margin: 40px 0 70px;
}
.call-to-action .h2-title {
max-width: 900px;
width: 100%;
margin: 0 auto 40px;
}
.call-to-action .tips {
border: 1px solid #C9CDCF;
background: #fff;
padding: 30px 40px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.call-to-action .image {
max-width: 121px;
width: 100%;
height: auto;
margin-right: 70px;
}
.call-to-action .text-tips {
flex: 1;
}
.money-back-guarantee {
background: #f7f7f9;
}
.money-back-guarantee a {
color: #010127;
}
.money-back-guarantee .h2-title {
margin-bottom: 40px;
}
.money-back-guarantee .row {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.money-back-guarantee .image {
max-width: 460px;
width: 100%;
height: auto;
margin-left: 40px;
}
.money-back-guarantee .text {
flex: 1;
line-height: 1.6;
}
.money-back-guarantee ul {
padding-left: 20px;
}
.money-back-guarantee li {
list-style: inherit;
margin-bottom: .2rem;
}
.money-back-guarantee p:first-child {
margin-bottom: 30px;
}
.toc {
background: #fff;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
padding: 14px 24px;
margin-bottom: 24px;
}
.toc .h2, .toc .h3 {
font-weight: 400;
font-size: 18px;
margin-bottom: .4rem;
}
.toc a {
font-weight: 400;
}
.toc ol {
list-style: unset;
}
.toc .toc-content li {
padding: 0 0 2px 18px;
}
.toc .toc-content ol ol li {
padding: 0 0 2px 28px;
}
.toc .toc-content li::before {
counter-increment: section;
content: counter(section) ". ";
background: 0 0;
border: none;
width: auto;
color: #010127;
top: 0;
}
.toc .toc-content ol {
counter-reset: section;
list-style-type: none;
margin-left: 1em;
}
.toc ol li:before {
counter-increment: section;
content: counter(section) ". ";
}
.toc .toc-content ol ol {
counter-reset: subsection;
}
.toc .toc-content ol ol li:before {
counter-increment: subsection;
content: counter(section) "." counter(subsection) " ";
}
.toc .subtitle {
font-weight: 700;
color: #010127;
}
.toc__header {
display: flex;
align-items: center;
}
.toc-menu {
width: 36px;
height: 28px;
padding: 4px;
margin-right: 16px;
cursor: pointer;
}
.toc-menu__item {
position: relative;
width: 100%;
height: 2px;
background: #010127;
border-radius: 2px;
}
.toc-menu__item:after, .toc-menu__item:before {
position: absolute;
content: "";
width: 100%;
height: 2px;
background: #010127;
top: 16px;
left: 0;
border-radius: 2px;
}
.toc-menu__item::after {
top: unset;
bottom: -8px;
}
.toc-content {
margin-top: 20px;
}
.toc-content.hidden {
display: none;
}
.button-top {
position: fixed;
bottom: 80px;
right: 30px;
z-index: 2;
opacity: .4;
display: none;
transition: opacity .3s ease-in-out;
}
.button-top:hover {
opacity: 1;
}
.button-top.show {
display: block;
}
.plagiarism-advantages .row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.plagiarism-advantages .item {
max-width: calc(50% - 15px);
width: 100%;
background: #f7f7f9;
padding: 30px;
text-align: center;
}
.plagiarism-advantages .button {
border-color: #010127;
min-width: 330px;
margin-top: 20px;
}
.plagiarism-advantages .subtitle {
margin-top: 10px;
font-size: 24px;
color: #010127;
}
.generatoren-page .intro-text {
background: 0 0;
text-align: left;
padding: 0;
}
.generatoren-page .intro-text .container {
padding: 0;
}
.plagiarism-check-advantages .h2-title {
max-width: 880px;
width: 100%;
margin: 0 auto 70px;
}
.online-check-spelling .row, .plagiarism-check-advantages .row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: self-start;
}
.online-check-spelling .text, .plagiarism-check-advantages .text {
flex: 1;
}
.online-check-spelling .advantages-list, .plagiarism-check-advantages .advantages-list {
max-width: 484px;
width: 100%;
background: #f7f7f9;
padding: 40px;
margin-left: 60px;
color: #010127;
}
.online-check-spelling .advantages-list p {
text-align: center;
}
.online-check-spelling .advantages-list {
background: #fff;
border: 1px solid #c9cdcf;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}
.plagiarism-check-advantages .advantages-list > :first-child {
font-size: 27px;
margin: 0 0 24px;
text-align: center;
}
.plagiarism-check-advantages .advantages-list ul + p {
margin-top: 20px;
line-height: 1.6;
}
.online-check-spelling .advantages-list ul, .plagiarism-check-advantages .advantages-list ul {
list-style: inherit;
padding-left: 20px;
}
.online-check-spelling .advantages-list li, .plagiarism-check-advantages .advantages-list li, .reliable-discreet li {
list-style-type: disc;
padding-left: 14px;
font-size: 16px;
margin-bottom: 18px;
}
.online-check-spelling .advantages-list li:last-child, .plagiarism-check-advantages .advantages-list li:last-child {
margin-bottom: 0;
}
.online-check-spelling .advantages-list p {
margin-bottom: 20px;
line-height: 1.6;
}
.online-check-spelling .text p, .online-spell-checker p, .plagiarism-check-advantages .text p {
line-height: 1.6;
}
.online-check-spelling .text p + p, .online-spell-checker p + p, .plagiarism-check-advantages .text p + p {
margin-top: 20px;
}
.plagiarism-check-call-to-action .h2-title {
max-width: 930px;
margin: 0 auto 40px;
}
.benefits-word-counter .h2-title, .die-vorteile-rechtschreibung .h2-title, .einfach-schnell-kostenlos .h2-title, .how-software-works .h2-title, .how-spilling-checked .h2-title, .online-check-spelling .h2-title, .online-spell-checker .h2-title, .plagiarism-compared-information .h2-title, .plagiarism-work-unique .h2-title, .reliable-discreet .h2-title, .word-counter .h2-title {
margin-bottom: 40px;
}
.benefits-word-counter .text {
line-height: 1.6;
text-align: center;
}
.benefits-word-counter ul {
display: flex;
flex-wrap: wrap;
margin-top: 20px;
}
.benefits-word-counter li {
max-width: calc(50% - 20px);
padding: 30px;
margin: 10px;
background: #fff;
border: 1px solid #c9cdcf;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}
.try-our-word-counter ul {
display: flex;
flex-wrap: wrap;
}
.try-our-word-counter li {
max-width: calc(33.33% - 40px);
margin: 20px;
text-align: center;
}
.try-our-word-counter .title {
margin: 12px 0 10px;
color: #010127;
font-size: 21px;
}
.try-our-word-counter .h2-title {
max-width: 700px;
margin: 0 auto 40px;
}
.try-our-word-counter .text {
line-height: 1.6;
}
.try-our-word-counter {
background: #f7f7f9;
}
.word-counter .text {
line-height: 1.6;
}
.reliable-discreet .row {
display: flex;
flex-wrap: wrap;
}
.reliable-discreet .text {
flex: 1;
line-height: 1.6;
}
.reliable-discreet .text p {
margin-bottom: 20px;
}
.reliable-discreet .image {
max-width: 464px;
width: 100%;
margin-left: 30px;
}
.how-software-works, .how-software-works .order-step, .how-spilling-checked .order-step {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 30px;
}
.how-software-works li {
position: relative;
max-width: calc(33.33% - 30px);
width: 100%;
margin: 30px 15px;
padding: 55px 30px 30px;
border: 1px solid #010127;
color: #6b6b6b;
text-align: left;
}
.how-software-works .title {
color: #010127;
margin-bottom: 15px;
font-size: 24px;
font-weight: 700;
}
.how-software-works .step-number {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
width: 70px;
height: 70px;
background: #fff;
border: 1px solid #010127;
font-weight: 700;
font-size: 36px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: #010127;
}
.how-spilling-checked li {
position: relative;
max-width: calc(50% - 60px);
width: 100%;
margin: 30px;
margin-top: 40px;
padding: 55px 30px 30px;
border: 1px solid #010127;
color: #6b6b6b;
text-align: center;
}
.how-spilling-checked .step-number {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
width: 70px;
height: 70px;
background: #fff;
border: 1px solid #010127;
font-weight: 700;
font-size: 36px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: #010127;
}
.how-spilling-checked .row-button {
display: none;
background-color: #fff;
width: 100%;
}
.how-spilling-checked .button {
min-width: 280px;
}
.how-spilling-checked li:nth-of-type(2) .row-button {
display: inline-block;
}
.die-vorteile-rechtschreibung {
background: #f7f7f9;
}
.die-vorteile-rechtschreibung li {
background: #fff;
border: 1px solid #c9cdcf;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
padding: 30px;
color: #010127;
margin-bottom: 30px;
}
.die-vorteile-rechtschreibung li:last-child {
margin-bottom: 0;
}
.plagiarism-check-call-to-action .text ol {
list-style: inherit;
counter-reset: section;
margin: 30px 0;
padding-left: 40px;
}
.plagiarism-check-call-to-action li {
list-style-type: none;
margin-bottom: 30px;
position: relative;
padding-left: 20px;
color: #010127;
}
.plagiarism-check-call-to-action li:before {
position: absolute;
left: -40px;
top: -6px;
counter-increment: section;
content: counter(section) "";
background: #010127;
border-radius: 50%;
width: 33px;
height: 33px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
margin-right: 24px;
}
.einfach-schnell-kostenlos {
background: #f7f7f9;
}
.einfach-schnell-kostenlos ul {
display: flex;
flex-wrap: wrap;
margin-top: 20px;
}
.einfach-schnell-kostenlos li {
max-width: calc(33.33% - 30px);
width: 100%;
text-align: center;
margin: 15px;
}
.einfach-schnell-kostenlos .title {
font-size: 24px;
color: #010127;
margin: 10px 0 20px;
}
.einfach-schnell-kostenlos .text-bottom {
margin-top: 30px;
text-align: center;
}
.online-check-spelling .text-bottom {
margin-top: 30px;
}
.online-check-spelling {
background: #f7f7f9;
}
.online-spelling-programs .h2-title {
max-width: 1020px;
margin: 0 auto 40px;
}
.online-spelling-programs .row-button {
text-align: center;
}
.online-spelling-programs .button {
min-width: 300px;
}
.words-converter-page .topic {
max-width: 500px;
}
.unser-page-single .float-image {
float: left;
margin-right: 24px;
margin-bottom: 10px;
max-width: 320px;
height: auto;
}
.unser-page-single .h2-title {
text-align: left;
}
.unser-page-single .text {
color: #2b3645;
margin-bottom: 30px;
font-size: 22px;
}
.cWriters-team .team-block {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.cWriters-team .team-block .item {
max-width: calc(25% - 30px);
margin: 15px;
width: 100%;
text-align: center;
}
.cWriters-team .name {
font-size: 21px;
font-weight: 700;
margin-top: 10px;
color: #2b3645;
}
.cWriters-team .position {
font-weight: 300;
font-size: 18px;
margin-top: 8px;
color: #2b3645;
}
.cWriters-team .team-block img {
height: auto;
}
.das-unternehmen .landing-content, .unsere-experten-page .landing-content {
background: #f7f7f9;
text-align: center;
}
.unser-experten {
background: #f7f7f9;
}
.unser-experten .item {
display: flex;
flex-wrap: wrap;
margin-bottom: 70px;
align-items: flex-start;
}
.unser-experten .item:last-child {
margin-bottom: 0;
}
.unser-experten .image {
max-width: 386px;
width: 100%;
height: auto;
margin-left: 76px;
}
.unser-experten .text-content {
flex: 1;
align-self: stretch;
display: flex;
flex-direction: column;
}
.unser-experten .name {
font-size: 27px;
color: #010127;
}
.unser-experten .text {
line-height: 1.6;
flex: 100%;
align-items: center;
}
.unser-experten .position {
font-size: 21px;
margin: 10px 0 20px;
}
.unser-experten .button {
min-width: 300px;
text-align: center;
align-self: self-start;
}
.plagiarism-compared-information {
background: #f7f7f9;
}
.plagiarism-compared-information p + p {
margin-top: .8em;
}
.plagiarism-compared-information .note {
background: #010127;
color: #fff;
display: flex;
align-items: center;
padding: 30px 50px;
margin-top: 40px;
line-height: 1.6;
}
.plagiarism-compared-information strong {
color: #fff;
}
.plagiarism-compared-information .note .text {
flex: 1;
}
.plagiarism-compared-information img {
max-width: 115px;
width: 100%;
height: auto;
margin-left: 70px;
}
.plagiarism-work-unique .text > * {
margin-bottom: .8rem;
}
.plagiarism-work-unique .row-button {
text-align: center;
}
.plagiarism-work-unique .button {
min-width: 300px;
text-align: center;
}
.did-you-know {
background: #f7f7f9;
}
.did-you-know .text {
max-width: 1100px;
margin: 0 auto 20px;
line-height: 1.6;
}
.did-you-know .list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.did-you-know .list > div {
max-width: calc(50% - 20px);
width: 100%;
margin: 10px;
background: #fff;
border: 1px solid #c9cdcf;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}
.did-you-know .list h3 {
font-size: 27px;
color: #010127;
border-bottom: 1px solid #c9cdcf;
padding: 15px 30px;
margin: 0;
}
.did-you-know .list ul {
padding: 30px 0 20px 40px;
background: #fff;
}
.did-you-know .list li {
list-style-type: disc;
padding-left: 14px;
font-size: 16px;
margin-bottom: 18px;
}
.online-spell-check-page .topic {
max-width: 500px;
}
.wpcf7-response-output.wpcf7-mail-sent-ng, .wpcf7-response-output.wpcf7-mail-sent-ok {
text-align: center;
background: #fff;
border: 1px dotted #3333;
padding: 20px 30px;
width: fit-content;
margin: 20px auto 0;
color: #010127;
box-shadow: 0 0 10px rgba(1, 1, 39, 0.04);
}
.cookies {
position: fixed;
bottom: 21px;
left: 50%;
transform: translateX(-50%);
max-width: 1100px;
width: 100%;
padding: 30px 61px;
background: #fff;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
z-index: 15;
}
.cookies.hidden {
display: none;
}
.cookies .btn-close {
position: absolute;
width: 20px;
height: 20px;
right: 20px;
top: 20px;
cursor: pointer;
}
.cookies .btn-close::after, .cookies .btn-close::before {
position: absolute;
content: "";
height: 100%;
width: 1px;
background-color: #a8a6a6;
}
.cookies .btn-close::before {
transform: translate(9px, 0) rotate(45deg);
}
.cookies .btn-close::after {
transform: translate(9px, 0) rotate(-45deg);
}
.cookies__title {
font-size: 21px;
color: #263238;
font-weight: 700;
}
.cookies__row {
display: flex;
align-self: center;
}
.cookies__text {
color: #263238;
font-weight: 300;
font-size: 16px;
line-height: 18px;
display: flex;
align-items: center;
margin-right: 50px;
}
.cookies .button {
width: 100%;
margin: 0;
text-align: center;
max-width: 238px;
font-size: 16px;
}
.cookies .button__transparent {
border: none;
color: #263238;
text-decoration: underline;
margin-top: 10px;
font-size: 14px;
}
.cookies .button__transparent:hover {
background: 0 0;
}
.writers .row {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
}
.two_items_slider .slider_item {
white-space: pre-line;
display: flex;
flex-direction: column;
}
.writers .h2-title {
margin-bottom: 40px;
}
.writers .text {
text-align: center;
margin-bottom: 30px;
}
.two_items_slider {
max-width: 100%;
width: 100%;
}
.two_items_slider li {
height: auto;
display: flex;
flex-direction: column;
}
.two_items_slider a {
text-align: center;
}
.two_items_slider img {
width: 100%;
height: auto;
}
.two_items_slider .subtitle {
font-weight: 700;
margin: 10px 0;
}
.two_items_slider .writer_category {
margin-bottom: 10px;
font-weight: 300;
}
.two_items_slider .writer_desc {
white-space: pre-line;
flex: 1;
}
.glide__bullet--active, .glide__bullet:focus, .glide__bullet:hover {
border: none;
background: #2b3645;
}
.glide__bullet {
border: 1px solid #2b3645;
width: 10px;
height: 10px;
}
@media (max-width: 1200px) {
.glide__arrows {
position: static;
text-align: center;
margin-top: 50px;
}
.glide__arrow {
position: static;
display: inline-block;
}
.glide__arrow--left {
margin-right: 20px;
}
}
@media (min-width: 1024px) {
.contacts {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.bottom_info > * {
width: 25%;
padding: 10px;
}
.bottom_info > *:first-child {
padding-left: 0;
}
.bottom_info > *:last-child {
padding-right: 0;
}
}
@media (max-width: 1023px) {
.popup-menu-section {
top: 62px;
max-width: 50%;
left: 150%;
}
.popup-menu-section.open {
left: 50%;
}
.top-panel {
margin: 0;
}
.section, section {
padding: 36px 0;
}
.drap-dawn > .sub-menu {
display: none;
}
.drap-dawn {
position: relative;
}
.drap-dawn:after {
content: "+";
margin-left: 5px;
position: absolute;
right: 0;
font-size: 25px;
top: 0;
}
.drap-dawn.open:after {
content: "-";
}
.drap-dawn.open > li {
color: #b42aaa;
}
.drap-dawn.open > .sub-menu {
display: block;
}
.top-panel {
padding-right: 70px;
}
.top-panel .descr {
font-size: 14px;
margin-bottom: 5px;
}
.bottom_info {
flex-wrap: wrap;
}
.bottom_info > * {
min-width: 200px;
margin-bottom: 30px;
}
.wp-block-column {
width: 100%;
}
.digits .inner {
flex-wrap: wrap;
}
.digits .inner > div {
max-width: 100%;
margin: 10px 0;
border: none;
}
.h2-title {
font-size: 28px;
margin-bottom: 30px;
}
.topic span {
font-size: 14px;
}
.optional-offer .subtitle {
font-size: 32px;
}
.advantages .item {
max-width: calc(50% - 30px);
}
.common-blog .container, .landing-content .container {
flex-direction: column;
}
.common-blog .container .blog-inner-post, .landing-content .container .content {
max-width: 100%;
}
.popup-menu-section li {
width: 50%;
}
.leistungen.popup-menu-section li {
padding: 0 20px;
}
.first-screen .digits {
padding-top: 0;
background: #fff;
margin-top: 30px;
}
.unsere-preise {
padding-bottom: 0;
}
.price-calculator-unsere-price {
padding-top: 45px;
}
.tab__content .item {
max-width: 33.33%;
}
.personal-contact .row {
justify-content: center;
padding: 0 0 30px;
}
.personal-contact .text-content {
flex: 100%;
text-align: center;
margin: 0 0 20px;
}
.personal-contact .truspilot-section {
margin-right: 0;
}
.our-achievements li {
max-width: calc(50% - 30px);
margin: 15px 0;
}
.scope-activity li {
max-width: calc(50% - 24px);
}
.registered-customers:not(:last-child)::after {
display: none;
}
.how-to-order li {
max-width: calc(50% - 20px);
}
.sample-papers-home .row {
background: none !important;
}
.personal-contact {
padding-bottom: 0;
}
.plagiarism-advantages .button {
min-width: 100%;
width: 100%;
}
.online-check-spelling .advantages-list, .plagiarism-check-advantages .advantages-list {
max-width: 100%;
margin: 28px 0 0;
}
.online-check-spelling .advantages-list p {
text-align: left;
}
.cWriters-team .team-block .item {
max-width: calc(50% - 30px);
}
.how-spilling-checked li {
max-width: calc(50% - 40px);
margin: 30px 20px;
}
.online-check-spelling .text, .online-check-spelling .text-bottom {
order: -1;
}
.online-check-spelling .text-bottom {
margin-top: 20px;
}
}
@media (min-width: 768px) {
.contacts address {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.first-screen .inner {
justify-content: space-between;
}
}
@media (max-width: 767px) {
.first-screen li {
max-width: 100%;
margin: 3px;
margin-left: 0;
display: inline-block;
background: transparent;
border: none;
padding: 3px 0;
}
.services .menu {
max-height: 500px;
}
.contacts .phone {
margin: 5px 0;
}
.h2-title {
font-size: 27px;
}
.first-screen .inner {
justify-content: center;
flex-wrap: wrap;
}
.topic {
margin-bottom: 20px;
width: 100%;
}
.first-screen li {
color: #010127;
font-size: 16px;
margin-bottom: 10px;
}
.first-screen li:after {
background-image: url(/wp-content/uploads/2021/07/check-mark-blue.svg);
width: 21px;
height: 21px;
top: 50%;
}
.post {
width: 100%;
padding: 15px 5px;
}
.post .post-image {
height: auto;
}
.email-discount .inner {
flex-direction: column;
text-align: center;
}
.email-discount .offer {
margin-bottom: 15px;
}
.page-404-php .inner {
flex-direction: column;
}
.digits {
transform: none;
}
.digits .inner {
flex-direction: column;
align-items: center;
}
.first-screen {
height: auto;
}
.first-screen .topic .title {
font-size: 27px;
}
.topic .subtitle {
margin: 14px 0;
}
.button {
margin-top: 30px;
}
.container {
padding: 0 15px;
}
.advantages .item, .first-screen + .advantages .item {
max-width: 100%;
padding: 14px 10px;
margin: 10px;
}
.advantages .row-arbeiten .item {
max-width: calc(50% - 20px);
}
.advantages .row-arbeiten .subtitle {
font-size: 18px;
}
.advantages img {
max-width: 45px;
}
.impressum-resume .contact a img {
margin-right: 10px;
}
.impressum-resume .contact a span {
display: block;
}
.impressum-resume {
margin-bottom: 50px;
}
.landing-content label input, .landing-content label textarea {
margin-top: 6px;
}
.landing-content label input {
padding: 10px 0;
}
.custom-dropdown select {
padding: 13px 15px;
}
.intro-text h1, .intro-text h2, .intro-text h3, .intro-text h4, .intro-text h5, .intro-text h6 {
font-size: 24px;
}
.price-calculator .row form .row > * {
max-width: 100%;
}
.landing-content form {
padding: 0;
}
.landing-content .button[type="submit"] {
display: block;
margin: 30px auto 0;
padding: 15px 55px;
font-size: 16px;
}
.reviews .header {
margin: 12px 0 6px;
}
.reviews .name {
font-size: 16px;
}
.reviews .data {
font-size: 14px;
}
.reviews .text {
font-size: 14px;
}
.reviews .stars-rate {
max-width: 127px;
}
.reviews .glide__slide {
padding: 0 5px;
}
.reviews .subtitle {
margin: 10px 0 20px;
}
.value-chain .subtitle {
font-size: 20px;
}
.seo-text .accordion {
padding: 15px;
}
.accordion .header {
font-size: 21px;
}
.optional-offer .subtitle {
font-size: 22px;
line-height: 1.3;
}
.price-calculator form .row .price-block {
font-size: 14px;
}
.how-to-order .h2-title {
font-size: 32px;
}
.accordion .row-button {
text-align: center;
}
.common-blog .inner .post-image-link {
max-width: 100%;
margin-right: 0;
}
.landing-content .container .content > h1:first-child, .landing-content .container .content > h2:first-child, .landing-content .container .content > img:first-child + h1, .landing-content .container .content > img:first-child + h2 {
font-size: 28px;
margin-top: 0;
margin-bottom: 20px;
overflow: auto;
}
.single-unser-team-php .content .text-content {
flex: 100%;
margin-top: 20px;
margin-left: 0;
}
.row-button-sm {
text-align: center;
}
.success-content-afragen {
padding: 60px 0;
}
.sample-papers-slider li {
padding: 18px 12px;
}
.anfrage-grid {
display: flex;
flex-direction: column;
margin-bottom: 0;
}
.landing-content .label, .landing-content label {
margin: 2px 0;
}
.anfrage-grid .sthema {
order: 10;
}
.anfrage-grid .file-attachment {
order: 11;
margin-top: 30px;
}
.anfrage-grid-als-autor .file-attachment, .kontakt-page-grid .file-attachment {
margin-top: 0;
}
.anfrage-grid textarea {
height: 120px;
}
.landing-content .wpcf7 .price-block-calc, .landing-content .wpcf7 .text-info {
max-width: 100%;
font-size: 14px;
}
.landing-content .wpcf7 .text-info {
margin-bottom: 14px;
}
.landing-content .wpcf7 .price-block {
margin-top: 20px;
}
.value-chain .item:first-child {
margin-top: 0;
}
.value-chain .item {
max-width: 100%;
margin: 15px 0;
}
.first-screen .topic {
margin-right: 0;
text-align: center;
flex: 100%;
}
.first-screen .item-wrap {
justify-content: center;
}
.first-screen .container-advantages {
margin-top: 35px;
}
.scope-activity li {
max-width: 100%;
margin: 15px 0;
}
.glide__arrows {
margin-top: 32px;
}
.impressum-resume .border-content {
padding: 20px 15px;
}
.our-achievements .row {
justify-content: center;
}
.our-achievements .image {
margin-right: 0;
margin-bottom: 30px;
}
.our-achievements li {
max-width: 100%;
flex-direction: column;
align-items: center;
text-align: center;
}
.our-achievements li:not(:last-child) .text {
border: none;
padding-bottom: 0;
margin-bottom: 20px;
}
.our-achievements .icon {
margin-right: 20px;
margin-bottom: 14px;
}
.how-to-order li {
max-width: 100%;
padding: 55px 20px 20px;
}
.personal-contact .container {
padding-bottom: 10px;
}
.personal-contact .photo {
padding: 0 15px 15px;
}
.landing-content .price-block {
flex-direction: column;
align-items: flex-start;
padding: 14px 8px;
}
.price-block .price-block-calc, .price-block .text-info {
max-width: 100%;
}
.price-block .price-block-calc {
margin-top: 14px;
}
.more-services .item {
max-width: 100%;
margin-bottom: 10px;
}
.how-to-order li:last-child, .more-services .item:last-child {
margin-bottom: 0;
}
.price-section .item {
max-width: calc(50% - 30px);
}
.call-to-action .text {
column-count: 1;
margin: 20px 0 30px;
}
.call-to-action .tips {
padding: 30px 20px;
justify-content: center;
}
.call-to-action .image {
margin: 0 0 30px;
}
.call-to-action .text-tips {
flex: 100%;
}
.money-back-guarantee .text {
flex: 100%;
margin-bottom: 20px;
}
.money-back-guarantee .image {
margin-left: 0;
}
.money-back-guarantee .h2-title {
margin-bottom: 30px;
}
.row-arbeiten .item:last-child {
margin-bottom: 0;
}
.einfach-schnell-kostenlos .h2-title, .how-software-works .h2-title, .how-spilling-checked .h2-title, .plagiarism-check-advantages .h2-title, .plagiarism-check-call-to-action .h2-title, .plagiarism-compared-information .h2-title, .plagiarism-work-unique .h2-title, .reliable-discreet .h2-title {
margin-bottom: 30px;
}
.plagiarism-work-unique .h2-title {
margin: 0 0 30px;
}
.online-check-spelling .advantages-list, .plagiarism-check-advantages .advantages-list {
padding: 15px 10px;
margin-top: 15px;
}
.unser-experten .item {
justify-content: center;
margin-bottom: 30px;
}
.unser-experten .image {
order: -1;
margin: 0 0 20px;
}
.plagiarism-compared-information .note {
padding: 20px 30px;
margin-top: 20px;
}
.plagiarism-compared-information img {
display: none;
}
.quality-work .item {
max-width: calc(50% - 30px);
}
.quality-work .item .text {
margin-bottom: 0;
}
.how-software-works li {
max-width: calc(50% - 30px);
}
.einfach-schnell-kostenlos ul {
justify-content: center;
}
.einfach-schnell-kostenlos li {
max-width: calc(50% - 30px);
}
.reliable-discreet .text {
flex: 100%;
}
.reliable-discreet .image {
margin: 20px auto 0;
}
.did-you-know .list > div {
max-width: 100%;
}
.try-our-word-counter li {
max-width: calc(50% - 40px);
}
.benefits-word-counter li {
max-width: 100%;
margin: 0 0 20px;
padding: 15px;
}
.benefits-word-counter li:last-child {
margin-bottom: 0;
}
.menu-main-menu_content {
margin-bottom: 160px;
}
}
@media (max-width: 540px) {
.first-screen .topic .title {
color: #010127;
}
.breadcrumbs {
margin-bottom: 0;
}
.bottom_info {
justify-content: center;
}
.digits .inner > div {
max-width: 100%;
}
.page-404-php {
padding-bottom: 25px;
}
.page-404-php .content {
text-align: center;
}
.page-404-php .title {
font-size: 60px;
}
.page-404-php img {
display: none;
}
.email-discount form > p:nth-of-type(1), .email-discount p {
display: block;
margin: 10px 0;
width: 100%;
}
.email-discount input[type="submit"] {
margin-left: 0;
}
.advantages .item {
padding: 0;
margin: 0;
margin-bottom: 26px;
background: 0 0;
box-shadow: none;
}
.button {
font-size: 14px;
padding: 16px 15px;
}
.button_md {
padding: 16px 60px;
}
.common-blog .button {
font-size: 18px;
padding: 16px 22px;
}
.value-chain .img {
max-width: 100%;
}
.value-chain .row-button {
padding-top: 1px;
width: 100%;
clear: both;
}
.value-chain .row-button a {
max-width: 230px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.price-calculator form .row .price-block {
padding: 10px 20px;
margin-bottom: 10px;
}
.price-calculator input[type="submit"] {
width: 100%;
padding: 15px 20px;
}
.row-truspilot > a {
font-size: 12px;
}
.row-truspilot .stars {
max-width: 100px;
margin: 0 10px;
}
.row-truspilot .trustpilot-img {
max-width: 80px;
}
.leistungen.popup-menu-section li {
padding: 0;
}
.leistungen .title {
font-size: 18px;
margin: 14px 0 8px;
}
.leistungen .text {
font-size: 14px;
}
.tab__content .item {
max-width: 100%;
margin-bottom: 18px;
}
.single-unser-team-php .landing-content.section .content > img {
display: block;
margin: 0 auto 20px;
float: none;
}
.tabs__body {
padding: 10px 20px;
}
.posts {
justify-content: center;
}
.common-blog .post .button {
margin-bottom: 0;
width: 100%;
}
.fileupload-name figure {
max-width: 100%;
margin: 10px;
}
.file-attachment .remove-all-preview {
margin-top: 12px;
max-width: 100%;
padding: 12px 16px;
}
.remove-all-preview.is-active {
font-size: 12px;
padding: 6px 16px;
}
.sample-papers-slider .subtitle, .value-chain .subtitle {
font-size: 18px;
}
.sample-papers-slider .bottom span {
display: block;
}
.value-chain .top img {
max-width: 90px;
margin-right: 6px;
}
.sample-papers-slider .button, .value-chain .button {
margin-top: 22px;
font-size: 16px;
}
.personal-contact .button {
font-size: 16px;
padding: 16px;
}
.our-achievements li {
max-width: 100%;
}
.achievements-link {
display: flex;
align-items: flex-start;
}
.achievements-link img {
margin-right: 14px;
flex-shrink: 0;
transform: translateY(15px);
}
.scope-activity li {
padding: 5px;
}
.scope-activity .text {
margin-bottom: 10px;
}
.first-screen .price-calculator {
padding: 20px 6px;
}
.impressum-resume .contact a:last-child {
margin-left: 0;
}
.first-screen .topic img {
width: 100%;
height: auto;
}
.anfragen-page-php .first-screen .subtitle {
margin: -2px auto 14px;
}
.first-screen .item {
align-items: flex-start;
}
.how-to-order .subtitle, .plagiarism-advantages .subtitle, .small-title .topic .title {
font-size: 21px;
}
.first-screen .price-calculator .price-block.active {
padding: 0;
}
.landing-content .wpcf7 .price-block {
padding: 15px 6px;
}
.first-screen .currency {
margin-right: 0;
}
.landing-content.section .container .impressum-resume + h2 {
font-size: 36px;
}
.reviews.section {
padding: 36px 0 12px;
}
.first-screen {
background: none !important;
}
.impressum-resume .text a {
display: block;
}
.sample-papers-slider .bottom, .value-chain .bottom {
padding-top: 20px;
}
.sample-papers-slider .bottom > div, .value-chain .bottom > div {
flex-direction: column;
align-items: self-start;
}
.sample-papers-slider .bottom span {
margin-right: 0;
}
.our-achievements li .subtitle, .scope-activity li {
font-size: 21px;
font-weight: 500;
}
.first-screen .price-calculator .button, .landing-content .button[type="submit"] {
width: 100%;
}
.first-screen .price-calculator .button {
padding: 20px;
font-size: 16px;
}
.optional-offer .button {
display: block;
text-align: center;
padding: 16px 15px;
}
.content ol, .content ul {
padding-inline-start: 26px;
}
.impressum-resume .subtitle {
margin-bottom: 4px;
}
.impressum-resume__section {
padding: 18px 0;
}
.anfrage-grid .sthema {
height: 120px;
}
.price-block .price-block-calc {
font-size: 13px;
}
.upload-btn-wrapper {
padding: 15px 10px;
}
.first-screen .calendar-input input {
padding: 10px 4px;
}
.input-price[type="date"]::-webkit-calendar-picker-indicator {
bottom: 0;
color: transparent;
cursor: pointer;
height: auto;
left: 0;
position: absolute;
right: 0;
top: 0;
width: auto;
background-position: right;
background-size: 20px;
}
.accordion .button {
width: 100%;
}
.price-section .item {
max-width: 100%;
}
.price-section .item:last-child {
margin-bottom: 0;
}
.plagiarism-advantages .item {
max-width: 100%;
}
.plagiarism-advantages .item:first-child {
margin-top: 0;
}
.plagiarism-advantages .item:last-child {
margin-bottom: 0;
}
.drag-drop-text {
font-size: 12px;
}
.unser-page-single .float-image {
float: none;
margin: 0 auto 20px;
display: block;
max-width: 100%;
width: 100%;
padding: 0 20px;
}
.cWriters-team .team-block .item {
max-width: 100%;
margin: 0 0 35px;
}
.cWriters-team .team-block .item:last-child {
margin-top: 0;
}
.cWriters-team .team-block img {
max-width: 300px;
}
.unser-experten .button {
width: 100%;
}
.quality-work .item {
max-width: 100%;
}
.how-spilling-checked li {
max-width: calc(100%);
margin: 0 0 60px;
padding: 45px 16px 26px;
}
.how-spilling-checked li:first-child {
margin-top: 40px;
}
.how-spilling-checked li:last-child {
margin-bottom: 0;
}
.how-software-works li {
max-width: 100%;
}
.how-software-works li:last-child {
margin-bottom: 0;
}
.einfach-schnell-kostenlos li {
max-width: 100%;
}
.did-you-know .list h3 {
font-size: 21px;
padding: 15px;
}
.did-you-know .list ul {
padding: 15px 10px 10px 30px;
}
.did-you-know .list li {
padding-left: 6px;
}
.try-our-word-counter li {
max-width: 100%;
margin: 0 0 20px;
}
.first-screen ul {
margin-top: 10px;
}
.try-our-word-counter li:last-child {
margin-bottom: 0;
}
.plagiarism-check-call-to-action li {
padding-left: 8px;
}
.landing-content .file-attachment span {
font-size: 12px;
}
.kontakt-page-grid .upload-btn-wrapper .wpcf7-not-valid-tip {
bottom: -20px;
}
.common-blog address {
margin-top: 10px;
}
.button-top {
bottom: 50px;
}
.button-top img {
width: 50px;
}
.cookies {
max-width: calc(100% - 32px);
padding: 30px 20px;
overflow: auto;
}
.cookies__row {
flex-direction: column;
margin-top: 20px;
}
.cookies__text {
margin-right: 0;
}
.cookies__button {
text-align: center;
margin-top: 20px;
}
.two_items_slider li {
text-align: center;
}
}
body .su-accordion .su-spoiler {
border: 1px solid #010127;
margin-bottom: 0;
padding: 0;
}
body .su-quote-inner, body .su-spoiler-title {
font-weight: 300;
font-size: 18px;
}
body .su-spoiler-title:focus {
outline: 0;
}
body .su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before {
content: '\f105';
font-size: 25px;
}
body .su-spoiler-icon-plus .su-spoiler-icon:before {
content: '\f107';
font-size: 25px;
}
body .su-spoiler-style-default > .su-spoiler-title {
padding-left: 37px;
padding-right: 10px;
padding-top: 15px;
padding-bottom: 15px;
color: #010127;
}
body .su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon {
left: 13px;
top: 13px;
color: #010127;
}
body .su-spoiler-style-default > .su-spoiler-content {
padding: 1em 1em 1em 47px;
font-weight: 400;
color: #000;
}
body .su-column-inner img {
width: fit-content;
height: fit-content;
}
body .su-quote-style-default {
color: #010127;
padding: 2em 2em 2em 4em;
}
body .su-accordion .su-spoiler:not(:last-child) {
border-bottom: none;
}
.content ul {
padding: 0;
margin-bottom: 4em;
}
.content ol {
counter-reset: li;
list-style: decimal;
padding: 0;
margin-bottom: 4em;
}
.content ol, .content ul {
margin: 0 0 0 2em;
}
.content ol li, .content ul li {
position: relative;
display: block;
padding: 0 0.4em 0 2em;
margin: 16px 0;
text-decoration: none;
}
.content ol li:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -3px;
margin-top: 0;
height: 20px;
width: 20px;
line-height: 20px;
text-align: center;
font-weight: 100;
border-radius: 0;
color: #fff;
}
.content ul li:before {
content: '';
position: absolute;
left: 0;
top: 4px;
height: 15px;
width: 15px;
line-height: 13px;
text-align: center;
font-weight: 400;
border-radius: 50%;
color: #fff;
border: none !important;
background: #010127 !important;
}
body .su-quote-style-default:before {
width: auto;
height: auto;
background-image: none;
content: '\275D';
font-size: 60px;
}
body .su-quote-style-default:after {
display: none;
}
body .su-quote-style-default:before {
top: 7px;
left: 3px;
}
body div#toc_container {
font-size: 18px;
font-weight: 400;
width: 100% !important;
padding: 15px 20px;
}
body #toc_container.toc_white {
background: #fff;
border: 1px solid #010127;
}
body #toc_container p.toc_title {
color: #010127;
font-weight: 600;
text-transform: uppercase;
line-height: 16px;
display: flex;
}
body #toc_container.contracted p.toc_title {
color: #fff;
}
body .toc_white.contracted .toc_toggle a {
color: #fff !important;
}
body #toc_container span.toc_toggle {
order: -1;
font-size: inherit;
}
body #toc_container a {
color: #2B3645;
white-space: nowrap;
font-weight: 400;
}
body .wpDataTables {
overflow: auto;
}
body blockquote {
margin: 0;
color: #000;
padding: 2em;
}
body .toc_toggle a {
text-decoration: none !important;
display: inline-block;
font-size: 18px;
color: #010127 !important;
margin-right: 10px;
}
body #toc_container.contracted {
background: #010127 !important;
}
body .toc_list li {
list-style: none;
}
body .toc_list li:before {
display: none;
}
@media (max-width: 800px) {
body #toc_container a {
white-space: break-spaces;
}
}
body .su-quote-style-default, body .su-spoiler-style-default > .su-spoiler-content, body blockquote {
background: #01012736;
}
body .su-quote-style-default, body blockquote {
border-left: 5px solid #010127;
}
.content ol li:before, .content ul li:before {
border: 1px solid #010127;
background: #010127;
}
body .su-spoiler-title, body .su-spoiler-style-default > .su-spoiler-content, body .su-quote-inner, body #toc_container p.toc_title {
font-family: 'Gotham Pro', sans-serif;
}
.personal-contact .text-content a {
margin-bottom: 5px;
}
@media (min-width: 991px) {
.personal-contact .text-content {
display: flex;
flex-direction: column;
}
}
.landing-content label.telephone {
display: flex;
flex-direction: column;
}
.content .telephone ul {
margin-left: 0;
overflow: hidden;
}
.content .telephone ul li {
padding-left: 10px;
padding-right: 10px;
}
.content .telephone ul li:before {
content: none;
}
#pe_rating {
text-align: center;
width: 100%;
color: #c8b274;
font-size: 20px;
margin-bottom: 0;
}
#pe_rating.pe_g .pe_u {
font-size: 21px !important;
}
#pe_stars {
width: 110px !important;
height: 30px !important;
}
#pe_stars:before,
#pe_stars > span:before {
font-size: 22px;
}
#pe_stars > span > span {
display: none;
}
#pe_stars > span {
color: transparent;
}
.delivery-data span {
position: relative;
}
@media (max-width: 767px) {
.first-screen ul {
display: flex;
flex-direction: column;
}
.first-screen .subtitle a {
color: #000;
}
}
.page-404-php {
padding-top: 90px;
}
@media (max-width: 540px) {
.page-404-php {
padding-top: 0px;
}
}
.simple-sitemap-container:first-child {
padding-top: 90px;
}
.term-tag {
display: none;
}
.top-writing-services__path {
align-items: center;
display: flex;
justify-content: center;
margin-bottom: 5px;
}
.rating-min__star {
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDJMMTQuNTk2NyA5LjYzOTMySDIzTDE2LjIwMTYgMTQuMzYwN0wxOC43OTg0IDIyTDEyIDE3LjI3ODZMNS4yMDE2MyAyMkw3Ljc5ODM3IDE0LjM2MDdMMSA5LjYzOTMySDkuNDAzMjVMMTIgMloiIGZpbGw9IiNDQ0FFNUEiLz4KPC9zdmc+Cg==");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
gap: 4px;
}
.rating-min__star--half {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDMuNTUzNkwxNC4xMjM0IDkuODAwMjRMMTQuMjM4NiAxMC4xMzkzSDE0LjU5NjdIMjEuNDAzNUwxNS45MTY0IDEzLjk1TDE1LjYwNyAxNC4xNjQ5TDE1LjcyODIgMTQuNTIxNkwxNy44MzYyIDIwLjcyM0wxMi4yODUyIDE2Ljg2OEwxMiAxNi42Njk5TDExLjcxNDggMTYuODY4TDYuMTYzNzggMjAuNzIzTDguMjcxNzcgMTQuNTIxNkw4LjM5MzAyIDE0LjE2NDlMOC4wODM1OCAxMy45NUwyLjU5NjUxIDEwLjEzOTNIOS40MDMyNUg5Ljc2MTM5TDkuODc2NjUgOS44MDAyNEwxMiAzLjU1MzZaIiBzdHJva2U9IiNDQ0FFNUEiLz4KPHBhdGggZD0iTTEyIDJWMTcuMjc4Nkw1LjIwMTYzIDIyTDcuNzk4MzcgMTQuMzYwN0wxIDkuNjM5MzJIOS40MDMyNUwxMiAyWiIgZmlsbD0iI0NDQUU1QSIvPgo8L3N2Zz4K");
}
.rating-min__star--null {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDMuNTUzNkwxNC4xMjM0IDkuODAwMjRMMTQuMjM4NiAxMC4xMzkzSDE0LjU5NjdIMjEuNDAzNUwxNS45MTY0IDEzLjk1TDE1LjYwNyAxNC4xNjQ5TDE1LjcyODIgMTQuNTIxNkwxNy44MzYyIDIwLjcyM0wxMi4yODUyIDE2Ljg2OEwxMiAxNi42Njk5TDExLjcxNDggMTYuODY4TDYuMTYzNzggMjAuNzIzTDguMjcxNzcgMTQuNTIxNkw4LjM5MzAyIDE0LjE2NDlMOC4wODM1OCAxMy45NUwyLjU5NjUxIDEwLjEzOTNIOS40MDMyNUg5Ljc2MTM5TDkuODc2NjUgOS44MDAyNEwxMiAzLjU1MzZaIiBzdHJva2U9IiNDQ0FFNUEiLz4KPC9zdmc+Cg==");
}
.rating-min__stars {
display: flex;
align-items: center;
justify-content: center;
}
.rating-min__title {
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 15px;
text-align: center;
color: #333333;
margin-top: 10px;
display: none;
}
.rating {
color: var(--neutral-900, #131314);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px;
text-decoration: none;
margin-bottom: 10px;
}
/*yarp*/
.related-posts {
margin: 0;
padding-top: 40px !important;
}
.related-posts .wrapper {
display: flex;
gap: 20px;
position: relative;
}
.related_post_item a {
padding: 0 10px;
}
.related_post_item {
border: 1px solid #e3e5ee;
display: flex;
flex-direction: column;
gap: 15px;
width: 33%;
justify-content: space-between;
}
.related_post_item .button {
height: 56px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 0;
}
.related-post-thumbnail img {
display: inline-block;
width: 100%;
height: 230px;
object-fit: cover;
}
.relate_post_caption {
display: flex;
justify-content: space-between;
padding: 0 10px;
}
.related-post-content {
padding: 0 10px;
}
.related-post-categories {
background: #01012736;
display: inline-block;
padding: 3px 6px 0 6px;
}
@media (max-width: 991px) {
.related-posts .wrapper {
flex-wrap: wrap;
}
.related_post_item {
width: 48.7%;
}
.first-screen {
padding-top: 110px;
height: auto;
}
}
@media (max-width: 846px) {
.related_post_item {
width: 100%;
}
}
@media (max-width: 846px) {
.first-screen {
padding-top: 90px;
}
}
.single-php section.author {
background: #F7F7F9;
padding-top: 50px;
}
.author img {
height: 150px;
width: 150px;
min-width: 150px;
object-fit: cover;
border-radius: 50%;
margin-bottom: 20px;
}
.author .container {
display: flex;
gap: 50px;
}
.author_content_name {
color: #010127;
font-weight: 700;
font-size: 28px;
}
.accordion .header .text {
margin: 0;
font-size: 18px;
}
.seo-text ul, ol {
list-style-type: none;
padding: 0;
margin: 0;
margin: 30px 0;
}
.seo-text li {
position: relative;
padding-left: 25px; /* Space for custom marker */
margin-bottom: 10px;
}
.seo-text li:before {
/ / content: '\2022'; /* Unicode character for bullet point (change as needed) */
color: #3498db; /* Marker color */
font-size: 1.2em;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
margin-right: 10px; /* Space between marker and text */
transition: color 0.3s ease; /* Example of a color transition */
}
.seo-text p {
margin-bottom: 10px;
}
.page-php.container {
margin-top: 100px;
margin-bottom: 100px;
}
/*front */
.first-screen__bg {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: brightness(40%);
}
.first-screen .item-wrap.desktop-item {
flex-wrap: inherit;
}
.first-screen .item-wrap.desktop-item .item {
max-width: 200px;
display: flex;
flex-direction: column;
}
.first-screen .topic.desctop img {
height: auto;
}
.first-screen .item-wrap.desktop-item .item .subtitle,
.first-screen .item-wrap.desktop-item .item .text-content {
color: #fff;
text-align: center;
}
@media (max-width: 1260px) {
.first-screen .topic.desctop {
max-width: 54%;
}
}
@media (max-width: 1200px) {
.first-screen .item-wrap.desktop-item {
display: none;
}
.first-screen.new .container {
flex-direction: column;
}
.first-screen .price-calculator {
margin: 40px auto 0;
}
.first-screen .topic.desctop {
max-width: 100%;
}
.first-screen .item-wrap {
flex-wrap: wrap;
}
}
@media (max-width: 540px) {
.first-screen__bg {
background-image: none !important;
padding-top: 0;
}
}
@media (min-width: 1060px) {
.advantages.section.mobile {
display: none;
}
}
.menu-area img {
max-width: 145px;
margin-bottom: 20px;
}
.row-rating .rating {
margin-bottom: 0;
}
.row-rating {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}
@media (max-width: 540px) {
.row-rating {
flex-direction: column;
}
.drap-dawn.open > .sub-menu a {
font-size: 18px;
}
.breadcrumbs a,
.breadcrumbs span {
color: #010127;
font-size: large;
}
.topic p span {
color: #010127 !important;
font-size: 18px;
line-height: 1.5;
}
.first-screen .price-calculator {
margin-top: 0;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}
.topic .subtitle {
margin-top: 0;
font-size: 18px;
color: #010127;
}
}
.content a[href] {
transition: all ease-in-out 0.3s;
padding: 0;
text-decoration: underline;
}
.content a:hover {
transition: all ease-in-out 0.3s;
/ / color: #0000bd;
}
.content a[href]:hover {
color: #0000bd !important;
}
.menu-main-menu_content {
display: none;
}
@media (max-width: 1024px) {
.menu-main-menu_content {
display: block;
}
}
.header_butns {
display: flex;
gap: 10px;
align-items: center;
}
.header_phone img,
.header_email img {
min-width: 19px;
height: 19px;
}
.header_phone,
.header_email {
padding: 0 10px;
display: flex;
align-items: center;
justify-content: center;
height: 44px;
border: 1px solid #fff;
}
.desktop-logo {
display: block;
max-height: 30px;
}
.mobile-logo {
max-height: 30px;
display: none;
}
@media screen and (max-width: 991px) {
.desktop-logo {
display: none;
}
.mobile-logo {
display: block;
max-width: 40px;
}
}
/* PRICES TABLE */
.price-table {
padding-top: 100px;
}
.price-table__title h2 {
margin-top: 0;
}
.price-table__wrap table {
border: none;
border-spacing: 0px;
}
.price-table__wrap {
text-align: center;
font-family: 'Gotham Pro', sans-serif;
}
#price__table--pc tbody tr,
#price__table--pc thead tr {
background: #FFFFFF;
border: 1px solid #AEAEAE;
margin-bottom: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 80px;
}
#price__table--pc tbody tr td,
#price__table--pc thead tr th {
padding: 30px;
width: 25%;
position: relative;
border: none;
}
#price__table--pc tbody tr td {
padding: 10px 40px;
text-align: center;
}
#price__table--pc tbody tr td:not(:last-child):after,
#price__table--pc thead tr th:not(:last-child):after {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
width: .0625rem;
height: 55%;
background-color: #C6CAD3;
}
.price-table__wrap thead tr th p {
font-family: 'Gotham Pro', sans-serif;
font-size: 29px;
padding: 0;
margin: 0;
font-weight: 400;
}
.price-table__wrap thead tr th b {
color: #010127;
font-weight: 800;
font-size: 36px;
margin-top: 20px;
display: inline-block;
}
.price-table__wrap thead tr th i {
color: #010127;
font-weight: 400;
font-size: 14px;
font-style: normal;
display: inline-block;
text-align: left;
line-height: 1;
margin-left: 15px;
}
#price__table--pc tbody tr td {
font-weight: 300;
font-size: 16px;
}
.swipe__animation {
display: none;
}
@media (min-width: 1024px) {
.price-table__title {
max-width: 75%;
margin-left: auto;
margin-right: auto;
}
#price__table--mob {
display: none;
}
}
@media (max-width: 1024px) {
#price__table--pc {
display: none;
}
.price-table {
padding-top: 60px;
margin-bottom: 40px;
}
.price-table__wrap {
text-align: left;
position: relative;
overflow-x: scroll;
margin-right: -15px;
margin-left: -15px;
padding-left: 15px;
padding-right: 15px;
flex-wrap: nowrap;
}
#price__table--mob {
display: flex;
grid-template-columns: 1fr 1fr;
/*width: 100%;*/
margin-bottom: 1em;
border: none;
white-space: normal;
-webkit-overflow-scrolling-x: touch;
-webkit-overflow-scrolling: touch;
}
#price__table--mob tbody td,
#price__table--mob thead th,
#price__table--mob thead tr {
display: block;
border: none;
}
#price__table--mob tbody td,
#price__table--mob thead tr {
display: flex;
}
#price__table--mob * {
word-break: normal;
}
#price__table--mob thead {
display: block;
/* position: absolute;
left: 0;
top: 0;
z-index: 1; */
}
#price__table--mob tbody {
display: flex;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
position: relative;
}
#price__table--mob thead tr,
#price__table--mob tbody tr {
display: inline-block;
background: #FFFFFF;
border: 1px solid #AEAEAE;
margin-right: 10px;
display: flex;
flex-direction: column;
}
#price__table--mob tr:first-child th {
padding: 15px 10px;
width: 160px;
min-height: 113px;
text-align: center;
position: relative;
}
#price__table--mob tbody tr td {
padding: 15px 5px;
font-size: 12px;
max-width: 140px;
min-width: 100px;
text-align: center;
min-height: 113px;
position: relative;
display: -ms-grid;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#price__table--mob tbody tr:first-child td:not(:last-child):after,
#price__table--mob tr:first-child th:not(:last-child):after {
content: '';
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
width: 55%;
height: .0625rem;
background-color: #C6CAD3;
}
#price__table--mob tr:first-child th p {
font-size: 27px;
}
#price__table--mob tr:first-child th b {
font-size: 29px;
margin-top: 10px;
}
.price-table__wrap tr:first-child th p {
font-family: 'Gotham Pro', sans-serif;
font-size: 29px;
padding: 0;
margin: 0;
font-weight: 400;
}
.price-table__wrap tr:first-child th b {
color: #010127;
font-weight: 800;
font-size: 36px;
margin-top: 20px;
display: inline-block;
}
.price-table__wrap tr:first-child th i {
color: #010127;
font-weight: 400;
font-size: 14px;
font-style: normal;
display: inline-block;
text-align: left;
line-height: 1;
margin-left: 15px;
}
.swipe__animation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 30px 0;
}
svg#icon-swipe {
width: 72px;
height: 35px;
}
svg#icon-swipe #hand {
fill: #010127;
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation: hand-swipe 3.5s infinite ease;
animation: hand-swipe 3.5s infinite ease;
}
svg#icon-swipe #left,
svg#icon-swipe #right {
fill: #222;
opacity: 0;
}
svg#icon-swipe #right {
-webkit-animation: arrow-right 3.5s infinite ease;
animation: arrow-right 3.5s infinite ease;
}
svg#icon-swipe #left {
-webkit-animation: arrow-left 3.5s infinite ease;
animation: arrow-left 3.5s infinite ease;
}
@-webkit-keyframes hand-swipe {
5% {
-webkit-transform: translateX(3px) rotate(6deg);
transform: translateX(3px) rotate(6deg);
}
25% {
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
28% {
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
33% {
-webkit-transform: translateX(-3px) rotate(-6deg);
transform: translateX(-3px) rotate(-6deg);
}
53% {
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes hand-swipe {
5% {
-webkit-transform: translateX(3px) rotate(6deg);
transform: translateX(3px) rotate(6deg);
}
25% {
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
28% {
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
33% {
-webkit-transform: translateX(-3px) rotate(-6deg);
transform: translateX(-3px) rotate(-6deg);
}
53% {
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@-webkit-keyframes arrow-right {
7% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
opacity: 1;
}
17% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
opacity: 0;
}
18%,
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 0;
}
}
@keyframes arrow-right {
7% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
opacity: 1;
}
17% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
opacity: 0;
}
18%,
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 0;
}
}
@-webkit-keyframes arrow-left {
0%,
30% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 0;
}
37% {
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
opacity: 1;
}
47% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
opacity: 0;
}
48%,
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 0;
}
}
@keyframes arrow-left {
0%,
30% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 0;
}
37% {
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
opacity: 1;
}
47% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
opacity: 0;
}
48%,
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 0;
}
}
}
/* PRICES TABLE */
.main-table {
padding-top: 100px;
}
.main-table__title h2 {
margin-top: 0;
}
.main-table__wrap table {
border: none;
border-spacing: 0px;
}
.main-table__wrap {
text-align: center;
font-family: 'Gotham Pro', sans-serif;
}
#price__table--pc tbody tr,
#price__table--pc thead tr {
background: #FFFFFF;
border: 1px solid #AEAEAE;
margin-bottom: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 80px;
}
#price__table--pc tbody tr td,
#price__table--pc thead tr th {
padding: 30px;
width: 25%;
position: relative;
border: none;
}
#price__table--pc tbody tr td {
padding: 10px 40px;
text-align: center;
}
#price__table--pc tbody tr td:not(:last-child):after,
#price__table--pc thead tr th:not(:last-child):after {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
width: .0625rem;
height: 55%;
background-color: #C6CAD3;
}
.main-table__wrap thead tr th p {
font-family: 'Gotham Pro', sans-serif;
font-size: 29px;
padding: 0;
margin: 0;
font-weight: 400;
}
.main-table__wrap thead tr th b {
color: #010127;
font-weight: 800;
font-size: 36px;
margin-top: 20px;
display: inline-block;
}
.main-table__wrap thead tr th i {
color: #010127;
font-weight: 400;
font-size: 14px;
font-style: normal;
display: inline-block;
text-align: left;
line-height: 1;
margin-left: 15px;
}
#price__table--pc tbody tr td {
font-weight: 300;
font-size: 16px;
}
.swipe__animation {
display: none;
}
@media (min-width: 1024px) {
.main-table__title {
max-width: 75%;
margin-left: auto;
margin-right: auto;
}
#price__table--mob {
display: none;
}
}
@media (max-width: 1024px) {
#price__table--pc {
display: none;
}
.main-table {
padding-top: 60px;
margin-bottom: 40px;
}
.main-table__wrap {
text-align: left;
position: relative;
overflow-x: scroll;
margin-right: -15px;
margin-left: -15px;
padding-left: 15px;
padding-right: 15px;
flex-wrap: nowrap;
}
#price__table--mob {
display: flex;
grid-template-columns: 1fr 1fr;
/*width: 100%;*/
margin-bottom: 1em;
border: none;
white-space: normal;
-webkit-overflow-scrolling-x: touch;
-webkit-overflow-scrolling: touch;
}
#price__table--mob tbody td,
#price__table--mob thead th,
#price__table--mob thead tr {
display: block;
border: none;
}
#price__table--mob tbody td,
#price__table--mob thead tr {
display: flex;
}
#price__table--mob * {
word-break: normal;
}
#price__table--mob thead {
display: block;
/* position: absolute;
left: 0;
top: 0;
z-index: 1; */
}
#price__table--mob tbody {
display: flex;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
position: relative;
}
#price__table--mob thead tr,
#price__table--mob tbody tr {
display: inline-block;
background: #FFFFFF;
border: 1px solid #AEAEAE;
margin-right: 10px;
display: flex;
flex-direction: column;
}
#price__table--mob tr:first-child th {
padding: 15px 10px;
width: 160px;
min-height: 113px;
text-align: center;
position: relative;
}
#price__table--mob tbody tr td {
padding: 15px 5px;
font-size: 12px;
max-width: 140px;
min-width: 100px;
text-align: center;
min-height: 113px;
position: relative;
display: -ms-grid;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#price__table--mob tbody tr:first-child td:not(:last-child):after,
#price__table--mob tr:first-child th:not(:last-child):after {
content: '';
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
width: 55%;
height: .0625rem;
background-color: #C6CAD3;
}
#price__table--mob tr:first-child th p {
font-size: 27px;
}
#price__table--mob tr:first-child th b {
font-size: 29px;
margin-top: 10px;
}
.main-table__wrap tr:first-child th p {
font-family: 'Gotham Pro', sans-serif;
font-size: 29px;
padding: 0;
margin: 0;
font-weight: 400;
}
.main-table__wrap tr:first-child th b {
color: #010127;
font-weight: 800;
font-size: 36px;
margin-top: 20px;
display: inline-block;
}
.main-table__wrap tr:first-child th i {
color: #010127;
font-weight: 400;
font-size: 14px;
font-style: normal;
display: inline-block;
text-align: left;
line-height: 1;
margin-left: 15px;
}
.swipe__animation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 30px 0;
}
svg#icon-swipe {
width: 72px;
height: 35px;
}
svg#icon-swipe #hand {
fill: #010127;
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation: hand-swipe 3.5s infinite ease;
animation: hand-swipe 3.5s infinite ease;
}
svg#icon-swipe #left,
svg#icon-swipe #right {
fill: #222;
opacity: 0;
}
svg#icon-swipe #right {
-webkit-animation: arrow-right 3.5s infinite ease;
animation: arrow-right 3.5s infinite ease;
}
svg#icon-swipe #left {
-webkit-animation: arrow-left 3.5s infinite ease;
animation: arrow-left 3.5s infinite ease;
}
@-webkit-keyframes hand-swipe {
5% {
-webkit-transform: translateX(3px) rotate(6deg);
transform: translateX(3px) rotate(6deg);
}
25% {
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
28% {
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
33% {
-webkit-transform: translateX(-3px) rotate(-6deg);
transform: translateX(-3px) rotate(-6deg);
}
53% {
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes hand-swipe {
5% {
-webkit-transform: translateX(3px) rotate(6deg);
transform: translateX(3px) rotate(6deg);
}
25% {
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
28% {
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
33% {
-webkit-transform: translateX(-3px) rotate(-6deg);
transform: translateX(-3px) rotate(-6deg);
}
53% {
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@-webkit-keyframes arrow-right {
7% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
opacity: 1;
}
17% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
opacity: 0;
}
18%,
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 0;
}
}
@keyframes arrow-right {
7% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
opacity: 1;
}
17% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
opacity: 0;
}
18%,
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 0;
}
}
@-webkit-keyframes arrow-left {
0%,
30% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 0;
}
37% {
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
opacity: 1;
}
47% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
opacity: 0;
}
48%,
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 0;
}
}
@keyframes arrow-left {
0%,
30% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 0;
}
37% {
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
opacity: 1;
}
47% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
opacity: 0;
}
48%,
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 0;
}
}
}
.landing-content {
padding-top: 0;
}
span.wpcf7-not-valid-tip,
.error-message {
font-size: 14px;
color: red;
font-weight: 300
}
.anfragen-page-php .error-message {
position: absolute;
left: 60px;
}
.anfragen-page-php #type-error {
left: 80px;
}
.anfragen-page-php #dueDate-error {
left: 128px;
}
.anfragen-page-php #subject-error {
top: -28px;
left: 110px;
}
.anfragen-page-php #type-error {
top: -27px;
}
.content__caption-author {
display: flex;
align-items: center;
}
.content__caption-author img {
width: 40px;
border-radius: 50%;
height: 40px;
object-fit: cover;
margin-right: 10px;
}
.content__thumbnail {
display: flex;
}
.content .content__thumbnail img {
max-width: 50%;
object-fit: cover;
height: auto;
}
.content__wrapper {
display: flex;
gap: 40px;
margin-top: 40px;
}
.content__wrapper .first-screen .price-calculator {
padding-bottom: 30px;
}
.content__wrapper .first-screen {
height: auto;
padding-bottom: 0;
}
.content__wrapper .first-screen {
padding-top: 0;
flex-direction: row;
}
.content__wrapper-left {
max-width: 62%;
}
.single-php .breadcrumbs {
padding-bottom: 0;
}
.single-php .toc {
margin-bottom: 0;
width: 100%;
}
.single-php .content {
padding-top: 0;
}
.single-php section {
padding-top: 0;
}
.content__caption-date,
.content__caption-reading-time {
margin-bottom: 15px;
margin-top: 15px;
}
.sidebar_banner a {
color: #fff;
width: 100%;
text-align: center;
margin-top: 20px;
height: 56px;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none !important;
border: 1px solid transparent;
}
.content .sidebar_banner a:hover {
color: #fff !important;
}
.sidebar_banner {
box-shadow: 2px 2px 2px rgba(200, 184, 170, .25);
border: 1px solid rgba(200, 184, 170, .25);
max-width: 421px;
width: 100%;
background: #fff;
padding: 18px 30px;
margin-top: 50px;
}
.sidebar_banner_img img {
width: 80%;
object-fit: cover;
}
.sidebar_banner_header {
font-size: 20px;
color: #424547;
line-height: 1;
margin-bottom: 20px;
font-weight: 700;
}
.sidebar_banner_img {
text-align: center;
}
.sidebar_banner_list ul li p {
margin-bottom: 0;
}
.sidebar_banner_list ul li {
display: flex;
align-items: center;
font-size: 14px;
line-height: 1.2;
color: #828282;
}
.sidebar_banner_list ul {
margin-left: 0;
}
.fixed {
position: fixed;
top: 0;
}
@media (max-width: 1024px) {
.content__wrapper {
flex-direction: column;
}
.content__wrapper-left {
max-width: 100%;
}
aside {
display: flex;
flex-direction: column;
align-items: center;
}
}
@media (max-width: 768px) {
.content__thumbnail {
flex-direction: column-reverse;
}
.content__thumbnail img {
max-width: 100%;
}
.content__wrapper aside {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#progress-container {
top: 56px;
}
.single-php section {
padding-top: 30px;
}
}
.content img {
object-fit: contain;
height: auto;
}
.table-wrapper {
overflow-x: auto; /* Додає горизонтальну прокрутку, якщо таблиця виходить за межі екрана */
margin: 0 0 1em; /* Додаткові відступи для кращого вигляду */
-webkit-overflow-scrolling: touch; /* Покращення прокрутки на iOS пристроях */
}
.table-wrapper table {
border-collapse: collapse;
width: 100%;
}
.table-wrapper table th, .table-wrapper table td {
border: 1px solid #ddd;
padding: 8px;
}
@media (max-width: 600px) {
.content .content__thumbnail img {
max-width: 100%;
}
}
.submitMyContactForm svg {
display: none;
}
.sidebar_wrapper {
transition: top 0.3s ease-in-out;
position: sticky;
top: 80px;
}
.sidebar_wrapper.fixed {
position: fixed;
}
#progress-container {
position: relative;
top: 12px;
left: -24px;
width: calc(100% + 48px);
height: 4px;
background-color: #D8D1C6;
z-index: 9999;
}
@media (min-width: 1199.9px) {
#progress-container {
top: 18px;
}
.single-php {
padding-top: 80px;
}
.header.active #progress-container {
}
}
#progress-bar {
height: 100%;
background-color: #1c53a1;
width: 0;
}
.page-php {
padding-bottom: 40px;
background: #FFFFFF;
}
/* Медіа-запит для .page-php */
@media (min-width: 768px) {
.page-php {
padding-top: 78px;
}
}
/* Опис .description */
.page-php .description {
text-align: center;
}
/* Медіа-запит для .description */
@media (min-width: 1199.9px) {
.page-php .description {
margin-bottom: 40px;
}
}
.page-php .description p {
margin-bottom: 0 !important;
}
/* Заголовок h1 */
.page-php h1 {
font-size: 24px;
line-height: 32px;
margin-bottom: 20px;
text-align: center;
}
@media (min-width: 768px) {
.page-php h1 {
font-size: 40px;
line-height: 40px;
}
}
/* Параграфи всередині .page-php */
.page-php p {
color: var(--neutral-700, #454852);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 171.429% */
margin-bottom: 24px;
}
@media (min-width: 768px) {
.page-php p {
margin-bottom: 33px;
}
}
/* Блок .success__text */
.page-php .success__text div {
padding-left: 16px;
border-left: 2px solid #454852;
}
.page-php .success__text div span {
color: #454852;
gap: 12px;
display: flex;
margin-bottom: 10px;
align-items: center;
}
@media (min-width: 768px) {
.page-php .success__text div span {
font-size: 20px;
}
}
/* Блок .success-content-afragen */
@media (min-width: 1199px) {
.page-php .success-content-afragen {
display: flex;
flex-direction: row-reverse;
gap: 40px;
margin-bottom: 50px;
}
}
/* Внутрішній .img у success-content-afragen */
@media (min-width: 1199px) {
.page-php .success-content-afragen .img {
max-width: 604px;
object-fit: contain;
}
}
@media (min-width: 1599px) {
.page-php .success-content-afragen .img {
max-width: 664px;
}
}
/* Банер .success__banner */
.page-php .success__banner {
margin-top: 25px;
padding: 32px 16px;
background: #5177E0;
}
@media (min-width: 768px) {
.page-php .success__banner {
display: flex;
justify-content: space-between;
margin-top: 40px;
padding: 40px;
align-items: center;
}
}
@media (min-width: 1199px) {
.page-php .success__banner {
margin-top: 0;
}
}
/* Елемент .success__banner-text (замість &-text) */
.page-php .success__banner-text {
font-size: 24px;
line-height: 32px;
}
@media (min-width: 768px) {
.page-php .success__banner-text {
max-width: 374px;
}
}
@media (min-width: 1199px) {
.page-php .success__banner-text {
max-width: 100%;
}
}
/* Заголовок всередині .success__banner-text */
.page-php .success__banner-text h2 {
color: #FFFFFF;
font-family: "Sentient Variable", sans-serif;
font-size: 24px;
line-height: 32px;
text-align: center;
margin-bottom: 6px;
}
@media (min-width: 768px) {
.page-php .success__banner-text h2 {
text-align: left;
font-size: 32px;
margin-bottom: 13px;
letter-spacing: 2.7px;
}
}
/* Текст усередині .success__banner-text */
.page-php .success__banner-text p {
text-align: center;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
}
@media (min-width: 768px) {
.page-php .success__banner-text p {
text-align: left;
font-size: 20px;
max-width: 95%;
line-height: 32px;
margin-bottom: 0;
}
}
@media (min-width: 1199px) {
.page-php .success__banner-text p {
max-width: 100%;
}
}
/* Кнопка всередині .success__banner */
.page-php .success__banner .btn {
height: 64px;
font-size: 18px;
}
@media (min-width: 768px) {
.page-php .success__banner .btn {
padding: 0 39px;
}
}