.hero-block .swiper-wrapper .swiper-slide {
height: 100vh;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
align-items: center;
}
@media (max-width: 992px) {
.hero-block .swiper-wrapper .swiper-slide {
height: 60vh;
}
}
.hero-block .swiper-wrapper .swiper-slide .line {
position: absolute;
height: 100vh;
width: 1px;
top: 0;
background-color: rgba(255, 255, 255, 0.2);
}
.hero-block .swiper-wrapper .swiper-slide .line__first {
left: 25%;
}
.hero-block .swiper-wrapper .swiper-slide .line__second {
left: 45%;
}
.hero-block .swiper-wrapper .swiper-slide .line__third {
left: 65%;
}
.hero-block .swiper-wrapper .swiper-slide .line__fourth {
left: 85%;
}
.hero-block .swiper-wrapper .swiper-slide .container {
display: flex;
align-items: center;
width: 100%;
}
.hero-block .swiper-wrapper .swiper-slide__text {
width: 45%;
}
@media (max-width: 992px) {
.hero-block .swiper-wrapper .swiper-slide__text {
padding: 12px;
width: 80%;
}
}
.hero-block .swiper-wrapper * {
color: white;
}
.hero-block .swiper-pagination {
text-align: left;
margin-left: 40px;
margin-bottom: 20px;
bottom: 55px !important;
display: flex;
gap: 16px;
}
.hero-block .swiper-pagination .swiper-pagination-bullet {
width: 80px;
height: 5px;
border-radius: 0;
background-color: white;
}
.hero-block .autoplay-progress {
position: absolute;
right: 16px;
bottom: 70px;
z-index: 10;
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
color: white;
}
.hero-block .autoplay-progress svg {
--progress: 0;
position: absolute;
left: 0;
top: 0px;
z-index: 10;
width: 100%;
height: 100%;
stroke-width: 4px;
stroke: white;
fill: none;
stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
stroke-dasharray: 125.6;
transform: rotate(-90deg);
}
.links__wrapper {
position: relative;
display: flex;
justify-content: space-around;
z-index: 99;
border: solid 1px #eee;
box-shadow: 0px 0px 10px 0px #00000008;
padding: 30px;
top: -30px;
background: white;
}
@media (max-width: 1200px) {
.links__wrapper {
grid-template-columns: repeat(2, 1fr);
gap: 28px;
display: grid;
}
}
@media (max-width: 600px) {
.links__wrapper {
grid-template-columns: repeat(1, 1fr);
gap: 28px;
}
}
.links__wrapper--singular {
color: black;
font-weight: 700;
width: 100%;
text-align: center;
position: relative;
}
.links__wrapper--singular:hover {
color: #fb5642;
}
.links__wrapper--singular::after {
content: "";
height: 30px;
display: block;
position: absolute;
right: 0;
width: 1px;
background: #eee;
top: -4px;
}
@media (max-width: 1200px) {
.links__wrapper--singular::after {
display: none;
}
}
.links__wrapper--singular:last-of-type::after {
display: none;
}
.about {
background: #fffdf6;
margin-top: 60px;
padding-bottom: 80px;
background: linear-gradient(0deg, #fffdf6 15%, rgba(255, 255, 255, 0) 100%);
}
.about .container {
display: flex;
position: relative;
align-items: center;
gap: 35px;
width: 80%;
margin: auto;
}
@media (max-width: 992px) {
.about .container {
display: flex;
gap: 35px;
margin: auto;
flex-direction: column-reverse;
}
}
.about__line {
width: 1px;
position: absolute;
height: 65vh;
top: 0;
background-color: #eee;
display: block;
left: -35px;
}
.about__desc--desc {
margin-top: 10px;
}
.about__video {
width: 40%;
position: relative;
overflow: hidden;
height: 65vh;
flex-shrink: 0;
}
@media (max-width: 992px) {
.about__video {
height: 45vh;
width: 100%;
}
}
.about__video video {
left: 50%;
position: absolute;
top: 50%;
height: 100%;
transform: translate(-50%, -50%);
}
.work {
background: linear-gradient(180deg, #fffdf6 64%, rgba(255, 255, 255, 0) 100%);
}
.work__photo {
height: 80vh;
background-size: cover;
background-position: center;
}
@media (max-width: 992px) {
.work__photo {
height: 37vh;
}
}
.work__photo .container {
display: flex;
align-items: flex-end;
position: relative;
margin-top: auto;
height: 100%;
}
.work__photo .container p {
font-size: 26px;
bottom: 150px;
position: relative;
color: white;
}
@media (max-width: 992px) {
.work__photo .container p {
bottom: 60px;
}
}
.work__photo .container p br {
display: block;
margin-top: 5px;
}
.work__list {
display: grid;
grid-template-columns: repeat(4, 1fr);
border: solid 1px #eee;
margin-top: -60px;
background: white;
}
@media (max-width: 1200px) {
.work__list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 992px) {
.work__list {
grid-template-columns: repeat(1, 1fr);
}
}
.work__list--icon {
width: 30px;
margin-bottom: 10px;
height: auto;
}
.work__list--singular {
padding: 55px;
border-right: 1px solid #eee;
}
@media (max-width: 992px) {
.work__list--singular {
padding: 17px 40px;
}
}
.work__list--singular:nth-of-type(4) {
border-right: none;
}
.work__list--title {
font-size: 16px;
line-height: 13px;
font-weight: 500;
font-family: "Montserrat", sans-serif;
}
.work__list--desc {
font-size: 13px;
}
.work .line {
position: absolute;
height: 100vh;
width: 1px;
top: 0;
background-color: rgba(255, 255, 255, 0.2);
}
.work .line__first {
left: -35px;
}
.work .line__second {
left: 25%;
}
.work .line__third {
right: 16px;
}
.description {
margin: 140px 0;
}
.description .container {
display: flex;
gap: 70px;
align-items: center;
}
@media (max-width: 992px) {
.description .container {
flex-direction: column;
}
}
@media (max-width: 992px) {
.description.photo-right .container {
flex-direction: column-reverse;
}
}
.description__photo {
width: 40%;
flex-shrink: 0;
position: relative;
}
@media (max-width: 992px) {
.description__photo {
width: 80%;
}
}
.description__photo::before {
content: "";
height: 250px;
width: 250px;
background-color: #fb5642;
display: block;
position: absolute;
top: -41px;
right: -25px;
z-index: -1;
opacity: 0.1;
}
.gallery .h3 {
margin-bottom: 30px;
}
.gallery__wrapper {
display: grid;
margin-bottom: 70px !important;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
}
@media (max-width: 992px) {
.gallery__wrapper {
grid-template-columns: repeat(2, 1fr);
}
}
.gallery__thumbnail {
display: block;
}
.gallery__thumbnail.hidden {
display: none;
}
.gallery__thumbnail img {
height: 250px;
object-fit: cover;
object-position: center;
display: block;
width: 100%;
}
@media (max-width: 992px) {
.gallery__thumbnail img {
height: 175px;
}
}
.gallery .button__wrapper {
margin-bottom: 90px;
text-align: center;
}
* {
font-family: "Montserrat", sans-serif;
line-height: 32px;
}
a {
color: #fb5642;
}
h1,
.h1 {
font-optical-sizing: auto;
font-weight: 500;
margin: 0;
font-style: normal;
font-size: 71px;
line-height: 71px;
}
@media (max-width: 1300px) {
h1,
.h1 {
font-size: 55px;
line-height: 50px;
}
}
@media (max-width: 992px) {
h1,
.h1 {
font-size: 40px;
line-height: 41px;
}
}
h2,
.h2 {
font-optical-sizing: auto;
font-weight: 500;
margin: 0;
font-style: normal;
font-size: 51px;
line-height: 51px;
}
@media (max-width: 1300px) {
h2,
.h2 {
font-size: 43px;
line-height: 50px;
}
}
@media (max-width: 992px) {
h2,
.h2 {
font-size: 32px;
line-height: 40px;
}
}
h3,
.h3 {
font-optical-sizing: auto;
font-weight: 400;
margin: 0;
font-style: normal;
font-size: 27px;
line-height: 35px;
}
@media (max-width: 1300px) {
h3,
.h3 {
font-size: 24px;
line-height: 32px;
}
}
@media (max-width: 992px) {
h3,
.h3 {
font-size: 20px;
line-height: 34px;
}
}
.small-info {
font-size: 12px;
text-transform: uppercase;
color: black;
letter-spacing: 3px;
}
.checkbox {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.checkbox * {
font-size: 14px;
line-height: 21px;
}
.checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkbox:hover input ~ .checkmark {
background-color: #ccc;
}
.checkbox input:checked ~ .checkmark {
background-color: #fb5642;
}
.checkbox .checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
}
.checkbox .checkmark:after {
content: "";
position: absolute;
display: none;
}
.checkbox input:checked ~ .checkmark:after {
display: block;
}
.checkbox .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.checkbox.active .checkmark {
background-color: #fb5642;
}
.checkbox.active .checkmark:after {
display: block;
}
.swiper-button-prev::after,
.swiper-button-next::after {
color: black;
font-size: 20px !important;
}
.swiper-button-prev,
.swiper-button-next {
background: white;
padding: 6px;
}
.button {
text-align: center;
margin: auto;
padding: 12px 25px;
background: #fb5642;
color: white;
font-weight: 600;
text-decoration: none;
border: none;
}
.button:hover {
cursor: pointer;
opacity: 0.7;
}
.site-header {
position: fixed;
z-index: 999;
width: 100%;
background: white;
top: 0;
}
.site-header .main-navigation__menu--wrapper {
margin-left: auto;
transition-duration: 0.4s;
}
@media (max-width: 992px) {
.site-header .main-navigation__menu--wrapper {
display: flex;
position: fixed;
bottom: 0;
right: 0;
flex-direction: column;
width: auto;
margin: 0;
left: 100%;
height: 100vh;
background-color: white;
top: 0;
}
.site-header .main-navigation__menu--wrapper.active {
left: 40%;
}
}
@media (max-width: 992px) and (max-width: 576px) {
.site-header .main-navigation__menu--wrapper.active {
left: 25%;
}
}
@media (max-width: 992px) {
.site-header .main-navigation__menu--wrapper .main-navigation__menu {
flex-direction: column;
padding: 30px;
gap: 20px;
margin-top: 48px;
}
}
.site-header .lang-switcher {
padding: 0;
display: flex;
gap: 0px;
}
.site-header .lang-switcher li {
list-style-type: none;
}
.site-header .lang-switcher li a {
padding: 10px;
background: white;
font-weight: 700;
text-decoration: none;
}
.site-header .lang-switcher li a.active {
background-color: #fb5642;
color: white;
}
.main-navigation {
display: flex;
max-width: 1240px;
padding: 13px 0px;
margin: auto;
align-items: center;
justify-content: space-between;
}
@media (max-width: 992px) {
.main-navigation {
padding: 13px 20px;
}
}
.main-navigation__menu {
padding: 0;
position: relative;
display: flex;
}
.main-navigation__menu .cat-thumb-img {
position: absolute;
right: 0;
top: 0;
width: 50%;
z-index: 0;
bottom: 0;
height: 100%;
object-fit: cover;
}
.main-navigation__menu li {
list-style-type: none;
font-weight: 500;
padding: 0 30px;
border-right: solid 1px #eee;
}
@media (max-width: 992px) {
.main-navigation__menu li {
border-right: none;
padding: 0;
}
}
.main-navigation__menu li.menu-item-has-children {
display: block;
align-items: center;
gap: 17px;
}
.main-navigation__menu li.menu-item-has-children > a::after {
content: "";
background-image: url(https://tymekzaune.de/wp-content/themes/jrp/assets/chevron-down.svg);
height: 17px;
width: 17px;
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
position: relative;
top: 3px;
margin-left: 12px;
}
@media (max-width: 992px) {
.main-navigation__menu li.menu-item-has-children > a::after {
position: absolute;
top: 7px;
}
}
.main-navigation__menu li a {
color: black;
}
@media (max-width: 992px) {
.main-navigation__menu li.toggler {
position: relative;
}
}
.main-navigation__menu li.toggler.active .sub-menu {
display: block;
opacity: 1;
visibility: visible;
transform: translateY(-10px);
z-index: 100;
}
@media (max-width: 992px) {
.main-navigation__menu li.toggler.active .sub-menu {
transform: none;
}
}
.main-navigation__menu li.toggler.active::after {
right: 0;
}
.main-navigation__menu li .sub-menu {
position: absolute;
opacity: 0;
transition: 0.4s all ease;
z-index: -100;
left: -200px;
visibility: hidden;
padding-left: 0;
background-color: white;
border-right: solid 1px #eee;
right: 0;
margin-top: 55px;
}
@media (max-width: 992px) {
.main-navigation__menu li .sub-menu {
left: 0px;
position: relative;
border-right: none;
display: none;
margin-top: 25px;
}
}
.main-navigation__menu li .sub-menu::before {
content: "";
width: 0;
height: 0;
border-left: 19px solid transparent;
border-right: 18px solid transparent;
border-top: 17px solid white;
position: absolute;
top: -13px;
rotate: 180deg;
right: 30%;
}
@media (max-width: 992px) {
.main-navigation__menu li .sub-menu::before {
display: none;
}
}
.main-navigation__menu li .sub-menu li {
padding: 20px;
z-index: 10;
position: relative;
background: white;
border-bottom: solid 1px #eee;
width: 46.1%;
}
@media (max-width: 992px) {
.main-navigation__menu li .sub-menu li {
width: 85%;
margin-bottom: 15px;
border-bottom: none;
padding: 0 30px;
}
}
.main-navigation__menu li a {
text-decoration: none;
}
@media (max-width: 992px) {
.main-navigation__menu li .cat-thumb-img {
display: none;
}
}
.main-navigation__logo {
display: block;
width: 200px;
line-height: 0;
}
@media (max-width: 992px) {
.main-navigation__logo {
width: 130px;
}
}
.main-navigation__logo img {
width: 100%;
}
.hamburger {
cursor: pointer;
width: 32px;
z-index: 999;
height: 19px;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-left: auto;
margin-right: 10px;
}
@media (min-width: 993px) {
.hamburger {
display: none;
}
}
.bar1,
.bar2 {
width: 100%;
height: 3px;
background-color: black;
transition: transform 0.3s ease, opacity 0.3s ease;
}
.change .bar1 {
transform: rotate(-45deg) translate(-5px, 6px);
}
.change .bar2 {
transform: rotate(45deg) translate(-5px, -6px);
}
.hamburger.change .bar1,
.hamburger.change .bar2 {
background-color: black;
}
.site-footer__lower {
margin-top: 100px;
padding-bottom: 60px;
padding-top: 80px;
border-bottom: solid 1px #eee;
background: #fffdf6;
}
@media (max-width: 992px) {
.site-footer__lower {
margin-top: 30px;
padding-bottom: 60px;
padding-top: 50px;
}
}
.site-footer__lower .container {
display: flex;
justify-content: space-between;
z-index: 100;
position: relative;
}
@media (max-width: 992px) {
.site-footer__lower .container {
flex-direction: column;
gap: 27px;
}
}
.site-footer__lower .container * {
color: #606060;
font-size: 14px;
margin: 0;
}
.site-footer__lower .footer-navigation__menu {
column-count: 2;
column-gap: 170px;
padding: 0;
}
@media (max-width: 992px) {
.site-footer__lower .footer-navigation__menu {
column-gap: 35px;
}
}
.site-footer__lower .footer-navigation__menu .sub-menu {
padding: 0;
}
.site-footer__lower .footer-navigation__menu li {
list-style-type: none;
}
.site-footer__form {
margin-left: auto;
display: block;
width: 50%;
top: 120px;
padding: 50px;
background: white;
margin-right: 40px;
position: relative;
border: solid 1px #eee;
}
@media (max-width: 992px) {
.site-footer__form {
width: auto;
margin-right: 0;
top: 0px;
}
}
.site-footer__wrapper {
background-size: 50%;
background-repeat: no-repeat;
}
@media (max-width: 992px) {
.site-footer__wrapper {
background-image: none !important;
}
}
.site-footer__info {
background: #fffdf6;
}
.site-footer__info .container {
display: flex;
justify-content: space-between;
padding: 12px 0;
}
@media (max-width: 992px) {
.site-footer__info .container {
padding: 16px;
flex-wrap: wrap;
flex-direction: column-reverse;
}
}
.site-footer__info * {
color: black;
font-size: 13px;
}
.site-footer__info--column {
display: flex;
gap: 10px;
}
.archive .page-header,
.blog .page-header {
display: flex;
align-items: center;
gap: 100px;
margin: 0 20px 20px;
border-bottom: solid 1px #eee;
padding-bottom: 20px;
}
@media (max-width: 992px) {
.archive .page-header,
.blog .page-header {
flex-direction: column;
gap: 15px;
margin: 0 0 20px;
align-items: flex-start;
}
}
.archive .page-header__categories ul,
.blog .page-header__categories ul {
display: flex;
gap: 15px;
flex-wrap: wrap;
padding: 0;
}
.archive .page-header__categories ul li,
.blog .page-header__categories ul li {
list-style-type: none;
background: black;
color: white;
padding: 5px 15px;
}
.archive .page-header__categories ul li.active,
.blog .page-header__categories ul li.active {
background: white;
border: solid 2px #fb5642;
font-weight: bold;
}
.archive .page-header__categories ul li.active a,
.blog .page-header__categories ul li.active a {
color: black;
}
.archive .page-header__categories ul li a,
.blog .page-header__categories ul li a {
color: white;
text-decoration: none;
}
.archive .page-header__title,
.blog .page-header__title {
color: black;
width: 40%;
}
@media (max-width: 992px) {
.archive .page-header__title,
.blog .page-header__title {
width: 100%;
}
}
.archive .page-header__title .archive__title,
.blog .page-header__title .archive__title {
font-size: 30px;
line-height: 35px;
}
.archive .site-main,
.blog .site-main {
padding-top: 150px;
background: linear-gradient(180deg, #fffdf6 64%, rgba(255, 255, 255, 0) 100%);
margin-bottom: 100px;
}
.archive .posts__wrapper,
.blog .posts__wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0px;
}
@media (max-width: 992px) {
.archive .posts__wrapper,
.blog .posts__wrapper {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 400px) {
.archive .posts__wrapper,
.blog .posts__wrapper {
grid-template-columns: repeat(1, 1fr);
}
}
.archive .posts__wrapper--single,
.blog .posts__wrapper--single {
padding: 20px;
position: relative;
}
@media (max-width: 992px) {
.archive .posts__wrapper--single,
.blog .posts__wrapper--single {
border-right: none;
}
}
.archive .posts__wrapper--single a,
.blog .posts__wrapper--single a {
text-decoration: none;
}
.archive .posts__wrapper--single:nth-of-type(4),
.blog .posts__wrapper--single:nth-of-type(4) {
border-right: none;
}
.archive .posts__wrapper--single.arten_von_realisierungen-bestseller::before,
.blog .posts__wrapper--single.arten_von_realisierungen-bestseller::before {
content: "Bestseller!";
color: white;
text-transform: uppercase;
font-weight: 700;
position: absolute;
left: 20px;
top: 20px;
display: block;
background-color: black;
padding: 2px 15px;
font-size: 10px;
}
.archive .posts__wrapper--single.arten_von_realisierungen-promo::after,
.blog .posts__wrapper--single.arten_von_realisierungen-promo::after {
content: "-% PROMO!";
color: white;
text-transform: uppercase;
font-weight: 700;
position: absolute;
top: 20px;
right: 20px;
display: block;
background-color: #fb5642;
padding: 2px 15px;
font-size: 10px;
}
.archive .posts__wrapper--single img,
.blog .posts__wrapper--single img {
object-fit: cover;
width: 100%;
object-position: center;
height: 250px;
}
@media (max-width: 992px) {
.archive .posts__wrapper--single img,
.blog .posts__wrapper--single img {
height: 175px;
}
}
.archive .posts__wrapper--single .entry-title,
.blog .posts__wrapper--single .entry-title {
font-size: 18px;
font-weight: 600;
line-height: 30px;
}
.archive .posts__wrapper--button,
.blog .posts__wrapper--button {
color: black;
font-weight: 700;
margin: 0;
}
.archive .posts__wrapper--button a,
.blog .posts__wrapper--button a {
color: black;
font-size: 13px;
}
.archive .posts__wrapper .fancybox-gallery a,
.blog .posts__wrapper .fancybox-gallery a {
display: none;
}
.archive .posts__wrapper .fancybox-gallery a:first-of-type,
.blog .posts__wrapper .fancybox-gallery a:first-of-type {
display: block;
}
.no-results {
margin-top: 50px;
grid-column: span 4;
}
.single .site-main {
background: linear-gradient(180deg, #fffdf6 64%, rgba(255, 255, 255, 0) 100%);
padding-top: 150px;
}
@media (max-width: 992px) {
.single .site-main {
padding-top: 55px;
}
}
.single .site-main .singleSwiper2 img {
width: 100%;
height: 60vh;
object-fit: cover;
object-position: center;
}
@media (max-width: 576px) {
.single .site-main .singleSwiper2 img {
height: 35vh;
}
}
.single .site-main .singleSwiper img {
height: 130px;
width: 100%;
object-fit: cover;
object-position: center;
}
@media (max-width: 576px) {
.single .site-main .singleSwiper img {
height: 55px;
}
}
.single .site-main .singleSwiper.swiper-thumbs {
margin-bottom: 80px;
}
.single .site-main .singleSwiper.swiper-thumbs .swiper-slide {
line-height: 0;
}
.single .site-main .singleSwiper.swiper-thumbs .swiper-slide img {
border: solid 4px white;
}
.single .site-main .singleSwiper.swiper-thumbs .swiper-slide-thumb-active img {
border: solid 4px #fb5642;
}
.single__content {
width: 60%;
margin: auto;
text-align: justify;
}
@media (max-width: 992px) {
.single__content {
width: 80%;
}
}
.single__content--title {
text-align: left;
font-size: 30px;
font-weight: 700;
}
@media (max-width: 992px) {
.single__content--title {
font-size: 20px;
}
}
.accordion {
transition: all 0.4s ease;
height: 45px;
position: relative;
overflow: hidden;
margin-bottom: 40px;
border-bottom: solid 1px #eee;
}
.accordion:hover {
cursor: pointer;
}
.accordion.active {
height: auto;
transition: all 0.4s ease;
}
.accordion.active::after {
content: "-";
}
.accordion::after {
content: "+";
font-size: 25px;
display: block;
position: absolute;
right: 0;
top: 0;
}
.cta {
background-color: #fb5642;
margin-top: 60px;
}
.cta .container {
width: 60%;
padding: 30px 0;
align-items: center;
justify-content: space-between;
}
@media (max-width: 992px) {
.cta .container {
width: 90%;
padding: 40px 0;
align-items: center;
justify-content: space-between;
flex-direction: column;
gap: 30px;
align-items: flex-start;
}
}
.cta__content h2 {
font-size: 35px;
font-weight: bold;
}
.cta__content p {
margin: 0;
}
.cta__button .button {
padding: 15px 25px;
background: white;
color: black;
text-decoration: none;
font-weight: bold;
}
.cta * {
color: white;
}
.cta .container {
display: flex;
}
input,
textarea {
border: none;
padding: 15px;
border-bottom: solid 1px #b9b9b9;
border-radius: 0;
margin-bottom: 10px;
display: block;
width: 100%;
box-sizing: border-box;
outline: none;
margin-bottom: 15px;
font-size: 14px;
color: black;
}
input::placeholder,
textarea::placeholder {
font-size: 14px;
}
.wpcf7-spinner {
display: none !important;
}
.wpcf7-submit {
padding: 4px;
background: #fb5642;
color: white;
font-weight: 600;
border: none;
}
textarea {
height: 120px;
}
.page-template-page-kontakt .site-main {
padding-top: 150px;
background: linear-gradient(180deg, #fffdf6 64%, rgba(255, 255, 255, 0) 100%);
}
.page-template-page-kontakt .site-main__header {
width: 55%;
margin-bottom: 50px;
border-bottom: solid 1px #eee;
padding-bottom: 20px;
}
@media (max-width: 992px) {
.page-template-page-kontakt .site-main__header {
width: 85%;
margin-bottom: 10px;
}
}
.page-template-page-kontakt .site-main__content {
width: 40%;
flex-shrink: 0;
}
@media (max-width: 992px) {
.page-template-page-kontakt .site-main__content {
width: 85%;
}
}
.page-template-page-kontakt .site-main__wrapper {
display: flex;
}
@media (max-width: 992px) {
.page-template-page-kontakt .site-main__wrapper {
flex-direction: column;
}
}
body {
margin: 0;
}
img {
max-width: 100%;
}
.container {
max-width: 1240px;
padding: 0 16px;
margin: auto;
}
.error-404 {
margin-top: 17%;
margin-bottom: 8%;
text-align: center;
}
.page-template-default:not(.home) .site-main {
margin: auto;
margin-top: 120px;
max-width: 1200px;
}
.posts-navigation {
text-align: center;
}
.posts-navigation .nav-links {
display: flex;
justify-content: center;
gap: 20px;
}
div,
section {
scroll-margin-top: 100px;
}