/*
  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: 'NunitoSans';
  src: url('/wp-content/themes/atweb/asset/font/nunito-sans-12pt-extra-light-font.woff2') format('woff2'),
       url('/wp-content/themes/atweb/asset/font/nunito-sans-12pt-extra-light-font.woff') format('woff'),
       url('/wp-content/themes/atweb/asset/font/nunito-sans-12pt-extra-light-font.eot') format('embedded-opentype'),
       url('/wp-content/themes/atweb/asset/font/nunito-sans-12pt-extra-light-font.svg') format('svg'),
       url('/wp-content/themes/atweb/asset/font/nunito-sans-12pt-extra-light-font.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
    --accent: #22598f;
    --accent2: #5dc3f0;
    --contrast: #000807;
    --grey-light: #ecf0f6;
    --white: #ffffff;
    --color-1: #cdb585;
    --color-2: #443c2e;
    --color-3: #355a5a;
    --color-4: #2e3f1d;
    --color-6: #3b2855;
    --color-7: #bad9d6;    
    --color-8: #c2daaa;    
    --color-9: rgb(167, 150, 200);    
    --color-10: #575656;    
    --page-width: 1320px;
    --page-width: clamp(81%, 92vw , calc(100% - 20px));
    --page-wide: 1500px;
    --header-clamp: 1rem, -0.711rem + 9.123vw, 7.5rem;
    --scrollbar-width:20px;
    --logo-start: 350px;
      --logo-end: 180px;
    --pad-start: 33px;
    --pad-end: 8px;
    --mar-start: 28px;
    --mar-end: 0px;
    --t: 0;    
}

.blaze-slider{--slides-to-show:1;--slide-gap:20px;direction:ltr}.blaze-container{position:relative}.blaze-track-container{overflow:hidden}.blaze-track{will-change:transform;touch-action:pan-y;display:flex;gap:var(--slide-gap);--slide-width:calc(
    (100% - (var(--slides-to-show) - 1) * var(--slide-gap)) /
      var(--slides-to-show)
  );box-sizing:border-box}.blaze-track>*{box-sizing:border-box;width:var(--slide-width);flex-shrink:0}


.blaze-pagination > button {
  width: 70px;
  height: 70px;
  font-size: 0;
  background-size: 90%;
  background-position: center;
  padding: 16px;
  margin-right: 11px;
  border: 2px solid #ccc;
  background-repeat: no-repeat;
  border-radius: 13px;
}
.blaze-pagination > button.active {
  border-color: var(--accent);

}



.at-slider-block .blaze-media {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 24px;
}

.blaze-next,
.blaze-prev {
  background: var(--color-2); 
  background-repeat: no-repeat;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath fill='%23fff' d='M11.67 3.87 9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z'/%3E%3C/svg%3E");
  background-position:100% 50%;
  background-size: 75%;
  font-size: 0;
  height: 33px;
  width: 33px;
  z-index: 100;
  padding:4px;
  position: absolute;
  left: -25px;
  top: calc(50% - 16px);
  border:none;
  cursor:pointer;
  outline:0;
  opacity: 0.5;
  border-radius: 9px;
}

.blaze-next{
  transform: rotate(180deg);
  left: auto;
  right: -40px;
}

.blaze-next:hover,
.blaze-prev:hover {
  opacity: 1;
}



.blaze-slider.end .blaze-next,
.blaze-slider.start .blaze-prev {
  opacity:.1
}

.blaze-slider.at-slider-block {
/*    height: 40vw;
    overflow: hidden;  */  
    margin-bottom: 50px;
}


