/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/


/* Add your custom styles here... */

.dp_pec_accordion_event_head_noimg .h2 {
    background-color: #e5e56d;
    font-weight: bold !important;
}

.dp_pec_accordion_wrapper .dp_pec_accordion_event h2 {
    background-color: #e5e56d;
    font-weight: bold !important;
    text-align: left;
}


/* Artikel */

.unterueber {
    color: #595959;
}

.beitrag_vorspann {
    font-weight: bold;
}

.beitrag_zusatzinfo {
    font-size: 12px;
    color: #333;
}

.fl-post-cats-tags {
    font-style: normal;
}

hr {
    border-bottom: 1px solid #e5e56d;
}

.beitrag_zusatzinfo {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-top: 5px;
    margin-bottom: 15px;
    border-top: 1px solid #e5e56d !important;
    border-bottom: 1px solid #e5e56d !important;
}


/* InfoboxContent */

.fl-module-infobox-content {
    background-color: #e6e66e;
    margin-left: 15px;
    padding: 15px;
    font-size: 12px !important;
    font-weight: 400;
    line-height: 1.55;
}

.infoboxhead {
    font-size: 14px;
    line-height: 1.15;
    color: #821e78;
    font-weight: 700;
}

.infoboxtext {}

.infobox_info a:hover,
a:focus {
    color: #000;
}


/* Editor Style*/

.content-block {
    font-size: 18px;
    line-height: 1.15;
    font-style: italic;
    font-weight: 700;
}

.content-block:after {
    clear: both;
}

@media screen and (min-width: 480px) {
    .column-1 {
        width: 60%;
        float: left;
    }
    .column-2 {
        width: 40%;
        float: left;
    }
}


/* Homeloop */

.homeloop-subhead {
    font-size: 18px !important;
    color: #595959;
    font-weight: 700;
}


/* InfoboxMODUL */

.fl-module-infobox {
    background-color: #e6e66e;
    margin-left: 15px;
    margin-top: 50px;
}

.infobox {
    font-size: 12px !important;
    font-weight: 400;
    line-height: 1.15;
}

.infoboxhead {
    font-size: 14px;
    line-height: 1.15;
    color: #821e78;
    font-weight: 700;
}

.infoboxtext {}

.infobox_info a:hover,
a:focus {
    color: #000;
}


/* Editor Style*/

.content-block {
    font-size: 18px;
    line-height: 1.15;
    font-style: italic;
    font-weight: 700;
}

.content-block:after {
    clear: both;
}

.fl-icon-telegram-regular:before {
    content: '\f3fe';
}

@font-face {
    font-family: 'lo_roboto';
    src: url('fonts/roboto-bold-webfont.woff2') format('woff2'), url('fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'lo_roboto';
    src: url('fonts/roboto-regular-webfont.woff2') format('woff2'), url('fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'lo_robotobold_italic';
    src: url('fonts/roboto-bolditalic-webfont.woff2') format('woff2'), url('fonts/roboto-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lo_robotoitalic';
    src: url('fonts/roboto-italic-webfont.woff2') format('woff2'), url('fonts/roboto-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lo_robotolight';
    src: url('fonts/roboto-light-webfont.woff2') format('woff2'), url('fonts/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lo_robotolight_italic';
    src: url('fonts/roboto-lightitalic-webfont.woff2') format('woff2'), url('fonts/roboto-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lo_robotomedium';
    src: url('fonts/roboto-medium-webfont.woff2') format('woff2'), url('fonts/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lo_robotomedium_italic';
    src: url('fonts/roboto-mediumitalic-webfont.woff2') format('woff2'), url('fonts/roboto-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lo_robotothin';
    src: url('fonts/roboto-thin-webfont.woff2') format('woff2'), url('fonts/roboto-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lo_robotothin_italic';
    src: url('fonts/roboto-thinitalic-webfont.woff2') format('woff2'), url('fonts/roboto-thinitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* Add the below CSS to ouput the telegram icon
- Replace the word telegram with your email social media icon
- replace the unicode f27c with the unicode for your social media icon from Font Awesome */

.fl-social-icons .fl-icon-telegram {
    font-family: FontAwesome;
    font-size: 17px;
}