/** !
Theme Name: bha1-5
Description: Theme Boltshauser Architekten
Author: Yunikon, Programmierung Elmar Schmidinger elmar@schmidinger.com
Version: 1.5
Text Domain: bha1
*/

@import url("fonts/style-fonts.css");
@import url('style-proto.css');
@import url('style-blocks.css');
@import url('style-blocks-mobile.css');
@import url('style-yk.css');
@import url('style-mobile.css');
 :root {
    --bha-grey: #969b91;
    --bha-bggrey: #F5F5F5;
    --bha-black: #000000;
    --hba-font-black: #231F20;
    /*--scrollbar-width: 10px;*/
    /*    --cont-width: calc(100vw - 90px);*/
    --bha-col-width: calc((100vw - 90px - var(--scrollbar-width)) /17);
}


/* Generelles */

.otgs-development-site-front-end {
    display: none;
}

.idx {
    display: none;
}

/* RULER */
#c2-1-1 .list .thumb img {
    border: 1px solid #ececec !important;
  }


/*
html {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
*/

body {
    padding: 0;
    margin: 0;
    font-family: UniversNext;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    overflow-y: scroll;
}

body {
    animation: fadeInAnimation ease 1.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

h3 {
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    letter-spacing: 0.5px;
    margin: 0;
    color: var(--hba-font-black);
}

h5 {
    font-weight: 500;
}

 :lang(en) h3 {
    font-weight: 500;
}

.content p {
    font-size: 13.5px;
    line-height: 18.5px;
    letter-spacing: 0.1px;
}

 :lang(en) p {
    font-weight: 500;
}

.bg-grey {
    background-color: var(--bha-bggrey);
}

.mix-blend-mode {
    mix-blend-mode: darken;
}


/* HEADER */

#header {
    position: relative;
    height: 67px;
}

.page-wrapper {
    position: relative;
    top: 0;
    width: 100%;
    height: 100%;
    margin-top: -67px;
}

main {
    overflow: hidden;
}

.main.close {
    display: none;
}

.logo img {
    width: 375px;
}


/* FOOTER */

#site-footer {
    height: 90px;
}


/* PAGENAV */

#pagenav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
}

#pagenav .content {
    height: 60px;
    width: 100%;
    background-color: white;
}

.pagenav_title {
    padding: 20px;
}

.pagenav__arrows {
    position: absolute;
    bottom: 0;
    height: 60px;
    display: flex;
    width: auto;
    left: 0;
    right: 0;
    justify-content: center;
}

.pagenav__arrow svg {
    display: none;
    fill: #000;
}

.pagenav__arrow.sees-arrow {
    align-items: center;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0;
    cursor: pointer;
    display: flex;
    position: absolute;
    z-index: 1;
    top: 22px;
    height: 50px;
}

.pagenav__arrow.sees-arrow.pagenav__arrow--next.sees-next {
    background-image: url(imgs/nav-arrow-b.svg);
    background-repeat: no-repeat;
    width: 200px;
    background-size: 50px;
    transition: all 0.1s ease-in-out;
    transform: rotate(180deg);
    right: 0;
    background-position: 35px 14px;
    top: 6px;
}

.pagenav__arrow.sees-arrow.pagenav__arrow--next.sees-next svg {
    padding: 15px;
}

.pagenav__arrow.sees-arrow.pagenav__arrow--prev.sees-prev {
    background-image: url(imgs/nav-arrow-b.svg);
    background-repeat: no-repeat;
    width: 200px;
    background-size: 50px;
    transition: all 0.1s ease-in-out;
    top: 7px;
    left: 0px;
    background-position: 35px 16px;
}

.pagenav__arrow.sees-arrow.pagenav__arrow--next.sees-prev svg {
    padding: 15px;
}


/* MENÜ */

.navbar {
    cursor: pointer;
    display: flex;
}

.bha-menu,
.bha-back {
    letter-spacing: 1px;
}

