@font-face {
    font-family: 'OpenSansLight';
    src: local ('OpenSansLight') url('../font/opensans/OpenSans-Light.ttf') format('truetype');
}

body {
    font-family: 'Open Sans', sans-serif !important;
}

nav {
    padding: 40px 5%;
}

.navbar-start {
    margin-left: auto;
    margin-right: 0 !important;
}


/*
.navbar-end {
    margin-left: 0 !important;
}
*/

.dropdown {
    padding: 0;
}

.navbar-item img {
    max-height: 3rem;
}

.navbar-menu a.navbar-item {
    border-bottom: 2px solid #ffffff;
    text-decoration: none;
}

.navbar-item--active {
    color: #3050a0 !important;
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 2px solid #3050a0 !important;
    text-decoration: none;
}

.navbar-menu a.navbar-item:hover {
    color: #3050a0 !important;
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 2px solid #ffffff !important;
    text-decoration: underline;
}

nav .navbar-start li {
    display: inline;
}

nav .navbar-start li a {
    color: #4a4a4a;
    padding: 8px 12px 12px 8px;
    line-height: 1.5;
}

.doccom footer {
    background-color: #5c5c5c;
}

a {
    color: #33549a;
    text-decoration: underline;
}

a:hover {
    color: #5c7abb;
}

.doccom a.dropdown-item {
    text-decoration: none;
}

.gray-bg {
    background-color: #f9f9f9 !important;
}

.white-bg {
    background-color: #ffffff !important;
}

.doccom a.dropdown-item.is-active {
    background-color: #5c7abb;
    border-radius: 4px;
}

.tag:hover {
    /*cursor: pointer;*/
    opacity: 0.8;
}

.burger {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 1.25em;
    margin-right: 0.3em;
    border-top: 0.2em solid #7d7d7d;
    border-bottom: 0.2em solid #7d7d7d;
}

.burger::before {
    content: "";
    position: absolute;
    top: 0.3em;
    left: 0px;
    width: 100%;
    border-top: 0.2em solid #7d7d7d;
}

.burger {
    display: block;
}

@media screen and (min-width:1024px) {
    .burger {
        display: none;
    }
}

@media screen and (max-width:1023px) {
    .navbar-menu {
        padding-left: 2rem;
        padding-right: 2rem;
        min-height: 300px;
    }
    .dropdown-menu {
        width: 100%;
    }
}


/*------------------TYPO--------------------*/

.title {
    text-align: center;
    font-weight: 300;
    padding: 0 0 20px 0;
}


/*------------------HOME--------------------*/

#home .hero-body {
    padding: 0;
}

#home .hero .hero-body .container .image img {
    width: 500px;
    margin: 0 auto;
}

#home .rollover-emotions {
    padding: 0;
}

#home_modules .columns .column {
    height: 240px;
    background-position: center;
    background-size: cover;
}

#home_modules .columns .column {
    position: relative;
    overflow: hidden;
    padding: 0;
    background-color: #3050a0;
}

#home_modules .columns .column img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: 0.2s;
}

#rollover1,
#rollover2,
#rollover3 {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 2;
}

#rollover1:hover~#hover1 {
    transform: scale(1.2);
    opacity: 0.4;
}

#rollover2:hover~#hover2 {
    transform: scale(1.2);
    opacity: 0.4;
}

#rollover3:hover~#hover3 {
    transform: scale(1.2);
    opacity: 0.4;
}

#home_modules .columns .column h3 {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    display: none;
    transition: 0.2s;
}

#home_modules .columns .column:hover h3,
#home_modules .columns .column:hover p {
    display: inline-block;
}

#home_modules .columns .column p {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    display: none;
    transition: 0.2s;
}


/*-------------------COLORS Accent=#e3461c ---------------------*/

.doccom .button.is-link {
    background-color: #5c7abb;
    text-decoration: none;
}

.is-success {
    background-color: #5c7abb !important;
    color: #fff;
}

.is-primary {
    background-color: #64bb8a !important;
    ;
    color: #fff;
}


/*-------------------MODULE---------------------*/

#module .title {
    text-align: left;
    padding: 20px 0 15px 35px;
    margin-bottom: 0rem;
    margin-top: 2rem;
    color: #33549a;
}

#module h2 {
    font-size: 150%;
    color: #33549a;
}

#module h4 {
    font-size: 85%;
    /* font-weight: bold; */
}

#module .columns {
    margin-left: 0rem;
    margin-right: 0rem;
    margin-top: -0.75rem;
}

#module .section {
    padding-top: 3rem;
}

#module .box {
    height: 100%;
}


/* B) */

#module .headline--category01 {
    background-color: white;
    color: #33549a;
}

#module .color--category01 {
    background-color: #e9edf9;
    color: white;
}

#module .color--category01 h2 {
    color: #33549a;
}


/* C) */

#module .headline--category02 {
    background-color: white;
    color: #33549a;
}

#module .color--category02 {
    background-color: #d1daf8;
    color: white;
}

#module .color--category02 h2 {
    color: #33549a;
}


/* D) */

#module .headline--category03 {
    background-color: white;
    color: #795172;
}

#module .color--category03 {
    background-color: #ffe4fa;
    color: white;
}

#module .color--category03 h2 {
    /* color: #795172; */
}


/* E) */

#module .headline--category04 {
    background-color: white;
    color: #80735b;
}

#module .color--category04 {
    background-color: #fdf2de;
    color: white;
}

#module .color--category04 h2 {
    /* color: #80735b; */
}

#module .box {
    background-color: rgba(255, 255, 255, 0.7);
    max-width: 350px;
}

#module .box:hover {
    background-color: rgba(255, 255, 255, 0.9);
}

#module .box figure {
    overflow: hidden;
    background-color: #3050a0;
}

#module .box img {
    transition: transform .2s ease;
}

#module .box:hover img {
    transform: scale(1.2);
    opacity: 0.7;
}

#module figure {
    position: relative;
}

#module figure a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    cursor: pointer;
    display: none;
}

#module .box:hover a {
    display: block;
}


/*----------------NEWS MODAL---------------------*/

.modal .modal-card {
    width: 90% !important;
}

.modal li {
    margin: 15px 0;
}

.modal .modal-card-head {
    background-color: #3050a0;
}

.modal .modal-card-title {
    color: white;
}


/*----------------INFO & SUPPORT----------------*/

#info section:nth-child(2) a p {
    color: #3050a0;
}

#info section:nth-child(2) a p:hover {
    color: #94a2c6;
}

#info section:nth-child(3) {
    background-color: #3050a0;
}

#info .white-link {
    color: #abb7d4;
}

#info .white-link:hover {
    color: #ffffff;
}


/*---------------AUTOREN-------------------*/

#autoren .hero {
    margin: 100px 0 0 0;
}

#autoren figure {
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#autoren figure img {
    border-radius: 4px;
}

#autoren .column {
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    margin: 10px 10px 50px 10px;
}

#autoren .column a {
    color: #3050a0;
}

#autoren .subtitle {
    margin: 20px 0 5px 0;
}

#autoren .column a:hover {
    color: rgba(48, 80, 160, 0.59);
}


/*---------------KUNDEN-------------------*/

#kunden .hero {
    margin: 100px 0 0 0;
}


/*---------------PUBLIKATIONEN-------------------*/

#publikationen .secion {
    /*border: 1px solid #e6e6e6;*/
}