/*
 Theme Name:    Velogical
 Template:      betheme
*/




/*   M E N U   */


/*#Top_bar a#header_cart span {background-color: rgb(127,0,25)!important;}*/

#Top_bar .lang-active{
    font-weight:bold !important;
	
}
#Top_bar .lang-active a {
    
	color: #7f0019 !important;
}
	
/* Gestaltung Fly-out */

/*#menu > ul > #menu-item-420 > a, #menu > ul > #menu-item-414 > a, #menu > ul > #menu-item-413 > a {
    font-weight: 600;
    letter-spacing: .6px;
}


/* Submenu */

#Top_bar .menu li ul li a {
    border-bottom: none!important;
    padding: 15px 20px;
}

#Top_bar .menu li ul li {
    width: auto;
}

#Top_bar #menu ul.sub-menu {
    background-color: #fdfdfd!important;
	border-radius: 5px;
}

#Top_bar .menu ul.sub-menu > li > a:hover {
   background: #f2f2f2!important;
    color: rgb(127,0,25);
	}
#Top_bar .wpml-languages.horizontal{
    border: 0px solid!important;
    background: #ffd248!important;
}
#Top_bar .wpml-languages {
    font-size: 16px!important;
	  }


#Top_bar .top_bar_right .top-bar-right-icon, #Top_bar .top_bar_right .top-bar-right-icon svg .path {
    color: #404040!important;
}
/* Submenu / sticky header */

#Top_bar.is-sticky #menu ul.sub-menu {
    background: rgba(247,247,247,.9);
    margin-top: -2px;
}

#Top_bar.is-sticky .menu ul.sub-menu > li > a:hover {
    background: rgba(252,252,252,.9)!important;
}

#Top_bar.is-sticky .menu_wrapper {
   background-color: #fdfdfd!important;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	
	}
	
#Top_bar.is-sticky 	{
background-image: url(/wp-content/uploads/2020/08/Hintergrund_yellow.jpg)!important;
	opacity: 1!important;
}

.header-stack #Top_bar .logo {
	border-bottom-width: 0px!important;
	}
#Subheader {
    background-color: transparent!important;
}
#Subheader .title {
    color: #7f0019!important;
	
}

/*RMWR*/
[id^="readlink"] {
    color: #7f0019 !important;
	font-size: 30px!important;
}


/*Shop*/

.widget_product_categories ul {
    list-style-type: disc!important;
    color: #404040!important;
    padding: 5px 10px 5px 30px;
}

.widget_product_categories ul li a {
    color: #404040 !important;
}
.woocommerce ul.products li.product .price {
    color: #7f0019!important;
   
}
.mcb-sidebar {
    padding: 0 0px!important;
}

.mcb-sidebar::before {
    background-color: #fdfdfd!important;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #7f0019!important;
}

/*SHOP Product page*/
.woocommerce div.product form.cart .variations td.label {
    font-size: 14px!important;
	text-align: left;
}
.woocommerce div.product form.cart .variations select {
    
    display: block;
    
}
.style-simple .ui-tabs .ui-tabs-nav li.ui-tabs-selected a::after, .style-simple .ui-tabs .ui-tabs-nav li.ui-state-disabled a::after, .style-simple .ui-tabs .ui-tabs-nav li.ui-state-processing a::after, .style-simple .ui-tabs .ui-tabs-nav li.ui-state-active a::after {
    background: #7f0019!important;
}
.style-simple .ui-tabs .ui-tabs-nav {
     background-color: #ffd248!important;
}
.ui-tabs .ui-tabs-nav li a {
    font-size: 15px!important;
}
.style-simple .ui-tabs .ui-tabs-nav li.ui-tabs-selected a::after, .style-simple .ui-tabs .ui-tabs-nav li.ui-state-disabled a::after, .style-simple .ui-tabs .ui-tabs-nav li.ui-state-processing a::after, .style-simple .ui-tabs .ui-tabs-nav li.ui-state-active a::after {
  color: #7f0019!important;
}
.style-simple .ui-tabs .ui-tabs-nav li {
    border-right-width: 2px!important;
	border-right-color: #f2f2f2!important;
	border-right-style: solid!important;
}

	
	