.bha-back {
    padding-right: 38px;
    background-image: url(imgs/nav-back.svg);
    background-repeat: no-repeat;
    width: 50px;
    padding-left: 73px;
    background-size: 50px;
    background-position-y: 3px;
    opacity: 0.3;
    transition: all 0.1s ease-in-out;
}

.bha-back:hover {
    opacity: 1;
    transition: all 0.1s ease-in-out
}

#c1-1-1 .menu-item {
    font-size: 45px;
    line-height: 45px;
    /*color: var(--bha-grey);*/
    color: #969b91;
    font-style: normal;
    font-weight: 300;
    list-style: none;
    margin-bottom: 44px;
    transition: all ease-in-out 0.1s;
}

#c1-2-1 .content {
    margin-top: 25px;
}

#c1-2-2 .idx,
#c1-2-3 .idx {
    margin-top: 6px;
}

#c1-2-1 .header,
#c1-3-1 .header {
    margin-top: 10px;
}

/*
#c1-3-2,
#c1-3-4,
#c1-3-6,
#c1-3-8,
#c1-3-10,
#c1-3-12 {
    margin-top: 62px;
}
*/

/*
#c1-3-3,
#c1-3-4 {
    opacity: 0.3;
}
*/
#c1-3-2 .content {
    margin-top: 25px;
}

#c2-1-1 .content {
    margin-top: 0px !important;
    line-height: 1.3em;
}

#c2-1-1 .list .entry {
    margin-bottom: 0px !important;
}

#c2-1-2 .content {
    margin-top: 25px;
}


.col-m3 .filter.list {
    margin-top: 25px !important;
}

#dashboard .menu-item:hover {
    color: var(--hba-font-black);
    transition: all ease-in-out 0.1s;
}

#dashboard .menu-item.active {
    color: var(--hba-font-black);
}

#dashboard {
    position: absolute;
    z-index: 9;
    background-color: #ffffff;
    width: calc(100vw - var(--scrollbar-width));
    min-height: 100%;
    display: none;
    top: 0;
    padding-bottom: 242px;
}

#dashboard .container {
    margin-top: 115px;
}

#dashboard.open {
    display: block;
}

#dashboard .menu.list {
    padding: 0;
    margin: 0;
}

#dashboard .list li {
    list-style: none;
}

#dashboard .list {
    padding: 0;
    margin: 0;
}

#dashboard .list .entry {
    display: flex;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 18px;
}

.list.werkueb .entry {
    display: inline-block !important;
}
.list.werkueb li {
    padding-top:10px;
}

.list.werkueb .thumb {
    margin-bottom: 15px !important;
    margin-top: 15px !important;
    filter: grayscale(1);
}

#dashboard .list {
    text-decoration: none;
    color: var(--bha-grey);
}

#dashboard .list .pm-item {
    color: var(--hba-font-black);
}

#dashboard .pm-item .entry {
    margin-bottom: -4px !important;
}

#dashboard .mr2.list,
#dashboard .typ-filter .list {
    color: var(--hba-font-black);
}

#dashboard .list link,
#dashboard .list a {
    text-decoration: none;
    color: var(--hba-font-black);
}

/*
#dashboard .pm-item link,
#dashboard .pm-item a {
    border-bottom: 1px solid;
}
*/

#dashboard .list .entry .idx {
    width: 54px;
}

#dashboard .list .entry .title div {
    margin-bottom: 4px;
}

#dashboard .menu-item div {
    margin-bottom: 0px;
}

#dashboard .typ-filter .fsel {
    font-size: 13px;
    margin-bottom: 20px;
}

#dashboard .typ-filter .msel {
    font-size: 13px;
}

#dashboard .submenu {
    margin-top: 15px !important;
}

#dashboard .submenu {
    max-height: 0px;
    overflow: hidden;
    transition: max-height .8s ease-in-out;
}

#dashboard .selected .submenu {
    max-height: 999px;
    transition: max-height .8s ease-in-out;
}

