/*
Theme Name: ghostwriterbillig
Text Domain: https://ghostwriterbillig.onesite.com.ua/
Author: OTEC
Author URI: https://onesite.com.uaheader
*/

* {
    box-sizing: border-box;
}
html {
    height: 100%;
}
html, body {
    min-height: 100%;
}
main {
    overflow: hidden;
}
input, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}
body {
    font-family: 'Gotham Pro', sans-serif;
    margin: 0;
    font-size: 18px;
    /*padding-top: 70px;*/
    display: flex;
    flex-direction: column;
    color: #6B6B6B;
    line-height: 1.3;
}
body.scrollLock {
    /*height: 100%;*/
    width: 100%;
    overflow: hidden;
}
body.overflow-hidden {
    overflow: hidden;
}
/*body.offset-top {*/
/*    padding-top: 80px;*/
/*}*/
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: #161a2b;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h5 {
    font-weight: bold;
}
.h2-title {
    text-align: center;
    font-size: 34px;
    line-height: 1.3;
    color: #161a2b;
    font-weight: 600;
    margin-bottom: 40px;
    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;
    /*overflow: auto;*/
    /*max-width: 100%;*/
    /*display: inline-block;*/
}
img {
    max-width: 100%;
}
::placeholder {
    color: #6B6B6B;
    font-weight: 500;
    font-size: 16px;
    /*opacity: .5;*/
}
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: vertical;
}
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 { /* change icons for calendar */
    color: transparent;
    background: none;
    z-index: 31;
}
.section,
section {
    padding: 50px 0;
}
.inversion .h2-title,
.inversion .descr {
    color: #fff;
}
header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    background-color: rgba(32, 29, 55, 0.4);
    padding: 10px 0;
    transition: background-color .3s ease-in-out, padding .3s ease-in-out;
    background: #f7f9fc;
    box-shadow: 0 1px 20px 0 hsl(0deg 0% 67% / 20%);
}
header.active {
    padding: 2px 0;
    /*background-color: #010127;*/
}
/*header.active .logo {*/
/*    padding: 10px 0;*/
/*}*/
header .button {
    margin: 12px 0 12px 36px;
    padding: 12px 18px;
    font-size: 14px;
    color: #f3f8fe;
    border-color: #363dd3cf;
    background: #363dd3cf;
}
/*header .button__transparent:hover {*/
/*    color: #FBA704;*/
/*    border: 1px solid #FBA704;*/
/*    background: transparent;*/
/*}*/
.header-menu .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.container {
    max-width: 1260px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
}
.top-panel {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.header-menu .buttons {
    display: flex;
    align-items: center;
}
.header-menu .buttons > * {
    margin: 3px 0;
    margin-right: 20px;
    color: #fff;
    padding: 6px 15px;
    border-radius: 3px;
    font-size: 14px;
    white-space: nowrap;
    display: inline-block;
}
.header-menu .buttons > *:last-child {
    margin-right: 0;
}
.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 {
    margin-top: 20px;
    width: 100%;
    padding: 10px 30px;
    /*margin-bottom: 30px;*/
}
.breadcrumbs .post {
    width: auto;
    min-width: unset;
    padding: 0;
}
.breadcrumbs a {
    color: #4D24AA;
    font-weight: 600;
}
header .logo {
    font-weight: 700;
    text-transform: uppercase;
    padding: 6px 0;
    max-width: 190px;
    width: 100%;
    display: flex;
    align-self: center;
    color: #363dd3cf;
}
header .logo img {
    height: auto;
    width: 190px;
    margin-right: 10px;
}
header .logo span {
display:none;
}
header .logo-site::after {
    content: "\f260";
}
header .logo-site {
    margin-right: 10px;
}
footer .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
}
footer .container {
    flex-direction: row-reverse;
     /* display: flex; */
    justify-content: space-between;
}
footer .left-container {
    text-align: left;
}
footer .right-container {
    text-align: left;
}
footer .right-container a {
    font-size: 14px;
}
footer .menu-contact ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 30px;
}

