/**
 * hana+nils · Büro für Gestaltung
 * https://hananils.de · buero@hananils.de
 */

@page {
    margin: 0.75in 0 0.875in 0; /* 0.875in*/
    size: letter;
    overflow: visible;
}

:root {
    --text-size-1: 55pt;
    --text-size-2: 33pt;
    --text-size-3: 25pt;
    --text-size-4: 18pt;
    --text-size-5: 14pt;
    --text-size-6: 10.5pt;
    --text-size-7: 9.5pt;
    --text-size-8: 8pt;

    --text-line-1: 55pt;
    --text-line-2: 33pt;
    --text-line-3: 25pt;
    --text-line-4: 14pt;
    --text-line-5: 14pt;
    --text-line-6: 14pt;
    --text-line-7: 12.5pt;
    --text-line-8: 11pt;
}

* {
    position: relative !important;
    height: auto !important;
    min-height: auto !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    color: #000 !important;
    /* background: none !important; */
    text-shadow: none !important;
    transform: none !important;
}

body {
    background-color: #fff;
    position: relative;
}

.layout {
    display: block;
    margin: 0 0.75in 0 1in !important;
}

.layout,
.cover,
.notification,
figure * {
    background: none !important;
}

.cover {
    break-after: avoid;
    break-before: auto;
}

.cover * {
    break-after: avoid;
}

.cover .title {
    margin-bottom: 5.45rem;
}

.cover .title {
    padding-top: 5.75rem;
}

div.cover .title {
    padding-top: 0;
}

.title {
    padding: 0;
}

.title h1 {
    margin-left: 0;
    font-size: var(--text-size-1);
}

.subline {
    margin-top: 5pt;
}

.subline a {
    margin-right: 0.7rem !important;
}

.notification a strong {
    margin-right: 1.28rem !important;
}

.columns {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 0.375in;
}

.columns .primary {
    grid-column: 1 / 2;
}

.columns .secondary {
    grid-column: 2 / 3;
}

.columns .secondary h3 {
    letter-spacing: 0.2pt;
}

.company {
    letter-spacing: 0.4pt;
}

a[href^='mailto:'],
a[href^='tel:'],
a[href*='branchplant'] {
    text-decoration: none;
}

a:not([href^='mailto:'], [href^='tel:'], [href*='branchplant'])::after {
    content: ' (' attr(href) ')';
}

/* Introduction */

.introduction {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.375in;
}

/* Footer */

.footer {
    display: flex;
    align-items: first baseline;
    margin-top: 1in;
    padding: 0;
    font-size: var(--text-size-small);
    border: 0;
    gap: 2ch;
}

.footer strong {
    margin: 0;
    font-size: var(--text-size);
    font-weight: var(--text-weight-light);
}

.footer strong span {
    font-weight: var(--text-weight-bold);
}

.footer div {
    margin: 0;
}

.footer dl {
    display: block;
}

.footer-contact {
    display: flex;
    gap: 2ch;
}

.footer-about,
.footer-newsletter,
.footer-social,
.footer-contact dt,
/* .footer-contact br, */
.footer time {
    display: none;
}

.footer-contact br {
    display: none;
}

.footer-contact br::after {
    content: ', ';
}

/**
 * Hide
 */

#toggle,
.toggle-menu,
.navigation,
.breadcrumbs,
.jumpmarks,
.explore,
.index,
.galleries {
    display: none !important;
}