@keyframes pulsate{0%,to{opacity:1}50%{opacity:.2}}#spotlight{position:fixed;top:-1px;bottom:-1px;width:100%;z-index:99999;color:#fff;background-color:#000;opacity:0;overflow:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .2s ease-out;font-family:Arial,sans-serif;font-size:16px;font-weight:400;contain:strict;touch-action:none;pointer-events:none}#spotlight.show{opacity:1;transition:none;pointer-events:auto}#spotlight.white{color:#212529;background-color:#fff}#spotlight.white .spl-next,#spotlight.white .spl-page~*,#spotlight.white .spl-prev,#spotlight.white .spl-spinner{filter:invert(1)}#spotlight.white .spl-progress{background-color:rgba(0,0,0,.35)}#spotlight.white .spl-footer,#spotlight.white .spl-header{background-color:rgba(255,255,255,.65)}#spotlight.white .spl-button{background:#212529;color:#fff}.spl-footer,.spl-header{background-color:rgba(0,0,0,.45)}#spotlight .contain,#spotlight .cover{object-fit:cover;height:100%;width:100%}#spotlight .contain{object-fit:contain}#spotlight .autofit{object-fit:none;width:auto;height:auto;max-height:none;max-width:none;transition:none}.spl-scene,.spl-spinner,.spl-track{width:100%;height:100%;position:absolute}.spl-track{contain:strict}.spl-spinner{background-position:center;background-repeat:no-repeat;background-size:42px;opacity:0}.spl-spinner.spin{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiNmZmYiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2Utb3BhY2l0eT0iLjY1Ij48Y2lyY2xlIHN0cm9rZS1vcGFjaXR5PSIuMTUiIGN4PSIxOCIgY3k9IjE4IiByPSIxOCIvPjxwYXRoIGQ9Ik0zNiAxOGMwLTkuOTQtOC4wNi0xOC0xOC0xOCI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMTggMTgiIHRvPSIzNjAgMTggMTgiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPjwvZz48L2c+PC9zdmc+);transition:opacity .2s linear .25s;opacity:1}.spl-spinner.error{background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMyIiB3aWR0aD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTYsMUExNSwxNSwwLDEsMCwzMSwxNiwxNSwxNSwwLDAsMCwxNiwxWm0wLDJhMTMsMTMsMCwwLDEsOC40NSwzLjE0TDYuMTQsMjQuNDVBMTMsMTMsMCwwLDEsMTYsM1ptMCwyNmExMywxMywwLDAsMS04LjQ1LTMuMTRMMjUuODYsNy41NUExMywxMywwLDAsMSwxNiwyOVoiIGlkPSJiYW5fc2lnbl9jcm9zc2VkX2NpcmNsZSIvPjwvc3ZnPg==);background-size:128px;transition:none;opacity:.5}.spl-scene{transition:transform .65s cubic-bezier(.1,1,.1,1);contain:layout size;will-change:transform}.spl-pane>*{position:absolute;width:auto;height:auto;max-width:100%;max-height:100%;left:50%;top:50%;margin:0;padding:0;border:0;transform:translate(-50%,-50%) scale(1);transition:transform .65s cubic-bezier(.3,1,.3,1),opacity .65s ease;contain:layout style;will-change:transform,opacity;visibility:hidden}.spl-header,.spl-pane,.spl-progress{position:absolute;top:0}.spl-pane{width:100%;height:100%;transition:transform .65s cubic-bezier(.3,1,.3,1);contain:layout size;will-change:transform,contents}.spl-header{width:100%;height:50px;text-align:right;transform:translateY(-100px);transition:transform .35s ease;overflow:hidden;will-change:transform}#spotlight.menu .spl-footer,#spotlight.menu .spl-header,.spl-footer:hover,.spl-header:hover{transform:translateY(0)}.spl-header div{display:inline-block;vertical-align:middle;white-space:nowrap;width:50px;height:50px;opacity:.5}.spl-progress{width:100%;height:3px;background-color:rgba(255,255,255,.45);transform:translateX(-100%);transition:transform linear}.spl-footer,.spl-next,.spl-prev{position:absolute;transition:transform .35s ease;will-change:transform}.spl-footer{left:0;right:0;bottom:0;line-height:20px;padding:20px 20px 0;padding-bottom:env(safe-area-inset-bottom,0);text-align:left;font-size:15px;font-weight:400;transform:translateY(100%)}.spl-title{font-size:22px}.spl-button,.spl-description,.spl-title{margin-bottom:20px}.spl-button{display:inline-block;background:#fff;color:#000;border-radius:5px;padding:10px 20px;cursor:pointer}.spl-next,.spl-page~*,.spl-prev{background-position:center;background-repeat:no-repeat}.spl-page{float:left;width:auto;line-height:50px}.spl-page~*{background-size:21px;float:right}.spl-fullscreen{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHZpZXdCb3g9Ii0xIC0xIDI2IDI2IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggM0g1YTIgMiAwIDAgMC0yIDJ2M20xOCAwVjVhMiAyIDAgMCAwLTItMmgtM20wIDE4aDNhMiAyIDAgMCAwIDItMnYtM00zIDE2djNhMiAyIDAgMCAwIDIgMmgzIi8+PC9zdmc+)}.spl-fullscreen.on{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik04IDN2M2EyIDIgMCAwIDEtMiAySDNtMTggMGgtM2EyIDIgMCAwIDEtMi0yVjNtMCAxOHYtM2EyIDIgMCAwIDEgMi0yaDNNMyAxNmgzYTIgMiAwIDAgMSAyIDJ2MyIvPjwvc3ZnPg==)}.spl-autofit{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBoZWlnaHQ9Ijk2cHgiIHZpZXdCb3g9IjAgMCA5NiA5NiIgd2lkdGg9Ijk2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggdHJhbnNmb3JtPSJyb3RhdGUoOTAgNTAgNTApIiBmaWxsPSIjZmZmIiBkPSJNNzEuMzExLDgwQzY5LjY3LDg0LjY2LDY1LjIzLDg4LDYwLDg4SDIwYy02LjYzLDAtMTItNS4zNy0xMi0xMlYzNmMwLTUuMjMsMy4zNC05LjY3LDgtMTEuMzExVjc2YzAsMi4yMSwxLjc5LDQsNCw0SDcxLjMxMSAgeiIvPjxwYXRoIHRyYW5zZm9ybT0icm90YXRlKDkwIDUwIDUwKSIgZmlsbD0iI2ZmZiIgZD0iTTc2LDhIMzZjLTYuNjMsMC0xMiw1LjM3LTEyLDEydjQwYzAsNi42Myw1LjM3LDEyLDEyLDEyaDQwYzYuNjMsMCwxMi01LjM3LDEyLTEyVjIwQzg4LDEzLjM3LDgyLjYzLDgsNzYsOHogTTgwLDYwICBjMCwyLjIxLTEuNzksNC00LDRIMzZjLTIuMjEsMC00LTEuNzktNC00VjIwYzAtMi4yMSwxLjc5LTQsNC00aDQwYzIuMjEsMCw0LDEuNzksNCw0VjYweiIvPjwvc3ZnPg==)}.spl-zoom-in,.spl-zoom-out{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ii8+PGxpbmUgeDE9IjIxIiB4Mj0iMTYuNjUiIHkxPSIyMSIgeTI9IjE2LjY1Ii8+PGxpbmUgeDE9IjgiIHgyPSIxNCIgeTE9IjExIiB5Mj0iMTEiLz48L3N2Zz4=);background-size:22px}.spl-zoom-in{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ii8+PGxpbmUgeDE9IjIxIiB4Mj0iMTYuNjUiIHkxPSIyMSIgeTI9IjE2LjY1Ii8+PGxpbmUgeDE9IjExIiB4Mj0iMTEiIHkxPSI4IiB5Mj0iMTQiLz48bGluZSB4MT0iOCIgeDI9IjE0IiB5MT0iMTEiIHkyPSIxMSIvPjwvc3ZnPg==)}.spl-download{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIxNDEuNzMycHgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE0MS43MzIgMTQxLjczMiIgd2lkdGg9IjE0MS43MzJweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTIwLjY3NCwxMjUuMTM4SDIwLjc5M3YxNi41OTRoOTkuODgxVjEyNS4xMzh6IE0xMTkuMDE5LDU4Ljc3NmMtMi41NjEtMi41NjItNi43MTYtMi41NjItOS4yNzUsMEw3Ny4yMSw5MS4zMTJWNi41NjIgICBDNzcuMjEsMi45MzYsNzQuMjY5LDAsNzAuNjQ4LDBjLTMuNjI0LDAtNi41NiwyLjkzNy02LjU2LDYuNTYzdjg0Ljc1TDMxLjk5Miw1OS4yMThjLTIuNTYyLTIuNTY0LTYuNzE1LTIuNTY0LTkuMjc3LDAgICBjLTIuNTY1LDIuNTYyLTIuNTY1LDYuNzE2LDAsOS4yNzlsNDMuMjk0LDQzLjI5M2MwLjE1LDAuMTU0LDAuMzE0LDAuMjk5LDAuNDgxLDAuNDM4YzAuMDc2LDAuMDYyLDAuMTU1LDAuMTEzLDAuMjM0LDAuMTc2ICAgYzAuMDk0LDAuMDY1LDAuMTg2LDAuMTQyLDAuMjc5LDAuMjA2YzAuMDk3LDAuMDYzLDAuMTkyLDAuMTE0LDAuMjg2LDAuMTc0YzAuMDg4LDAuMDU0LDAuMTc0LDAuMTA1LDAuMjY1LDAuMTUzICAgYzAuMSwwLjA1NiwwLjE5OSwwLjEsMC4yOTgsMC4xNDdjMC4wOTcsMC4wNDUsMC4xOSwwLjA5MSwwLjI4MywwLjEzMmMwLjA5OCwwLjA0LDAuMTk2LDAuMDcyLDAuMjk1LDAuMTA1ICAgYzAuMTA0LDAuMDM4LDAuMjA3LDAuMDc4LDAuMzEyLDAuMTA5YzAuMTAxLDAuMDMsMC4xOTcsMC4wNTIsMC4yOTcsMC4wNzdjMC4xMDgsMC4wMjMsMC4yMTQsMC4wNTgsMC4zMjQsMC4wNzggICBjMC4xMTUsMC4wMjEsMC4yMzEsMC4wMzMsMC4zNDYsMC4wNTRjMC4wOTcsMC4wMTUsMC4xOTIsMC4wMzIsMC4yODksMC4wNDJjMC40MywwLjA0MiwwLjg2NSwwLjA0MiwxLjI5NSwwICAgYzAuMS0wLjAxLDAuMTkxLTAuMDI3LDAuMjg5LTAuMDQyYzAuMTE0LTAuMDIxLDAuMjMzLTAuMDI5LDAuMzQ0LTAuMDU0YzAuMTA5LTAuMDIxLDAuMjE3LTAuMDU1LDAuMzI0LTAuMDc4ICAgYzAuMTAyLTAuMDI1LDAuMTk5LTAuMDQ3LDAuMjk5LTAuMDc3YzAuMTA1LTAuMDMxLDAuMjA3LTAuMDcxLDAuMzEyLTAuMTA5YzAuMTAyLTAuMDMsMC4xOTUtMC4wNjIsMC4yOTUtMC4xMDUgICBjMC4wOTYtMC4wNDEsMC4xOTEtMC4wODcsMC4yODMtMC4xMzJjMC4xLTAuMDQ4LDAuMTk5LTAuMDkyLDAuMjk3LTAuMTQ3YzAuMDkxLTAuMDQ4LDAuMTc3LTAuMTA0LDAuMjY0LTAuMTUzICAgYzAuMDk4LTAuMDYsMC4xOTMtMC4xMSwwLjI4Ny0wLjE3NGMwLjA5Ni0wLjA2NCwwLjE4OS0wLjE0MSwwLjI4MS0wLjIwNmMwLjA3Ni0wLjA2MiwwLjE1Ni0wLjExMywwLjIzMy0wLjE3NiAgIGMwLjI0OS0wLjIwNCwwLjQ3OS0wLjQzNywwLjY5NC0wLjY3YzAuMDc2LTAuMDY3LDAuMTU0LTAuMTMxLDAuMjI5LTAuMjAzbDQzLjI5NC00My4yOTYgICBDMTIxLjU4MSw2NS40OTEsMTIxLjU4MSw2MS4zMzcsMTE5LjAxOSw1OC43NzYiLz48L2c+PC9zdmc+);background-size:20px}.spl-theme{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBoZWlnaHQ9IjI0cHgiIHZlcnNpb249IjEuMiIgdmlld0JveD0iMiAyIDIwIDIwIiB3aWR0aD0iMjRweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTIsNGMtNC40MTgsMC04LDMuNTgyLTgsOHMzLjU4Miw4LDgsOHM4LTMuNTgyLDgtOFMxNi40MTgsNCwxMiw0eiBNMTIsMThjLTMuMzE0LDAtNi0yLjY4Ni02LTZzMi42ODYtNiw2LTZzNiwyLjY4Niw2LDYgUzE1LjMxNCwxOCwxMiwxOHoiLz48cGF0aCBkPSJNMTIsN3YxMGMyLjc1NywwLDUtMi4yNDMsNS01UzE0Ljc1Nyw3LDEyLDd6Ii8+PC9nPjwvc3ZnPg==)}.spl-play{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSItMC41IC0wLjUgMjUgMjUiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxwb2x5Z29uIGZpbGw9IiNmZmYiIHBvaW50cz0iMTAgOCAxNiAxMiAxMCAxNiAxMCA4Ii8+PC9zdmc+)}.spl-play.on{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSItMC41IC0wLjUgMjUgMjUiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxsaW5lIHgxPSIxMCIgeDI9IjEwIiB5MT0iMTUiIHkyPSI5Ii8+PGxpbmUgeDE9IjE0IiB4Mj0iMTQiIHkxPSIxNSIgeTI9IjkiLz48L3N2Zz4=);animation:pulsate 1s ease infinite}.spl-close{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIyIDIgMjAgMjAiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bGluZSB4MT0iMTgiIHgyPSI2IiB5MT0iNiIgeTI9IjE4Ii8+PGxpbmUgeDE9IjYiIHgyPSIxOCIgeTE9IjYiIHkyPSIxOCIvPjwvc3ZnPg==)}.spl-next,.spl-prev{top:50%;width:50px;height:50px;opacity:.65;background-color:rgba(0,0,0,.45);border-radius:100%;cursor:pointer;margin-top:-25px;transform:translateX(-100px);background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cG9seWxpbmUgcG9pbnRzPSIxNSAxOCA5IDEyIDE1IDYiLz48L3N2Zz4=);background-size:30px}.spl-prev{left:20px}.spl-next{left:auto;right:20px;transform:translateX(100px) scaleX(-1)}#spotlight.menu .spl-prev{transform:translateX(0)}#spotlight.menu .spl-next{transform:translateX(0) scaleX(-1)}@media (hover:hover){.spl-page~div{cursor:pointer;transition:opacity .2s ease}.spl-next:hover,.spl-page~div:hover,.spl-prev:hover{opacity:1}}@media (max-width:500px){.spl-header div{width:44px}.spl-footer .spl-title{font-size:20px}.spl-footer{font-size:14px}.spl-next,.spl-prev{width:35px;height:35px;margin-top:-17.5px;background-size:15px 15px}.spl-spinner{background-size:30px 30px}}.hide-scrollbars{overflow:hidden!important}