footer a {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    color: #010127;
    display: inline-block;
    margin-bottom: .8em;
    margin: 0 14px;
}
footer .left-container a {
    margin-left: 0;
}
footer {
    background: #363dd329;
    padding: 70px 0;
    text-align: center;
}
footer .copyright {
    font-size: 14px;
    color: #010127;
    font-weight: 300;
    text-align: center;
}
footer .menu-footer-blog-container {

}
.button {
    display: inline-block;
    /*background: #161a2b;*/
    background-image: linear-gradient(
            264deg,#363dd3cf,#363dd3cf);
    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: 4px;
}
.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 {
    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: #FFE9D4;
    padding: 5px 20px;
    border-radius: 30px;
    color: #010127;
}
.common-blog .post .button {
    margin-bottom: 5px;
}
.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: 108px;
    color: #010127;
}
.common-blog .post .description p {
    word-break: break-word;
}
.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 .seo-text {
    display: none;
}
.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;
}
/*.content pre {*/
/*    white-space: inherit;*/
/*}*/
.content img {
    height: auto;
}
.content p {
    margin-bottom: .4rem;
}
pre.wp-block-preformatted {
    background: #f7f7f7;
    font-family: Monaco, monospace, serif;
    color: #666;
    padding: 20px;
    margin: 0 0 20px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    border-left: 3px solid #7b7b7b;
    font-size: .923em;
}
/* Landing Page */
.landing-content .content p {
    /*font-family: "Roboto";*/
    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 {
    /*max-width: 631px;*/
    flex: 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
/*.single-php .landing-content .content > h3:first-child,*/
/*.single-php .landing-content .content > h4:first-child,*/
/*.single-php .landing-content .content > h5:first-child,*/
/*.single-php .landing-content .content > h6: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
/*.single-php .landing-content .content > img:first-child + h3,*/
/*.single-php .landing-content .content > img:first-child + h4,*/
/*.single-php .landing-content .content > img:first-child + h5,*/
/*.single-php .landing-content .content > img:first-child + h6*/ {
    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: #363dd329;
    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;
}

.price-section .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.price-section .image {
    max-width: 495px;
    width: 100%;
    height: auto;
    margin-left: 46px;
    flex-shrink: 0;
}
.price-section .items {
    max-width: 800px;
    width: 100%;
}
.price-section .item img {
    width: 35px;
    height: auto;
    flex-shrink: 0;
    margin-right: 30px;
}
.price-section .subtitle, .price-section .subtitle a {
    font-size: 24px;
    font-weight: 400;
        color: #010127;
}
.price-section .price {
    font-weight: 700;
    font-size: 21px;
}
.price-section .item {
    display: flex;
    align-items: center;
    padding: 24px 0;
    color: #010127;
}
.price-section .item:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.price-section .text-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
}
/* End Landing Page */
.card-bonus {
    background: #f3f8fe;
}
.card-bonus .text {
    text-align: center;
    margin-bottom: 30px;
}
.card-bonus .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.card-bonus__item {
    padding: 20px 30px;
    background-color: #d1ebe2;
    font-weight: 500;
    max-width: 180px;
    width: 100%;
    margin: 15px;
    color: #010127;
    text-align: center;
    border-radius: 5px;
}
.card-bonus__sales {
    font-size: 22px;
    margin-left: 4px;
}
.card-bonus__title {
    font-size: 14px;
    margin-top: 16px;
}
.card-bonus__price {
    margin: 30px 0;
}
.card-bonus__sales {
    text-decoration-color: #EF0000;;
}
.card-bonus__new-price {
    color: #06A420;
    margin-bottom: 30px;
}
/* .card-bonus__item:nth-child(2) {
    background-color: #EFE8E8;   
}
.card-bonus__item:nth-child(3) {
    background-color: #D3EBF2;
}
.card-bonus__item:nth-child(4) {
    background-color: #E1E2F4;
}
.card-bonus__item:nth-child(5) {
    background-color: #C7DFFA;   
} */

.breadcrumbs-single {
    max-width: 700px;
}
address {
    font-family: "Roboto", 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;
}
/* Digit */
.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;
    /*padding: 34px 30px;*/
    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%);
}
/* End Digit */

.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;
}
/* End optional-offer */

.our-achievements {
    text-align: center;
    background: #f7f7f9;
}
.our-achievements .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.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: 45px;
    width: 100%;
    height: auto;
    flex-shrink: 0;
    margin-right: 30px;
}
.our-achievements .text-content {
    flex: 1;
}
.our-achievements li {
    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: 32px;
    border-bottom: 1px solid #BFB9AC;
    margin-bottom: 32px;
}
.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 {
    padding: 116px 0 70px;
    position: relative;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    z-index: 0;
    background: #f3f8fe;
}
.first-screen .container {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: flex-start;
    justify-content: space-between;
    z-index: 1;
    width: 100%;
}
.home-advantages .row-center,
.how-to-order .row-center,
.card-bonus .row-center,
.seo-text .row-center {
    text-align: center;
    margin-top: 20px;
}
.first-screen .price-calculator {
    max-width: 370px;
    width: 100%;
    background: #f8f7fc;
    padding: 18px 20px;
    border-radius: 4px;
    box-shadow: 0 1px 20px 0 hsl(0deg 0% 67% / 20%);
}
.first-screen .item-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}
.first-screen .item {
    max-width: calc(33% - 20px);
    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: #363dd3cf;
}
.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 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: .8em;
    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;
    background: #363dd3cf;
}
.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: 600;*/
    font-weight: 400;
    color: #010127;
}
.first-screen .price-calculator .custom-dropdown {
    display: block;
    margin-top: 4px;
    border-radius: 4px;
}
.first-screen .digits {
    padding: 40px 0 0;
}
.first-screen .topic h1 {
 font-size: 46px;
	margin-top: 0;
    line-height: 1.3;
    margin-bottom: 0;
    font-weight: bold;
    color: #161a2b;
} 