#dashboard .subsel {
    margin-left: 53px;
    color: var(--bha-grey);
    margin-bottom: 10px !important;
}

.submenu li p {
    margin: 0;
    padding: 0;
}

.submenu .ajctive p {
    color: var(--bha-black);
}

.menu-item {
    cursor: pointer;
}

.menu-1col {
    margin-top: 75px;
}

.menu-1col .list {
    column-count: 3;
    /* column-gap: calc((100vw - 90px) / 17);  bha1-3 */
    column-gap: var(--bha-col-width);
    /* bha1-3 */
}

.menu-1col .list li {
    break-inside: avoid-column;
}

.menu-3col {
    display: flex;
}

.menu-3col>div:first-child {
    margin-right: calc((100vw - 90px) / 17);
    width: calc((100vw - 90px) * 5/17);
}

.menu-3col>div:nth-child(2) {
    width: calc((100vw - 90px) * 5/17);
    margin-right: calc((100vw - 90px) / 17);
}

.menu-3col>div:nth-child(3) {
    width: calc((100vw - 90px) * 5/17);
}

.m1,
.m2,
.m3,
.m4 {
    display: none;
}

.m1.active,
.m2.active,
.m3.active,
.m4.active {
    display: block;
}


.m3-1,
.m3-2,
.m3-3,
.m3-4,
.m3-5,
.m3-6 {
    display: none;
}

.m3-1.active,
.m3-2.active,
.m3-3.active,
.m3-4.active,
.m3-5.active,
.m3-6.active {
    margin-top: 0 !important;
    display: block;
}


.typ-search {
    margin-bottom:60px;
}


.m3-1 .typ-search,
.m3-2 .typ-search,
.m3-3 .typ-search,
.m3-4 .typ-search,
.m3-5 .typ-search,
.m3-6 .typ-search {
    display: none;
}





.filter .submenu.list {
    /*    display: none;*/
}

.filter .selected .submenu.list {
    display: block;
}

.filter .submenu.list.selected {
    display: block;
}

.filter .selected {
    /*    background-color:rgb(224, 133, 133);*/
}

.filter .ajctive {
    /*    background-color:rgb(192, 224, 133);*/
    /*font-weight: bold;*/
    color: var(--bha-black);
}

.selected div {
    font-weight: bold;
}

.hba-load {
    cursor: pointer;
}

.loadicon img {
    margin-top: 0px;
    width: 120px;
    height: auto;
}

.msel div:lang(en)::after {
    /*content: "→";*/
}

.msel.selected div:lang(en)::after {
    /*content: "↓";*/
}

.subclose {
    background-image: url('imgs/close.svg');
    background-size: 20px 20px;
    background-position: center;
    height: 10px;
    width: 10px;
    margin-top: 0px;
    opacity: 0.3;
}

.subclose:hover {
    opacity: 1;
}

.fsel.msel.selected div:lang(en)::after,
.fsel.msel div:lang(en)::after {
    content: unset;
}

.search-submit {
    display: none;
}

.search-field {
    border: none;
    border-bottom: 1px solid var(--bha-grey);
    width: 50%;
    font-size: 13px;
    height: 36px;
    color: var(--bha-grey);
    background-color: transparent;
    font-weight: 300;
    font-family: UniversNext;
}

.search-field:focus-visible {
    border-bottom: 1px solid var(--bha-black);
    outline: none;
}

#dashboard #c2-1-2 ul.list {
    column-count: 6;
}

#dashboard .list .pm-item {
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.3em;
    margin-top: 0;
}

#dashboard .list .pm-item {
    display: inline-block;
    width: calc((100vw - 90px) / 17 * 2);
}

#dashboard .list .thumb {
    margin-left: 55px;
    margin-bottom: 18px;
    margin-top: 26px;
    filter: grayscale(1);
}

#dashboard .list .thumb a {
    border-bottom: 0;
}

#dashboard .list .thumb img {
    width: 112px;
}

#dashboard .list .content {
    margin-top: 5px;
}

