/*
Theme Name: loewtheme
Description: loew - regie - film a Child Theme of twentyfourteen
Template: twentyfourteen
*/
@import url(../twentyfourteen/style.css);

/**
 * 1.0 Reset
*/
body,
button,
input,
select,
textarea {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.5;
}

body {
    background: #ffffff;
}

a {
    color: #000;
    text-decoration: none;
}

a:active,
a:hover,
a:focus {
    color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-weight: 700;
    margin: 36px 0 12px;
}

h1 {
    font-size: 2.5em;
    line-height: 1.5em;
}

h2 {
    font-size: 2em;
    line-height: 1em;
}

p {
    margin-bottom: 1.5em;
}

hr {
    background-color: rgba(0, 0, 0, 0.1);
    border: 0;
    height: 1px;
    margin-bottom: 23px;
}

::selection {
    background: #6666FF;
}

::-moz-selection {
    background: #6666FF;
}


/**
 * 3.0 Basic Structure
 * -----------------------------------------------------------------------------
 */

.site {
    background-color: #fff;
    max-width: 887px;
    position: relative;
    margin-right: 10px;
}

#main {
    margin: 0;
}

.site-main {
    margin-top: 0;
}

.main-content {
    float: left;
}


/**
 * 4.0 Header
 * -----------------------------------------------------------------------------
 */

.site-header {
    background-color: #fff;
    max-width: 887px;
}

.seiten_bg {
     max-width:887px;
     height:501px;
     margin: 0 auto;
 }

.bg_leistungen {
    background: url('images/headers/leistungen.jpg') no-repeat;
    background-size: 100%;
    width:100%;
    height:100%;
}
.bg_profil {
    background: url('images/headers/profil.jpg') no-repeat;
    background-size: 100%;
    width:100%;
    height:100%;
}
.bg_kontakt {background: url('images/headers/kontakt.jpg') no-repeat;
    background-size: 100%;
    width:100%;
    height:100%;
}

.header-main {
    min-height: 56px;
    padding: 0;
    border-bottom: 1px solid;
    background-color: #fff;
    background: url('images/loew_bg.png') no-repeat;
    margin-left: 10px;
}

.site-title, site-title a {

    font-family: "Avenir LT W01 65 Medium", Verdana, Arial, Helvetica, sans-serif;
    font-size: 3.9em;
    line-height: 0.95em;
    font-weight: 400;
    color:#adadad;
    padding-top: 0.375em;
    padding-bottom: 10px;
}

.site-title a,
.site-title a:hover {
    color: #adadad;
}

/* Search in the header */

.search-toggle {
    display: none;
}


/**
 * 5.0 Navigation
 * -----------------------------------------------------------------------------
 */


.site-navigation a {
    font-family: Georgia, Times New Roman, Times, serif;
    font-size: 1.1em;
    letter-spacing: 0.05em;
    line-height: 2em;
}

.site-navigation a {
    color: #000;
    text-transform: uppercase;
}

.site-navigation a:hover {
    color: #6666FF;
}

.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
    color: #6666FF;
    font-weight: 400;
}

.menu-item a {
    display: inline-block;
}

.menu-item {
    color:transparent;
}

.menu-item:last-of-type a{
    margin-right: -10px;
}

.primary-navigation li {
    border-top: 1px solid #000;
}

.primary-navigation.toggled-on {
    padding: 56px 0 0;
}


/**
Toogle-Menu
*/

.menu-toggle {
    height: 57px;
    width: 57px;
    top: -1px;
    right: 0;
}

.menu-toggle:before {
    color: #fff;
    content: "\f419";
    padding: 20px;
}

.menu-toggle:active,
.menu-toggle:visited {
    background-color: #000;
}

.menu-toggle:focus,
.menu-toggle:hover {
    background-color: #6666FF;
}

.menu-toggle:focus {
    outline: none;
}

/**
 * 6.0 Content
 * -----------------------------------------------------------------------------
 */


.hentry {
    margin: 0 auto 24px;
    max-width: 586px;
}

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
    margin: 0 auto;
    max-width: 586px;
}

.page-content {
    margin-bottom: 24px;
}

.content-area {
    padding-top: 0;
}

/**
 * 6.2 Entry Header
 * -----------------------------------------------------------------------------
 */

.entry-header {
    display: none;
}

.entry-title {
    display: none;
}

/**
 * 6.3 Entry Content
 */


.site-content {
    right: 0;
    margin-left: 33.888888%;
    padding-top: 73px;
}

.site-content .entry-content,
.site-content .entry-summary,
.page-content {
    padding: 0;
}

.site-content,
.site-main .widecolumn {
    max-width:586px;
    height:auto;
}

.entry-content {
    padding: 0;
}

.entry-content .edit-link a:hover {
    color: #000;
}

.entry-content a:hover,
.entry-summary a:hover,
.page-content a:hover,
.comment-content a:hover,
.entry-content a.button,
.entry-summary a.button,
.page-content a.button,
.comment-content a.button {
    text-decoration: underline;
}

/**
 * 7.0 - Sidebar
*/


#secondary {
    background-color: transparent;
    border: 0;
    clear: none;
    float: left;
    margin: 0 0 0 -100%;
    min-height: 100vh;
    width: 122px;

}

.site-description {
    font-family:'Avenir LT W01 55 Roman', Verdana, Arial, Helvetica, sans-serif;
    display: block;
    font-size: 1.8em;
    color:#adadad;
    line-height: 1.1;
}

.one-word-per-line {
    word-spacing: 100px;
}

/**
 * 8.0 Footer
 * -----------------------------------------------------------------------------
 */

.site-footer {
    display: none;
}

