/*
Theme Name: Gridbox-Child-Produktiv 2021
Template: gridbox
*/

/*Anpassung Haase/Frintert */

body {
    background-color: #fff !important;
}


#closeinmenu {
    /*display: none;*/
}

#closeinmenu > .closer {
    display: none;
}

.icon-close{
    display:none;
}

@media only screen and (max-width: 460px) {
    .icon-close{
        display:inline-block;
    }

    .menu_open {
        margin-top: 0 !important;
        padding: 0;
        position: absolute;
        top: 5px;
        left: 0;
        z-index: 1000;
    }

    #closeinmenu {
        display: block;
        position: absolute;
        left: 0 !important;
        top: 5px !important;
    }

    #closeinmenu > .closer {
        display: block;
    }

    .icon-close {
        width: 30px !important;
        height: 30px !important;
    }

    .primary-menu-toggle {
        padding-top: 0;

    }

    .menu_open {
        display: none;
    }
}

@media only screen and (min-width: 60em) {
    .primary-menu-toggle, .main-navigation .dropdown-toggle {
        display: flex;
    }
}


@media only screen and (min-width: 60em) {
    .primary-navigation {
        display: block;
    }
}

@media only screen and (min-width: 60em) {
    .primary-navigation {
        position: relative;
        width: 100%;
        display: none;
    }
}

.main-navigation > ul {
    border-top: 1px solid;
    border-color: rgba(255, 255, 255, 0.1);
    border-color: var(--navi-border-color);
    margin-bottom: 2em;
}

.main-navigation ul a {
    display: block;
    margin: 0;
    padding: 1.2em;
    border-bottom: 1px solid;
    border-color: rgba(255, 255, 255, 0.1);
    border-color: var(--navi-border-color);
    text-decoration: none;
}

@media only screen and (min-width: 60em) {
    .main-navigation > ul > li > a {
        display: block;
        margin: 0;
        padding: 1.2em;
        border-bottom: 1px solid;
        border-color: rgba(255, 255, 255, 0.1);
        border-color: var(--navi-border-color);
        text-decoration: none;
    }
}

.toggled-on {
    display: block;
}

@media only screen and (min-width: 60em) {
    #masthead .main-navigation > ul.menu {
        display: block;
    }
}

.adbeforecontent {
    display: none;
}

@media only screen and (max-width: 880px) {
    .adbeforecontent {
        display: block;
        margin: 0 auto !important;
        text-align: center;
    }
}

.adincontenttop {
    /*background-color: #fff;*/
    background-color: #006f7a;
    width: 100%;
    height: 20px;
}

.adincontentbottom {
    /*background-color: #fff;*/
    background-color: #006f7a;
    width: 100%;
    height: 28px;
    margin-top: 20px;
}


@media only screen and (max-width: 460px) {
    #haase-sidebar {
        width: 100% !important;
    }

    #haase-sidebar.closed {
        width: 300px !important;
    }
}

#haase-sidebar {
    display: block;
    padding: 30px !important;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 101;
    width: 300px;
    height: 100%;
    background-color: #fff;
    transition-duration: 300;
    transition: right 500ms;
    overflow-y: auto;
}

#haase-sidebar li {
    padding-top: 2px;
    padding-bottom: 2px;
}

.closed {
    right: -300px !important;
}


.primary-navigation {
    display: none;
}

@media only screen and (max-width: 1600px) {
    .menu_open {
        right: 300px;
        top: 0;
        margin-top: 0;
        position: absolute;
        z-index: 105;
        background-color: #fff !important;
    }
}

.haaseadwidget {
    text-align: center;
}

.header-search_mob .search-field_mob {
    width: 50% !important;
}


.wp-caption-text {
    text-align: left;
    padding-left: 10px;
}

.single-post .site-content {
    padding-top: 10px;
}


.widget_stream_special ul, .widget_stream_special h2 > a {
    text-align: left;
}

/*ENDE HAASE*/


:root {
    --text-color: #000;
    --medium-text-color: #000;
    --light-text-color: #888;
    --dark-border-color: #222;
    --medium-border-color: #fff;
    --light-border-color: #ddd;
    --link-color: #0000ff;
    --link-hover-color: #0000ff;
    --button-color: #ababab;
    --button-text-color: #006f7a;
    --button-hover-color: #ababab;
    --button-hover-text-color: #006f7a;
    --page-background-color: #fff;
    --header-background-color: #ffffff;
    --site-title-color: #ffffff;
    --site-title-hover-color: #006f7a;
    --navi-color: #006f7a;
    --navi-hover-color: #006f7a;
    --navi-border-color: #006f7a;
    --title-color: #000;
    --title-hover-color: #000;
    --widget-title-color: #000;
    --widget-title-hover-color: #000;
    --widget-title-border-color: #000;
    --footer-background-color: #ffffff;
    --footer-text-color: #000;
    --footer-link-color: #000;
    --footer-link-hover-color: #000;
    --text-font: 'Verdana', sans-serif;
    --title-font: 'Candara', sans-serif;
    --navi-font: 'Candara', sans-serif;
    --widget-title-font: 'Candara', sans-serif;
    --title-font-weight: normal;
    --navi-font-weight: normal;
    --widget-title-font-weight: normal;
    --title-text-transform: none;
    --navi-text-transform: none;
    --widget-title-text-transform: uppercase;
    --text-line-height: 1.5;
    --title-line-height: 1.0;
}