.style-simple .ui-tabs .ui-tabs-nav li.ui-state-active a, .style-simple .ui-tabs .ui-tabs-nav li.ui-tabs-selected::after, .style-simple .ui-tabs .ui-tabs-nav li.ui-state-active::after {
    color: #7f0019!important;
}
.single-product .product_meta .posted_in {
display: none!important;
}
/*Shop page number*/

.pager .pages {
    background-color:#ffd248!important;
		
}
	.pager .pages span.page-numbers.current {
    background-color: #fdfdfd!important;
	}	
.pager .pages a:hover, .pager .pages a.active, .pager .pages span.page-numbers.current {
    color: #7f0019!important;
}
/* Menu-Underline */

.menuo-no-borders #Top_bar .menu > li > a:hover > span, 
.menuo-no-borders #Top_bar .menu > li > a:focus > span, 
.menuo-no-borders #Top_bar .menu > li.current_page_item > a > span,
.menuo-arrows #Top_bar .menu > li.submenu > a > span {
    position: relative;
}

.menuo-no-borders #Top_bar .menu > li > a:hover > span:before, 
.menuo-no-borders #Top_bar .menu > li > a:focus > span:before, 
#Top_bar .menu > li.current-menu-parent > a > span:before,
.menuo-no-borders #Top_bar .menu > li.current_page_item > a > span:before {
    position: absolute; 
    /*content: ''; */
    display: block; 
    height: 1px; 
	background: #ffd248; 
    bottom: 15px; 
    left: 20px; 
    right: 20px;    
	

}


.menuo-arrows #Top_bar .menu > li.submenu > a > span:before,
.menuo-arrows #Top_bar .menu > li.submenu > a:hover > span:before, 
.menuo-arrows #Top_bar .menu > li.submenu > a:focus > span:before {
    right: 10px;    
}

#Top_bar .menu > li.current-menu-item > a, #Top_bar .menu > li.current_page_item > a, #Top_bar .menu > li.current-menu-parent > a, #Top_bar .menu > li.current-page-parent > a, #Top_bar .menu > li.current-menu-ancestor > a, #Top_bar .menu > li.current-page-ancestor > a, #Top_bar .menu > li.current_page_ancestor > a, #Top_bar .menu > li.hover > a {
   font-weight: bold!important;
	    color: rgb(127,0,25)!important;
		


}



/*   G R I D   
Abstände zwischen den Elementen +/- 80px margin top in den Row Einstellungen */


/* Startseite Presse Banner */

#start_presse .wpb_wrapper > div {margin-bottom: 15px;} 


/* Startseite Bestseller */

#start_bestseller .wpb_wrapper > div {margin-bottom: 15px;} 
#start_bestseller .wpb_wrapper .wpb_single_image.div {margin-bottom: 10px;}


/* Subheader */

body:not(.template-slider) #Header {
    min-height: 0!important;
}

   
#Subheader div.column.one {display: flex;}

#Header_wrapper #Subheader:after {box-shadow: none;}


/* Infoboxen mit Tabs */

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body {    
    padding: 30px 25px!important;
}
/* Abstände Seiten*/
.wpb_wrapper > div {
    margin-bottom: 0px!important;
}

/* Abstände Montage-Seite */

#montage div.wpb_text_column {margin-bottom: 25px;}
#montage div.vc_btn3-inline {margin-bottom: 45px;}



/* Abstände */

#video_beschriftung .wpb_wrapper > div.vc_video-el-width-100 {margin-bottom: 0;}
#bilder_beschriftung .wpb_wrapper > div.vc_single_image-wrapper {margin-bottom: 10px;} 

/*Tabs*/