/**
 * 11.0 Media Queries
 * -----------------------------------------------------------------------------
 */


@media screen and (min-width: 200px) {
    .site-content {
        padding-top: 220px;
        margin-left: 10px;
        }
    .seiten_bg {
        height:140px;
    }
    blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft,
    .full-width .site-content blockquote.alignleft,
    .full-width .site-content img.size-full.alignleft,
    .full-width .site-content img.size-large.alignleft,
    .full-width .site-content img.size-medium.alignleft,
    .full-width .site-content .wp-caption.alignleft {
        margin: 0 60% 5% 0;

    }

}
@media screen and (min-width: 299px) {
    .seiten_bg {
        height:160px;
    }
}
@media screen and (min-width: 350px) {
    .seiten_bg {
        height:200px;
    }
}
@media screen and (min-width: 470px) {
    .seiten_bg {
        height:240px;
    }
    blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft,
    .full-width .site-content blockquote.alignleft,
    .full-width .site-content img.size-full.alignleft,
    .full-width .site-content img.size-large.alignleft,
    .full-width .site-content img.size-medium.alignleft,
    .full-width .site-content .wp-caption.alignleft {
        margin: 0 100% 5% 0;
    }
}

@media screen and (min-width: 503px) {
    .seiten_bg {
        height:270px;
    }
}

@media screen and (min-width: 550px) {

    .site-content {
        padding-top: 73px;
        margin-left: 35.8888888%;
    }
    .seiten_bg {
        height:290px;
    }
    blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft,
    .full-width .site-content blockquote.alignleft,
    .full-width .site-content img.size-full.alignleft,
    .full-width .site-content img.size-large.alignleft,
    .full-width .site-content img.size-medium.alignleft,
    .full-width .site-content .wp-caption.alignleft {
        margin: 0 14% 70% 0;
    }
}

@media screen and (min-width: 594px) {
    .site-content {
        padding-top: 73px;
        margin-left: 33.8888888%;
    }
}
@media screen and (min-width: 672px) {
    .header-main {
        padding: 0;
    }
    .seiten_bg {
        height:320px;
    }
}

@media screen and (min-width: 673px) {
    .header-main {
        padding:0;
        background: url('images/loew_bg.png') no-repeat;
        background-color: #fff;
    }
    #secondary,
    #supplementary {
        padding: 10px 10px;
    }
    .site-content,
    .site-main .widecolumn {
        padding-top: 73px;
        margin-left: 33.8888888%;
    }
    .site-title, site-title a {
        padding-top: 0.15em;
    }
    .seiten_bg {
        height:350px;
    }

}

@media screen and (min-width: 783px) {
    .seiten_bg {
        height:380px;
    }

    .masthead-fixed .site-header {
        position: inherit;
    }

    .admin-bar.masthead-fixed .site-header {
        top: 0;
    }

    .masthead-fixed .site-main {
        margin-top: 55px;
    }

    .primary-navigation ul ul {
        background-color: #ffffff;
    }
    .primary-navigation li:hover > a,
    .primary-navigation li.focus > a {
        background-color: #ffffff;
        color: #6666FF;
    }
    .primary-navigation ul ul a:hover,
    .primary-navigation ul ul li.focus > a {
        background-color: #ffffff;
    }
    .primary-navigation a {
        padding: 16px 5px 0 1px;
        white-space: nowrap;
    }

    .primary-navigation.toggled-on {
        padding: 56px 0 0;
    }

    .primary-navigation li {
        border-top: none;
    }

    .menu-item:last-of-type {
        color:transparent;
    }
    .menu-item:last-of-type a{
        margin-right: -10px;
    }
    .menu-item {
        color:#000;
    }
}

@media screen and (min-width: 810px) {
    blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft,
    .full-width .site-content blockquote.alignleft,
    .full-width .site-content img.size-full.alignleft,
    .full-width .site-content img.size-large.alignleft,
    .full-width .site-content img.size-medium.alignleft,
    .full-width .site-content .wp-caption.alignleft {
        margin: 0 28% 50% 0;
    }
}

@media screen and (min-width: 846px) {
    .content-area,
    .content-sidebar {
        padding-top: 0;
    }
    .seiten_bg {
        height:420px;
    }
}

@media screen and (min-width: 887px) {
    .site-content {
        padding-top: 73px;
        margin-left: 33.8888888%;
    }
    .seiten_bg {
        height:450px;
    }
}
@media screen and (min-width: 920px) {
.seiten_bg {
    height:480px;
}
}

@media screen and (min-width: 1008px) {
    .site:before {
        background-color: transparent;
        width: 146px;
    }
    .site-content {
        padding-top: 73px;
        margin-left: 33.8888888%;
    }
    #secondary {
        background-color: transparent;
        min-height: 100vh;
        width: 146px;
        clear: none;
        position: relative;
    }
    .full-width .archive-header,
    .full-width .comments-area,
    .full-width .image-navigation,
    .full-width .page-header,
    .full-width .page-content,
    .full-width .post-navigation,
    .full-width .site-content .entry-header,
    .full-width .site-content .entry-content,
    .full-width .site-content .entry-summary,
    .full-width .site-content footer.entry-meta {
        padding: 0;
        margin: 0;
    }
}

@media screen and (min-width: 1080px) {
    .search-box .search-field {
        width: 324px;
    }

    .site-content,
    .site-main .widecolumn {
        padding-top: 73px;
        margin-left: 33.8888888%;
    }

    .site:before {
        width: 146px;
    }

    #secondary {
        width: 146px;
    }

    .secondary-navigation,
    .secondary-navigation ul ul {
        width: 146px;
    }
}