#dashboard .list .content p {
    margin: 0;
    margin-bottom: 3px;
}


/*#dashboard .list.aktivitaeten.aktivitaeten-lehre li {*/

#dashboard .list.aktivitaeten li {
    padding-bottom: 15px;
}


/* PAGES */

.page-template .container {
    margin-top: 112px;
}


/* HOME */

.home #a1-header .background-image img {
    width: 100%;
    height: 100vh;
}

.home .main .container {
    margin-top: 16px;
}

.home .main .wp-block-column h1 {
    font-weight: 100;
    margin: 0;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.5px;
}

.home .main .wp-block-column h2 {
    font-weight: 500;
    margin: 0;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.5px;
}

.home .main .wp-block-column h5 {
    margin: 0;
    font-weight: 100;
}

.home .main .wp-block-column.en {
    font-weight: 500;
}

.home .main .content p {
    font-size: 13.5px;
    line-height: 18.5px;
    letter-spacing: 0.1px;
    margin: 0;
    margin-bottom: 16px;
}

.home .wp-block-columns.is-style-3-cols-set {
    margin-bottom: 18px;
}

.home .is-style-3-cols-set div {
    margin-right: var(--bha-col-width);
    margin-left: 0 !important;
}

.home .is-style-3-cols-set div:nth-child(3) {
    width: calc( var(--bha-col-width) * 5);
    margin-left: var(--bha-col-width);
    margin-right: 0 !important;
}

#header .container {
    /* menü-position */
    position: absolute;
    /* position: fixed; */
    z-index: 10;
    width: calc(100% - 90px);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 45px;
    margin-top: 41px;
}

#cover {
    background-size: cover;
    width: 100%;
    height: 100vh;
    position: relative;
    background-repeat: no-repeat;
}

.container {
    margin: 45px;
}

.text-3col {
    display: flex;
}

.text-3col.header {
    margin-bottom: 5px;
}

.text-3col>div:first-child {
    /*    margin-right: calc((100% - 90px) / 17);*/
    width: calc((100vw - 90px) * 5/17);
}

.text-3col>div:nth-child(2) {
    width: calc((100vw - 90px) * 7/17);
    /*    margin-right: calc((100% - 90px) / 17);*/
}

.text-3col>div:nth-child(3) {
    width: calc((100vw - 90px) * 5/17);
}


/* LANG */

#dashboard :lang(en) {
    font-weight: 500;
}


/* SEARCH */

div.search_result {
    display: none;
}

.search_bar button {
    display: none;
}

.search_bar #keyword {
    border: none;
    border-bottom: 1px solid var(--bha-grey);
    color: var(--bha-grey);
    outline: none;
    box-shadow: none;
}

.search_bar #keyword:focus-visible,
.search_bar #keyword:focus-within,
.search_bar #keyword:focus {
    border-bottom: 1px solid black !important;
    color: black;
}


/* SLIDER */

.splide__track .title {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: calc(100% - var(--scrollbar-width));
    padding: 20px;
    background-color: black;
    color: white;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    font-weight: 100;
}

.splide__track .title a {
    color: white;
    text-decoration: none;
}

.splide__arrows {
    position: absolute;
    bottom: 0;
    padding: 32px;
    display: flex;
    width: auto;
    left: 0;
    right: 0;
    background-color: black;
}

.splide__arrow svg {
    display: none;
    fill: #000;
}

.splide__arrow.sees-arrow {
    align-items: center;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0;
    cursor: pointer;
    display: flex;
    position: absolute;
    z-index: 1;
    top: 22px;
    height: 50px;
}

.splide__arrow.sees-arrow.splide__arrow--next.sees-next {
    background-image: url(imgs/nav-arrow-w.svg);
    background-repeat: no-repeat;
    width: 200px;
    background-size: 50px;
    transition: all 0.1s ease-in-out;
    transform: rotate(180deg);
    right: 0;
    background-position: 35px 14px;
    top: 6px;
}

.splide__arrow.sees-arrow.splide__arrow--next.sees-next svg {
    padding: 15px;
}

