@import url(vendor/font-awesome/css/fontawesome-all.min.css);
@import url(vendor/materialize.min.css);
@import url(../fonts/din-2014/din-2014.css);
@import url(../js/vendor/strip/css/strip.css);
/* colors */
/* fonts */
/* extend */
.page main.history-tree:after, .category main.history-tree:after, .single main.history-tree:after, .page main.history-tree article:after, .category main.history-tree article:after, .single main.history-tree article:after {
content: "";
display: block;
clear: both; }

.page main.articles article, .page main .articles article, .category main.articles article, .category main .articles article, .single main.articles article, .single main .articles article, .page main .wpcf7 button i, .category main .wpcf7 button i, .single main .wpcf7 button i, .page main .gallery dl img, .category main .gallery dl img, .single main .gallery dl img {
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }

/* mixins */
* {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 1rem;
outline-style: none !important;
font-weight: 300; }

html, body {
margin: 0px;
padding: 0px; }

a:hover {
-webkit-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s; }

#wpadminbar * {
color: #ffffff; }

header nav {
height: 120px;
padding: 20px 20px;
background-color: #ffffff !important;
border: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important; }
header nav img {
    height: 80px !important;
    width: auto; }
header nav ul.desktop-nav > li {
    margin: 0 10px; }
header nav a {
    line-height: 100px;
    color: #000000;
    font-size: 1.2rem;
}
    header nav a:hover {
    background-color: transparent !important;
    color: #ec6400; }
header nav .sidenav-trigger a {
    line-height: 70px !important;
    height: 70px !important; }

header .desktop-nav .dropdown-content {
top: 100px !important;
-webkit-box-shadow: none !important;
box-shadow: none !important; }
header .desktop-nav .dropdown-content li {
    background-color: #ec6400; }
header .desktop-nav .dropdown-content li:hover {
    background-color: #ffffff; }
header .desktop-nav .dropdown-content a {
    font-size: 0.9rem;
    color: #ffffff; }
    header .desktop-nav .dropdown-content a:hover {
    color: #68676c; }

header .mobile-nav .dropdown-content {
position: static !important;
padding-left: 20px;
-webkit-box-shadow: none;
box-shadow: none; }

header .mobile-nav .dropdown-content a {
height: auto !important; }

header .sidenav {
padding-top: 20px; }
header .sidenav a {
    text-transform: uppercase;
    font-size: 1.3rem !important; }

footer {
background-color: #1f1f1f;
padding: 20px; }
footer .container {
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    font-size: 0.9rem; }

.home main {
background-image: url(../images/home-background.jpg);
background-position: top center;
background-size: cover;
width: 100%;
height: 800px; }
.home main h1 {
    margin: 0 auto;
    padding: 20px;
    font-size: 3.5rem;
    font-weight: 700; 
    color: #ffffff;
    text-shadow: rgba(0,0,0,0.85) 6px 6px 20px;
}

.page .parallax-container, .category .parallax-container, .single .parallax-container {
height: 250px;
clear: both; }

.page main, .category main, .single main {
clear: both;
background-color: #ffffff;
overflow: hidden; }
.page main h1, .category main h1, .single main h1 {
    padding: 30px 0;
    font-size: 3rem;
    color: #1f1f1f; }
.page main h2, .category main h2, .single main h2 {
    font-size: 2rem !important;
    color: #000000 !important;
    font-weight: bold; }
.page main blockquote, .category main blockquote, .single main blockquote {
    background-color: #F2F2F2;
    border: none !important;
    padding: 20px;
    display: block;
    font-size: 2rem !important; }
    .page main blockquote:before, .category main blockquote:before, .single main blockquote:before {
    font-family: "Font Awesome 5 Free";
    content: "\f10d";
    float: left;
    opacity: 0.2;
    font-weight: 900;
    margin-right: 10px; }
    .page main blockquote p, .category main blockquote p, .single main blockquote p {
    margin: 0px;
    font-size: 2rem !important; }
.page main ul:not(.links), .category main ul:not(.links), .single main ul:not(.links) {
    margin-left: 50px; }
    .page main ul:not(.links) li, .category main ul:not(.links) li, .single main ul:not(.links) li {
    list-style-type: square; }
    .page main ul:not(.links) ul, .category main ul:not(.links) ul, .single main ul:not(.links) ul {
    margin-left: 30px; }
    .page main ul:not(.links) ul li, .category main ul:not(.links) ul li, .single main ul:not(.links) ul li {
        list-style-type: circle; }
.page main .links img, .category main .links img, .single main .links img {
    max-width: 100%;
    height: auto; }
.page main .links ul li, .category main .links ul li, .single main .links ul li {
    margin: 0 5px;
    display: inline-block; }
    .page main .links ul li i, .category main .links ul li i, .single main .links ul li i {
    color: #CCCCCC;
    font-size: 2rem; }
    .page main .links ul li i:hover, .category main .links ul li i:hover, .single main .links ul li i:hover {
        color: #ec6400; }
.page main .inline-label, .category main .inline-label, .single main .inline-label {
    display: inline-block; }
.page main .static-label, .category main .static-label, .single main .static-label {
    position: static !important;
    display: block;
    margin-bottom: 20px; }
.page main.single header, .category main.single header, .single main.single header {
    background-color: #F2F2F2; }
    .page main.single header h1, .category main.single header h1, .single main.single header h1 {
    color: #1f1f1f;
    text-transform: uppercase;
    font-size: 2rem; }
.page main.single article section, .category main.single article section, .single main.single article section {
    text-align: left;
    color: #000000; }
    .page main.single article section time, .category main.single article section time, .single main.single article section time {
    display: block;
    text-align: right;
    font-style: italic;
    color: #68676c; }
.page main.single aside.articles article, .category main.single aside.articles article, .single main.single aside.articles article {
    width: 100% !important;
    margin-bottom: 20px; }
.page main.articles article, .page main .articles article, .category main.articles article, .category main .articles article, .single main.articles article, .single main .articles article {
    background-color: #ec6400;
    padding: 80px 10px !important;
    color: #ffffff;
    text-align: center; }
    .page main.articles article.black, .page main .articles article.black, .category main.articles article.black, .category main .articles article.black, .single main.articles article.black, .single main .articles article.black {
    background-color: #000000; }
    .page main.articles article.gray, .page main .articles article.gray, .category main.articles article.gray, .category main .articles article.gray, .single main.articles article.gray, .single main .articles article.gray {
    background-color: #68676c; }
    .page main.articles article:hover, .page main .articles article:hover, .category main.articles article:hover, .category main .articles article:hover, .single main.articles article:hover, .single main .articles article:hover {
    background-color: #68676c !important; }
    .page main.articles article time, .page main .articles article time, .category main.articles article time, .category main .articles article time, .single main.articles article time, .single main .articles article time {
    color: #ffffff;
    font-style: italic; }
    .page main.articles article h2, .page main .articles article h2, .category main.articles article h2, .category main .articles article h2, .single main.articles article h2, .single main .articles article h2 {
    text-transform: uppercase;
    color: #ffffff !important;
    font-size: 1.5rem !important;
    margin: 0px; }
    .page main.articles article h2:before, .page main .articles article h2:before, .category main.articles article h2:before, .category main .articles article h2:before, .single main.articles article h2:before, .single main .articles article h2:before {
        content: "";
        display: block;
        width: 20px;
        height: 2px;
        background-color: #ffffff;
        margin: 20px auto; }
    .page main.articles article a, .page main.articles article a:focus, .page main.articles article a:hover, .page main.articles article a:visited, .page main .articles article a, .page main .articles article a:focus, .page main .articles article a:hover, .page main .articles article a:visited, .category main.articles article a, .category main.articles article a:focus, .category main.articles article a:hover, .category main.articles article a:visited, .category main .articles article a, .category main .articles article a:focus, .category main .articles article a:hover, .category main .articles article a:visited, .single main.articles article a, .single main.articles article a:focus, .single main.articles article a:hover, .single main.articles article a:visited, .single main .articles article a, .single main .articles article a:focus, .single main .articles article a:hover, .single main .articles article a:visited {
    text-transform: uppercase;
    color: #ffffff;
    border: 2px solid #ffffff;
    padding: 10px 20px;
    margin-top: 30px;
    display: inline-block; }
.page main.history-tree, .category main.history-tree, .single main.history-tree {
    background-image: url(../images/backgrounds/background-history.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    padding-bottom: 50px; }
    .page main.history-tree h1, .category main.history-tree h1, .single main.history-tree h1 {
    background-color: #ffffff;
    color: #000000;
    display: inline-block;
    margin: inherit auto;
    padding: 10px;
    margin-bottom: 0px; }
    .page main.history-tree article, .category main.history-tree article, .single main.history-tree article {
    position: relative;
    width: 100%;
    display: block;
    margin-top: 100px;
    text-align: left; }
    .page main.history-tree article .details, .category main.history-tree article .details, .single main.history-tree article .details {
        display: block;
        width: 45%;
        background-color: #ffffff;
        padding: 20px;
        clear: both;
        position: relative; }
        .page main.history-tree article .details:after, .category main.history-tree article .details:after, .single main.history-tree article .details:after {
        content: '';
        top: 16px;
        position: absolute;
        width: 0;
        height: 0;
        clear: both; }
    .page main.history-tree article time, .category main.history-tree article time, .single main.history-tree article time {
        width: 45%;
        height: 40px;
        line-height: 40px;
        font-size: 3rem;
        margin-top: 16px;
        color: #ffffff; }
    .page main.history-tree article:nth-child(odd) .details, .category main.history-tree article:nth-child(odd) .details, .single main.history-tree article:nth-child(odd) .details {
        float: left;
        border-right: 5px solid #ec6400; }
        .page main.history-tree article:nth-child(odd) .details:after, .category main.history-tree article:nth-child(odd) .details:after, .single main.history-tree article:nth-child(odd) .details:after {
        right: -20px;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 20px solid #ec6400; }
    .page main.history-tree article:nth-child(odd) time, .category main.history-tree article:nth-child(odd) time, .single main.history-tree article:nth-child(odd) time {
        float: right;
        text-align: left; }
    .page main.history-tree article:nth-child(even) .details, .category main.history-tree article:nth-child(even) .details, .single main.history-tree article:nth-child(even) .details {
        float: right;
        border-left: 5px solid #ec6400; }
        .page main.history-tree article:nth-child(even) .details:after, .category main.history-tree article:nth-child(even) .details:after, .single main.history-tree article:nth-child(even) .details:after {
        left: -20px;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-right: 20px solid #ec6400; }
    .page main.history-tree article:nth-child(even) time, .category main.history-tree article:nth-child(even) time, .single main.history-tree article:nth-child(even) time {
        float: left;
        text-align: right; }
    .page main.history-tree article .timeline-badge, .category main.history-tree article .timeline-badge, .single main.history-tree article .timeline-badge {
        position: absolute;
        width: 40px;
        height: 40px;
        display: block;
        background-color: #ec6400;
        top: 16px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        border-radius: 20px;
        border: 3px solid #ffffff; }
    .page main.history-tree article.event-black .timeline-badge, .category main.history-tree article.event-black .timeline-badge, .single main.history-tree article.event-black .timeline-badge {
        background-color: #000000 !important; }
    .page main.history-tree article.event-black .details, .category main.history-tree article.event-black .details, .single main.history-tree article.event-black .details {
        border-color: #000000; }
        .page main.history-tree article.event-black .details:after, .category main.history-tree article.event-black .details:after, .single main.history-tree article.event-black .details:after {
        border-right-color: #000000;
        border-left-color: #000000; }
    .page main.history-tree article.event-gray .timeline-badge, .category main.history-tree article.event-gray .timeline-badge, .single main.history-tree article.event-gray .timeline-badge {
        background-color: #68676c !important; }
    .page main.history-tree article.event-gray .details, .category main.history-tree article.event-gray .details, .single main.history-tree article.event-gray .details {
        border-color: #68676c; }
        .page main.history-tree article.event-gray .details:after, .category main.history-tree article.event-gray .details:after, .single main.history-tree article.event-gray .details:after {
        border-right-color: #68676c;
        border-left-color: #68676c; }
    .page main.history-tree h2, .category main.history-tree h2, .single main.history-tree h2 {
    margin: 0px 0 10px 0;
    font-size: 2rem;
    font-weight: 300; }
    .page main.history-tree p, .category main.history-tree p, .single main.history-tree p {
    margin: 0px;
    line-height: 1.8rem;
    color: #68676c; }
    .page main.history-tree .divider, .category main.history-tree .divider, .single main.history-tree .divider {
    width: 5px;
    background-color: #ffffff;
    height: 100%;
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
.page main .persons, .category main .persons, .single main .persons {
    text-align: center; }
    .page main .persons h3, .category main .persons h3, .single main .persons h3 {
    text-transform: uppercase;
    font-size: 1.5rem; }
    .page main .persons p, .category main .persons p, .single main .persons p {
    color: #68676c; }
    .page main .persons img, .category main .persons img, .single main .persons img {
    width: 80%;
    height: auto;
    max-width: 200px; }
.page main .modal, .category main .modal, .single main .modal {
    background-color: #ffffff; }
    .page main .modal .modal-footer, .category main .modal .modal-footer, .single main .modal .modal-footer {
    background-color: #ec6400; }
    .page main .modal .modal-footer *, .category main .modal .modal-footer *, .single main .modal .modal-footer * {
        color: #ffffff; }
.page:not(.page-id-324) main section:not(.no-materialize) *, .category main section *, .single main section * {
    color: #68676c;
    letter-spacing: 0.1px;
    font-size: 1.1rem; }
.page.page-id-324 main strong{ font-weight: 700; }
.page.page-id-324 main *:not(a) { color: unset; }
.page main input[type=radio] + span::after, .category main input[type=radio] + span::after, .single main input[type=radio] + span::after {
    background-color: #ec6400 !important;
    border-color: #ec6400 !important; }
.page main input[type=radio]:not(:checked) + span::before, .category main input[type=radio]:not(:checked) + span::before, .single main input[type=radio]:not(:checked) + span::before {
    border-color: #ec6400 !important; }
.page main .g-recaptcha, .category main .g-recaptcha, .single main .g-recaptcha {
    margin: 0 auto;
    width: 304px; }
.page main .wpcf7 button, .category main .wpcf7 button, .single main .wpcf7 button {
    margin-top: 30px;
    background-color: #ec6400 !important;
    color: #ffffff; }
    .page main .wpcf7 button i, .category main .wpcf7 button i, .single main .wpcf7 button i {
    color: #ffffff; }
    .page main .wpcf7 button:hover i, .category main .wpcf7 button:hover i, .single main .wpcf7 button:hover i {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5); }
.page main .gallery, .category main .gallery, .single main .gallery {
    text-align: center; }
    .page main .gallery dl, .category main .gallery dl, .single main .gallery dl {
    display: inline-block;
    padding: 0px;
    margin: 5px; }
    .page main .gallery dl:hover img, .category main .gallery dl:hover img, .single main .gallery dl:hover img {
        opacity: 0.5; }
    .page main .gallery br, .category main .gallery br, .single main .gallery br {
    display: none; }

.brand-logo.eu{ left: 148px; }

/*@media only screen and (max-width: 1100px) {*/
@media only screen and (max-width: 1350px) {
.brand-logo.eu{ left: 92px; }
.brand-logo img {
    height: 50px !important;
    vertical-align: middle; }
header nav ul.desktop-nav > li {
    margin: 0px 5px !important; }
.history-tree span.details {
    width: 43% !important; } }

@media only screen and (max-width: 1120px) and (min-width: 993px) {
.brand-logo.eu{ width: 66px; overflow: hidden; }
}
@media only screen and (max-width: 992px) {
nav .brand-logo{ left: 40%; }
.brand-logo.eu{ left: calc(40% + 200px); }

nav a.sidenav-trigger { margin-top: 6px; }
nav a.sidenav-trigger i { font-size: 3rem !important; }
.brand-logo { top: -20px;  }
.brand-logo img {
    height:70px !important;
    vertical-align: middle; }
.history-tree span.details {
    width: 42% !important; } }

@media only screen and (max-width: 599px) {
.brand-logo.eu{ width: 90px; overflow: hidden; left: calc(40% + 120px); }

nav a.sidenav-trigger { margin-top: 12px !important; }
.history-tree article {
    margin-top: 50px !important; }
.history-tree time {
    font-size: 1.5rem !important;
    width: 40% !important; }
.history-tree span.details {
    width: 40% !important; }
    .history-tree span.details h2 {
    font-size: 1.2rem !important; }
    .history-tree span.details p {
    font-size: 1rem !important;
    line-height: 1rem !important; }
.history-tree .timeline-badge {
    width: 20px !important;
    height: 20px !important;
    top: 24px !important; } }

@media only screen and (max-width: 499px) {
a.sidenav-trigger {
    margin: 0px !important; }
.home h1 {
    font-size: 1.9rem !important; } }