/*
  Theme Name:   atweb
  Theme URI:    https://atweb.ch
  Description:  ATWEB
  Author:       Alex Tupalov
  Author URI:   https://atweb.ch
  Version:      9.9.9
*/

@font-face {
  font-family: "Outfit";
  src: url("/wp-content/themes/atweb/asset/font/Outfit-Light.eot");
  src: url("/wp-content/themes/atweb/asset/font/Outfit-Light.eot?#iefix")
      format("embedded-opentype"),
    url("/wp-content/themes/atweb/asset/font/Outfit-Light.woff2")
      format("woff2"),
    url("/wp-content/themes/atweb/asset/font/Outfit-Light.woff") format("woff"),
    url("/wp-content/themes/atweb/asset/font/Outfit-Light.ttf")
      format("truetype"),
    url("/wp-content/themes/atweb/asset/font/Outfit-Light.svg#Outfit-Light")
      format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Outfit";
  src: url("/wp-content/themes/atweb/asset/font/Outfit-Medium.eot");
  src: url("/wp-content/themes/atweb/asset/font/Outfit-Medium.eot?#iefix")
      format("embedded-opentype"),
    url("/wp-content/themes/atweb/asset/font/Outfit-Medium.woff2")
      format("woff2"),
    url("/wp-content/themes/atweb/asset/font/Outfit-Medium.woff") format("woff"),
    url("/wp-content/themes/atweb/asset/font/Outfit-Medium.ttf")
      format("truetype"),
    url("/wp-content/themes/atweb/asset/font/Outfit-Medium.svg#Outfit-Medium")
      format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --accent: #22598f;
  --accent2: #5dc3f0;
  --contrast: #84725d;
  --grey-light: #ecf0f6;
  --white: #ffffff;
  --color-10: #575656;
  --page-width: clamp(81%, 92vw, calc(100% - 20px));
  --page-width: 1320px;
  --page-wide: 1500px;
  --header-clamp: 1rem, -0.711rem + 9.123vw, 7.5rem;
  --scrollbar-width: 20px;
  --logo-start: 255px;
  --logo-end: 100px;
  --pad-start: 33px;
  --pad-end: 8px;
  --mar-start: 28px;
  --mar-end: 0px;
  --t: 0;
}

*,
::after,
::before {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

body,
blockquote,
dd,
dl,
dt,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
iframe,
legend,
li,
ol,
p,
pre,
textarea,
ul {
  margin: 0;
  padding: 0;
  border: 0;
}

body,
button,
input,
select,
textarea {
  font-family: "Outfit";
  font-size: 17px;
  font-size: clamp(18px, 3.3vw, 24px);
  line-height: 1.5;
  background-color: var(--white);
  color: var(--contrast);
  font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Outfit";
  margin-bottom: 15px;
  font-weight: 300;
  line-height: 1.3;
}
h1 {
  font-size: 320%;
}
h2 {
  font-size: 140%;
}

button {
  border: none;
}
b,
strong {
  font-family: "Outfit";
  font-weight: 500;
}
img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
body .wp-block-image .components-resizable-box__container {
  display: table;
  width: 100% !important;
  max-width: none !important;
}
ins {
  text-decoration: none;
}
a {
  text-decoration: none;
  color: var(--color-2);
}
body > main {
  max-width: var(--page-width);
  margin: 150px auto 0;
  padding: 0 10px;
}

.page-id-180 main.default-width.atweb-con {
  margin-top: 0;
}

p {
  margin-bottom: 25px;
}
.font-fam-400 {
  font-family: Outfit;
  font-weight: 300;
}
.btn a,
#gform_submit_button_1 {
  border: 1px solid var(--contrast);
  background-color: white;
  color: var(--accent);
  border-radius: 100px;
  width: auto;
  padding: 20px 39px;
  transition: all 0.7s ease;
  cursor: pointer;
  font-family: Outfit;
  font-weight: 300;
  font-size: 83%;
  text-transform: uppercase;
  line-height: 1.5;
  display: inline-block;
  letter-spacing: 0.06em;
}
.btn a:hover,
#gform_submit_button_1:hover {
  background-color: var(--contrast);
  color: white;
}

