/*
Theme Name: 	PICTIBE
Theme URI: 		http://www.pictibe.de
Author: 		pictibe
Author URI: 	http://www.pictibe.de
Description:	pictibe
Template:		betheme
Version: 		1.6
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/* COLORS #2c4a69 #ffd500 #f9f9f9 */



body { font-weight: 300 !important; }
body b, body strong, body dt, p strong, p b, li strong, li b { font-weight: 600; }
h1, h2, h3, h4, h5, h6 { line-height: 130% !important; }
a.button { border-radius: 10px !important; font-size: 90%; }
span.button { cursor: pointer; display: inline-block; background: #2c4a69; color: white; font-weight: 400; padding: 15px 25px; margin-right: 0 !important; border-radius: 25px !important; font-size: 95%; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
span.button.bigger { font-size: 110%; padding: 25px 30px; border-radius: 25px; }
span.button.yellow { background: #ffd500; color: #2c4a69; font-weight: bold; border: 2px solid #ffd500; }
span.button:hover { background: #ffd500; color: #2c4a69; }
span.button.yellow:hover { background: #2c4a69; color: white; }
code, q { white-space: normal; color: #2c4a69; }

.whitecolor, .whitecolor h1, .whitecolor h2, .whitecolor h3, .whitecolor h4, .whitecolor h5, .whitecolor p, .whitecolor a, .whitecolor a.button span, .whitecolor table th, .whitecolor li, .whitecolor .largetext, .whitecolor form.wpcf7-form .wpcf7-submit { color: white; }
.whitecolor a span.button { background: white !important; color: #2c4a69 !important; font-weight: 600; }
.whitecolor a.button:hover span, .whitecolor a:hover span.button { background: #ffd500 !important; color: #2c4a69 !important; }
.whitecolor hr { background-color: white; color: white; }
span.largetext { font-size: 160%; line-height: 140%; font-weight: 300; }
span.largetext strong { font-weight: 600; }
span.headtext { font-size: 260%; line-height: 140%; display: block; }
span.headtext strong { font-weight: 500; }
span.colored, li.colored { color: #2c4a69; }
span.largetextbig { font-size: 350%; line-height: 110%; }
span.angebotstext { display: block; font-size: 130%; font-weight: 600; line-height: 140%; padding: 25px; background: #ffd500 !important; color: #2c4a69 !important; }
span.markedtext { display: inline-block; background: #ffd500 !important; color: white !important; font-weight: 400; padding: 15px; border-radius: 15px; }
span.markedtext strong { font-weight: 600; }
span.markedtext a { color: white; }
span.markedtext a:hover { color: #ffd500; }
span.tldr { display: block; border: 3px solid #2c4a69; background: #fafafa; padding: 15px; margin: 30px 0; border-radius: 35px; }
span.tldr::before { display: block; font-size: 75%; content: 'tl;dr – kurz & knapp:'; }
.mehrzeilenabstand br { margin-bottom: 20px; }
.smallertext, small { font-size: 80%; line-height: 130%; display: block; }
.smallertext h1, .smallertext h2, .smallertext h3, .smallertext h4 { font-size: 100%; }
p { margin: 0 0 20px 0; }
#Content a { border-bottom:1px solid grey; }
#Content a.vc_single_image-wrapper { border: 0; }
#Content a:hover { text-decoration: none; border-bottom:1px solid black; }
#Content .image_wrapper a { border: 0; }
table th { font-weight: 500; }
body table th, body table td { font-size: 90%; line-height: 130%; padding: 5px; }
#Content table th, #Content table td { text-align: left; }
#Content .wpb_wrapper ul { margin: 20px 0 20px 20px; }
#Content .wpb_wrapper ul.vc_tta-tabs-list { margin-bottom: 0; }
img.alignleft { margin: 0 30px 15px 0; }
.wp-caption-text { font-size: 70%; }

.wpb_wrapper ul, .wpb_wrapper ol { margin-left: 15px; }
.wpb_wrapper ul li, .wpb_wrapper ol li { margin-bottom: 5px; }
#Content ul li { padding: 4px 0; list-style: none; }
#Content ul li::before { content: '›'; font-size: 110%; font-weight: 500; color: #2c4a69; margin-right: 10px; position: absolute; margin-left: -20px; }

.wpb_single_image .vc_single_image-wrapper, .wpb_gmaps_widget .wpb_map_wraper, div.wpcf7 { margin-bottom: 0; }

.wpb_single_image .vc_single_image-wrapper.vc_box_rounded, .wpb_single_image .vc_single_image-wrapper.vc_box_rounded img { border-radius: 35px !important; }


.code-block .bsf-rt-reading-time, .code-block #ez-toc-container, .reuseblock .bsf-rt-reading-time, .reuseblock #ez-toc-container { display: none !important; }


/* .text-logo a { font-family: "Roboto", Arial, Tahoma, sans-serif !important; font-weight: 400 !important; color: black !important; font-size: 28px !important; } */

.bigtable { width: 100%; }
        
        .bigtable tr:first-child {
                background: #2c4a69 !important;
                color: white !important;
                position: sticky;
                top: 0;
                line-height: 3em;
        }
.bigtable tr:first-child th {
                color: white !important;
        }
        .bigtable td {
                padding: 15px;
        }
        .bigtable td:not(:nth-child(4)):not(:nth-child(5)):hover {
                cursor: pointer;
                background: white;
                transform: scale(1.5);
        }
        .bigtable th {
                padding: .25rem 1rem;
                font-size: 1.25em;
                font-weight: bold;
        }
        .bigtable tr:nth-child(2n+3) {
                background: #f4f4f4;
        }
        .bigtable tr td:first-child {
                font-size: 300%;
        }
        .bigtable tr td:not(:last-child),
        .bigtable tr th:not(:last-child) {
                text-align: center !important;
        }
        .bigtable tr {
                transition: background .3s ease;
        }
        .bigtable tr:hover {
                background: #eee;
        }


.ulp-window-container .ulp-layer strong { font-weight: bold !important; }


/* Proven Expert */
body .pelogo { display: block; border:0; margin: 0 auto; max-width: 180px; }
body .pe-pro-seal .pe-pro-seal-profile-name-container, body .pe-pro-seal .pe-pro-seal-date { display: none !important; }
body .pe-pro-seal .pe-pro-seal-stars { margin-bottom: 10px; }



/* TOP BAR */
#Top_bar .top_bar_left .text-logo #logo { color: white !important; }
#Top_bar.is-sticky .menu > li > a, #Top_bar.is-sticky .top_bar_left .text-logo #logo { color: black !important; }
#Top_bar.is-sticky { opacity: 1 !important; }


#Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title { text-transform: none !important; font-weight: 600 !important; } 
#Top_bar .menu li { font-size: 85%; }
#Top_bar .menu li ul li { font-size: 90%; width: 280px; }
#Top_bar .menu li ul li ul.mfn-megamenu li { font-size: 90%; }
#Top_bar .menu li ul li ul li.current_page_item a { font-weight: bold; color: #2c4a69; }
ul.mfn-megamenu { padding: 5px 0; background-image: none !important; }
#Top_bar .menu li ul li a { border: 0; padding: 8px 10px 8px 20px; }

#Top_bar .menu .navihide { display: none !important; visibility: hidden !important; }

#Top_bar a.responsive-menu-toggle { width: auto; }

#Top_bar .search_wrapper input[type="text"] { color: black; }

#Top_bar .top_bar_right a.button.action_button { margin-left: 10px; background: #fbbc34; font-weight: 600; }
#Top_bar .top_bar_right a.button.action_button:hover { color: black; }

body #menu-item-107, body #menu-item-67 { display: none !important; visibility: hidden !important; } /* Menüpunkt Pakete ausblenden */

#Top_bar .menu > li > a span:not(.description) { padding: 0 16px; }


/* MENU EXTRAS */
.menu-label {
    position: absolute !important;
    bottom: 95%;
    white-space: nowrap;
    z-index: 1;
    display: inline-block;
    margin-left: -5px;
    padding: 2px 4px;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-transition: opacity .3s ease,color .25s ease,background-color .25s ease;
    transition: opacity .3s ease,color .25s ease,background-color .25s ease;
	background: #2c4a69;
}
span.menu-label {
    color: #fff;
    line-height: 12px !important;
    letter-spacing: .3px;
    font-size: 9px;
    font-weight: 600;
	padding: 4px !important;
}
.menu-label::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 10px;
    width: 0;
    height: 0;
    border-style: solid;
	border-color: #2c4a69;
    border-width: 4px 7px 0 0;
    border-top-color: transparent;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
}
.menu-label-orange { background: #fbbc34; }
.menu-label-orange::before { border-color: #fbbc34; }


body #Side_slide #menu ul li { font-size: 90%; }
body #Side_slide .extras .action_button { background: #fbbc34; }




/* SUBHEADER */
body #Subheader { background-color: #2c4a69; }
#Subheader ul.breadcrumbs { font-size: 0.8em !important; line-height: 130%; }


/* REFERENZEN SINGLE PORTFOLIO */
body.single-portfolio #Header_wrapper::after {
    background: #f2f2f2;
    color: #2c4a69;
    content: "+++ Bitte beachten Sie, dass wir den Bereich der Referenzen derzeit überarbeiten! +++";
    font-weight: 500;
    display: block;
    height: auto;
    line-height: 120%;
    padding: 15px 5%;
    width: 90%;
text-align: center;
}
body.single-portfolio .column.one.single-photo-wrapper.image { display: none; }

body.single-portfolio .vc_row-no-padding .wpb_single_image .vc_figure, body.single-portfolio .vc_row-no-padding .wpb_single_image .vc_single_image-wrapper, body.single-portfolio .vc_row-no-padding .wpb_single_image img { width: 100%; }

.single-portfolio #Subheader .title, .single-portfolio .post-meta, .single-portfolio .project-description, .section-post-related .date_label { display: none; }


/* PORTFOLIO Grids */
ul.portfolio_grid { margin-left: 0; }
ul.portfolio_grid li { list-style: none; margin-bottom: 0; }


.section-border-bottom { border-bottom: 1px solid rgba(0,0,0,.1); }


body:not(.template-slider) #Header_wrapper { background-repeat: repeat; }


.hover_color_wrapper:hover h4 { color: white; }


/* TEAM */
.team .desc_wrapper p.subtitle { font-size: 90%; line-height: 130%; }


/* TABS */
.wpb-js-composer .vc_tta.vc_general.vc_tta-color-violet .vc_tta-tab a, .wpb-js-composer #Content .vc_tta-color-violet.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading { background-color: #2c4a69; border-bottom: 0 !important; }
.wpb-js-composer .vc_tta.vc_general.vc_tta-color-violet .vc_tta-tab.vc_active a, .wpb-js-composer .vc_tta.vc_general.vc_tta-color-violet .vc_tta-tab a:hover, .wpb-js-composer #Content .vc_tta-color-violet.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading, .wpb-js-composer #Content .vc_tta-color-violet.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading:hover { background-color: #fbbc34; }
.wpb-js-composer #Content .vc_tta.vc_general .vc_tta-panel-body, .wpb-js-composer #Content .vc_tta.vc_general.vc_tta-color-violet .vc_tta-tab .vc_tta-panels .vc_tta-panel-body { padding-top: 40px !important; }


/* Bilder bei ganzer Breite auf 100% */
.vc_row-no-padding .wpb_single_image .vc_figure, .vc_row-no-padding .wpb_single_image .vc_single_image-wrapper, .vc_row-no-padding .wpb_single_image img { width: 100%; }


/* POS INFO SEITE */
body.page-id-1522 .wpb_text_column { padding: 30px; border: 2px solid #ccc; }


/* LEXIKON GLOSSAR */
body.single-glossary #Subheader .title, body.single-glossary .section-post-header, body.single-glossary .section-post-about { display: none; visibility: hidden; }
body.single-glossary #Content .section_wrapper { max-width: 800px; }
body.single-glossary h2, body.single-glossary h3, body.single-glossary h4, body.single-glossary h5 { margin-top: 25px; font-weight: 600; }
body.single-glossary #Subheader { padding: 30px 0 30px; }


/* SIDEBAR */
#text-10 { border: 2px solid #2c4a69; padding: 0; }
#text-10 p, #text-10 span { display: block; padding: 15px 15px 0 15px; text-align: center; }
#text-10 .mailpoet_form p { padding: 0; }
#text-10 .mailpoet_form input { width: 100% !important; margin-bottom: 0; }


/* PRICING TABLE */
#rpt_pricr { margin: 60px 0 0 0; }
#rpt_pricr::after { display: block; content: 'Alle Preise in Euro netto zzgl. USt.'; font-size: 70%; text-align: center; color: gray; }
.rpt_plans .rpt_plan { border-radius: 35px; overflow: hidden; }
.rpt_plans .rpt_plan .rpt_title, .rpt_plans .rpt_plan .rpt_foot { border: 0 !important; border-radius: 0; background: #ccc !important; color: black !important; }
.rpt_plans .rpt_plan .rpt_title { text-align: center !important; font-size: 17px; font-weight: 600; text-transform: uppercase; line-height: 140%; }
.rpt_plans .rpt_plan .rpt_head { background: #2c4a69; }
.rpt_plans .rpt_plan .rpt_head .rpt_price { font-size: 40px; line-height: 140%; }
.rpt_plans .rpt_plan .rpt_head .rpt_description { padding-bottom: 15px; margin-top: -10px; color: white; font-size: 65%; line-height: 120%; }
.rpt_plans .rpt_plan .rpt_head .rpt_subtitle { color: #ffd500; font-size: 100%; font-weight: 600; margin-top: -15px; }
.rpt_plans .rpt_plan .rpt_head .rpt_price .rpt_currency { top: 0; font-size: 20px; }
.rpt_plans .rpt_plan .rpt_features { background: #f9f9f9; padding-top: 10px; }
.rpt_plans .rpt_plan .rpt_features .rpt_feature { font-size: 85%; line-height: 145%; padding: 10px; }
.rpt_plans .rpt_plan .rpt_recurrence { font-size: 85% !important; color: white !important; line-height: 130% !important; padding: 20px 20px 0 !important; }
.rpt_style_basic .rpt_recommended_plan { box-shadow: 0 0 35px 2px rgba(0,0,0,.2) !important; }
.rpt_style_basic .rpt_recommended_plan .rpt_title, .rpt_style_basic .rpt_recommended_plan .rpt_foot { background: #2c4a69 !important; color: white !important; }
.rpt_style_basic .rpt_recommended_plan .rpt_head { border-top: white solid 2px !important; }
.rpt_plans .rpt_plan .rpt_foot { background: #2c4a69 !important; color: white !important; padding: 18px 10px; font-weight: 600; text-transform: uppercase; }
.rpt_plans .rpt_plan .rpt_foot:hover { background: #fbbc34 !important; }


/* ICONS */
#Content .vc_icon_element-background-color-orange.vc_icon_element-background { background-color: #fbbc34; }


/* ---- CTA ---- */
.cta { background: #2c4a69; color: white !important; margin-bottom: 15px; border-radius: 35px; overflow: hidden; }
.cta a { color: white; text-decoration: none !important; }
.cta a:hover { color: #fbbc34 !important; }
.cta img { float: left; margin:0 15px 0 0;width: 30%; } 
.cta .ctainfo { float: left; width: 60%; padding: 8px 13px 0 13px; }
.cta .ctainfo p { margin-bottom: 0; line-height: 140%; color: white !important; padding: 8px 0; }

.wpb_column.vc_col-sm-5 .cta .ctainfo, .wpb_column.vc_col-sm-4 .cta .ctainfo { padding-top: 5px; }

.sidebar .cta img, .vc_col-sm-4 .cta img { float: none; margin: 0; width: 100%; }
.sidebar .cta .ctainfo, .vc_col-sm-4 .cta .ctainfo { float: none; width: 90%; padding: 5px 10px 10px 20px; }


/* ---- CTAPERSON ---- */
.ctaperson { padding: 0; color: white; margin: 0 0 0 -15px !important; border-radius: 35px; }
.ctaperson .ctabild { width: 40%; float: left; background-size: cover !important; position: relative; background-position: center 30% !important; }
.ctaperson .ctabild img { }
.ctaperson .ctabild .beratername { position: absolute; font-size: 95%; left: 10%; bottom: 8%; margin-bottom: 0 !important; background: white; color: #2c4a69; padding: 8px 30px; /* -moz-border-radius: 25px; border-radius: 25px; -webkit-border-radius: 25px; */ }
.ctaperson .ctabild .beratername sup { line-height: 130%; display: inline-block; margin-top: 0; color: #444; }

.ctaperson .ctainfo { float:left; width: 80%; margin: 17% 0 0 -20%; padding: 3% 2% 3% 23%; background: #2c4a69; /* -moz-border-radius: 25px; border-radius: 25px; -webkit-border-radius: 25px; */ }
.ctaperson .ctainfo p { margin-bottom: 5px !important; font-size: 110%; line-height: 140%; color: white !important; padding: 8px 0; }
.ctaperson .ctainfo p.largetext { font-size: 120%; line-height: 130% !important; }
.ctaperson .ctainfo sup { font-size: 80%; }
.ctaperson .ctainfo a, .ctaperson .ctapersoninfo a:link { color: white; text-decoration: none !important; }
.ctaperson .ctainfo a:hover { color: white !important; text-decoration: underline !important; }

.ctaperson .ctainfo .fa-mobile { margin-left: 4px; }


.ctaperson .toggleFormButton { cursor: pointer; display: inline-block; font-size: 90%; margin-top: 5px; font-weight: 400; padding: 15px 15px 15px 15px; background: #fbbc34; color: white; border: 1px solid #fbbc34; border-radius: 35px; }
.ctaperson .toggleFormButton:hover { background: #2c4a69; color: white; border: 1px solid #fbbc34; }

.ctaperson .toggleFormContainer { display: none; padding: 50px 5% 10px 5%; background: #2c4a69; border: 1px solid #2c4a69; border-top: 0; width: 83%; margin: -50px auto 30px 5%; }
.ctaperson .toggleFormContainer p { font-size: 90%; line-height: 130%; margin-bottom: 15px !important; }
.ctaperson .wpcf7-form .container { width: 100%; max-width: 100%; }
.ctaperson .wpcf7-form .wpcf7-list-item-label a { color: white; }
.ctaperson .wpcf7-form .wpcf7-submit { display: block; background: #fbbc34 !important; color: white !important; border: 1px solid #fbbc34; width: 70%; text-align: center; float: none; padding: 12px 15px 8px 15px; margin: 20px auto 0 auto !important; }

.ctaperson .ctauspbox .vc_column-inner { background: white; color: black; padding: 5%; margin-top: -10px; }
.ctaperson .ctauspbox .vc_column-inner ul li { font-size: 80%; line-height: 130%; }
.ctaperson .ctauspbox .vc_column-inner ul li::before { top: 0; }

.ctaperson.noberater .ctainfo { float: none; width: 90%; }
.ctaperson.noberater .ctauspbox .vc_column-inner { margin-top: 0; }

.vc_col-sm-4 .ctaperson .ctabild, .widget-area .ctaperson .ctabild { width: 100%; float: none; }
.vc_col-sm-4 .ctaperson .ctainfo, .widget-area .ctaperson .ctainfo { width: 87%; padding-left: 8%; }
.vc_col-sm-4 .ctaperson .ctainfo p.largetext, .widget-area .ctaperson .ctainfo p.largetext { padding-top: 0; }
.vc_col-sm-4 .ctaperson .toggleFormContainer, .widget-area .ctaperson .toggleFormContainer { padding-top: 20px; }
.vc_col-sm-4 .ctapersonformbox, .widget-area .ctapersonformbox { float: none; width: 100%; }
.vc_col-sm-4 .ctaperson .ctapersonformbox input[type="submit"], .widget-area .ctaperson .ctapersonformbox input[type="submit"] { margin-bottom: 0 !important; }
.vc_col-sm-4 .ctapersonuspbox, .widget-area .ctauspbox { float: none; width: 94%; margin: 0 auto; }
.vc_col-sm-4 .ctapersonuspbox .vc_column-inner, .widget-area .ctauspbox .vc_column-inner { margin-top: 0; }

.vc_col-sm-6 .ctaperson .ctainfo { width: 70%; padding-left: 5%; }
.vc_col-sm-6 .ctaperson .ctainfo p.largetext { padding: 0; }
.vc_col-sm-6 .ctaperson .toggleFormContainer .ctapersonformbox, .vc_col-sm-6 .ctaperson .toggleFormContainer .ctauspbox { float: none; width: 100%; }
body .vc_col-sm-6 .ctaperson .toggleFormContainer .ctauspbox .vc_column-inner { margin-top: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }

.widget-area .ctaperson .ctainfo p { padding: 0; }
.widget-area .ctaperson .toggleFormContainer { height: 400px; overflow-y: scroll; overflow-x: hidden; }

body.single-post .post .ctaperson { width: 120%; }
body.single-post .post .ctaperson .ctabild { margin-left: -15%; }
body.single-post .post .ctaperson .ctainfo { width: 100%; margin: 17% -15% 0 -20%; padding: 3% 4% 3% 23%; }
body.single-post .post .ctaperson .ctainfo p { margin-bottom: 0 !important; padding: 7px 0; }
body.single-post .post .ctaperson .toggleFormButton { padding: 8px 15px; }

body.single-glossary .ctaperson .ctainfo { float: none; width: 100%; margin: -10px 0 50px 0; padding: 5% 10%; border-radius: 35px; }



/* VIDEO */
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin: 20px 0 15px 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* DIENSTLEISTUNGEN */
ul#menu-dienstleistungen, ul#menu-beratungen, ul#menu-beratungen-1 { list-style: none; margin: 0; }
ul#menu-dienstleistungen li, ul#menu-beratungen li, ul#menu-beratungen-1 li { list-style: none; margin: 0; float: left; padding: 2px 25px 3px 0; }
ul#menu-dienstleistungen li a, ul#menu-beratungen li a, ul#menu-beratungen-1 li a { border: none; font-size: 110%; }
ul#menu-dienstleistungen li.bolder a, ul#menu-beratungen li.bolder a, ul#menu-beratungen-1 li.bolder a { font-weight: 600; }


/* TESTIMONIALS */
.testimonials_slider .hr_dots { display: none; }
.testimonials_slider ul li { padding: 0 !important; }
.testimonials_slider ul li div { padding: 0 !important; text-align: left !important; overflow: auto; }
.testimonials_slider ul li div blockquote { margin: 0; font-style: normal; top: 0; }
.testimonials_slider .testimonials_slider_ul li { list-style: none !important; }
.testimonials_slider .testimonials_slider_ul li .bq_wrapper { margin-bottom: 10px; }
.testimonials_slider .testimonials_slider_ul li .author h5 { color: grey; }
.testimonials_slider a.button { background-color: none !important; background: none !important; }

.button.button_js.slider_prev, .button.button_js.slider_next { border: 0 !important; border-radius: none; box-shadow: none !important; top: 100%; }
.button.button_js.slider_prev span, .button.button_js.slider_next span { padding: 5px; }
.button-stroke a.button, .button-stroke a.button .button_icon i, .button-stroke a.tp-button { color: #ccc !important; }


/* FORMULAR */
.wpcf7-form .column { margin-bottom: 5px; }
input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea, .woocommerce .quantity input.qty { width: 100%; box-shadow: none !important; font-size: 90%; }
.wpcf7-form .wpcf7-submit, body .wpcf7 input[type="submit"] { background: #2c4a69; color: white; font-size: 100%; text-align: left; padding: 0; width: auto; border: 0; padding: 15px 35px; max-width: 90%; transition: all 0.2s ease-in; } 
.wpcf7-form .wpcf7-submit::after { content: '➾' !important; }
.wpcf7-form .wpcf7-submit:hover, body .wpcf7 input[type="submit"]:hover { background: #ffd500; color: white; border: 0; }

.wpcf7-mailpoetsignup input, .wpcf7-acceptance input { float: left; margin-right: 5px; }
.wpcf7-mailpoetsignup label, .wpcf7-acceptance label { font-weight: normal; font-size: 85%; line-height: 120%; }
.wpcf7-acceptance label { font-size: 100%; }
.wpcf7-acceptance span.wpcf7-list-item { margin-left: 0; }

.vc_row.whitecolor form.wpcf7-form .wpcf7-submit { border: 1px solid white; padding: 8px 15px; transition: all 0.2s ease-in; }
.vc_row.whitecolor form.wpcf7-form .wpcf7-submit:hover { background: white; color: #2c4a69; border: 1px solid white; }

form.wpcf7-form .wpcf7-form-control-signature-wrap { border: 1px solid #dbe1ec; }

#wpcf7-f2268-p2269-o1 input { border: 1px solid #dbe1ec; }
#wpcf7-f2268-p2269-o1 .wpcf7-submit { margin: 0 auto; width: 200px; display: block; text-align: center; background: #dbe1ec; }


/* KOMMENTARFUNKTION */
div.comments { margin: 40px 0; }
div.comments #respond { margin-bottom: 0; }
div.comments #respond label { font-weight: 400; font-size: 90%; }
#comments > :first-child { border: 0; }


/* MAILPOET */
div.mailpoet_form { margin-bottom: 0; }
div.mailpoet_form .mailpoet_submit { background: #2c4a69; }
div.mailpoet_form .mailpoet_submit:hover { background: #ffd500; color: #2c4a69; }
div.mailpoet_form .mailpoet_paragraph .largetext { font-size: 140%; line-height: 130%; display: block; margin-bottom: 10px; }
div.mailpoet_form .mailpoet_paragraph strong { font-weight: 600 !important; }
div.mailpoet_form .mailpoet_paragraph small { font-size: 70%; line-height: 130%; font-weight: normal; }
div.mailpoet_form .mailpoet_checkbox_label { font-size: 80% !important; line-height: 130% !important; font-weight: normal !important; }
div.mailpoet_form input.mailpoet_text, div.mailpoet_form .mailpoet_textarea { border: 1px solid #cfcfcf !important; padding: 15px !important; }
#mailpoet_form_1 .mailpoet_paragraph, #mailpoet_form_2 .mailpoet_paragraph, #mailpoet_form_3 .mailpoet_paragraph { display: inline-block; margin-bottom: 5px; }
.mailpoet_paragraph .mailpoet_submit { font-size: 94%; margin-left: 0; padding: 15px !important; background: #ffd500; border: 1px solid #2c4a69; transition: all 0.2s ease-in; }
.mailpoet_paragraph .mailpoet_submit:hover { background: #2c4a69; border: 1px solid #ffd500; }
div.mailpoet_form .parsley-errors-list { position: absolute; background: red; padding: 8px 8px 0 8px; list-style: none; margin: -10px 0 0 0; }

#mailpoet_form_2, #mailpoet_form_14 { border: 8px solid #ffd500; padding: 10px 25px 15px 25px; }

.vc_row.whitecolor .mailpoet_paragraph .mailpoet_submit { border: 1px solid white; }
.vc_row.whitecolor .mailpoet_paragraph .mailpoet_submit { border: 1px solid #ffd500; }

.ulp-window #mailpoet_form_2 { border: 0; padding: 0; }
.ulp-window #mailpoet_form_2 p, #mailpoet_form_14 p { line-height: 140%; margin-bottom: 10px; }
.ulp-window input { margin-bottom: 5px !important; }



/* POSTS BLOG */
body.with_aside .sections_group { width: 56%; }
body.aside_right .mcb-sidebar { border: 0 !important; }
.post-nav { background: none; }
body.with_aside .sidebar .widget { padding: 0; margin: 0; }
body.with_aside .widget-area::before { background: none; }

body.single-post.with_aside #Content .image_frame .image_wrapper, .widget iframe, .widget img { border-radius: 35px; margin-top: 25px; }
body.single-post.with_aside #Content .single-photo-wrapper .image_frame .image_wrapper { margin-top: 0 !important; }

body.single-post.with_aside #Content img.aligncenter { border-radius: 35px; margin-top: 55px; }

body.single-post.with_aside #Content { background: #2c4a69; }
body.single-post.with_aside .sections_group, body.single-post.with_aside .widget-area { background: white; padding: 35px 5%; border-radius: 35px; }

@media only screen and (min-width: 1180px) { body.single-post.with_aside .widget-area { /* position: fixed; */ max-width: 500px; padding: 35px; } }

body.single-post.with_aside #Content .section.the_content h2, body.single-post.with_aside #Content .section.the_content h3, body.single-post.with_aside #Content .section.the_content h4 { margin-top: 50px; font-weight: 600; margin-bottom: 25px; }
body.single-post.with_aside #Content .section.the_content ul, body.single-post.with_aside #Content .section.the_content ol { margin-bottom: 40px; }
body.single-post.with_aside #Content .section.the_content p, body.single-post.with_aside #Content .section.the_content ul li { line-height: 170%; font-weight: 400; }
body.single-post.with_aside #Content .section.the_content p strong, body.single-post.with_aside #Content .section.the_content p b, body.single-post.with_aside #Content .section.the_content li strong, body.single-post.with_aside #Content .section.the_content li b { font-weight: 600; }
body.single-post.with_aside #Content .section.the_content hr { margin: 40px 0 35px 0; }

body.single-post.with_aside #Content.section.the_content img { border-radius: 35px; }

body.single-post.with_aside #Content h1 { font-size: 140%; line-height: 140%; font-weight: 600; }
body.single-post.with_aside #Content .section.the_content blockquote, .single-glossary blockquote { font-size: 160%; line-height: 140%; color: #2c4a69; }
body.single-post.with_aside #Content .section.the_content span.largetext, body.single-post.with_aside #Content .section.the_content .cta { margin: 30px 0; }

body.single-post.with_aside #Content h1, body.single-post.with_aside #Content h2, body.single-post.with_aside #Content h3, body.single-post.with_aside #Content h4, body.single-post.with_aside #Content h5, body.single-post.with_aside #Content h6, body.single-post.with_aside #Content h1 a, body.single-post.with_aside #Content h2 a, body.single-post.with_aside #Content h3 a, body.single-post.with_aside #Content h4 a, body.single-post.with_aside #Content h5 a, body.single-post.with_aside #Content h6 a { color: #2c4a69; text-decoration: none; border: 0; }
body.single-post.with_aside #Content h1 a:hover, body.single-post.with_aside #Content h2 a:hover, body.single-post.with_aside #Content h3 a:hover, body.single-post.with_aside #Content h4 a:hover, body.single-post.with_aside #Content h5 a:hover, body.single-post.with_aside #Content h6 a:hover { color: #fbbc34; }

body.single-post.with_aside #Content .section.the_content .content_video { margin: 10px 0 20px 0; }

#Filters .filters_buttons li.authors, .post-desc-wrapper .post-footer { display: none; }

body.single-post .type-post div.comments { width: 90% !important; margin: 40px 20px; }

.post-desc-wrapper .post-title { font-size: 130%; line-height: 140%; font-weight: 500; }

body.single-post span.button { font-weight: 500; padding: 20px 45px; border-radius: 50px !important; }

body.single-post.with_aside #Header_wrapper { z-index: 1000; }
body .progress-container-top { position: fixed; top: 60px; }

.admin-bar .progress-container-top { top: 92px; }
body .bsf-rt-reading-time { padding: 8px 15px; background: #f9f9f9; font-weight: 500; font-size: 90%; margin: 0 0 20px 0; display: inline-block; }

body ul.wp-tag-cloud li::before { display: none; }
body .widget_mfn_tag_cloud a { border-bottom: 0; }

body .browser-shot { margin-bottom: 30px; }
body .browser-shot a { text-decoration: none !important; }
body .browser-shot::after {
  content: 'Automatisch erstellter Screenshot (Bildschirmfoto)';
  font-size: 50%;
  margin: -40px 0 0 10px;
  position: absolute;
  background: rgba(255,255,255,0.6);
  padding: 3px 8px;
}


/* TOC Table of Content */
body.with_aside .sidebar .widget.ez-toc, body.with_aside .sidebar .widget.ez-toc h3 { margin-top: 0; }
body .ez-toc-title-container .code-block { height: 20px; }
body .ez-toc-list { margin-bottom: 15px !important; }
body div#ez-toc-container p.ez-toc-title { font-size: 110%; font-weight: 500 !important; }

.ez-toc-widget-container ul li a { line-height: 140%; font-size: 90%; padding-left: 0; }

#toc-np-container li.header-level-1 { font-weight: 300; }
#toc-np-container ul { margin: 10px 0 0 15px !important; }
#toc-np-container ul li { list-style: square; }
#toc-np-container ul li a { border: 0 !important; }


/* TAG-SEITEN */
body.archive.tag #Subheader .title { font-size: 130%; float: none; width: 100%; /* content: 'Seiten und Blogartikel zum Thema: '; */ }
body.archive.tag #Subheader p { color: white; font-size: 90%; }
body.archive.tag #Content h2 a { text-decoration: none; border: 0; }

.category_description, .tag_description { padding: 30px 30px 0 30px; }
.category_description a, .tag_description a { text-decoration: underline !important; }

body.single-post .section-post-about { margin-top: 30px; }
.author-box-wrapper .desc { font-size: 85%; line-height: 150%; }


body.single-post .section-post-related a { text-decoration: none; border: none !important; }
body.single-post .section-post-related .button { display: none; }
body.single-post .section-post-related::after { content: 'Die mit Sternchen (*) gekennzeichneten Links sind sogenannte Affiliate-Links (Partnerlinks). Wenn Sie auf so einen Affiliate-Link klicken und über diesen Link einkaufen, bekommen wir von dem betreffenden Online-Shop oder Anbieter eine Provision. Für Sie verändert sich der Preis nicht!'; display: block; font-size: 75%; line-height: 120%; font-style: italic; }
body.single-post .post-related h4 { font-size: 90%; }

body .headimagebox { margin-top: -30px !important; padding-top: 250px !important; padding-bottom: 250px !important; }
body .headbox { z-index: 10; position: relative; background-color: #fbbc34; padding-top: 25px !important; padding-right: 35px !important; padding-bottom: 25px !important; padding-left: 35px !important; margin-top: -70px; font-size: 85%; color: #222; line-height: 150%; font-weight: 500; }
body .headbox h1 { font-size: 200%; line-height: 140%; }
body .headbox p { font-size: 120%; line-height: 150%; }


/* Flow Flow */
.ff-item-cont::after {
    content: "© Grafik/Bild: Seiteninhaber der verlinkten Seite/Beitrag (falls nicht anders angegeben. Es wurde keine Kopie außerhalb von facebook erzeugt (=externer Link).";
    display: block;
    margin-top: 10px;
    padding: 5px;
border-top: 1px solid #f2f2f2;
font-size: 50%;
line-height: 120%;
}


.at4-recommended-item-caption small { display: none !important; }


.accordion .question .title { font-size: 90%; }

body.page #Content blockquote { font-size: 160%; line-height: 140%; color: #2c4a69; }


.siegelleiste > .vc_column-inner > .wpb_wrapper { padding: 0 15px; text-align: center; }

.prefooterlogos { padding: 50px 0; text-align: center; }
.prefooterlogos img { width: 100%; max-width: 100%; margin: 10px auto; }


body .custom-rcb-wrapper .bsf-rt-reading-time, body .custom-rcb-wrapper #ez-toc-container { display: none !important; visibility: hidden !important; }
body .rcb-block-id-16656 { border: 3px solid #cfcfcf; border-radius: 25px; }


#Footer .footer_action { background: #2c4a69; text-align: left !important; }
#Footer .footer_action .column.one { margin-bottom: 55px !important; padding-top: 60px !important; }
#Footer .footer_action .rightcolumn { margin-top: 50px; }
#Footer .footer_action .mailpoet_form { background: none; padding: 0; }
#Footer .footer_action .mailpoet_form input { width: 100%; }
#Footer .footer_action .mailpoet_form input.mailpoet_checkbox { width: 15px; }


#Footer #text-2 { padding-bottom: 0; }
#text-11 a { color: #ffd500 !important; }
#Footer { font-size: 80%; line-height: 160%; }
#Footer .whitecolor a { color: white; }
#Footer .footer_copy { font-size: 80%; }
#Footer .footer_copy .one { margin-bottom: 50px; }
.footerheadline { font-size: 130%; line-height: 140%; font-weight: 400; color: #000000; }
.menu-googlemenue-container ul, .menu-googlemenue-container ul li { background: none; list-style: none; margin: 0; padding: 0; }
.menu-googlemenue-container ul li { margin-right: 8px; }
.menu-googlemenue-container ul li a { padding: 0; }
#Footer .widget_archive ul, #Footer .widget_nav_menu ul { list-style-type: none; padding: 0; background: none; padding: 0 !important; }
#Footer .widget_archive ul li a, #Footer .widget_nav_menu ul li a { padding: 4px 0; }
#Footer .menu li a { font-size: 90%; }

body #back_to_top.sticky { z-index: 9000001; right: 48.5% !important; bottom: 15px; padding: 10px; background: white; border-radius: 25px; }
body #popup_contact { z-index: 9000002; right: 47.5%; }
body #popup_contact .icon-mail-line::before { margin-left: -10%; margin-right: 0; }
body .footer_button i { margin-left: 0; }
body .button-round .footer_button { padding: 0 8px; }


/* DIGIMEMBER KURSE ACADEMY */
body.page.dbg-lay-id-1634 #Footer .widgets_wrapper, body.page.dbg-lay-id-1634 .top_bar_right { display: none; }
body.page.dbg-lay-id-1634 #Top_bar .menu > li > a span:not(.description) { font-size: 110%; }

.ncore_user_form_container.digimember_login form:before { content: 'Jetzt anmelden:'; font-size: 150%; color: #2c4a69; font-weight: bold; }
.ncore_user_form_container.digimember_login form { border: 1px solid #2c4a69; padding: 25px 25px 5px 25px; margin-bottom: 30px; }
.ncore_user_form_container.digimember_login .button { border-radius: 10px !important; background: #2c4a69 !important; margin: 0 !important; }
.ncore_user_form_container.digimember_login .button:hover { background: #fbbc34 !important; }

body.parent-pageid-1683 .wpb_video_widget /* ,  body.parent-pageid-1683 .wpb_video_wrapper */ { margin-bottom: 0; }
body.parent-pageid-1683 .widget-area { border: 0 !important; }
body.parent-pageid-1683 .widget-area .widget-title { text-align: center; }
body.parent-pageid-1683 .widget { margin-bottom: 20px; padding-bottom: 20px; }

.ncore_WidgetClass ul.menu li { margin-bottom: 6px; }
.ncore_WidgetClass ul.menu li a { display: block; font-size: 90%; font-weight: 400; line-height: 130%; padding: 6px 10px; background: #f2f2f2; border: 0 !important; }
.ncore_WidgetClass ul.menu li.current-menu-item a { background: #2c4a69; color: white; }

#ncore_webpush_-3 { padding: 15px; border: 2px solid #2c4a69; }
#ncore_webpush_-3 button { margin: 0 auto; display: block; }


body.parent-pageid-1612 span.button { background: #fbbc34 !important; color: #2c4a69 !important; padding: 30px 40px; font-size: 120%; font-weight: 600; }
body.parent-pageid-1612 span.button:hover { background: #2c4a69 !important; color: white !important; border: 2px solid white; }

body.parent-pageid-1612 .dropcap { display: block; float: none; margin: 0 auto; background-image: none; }


div.bewertungsblase::after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 15px 15px 0;
    border-color: #fbbc34 transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -15px;
    left: 47%;
}
div.bewertungsblase {
    background: white;
    border: 3px solid #fbbc34;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	padding: 25px;
    position: relative;
	font-size: 100%;
	line-height: 140%;
	margin-bottom: 20px;
}
span.bewertungname { display: block; text-align: center; font-size: 90%; line-height: 140%; font-weight: bold; color: #fbbc34; }


/* POS SEITEN */
body.parent-pageid-1038 #Footer .widgets_wrapper, body.parent-pageid-1038 #Top_bar, body.parent-pageid-1038 .addthis-smartlayers { display: none !important; }


/* ---- BORDERBOXES ---- */
.borderboxes .wpb_column { transition: opacity 0.2s ease-in-out 0.2s, visibility 0.2s ease-in-out; }
.borderboxes .wpb_column .vc_column-inner { background: white; padding: 0; border: 1px solid #f0f0f0; -webkit-transition: box-shadow 0.5s; -o-transition: box-shadow 0.5s; transition: box-shadow 0.5s; }
.borderboxes .wpb_column .vc_column-inner:hover { -webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 20px 2px rgba(0,0,0,0.2); box-shadow: 0 0 20px 2px rgba(0,0,0,0.2); }
.borderboxes .wpb_column .vc_column-inner .wpb_single_image .vc_single_image-wrapper, .borderboxes .wpb_column .vc_column-inner .wpb_single_image .vc_figure, .borderboxes .wpb_column .vc_column-inner img { width: 100%; }
.borderboxes .wpb_column .vc_column-inner .wpb_single_image { margin-bottom: 25px; }
.borderboxes .wpb_column .vc_column-inner .wpb_video_wrapper { margin-bottom: 0; }
.borderboxes .wpb_column .vc_column-inner .wpb_text_column { padding: 0 30px; }
.borderboxes .wpb_column .vc_column-inner .headlargetext { font-size: 125%; line-height: 120% !important; text-transform: none; }
.borderboxes .wpb_column .vc_column-inner .headlargetext strong { text-transform: uppercase; }
.borderboxes .wpb_column .vc_column-inner .headlargetext a { transition: opacity 0.2s ease-in-out 0.2s, visibility 0.2s ease-in-out; }
.borderboxes .wpb_column .vc_column-inner:hover .headlargetext a { color: #f18700 !important; }

.borderboxes.ohnebild .wpb_column .vc_column-inner .wpb_text_column { padding: 30px 30px 10px 30px; }


/* FLORIAN IBE */
.florianibesocialbuttons a { display: inline-block; padding: 5px 15px; margin-right: 5px; color: white !important; border: 0 !important; font-weight: 400; }
.florianibesocialbuttons a:hover { text-decoration: none !important; border: 0 !important; font-weight: 600; }
.florianibesocialbuttons a.fb { background: #3b5999; }
.florianibesocialbuttons a.insta { background: #4c68d7; }
.florianibesocialbuttons a.linkedin { background: #0084bf; }
.florianibesocialbuttons a.youtube { background: #cd201f; }




@media only screen and (max-width: 768px) {
    
    body h1 { font-size: 145%; }
    body h2 { font-size: 125%; }
    span.largetext { font-size: 130%; font-weight: 300; line-height: 140%; }
    span.headtext { font-size: 130%; line-height: 120%; }
	
	body.page #Content blockquote { font-size: 110%; line-height: 150%; }
	
	.mobile-header-mini #Top_bar .logo, .logo-no-margin #Top_bar .logo { margin-left: 15px !important; }
    
    body #Top_bar, body #Action_bar { background: #2c4a69 !important; }
    body .top_bar_right { display: none; }
	
	body #Top_bar a.responsive-menu-toggle span { padding: 0 5px; }
    
    #Top_bar #menu { border-top: 1px solid white; }
    #Top_bar #menu, #Top_bar .menu > li ul { background: #2c4a69 !important; }
    #Top_bar .menu > li > a, #Top_bar #menu ul li.submenu .menu-toggle, #Top_bar .menu > li ul a { color: white !important; }
    #Top_bar #menu ul li.submenu .menu-toggle { opacity: 1 !important; }
    
    body #Header_wrapper #Subheader { padding: 20px 0 !important; }
	
	body .headimagebox { margin-top: -30px !important; padding-top: 120px !important; padding-bottom: 120px !important; }
	
	body #mailpoet_form_14 { width: auto; }
	
	body #Content .calendly-inline-widget { min-width: 300px; }
	
	body.single-post.with_aside .sections_group, body.single-post.with_aside .widget-area, body.with_aside .sections_group { width: 90% !important; margin: 0 auto; padding: 35px 5% !important; border-radius: 35px; margin-bottom: 100px; }
	body.with_aside .section_wrapper { padding: 0 !important; }
	
	body.single-post.with_aside #Content .section.the_content blockquote, .single-glossary blockquote { font-size: 120%; line-height: 120%; }
	body.single-post .content_wrapper .mcb-column-inner { margin: 0; }
	
	.section-post-related .post-related { margin-bottom: 40px; }
	body.single-post .type-post div.comments { width: 86% !important; margin: 0 !important; }

	.cta img { float: none; width: 100%; margin: 0; }
    .cta .ctainfo { float: none; width: 100%; padding: 10px 20px; }

	#cookie-notice.cn-bottom { bottom: 30px !important; }
	
	span.button { display: block; text-align: center; margin: 8px auto !important; max-width: 80%; padding: 15px 5%; }
	
	#Content .gallery .gallery-item { width: 50%; margin-bottom: 15px !important; }
	#Content .gallery .gallery-item:nth-child(2n+1) { clear: both !important; }
	#Content .gallery-columns-3 .gallery-item:nth-child(3n+1), #Content .gallery-columns-4 .gallery-item:nth-child(4n+1), #Content .gallery-columns-5 .gallery-item:nth-child(5n+1), #Content .gallery-columns-6 .gallery-item:nth-child(6n+1) { clear: none; }
	
	
	.florianibesocialbuttons a { display: block; padding: 8px 15px; margin: 0 0 8px 0; }
	
	body .ctaperson .ctabild { width: 100%; float: none; margin: 0; }
	body .ctaperson .ctainfo, body.single-post .post .ctaperson .ctainfo { float: none; width: 95%; margin: -10px 0 0 -8px; padding: 15px 5% 10px 5%; }
	body .ctaperson .toggleFormButton { margin-top: 0; }
	body .ctaperson .toggleFormContainer { padding-top: 10px; }
	body .ctauspbox .vc_column-inner { margin-top: 0; }
	body .ctauspbox { width: 90%; } 
	
	#back_to_top.in_footer, #back_to_top.sticky { right: 35% !important; bottom: 45px !important; }
	
	body .pe-pro-seal { bottom: 40px !important; }
	
	body .progress-container-top { top: 0; }
	
	.footerlogos img { float: left; max-width: 100px; margin-right: 15px; }
	
	body .pelogo { max-width: 120px; }
	
	
	body .pe-pro-seal-front-page, body .pe-pro-seal-front-page-a { width: 80px; }
	body .pe-pro-seal-icon { width: 60px; height: 60px; }
	body .pe-pro-seal-front-page-a .pe-pro-seal-bar-mobile { line-height: 120%; white-space: break-spaces; hyphens: auto; }
	body .pe-pro-seal .pe-pro-seal-stars { margin-bottom: 0; }
    
}