@import url(https://fonts.googleapis.com/css?family=Roboto:regular,italic,500,500italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville:regular,italic,700);
@import url(https://fonts.googleapis.com/css?family=Raleway);




/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */


p,a,span,li{font-family:Roboto,Arial,Helvetica,sans-serif!important;font-weight:400;font-size:16px;color:#5a5a5a}
b,strong{font-weight:600}
a{color:#AD8300}
h1,h2,h3{font-family:"Libre Baskerville",Arial,Helvetica,sans-serif;font-size:28px;color:#434B31}
h1{font-size:38px;text-align:center; font-weight: 600; margin: 20px 0 0 10px; }
h2{font-size:25px;font-weight: 400; font-style: italic; font-weight: 100  }
h3{font-size:22px}

/* Start - striche bei h1  */
h1{text-align:center;display:table;border-collapse:collapse;white-space:nowrap}
h1::before,h1::after{content:"";display:table-cell;width:50%;background-image:linear-gradient(to right,#434B31 100%,transparent 100%);background-position:0 50%;background-repeat:repeat-x;background-size:1px 1px;}
h1::before{border-right:1.5em solid transparent}
h1::after{border-left:1.5em solid transparent}

/* diverse overrides  */
.hentry .entry-content a:not(.button) {   text-decoration: none!important}
.site-footer a:not(.button) {   text-decoration: none!important}


/* HEADER */
.col-full{max-width:1200px;margin-left:auto;margin-right:auto;padding:0;box-sizing:content-box}
.entry-header img{display:none}
.site-info{display:none}
.post-author{display:none}
.post-comments  {display:none}
.site-branding{display:none!important}
.site-header{background-color:rgba(255,255,255,0)!important;padding-bottom:0!important;padding-top:0!important;top:0;z-index:1000;border-bottom:0 solid!important;position:relative}
#headerbild{position:relative;width:100%;z-index:-10!important;background-size:100% auto;margin-top:-112px;z-index:10}
#headerbild img{width:100%}
.home.blog .site-header,.home.page:not(.page-template-template-homepage) .site-header,.home.post-type-archive-product .site-header{margin-bottom:0}

/* menueanpassungen  */

/* hauptnavi*/
.storefront-primary-navigation{clear:both;margin-left:-99em;margin-right:-99em;padding-left:99em;padding-right:99em;height:85px;margin-top:26px; position: relative!important;  }
.storefront-primary-navigation #mega-menu-wrap-primary {background-color: #434b31; }

#mega-menu-primary a{font-family:Raleway,Arial,Helvetica,sans-serif!important;font-size:28px;color:#434B31}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a.mega-menu-link::before{display:inline-block;font:inherit;font-family:dashicons;position:static;margin:0 4px 4px 0px;vertical-align:top;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:inherit}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a.mega-menu-link::before{display:inline-block;font-size:inherit;content:url(images/zwischenstrich-menu.png);width:5px}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item:first-child a.mega-menu-link::before{content:' '; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:first-child a.mega-menu-link{content:' '; top:-7px}
#mega-menu-primary{height:48px!important;background-color:none!important}
#mega-menu-wrap-primary #mega-menu-primary { visibility: visible; text-align: center; padding: 0px 0px 0px 0px;}

#mega-menu-wrap-primary.mega-sticky {    opacity: 1.0;background-color:#434B31; }
#mega-menu-wrap-primary.mega-sticky #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{ color: #FFFFFF }
#mega-menu-wrap-primary.mega-sticky #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-primary.mega-sticky #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary.mega-sticky #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-wrap-primary.mega-sticky #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link { color: #FFFFFF}
#mega-menu-wrap-primary.mega-sticky #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-primary.mega-sticky #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:hover,
#mega-menu-wrap-primary.mega-sticky #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link:hover {color:#D6BA00}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus{color:#D6BA00}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {    color: #FFFFFF; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{outline:none;text-decoration:none;padding:0 4px;line-height:auto;font-weight:400;height:auto;vertical-align:top;text-align:left;width:auto;display:block;color:#FFFFFF;text-transform:none;background:rgba(0,0,0,0);margin-left:0;margin-right:0;font-family:inherit;font-size:12pt}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus{color:#B2B2B2}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-menu-item-has-children > a.mega-menu-link::after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout li.mega-menu-item-has-children > a.mega-menu-link::after, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children > a.mega-menu-link::after {margin: 0 0 0 0px!important;}

.mega-sub-menu li.mega-menu-item a.mega-menu-link::before{
    display: inline-block;
    font-size: inherit;
    content: none!important;
    width: 0px!important;
}

ul.mega-sub-menu {


    margin-top: -21px!important;

}



/* -------Menuepunktanpassungen  */
/* Logo  */
.logo-home a.mega-menu-link::before   { margin-left: 10px!important; margin-top: -10px!important;}
/* zweiter punkt  */
.ueber-uns a.mega-menu-link::before{content:' '!important; }
.ueber-uns a.mega-menu-link {margin-left: 30px!important; margin-top: -20px!important;}

/* kontakticons  */
.icon-anfahrt a.mega-menu-link,.icon-mail a.mega-menu-link,.icon-phone a.mega-menu-link { margin-left: -3px!important; margin-top: -62px!important; background-repeat: no-repeat}
.icon-anfahrt a.mega-menu-link::before,.icon-mail a.mega-menu-link::before,.icon-phone a.mega-menu-link::before { background-repeat: no-repeat!important; height: 26px!important}
#mega-menu-wrap-primary.mega-sticky .icon-anfahrt a.mega-menu-link,
#mega-menu-wrap-primary.mega-sticky .icon-mail a.mega-menu-link,
#mega-menu-wrap-primary.mega-sticky .icon-phone a.mega-menu-link { margin-left: -3px!important; margin-top: 18px!important; background-repeat: no-repeat}


/* startseite  */
.teaser-startseite .wpb_button,.wpb_content_element,ul.wpb_thumbnails-fluid > li{margin-bottom:5px}
.teaser-startseite h2{font-family:Raleway,Arial,Helvetica,sans-serif;font-size:24px;color:#5A5A5A;margin-top:20px}
.teaser-startseite img{border-radius:0}


/* Contentseiten  */
.contentbox_grau{background-color:#f7f7f7;padding:20px;border-bottom:5px solid #434B31;margin-top:50px;padding-top:40px}
.contentbox_grau::before{content:"";background-image:url(images/logo-contentbox.png);background-position:center;background-repeat:no-repeat;background-size:60px;position:relative;margin-top:-70px;width:100%;height:60px}
.vc_row{margin-left:0;margin-right:0}


/* buttons  */
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{color:#fff;border-color:#434b31;background-color:#434b31}
.vc_btn3.vc_btn3-shape-rounded{border-radius:3px}
.vc_btn3.vc_btn3-size-md{font-size:14px;padding:6px 20px}
.vc_btn3.vc_btn3-style-modern{background-image:none}

/* beratungsbereich  */
.beratungsbereich-box-grau .wpb_column > .vc_column-inner { background-color: #EFEEED; border: 0px solid #274A1E; padding: 20px }


/* Uebersicht sterbefaelle  */
.uebersicht_sterbefall_button{background-color:#434B31;display:inline-block;text-align:center;vertical-align:middle;padding:0!important}
.uebersicht_sterbefall_button a{color:#FFF!important;font-size:11pt!important;padding:3px 10px!important}
.uebersicht_sterbefall_box .vc_grid-item-mini{background-color:#efeeed;padding:15px}
.vc_column_container > .vc_column-inner{box-sizing:border-box;padding-left:0;padding-right:0;width:100%}
.uebersicht_sterbefall_box h2{font-size:16pt;font-weight: 600;}
.uebersicht_sterbefall_box p{font-size:11pt}
.uebersicht_sterbefall_box .vc_gitem_row .vc_gitem-col{padding-top:0;padding-right:0}
.uebersicht_sterbefall_box .vc_grid-item-zone-c-left .vc_gitem-zone-c,.vc_grid-item-zone-c-right .vc_gitem-animated-block{width:45%!important}
.uebersicht_sterbefall_box .vc_gitem-zone-c{width:55%!important;padding-left: 10px }
.uebersicht_sterbefall_box .vc_btn3-container { margin-bottom: 0px}
.uebersicht_sterbefall_box .vc_gitem-post-data { min-height: 50px;margin-bottom: 15px;}
.uebersicht_sterbefall_box .vc_gitem_row .vc_gitem-col  { padding-bottom: 0px; }
.uebersicht_sterbefall_box .vc_btn3.vc_btn3-color-juicy-pink, .uebersicht_sterbefall_box .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {background-color: #434B31!important}

/* Uebersicht bruecke vergangenheit  */
.uebersicht_bruecke_button{background-color:#434B31;display:inline-block;text-align:center;vertical-align:middle;padding:0!important}
.uebersicht_bruecke_button a{color:#FFF!important;font-size:12pt!important;padding:4px 12px!important}
.uebersicht_bruecke_box .vc_grid-item-mini{background-color:#efeeed;padding:15px}
.vc_column_container > .vc_column-inner{box-sizing:border-box;padding-left:0;padding-right:0;width:100%}
.uebersicht_bruecke_box h2{font-size:22pt;font-weight: 300;}
.uebersicht_bruecke_box p{font-size:13pt}
.uebersicht_bruecke_box .vc_gitem_row .vc_gitem-col{padding-top:0;padding-right:0}
.uebersicht_bruecke_box .vc_grid-item-zone-c-left .vc_gitem-zone-c,.vc_grid-item-zone-c-right .vc_gitem-animated-block{width:45%!important}
.uebersicht_bruecke_box .vc_gitem-zone-c{width:55%!important;padding-left: 10px }
.uebersicht_bruecke_box .vc_btn3-container { margin-bottom: 0px}
.uebersicht_bruecke_box .vc_gitem-post-data { min-height: 50px;margin-bottom: 15px;}
.uebersicht_bruecke_box .vc_gitem_row .vc_gitem-col  { padding-bottom: 0px; }
.uebersicht_bruecke_box .vc_btn3.vc_btn3-color-juicy-pink, .uebersicht_bruecke_box .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {background-color: #434B31!important}

 /* detailsteit sterbefaelle  */
.post-template-default .posted-on,
.post-template-default .wp-post-image,
.post-template-default .cat-links,.author { display:none }
.post-template-default #post-navigation  { display:none }
.post-template-default .entry-meta .vcard    { display:none }
.post-template-default .comment-reply-title {font-size:28px;color:#434B31; font-weight: 500 }
.post-template-default #comments .comment-list .comment-meta .avatar { margin-bottom: 1em; max-width: 120px;height: auto; }
.post-template-default .comment-body  { background-color: #F8F7F7; margin-bottom: 40px; padding: 20px; }
#comments .comment-list .comment-content .comment-text {  background-color: none;}
.post-template-default .comment-body::before{content:"";background-image:url(images/logo-contentbox.png);background-position:center;background-repeat:no-repeat;background-size:30px;position:relative;margin-top:-30px;width:100%;height:30px}
.post-template-default #comments .comment-list .comment-content{padding-bottom:0;margin-bottom:0}
.post-template-default #comments .comment-list .reply{margin-bottom:0;padding-top:0}
.post-template-default #comments .comment-list .comment-meta cite{color:#434B31}
.post-template-default #comments .comment-list .comment-meta a.comment-date{font-size:.875em;color:#B2B2B2}
.post-template-default input[type="submit"]{background-color:#434B31;border-color:none;color:#FFF; padding: 15px 25px; border-radius: 3px }
.entry-header{margin-bottom:0;border-bottom:0!important}
.post-template-default .comments-title h2,.post-template-default .comments-title span{font-family:Raleway,Arial,Helvetica,sans-serif!important;font-size:28px;color:#434B31;font-weight:400}
.post-template-default .comment-form-email,.post-template-default .comment-form-url, .post-template-default .comment-notes { display:none }
.post-template-default .comment-body{background-color:#F8F7F7;margin-bottom:40px;padding:20px;border:1px solid #CCC898;border-radius:3px}
.post-template-default .comment-text    {background-color:rgba(248, 247, 247, 0)!important;}
.post-template-default .comment-body:hover{background-color:#ECEFE6!important;margin-bottom:40px;padding:20px;border:1px solid #C2BD84;border-radius:3px;transition: background-color 0.3s linear ,  color 0.2s linear}
.post-template-default #comments .comment-list .comment-meta cite{color:#274A1E;font-size:16pt}
.post-template-default #comments .comment-list .comment-meta a.comment-date{font-size:12pt;color:#C2A800!important}
#comments .comments-title{font-family:Raleway,Arial,Helvetica,sans-serif!important;font-size:28px;color:#434B31;font-weight:400}
.site-main nav.navigation .nav-next { display:none }

/* anpassungen Startseite  */
.home .headerbild, .home .entry-title    { display:none }
.home .kontaktbutton span     { color: #434B31; font-size: 14pt }
.home .kontaktbutton:hover  span    { color: #AD8300 }
.home .sterbefaellebutton span     { color: #FFFFFF; font-size: 14pt}
.home .sterbefaellebutton:hover  span    { color: #AD8300 }
.home h2.subline  { font-family: "Gentium Book Basic"!important; font-weight: normal!important; text-shadow: 1px 1px 5px #000000 }
.home h1.header  { font-family: "Gentium Book Basic"!important; text-shadow: 1px 1px 5px #000000 }

/* anpassungen geschichte  */
.timeline-block .timeline-header h3,.timeline-header-block .timeline-header h3{font-size:20px!important}
.timeline-block .timeline-header-block .timeline-header,.timeline-feature-item .timeline-header-block .timeline-header{font-size:16px!important}
.timeline-line o,.timeline-line z{width:15px!important;height:15px!important;left:-7px!important;background-color:#434B31!important}
.timeline-feature-item .timeline-dot,.timeline-wrapper .timeline-dot{width:6px!important;height:6px!important;background-color:#434B31!important;border:4px solid #fff;padding:4px!important}

/* anpassungen fragebogen  */
.wpcf7-form p { background-color: #F5F5F5; padding: 20px  }
.wpcf7-form .wpcf7-textarea, .wpcf7-form .wpcf7-email { background-color: #FFFFFF; }
.wpcf7-form .wpcf7-submit { background-color: #434B31; color: #FFFFFF }

/* footer  */
.widget_nav_menu ul li::before {
    content: "\f054"!important;
}

button,input,optgroup,select,textarea{font-family:Raleway,Arial,Helvetica,sans-serif;font-size:100%;line-height:1.15;margin:0}



/* HEADER IMAGE FUER Templates*/
.page-template-template-kloster #headerbild { background: url(images/headerbild-arbeitsschutz.jpg) no-repeat center top}
.page-template-template-moenche #headerbild { background: url(images/headerbild-firma-allgemein.jpg) no-repeat center top}


@media all and (max-width: 980px) {
    header .col-full {margin: 0;}
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {
        color: #5a5a5a;
    }
}

@media all and (max-width: 920px) {
    #site-navigation button.menu-toggle {display:none;}

    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1::before {font-size: 33px;}
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1::after {font-size: 20px;}

    #mega-menu-wrap-primary #mega-menu-primary {background: transparent none repeat scroll 0 0 !important;}
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {

        z-index: 12;padding: 0;	margin: 0;background-color: #8C8C8C;border-bottom: 1px solid #999;    }

    a.mega-menu-link::before { content: none!important; }
    .storefront-primary-navigation {margin-bottom: 26px; margin-top: 0px }
    h1 {
    font-size: 28px;
    text-align: center;
    font-weight: 600;
    margin: 10px 0 0 50px;
}
}
 /*   #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover {
        border-bottom: 1px solid #999;padding: 0;margin: 0;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{
        height: 48px;line-height: 48px;
    }

    #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu,
    #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu,
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
        position: absolute;top:0;left: 280px;width: 484px;min-height: 0;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
        font-size:16px;font-weight:700;margin:2px 0;vertical-align:top;display:block;}
*/
}