.first-screen .topic h1 > * {
    margin: 0;
}
.topic .title {
    font-size: 46px;
	margin-top: 0;
    line-height: 1.3;
    margin-bottom: 0;
    font-weight: bold;
    color: #161a2b;
}
.topic .title > * {
    margin: 0;
}
.topic .subtitle {
    font-size: 21px;
    margin-top: 20px;
    color: #393939;
    line-height: 1.5;
}
.how-to-order {
    position: relative;
    z-index: 1;
    background: #f3f8fe;
}
.front-page .how-to-order {
    background: #fff;
}
.how-to-order .text {
    text-align: center;
    margin-bottom: 30px;
}
.how-to-order .glide__slide {
    height: auto;
}
.how-to-order .item {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    height: 100%;
}
.how-to-order .subtitle {
    font-size: 24px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 15px;
    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;
}
.inner-container {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: calc(100% - 100px);
    z-index: -1;
}
.inner-container::before {
    position: absolute;
    content: "";
    width: 313px;
    height: 313px;
    border-radius: 50%;
    background: linear-gradient(180deg, #FFF9F2 0%, rgba(242, 242, 242, 0) 100%);
    z-index: -1;
    bottom: 300px;
    left: 0;
    transform: translateX(-20%);
}
.inner-container::after {
    position: absolute;
    content: "";
    width: 1184px;
    height: 1184px;
    border-radius: 50%;
    background: linear-gradient(180deg, #FFF9F2 0%, rgba(242, 242, 242, 0) 100%);
    z-index: -1;
    bottom: 0;
    right: 0;
    transform: translateX(20%);
}
/*.landing-page-php .seo-text,*/
/*Pagination*/
.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: "Roboto", 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 #7C7A78;*/
    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;
    /*background: #f8f8f8;*/
}
.page-numbers.current {
    color: #FBA704;
    /*background: #f8f8f8;*/
}
.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;
    /*background: #259bd4;*/
    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;
}

.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;
    /*line-height: 1.6;*/
    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;
}
.seo-text-content {
    background: #f3f8fe;
}
.reviews {
    background: #f3f8fe;
}
.front-page .seo-text {
    background: #f3f8fe;
}
.front-page .reviews,
.front-page .seo-text-content {
    background: #fff;
}
.landing-page-php .reviews {
    background: #fff;
}
/* Reviews slider */
.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 {
    font-family: "Roboto", sans-serif;
    /*padding: 10px 15px;*/
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    height: auto;
}
.reviews .stars-rate {
    max-width: 150px;
    height: auto;
}
.reviews .tp-star__shape {
    fill: #fff;
}
.reviews .tp-star__canvas--half,
.reviews .tp-star__canvas {
    fill: #31a126;
}
.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;
}
/* End Work or Subject */