.mint-inner {
    position: relative;
}

.lupe {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 20px;
    top: 20px;
    display: block;
    color: var(--white);
    background: var(--color-2);
    cursor: pointer;
    opacity: 0.2;
    border-radius: 9px;
    transition: all 0.7s ease;
}
.lupe:hover{
    opacity: 1;
} 
.lupe::before, .lupe::after {
    content: '';
    display: block;
    box-sizing: content-box;
    cursor: pointer;
}
.lupe::before {
    border: 2px solid var(--white);
    width: 13px;
    height: 13px;
    border-radius: 36px;
    transform: translate(4px, 4px);
}
.lupe::after {
    width: 13px;
    height: 2px;
    background: var(--white);
    transform: rotate(45deg) translate(13px, -8px);
}

/*
.blaze-slider.at-slider-block {
    height: 40vw;
    min-height: 550px;
    overflow: hidden;    
    margin-bottom: 50px;
}

.blaze-slider.at-slider-block .wp-block-cover img,
.blaze-slider.at-slider-block .wp-block-cover,
.blaze-slider.at-slider-block .blaze-container,
.blaze-slider.at-slider-block .blaze-track-container,
.blaze-slider.at-slider-block .blaze-track {
  height: 100%;
}
*/

.blaze-slider.at-slider-block .wp-block-cover{
  position: relative;
}

