@page {
    margin: 0;
    padding: 0;
    size: A4 portrait;
    
    /*width: 21cm;
    height: 29.7cm*/
}

@page :first {

}

body {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    margin: 0;
    padding: 0;
}

.box, .pages, footer .menu, .bottomline {
    display: none;
}

nav {
    position: fixed;
    top: 30px;
    right: 1cm;
    text-align: right;
    width: 100%;
}

nav img {
    height: 65px;
}

a, a:active, a:visited {
    text-decoration: none;
    color: black;
}

section.subheading {
    /*
    padding-top: 100px;
    padding-bottom: 75px;
    */
    line-height: 1.6;
}

.content section {
    padding: 0 30px;
    margin: 15px 0;
}

.content {
    /*padding-left: 112px;*/
    padding-top: 150px;
    /*
    display: flex;
    flex-wrap: wrap;
    */
}

.col-l1 {
    width: 49.5%;
    display: inline-block;
    box-sizing: border-box;
}

.col-l1:nth-child(even), .col-m1:nth-child(even) {
    /*padding-right:0;*/
}

/* Hero */

.hero {
    width: 112px;
    background: #009865;
    /*position: fixed;*/
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    /*height: 29.7cm;*/
    
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
}

.hero a {
    position: absolute;
    bottom: 0;
    /*top: inherit;*/
    left: 35px;
    transform: rotate(-90deg);
    transform-origin: 0 0;
}

.hero a svg rect {
    fill: #009865;
}

.hero a svg .title,  .hero a:hover svg .title,  .hero a:visited svg .title,  .hero a:active svg .title {
    fill: white;
}

.break-print {
    page-break-before: always;
    padding-top: 150px;
}

.gal {
    position: relative;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding:0 0 0 112px;
    top: 250px;
    right: 0;
    page-break-after: always;
}

.gal img {
    vertical-align: bottom;
}

.gal preview {
    display: flex;
    justify-content: space-around;
    order: 2;
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px solid #ccc;
}

/* IMG */

.img-caption {
    background: linear-gradient(90deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);
    color: #333;
}

.gal .descr {
    display: none;
}

footer {
    font-size: .75em;
    position: fixed;
    bottom: 15px;
    /*
    right: 1cm;
    text-align: right;
    */
    text-align: center;
    width: 100%;
}

footer p {
    margin: 0;
}

.hide-print {
    display: none;
}