/* Advantages */
.advantages {
    background: #F7F7F9;
}
.advantages .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.advantages .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.advantages .item {
    max-width: calc(33.33% - 104px);
    width: 100%;
    padding: 0 24px;
    margin: 12px 45px;
    text-align: center;
}
.advantages .h2-title + .text {
    margin-bottom: 30px;
}
.home-advantages .item {
    max-width: 100%;
    margin: 0;
}
.home-advantages {
    background: #fff;
}
.advantages-price-page {
    background: #fff;
}
.advantages-price-page .item {
    max-width: calc(33.33% - 30px);
    margin: 15px;
}
.advantages-price-page .item {
    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, .advantages .subtitle a {
    margin: 14px 0 19px;
    font-size: 21px;
    font-weight: 500;
    color: #010127;
}
.subtitle a:hover {
opacity:0.65;
}
.advantages .h2-title + .subtitle {
    font-weight: 400;
}
.advantages .text {
    line-height: 1.3;
    color: #6b6b6b;
}
.advantages img {
    max-width: 60px;
    width: 100%;
    height: auto;
    flex-shrink: 0;
}
/* End Advantages */
/* Writes */
.front-page .writers {
    background: #f3f8fe;
}
.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;
    color: #393939;
}
.two_items_slider a {
    text-align: center;
    font-size: 14px;
}
/*.two_items_slider .row-center {*/
/*    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;
    font-size: 14px;
}
/* End Writes */
/* Seo Text */
.seo-text .accordion:first-child {
    margin-top: 0;
}
.seo-text .accordion {
    max-width: 990px;
    width: 100%;
    margin: 20px auto;
    border: 1px solid #c9cdcf4a;
    padding: 24px 30px;
    cursor: pointer;
    background: #f3f8fe;
    border-radius: 10px;
}
.accordion .header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-weight: 600;
    font-size: 20px;
    color: #2b3645;
    line-height: 1;
}
.accordion .header h3 {
    margin: 0;
    font-size: 21px;
}
.accordion .indecator {
    position: relative;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-left: 20px;
    /*margin-top: 7px;*/
    flex-shrink: 0;
}
.accordion .indecator::after, .accordion .indecator::before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #010127;
    transition: 0.3s all ease-in-out;
}
.accordion .indecator::before {
    width: 100%;
    height: 3px;
}
.accordion .indecator::after {
    width: 3px;
    height: 100%;
}
.accordion .body {
    margin-top: 10px;
    padding-right: 10px;
    display: none;
    font-size: 18px;
    line-height: 1.6;
}
.accordion.open .body {
    display: block;
}
.accordion .button {
    margin-top: 28px;
    font-size: 14px;
}
/* End Seo text */
.landing-content label,
.landing-content .label {
    margin: 20px 0;
    display: block;
    font-weight: 400;
    font-size: 16px;
    color: #010127;
}
.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;
    border-radius: 10px;
}
.landing-content input::placeholder {
    color: #6B6B6B;
}
.landing-content label input,
.landing-content label textarea,
.landing-content .custom-dropdown {
    margin-top: 10px;
}
.landing-content .custom-dropdown {
    width: 100%;
    border-radius: 10px;
}
.landing-content .row-button {
    text-align: center;
}
.uploaded {
    margin-top: 20px;
}
.uploaded .figcaption {
    margin: 10px 0;
}
.uploaded .row-button {
    text-align: left;
    margin-bottom: 30px;
    margin-top: 10px;
}
.landing-content .button {
    width: auto;
    padding: 14px 30px;
    /*margin-top: 0;*/
}
.landing-content .file-attachment span {
    display: block;
    margin-top: 20px;
    font-weight: 300;
    font-size: 14px;
}
.anfrage-grid-als-autor .file-attachment span,
.kontakt-page-grid .file-attachment span {
    margin-top: 4px;
}
.anfrage-grid-als-autor .upload-btn-wrapper {
    padding: 8px 40px;
}
.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 CSS Select */
/*Custom drop-dawn*/
.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 18px;
    padding-right: 2.5em;
    border: 0;
    margin: 0;
    text-indent: 0.01px;
    text-overflow: '';
    /*-webkit-appearance: button; !* hide default arrow in chrome OSX *!*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 10px;
}
.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 { /*  Custom dropdown arrow */
    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);
}
/* End Custom CSS Select */
.landing-content .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.landing-content .seo-text .container,
.landing-content .seo-text .row {
    display: block;
}
.landing-content .row > * {
    width: 48%;
    margin: 15px 0;
}
.landing-content .seo-text .button {
    color: #fff;
}
.landing-content .row > .accordion {
    width: 100%;
    margin: 20px auto;
}
.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: 7;*/
    grid-row-end: 8;
    grid-column-start: 2;
}
.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 page */
.price-calculator {
    background: #f6f7f9;
}
.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 10px 12px 10px;
    background: #f3f8fe;
}
.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;
    /*padding: 15px 55px;*/
}
.price-calculator .row-button {
    text-align: center;
    width: 100%;
}
.price-calculator .text {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.6;
}
.price-calculator .price-block {
    padding: 29px 20px;
    border: 1px solid #2962FF;
    background: #fff;
    /*font-family: "Roboto", sans-serif;*/
    /*font-weight: 300;*/
    /*font-size: 22px;*/
    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;
    align-items: center;
    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;
}
.price-calculator .current-price,
.landing-content .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;
}
/* Hidden recaptcha */
.grecaptcha-badge {
    visibility: hidden;
}
/* End Hidden recaptcha */
#hidden-price {
    visibility: hidden;
    width: 1px;
    /*height: 1px;*/
    line-height: 1px;
    padding: 0;
    margin: 0;
    min-height: 0;
    height: 0;
}
/* Custom Upload File */
.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: 117px;*/
    height: 100%;
    /*border-radius: 6px;*/
    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;
    /*border-radius: 6px;*/
}
.upload-btn-wrapper .wpcf7-not-valid-tip {
    position: absolute;
    bottom: -27px;
    left: 0;

}
span.wpcf7-not-valid-tip {
    font-size: 14px;
    color: #f00;
    font-weight: 300;
}
div#mfcf7_zl_multifilecontainer {
    position: relative;
    order: 2;
    margin: 0;
    /*background: red;*/
    /*margin-top: 42px;*/
}
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: rgba(202,36,36,1);
}
.fileupload-name span.btn-close {
    margin: 0;
}
.fileupload-name .btn-close::before,
.fileupload-name .btn-close::after {
    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;
    display: none;
    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;
}
.drag-drop-text.hidden,
.download-text.hidden {
    display: none;
}
/* End Custom Upload File */
/* End Popup Menu */
.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;
}
/* Data picker CF7 */
div#ui-datepicker-div {
    z-index:1000!important;
}
.price-calculator-unsere-price .wpcf7-response-output,
#wpcf7-f1709-p1706-o1 .wpcf7-mail-sent-ok {
    visibility: hidden;
    opacity: 0;
    height: 0;
    margin: 0;
    padding: 0;
}
.success-content-afragen {
    padding: 200px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.success-content-afragen h1 {
    font-size: 46px;
    line-height: 1.3;
}
.success-content-afragen h2 {
    font-size: 36px;
}
.success-content-afragen h3 {
    font-size: 27px;
}
.success-content-afragen p {
    font-size: 24px;
}
.calendar-input input {
    position: relative;
    padding: 16px 6px 16px 0;
}
.first-screen .calendar-input input {
    padding: 10px 4px 10px 10px;
    background: #f3f8fe;
}
.first-screen .input-price {
    background: #f3f8fe;
    border-radius: 10px;
}
.first-screen .input-price {
    padding: 12.5px 10px 12.5px 10px;
    border-radius: 10px;
}
.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 {
    background: #f7f7f9;
}
.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-weight: 500;
    font-size: 24px;
}
.scope-activity li img {
    max-width: 45px;
    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;
}
.value-chain .item {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
    max-width: calc(33% - 30px);
    width: 100%;
    margin: 15px;
    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;
}
.glide__arrows .glide__arrow {
    border: 1px solid #363dd3cf;
    border-radius: 10px;
}
.glide__arrow path {
    fill: #363dd3cf;
}
.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: #FFFFFF;
    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;
}
.als-autor-bewerben .upload-btn-wrapper {
    margin-top: 8px;
}
.als-autor-bewerben .anfrage-grid-als-autor .file-attachment span {
    margin-top: 10px;
}
.als-autor-bewerben .landing-content .button {
    margin-top: 0;
}
.als-autor-bewerben .upload-btn-wrapper .wpcf7-not-valid-tip {
    position: absolute;
    bottom: -66px;
    left: -1px;
}
.personal-contact {
    position: relative;
    background: #f3f8fe;
    padding-bottom: 0;
    box-shadow: 0 1px 20px 0 hsl(0deg 0% 67% / 20%);
}
.personal-contact .container {
    border-bottom: 1px solid #FFF;
    padding-bottom: 50px;
}
.personal-contact .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #210127;
}
.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: #010127;
    font-weight: 600;
    font-size: 18px;
}
.personal-contact .button {
    /*background: #fff;*/
    /*color: #010127;*/
    color: #fff;
    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;
}
.price-calculator .wpcf7-response-output, #wpcf7-f1709-p1706-o1 .wpcf7-mail-sent-ok, .price-calculator .screen-reader-response {
    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 {
    min-height: auto;
    padding-bottom: 0;
}
.anfragen-page-php .first-screen .topic {
    text-align: left;
    margin-right: 0;
}
.anfragen-page-php .first-screen a {
    text-decoration: underline;
}
.anfragen-page-php .first-screen .subtitle {
	margin-bottom: 34px;
	margin-top: 0;
}
.anfragen-page-php .first-screen a:hover {
    text-decoration: none;
}
.anfragen-page-php .first-screen-image {
    max-width: 640px;
    width: 100%;
    align-self: center;
}
/*.screen-reader-response,*/
/*.wpcf7-response-output.wpcf7-validation-errors{*/
/*    display: none !important;*/
/*}*/
.cookies {
    position: fixed;
    bottom: 21px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1100px;
    width: 100%;
    padding: 30px 61px;
    background: #FFF;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
    z-index: 15;
    border-radius: 4px;
     display: none;
}
.cookies.hidden {
    display: none;
}
.cookies .btn-close {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 20px;
    top: 20px;
    cursor: pointer;
}
.cookies .btn-close::before, .cookies .btn-close::after {
    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 .cookies_btn_ok {
    background: #363dd3cf;
}
.cookies .button__transparent {
    border: none;
    color: #263238;
    text-decoration: underline;
    margin-top: 10px;
    font-size: 14px;
}
.cookies .button__transparent:hover {
    background: none;
}
@media (max-width: 1200px) {
    .header-menu .menu > li > a {
        padding: 16px 10px;
        display: inline-block;
    }
    /*header .logo img {*/
    /*    width: 100%;*/
    /*    height: auto;*/
    /*}*/
    .popup-menu-section {
        top: 75px;
    }
    header .button__transparent {
        margin-left: 10px;
    }
    .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;
    }
    .menu-main-menu-container {
        margin-left: auto;
    }
    .header-menu .menu {
        display: flex;
        /*justify-content: space-between;*/
    }
    .header-menu .container {
        display: flex;
        justify-content: space-between;
    }
    .header-menu .menu > li {
        position: relative;
        text-align: center;
        padding: 8px;
    }
    .header-menu .menu > li > a {
        font-size: 14px;
        /*font-weight: 500;*/
        font-weight: 500;
        padding: 4px 4px;
        display: block;
        color: #222;
        line-height: 1.1;
        transition: all .5s;
    }
    .header-menu .menu > li > a:hover,
    .header-menu .menu > li > a[aria-current=page] {
        color: #363dd3cf;
    }
    .sub-menu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        min-width: 250px;
        visibility: hidden;
        opacity: 0;
        z-index: -1;
        height: 0;
        background-color: #fff;
        padding: 15px;
        /*overflow: hidden;*/
        border: 1px solid #ccc;
        transition: opacity 0.3s;
        text-align: left;
    }
    .sub-menu li {
        margin: 7px 0;
    }
    .sub-menu li:first-child {
        margin-top: 0;
    }
    .sub-menu li:last-child {
        margin-bottom: 0;
    }
    .sub-menu a {
        font-size: 16px;
        color: #210127;
        font-weight: 400;
    }
    .sub-menu a:hover {
        color: #999;
        /*text-decoration: underline;*/
    }
    .header-menu .menu > li:hover .sub-menu,
    .right-container .menu > li:hover .sub-menu {
        visibility: visible;
        opacity: 1;
        z-index: 1;
        height: auto;
        overflow: hidden;
    }
    .right-container .menu > li {
        position: relative;
    }
    .right-container .sub-menu {
        top: -346px;
    }
    .mobile_menu_btn, .mobile_menu_close, .mobile_menu_overlay {
        display: none;
    }
    .bottom_info > * {
        width: 25%;
        padding: 10px;
    }
    .bottom_info > *:first-child {
        padding-left: 0;
    }
    .bottom_info > *:last-child {
        padding-right: 0;
    }
    .header-menu .menu > li.drap-dawn > a {
        padding-right: 22px;
    }
    .drap-dawn > a:after {
        position: absolute;
        content: "";
        top: 47%;
        transform: translateY(-50%);
        right: 4px;
        height: 10px;
        width: 8px;
        background: url('/wp-content/uploads/2021/11/arrow-dark.svg') no-repeat;
    }
    .drap-dawn:hover > a:after {
        transform: rotate(180deg) translateY(4px);
    }
    .header-menu .drap-dawn:hover > a {
        border-bottom: 2px solid #666;
    }
}
@media (max-width: 1023px) {
    body {
        padding-top: 62px;
    }
    header .logo {
    max-width: 140px;
    }
    .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 > a {
        position: relative;
    }
    .drap-dawn > a:after {
        content: "+";
        margin-left: 5px;
    }
    .drap-dawn.open > a:after {
        content: "-";
    }
    .drap-dawn.open > a{
        color: #b42aaa;
    }
    .drap-dawn.open > .sub-menu {
        display: block;
    }
    .top-panel {
        padding-right: 70px;
    }
    .top-panel .descr {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .header-menu .menu-main-menu-container {
        position: fixed;
        height: 0;
        right: 0;
        visibility: hidden;
        opacity: 0;
        z-index: -1;
        background: #fff;
        top: 0;
    }
    .header-menu li {
        margin-top: 10px;
    }
    .header-menu ul a {
        color: #010127;
        font-size: 20px;
    }
    .header-menu ul a:hover,
    .header-menu ul a[aria-current=page] {
        color: #201d37;
    }
    .mobile_menu_close {
        padding: 5px 10px;
        outline: none;
        user-select: none;
        position: fixed;
        top: 20px;
        right: 10px;
        cursor: pointer;
        z-index: -1;
        opacity: 0;
    }
    .header-menu.open .mobile_menu_close {
        z-index: 3;
        opacity: 1;
        color: #666;
        transition: opacity 0.3s;
    }
    .header-menu.open .mobile_menu_close svg {
        width: 30px;
        height: 30px;
    }
    .header-menu.open .menu-main-menu-container {
        top: 62px;
        visibility: visible;
        opacity: 1;
        z-index: 2;
        height: 100%;
        min-width: 50%;
        padding: 20px 20px;
        transition: opacity 0.3s;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        max-height: calc(100vh - 62px);
    }
    .mobile_menu_btn {
        display: block;
        cursor: pointer;
        user-select: none;
        width: 40px;
        position: relative;
        z-index: 5;
        padding: 8px;
    }
    .mobile_menu_btn span {
        display: block;
        height: 2px;
        background: #161a2b;
        margin-bottom: 5px;
        transition: all .35s
    }
    .mobile_menu_btn span:last-child {
        margin-bottom: 0;
    }
    .mobile_menu_btn.active .mobile-btn-top {
        transform: translateY(9px) translateX(0) rotate(45deg);
    }
    .mobile_menu_btn.active .mobile-btn-middle {
        opacity: 0;
    }
    .mobile_menu_btn.active .mobile-btn-bottom {
        transform: translateY(-5px) translateX(0) rotate(-45deg);
    }
    .mobile_menu_overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -10;
        opacity: 0;
        visibility: hidden;
        background-color: #87acd0;
    }
    .header-menu.open .mobile_menu_overlay {
        z-index: 1;
        opacity: 0.8;
        visibility: visible;
        transition: opacity 0.3s;
        top: 63px;
    }
    .sub-menu a {
        font-size: 16px;
        padding-left: 20px;
    }
    .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;
    }
    header .button__transparent {
        display: none;
    }
    header .button_mobile {
        display: inline-block;
    }
    .optional-offer .subtitle {
        font-size: 32px;
    }
    footer .container-bg .copyright {
        margin-bottom: 10px;
    }
    .advantages .item {
        max-width: calc(50% - 30px);
    }
    .home-advantages .item {
        max-width: 100%;
    }
    .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%;
    }
    header .button {
        display: none;
    }
    .header .menu-main-menu-container .button {
        display: inline-block;
        margin: 0;
        text-align: center;
    }
    .personal-contact .row {
        justify-content: center;
        /*padding: 0 20px 30px;*/
        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;
    }
    .value-chain .item {
        max-width: calc(50% - 30px);
    }
    .scope-activity li {
        max-width: calc(50% - 24px);
    }
    .price-section .item img {
        margin-right: 24px;
    }
    .price-section .items {
        flex: 100%;
    }
    .price-section .image {
        margin-left: 0;
        margin-top: 30px;
    }
    header {
        padding: 2px 0;
    }
    .registered-customers:not(:last-child)::after {
        display: none;
    }
    .sample-papers-home .row {
        background: none !important;
    }
    .personal-contact {
        padding-bottom: 0;
    }
}