.hide {
  display: none !important;
}
.is-root-container p,
main p {
  margin-bottom: 20px;
}
.is-root-container ul,
main ul {
  margin-left: 15px !important;
  margin-bottom: 20px;
}
.tc {
  text-align: center;
}
.tup {
  text-transform: uppercase;
}
.ani {
  transition: all 0.666s ease;
}
.mtb-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.mtb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}
.m0 {
  margin: 0;
}
.mt50 {
  margin-top: 50px;
}
.mt100 {
  margin-top: 100px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb100 {
  margin-bottom: 100px;
}
.mt20 {
  margin-top: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.pt50 {
  padding-top: 50px;
}

.pb50 {
  padding-bottom: 50px;
}
.ptb-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.pb100 {
  padding-bottom: 100px;
}

.fs80 {
  font-size: 80%;
}
.fs90 {
  font-size: 90%;
}
.fs150 {
  font-size: 150%;
}
.fs200 {
  font-size: 200%;
}
.fs250 {
  font-size: 250%;
}
.fs300 {
  font-size: 300%;
}
.fs350 {
  font-size: 350%;
}
.fs450 {
  font-size: 550%;
}
.fs450 strong {
  font-weight: normal;
}
body .is-root-container > *:not(.alignfull),
.page-width {
  max-width: var(--page-width);
  width: 100%;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
}

.alignfull .page-wide {
  margin-left: auto;
  margin-right: auto;
}

.alignfull.wp-block-cover,
.alignfull {
  width: calc(100vw - var(--scrollbar-width));
  margin-left: calc(-50vw + 50% + (var(--scrollbar-width) / 2));
  margin-right: calc(-50vw + 50% + (var(--scrollbar-width) / 2));
  max-width: calc(100vw - var(--scrollbar-width));
}
.is-root-container .alignfull {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}
.flex {
  display: flex;
}
.flex-row {
  flex-direction: row;
}
.col-inv {
  flex-direction: row-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-space {
  justify-content: space-between;
}
.flex-center {
  align-items: center;
}
.flex-start {
  justify-content: flex-start;
}
.flex-jus-center {
  justify-content: center;
}
.flex-end {
  justify-content: flex-end;
}
.flex-end-item {
  align-items: flex-end;
}
.flex-gap {
  gap: 10px;
}
.flex-gap-5 {
  gap: 50px;
}
.li-no {
  list-style: none;
}
ul.wp-block-post-template,
ul.wp-block-post-template li {
  list-style: none;
}
ul.wp-block-post-template time {
  padding-top: 15px;
  display: block;
}

.header-wrap {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  box-shadow: 0px -5px 23px #111;
  width: 100%;
  background-color: white;
}

.header {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.logged-in.admin-bar .header {
  top: 32px;
}

.wp-block-site-logo {
  width: 160px;
  margin: 15px 0;
}

.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
  display: none;
}

.wc-block-mini-cart.wp-block-woocommerce-mini-cart {
  display: flex;
}

.menu-main-menu-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

ul#menu-main-menu {
  list-style: none;
  display: flex;
  flex-direction: row;
}
ul#menu-main-menu li {
  padding: 6px 26px;
  margin: 0;
  position: relative;
}

ul#menu-main-menu li a {
  margin: 0;
  padding: 0;
  font-weight: 500;
}

ul#menu-main-menu li a:hover,
ul#menu-main-menu li.current-menu-item a {
  color: black;
}

.footer {
  padding: 70px 0 20px;
}

.wp-block-social-link-label.screen-reader-text,
.gform_required_legend {
  display: none;
}
.gform_wrapper.gravity-theme .gfield textarea,
.gform_wrapper.gravity-theme .gfield input {
  border: none !important;
  border-bottom: 1px solid var(--color-2) !important;
  padding: 8px 2px;
  font-family: Outfit;
}
input::placeholder,
textarea::placeholder {
  color: var(--color-2);
  opacity: 1;
}
input:focus::placeholder,
textarea:focus::placeholder {
  color: var(--color-2);
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: var(--color-2);
  opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: var(--color-2);
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: var(--color-2);
}

