/*
Theme Name:     OW-SLS-Kids
Theme URI:      http://www.oliverwick.de/
Description:    Ein Child-Theme der Adaption des Themes Responsive von ThemeID
Author:         Oliver Wick
Author URI:     http://www.oliverwick.de
Template:       OW-SLS-respo
Version:        1.0
*/

@import url("../OW-SLS-respo/style.css");

.col-620 {
        display: inline;
        width: 59.957446808511% !important;
        padding: 0 20px 20px !important;
}
.col-300 {
        display: inline;
        width: 31.14893617021% !important;
}
.fit {
        margin-left: 20px !important;
        margin-right: 0 !important;
}
body {
        line-height: 1.4em;
        background-color:#f9ef13;
        background-image: url(images/sls-back-kinder-1920.jpg);
        background-position: center top;
        background-size: cover;
        background-repeat: no-repeat;
        -moz-font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        color: #555;
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-smoothing: antialiased;
        line-height: 1.5em;
        text-rendering: optimizeLegibility;
}
#container {
    margin: 0 auto;
    max-width: 960px;
    padding: 370px 25px 0;
}

.stoerer {
        max-height: 300px;
}


sup,
sub,
small {
        font-size: 90%;
}

abbr,
acronym {
        font-size: 90%;
}
blockquote p {
        font-size: 20px;
        line-height: 29px;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        font-family: arial, sans-serif;
        line-height: 1.0em;
        word-wrap: break-word;
}

h1 {
    font-size: 2.8em; /* = 42px */
}

h2, h2 a {
    font-size: 1.8em!important; /* = 36px */
}

h3 {
    font-size: 1.8em; /* = 30px */
}

h4 {
    font-size: 1.5em; /* = 24px */
}

h5 {
    font-size: 1.25em; /* = 18px */
}

h6 {
    font-size: 1.25em; /* = 16px */
}

.untermenu li a {
        font-size: 20px;
        font-family: arial, sans-serif;
        padding-bottom:0!important;
}

.menu {
        background-color: #fe2c21;
        clear: both;
        margin: 0 auto;
}

.menu a {
        color: #fff;
        font-family: arial, sans-serif;
        font-size: 24px;
        height: 48px;
        line-height: 48px;
}

.menu a:hover {
        background-color: #fe9590;
        color: #000;
}

.footer-menu li a {
        border: none;
        color: #333;
        padding: 0 5px;
}

.footer-menu li a:hover {
        color: #fe2c21!important;
}

.footer-menu > li:first-child > a {
        padding: 0 5px 0 0;
}

.featured-image img {
        display: block;
}


.widget-title,
.widget-title-home h3 {
        display: block;
        font-family: arial, sans-serif;
        font-size: 24px;
        line-height: 23px;
        margin: 0;
        padding: 0 0 20px 0;
        text-align: left;
}

.top-widget .widget-title {
    font-family: arial, sans-serif;
    font-size: 14px;
    padding: 0;
    text-align: right;
}


#footer {
        font-size: 13px;
        line-height: 1.7em;
}

.read-more {
        clear: both;
        font-weight: 700;
}

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 1760px) {

body {
        line-height: 1.4em;
        background-color:#f9ef13;
        background-image: url(images/sls-back-kinder.jpg);
        background-position: center top;
        background-size: contain;
        background-repeat: no-repeat;
}
#container {
        padding: 270px 25px 0;
}
}

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

body {
        line-height: 1.3em;
        background-color:#f9ef13;
        background-image: url(images/sls-back-kinder.jpg);
        background-position: center top;
        background-size: contain;
        background-repeat: no-repeat;
}
#header .stoerer {
        float: right;
        max-height: 250px;
        padding-right: 0px;
}
#container {
        padding: 240px 25px 0;
}
}

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

body {
        line-height: 1.2em;
        background-color:#f9ef13;
        background-image: url(images/sls-back-kinder.jpg);
        background-position: center top;
        background-size: contain;
        background-repeat: no-repeat;
}

#header .stoerer {
        float: right;
        max-height: 200px;
        padding-right: 0px;
}
#container {
        padding: 120px 25px 0;
}


   .col-620 {
        display: inline;
        width: 59.957446808511% !important;
        padding: 20px !important;
   }

        #featured-image .fluid-width-video-wrapper {
            margin: 20px 0 0 0;
    }

        .home #widgets {
                margin-top: 40px;
        }

    .top-widget,
    .home .top-widget {
        margin-top: 0 !important;
    }

    .hide-980 {
        display: none;
    }

    .show-980 {
        display: block;
    }
}

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

body {
        line-height: 1.1em;
        background-color:#f9ef13;
        background-image: url(images/sls-back-kinder.jpg);
        background-position: center top;
        background-size: contain;
        background-repeat: no-repeat;
}
#header .stoerer {
        float: right;
        max-height: 200px;
        padding-right: 0px;
}
#container {
        padding: 120px 25px 0;
}
    #logo {
            float: none;
        margin: 0;
            text-align: center;
    }

    .grid,
        .grid-right {
            float: none;
    }

        #featured-image .fluid-width-video-wrapper {
            margin: 20px 0 0 0;
    }

    .top-widget {
        float: none;
        margin: 0 auto 10px auto;
        position: relative;
        text-align: center;
        width: auto;
    }

    .top-widget .widget-title {
        text-align: center;
    }

    .js .menu,
        .js .sub-header-menu {
                display: block;
        }

        .top-menu,
        .footer-menu li {
            float: none;
        font-size: 11px;
            text-align: center;
    }

        .tinynav {
        display: block;
    }

    .sb-holder {
        display: block;
    }

    #author-meta {
        padding: 20px;
    }

    .hide-650 {
        display: none;
    }

    .show-650 {
        display: block;
    }

    #footer {
            text-align: center;
    }

    #footer .social-icons {
        padding-bottom: 10px;
            text-align: center;
    }
}