@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;
    }
    .header-menu .buttons {
        flex-direction: column;
    }
    .header-menu .buttons > * {
        margin-right: 0;
    }
    .h2-title {
        font-size: 27px;
    }
    .first-screen .inner {
        justify-content: center;
        flex-wrap: wrap;
    }
    .topic {
        margin-bottom: 20px;
        width: 100%;
    }
    .first-screen li {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .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 h1 {
      font-size: 27px;
    }
    .topic .title,
    .front-page .topic .title {
        font-size: 27px;
    }
    .topic .subtitle {
        margin: 14px 0 14px;
    }
    .button {
        margin-top: 30px;
    }
    .container {
        padding: 0 15px;
    }
    .advantages .item {
        max-width: 100%;
        padding: 14px 10px;
        margin: 10px;
    }
    .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: 5px 5px;
    }
    .reviews .subtitle {
        margin: 10px 0 20px;
    }
    .value-chain .subtitle {
        font-size: 20px;
    }
    .accordion {
        padding: 15px;
    }
    .accordion .header {
        font-size: 24px;
    }
    .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 .post .title {
        font-size: 26px;
    }
    .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 textarea {
        height: 120px;
    }
    .landing-content .wpcf7 .text-info,
    .landing-content .wpcf7 .price-block-calc {
        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: 0;
        margin-bottom: 14px;
    }
    .personal-contact .container {
        padding-bottom: 10px;
    }
    footer {
        padding: 40px 0;
    }
    .personal-contact .photo {
        padding: 0 15px 15px;
    }
    .landing-content .price-block {
        flex-direction: column;
        align-items: flex-start;
        padding: 14px 8px;
    }
    .price-block .text-info,
    .price-block .price-block-calc {
        max-width: 100%;
    }
    .price-block .price-block-calc {
        margin-top: 14px;
    }
}
@media (max-width: 540px) {
    header {
        flex-direction: column;
        align-items: flex-start;
    }
    .header-menu .buttons {
        flex-direction: row;
        margin-bottom: 10px;
    }
    .header-menu .buttons > * {
        margin-right: 20px;
    }
    .bottom_info {
        justify-content: center;
    }
    .digits .inner > div {
        max-width: 100%;
    }
    .first-screen {
        background-size: 100% auto;
    }
    .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 p,
    .email-discount form > p:nth-of-type(1) {
        display: block;
        margin: 10px 0;
        width: 100%;
    }
    .email-discount input[type="submit"] {
        margin-left: 0;
    }
    .header-menu.open .menu-main-menu-container {
        width: 100%;
    }
    .header-top i {
        margin-right: 4px;
        font-size: 14px;
    }
    .advantages .item {
        padding: 0;
        margin: 0;
        margin-bottom: 26px;
        background: transparent;
        box-shadow: none;
    }
    .button {
        font-size: 14px;
        padding: 10px 15px;
    }
    .button_md {
        padding: 16px 60px;
    }
    header .button {
        font-size: 16px;
        padding: 15px 20px;
    }
    header .button_mobile {
        padding: 14px 18px;
        font-size: 14px;
    }
    .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;
        /*font-size: 24px;*/
    }
    .price-calculator input[type="submit"] {
        width: 100%;
        padding: 15px 20px;
    }
    footer .row-truspilot {
        padding: 15px 0;
    }
    .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;
    }
    .header-menu li {
        margin-top: 4px;
    }
    .header-menu .menu > li > a {
        padding: 10px;
        font-size: 22px;
    }
    .common-blog .post .button {
        margin-bottom: 0;
    }
    .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;
        /*font-size: 14px;*/
    }
    .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;
    }
    .small-title .topic h1,
    .small-title .topic .title,
    .price-section .subtitle {
        font-size: 21px;
    }
    .menu-footer-contacts-container li {
        max-width: 100%;
        width: 100%;
        margin-bottom: 0px;
    }
    .price-section .text-content {
        flex-direction: column;
        align-items: flex-start;
    }
    .how-to-order .subtitle {
        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 {
        min-height: auto;
    }
    .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;
    }
    .scope-activity li,
    .our-achievements li .subtitle {
        font-size: 21px;
        font-weight: 500;
    }
    .landing-content .button[type="submit"],
    .first-screen .price-calculator .button {
        width: 100%;
    }
    .first-screen .price-calculator .button {
        padding: 20px;
        font-size: 16px;
    }
    .optional-offer .button {
        display: block;
        text-align: center;
        padding: 16px 15px;
    }
    .content ul,
    .content ol {
        padding-inline-start: 26px;
    }
    .impressum-resume .subtitle {
        margin-bottom: 4px;
    }
    .impressum-resume__section {
        padding: 18px 0;
    }
    .price-section .item img {
        width: 45px;
    }
    .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 10px 4px;
    }
    .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;
    }
    .writers .row-center {
        text-align: center;
    }
    header.active .logo {
        padding: 6px 0;
    }
    footer .container {
        flex-direction: column-reverse;
    }
    footer .right-container {
        text-align: left;
    }
    footer a,
    footer .right-container a {
        margin: 0;
        font-size: 18px;
    }
    footer .menu-contact ul {
        margin: 0;
    }
    footer .copyright {
        margin: 10px 0;
    }
}

.client-feedback  {
    max-width: 800px;
    margin: 0 auto;
}
.client-feedback .feedback-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.client-feedback .feedback-wrapper label {
    width: 50%;
    max-width: calc(50% - 20px);
}
.client-feedback  label > p  {
    margin-bottom: 10px;
    font-weight: 500;
}
.client-feedback  textarea {
    resize: none;
}
.client-feedback input[type=submit] {
    max-width: 200px;
    margin: 20px auto 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #363dd3cf;
    color: white;
    border-radius: 4px;
}
.client-feedback input[type=submit]:hover {
    opacity: 0.7;
}
.client-feedback .screen-reader-response {
    display: none;
}
.client-feedback .wpcf7-response-output  {
    text-align: center;
    margin-top: 15px;
}
@media (max-width: 600px) {
    .client-feedback .feedback-wrapper {
        flex-direction: column;
        margin-bottom: 10px;
    }
    .client-feedback .feedback-wrapper label {
        width: 100%;
        max-width: 100%;
        margin-bottom: 10px;
    }
}