.blaze-slider.at-slider-block .wp-block-cover img{
  position: absolute;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.blaze-slider.at-slider-block .blaze-prev {
  left: 15px;
}

.blaze-slider.at-slider-block .blaze-next {
  right: 15px;
}

.slider-box {
    position: absolute;
    bottom: 31px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--accent);
    color: white;
    border-radius: 18px;
    font-size: 125%;
    text-align: center;
    transition: all 0.3s ease ;
}

.slider-box:hover {
    font-size: 130%;
}

.slider-box a{
    color: white;
    display: block;
    padding: 15px;
}
.slider-box p{
    margin: 0;
}

[data-wpr-lazyrender] {
  content-visibility: unset !important;
}

body a:where(:not(.wp-element-button)) {
text-decoration: none;
}
body .wp-block-table td, 
body .wp-block-table th {
border: 0;
}


@media (max-width: 1360px) {
  .blaze-prev {
    left: 0px;
  }

  .blaze-next {
    right: 0px;
  }
  .blaze-track.products {
   margin:0 30px !important;
  }
}

@media (max-width: 768px) {

  .slider-box {
      font-size: 95%;
      min-width: 310px;
  }

  .slider-box:hover {
      font-size: 100%;
  }

  .slider-box a{
      padding: 10px;
  }


}



.col-8-hr hr {
    background-color: var(--color-8);
}
.col-9-hr hr {
    background-color: var(--color-9);
}
.color-1 {
    color: var(--color-1);
}
.color-2 {
    color: var(--color-2);
}
.color-3 {
    color: var(--color-3);
}
.color-4 {
    color: var(--color-4);
}
.color-5 {
    color: var(--color-5);
}
.color-6 {
    color: var(--color-6);
}
.color-7 {
    color: var(--color-7);
}
.color-8 {
    color: var(--color-8);
}
.color-9 {
    color: var(--color-9);
}
.color-10 {
    color: var(--color-10);
}

.b-color-1 {
    color: var(--accent);
}
.b-color-2 {
    background-color: var(--grey-light);
}
.bb-color-2 {
    background-color: var(--color-2);
}
.font-white a,
.font-white {
    color: var(--white);
}
.font-accent {
    color: var(--accent);
}
.unterueber{
    color: var(--accent2);
    font-family: NunitoSans;
    margin-top: -18px;
}
.has-white-color {
    color: white;
}

.footer {
    background-color: var(--color-2);
}

.bcolor-3 {
    background-color: var(--color-3);
}
.bcolor-3 {
    background-color: var(--color-3);
}
.bcolor-7 {
    background-color: var(--color-7);
}


