body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

#wrapper {
    flex: 1;
}

div {
  word-wrap: break-word;
}

.max-width-1407 {
    max-width: 1407px !important;
}

.text-container-width {
    max-width: 640px !important;
}

.width-100-percent {
    width: 100%;
}

.modal-width-800 {
    width: 800px;
}

.height-100-percent {
    height: 100%;
}

.button.is-primary:hover {
    background-color: #4A4A4A;
}

.single-spaced {
    line-height: 100%;
}

.is-brown {
    color: #4D3217;
}

.category-heading {
    /*    padding-left: 8px;
        background-image: url("../img/logo-tile-blue.2642e3d38d0c.png");
        background-size: contain;
        background-repeat: no-repeat;*/
    font-weight: 500;
    font-variant-caps: all-small-caps;
    text-transform: uppercase;
}

.column-heading {
    font-weight: 500;
    font-variant-caps: all-small-caps;
    text-transform: uppercase;
}

.hero-box .title {
    font-weight: 800;
    color: #000000;
}

.hero-box .content {
    font-size: 1rem;
}

.hero-box .title + .content {
    margin-top: -0.8rem;
    margin-bottom: 1rem;
}

.project-polygon {
    height: 100%;
    position: relative;
    left: 0px;
    top: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 7% 15% 7% 25%;
    margin: 0px 0px;
    box-shadow: none;
    -moz-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.notification-green {
    background-color: rgba(184, 213, 143, 0.6);
}

.notification-blue {
    background-color: rgba(193, 228, 236, 0.6);
}

.project-polygon:hover {
    position: relative;
    left: -3px;
    top: -3px;
}

.event-polygon {
    position: relative;
    left: 0px;
    top: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 32px 12% 32px 12%;
    margin: 0px 0px;
    box-shadow: none;
    -moz-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.event-polygon:hover {
    position: relative;
    left: -3px;
    top: -3px;
}

.logo-wrapper {
  position: relative;
}

.blue-shape9 {
    background-image: url("../img/HTRK_09.bcb6cf2ccf9b.svg");
}

.yellow-shape10 {
    background-image: url("../img/GLB_10.68b1e690e2fa.svg");
}

.green-shape7-flipped {
    background-image: url("../img/HGR_07_flipped.48e822d4fd54.svg");
}

.purple-shape9 {
    background-image: url("../img/LIL_09.9ba93c215735.svg");
}

.green-shape1-wide, .green-shape1 {
    background-image: url("../img/HGR_01.93acbe2ea76f.svg");
}

@media screen and (min-width: 769px) {
    .green-shape1-wide {
        background-image: url("../img/HGR_01_long.dff7d6357feb.svg");
    }
}

.light-blue-shape10 {
    background-image: url("../img/HBL_10.f229d3a830f5.svg");
}

.beige-shape7-flipped {
    background-image: url("../img/BEG_07_flipped.9c5c4cbcb9a8.svg");
}

.blue-shape7-flipped {
    background-image: url("../img/HTRK_07_flipped.239d6d4a913f.svg");
}

.yellow-shape7-flipped {
    background-image: url("../img/GLB_07_flipped.5a6b5b4482a4.svg");
}


.light-blue-shape7-flipped {
    background-image: url("../img/HBL_07_flipped.ec0833cd72c5.svg");
}

.purple-shape7-flipped {
    background-image: url("../img/LIL_07_flipped.66fd33090c5a.svg");
}

.bg-title-image {
    background-image: url("../img/Berliner_Buechertisch_Teamfoto.2416874316f9.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 800px;
}

.hero-container {
    position: relative;
    margin: 0px;
}

.hero-box {
    position: absolute;
    left: 5%;
    top: 2.5%;
    max-width: 72%;
    border-radius: 30px;
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.85);
    padding: 35px;
}

.counter-box {
    position: absolute;
    right: 20%;
    bottom: -7.5%;
    padding: 100px 20px 100px 20px;
    /*border-radius: 80px;*/
    /*background-color: rgba(104, 173, 79, 0.85);*/
    background-size: 100% 100%;
    background-image: url("../img/counter_bg.7171541b0b2d.svg");
    background-color: #ffffff00;
    background-repeat: no-repeat;
    box-shadow: none;
}

.counter-font-base {
    color: #000;
    font-weight: 500;
    line-height: 130%;
}

.counter-font-highlighted {
    color: #FFF;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0.02563rem;
}

@media screen and (max-width: 576px) {
    .hero-container {
        margin-bottom: 140px;
    }

    .hero-box {
        max-width: 90%;
    }

    .bg-title-image {
        min-height: 810px;
        background-image: url("../img/Berliner_Buechertisch_Teamfoto_mobil.daa4238bd80a.jpg");
    }

    .counter-box {
        bottom: -150px;
    }

}

p.title + p.subtitle {
    margin-bottom: 1.2em;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    line-height: 1.3;
}

h1 + form, h2 + form, h3 + form {
    margin-top: 1rem;
}

h1 + .is-highlighted-box, h2 + .is-highlighted-box, h3 + .is-highlighted-box {
    margin-top: 1rem;
}

.category-heading {
    margin-top: 4.6rem;
    margin-bottom: -1.9rem;
}

/*.container.translations + section .category-heading, .column > .category-heading {*/
/*    margin-top: 1.1rem;*/
/* }*/

.category-heading + p {
    margin-top: 0rem;
}

/*.translations {*/
/*    margin-bottom: 2em;*/
/*}*/

.section.translations {
    margin-top: -0.9rem;
}

.section.translations + section .category-heading {
    margin-top: -2rem;
}

.flex-end-column {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.position-at-bottom {
    margin-top: auto;
}


h2 + .columns {
    margin-top: 2em;
}

.thank-you-text {
    color: #363636;
    font-weight: 600;
    line-height: 1.3;
}


.infographic-box-width {
    width: 300px;
}

@media screen and (min-width: 769px) {
    .infographic-pos4 {
        position: relative;
        left: -250px;
    }
}

.has-nav-font {
    font-family: "Inter", sans-serif;
    font-size: 0.89rem;
    /*text-transform: uppercase;*/
}

.filter-button {
    font-size: 16px;
    border-color: rgba(142, 142, 142, 1);
    background-color: rgba(0, 0, 0, 0.09);
}

.filter-button.is-selected {
    border-color: black;
    background-color: black;
}

.filter-button.is-selected a {
    color: white;
}

.float-right {
  float: right;
}

.has-tag-font {
    font-family: 'Fira Sans';
    font-size: 0.6rem;
    font-weight: 500;
}

.has-logo-tile {
    padding-left: 8px;
    background-image: url("../img/logo-tile-blue.2642e3d38d0c.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.has-border-blue {
    border-style: solid;
    border-width: 1px;
    border-color: #006D6A;
}

.is-highlighted-box {
    background: rgba(193, 228, 236, 0.6);
    border-radius: 32px;
    box-shadow: none;
}

.is-framed-box {
    height: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    border-radius: 32px;
    box-shadow: none;
}

.rounded-iframe-container {
    border-radius: 20px;
    overflow: hidden;
}

.rounded-corners {
    border-radius: 20px;
}

.has-bg-beige {
    background-color: rgba(204, 185, 163, 0.75);
    border-radius: 32px;
    box-shadow: none;
}

.has-bg-transparent {
    background: none;
}

@media screen and (min-width: 769px) {
    .is-flex-direction-row-reserve-desktop {
        display: flex;
        flex-direction: row-reverse;
    }
}

.has-vertical-spacing {
    border-collapse: separate;
    border-spacing: 0 20px;
}

.icon-size {
    font-size: 5em;
}

.carousel-caption {
    display: table-caption;
    caption-side: bottom;
    font-size: 0.9rem;
    line-height: 120%;
}

.carousel-wrapper {
    display:table;
}

.navbar-item.is-hoverable.has-dropdown .navbar-link[tabindex]:focus + .navbar-dropdown {
  display: block;
}