.splide__arrow.sees-arrow.splide__arrow--prev.sees-prev {
    background-image: url(imgs/nav-arrow-w.svg);
    background-repeat: no-repeat;
    width: 200px;
    background-size: 50px;
    transition: all 0.1s ease-in-out;
    top: 31px;
    left: 0px;
    background-position: 35px 16px;
}

.splide__arrow.sees-arrow.splide__arrow--next.sees-prev svg {
    padding: 15px;
}

.pagenav__arrow.sees-arrow div {
    margin-left: 100px;
    font-size: 13px;
    color: var(--hba-font-black);
}

.pagenav-cont-next .pagenav__arrow.sees-arrow div {
    margin-left: 100px;
    font-size: 13px;
    transform: rotate(180deg);
    color: var(--hba-font-black);
}


/* PROJEKT */


/*
.single-projekt #cover.fullwidth {
    background-size: inherit;
    height: calc(100vw * 3 / 4);
}

#a1-cover {
    position: relative;
    top: 0;
    width: 100%;
    height: calc(100vw * 3 / 4);
    display: inline-block;
    background-size: contain;
}
*/

#a1-header {
    width: 100%;
    display: inline-block;
    position: relative;
    max-width: 100%;
}

.single-projekt .cover,
.single-ausstellung .cover,
.single-wettbewerb .cover {
    display: flex;
    background-color: var(--bha-bggrey);
}

.single-projekt .cover .col1,
.single-ausstellung .cover .col1,
.single-wettbewerb .cover .col1 {
    /*    width: calc((100vw - 90px) *9/17); */
    width: 50%;
}

.single-wettbewerb .cover .col2,
.single-ausstellung .cover .col2,
.single-projekt .cover .col2 {
    /*width: calc((100vw - 90px) *8/17);*/
    width: 50%;
}

.single-wettbewerb .cover .col3,
.single-ausstellung .cover .col3,
.single-projekt .cover .col3 {
    display: none;
}

.single-wettbewerb .cover .col2 .image-block,
.single-ausstellung .cover .col2 .image-block,
.single-projekt .cover .col2 .image-block {
    margin-top: 30px;
}

.single-wettbewerb .cover .c1,
.single-ausstellung .cover .c1,
.single-projekt .cover .c1 {
    background-color: rgb(255, 238, 0);
    width: calc(100vw * 9/17);
    mix-blend-mode: darken;
}

.single-wettbewerb .cover .c2,
.single-ausstellung .cover .c2,
.single-projekt .cover .c2 {
    background-color: var(--bha-bggrey);
    /*    height: calc((100vw - 90px) * 32 / 51);*/
    /* height: calc(((100vw - 180px) * 32 / 51) + 32px);*/
    /*    width: calc((100vw - 90px - var(-bha-scroll-width)) * 8/17);*/
    height: calc(var(--bha-col-width) * 32/3);
    width: calc(var(--bha-col-width) * 8);
    display: flex;
    mix-blend-mode: darken;
    margin-right: 0;
    margin-left: auto;
}

.single-wettbewerb .cover .c2.a1 .frame,
.single-ausstellung .cover .c2.a1 .frame,
.single-projekt .cover .c2.a1 .frame {
    margin: 0px;
    position: relative;
}

.single-wettbewerb .cover .c2.a1 img,
.single-ausstellung .cover .c2.a1 img,
.single-projekt .cover .c2.a1 img {
    /*width: calc((var(--bha-col-width) * 8)) !important;*/
    width: calc((var(--bha-col-width) * 8));
    position: absolute;
    height: auto;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: none;
}

.single-wettbewerb .cover .c2.a2 .frame,
.single-ausstellung .cover .c2.a2 .frame,
.single-projekt .cover .c2.a2 .frame {
    position: relative;
    margin: 45px;
    width: 100%;
}