/* Seitentitel */
.site-header {
    background-color: #ffffff;
}

.site-title {
    font-family: candara, sans-serif;
}

.header-image img {
    max-width: 1000px;
}

/* Container-Breite */
.container {
    max-width: 1080px;
}

/* Artikelüberschriften */
.entry-title a:link, .entry-title a:visited {
    color: #006f7a;
    font-size: 27px;
}

/* Zwischenüberschriften */
h2, h3 {
    font-size: 22px;
    font-weight: bold;
}

/* Links */
.entry-content a {
    text-decoration: none;
}

/* Navigation im Artikel */
.post-navigation .nav-links a:link, .post-navigation .nav-links a:visited {
    font-weight: normal;
    background-color: #ffffff;
    text-transform: none;
}

/* Weiterlesen-Link */
.entry-content .more-link {
    background-color: #006f7a;
    color: #FFFFFF;
    font-weight: normal;
    text-transform: none;
}

/* Container-Breite-Handy */
@media only screen and (max-width: 30em) {
    .container {
        padding-right: 0.6em;
        padding-left: 0.6em;
    }
}

/* Seitentitel 320 */
@media only screen and (min-width: 320px) {
    .site-title a:link, .site-title a:visited {
        color: #006f7a;
        font-size: 28px;
    }

    .site-description {
        color: #006f7a;
        font-size: 8px;
    }

    .primary-menu-toggle .icon, .primary-menu-toggle:active .icon {
        margin: -10px;
        width: 20px;
        height: 20px;
        fill: #006f7a;
    }

    .wp-caption {
        font-size: 12px
    }

    /* Seitentitel 480 */
    @media only screen and (min-width: 480px) {
        .site-title a:link, .site-title a:visited {
            font-size: 30px;
        }

        .site-description {
            font-size: 14px;
        }

        .primary-menu-toggle .icon {
            width: 24px;
            height: 24px;
        }
    }
    /* Seitentitel 560 */
    @media only screen and (min-width: 560px) {
        .site-title a:link, .site-title a:visited {
            font-size: 34px;
        }

        .site-description {
            font-size: 18px;
        }

        .primary-menu-toggle .icon {
            width: 28px;
            height: 28px;
        }
    }
    /* Seitentitel 640 */
    @media only screen and (min-width: 640px) {
        .site-title a:link, .site-title a:visited {
            font-size: 52px;
        }

        .site-description {
            font-size: 20px;
        }
    }
    /* Seitentitel 800 */
    @media only screen and (min-width: 800px) {
        .site-title a:link, .site-title a:visited {
            font-size: 60px;
        }

        .site-description {
            font-size: 22px;
        }
    }
    /* Seitentitel 960 */
    @media only screen and (min-width: 960px) {
        .site-title a:link, .site-title a:visited {
            font-size: 90px;
        }

        .site-description {
            font-size: 24px;
        }
    }
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'candara', sans-serif !important;
}

p, a, span, div {
    font-family: 'verdana', sans-serif !important;
}

.site-title {
    font-family: 'candara', sans-serif !important;
}


/*body{*/
/*    padding-top:0 !important;*/
/*}*/

.site-branding {
    margin-bottom: 16px;
}

@media only screen and (max-width: 820px) {
    .site-branding {
        margin-bottom: 10px;
    }

}

#haase-sidebar a {
    color: #000;
}

#haase-sidebar li {
    border-bottom: 1px solid #000;
    list-style-type: none;
}

#haase-sidebar .sub-menu {
    display: none;
}

input[type="submit"] {
    text-transform: none;
}

#customize-save-button-wrapper {
    display: none;
}

.locale-de-de #customize-header-actions .button, .locale-de-de-formal #customize-header-actions .button {
    display: none !important;
}

#customize-header-actions .customize-controls-preview-toggle, #customize-header-actions .spinner, #customize-save-button-wrapper {
    display: none !important;
}

.customize-save-button-wrapper {
    display: none !important;
}

@media only screen and (max-width: 900px) {
    #headimg {
        display:none;
    }
}

/*Updates vom 2021-07-27*/
body.custom-background,header, {
    background-color:#fff !important;
}

h1 {
    color: #006f7a;
}


.archive-title, .page-title, .entry-title{
    color:#006f7a;
}


@media only screen and (min-width: 900px) {
    .archive-title, .page-title, .entry-title{
        font-size:2.3rem;
    }
}

.single-post .site-content {
    padding-top: 16px;
}

.widget_tag_cloud .tagcloud a, .entry-tags .meta-tags a{
    background-color:#006f7a;
    color:#fff !important;
}

button, input[type="button"], input[type="reset"], input[type="submit"]{
    background-color:#006f7a;
    color:#fff !important;
}


figure.wp-caption{
    /*display:none;*/
    max-width:100%;
}