/*
  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: 'Executive 45';
    src: url('/media/font/Executive-45Light.eot');
    src: url('/media/font/Executive-45Light.eot?#iefix') format('embedded-opentype'),
        url('/media/font/Executive-45Light.woff2') format('woff2'),
        url('/media/font/Executive-45Light.woff') format('woff'),
        url('/media/font/Executive-45Light.ttf') format('truetype'),
        url('/media/font/Executive-45Light.svg#Executive-45Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Executive 65';
    src: url('/media/font/Executive-65Medium.eot');
    src: url('/media/font/Executive-65Medium.eot?#iefix') format('embedded-opentype'),
        url('/media/font/Executive-65Medium.woff2') format('woff2'),
        url('/media/font/Executive-65Medium.woff') format('woff'),
        url('/media/font/Executive-65Medium.ttf') format('truetype'),
        url('/media/font/Executive-65Medium.svg#Executive-65Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
:root {
    --accent: #EC5300;
    --contrast: #53565a;
    --white: #ffffff;
    --page-width: 1400px;
    --page-wide: 1600px;
    --font-size: clamp(1rem, 0.932rem + 0.364vw, 1.25rem);
    --logo-width: clamp(13.75rem, 7.273rem + 34.545vw, 37.5rem);
    --abstand-10-30: clamp(0.625rem, 0.284rem + 1.818vw, 1.875rem);
    --abstand-30-70: clamp(1.875rem, 1.193rem + 3.636vw, 4.375rem);
}

.back-accent {
    background: var(--accent);
}
.back-black {
    background: var(--contrast);
}
.back-white {
    background: var(--white);
}
.color-accent {
    color: var(--accent);
}
.color-white a,
.color-white {
    color: var(--white);
}
*,::after,::before {
    box-sizing: border-box;
}
html {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}
body,button,input,select,textarea {
    font-family: 'Executive 45';
    font-size: 17px;
    font-size: var(--font-size);
    line-height: 1.5;
    background-color: var(--white);
    color: var(--contrast);
}
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: 'Executive 65';
    margin-bottom: 25px;
    font-size: 120%;
    font-weight: normal;
}
b, strong {
    font-family: 'Executive 65';
    font-weight: normal;
}
video,img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}
ins {
    text-decoration: none;
}
a {
    text-decoration: none;
    color: var(--accent);
}
body>main {
    max-width: var(--page-width);
    margin: 0 auto;
    padding-left:var(--abstand-10-30) ;
    padding-right: var(--abstand-10-30);
}
.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;
}
.tr {
    text-align: right;
}
.tup {
    text-transform: uppercase;
}
.ani {
  transition: all 0.666s ease;
}
.p0 {
    padding: 0;
}
.pt10 {
  padding-top: 10px;
}
.pb10 {
  padding-bottom: 10px;
}
.pl10 {
  padding-left: 10px;
}
.pr10 {
  padding-right: 10px;
}
.pt100 {
    padding-top: 100px;
}
.abstand-unten{
    margin-bottom: var(--abstand-30-70);
}
.pa{
    padding: var(--abstand-10-30);
}
.pcontent{
    padding-left: 60px;
    padding-right: 60px;
}
.m0 {
    margin: 0;
}
.mt50 {
    margin-top: 50px;
}
.mb50 {
    margin-bottom: 50px;
}
.w50 {width: 50%}
.w25 {width: 25%}
.page-width {
    max-width: var(--page-width);
    width: 100%;
    margin: 0 auto;
}
.alignfull .page-wide {
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
    width: auto;
}
.alignfull .page-wide {
  margin-left: auto;
  margin-right: auto;
}
.is-root-container .alignfull,
.alignfull {
  margin-left:0;
  margin-right: 0;
  max-width: 100%;
}
.white-space{
    white-space: nowrap;
}
.flex {
  display: flex;
}
.flex-row {
    flex-direction: row;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-space {
  justify-content: space-between;  
}
.flex-center {
    align-items: center;
}
.flex-start {
    justify-content: flex-start;
}
.flex-end {
    justify-content: flex-end;
}
.flex-gap {
    gap: var(--abstand-10-30);
}

.col-gold, .col-50 {
    gap: 30px;
}
.col-gold>div, .col-50>div {
    width: 100%;
}


.at-loop ul {
    list-style: none;
    margin-left: 0 !important;
    margin-bottom: var(--abstand-30-70);
}


.at-loop ul > li:nth-child(1) > ul > li:nth-child(3n+3) figure,
.at-loop ul > li:nth-child(2) > ul > li:nth-child(3n+1) figure,
.at-loop ul > li:nth-child(3) > ul > li:nth-child(3n+2) figure  {
  height: clamp(18.75rem, 13.636rem + 27.273vw, 37.5rem);
}

.at-loop ul > li:nth-child(1) > ul > li:nth-child(3n+3) figure img,
.at-loop ul > li:nth-child(2) > ul > li:nth-child(3n+1) figure img,
.at-loop ul > li:nth-child(3) > ul > li:nth-child(3n+2) figure img {
  height: 100%;
}



.at-loop > ul:after {
  display: block;
  content: '';
  clear: both;
}

.at-loop > ul > li {
    float: left;
    width: 100%;
    margin-right:0;
    transition: width 0.5s linear;
}
.at-loop > ul > li:first-child ul li:first-child p {
  font-size: 115%;
}

.at-loop > ul > li h2{
    font-size: 90%;
    color: var(--accent);
    text-align: center;
    margin-top: 6px;
    font-family: 'Executive 45';
}
.at-loop .wp-block-post {
    margin-bottom: var(--abstand-30-70);
    transition: opacity 0.9s linear, transform 0.8s ease;
    opacity: 0;
    transform: translateY(30px);
}
.at-loop .wp-block-post img {
  object-fit: cover;
}

.home-loop > ul > li ul li.wp-block-post:not(.first-box):hover {
    transform: translateY(0px) scale(1.05) !important;
}

.is-root-container .at-loop .wp-block-post ,
.at-loop .wp-block-post.at {
    opacity: 1;
    transform: translateY(0px);
}

.grid-col--2, .grid-col--3 { display: none; }


#map {
  width: 100%;
  height: 500px;
}




@media (min-width: 555px) {
  .at-loop > ul > li { width: calc( 50% - (var(--abstand-10-30)/2) ); margin-right: var(--abstand-10-30)}
  .at-loop > ul > li:nth-child(2) { margin-right: 0}
  .grid-col--2 { display: block; }

}
@media (min-width: 888px) {
    .col-gold>div:first-child {
        width: calc(62% - 15px);
    }
    .col-gold>div:last-child {
        width: calc(38% - 15px);
    }
    .col-50>div {
        width: calc(50% - 15px);
    }
}

@media (min-width: 999px) {
  .at-loop > ul > li {
    width: calc( 33.33% - (var(--abstand-10-30)/3*2) );
  }
  .at-loop > ul > li:nth-child(2) { margin-right: var(--abstand-10-30)}
  .at-loop > ul > li:last-child { margin-right: 0}
  .grid-col--2 , .grid-col--3{ display: block; }
}

@media (min-width:1600px) {
    .page-wide {
        max-width: var(--page-wide);
        width: var(--page-wide);
        margin: 0 -150px;
    }
    .is-root-container .page-wide {
        width: 100%;
        margin: 0 auto;
    }
}