*,::after,::before {
    box-sizing: border-box;
}
html {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}
body,button,input,select,textarea {
    font-family: "NunitoSans";
    font-size: 17px;
    font-size: clamp(13px, 3.3vw, 18px);
    font-size: clamp(13px, 1.331vw, 28px);
    line-height: 1.3;
    background-color: var(--white);
    color: var(--contrast);
}
body p {
    color: #777;
}
body .top-box p ,
body .list-pro-team p {
    color: #fff;
}
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;
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'NunitoSans';
    margin-bottom: 15px;
    font-weight: normal;
    line-height: 1.3;
}
h1 {font-size: 320%}
h2 {font-size: 140%;}

button {
  border: none;
}
b, strong {
    font-family: 'NunitoSans';
}
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: 0 auto 0;
    padding: 0 10px;
}
p {
  margin-bottom: 25px;
}
.font-fam-400{
    font-family: NunitoSans
}
.btn a,#gform_submit_button_1 {
    border: 1px solid var(--color-2);
    background-color: white;
    color: var(--color-2);
    border-radius: 100px;
    width: auto;
    padding: 20px 39px;
    transition: all 0.7s ease;
    cursor: pointer;
    font-family: NunitoSans;
    font-weight: normal;
    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(--color-2);
    color: white;
}
.btn-small a{
    padding: 5px 18px;
    background-color: rgba(255,255,255,0.2);
    border-radius: 0;
    border-color: rgba(255,255,255,0.2);
}
.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;
}
.width-62 {
    max-width: 62%;
    width: 62%;
    margin: 0  0 0;
}
.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;
}
.col-gold, .col-50 {
    gap: 30px;
}
.col-40-60>div, .col-33>div, .col-gold>div, .col-50>div {
    width: 100%;
}
.col-33 {
    gap: 50px
}

.header {
    padding-left: 0;
    padding-right: 0;
    padding-top: calc(var(--pad-start) + (var(--pad-end) - var(--pad-start)) * var(--t));
    padding-bottom: calc(var(--pad-start) + (var(--pad-end) - var(--pad-start)) * var(--t));
    transition: padding-top 0.2s linear, padding-bottom 0.2s linear;    
    position: fixed;
    z-index: 1000;
    top: 0;
    transform: translate(-50%);
    left: 50%;

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

.wp-block-site-logo {
    width: 255px;
    width: calc(var(--logo-start) + (var(--logo-end) - var(--logo-start)) * var(--t));
    margin-top: 28px;
    margin-top: calc(var(--mar-start) + (var(--mar-end) - var(--mar-start)) * var(--t));
    transition: width 0.2s linear;
}

@media (prefers-reduced-motion: reduce) {
  .header, .wp-block-site-logo { transition: none; }
}



/* Body sperren wenn Popup offen */
body.act { overflow: hidden; }

/* Overlay-Wrapper */
.popup-wrap {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  background: rgba(0,0,0,.5);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .2s ease, visibility .2s ease;
  z-index: 1000;
}

.is-root-container .popup-wrap {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    display: block;
}

/* Offen */
.popup-wrap.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}


.popup-wrap .popup-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 28px;
    height: 28px;
    line-height: 1;
    background: transparent;
    border: 0;
    background-color: var(--accent);
    cursor: pointer;
    z-index: 2;
    color: white;
    margin: 0;
    padding: 0;
    border-radius: 50px;
}

.popup-wrap .popup-close p{
    margin: 0;
    padding: 0;
    line-height: 25px;
    font-size: 28px;
    text-align: center;
}

.popup-inner {
    position: relative;
}



/* Boxen */
.popup-box {
  display: none;
  background: #fff;
  color: #111;
  max-width: 800px;
  width: min(92vw, 800px);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(0,0,0,.25);
  transform: translateY(8px);
  opacity: 0;
  transition: transform .2s ease, opacity .2s ease;
}

.is-root-container .popup-box ,
.popup-box.is-active {
  display: block;
  transform: translateY(0);
  opacity: 1;
}

/* Optional: etwas Innenabstand für deinen Inhalt */
.popup-box .wp-block-cover { padding: 24px; }



.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
    display: none;
}
ul.wp-block-navigation__container {
    list-style: none;
    display: flex;
    flex-direction: row;
}
ul.wp-block-navigation__container li  {
    padding: 6px 26px ;
    margin: 0;
    position: relative;
}
ul.wp-block-navigation__container li::after {
    content: "";
    position: absolute;
    right: 0;
    height: 16px;
    width: 2px;
    background-color: white;
    top: calc(50% - 8px);
}
ul.wp-block-navigation__container li:last-child::after  {
    content: "" ;
    width: 0px;
}
ul.wp-block-navigation__container li a {
    margin: 0;
    padding: 0;    
    color: white;
    line-height: 1;
    font-family: 'NunitoSans';
}

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

.wp-block-cover {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  min-height: 240px;
  width: 100%;
  color: inherit;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.wp-block-cover.is-style-full-height,
.wp-block-cover.has-custom-content-position[style*="100vh"] {
  min-height: 100vh;
}
.wp-block-cover__image-background,
.wp-block-cover__video-background,
.wp-block-cover__background {
  position: absolute;
  inset: 0;
}
.wp-block-cover__image-background,
.wp-block-cover__video-background {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wp-block-cover__image-background {
  object-position: center center;
}
.wp-block-cover .wp-block-cover__background,
.wp-block-cover .has-background-dim {
  background: #000;
  opacity: 0.45;
  pointer-events: none;
}
.wp-block-cover__inner-container {
  position: relative;
  z-index: 1;
  width: 100%;
  /*max-width: var(--wp--style--global--content-size, 1200px);*/
  padding: var(--wp--preset--spacing--40, 2rem);
  color: inherit;
  text-align: inherit;
}
.wp-block-cover .wp-element-button,
.wp-block-cover a.wp-element-button {
  position: relative;
  z-index: 1;
}
.wp-block-cover.has-background,
.wp-block-cover[class*="has-"][class*="-background"] {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 782px) {
  .wp-block-cover__inner-container {
    padding: var(--wp--preset--spacing--30, 1.5rem);
  }
  .wp-block-cover { min-height: 180px; }
}




.icon-box {
    width: 50px;
    margin: 0 auto;
}
.col-link > div {
    border: 2px solid white;
}
.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: NunitoSans;
}
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); }