.wpb_button,
.wpb_content_element,
ul.wpb_thumbnails-fluid>li {
 margin-bottom:0px!important;
}

/*Velobordnetz Tabs*/
.vc_tta-tabs.vc_tta-has-pagination:not(.vc_tta-tabs-position-bottom) {
    padding-bottom: 35px!important;
}
.vc_pagination-color-grey.vc_pagination-style-outline .vc_pagination-trigger {
    border-color: #ffd248!important;
}
.vc_pagination-color-grey.vc_pagination-style-outline .vc_active .vc_pagination-trigger {
    background-color: #ffd248!important;
}



/* Abstände Caption */
#Content div.story {margin-bottom: 0;} /*Abstand unter Portraits Story-Seite*/ 
#Content .portrait_rahmen > div {padding-top: 15px;} /*  gleichmaessiger Rahmen um das Portrait Story-Seite  */

/* Header */

#headline_oben div.vc_column-inner {padding-left: 0;}

#titelbild_oben div.vc_column-inner {padding-top: 0!important;}
#Content {padding-top: 0!important;}

#Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo {
    line-height: 120px!important;
	padding: 0px 10px 0px 15px!important;
}



/*   S C H R I F T    */


h1 {
    font-size: 25px;
    line-height: 28px;
    font-style: normal;
    text-transform: uppercase;
}

h2, h3 {
    text-transform: uppercase;
}

h2 {
    margin-bottom: 25px;
    letter-spacing: 1px;
}

#Subheader h1.title {
    font-size: 25px;
    line-height: 28px;
    font-style: normal;
    text-transform: uppercase;
}

.subheader-both-left #Subheader ul.breadcrumbs {
    text-align: right;
}


#grosse_h2 h2 {
    font-size: 30px;
    line-height: 35px;
}

#bilder_beschriftung .wpb_single_image .vc_figure-caption {font-size: 1em;}





/*   B U T T O N S   */


.button-stroke #Content button, 
.button-stroke #Content a.button.button_theme,
.vc_btn3.vc_btn3-style-outline-custom {
    color: #404040!important;
	background-color: #ffd248;
    border: 1px solid #404040!important;
    border-radius: 0;
}


.button-stroke #Content .pricing-box-featured a.button.button_theme {
    color: #fff!important;
    background-color: transparent!important;
    border: 1px solid #fff!important;
}

.vc_general.vc_btn3 {
	background-color: transparent!important;
	border: 3px solid #ffd248!important;

	}



    

}
/*[class^="icon-"]::before, [class*=" icon-"]::before {
    font-weight: Bold!important;
	font-size: 30px!important;
    Color: #ffd248!important;
}
/*[id^="readlink"] {
    color: #ffd248!important;
}


/* Formular Button */

#Content .nf-field-element .velo_button_full {
    background-color: #FFD248!important;
    border: 1px solid #FFD248;
    color: #404040!important;
    padding: 5px 20px;
    border-radius: 0;
    margin-top: 30px;
}
.vc_btn3.vc_btn3-size-md {
 font-size:16px!important;
	font-weight: bold!important;
	}
#Content .nf-field-element .velo_button_full:hover {
    background-color: #2890a9!important;
    border: 1px solid #2890a9;
    color: #fff!important;
    padding: 5px 20px;
    border-radius: 0;
    margin-top: 30px;
}


#Content .kein_margin_top {margin-top: 0px !important;}


/* Pricing Box Buttons */

#Content .pricing-box a.button .button_label {
    padding: 9px 35px;
    font-size: 14px;
}


/* Hover */


.button-stroke #Content button:hover,
.button-stroke #Content a.button.button_theme:hover,
.button-stroke #Content .pricing-box-featured a.button.button_theme:hover,
#Content .velo_button > a:hover,
#velogical_button > a:hover.vc_btn3.vc_btn3-style-outline-custom,
#button_rechts > a:hover,
#button_links > a:hover {
   /* color: #7f0019!important;*/
    background-color: #ffd248!important;
    border: 3px solid #ffd248!important;
}

