.buschmann-green-text {
    color: #28a47f !important;
}

.buschmann-green-background {
    background-color: #28a47f !important;
}

.buschmann-blue-text {
    color: #4697d8 !important;
}

.buschmann-blue-background {
    background-color: #4697d8 !important;
}

#logo {
    z-index: 1000 !important;
    background-color: white !important;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 2rem;
    width: 17rem;
}

    #logo img {
        height: 7rem;
    }

.logo-column {
    width: 15rem !important;
    background-color: green !important;
}

.menu-logo {
    visibility: hidden;
    font-size: 1.5rem;
    line-height: 1.5rem;
    text-decoration: none;
    transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
    font-weight: bold;
    font-style: italic;
    background-image: url('/images/logo_Clean.png');
    background-repeat: no-repeat;
    background-size: 160px;
    padding-left: 150px;
    padding-top: 5px;
    margin-top: -5px;
    margin-left: -5px;

}

.item.menu-logo {
    visibility: visible;
}


#menu {
    padding-top: 3rem;
    height: 10.5rem;
    -webkit-box-shadow: 0px 3px 15px 0px #4697d8;
    -moz-box-shadow: 0px 3px 15px 0px #4697d8;
    box-shadow: 0px 3px 15px 0px #4697d8;
}


.bottom-bordered {
    border-bottom: 1px solid #4697d8;
}

.black-menu {
    background-color: black !important;
    opacity: .9;
}

    .black-menu a {
        font-weight: bold !important;
    }


.full-width, .ui.container.full-width {
    width: 100% !important;
}

.main-menu {
    background-color: white !important;
}


#start {
    margin-top: 9rem;
}

.content-top-margin {
    margin-bottom: 4.5rem !important;
}

.background-image {
    background-image: url(../images/living-room.jpg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-position-y: -200px !important;
}


.masthead.segment {
    min-height: 350px;
    padding: 1em 0em;
    margin-bottom: 9rem !important;
}

.masthead .logo.item img {
    margin-right: 1em;
    background-image: url(images/logo.png);
}

.masthead .ui.menu .ui.button {
    margin-left: 0.5em;
}

.masthead h1.ui.header {
    margin-top: 3em;
    margin-bottom: 0em;
    font-size: 4em;
    font-weight: normal;
}

.masthead h2 {
    font-size: 1.7em;
    font-weight: normal;
}

.row p, .row ul {
    font-size: 1.4rem !important;
}
.row ul {
    line-height: 2.0rem;
}

.ui.vertical.stripe {
    padding: 8em 0em;
}

    .ui.vertical.stripe h3 {
        font-size: 2em;
    }

    .ui.vertical.stripe .button + h3,
    .ui.vertical.stripe p + h3 {
        margin-top: 3em;
    }

    .ui.vertical.stripe .floated.image {
        clear: both;
    }

    .ui.vertical.stripe p {
        font-size: 1.33em;
    }

    .ui.vertical.stripe .horizontal.divider {
        margin: 3em 0em;
    }

.quote.stripe.segment {
    padding: 0em;
}

    .quote.stripe.segment .grid .column {
        padding-top: 5em;
        padding-bottom: 5em;
    }

.footer.segment {
    padding: 5em 0em;
}

.secondary.menu .toc.item, #menu .toc.item {
    display: none;
}


@media only screen and (min-width: 701px) {
    .ui.fixed.menu {
        padding: 2rem 0 2rem 0;
    }

    
.item {
    font-weight: bold !important;
    font-size: 24px !important;
}
}

#imgslider .slideme {
    width: 350px;
    height: 300px;
}

@media only screen and (max-width: 700px) {

    #menu {
        height: 5rem;
        padding-top: 1.5rem;
    }
    #start {
        margin-top: 4rem;
    }
    #logo {
        visibility: hidden;
    }
    .menu-logo {
        visibility: visible !important;
    }

    .secondary.menu .item, #menu .item {
        visibility: hidden;
    }

    .secondary.menu .toc.item, #menu .toc.item {
        display: block;
        visibility: visible;
    }

    .masthead.segment {
        min-height: 350px;
    }

    .masthead h1.ui.header {
        font-size: 2em;
        margin-top: 1.5em;
    }

    .masthead h2 {
        margin-top: 0.5em;
        font-size: 1.5em;
    }
}