.extra-left {
    border-left:5px solid var(--accent) ;
    padding-left: 25px;
    padding-top: 0;
    padding-bottom: 0;   
    line-height: 1.3;
    margin-bottom: 50px
}

.wp-block-social-links {
  margin: -20px 0 30px 0 !important;
  padding: 0;
}

.wp-block-social-links svg {
  fill: var(--white);
  background: var(--accent);
  border-radius: 100px;
  padding: 3px;
  width: 45px;
  height: 45px;
}


.top-div {
  height: 100vh;
  min-height: 750px;
}

.top-div .extra-titel {
  text-align: left;
  font-size: 350%;
  color: white;
}

.top-box{
    gap: 3.33%;
}
.top-box div {
  border-bottom: 1px solid var(--color-1);
  margin-top: -90px;
  margin-bottom: 50px;
  z-index: 1;
  position: relative;
  color: white;
  display: block;
  width: 90%;
}

.hyp {
    hyphens: auto ;
}

.box-col-3 {
    gap: 3%;
}

.box-col-3 > *{
    width: 31.33%;
}

.box-col-3 > .wp-block-image.size-large {
  padding-right: 7%;
}

.box-col-3 {
    gap: 3%;
}

.box-col-2 {
    gap: 2%;
}

.box-col-62{
    width: 61%;
}

.box-col-38{
    width: 37%;
}
.box-col-66{
    width: 65.66%;
}

.box-col-33{
    width: 32.33%;
}

.box-col-50-wrap {
    gap: 8%;
}
.box-col-50{
    width: 46%;
}

.box-icon-left > figure img {
  width: 100% !important;
  height: auto !important;
  max-width: none;
  padding-right: 8px;
}

.box-icon-left > figure {
  width: 90px;
  height: 90px;
}

hr {
    background-color: var(--color-2);
    height: 1px;
}


.list-pro-item {
  margin-bottom: 80px;
}

.list-pro-item h3 {
  margin: 30px 0 20px;
}

.list-pro-table table,
.list-pro-item table {
  border-collapse: collapse;
}

.list-pro-table table tr,
.list-pro-item table tr {
  border-bottom: 1px solid gray;
}
.list-pro-table table tr td,
.list-pro-item table td {
  padding: 9px 13px 5px 0;
}

.list-pro-table table tr td:first-child,
.list-pro-item table td:first-child {
  font-weight: bold;
}

.wp-block-social-links {
  list-style: none;
  display: flex;
  gap: 10px;
}   


#menu-main-menu {
    display: none;
}

.menu-btn {
  position: relative;
  width: 46px;
  height: 30px;
  margin-bottom: 20px;
  background: transparent;
  cursor: pointer;
}

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



.background--light.menu-btn div::before, 
.background--light.menu-btn div::after {
    background-color: var(--color-2);
}

.background--dark.menu-btn div::before, 
.background--dark.menu-btn div::after {
    background-color: white;
}

.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: white;
}
 

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

/*
.act-menu .menu-btn::before {
  transform: rotate(-33deg) translate(-4px, 5px);
}
.act-menu .menu-btn::after {
  transform: rotate(33deg) translate(-2px, -5px);
}*/


#menu-main-menu {
  display: block;
  opacity: 0;
  position: absolute;
  list-style: none;
  margin-left: -170px;
  background-color: transparent;
  padding: 11px;
  top: 50%;
  transition: all 0.7s ease;
  left: 170px;
  transform: translate(0,30%);
  z-index: -22;
  height: 0;
  /*overflow: hidden;*/
  visibility: hidden;
}


.act-menu #menu-main-menu {
    opacity: 1;
    z-index: 2;
    height: auto;
    visibility: visible;
}


#menu-main-menu a {
  color: white;
  font-size: 300%;
  padding: 3px 0 4px;
  display: block;
  transition: all 0.7s ease;

}

#menu-main-menu .current_page_item a,
#menu-main-menu a:hover {
  color: #222;
}

.logo-box .btn {
    display: flex;
    align-items: end;
}

.akk-titel{
  padding: 20px 0;
  margin: 0;
  cursor: pointer;
  position: relative;
}

.akk-titel::after {
  content: "→";
  font-size: 22px;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
  position: absolute;
  transition: all 0.8s ease;
}

.act.akk-titel::after {
  transform: rotate(90deg) translate(0, -50%);
}

.akk-text {
  padding: 0;
  margin: 0;
  height: 0;
  overflow: hidden;
  transition: all 0.8s ease;
}

.act + .akk-text {
  height: auto;
}
.akk-text > div{
  padding: 20px 0;
}

.box-border-wrap {
    gap: 9%;
}
.box-border-wrap > div{
    min-width: 236px;
    position: relative;
}


.box-border-wrap p {
    text-align: center;

}

.box-border {
    border: 1px solid var(--color-7);
  border-radius: 13px;
  padding: 17px 10px;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  background: white;
}

.box-border-wrap {
  position: relative;
}
.box-border-wrap > div::after {
  content: "";
  position: absolute;
  border-top: 1px solid var(--color-7);
  width: 100%;
  top: 42px;
  z-index: 0;
  display: inline-block;
  height: 1px;
  right: -100%;
}

.box-border-wrap > div:not(:first-child) {
  border-left: 40px solid white;
}


.box-border-wrap > div:not(:first-child)::before {
color: var(--color-7);
  content: ">";
  position: absolute;
  top: 32px;
  z-index: 2;
  left: -50px;
  font-size: 20px;
  line-height: 20px;
}
.box-border-wrap > div > p:first-child {
    margin-bottom: 0;
}