.ind {
  text-indent: 50px;
}
.hyp {
  hyphens: auto;
}

#toTopBtn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 45px;
  height: 45px;
  border: 1px solid #333;
  border-radius: 50%;
  background-color: white;
  color: #333;
  font-size: 22px;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
  z-index: 999;
}

#toTopBtn.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

#toTopBtn:hover {
  background-color: #f0f0f0;
  transform: translateY(-3px);
}

.gb-loop-item.post-99,
.gb-loop-item.post-100,
.gb-loop-item.post-101 {
  background: #d7cdbe;
  margin-top: 40px;
}

.gb-loop-item.post-99 h2,
.gb-loop-item.post-100 h2,
.gb-loop-item.post-101 h2 {
  font-size: 240%;
  text-align: center;
  width: 65%;
  color: black;
  padding: 80px 0 0;
  font-weight: 500;
  margin: 0 auto;
  line-height: 1.1;
}

.gb-loop-item .gb-text {
  text-align: center;
}

.gb-loop-item .woocommerce-Price-amount.amount {
  font-size: 240%;
  text-align: center;
  color: black;
  padding: 5px 0 0;
  font-weight: 500;
  display: block;
}

.list-pros {
  padding: 0 10px;
  list-style: none;
  width: 69%;
  margin: 0 auto !important;
  display: block;
  color: black;
}

.list-pros > li {
  margin-bottom: 30px;
  padding-left: 60px;
  margin-left: 40px;
  margin-top: 35px;
  font-size: 125%;
}

.list-pros > li::before {
  content: "✓";
  width: 1.6em;
  height: 1.6em;
  display: inline-block;
  background: #73614e;
  border-radius: 80px;
  color: white;
  font-size: 1.3em;
  line-height: 1.7em;
  text-align: center;
  margin-left: -97px;
  margin-right: 0;
  margin-top: -4px;
  position: absolute;
}

.woocommerce div.product form.cart .button,
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
#gform_submit_button_2,
#gform_wrapper_2 .gform_previous_button,
#gform_wrapper_2 .gform_next_button,
#codes-button,
.wc-block-components-checkout-place-order-button__text,
.bestell-btn {
  background-color: #65395d;
  color: white;
  font-size: 180%;
  border-radius: 60px;
  text-align: center;
  padding: 10px 30px;
  margin: 10px auto 10px;
  display: inline-flex;
  font-weight: 500;
  border: 1px solid #65395d;
  cursor: pointer;
  transition: all 0.6s ease;
}

.quantity {
  display: none;
}

.woocommerce div.product .product_title {
  font-size: 150%;
}

#main .product .list-pros {
  width: 100%;
}

.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
  font-size: 100%;
}
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
  font-size: 150%;
}

#gform_submit_button_2,
#gform_wrapper_2 .gform_previous_button,
#gform_wrapper_2 .gform_next_button {
  margin: 30px 0 0;
}

#gform_wrapper_2 .gform_previous_button {
  color: #65395d;
  background-color: white;
  font-weight: 300;
}
#gform_wrapper_2 .gform_previous_button:hover {
  color: white;
  background-color: #65395d;
}

.woocommerce div.product form.cart .button:hover,
#gform_submit_button_2:hover,
#gform_wrapper_2 .gform_next_button:hover,
#codes-button:hover,
.wc-block-components-checkout-place-order-button__text:hover,
.bestell-btn:hover {
  background-color: white;
  color: #65395d;
}

.wc-block-components-checkout-place-order-button__text {
  font-size: 110%;
}

.gb-loop-item.post-100 {
  background: #73614e;
}

