body,
        * {
            font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            position: relative;
        }

        #body a {
            color: #46b3ab
        }

        h1,
        h2,
        h3,
        h4.subheader,
        .nav a,
            {
            font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif
        }

        h1 {
            font-size: 3em;
            font-weight: lighter;
            margin: 0.3em 0;
            text-align: left;
            padding: 20px 0;
        }

        h2 {
            font-size: 2.5em;
            font-weight: lighter;
            margin: 0.3em 0;
            text-align: left;
            padding: 20px 0;
        }

        h3 {
            font-size: 1.5em;
            font-weight: lighter;
            margin: 0.3em 0;
            text-align: left;
        }

        h4.subheader {
            font-size: 2.5em;
            font-weight: lighter;
            text-align: left;
        }

        #container-header {}

        .header-img-div {
            padding-top: 100px;
        }

        #container-header .navbar-dark .navbar-nav .nav-link,
        #container-footer .navbar-dark .navbar-nav .nav-link {
            color: rgba(255, 255, 255, 1);
        }

        #container-header .navbar-dark .navbar-nav .nav-item:hover .nav-link,
        #container-footer .navbar-dark .navbar-nav .nav-item:hover .nav-link {

            color: rgba(255, 255, 255, 0.7);
        }

        #body {
            text-align: justify;
        }

        #footer {
            height: 60px;
            /* Height of the footer */
        }

        #container-body {
            margin-bottom: 80px;
        }

        #signature-small {
            opacity: 0;
        }

        .navbar .dropdown-toggle,
        .navbar .dropdown-menu a,
        .navbar .dropdown-item {
            cursor: pointer;
        }

        #navbar-main ul {
            margin-right: 0 !important;
            margin-left: auto !important;
        }

        .content-col-2 {
            -ms-hyphens: auto;
            -webkit-hyphens: auto;
            hyphens: auto;

        }

        @media (min-width: 767px) {

            .content-col-2 {
                -webkit-column-count: 2;
                /* Chrome, Safari, Opera */
                -moz-column-count: 2;
                /* Firefox */
                column-count: 2;
                column-gap: 60px;

                -ms-hyphens: auto;
                -webkit-hyphens: auto;
                hyphens: auto;

            }

            .content-col-rule {
                /*column-rule: 3px double #dddddd;*/
            }
        }

        @media (max-width: 767px) {
            h1 {
                font-size: 2em;
                font-weight: lighter;
                margin: 0.2em 0;
                text-align: left;
                padding: 5px 0;
            }

            h2 {
                font-size: 1.5em;
                font-weight: lighter;
                margin: 0.3em 0;
                text-align: left;
                padding: 5px 0;
            }

            h3 {
                font-size: 1.3em;
                font-weight: lighter;
                margin: 0.3em 0;
                text-align: left;
            }

            h4.subheader {
                font-size: 1.2em;
                font-weight: lighter;
                text-align: left;
            }
        }


        .bg-wedekind-blau {
            background-color: #51cec5;
        }


        .animated {
            -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
        }



        @-webkit-keyframes fadeIn {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        .fadeIn {
            -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
        }

        @-webkit-keyframes fadeOut {
            from {
                opacity: 1;
            }

            to {
                opacity: 0;
            }
        }

        @keyframes fadeOut {
            from {
                opacity: 1;
            }

            to {
                opacity: 0;
            }
        }

        .fadeOut {
            -webkit-animation-name: fadeOut;
            animation-name: fadeOut;
        }

        .invisible {
            visibility: hidden;
        }

        .img-thumbnail {
            width: 120px;
        }

        .img-inline {
            margin: 10px;
        }


        .source-information {
            margin: 20px 0;
            color: lightgray;
        }

        .gallery {
            list-style: none;
            overflow: hidden;
            padding: 0;
            margin: 0;
        }

        .gallery li {
            float: left;
            margin: 4px;
        }