/** AIH landing website theme **/
/* AIH font stuff */
@font-face {
    font-display: auto;
    font-family: DidactGothic;
    src: url("../font/DidactGothic-Regular.ttf");
}
@font-face {
    font-display: auto;
    font-family: BenchNine-Light;
    src: url("../font/BenchNine-Light.ttf");
}
@font-face {
    font-display: auto;
    font-family: BenchNine-Regular;
    src: url("../font/BenchNine-Regular.ttf");
}
@font-face {
    font-display: auto;
    font-family: BenchNine-Bold;
    src: url("../font/BenchNine-Bold.ttf");
}

/* AIH definitions */
body {
    font-family: DidactGothic, sans-serif;
    background-color: #86858a !important;
    color: #2b2b2b;
    line-height: 1.5em !important;
    font-weight: 500;
}

span, p, div {
    font-family: DidactGothic, sans-serif;
    font-size: 15px;
}

dd {
    display: list-item;
    margin-left: 4px;
    list-style-position: inside;
    list-style-type: square;
}

ul {
    list-style-position: inside;
    list-style-type: square;
    padding-left: 2px;
}​



dd::marker, li::marker {
    color: #86858a;
}




/* AIH Special Fonts */
.aih-small {
    font-family: DidactGothic, sans-serif;
    font-size: 15px;
}

.aih-large, .aih-link-large {
    font-family: DidactGothic, sans-serif;
    font-size: 17px;
}



h1, h2, h3, h4, h5, h6 {
    font-family: BenchNine-Regular, sans-serif;
    color: #3e3e3e;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.0em;
    font-weight: 500;
}   
h1, h2 {
    text-align: center;
}

h1 {font-size: 32px; margin-top: 26px !important;}
h2 {font-size: 26px; margin-top: 24px !important;}
h3 {font-size: 24px; margin-top: 20px !important;}
h4 {font-size: 22px;}
h5 {font-size: 20px;}
h6 {font-size: 18px;}

h1::before, h1::after, h2::before, h2::after {
    content: "\2E3B";
    vertical-align: 0.4em;
    font-size: 12px;
}
h1::before, h2::before {margin-right: 1.2em;}
h1::after, h2::after, h3::after {margin-left: 1.2em;}


/* AIH images */
img {
    width: 100%;
}

.foto-100 {
    margin-top: 0px;
}

.foto-50, .foto-33, .foto-25 {
    float: inline-start;
    margin-right: 16px;
    padding-top: 2px;
    padding-bottom: 7px;
}

.foto-rechts {
    float: inline-end;
    margin-right: 0px;
    margin-left: 16px;
}

.foto-100 {width: 100%;}
.foto-50 {width: 50%;}
.foto-33 {width: 33%;}
.foto-25 {width: 25%;}

@media (max-width:600px) {
    .foto-100 {width: 100%;}
    .foto-50 {width: 100%;}
    .foto-33 {width: 50%;}
    .foto-25 {width: 50%;}
}

/* AIH links and buttons */

a {
    font-family: DidactGothic, sans-serif;
}

a:hover {
    color: #5e5e5e;
}

li a {
    text-decoration: none;
}

.aih-link-menu {
    color: #fff;
    font-size: 16px;
    font-family: DidactGothic, sans-serif;
    font-weight: bolder;
    text-decoration: none;
    text-transform: none;
    margin-right: 5px;
}

.aih-link-menu::after, .aih-link-large-extra::after{
    /*content: "\2BC0";*/
    /* content: "\25A2";*/
    content: "\25C2";
    font-size: 11px;
    vertical-align: 0.1em;
    margin-left: 4px;
}
.aih-link-menu:hover::after, .aih-link-large-extra:hover::after{
    content: "\25BE";
}

/*
.aih-link-menu-active::before {
    content: "";
    margin-left: 1.5px; 
    margin-left: 9px;
    font-size: 9px;
    content: "\25A0";
    margin-left: 0px;
}
*/


.aih-link-large {
    text-decoration: underline;
    color: #efefef;
}

.aih-link-large-extra {
    text-transform: uppercase;
    text-decoration: none;
}
.aih-link-large-extra::before {
    margin-right: 4px;
}
.aih-link-menu:hover, .aih-link-large:hover {
    color: #ededed;
}

li a::after, .ext::after, .aih-link-external::after {
    line-height: 100%;
    vertical-align: super;
    font-size: 60%;
    content: "↗";
    margin-left: 4px;
}