.vc_general.vc_btn3:focus, .vc_general.vc_btn3:hover {
   /* color: #7f0019!important;*/
    background-color: #ffd248!important;
    border: 3px solid #ffd248!important;
}

div.button_links {
    float: right;
}


div.button_links > button, div.button_rechts > button {
    width: 250px;
}


/* Startseite Button Breite */


#start_bestseller .vc_btn3-container, #start_bestseller button, #start_bestseller a, #start_produkte button, #start_produkte a {width: 100%;}
#start_produkte .vc_btn3-container.vc_btn3-inline {display: block;}




/* PDF Icon */


#weitere_informationen .icon_box.icon_position_left .image_wrapper,
#download_icon .PDF_icon > div.image_wrapper {width: 45px!important;}

#weitere_informationen .icon_box.icon_position_left,
#download_icon .icon_box.icon_position_left {padding-left: 65px!important;}

#weitere_informationen .icon_box.icon_position_left h4.title,
#download_icon .PDF_icon h4.title {font-size: 16px!important;}






/*    P R I C I N G    */


.style-simple .pricing-box:not(.pricing-box-featured) {
    padding: 0px 0px 20px 0px;
    border: 2px solid #f2f2f2;
}


.style-simple .pricing-box-featured {
    padding: 0px 0px 20px 0px;
}

#Content .pricing-box-box.pricing-box-featured {
    background: #f2f2f2;
    border: 2px solid #f2f2f2;
}

#Content .pricing-box-box.pricing-box-featured, 
#Content .pricing-box-box.pricing-box-featured .plan-header h2, 
#Content .pricing-box-box.pricing-box-featured .plan-header .price sup.currency, 
#Content .pricing-box-box .plan-header .price sup.currency, 
#Content .pricing-box-box.pricing-box-featured .plan-header .price > span,
#Content .pricing-box-box .plan-header .price > span,
#Content .pricing-box-box.pricing-box-featured .plan-header .price sup.period, 
#Content .pricing-box-box.pricing-box-featured .plan-header p.subtitle, 
#Content .pricing-box-box.pricing-box-featured .plan-inside ul {
    color: #404040;
}

#Content .pricing-box-box.pricing-box-featured .plan-header .hr_color,
#Content .pricing-box-box .plan-header .hr_color {
    color: #404040;
    background: #404040;
}

#Content .pricing-box-box.pricing-box-featured .plan-header p > big, 
#Content .pricing-box-box .plan-header p > big {
    font-size: 16px;
}


#Content .pricing-box-box.pricing-box-featured .plan-header p,
#Content .pricing-box-box .plan-header p {
    height: 50px;
}


#vertrieb_info .wpb_wrapper {text-align: center;}
#vertrieb_info .wpb_wrapper > div {margin: 0 15px 35px;}
#vertrieb_info div#button_links {float: none;}




/*    F A Q    */


.style-simple #Content .faq .question {
    border-width: 0 0 2px 0;
    border-color: #ffd248!important;
}

#Content .wpb_wrapper .faq {margin-bottom: -1px;}
.faq .question .title {font-weight: 600;}
.style-simple #Content .faq .question:after {width: 0;}


}




/*   F O R M U L A R    */



.nf-form-title h3 {
    display: none;
}

div.nf-form-content {padding: 5px 0;}

#Content .nf-form-content label {
    font-size: 16px;
    margin-top: 15px;
}

.checkbox-wrap .nf-field-description {
    margin-right: 0;
    margin-left: 35px;
    padding-right: 60px;
}

#Content .checkbox-container.label-right .field-wrap {display: block;}
#Content .checkbox-container.label-right label:after {top: 4px;}


/* Erfolgsmeldung */

.nf-form-cont .nf-response-msg p {
    font-size: 20px!important;
    line-height: 28px!important;
}