.box-border-wrap > div > p:last-child {
    padding-top: 20px;
    padding-bottom: 5px;
    background-color: white;
    margin-bottom: 0;
}
/*
.box-border-wrap > div:not(:last-child) >  p:first-child::before {
  content: "";
  width: 90%;
  height: 1px;
  background: var(--color-7);
  position: absolute;
  right: -45%;
  top: 43px;
  z-index: 0;
}


.box-border-wrap > div:not(:last-child) >  p:first-child::after {
  color: var(--color-7);
  content: ">";
  position: absolute;
  top: 17.6%;
  right: -46.1%;
  font-size: 18.5px;
}

*/


.border-deko-left{
    position: relative;
}
.border-deko-left::before {
    content: "";
  border-left: 1px solid var(--color-7);
  position: absolute;
  height: calc( 100% - 100px);
  bottom: 105px;
  margin-left: -40px;
}

/*.box-border-wrap.col-8 > div:not(:last-child)::before {
    background-color: var(--color-8);
}
*/
.box-border-wrap.col-8 > div:not(:last-child)::after {
    color: var(--color-8);
    border-top: 1px solid var(--color-8);
}

.box-border-wrap.col-8 > div:not(:first-child)::before {
    color: var(--color-8);
}

.page-id-28 .border-deko-left::before,
.box-border-wrap.col-8 .box-border {
    border-color: var(--color-8);
}


/*
.box-border-wrap.col-9 > div:not(:last-child)::before {
    background-color: var(--color-9);
}*/
.box-border-wrap.col-9 > div:not(:first-child)::before {
    color: var(--color-9);
}

.box-border-wrap.col-9 > div:not(:last-child)::after {
    color: var(--color-9);
    border-top: 1px solid var(--color-9);
}

.page-id-28 .border-deko-left::before,
.box-border-wrap.col-9 .box-border {
    border-color: var(--color-9);
}


.btn-blue a{
    color: var(--color-3);
    border-color: var(--color-3);
}

.btn-green a{
    color: var(--color-4);
    border-color: var(--color-4);
}

.btn-vio a{
    color: var(--color-6);
    border-color: var(--color-6);
}


.btn-blue a:hover {
    background-color: var(--color-3);
}

.btn-green a:hover {
    background-color: var(--color-4);
}

.btn-vio a:hover {
    background-color: var(--color-6);
}


.box-icon-left img {
   max-width: none;
 
}

.list-pro-team > div > div {
  margin-top: -84px;
  padding: 4px 10px 4px 0;
  color: white;
  height: 84px;
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
}


.list-pro-team .list-pro-item{
    padding: 0 0 calc(42.6% - 10px);
    transform-style: preserve-3d;
    perspective: 2200px;
    position: relative;
}

.list-pro-team .list-pro-item:hover .list-pro-item-inner {
    transform: rotateY(-180deg);
}

.list-pro-team > div > div.list-pro-item-inner {
    background: transparent;
    overflow: visible;
    transform-style: preserve-3d;
    transition: 1s ease transform;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}




.list-pro-item-vorne,
.list-pro-item-hinten {
    transform-style: preserve-3d;
    width: 100%;
    height: 100%;
    position: relative;
}


.list-pro-item-hinten {
  transform: rotateY(180deg) translate3d(0,0,2px);
    position: absolute;
    top: 0;
    z-index: -1;
}



body .list-pro-team p {
  color: #fff;
  padding-left: 9px;
}

.list-pro-team > div > div h3{
    margin: 0;
    padding: 0;
}

.phone,
.mail {
  position: absolute;
  right: calc(clamp(13px, 1.331vw, 28px) * 3.6);
  bottom: 0;
  padding: 0 !important;
}

.phone {
  right: calc(clamp(13px, 1.331vw, 28px) * 0.3);
}


.phone a,
.mail a {
  font-size: 0;
}


.phone a::before ,
.mail a::before {
  content: "";
  background-size: contain;
  width: 45px;
  height: 33px;
  width: 95px;
  height: 70px;  
    width: calc(clamp(13px, 1.331vw, 28px) * 3);
    height: calc(clamp(13px, 1.331vw, 28px) * 3);

  display: block;
  margin-top: 0;
  background-repeat: no-repeat;
  filter: invert(1);
}
.mail a::before {
  background-image: url("/wp-content/themes/atweb/asset/mail.png");
}
.phone a::before {
  background-image: url("/wp-content/themes/atweb/asset/phone.png");
}
.wp-block-social-links svg {
  background: transparent;
}

body.act-menu::after {
    content: "";
    background-color: var(--color-1);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
/*    z-index: 999;
    background-image: url(/wp-content/uploads/2025/11/Risag-menu.jpg);
    background-image: url(https://real-immosolutions.atweb.ch/wp-content/uploads/2025/09/DSC06394-scaled-1.jpg);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: 97% 50%;*/

}

body.act-menu #menu-main-menu::after {
    content: "";
    width: 50vw;
    background-image: url(/wp-content/uploads/2025/11/Risag-menu.jpg);
    position: absolute;
    right: -55vw;
    top: 0;
    bottom: 0;
    background-size: cover;
}

body.page-id-24.act-menu::after {
  background-color: var(--color-7);
}

body.page-id-26.act-menu::after {
  background-color: var(--color-8);
}

body.page-id-28.act-menu::after {
  background-color: var(--color-9);
}


.box-border-wrap {
  gap: 6%;
  overflow: hidden;
}
.box-border-wrap > div {
  width: 17%;
}

.box-icon-left > div {
  width: calc( 100% - 95px);
}

.border-left > div {
  border-left: 1px solid var(--color-2);
  padding-left: 30px;
}

#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);
}