.single-wettbewerb .cover .c2.a2 img,
.single-ausstellung .cover .c2.a2 img,
.single-projekt .cover .c2.a2 img {
    width: calc((var(--bha-col-width) * 8) - 90px) !important;
    position: absolute;
    height: auto;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: none;
}

.single-wettbewerb .cover img,
.single-ausstellung .cover img,
.single-projekt .cover img {
    width: 100%;
}

.titel-block h1 {
    margin: 0;
    font-size: unset;
    font-weight: unset;
}

.titel-block {
    font-family: UniversNext;
    font-size: 63px;
    line-height: 72px;
    margin-top: 67px;
}

.info-block {
    margin-top: 110px;
    font-size: 13px;
    line-height: 19px;
}

.info-block ul {
    padding: 0;
    margin: 0;
}

.info-block li {
    list-style: none;
    margin-bottom: 11px;
}

.info-block :lang(en) {
    margin-bottom: 11px;
    font-weight: 500;
}

.titel:lang(en) {
    font-weight: 500;
}

#a2-awards {}

#a2-awards .container {
    margin-top: 26px;
    margin-bottom: 62px;
    font-size: 13px;
}

#a2-awards .datum {
    font-size: 16px;
}

#a3-gal-typ-1 {
    background-color: aliceblue;
}

#a2-awards ul {
    padding: 0;
    /*    display: flex;*/
    display: block;
}

#a2-awards li {
    list-style: none;
    line-height: 0px;
    padding-right: 5px;
    display: inline-block;
}


/* SKIZZE */

.single-skizze #a1-header {
    height: 70px;
}

.single-skizze .skt {
    opacity: 0;
}


/* SINGLE ACTIVIY */

.single-news,
.single-presse,
.single-forschung,
.single-lehre,
.single-expo,
.single-awards {
    background-color: var(--bha-bggrey);
}

.single .activity .text-1col.header {
    margin-top: 112px;
    padding-top: 4px;
}

.single .activity .text-1col.content {
    margin-top: 118px;
}


.single .activity .text-1col.content {
    margin-top: 0;
    margin-top: 90px;
}

.single .activity .text-1col.content.text-img {
    margin-top: 118px;
}

.single .activity .text-1col.content .wp-block-image {
    margin: 0;
}
.single .activity h1 {
    font-size: 45px;
    font-weight: 100;
    line-height: 52px;
    margin: 0;
}

.single .activity p {
    margin: 0;
}

.single .activity h2 {
    font-size: 45px;
    font-weight: 100;
    line-height: 52px;
    margin: 0;
}

.single .activity :lang(en) {
    font-weight: 500;
}

.single .activity .is-style-3-cols-set .wp-block-column {
    /*width: calc( var(--bha-col-width) * 5) ;*/
    margin-right: var(--bha-col-width);
    margin-left: 0 !important;
}

.single .activity .is-style-3-cols-set .wp-block-column:nth-child(3) {
    margin-right: 0;
}

/* PAGE PROFIL */

.page-template-page-profil {
    background-color: var(--bha-bggrey);
    color: var(--hba-font-black);
}

.page-template-page-profil .main h1 {
    font-size: 45px;
    font-weight: 100;
    line-height: 52px;
    margin: 0;
}

.page-template-page-profil .main h3 {
    line-height: 1.4em;
    margin: 0;
    padding-bottom: 5px;
}

.page-template-page-profil .subtitel {
    font-size: 45px;
    line-height: 52px;
    color: var(--bha-grey);
}

.page-template-page-profil .main a {
    text-decoration: none;
    color: var(--bha-grey);
}

.page-template-page-profil .text-1col.content {
    margin-top: 165px;
}

.page-template-page-profil .is-style-3-cols-set .wp-block-column {
    /*width: calc( var(--bha-col-width) * 5) ;*/
    margin-right: var(--bha-col-width);
    margin-left: 0 !important;
}

.page-template-page-profil .is-style-3-cols-set div:nth-child(3) {
    /*width: calc( var(--bha-col-width) * 5) ;*/
    margin-left: var(--bha-col-width);
    margin-right: 0 !important;
}