.nf-form-cont .nf-response-msg {
    border: 3px solid #ffd248;
    padding: 10px;
    margin-bottom: 20px;
}


/*    T E S T I M O N I A L S     */


.testimonials_slider blockquote {
    margin: 0 0 20px 25px;
}

.testimonials_slider .hr_dots {display: none;}

.testimonials_slider .author > h5, 
.testimonials_slider .company {
    font-size: 13px;
    line-height: 10px;
}

.style-simple .testimonials_slider .testimonials_slider_ul li .bq_wrapper {
    position: relative;
    padding: 30px 90px 10px;
}

.style-simple .testimonials_slider .testimonials_slider_ul li .bq_wrapper:before, .style-simple .testimonials_slider .testimonials_slider_ul li .bq_wrapper:after {
    content: '';
    position: absolute;
    width: 70px;
    height: 70px;
    display: inline-block;
    top: calc(50% - 40px);
    background-repeat: no-repeat;
    background-size: contain;
}

.style-simple .testimonials_slider .testimonials_slider_ul li .bq_wrapper:before {
    left: 0;
    background-image: url('testimonial_sign_l.svg');
}

.style-simple .testimonials_slider .testimonials_slider_ul li .bq_wrapper:after {
    right: 0;
    background-image: url('testimonial_sign_r.svg');
}

#Content .testimonials_slider a.slider_prev, #Content .testimonials_slider a.slider_next {
    position: absolute;
    bottom: -40px;
    top: auto;
    z-index: 2;
    margin: 0;
    border: none;
	font-weight: Bold!important;
	font-size: 30px!important;
    Color: #ffd248!important;
}

#Content .testimonials_slider a.slider_prev {left: calc(50% - 50px);}
#Content .testimonials_slider a.slider_next {right: calc(50% - 50px)}

#Content .testimonials_slider a:hover.button, #Content .testimonials_slider a:hover.slider_next {background-color: transparent!important;}



/*    L I S T    */


#Content .list_item .list_left {
    width: 50px;
    height: 50px;
    line-height: 50px;
}


#Content .wpb_wrapper .list_icon > i {
    display: inline-block;
    height: 50px;
    position: relative;
    top: -4px;
    font-size: 35px;
}

#Content .list_item .list_right {
    padding: 17px 0 0;
    margin-left: 65px;
}

.wpb_wrapper > div.list_item {margin-bottom: 5px;}



/*    T A B L E   T A N D E M   */


#tandem li.css3_grid_row_1.header_row_2, #tandem li.footer_row {display: none;}
#tandem div.column_1 li.header_row_1, #tandem div.column_2 li.header_row_1, #tandem div.caption_column li.header_row_1 {background: #fdfdfd!important;}

#tandem h2.caption {
    color: #404040!important;
    padding-left: 15px;
}



/*    F O O T E R    */


#Footer {margin-top: 100px;}

#Footer .widgets_wrapper {
    padding: 40px 0!important;
}

#Footer .footer_copy {
    background-color: #ffd248;
}




/*_____________R E S P O N S I V E ________________________________*/



/*    S M A L L   D E S K T O P < 1239    */


@media only screen and (max-device-width: 1240px) {
    
    
    /*  G R I D  */
    
    
    div#extra_margin, div#pricing {
        margin-left: 0!important;
        margin-right: 0!important;
    }
    
    div#extra_margin {
        margin-top: 50px;
    }
    
    #Content .testimonials_slider .testimonials_slider_ul li {
        padding: 0;
    }

    
    /*   S T I C K Y   H E A D E R   */
    
    
    #Top_bar.is-sticky #logo > img.logo-sticky {max-height: 35px!important;}
    #Top_bar.is-sticky .menu_wrapper {
   background-color: #ffd248!important;
}
    
}