.list-pro.list-news > li {
  overflow: hidden;
}
.list-pro.list-news > li img {
    transform: scale(1);
    transition: all 1s ease;
}

.list-pro.list-news > li:hover img {
    transform: scale(1.1);
}

.list-pro.list-more.list-news  h3,
.list-pro.list-more > .list-pro-item  h3{
    padding: 15px 8px;
        font-size: 103%;
}
.list-pro.list-more.list-news div,
.list-pro.list-more > .list-pro-item > div{
    position: relative;
}
.list-pro.list-news div h3 ,
.list-pro > .list-pro-item > div h3 {
  position: absolute;
  bottom: 0;
  background-color: black;
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.67) 43%);
  width: 100%;
  margin: 0;
  padding: 10% 2% 8% 4%;
  color: white;
}
.list-pro.list-news div h3 a {
  color: white;
}

.list-pro.list-news div .unter ,
.list-pro > .list-pro-item > div .unter {
    position: absolute;
    bottom: 0;
}
body .list-pro-team p {
  padding: 0% 4% 2% 4%;
  margin: 0;
}


.list-pro.list-news  figure.wp-block-table ,
.list-pro > .list-pro-item  figure.wp-block-table {
    margin-top: 20px ;
    overflow: hidden;
    height: 0;
    transition: all 0.7s ease;
}

.pro-act.list-pro.list-news figure.wp-block-table,
.pro-act.list-pro > .list-pro-item figure.wp-block-table{
    height: 100% ;
}

.list-pro.list-news > li {
  margin-bottom: 3%;
}

body.home .menu-btn,
body.home .custom-logo {
    opacity: 0;
    transition: opacity 0.7 ease;
}

body.home.jop .menu-btn,
body.home.jop .custom-logo {
    opacity: 1;
}

body:not(.home) .custom-logo.background--dark {
  filter: grayscale(1) brightness(10);
}

.list-pro-item .team-overlay{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 130%;
    transition: opacity 0.7s ease;
    z-index: -11;
    background-color: rgba(53,90,90,0.8); 
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;      
}



.list-pro-item {
    position: relative;
}
.list-pro-item:hover .team-overlay {
    opacity: 1;
    z-index: 2; 
}

.list-pro-item:hover .unter ,
.list-pro-item:hover .mail ,
.list-pro-item:hover .phone ,
.list-pro-item:hover h3 {
    z-index: 4;
}

.list-pro-team > div  img{
    object-position: 20% 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.single h1.wp-block-post-title {
    font-size: 220%;
}

@media (min-width: 769px) {
    .col-33>div {
        width: calc(33.33% - 35px);
    }
    .col-50>div {
        width: 46%;
    }
    .col-40-60>div:first-child {
        width: 40%;
    }
    .col-40-60>div:last-child {
        width: 60%;
    }
}

@media (max-width: 1280px) {
    #modal-1-content {
        display: none;
    }
    .wp-block-navigation__responsive-container-open {
        display: block;
        cursor: pointer;
    }

    .act-menu .wp-block-navigation__responsive-container-open{
        display: none;
    }

    .act-menu .wp-block-navigation__responsive-container-close{
        display: block;
        cursor: pointer;
    }
    .wp-block-navigation__responsive-dialog p,
    .wp-block-navigation__responsive-dialog br {
        display: none;
    }
    .wp-block-navigation__responsive-container-close,
    .wp-block-navigation__responsive-container-open {
        height: auto;
        line-height: 1.3;
    }
    .wp-block-navigation__responsive-container-close svg,
    .wp-block-navigation__responsive-container-open svg {
        transform: translateY(5px);
    }
    .act-menu #modal-1-content {
        display: block;
        position: absolute;
        right: 0;
        background-color: var(--accent);
    }
    .act-menu #modal-1-content ul {
        flex-direction: column;
    }
    ul.wp-block-navigation__container li::after  {
        content: "" ;
        width: 0px;
    }
    .box-border-wrap > div {
      width: 44%;
      margin-bottom: 60px;
    }    
}


@media (max-width: 999px) {
    .box-col-3 > * {
        width: 62%;
        margin: 50px auto 0;
    }
    .box-col-2 > * {
        width: 100%;
        margin: 50px auto 0;
    }
    .box-border-wrap > div {
      width: 36%;
    }
    .box-border-wrap {
      gap: 3%;
    }
    .box-col-38,
    .box-col-62 {
        width: 100%;
        padding-bottom: 50px;
   }
    body.act-menu::after {
        background-image: none;
    }
  .list-pro-team .list-pro-item {
      padding: 0 0 calc(66% - 10px);
  }


}
@media (max-width: 768px) {
    .footer > div {
      flex-direction: column;
      align-items: center;
      gap: 20px;
    }
    h1 {font-size: 220%}
    h2 {font-size: 150%;}
     .box-col-2 > *,
    .box-col-3 > * {
        width: 100%;
        margin: 50px auto 0;
    }
    .box-icon-left > div {
      width: calc( 100% - 85px);
    }
    .box-icon-left > figure {
      width: 80px;
      height: 80px;
    }
  .box-border-wrap > div {
    width: 70%;
    border: none !important;
  }

    .box-border-wrap > div:not(:last-child)::after {
    
      width: 1px;
      height: 120px;
      z-index: -1;
      border-left: 1px solid var(--color-7);
      right: 50%;
      bottom: 0;
      top: auto;
    }

    .box-border-wrap > div:last-child::after {
        border: none;
        width: 0;
        height: 0;
    }

    .box-border-wrap > div {
      margin:  40px auto 0 auto;
      padding-bottom: 60px;
    }
    .box-border-wrap > div:not(:first-child)::before {
      transform: rotate(90deg);
      left: calc(50% - 5.8px);
      top: -54px;
    }
  .list-pro-team .list-pro-item {
      padding: 0 0 calc(106% - 10px);
  }
  .box-col-50{
    width: 100%;
  }
}