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

html {
    font-size: 18pt;
}

body {
    line-height: 1;
}

ol,ul {
    list-style: none;
}

a {
    color: inherit;
    text-decoration: underline;
    transition: color 0.25s ease;
}

.img_logo {
    width: 100%;
}

#body {
    background-color: #e6e6e6;
}

#gallery-modal .inner img {
    width: 80vh;
    /* max-width: ; */
}

/* TEXTS */


/* //JK weg */
/* .text03 br+br { 
    margin-top: 1.125rem;
} */
.text03 {
    color: #545454;
    font-family: 'Heebo', sans-serif;
    letter-spacing: -0.025rem;
    width: 100%;
    font-size: 1em;
    line-height: 1.875;
    font-weight: 300;
}


/* //JK weg */
/* .text01 br+br { 
    margin-top: 0.75rem;
} */
.text01 {
    color: #545454;
    font-family: 'Heebo', sans-serif;
    letter-spacing: -0.175rem;
    width: 100%;
    font-size: 2.75em;
    line-height: 1.25;
    font-weight: 400;
}


/* //JK weg */
/* .text02 br+br {
    margin-top: 1.05rem;
} */
.text02 {
    color: #545454;
    font-family: 'Heebo', sans-serif;
    letter-spacing: -0.075rem;
    width: 100%;
    font-size: 1.25em;
    line-height: 1.75;
    font-weight: 300;
}

ul.text03 li::before {
    content: "▪️ ";
}

/* SOCIAL ICONS */
#icons01 li a {
    border-radius: 0.25rem;
    width: 1em;
    height: 1em;
    transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
    text-decoration: none;
}
/* icon margin */
#icons01 li {
    margin: 0.625rem;
}
/* hover icons */
#icons01 i:hover {
    transition: color 0.25s ease;
    color: #00D1FF !important;
}

/* Icon size */
#icons01 {
    font-size: 1.75em;
    width: calc(100% + 1.25rem);
    margin-left: -0.625rem;
}









/* GALLERY */
#gallery01:not(:first-child) {
    margin-top: 2rem !important;
}
#gallery01:not(:last-child) {
    margin-bottom: 2rem !important;
}
#gallery01 .inner {
    max-width: 100%;
    width: 100%;
}
#gallery01 ul {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 1.5rem);
    margin: -0.75rem 0 -0.75rem -0.75rem;
}
#gallery01 ul li img {
    display: block;
    flex-grow: 1;
    flex-shrink: 1;
    object-fit: cover;
    object-position: center;
    height: auto;
    max-height: 17.5rem;
}

/* //JK weg */
#gallery01 ul li .thumbnail {
    transition: none;
}

/* //JK weg */
#gallery01 ul li .thumbnail img {
    transition: none;
}

.img_description {
    align-self: center;
}

/* gallery margin */
#gallery01 ul li {
    border-radius: 0rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    margin: 0.75rem;
}
/* gallery frame */
#gallery01 ul li .frame {
    /* border-radius: 0rem; */
    display: flex;
    /* flex-grow: 1; */
    /* flex-shrink: 1; */
}

#gallery01 ul li img {
    object-fit: cover;
    width:300px;
    height:300px;
}


@media (max-width: 1680px) {
    html {
        font-size: 13pt;
    }
}

@media (max-width: 1280px) {
    html {
        font-size: 13pt;
    }
}

@media (max-width: 980px) {
    html {
        font-size: 11pt;
    }
}

@media (max-width: 736px) {
    html {
        font-size: 11pt;
    }
    .text03 {
        letter-spacing: -0.021875rem;
        width: 100%;
        font-size: 1em;
        line-height: 1.875;
    }
    .text01 {
        letter-spacing: -0.153125rem;
        width: 100%;
        font-size: 2.75em;
        line-height: 1.25;
    }
    .text02 {
        letter-spacing: -0.065625rem;
        width: 100%;
        font-size: 1.25em;
        line-height: 1.75;
    }
}

@media (max-width: 480) {

}

@media (max-width: 360px) {
    .text03 {
        font-size: 1em;
    }
    .text01 {
        font-size: 2em;
    }
    .text02 {
        font-size: 1.25em;
    }
}