@media (max-height: 1400px) and (max-width : 1024px) {
    .typography .h2-klein{
        font-size: 22px !important;
    }
}
@media (max-height: 1200px) and (max-width : 768px) {
    .typography .h2-klein{
        font-size: 22px !important;
    }
}
/*.typography a*/
/*{*/
/*    color:inherit;*/
/*}*/
.typography h1{
    font-family:"Akko W01 Regular";
    font-size: 52px;
    line-height: 56px;
    text-transform: none;
    position: relative;
    color: #10325f;
}
.hellblau_h1{
    color: #1B99D9 !important;
}
.dunkelblau_h1{
    color: #10325f;
    font-family:"Akko W01 Bold" !important;
    font-size: 52px;
    line-height: 56px;
}
.typography h2{
    font-family: 'Akko W01 Regular';
   font-size: 48px;
    line-height: 54px;
    text-transform:uppercase;
    color: #10325f;
}
.typography h3{
    font-family: 'Akko W01 Regular';
    font-size: 42px;
    line-height: 48px;
    color: #10325f;
}
.typography h4{
    font-family: 'Akko W01 Bold';
    font-size: 20px;
    line-height: 26px;
    color: #10325f;
    margin-bottom: 20px;
}
.typography h5{
    font-family: 'Akko W01 Regular' !important;
    font-size: 24px;
    line-height: 30px !important;
    color: #10325f;
}
.typography h6 {
    font-family: 'Akko W01 Bold' !important;
    font-size: 18px;
    line-height: 24px;
    color: #10325f;
    margin-bottom: 15px;
}

.typography h6 span {
    font-family: 'Akko W01 Bold' !important;
    font-size: 18px;
    line-height: 24px;
    color: #10325f;
    margin-bottom: 15px;
}
.typography h6.small{
    font-family: 'Akko W01 Regular' !important;
    font-size: 20px;
    line-height: 26px;
    color: #10325f;

}
.typography p,
.typography p span
{
    font-family: 'Akko W01 Regular' !important;
    font-size: 18px;
    line-height: 24px;
   color: #10325f;
}
.typography .h2-klein{
    font-family: 'Akko W01 Regular' !important;
    font-size: 33px;
    line-height: 46px;
    color: #10325f;
    margin-bottom: 20px;
    text-transform:uppercase;

}
.typography li{
    font-family: 'Akko W01 Regular';
    color: #10325f;
    line-height: 28px;
    font-size: 18px;
}
.typography span{
    font-family: 'Akko W01 Regular';
    font-size: 16px;
    line-height: 20px;
    color: #10325f;
}
.typography .color-white{
    color: #fff !important;
}
.typography h1,
.typography .h1,
.typography h1 a,
.typography .h1 a,
.typography h2,
.typography .h2,
.typography h2 a,
.typography .h2 a,
.typography h3,
.typography .h3,
.typography h3 a,
.typography .h3 a,
.typography h4,
.typography .h4,
.typography h4 a,
.typography .h4 a, 
.typography h5,
.typography .h5
{
    font-family: 'Akko W01 Regular';
}

.typography h1.simple:after{
    display: none;
}
.typography p{
    margin-bottom: 1.5em;
}
.typography h1 + h2 {
    margin-top: -9px;
    margin-bottom: 18px;
}

.typography h2,
.typography .h2,
.typography .h2 a,
.typography h2 a ,
.typography .h2 span,
.typography h2 span {
    /*margin-bottom: 0.5em;*/
    text-transform: none;
    position: relative;
}

.typography h2.simple:after{
    display: none;
}

.typography h3,
.typography .h3,
.typography .h3 a,
.typography h3 a {
    margin-bottom: 0.5rem;
    display: block;
}

.typography h3 + h4 {
    margin-top: -6px;
}

.typography h4,
.typography .h4,
.typography .h4 a,
.typography h4 a {

    margin-bottom: 0.5em;
}

.font-14 *,
.font-14{
    font-size: 14px !important;
    line-height: 22px;
}

/* lists */
.typography ol,
.typography ul {
    counter-reset: li; /* Initiate a counter */
    margin-left: 0; /* Remove the default left margin */
    padding-left: 0; /* Remove the default left padding */
    margin-bottom: 1.5em;
}

.typography ol ol,
.typography ul ul {
    margin: 0 0 0 2em; /* Add some left margin for inner lists */
}

.typography ol > li,
.typography ul > li {
    position: relative; /* Create a positioning context */
    margin: 20px 0 3px 28px; /* Give each list item a left margin to make room for the numbers */
    padding: 4px 8px; /* Add some spacing around the content */
    list-style: none; /* Disable the normal item numbering */
}

.typography ol > li:before {
    content: counter(li); /* Use the counter as content */
    counter-increment: li; /* Increment the counter by 1 */
    /* Position and style the number */
    position: absolute;
    top: 9px;
    left: -28px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right: 8px;
    height: 24px;
    width: 24px;
    color: #fff;
    text-align: center;
    font-family: 'Akko W01 Regular' !important;
    font-weight: normal;
    background-color: #10325f;
    line-height: 24px;
    border-radius: 20px;
}