@media only screen and (min-device-width: 960px) and (max-device-width: 1240px) {
    
    
    /* S C H R I F T */
    
    h2, #Content .pricing-box .plan-header {
        font-size: 25px!important;
        line-height: 28px!important;
    }
    
    
    /* P R I C I N G */
    
    #Content .pricing-box .plan-header .price > span {
        font-size: 36px;
    }
    
    #Content .pricing-box .plan-header .price sup.currency {
        font-size: 14px;
    }

    #Content .pricing-box-box .plan-header p {
        margin-bottom: 12px;
    }
    
    div#pricing {
        margin-left: 0!important;
        margin-right: 0!important;
    }
    
    
}




/*    T A B L E T  < 960    */

@media only screen and (max-device-width: 959px) {
    
     
	
    /*  H E A D E R  */
    
    #menu > ul > li > a, #Side_slide #menu ul li ul li a {font-size: 15px!important;}
    
#Title {
        margin-top: -20px!important;
   }
    /* P R I C I N G */
    
    
    #Content .pricing-box .plan-header h2 {
        font-size: 18px!important;
        line-height: 21px!important;
    }    
    
    #Content .pricing-box .plan-header .price > span {
        font-size: 30px;
    }
    
    #Content .pricing-box .plan-header .price sup.currency {
        font-size: 12px;
    }

    #Content .pricing-box-box .plan-header p {
        margin-bottom: 20px;
    }
    
    #Content .pricing-box-box .plan-header p > big, #Content .pricing-box-box.pricing-box-featured .plan-header p > big, #Content .pricing-box-box .plan-header p > big {
        font-size: 14px;
    }
        
    div#pricing {
        margin-left: 0!important;
        margin-right: 0!important;
    }
    
    
}




/*    M O B I L E  < 768    */


@media only screen and (max-device-width: 767px) {

    /*icon download page*/
  .icon_box.icon_position_left .icon_wrapper {
    position: static!important;
    left: 0;
    top: 10px;
    margin-bottom: 0;
}
	.icon_box.icon_position_left{min-height:126px;padding-left:0px!important}
	
    /*  H E A D E R  */
    #Title {
        margin-top: 0px!important;
   }
    
    .logo-no-margin #Header #Top_bar .logo {margin-left: 15px!important;}
	
	/*SHOP*/
	.ui-tabs .ui-tabs-nav li a {
    background: #ffd248!important;;
    }
  .ui-tabs .ui-tabs-nav li a{
    
	      box-shadow: inset 0px 2px 0px -1px #f2f2f2!important;
}
}

    /* S C H R I F T */
    
    
    h1
    h2, div#kasten h2 {
        font-size: 20px!important;
        line-height: 30px!important;
    }
    
    h3 {
        font-size: 18px!important;
        line-height: 26px!important;
    }
    
    h4, h4.title, #Footer h4 {font-size: 16px!important;}
    
    p {
        font-size: 14px!important;
        line-height: 22px!important;
    }
    
    #Content div.desc {
        font-size: 14px;
        line-height: 20px;
    }
    
    .faq .question .title {
        font-size: 14px!important;
        line-height: 22px!important;
    }
    
    blockquote {font-size: 14px!important;}
    
    
    /*  G R I D  */    
    
    #foto_ohne_margin div.wpb_single_image, #foto_ohne_margin .wpb_wrapper > div {
        margin-bottom: 0!important;
    }
    
    #extra_margin > div {padding: 10px 0;}
    
    /* Abstände FAQ-Seite */
  #plus_margin {margin-top: 64px !important;} 
    
.vc_custom_1590666147606 {
    margin-top: 64px !important;
}
    
    /* T E S T I M O N I A L S  */
    
    
    .style-simple .testimonials_slider .testimonials_slider_ul li .bq_wrapper:before, .style-simple .testimonials_slider .testimonials_slider_ul li .bq_wrapper:after {
        width: 35px;
        height: 35px;
    }

    .style-simple .testimonials_slider .testimonials_slider_ul li .bq_wrapper {
        padding: 0 40px;
    }
    
    
}