@media all {
    .grid-container {
        max-width: 75rem;
        background-color: #fff;
    }

    .top-bar {
        padding: 0;
        margin: 0;
        margin-bottom: 0.2em;
    }

    .top-bar-right {
        background: #fff;
    }


    .top-bar ul {
        background: #fff;
    }



    #example-menu ul li a,
    #example-menu ul li strong {
        background: #fff;
        color: #222222;
    }

        #example-menu ul li a:focus,
        #example-menu ul li a:hover,
        #example-menu ul li a:active {
            text-decoration: underline;
        }

    #example-menu {
        background: rgb(255,255,255);
    }

    /*  * Submenu Pfeil * */
    .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
        border-color: #000 transparent transparent;
    }

    /*  * Submenu Hintergrundfarbe * */
    .dropdown.submenu menu vertical {
        background-color: #000000;
    }

    .title-bar {
        background: #DFB563;
    }

        .title-bar a {
        }

    .active {
        font-weight: bold;
    }

    body, p, h1, h2, h3 {
        font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
        color: #222222;
    }

    body {
        background: url(../images/bg-image.jpg);
        background-repeat: repeat;
    }

    h1 {
        font-size: 200.00%;
        color: #1fa02c;
        font-weight: normal;
    }

    h2 {
        font-size: 120.00%;
        color: #6a5c42;
        font-weight: bold;
    }

    h3 {
        font-size: 100.00%;
        font-weight: bold;
    }

    h4 {
        font-size: 100.00%;
        line-height: 1;
        padding: 0;
        margin: 0;
    }

    .vornach {
        color: #6a5c42;
    }

    .breadcrumbs a {
        color: #000;
    }


    a {
        text-decoration: underline;
    }

        a:focus,
        a:hover,
        a:active {
            text-decoration: underline;
        }

    hr {
        border: solid #f8b333;
        border-width: 1px 0 0;
        clear: both;
    }

    #footer {
        background: rgb(245,245,245);
        font-size: 70.00%;
        padding: 1.2em;
        border-top: 1px solid #000;
        margin-top: 4.0em;
    }

        #footer a {
            background: transparent;
            font-weight: bold;
        }

            #footer a:focus,
            #footer a:hover,
            #footer a:active {
                background-color: transparent;
                text-decoration: underline;
            }

    /* Pricing Tables */
    .pricing-table {
        border: solid 1px #dddddd;
        margin-left: 0;
        margin-bottom: 1.25em;
    }

        .pricing-table * {
            list-style: none;
            line-height: 1;
        }

        .pricing-table .title {
            background-color: #dddddd;
            padding: 0.9375em 1.25em;
            text-align: center;
            color: #333333;
            font-weight: bold;
            font-size: 1em;
        }

        .pricing-table .price {
            background-color: #eeeeee;
            padding: 0.9375em 1.25em;
            text-align: center;
            color: #333333;
            font-weight: normal;
            font-size: 1.25em;
        }

        .pricing-table .description {
            background-color: white;
            padding: 0.9375em;
            text-align: center;
            color: #777777;
            font-size: 0.75em;
            font-weight: normal;
            line-height: 1.4;
            border-bottom: dotted 1px #dddddd;
        }

        .pricing-table .bullet-item {
            background-color: white;
            padding: 0.9375em;
            text-align: center;
            color: #333333;
            font-size: 0.875em;
            font-weight: normal;
            border-bottom: dotted 1px #dddddd;
        }

        .pricing-table .cta-button {
            background-color: whitesmoke;
            text-align: center;
            padding: 1.25em 1.25em 0;
        }


    /* Panels */
    .panel {
        border-style: solid;
        border-width: 1px;
        border-color: #d9d9d9;
        margin-bottom: 1.25em;
        padding: 1.25em;
        background: #f2f2f2;
    }

        .panel > :first-child {
            margin-top: 0;
        }

        .panel > :last-child {
            margin-bottom: 0;
        }

        .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p {
            color: #333333;
        }

        .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
            line-height: 1;
            margin-bottom: 0.625em;
        }

            .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
                line-height: 1.4;
            }

        .panel.callout {
            border-style: solid;
            border-width: 1px;
            border-color: #2284a1;
            margin-bottom: 1.25em;
            padding: 1.25em;
            background: #2ba6cb;
            -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
        }

            .panel.callout > :first-child {
                margin-top: 0;
            }

            .panel.callout > :last-child {
                margin-bottom: 0;
            }

            .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p {
                color: white;
            }

            .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
                line-height: 1;
                margin-bottom: 0.625em;
            }

                .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
                    line-height: 1.4;
                }

            .panel.callout a {
                color: white;
            }

        .panel.radius {
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }
}