.typography ul > li:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f00c";
    /* Position and style the number */
    position: absolute;
    top: 5px;
    font-size: 11px;
    left: -28px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right: 5px;
    width: 24px;
    height: 24px;
    color: #005684;
    font-weight: bold;
    text-align: center;
    border: 2px solid #005684;
    background-color: transparent;
    line-height: 23px;
    border-radius: 20px;
}
.typography ul.simplelist > li:before
{
    display:none;
}

/* alingments */
.typography .right,
.typography .rightAlone,
.typography .alignright {
    float: right;
    margin: 0 0 1.5em 1.5em;
}

.typography .left,
.typography .alignleft {
    float: left;
    margin: 0 1.5em 1.5em 0;
}

.typography .center,
.typography .aligncenter {
    float: none;
    margin: 0 auto;
}

/* images */
.typography .captionImage{
    display: inline-block;
}
.typography .center.captionImage
{
    display:block;
}

.img-responsive {
    max-width: 100%;
    height: auto;
}

.typography .captionImage p.caption {
    font-size: 14px;
    clear: both;
    padding: 6px;
    background: #2766ab;
    width: 100%;
    margin: 0;
    color: #fff;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}


/* tables */
.typography table {
    border-collapse: collapse;
    margin-bottom: 2.5rem;
}

.typography tbody > tr > td:not(:first-child),
.typography tbody > tr > th:not(:first-child),
.typography tfoot > tr > td:not(:first-child),
.typography tfoot > tr > th:not(:first-child),
.typography thead > tr > td:not(:first-child),
.typography thead > tr > th:not(:first-child)
.typography td {
    padding: 30px;
    line-height: 1.4285;
    border-left: 0px solid #ddd;
    vertical-align: top;
}

.typography tr:not(:last-child){
    border-bottom: 1px solid #ddd;
}

.typography th {
    font-weight: normal;
}

.typography tr:hover {
    background: transparent;
}

.typography strong {
    font-family: 'Akko W01 Bold' !important;
    font-weight: normal;
}
.typography .sneekpeek:after {
    font-family: FontAwesome;
    content: "\f002";
    color: #DF4B38;
    margin-left: 10px;
    font-size: 20px;
    position: absolute;
    margin-top: -6px;
}

/* misc */
.separator {
    height: 0;
    border-bottom: 2px dashed #74b0d4;
    margin-bottom: 18px;
    opacity: 0.5;
}

.white-text,
.white-text *{
    color: #fff !important;
    background: transparent;
}
.white-text h1:after,
.white-text h2:after{
    background-color:#fff !important;
}

.color-primary,
.color-primary *
{
   color: #10325F !important;
}

.regular {
    font-family: 'Akko W01 Regular' !important;
}

.bold {
    font-family: 'Akko W01 Bold' !important;
}

.color-secondary,
.color-secondary *
{
    color: #1B99D9 !important;
}

.color-white,
.color-white *
{
    color: #fff !important;
}

.tableofcontents {
    margin-bottom: 1rem !important;
}

.tableofcontents li {
    margin-left: 0;
    padding-left: 20px;
}

.tableofcontents li:before {
    display: none;
}
.content__column a:not([href]) {
    position: relative;
    top: -140px;
    display: block;
    height: 1px;
    width: 1px;
    opacity: 0;
    background: red;
}

a:hover {
    color: #36a9e1 !important;
    text-decoration: none;
    transition: all 0.4s ease-out;
}
@media only screen and (max-width : 1200px){
    .typography .h2-klein {
        font-family: 'Akko W01 Regular' !important;
        font-size: 28px;
        line-height: 46px;
        color: #14325f;
        margin-bottom: 20px;
        text-transform: uppercase;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px){
    .typography h2,
    .typography .h2,
    .typography .h2 a,
    .typography h2 a ,
    .typography .h2 span,
    .typography h2 span {
        font-size: 32px;
        line-height: 36px;
    }
}
.typography .font-black
{
    color:black !important;
}
@media only screen and (max-width : 768px) {
    .typography h1,
    .typography h1 a,
    .typography .h1 a,
    .typography .h1 ,
    .typography h1 span,
    .typography .h1 span{
        font-size: 32px;
        line-height: 40px;
    }

    .typography h2,
    .typography .h2,
    .typography .h2 a,
    .typography h2 a ,
    .typography .h2 span,
    .typography h2 span {
        font-size: 26px;
    }
    .hero__carousel p{
        font-size: 16px !important;
    }
    .typography h3,
    .typography .h3,
    .typography .h3 a,
    .typography h3 a ,
    .typography .h3 span,
    .typography h3 span {
        font-size: 26px;
        line-height: 34px;
    }
}

.typography .hashlink
{
    color:#14325f !important;
}