.aih-container-contact {
    margin-top: 12px;
    display: grid;
    align-content: stretch;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.aih-container-contact-element {
    grid-column: span  1;
}
@media (max-width:900px){.aih-container-contact-element {grid-column: span 3;}}

.aih-container-contact-link {
    text-decoration: none;
    background-color: #efefef;
    border-radius: 3px;
    padding: 12px 24px 12px 24px;
}
.aih-contact-phone::before {
    content: "\260E";
    vertical-align: bottom;
    margin-right: 4px;
}
.aih-contact-phone-emergency::before {
    content: "\2706";
    vertical-align: bottom;
    margin-right: 4px;
    color: orange;
    font-size: 130%;
}
.aih-contact-mail::before {
    content: "\2709";
    vertical-align: bottom;
    margin-right: 4px;
    font-size: 130%;
}


.aih-button, .aih-button-medium, .aih-button-large {
    background: #86858a; 
    color: #fff;
    text-transform: none;

    font-family: BenchNine-Regular, sans-serif;
    /*letter-spacing: 0.7px;*/
}

.aih-button {
    font-size: 19px;
}

.aih-button-medium {
    font-size: 24px;
}
.aih-button-large {
    font-size: 28px;
}

.aih-button-fill {
    width: 100%;
}

@media (max-width:992px) {
    .aih-button-medium {
        font-size: 20px;
    }
    .aih-button-large {
        font-size: 24px;
    }
}

/* AIH elements for header area */
.aih-bar {
    background-color: #86858a !important;
    width: 100%;
    min-height: 80px;
}

.aih-top-bar {
    background-color: #86858a !important;
    position: relative;
    width: 100%;
    min-height: 100px;
}

.aih-header-area {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.aih-line{
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 21px;
    width: 100%;
    height: 1px;
    background: yellow;
}

.aih-logo-box {
    position: absolute;
    z-index: 8;
    bottom: 10px;
    margin-left: 12px;
    background-color: #86858a;
}

.aih-menu-box {
    position: absolute;
    z-index: 7;
    /*margin-left: 230px;*/
    padding-left: 12px;
    padding-right: 12px;
    bottom: 22px;
    text-align: right;
    width: 100%;
    max-width: 1200px;
}
.aih-sitename-box {
    position: absolute;
    z-index: 7;
    bottom: 50px;
    text-align: right;
   
    padding-left: 205px;
    padding-right: 24px;
    width: 100%;
    max-width: 1200px;
}

.aih-sitename {
    text-decoration: none !important;
    font-family: BenchNine-Light;
    font-size: 22px;
    color: #cccccc;
}
.aih-sitename:hover {
    color: #cccccc;
}

.aih-logo-top {
    /*height: 50px;*/
    width: 180px;
}

.aih-logo-bottom {
    height: 60px;
}


/* AIH main elements for content */
.aih-content-area {
    width: 100%;
    position: relative;
    background-size: cover;
}

.aih-content-col {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1200px !important;
    z-index: 1;

    padding-top: 24px;
    padding-bottom: 24px;
    padding: 24px 12px 24px 12px;

    display: grid;
    justify-items: stretch;
    align-content: stretch;
    grid-auto-flow: dense;
    
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 16px;
}

.aih-content-box-1, .aih-content-box-2, .aih-content-box-3, .aih-content-box-4,
.aih-content-box-third,
.aih-content-vbox-2, .aih-content-vbox-3
{
    border-radius: 8px;
    background: rgba(256,255,255,0.9);
    padding: 1px 18px 16px 18px;
}

.aih-content-vbox-1 { grid-row: span 1;}
.aih-content-vbox-2 { grid-row: span 2;}
.aih-content-vbox-3 { grid-row: span 3;}

.aih-content-box-1 { grid-column: span  3; }
.aih-content-box-2 { grid-column: span  6; }
.aih-content-box-3 { grid-column: span  9; }
.aih-content-box-4 { grid-column: span 12; }
.aih-content-box-third { grid-column: span 4; }

@media (max-width: 992px) {
    .aih-content-box-1 { grid-column: span 6; }
    .aih-content-box-2 { grid-column: span 12; }
    .aih-content-box-3 { grid-column: span 12; }
    .aih-content-box-4 { grid-column: span 12; }
    .aih-content-box-third { grid-column: span 6; }
}
@media (max-width: 600px) {
    .aih-content-box-1 { grid-column: span 12; }
    .aih-content-box-2 { grid-column: span 12; }
    .aih-content-box-3 { grid-column: span 12; }
    .aih-content-box-4 { grid-column: span 12; }
    .aih-content-box-third { grid-column: span 12; }
}

/* AIH Footer Elements */
.aih-footer-area {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 800px !important;

    padding-top: 24px;
    padding-bottom: 80px;

    display: grid;
    justify-items: flex-start;
    
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.aih-bottom-box {
    color: #fff;
    grid-column: span 1;
}
@media (max-width: 600px) {.aih-bottom-box{grid-column: span 2;}}