.page-template-page-profil .wp-block-column.en {
    font-weight: 500;
}

.page-template-page-profil .wp-block-column.en h3 {
    font-weight: 500;
}

.page-template-page-profil .lazy-hidden {
    opacity: 1;
}

.page-template-page-profil .text-1col.content {
    margin-top: 90px;
    margin-bottom: 0;
}

.page-template-page-profil .wp-block-columns.is-style-3-cols-set {
    margin-bottom: 0;
}

.page-template-page-profil .wp-block-column {
    width: calc( var(--bha-col-width) * 5);
    margin-right: var(--bha-col-width);
    margin-left: 0 !important;
}

.page-template-page-profil .is-style-3-cols-set .wp-block-column:nth-child(3) {
    margin-right: 0;
}

/* SINGLE TEAM */

.single-team {
    background-color: var(--bha-bggrey);
    color: var(--hba-font-black);
}

.single-team .container {
    margin-top: 112px;
}

.single-team .main h1 {
    font-size: 45px;
    font-weight: 100;
    line-height: 52px;
    margin: 0;
}

.single-team .main h3 {
    line-height: 1.4em;
    margin: 0;
    padding-bottom: 5px;
}

.single-team .subtitel {
    font-size: 45px;
    line-height: 52px;
    color: var(--bha-grey);
    word-break: break-word;
}

.single-team .main a {
    text-decoration: none;
    color: var(--bha-grey);
}

.single-team .text-1col.content {
    margin-top: 165px;
}

.single-team .is-style-3-cols-set .wp-block-column {
    /*width: calc( var(--bha-col-width) * 5) ;*/
    margin-right: var(--bha-col-width);
    margin-left: 0 !important;
}

.single-team .is-style-3-cols-set div:nth-child(3) {
    /*width: calc( var(--bha-col-width) * 5) ;*/
    margin-left: var(--bha-col-width);
    margin-right: 0 !important;
}

.single-team .wp-block-column.en {
    font-weight: 500;
}

.single-team .wp-block-column.en h3 {
    font-weight: 500;
}


/* PAGE DEFAULT */

.page-template-default {
    background-color: var(--bha-bggrey);
    color: var(--hba-font-black);
}

.page-template-default .text-1col.header {
    margin-top: 130px;
}

.page-template-default h1 {
    font-weight: 100;
    margin: 0;
}

.page-template-default h3 {
    line-height: 1.4em;
    margin: 0;
    padding-bottom: 5px;
}

.page-template-default a {
    text-decoration: none;
    color: var(--bha-grey);
}

.page-template-default .text-1col.content {
    margin-top: 120px;
}

.page-template-default .is-style-3-cols-set .wp-block-column {
    /*width: calc( var(--bha-col-width) * 5) ;*/
    margin-right: var(--bha-col-width);
    margin-left: 0 !important;
}

.page-template-default .is-style-3-cols-set div:nth-child(3) {
    /*width: calc( var(--bha-col-width) * 5) ;*/
    margin-left: var(--bha-col-width);
    margin-right: 0 !important;
}

.page-template-default .wp-block-column.en {
    font-weight: 500;
}

.page-template-default .wp-block-column.en h3 {
    font-weight: 500;
}


/*
.text-2col div:first-child {
    margin-right: calc((100% - 90px) / 17);
}
.text-2col .col {
    width: calc(/(100% - 90px) /17) * 8);
}

@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 1195px) {
    .text-2col {
        display:flex;
    }
    .text-3col {
        display:flex;
    }
}
@media only screen and (min-width: 1620px) {

}
*/


/* Image with 'data' attribute is hidden - wp rocket lazy load fade in  */


/*
img[data-lazy-src] {
    opacity: 0;
}

img.lazyloaded {
    -webkit-transition: opacity .3s linear 0.2s;
    -moz-transition: opacity .3s linear 0.2s;
    transition: opacity .3s linear 0.2s;
    opacity: 1;
}
*/