.gb-loop-item.post-101 .woocommerce-Price-amount.amount,
.gb-loop-item.post-101 .list-pros > li,
.gb-loop-item.post-101 h2,
.gb-loop-item.post-100 .woocommerce-Price-amount.amount,
.gb-loop-item.post-100 .list-pros > li,
.gb-loop-item.post-100 h2 {
  color: white;
}

.gb-loop-item.post-100 .list-pros > li::before {
  background: #d7cdbe;
  color: #73614e;
}

.gb-loop-item.post-101 .list-pros > li::before {
  background: #d7cdbe;
  color: #65395d;
}

.gb-loop-item.post-101 {
  background: #65395d;
}

.gb-loop-item.post-101 .bestell-btn {
  border: 1px solid white;
}

.gb-accordion__item {
  border: none;
  padding: 0;
}

.menu-btn {
  position: relative;
  width: 46px;
  height: 30px;
  margin-right: 10px;
  background: transparent;
  cursor: pointer;
  display: none;
}

.menu-btn div::before,
.menu-btn div::after {
  content: "";
  height: 2px;
  width: 20px;
  background-color: #88715a;
  font-size: 35px;
  position: absolute;
  top: 8px;
  left: 5px;
  transition: all 0.7s ease;
}

.menu-btn div::after {
  top: 20px;
}

.menu-btn div.btn-22::before {
  right: 5px;
  left: auto;
}
.menu-btn div.btn-22::after {
  right: 5px;
  left: auto;
}

.act-menu div.btn-11::before {
  transform: rotate(45deg);
  transform-origin: top left;
  left: 10px;
}

.act-menu div.btn-22::before {
  transform: rotate(-45deg);
  transform-origin: top right;
  right: 10px;
}

.act-menu div.btn-11::after {
  transform: rotate(-45deg);
  transform-origin: bottom left;
  left: 10px;
}

.act-menu div.btn-22::after {
  transform: rotate(45deg);
  transform-origin: bottom right;
  right: 10px;
}

.act-menu .menu-btn div::after {
  top: 24px;
}

.act-menu .menu-btn {
  background-color: transparent;
}

.act-menu div::before,
.act-menu div::after {
  background-color: #88715a;
}

.act-menu .menu-btn div::after {
  top: 34px;
}

.woocommerce-bacs-bank-details {
  display: none;
}

#gform_wrapper_2 .gfield_radio,
#gform_wrapper_2 .gfield_checkbox {
  flex-direction: row !important;
  flex-wrap: wrap;
}

#gform_wrapper_2 .gfield_description {
  text-align: left;
}

#gform_wrapper_2 h2,
#gform_wrapper_2 textarea,
#gform_wrapper_2 select,
#gform_wrapper_2 input,
#gform_wrapper_2 .gfield_label.gform-field-label {
  text-align: left;
  font-size: clamp(18px, 3.3vw, 24px);
}

#gform_wrapper_2 h2 {
  font-weight: 500;
  font-size: 140%;
}


body a:where(:not(.wp-element-button)) {
    text-decoration: none;
}


@media (min-width: 769px) {
}

@media (max-width: 1280px) {
}

@media (max-width: 999px) {
}
@media (max-width: 768px) {
  body ul#menu-main-menu {
    display: none;
  }
  .menu-btn {
    display: block;
  }
  .header-wrap {
    padding: 0 14px;
  }
  .act-menu #menu-main-menu {
    display: block;
    position: absolute;
    top: 115px;
    background: white;
    border: 1px solid var(--contrast);
    width: 145px;
  }
  .gb-loop-item.post-99 h2,
  .gb-loop-item.post-100 h2,
  .gb-loop-item.post-101 h2 {
    font-size: 240%;
    width: 100%;
  }
  .list-pros {
    width: 89%;
  }
  .list-pros > li::before {
    margin-left: -71px;
  }
  .list-pros > li {
    padding-left: 40px;
    margin-left: 20px;
  }
}


@media (max-width: 568px) {
    .gb-loop-item.post-99 h2, .gb-loop-item.post-100 h2, .gb-loop-item.post-101 h2 {
        font-size: 170%;
    }
  h1 {
      font-size: 250%;
  }
    
}