/*
Theme Name: Kubi Child
Theme URI:
Description: Child theme für Zahnärzte Mittlere Brücke
Author: Kubilay Kocak
Author URI: https://kubi.digital
Version: 1.0.0
Template: kubi
*/
@import url("../kubi/style.css");

/*** ALLGEMEIN***/
body {font-size: 15px; color: #575756;}
::selection {background-color: #4dbcc6; color: #fff}
a, p a {color: #4dbcc6}
a:hover, p a:hover {color: #4dbcc6;}
.h2, h2, .h4, h4 {text-transform: none; font-family: 'Roboto Slab'}
.home .h2, .home h2 {padding-bottom: 24px}
.h3, h3 {text-transform: none; padding-bottom: 16px}
.h4, h4 {font-size: 16px; font-weight: 600}
.wrapper, body, .content, .content .container, .full_width {background-color: #fff}
.qbcapitalize:first-letter {text-transform: capitalize; color: #4dbcc6; font-size: 5em; position: relative; float: left; padding: 20px; padding-left: 0; padding-right: 16px}
/*.qbcopytext {padding-bottom: 64px}*/
.qbcopytext h3 {padding: 16px 0 0}
p, .q_icon_list p, .footer_top .textwidget, .footer_top a, .footer_top li, .footer_top p, .footer_top span  {color: #575756}
.q_icon_list p {line-height: 24px}
#back_to_top {display: none;}
#back_to_top>span {border: 2px solid #4dbcc6; opacity: .3}
#back_to_top span i, #back_to_top span span {color: #4dbcc6;}
.cc-color-override-1291556054.cc-window, .cc-window {background-color: rgba(254, 254, 254,.9)!important}

/*** PARALAX ***/
section.parallax_section_holder {background-size: cover;}
section.parallax_section_holder h2, section.parallax_section_holder p {color: #fff}

/*** LOGO ***/
.q_logo img {width: auto; height: 68px !important;}
header.sticky:not(.header_style_on_scroll) .q_logo img.sticky {height: 42px !important; top: -42%}

/*** HEADER ***/
.header_top .right {height: 32px}
.qbheader_icons div {display: inline-block;}
.qbheader_tel, /*.qbheader_tel a,*/ .qbheader_facebook a, .qbheader_mail {color: #4dbcc6; padding: 0 10px; text-transform: uppercase;}
.qbheader_tel:before, .qbheader_facebook:before, .qbheader_mail:before {font-family: 'FontAwesome'; color: #4dbcc6; padding: 5px; font-size: 16px}
.qbheader_tel:before {content: '\f095'; vertical-align: sub; font-size: 18px}
.qbheader_facebook:before {content: '\f09a';}
.qbheader_mail:before {content: '\f0e0';}

/*** MENU ***/
nav.main_menu>ul>li>a {color: #000; font-size: 14px;}
nav.main_menu>ul>li>a:hover, nav.main_menu > ul > li.active > a {color: #4dbcc6}
nav.main_menu .second.drop_down_start:after {width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
  position: relative;
  top: -10px
}
.drop_down .wide .second ul > li.menu-item-has-children > a {font-family: 'Roboto Slab'}
.drop_down .wide .second ul li a, .drop_down .wide .second>.inner>ul>li.sub>ul>li>a {padding: 11px 0; }
.drop_down .wide .second .inner>ul>li>a {font-size: 16px; font-weight: bold; text-transform: none;}
.drop_down .second .inner ul li a, .drop_down .second .inner ul li h5 {font-size: 13px; color: #fff}
.drop_down .second .inner ul li a {text-transform: none;}
.drop_down .second .inner ul li ul li, .drop_down .narrow .second .inner ul li {height: 32px; padding: 4px 0}
.drop_down .narrow .second .inner ul li a {width: auto; padding-left: 0; padding-right: 0; margin: 0 20px}
.drop_down .narrow .second .inner ul li:hover a {border-bottom: 2px solid #fff; display: inline-block; position: relative; height: 8px;}
/*.drop_down .second .inner ul li ul li:hover a {border-bottom: 2px solid #fff; display: inline-block; position: relative; height: 8px; }*/
.drop_down .second .inner ul li.sub ul li a:hover {color: #c8f1f5}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {color: #4dbcc6; font-size: 24px}
nav.mobile_menu ul li a, nav.mobile_menu ul li h3 {color: #575756}
.fa-angle-right:before, .fa-angle-down:before {color: #4dbcc6}

/*** HOME ***/
.qbteaserbox {padding-right: 64px}
.qbteaserbox .q_icon_list {margin-bottom: 4px}
.qbteaserinfobox {background-color: #f3f8f9; width: auto; padding: 32px 48px;}
.qbteaserinfobox_wrapper {position: relative;}
.page-template-leistungen .qbteaserinfobox_wrapper h4,
.page-template-leistungen .qbteaserinfobox_wrapper .separator,
.page-template-leistungen .qbteaserinfobox_wrapper .wpcf7 {display: none} 

.qbtel:before, .qbmap:before {
	font-family: 'FontAwesome';
	color: #4dbcc6;
	position: relative;
	background-color: #f3f8f9;
	width: auto;
	margin-left: -20px;
	left: -14px;
	font-size: 24px;
	min-width: 20px;
	display: inline-block;
	vertical-align: top;
}
.qbtel:before {content: '\f095';}
.qbmap:before {content: '\f041'}
/*.qbteaserinfobox {position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%}*/
.qbspecials_title {}
.qbhome_team, .qbhome_leistungen .qbutton {text-align: center;}

/*** FOOTER ***/
.footer_top {box-shadow: 0px -1px 10px 0px #cccccc}
.footer_top .widget_nav_menu ul li a {display: initial; margin-left: 10px}
.footer_top .widget_nav_menu ul li a:hover {text-decoration: none;}
.qbfooter_infobox li {position: relative; margin-left: 24px; padding-bottom: 16px;}
.qbfooter_infobox li:before {font-family: 'FontAwesome'; color: #4dbcc6; display: inline-block; min-width: 20px; left: -16px; position: relative; margin-left: -20px; font-size: 20px; vertical-align: middle;}
.qbfooter_infobox li:first-child:before {content: '\f041';}
.qbfooter_infobox li:nth-child(2):before{content: '\f095';}
.qbfooter_infobox li:nth-child(3):before{content: '\f0e0'; font-size: 16px}
.qbfooter_infobox li:nth-child(4):before{content: '\f017'}
.column1.footer_col1 img {width: 200px; height: auto;}
.column2.footer_col2 {border-right: 1px solid #eee; width: calc(25% - 1px)}
footer .footer_top a:hover {border-bottom: solid 2px #4dbcc6; display: inline; padding-bottom: 2px; color: #4dbcc6 !important}
.footer_top .widget.widget_nav_menu li {left: 16px}
footer .widget_nav_menu li:before {font-family: 'FontAwesome'; content: '\f105'; color: #4dbcc6; display: inline-block; left: -16px; margin-left: -16px}
.footer_bottom ul li a {letter-spacing: initial;}
.footer_bottom ul li a:hover {border-bottom: solid 2px #fff; display: inline; padding-bottom: 2px; color: #fff;}



/*** LEISTUNGEN ***/
.full_width_leistungen {padding-top: 32px}
.title_outer {max-height: 100px}
.title_holder {background-color: #4dbcc6; color: #fff; padding-top: 0 !important}
.title .title_subtitle_holder h1 {color: #fff; text-transform: none; font-family: 'Roboto Slab'; font-size: 28px}
.qbtitelbild {}
.qbtitelbild img {position: relative; bottom: -8px; padding-top: 125px}
/*.title {padding-bottom: 64px}*/
.qbbreadcrumb {padding: 16px 0; text-align: right;}
.qbbreadcrumb .breadcrumb {position: relative;}
.qbbreadcrumb .breadcrumb i {font-style: italic; color: #4dbcc6; padding: 0 5px; position: relative; top: 1px}
.qbbreadcrumb .breadcrumb .current-page, .qbbreadcrumb .breadcrumb a {font-style: italic;}
.flexslider .fa-angle-right:before, .flexslider .fa-angle-down:before {color: #fff}
/*.flex-direction-nav a {margin: -44px 0 0;}*/
.flexslider .flex-direction-nav a.flex-next:hover i.fa-angle-right:before,
.flexslider .flex-direction-nav a.flex-prev:hover i.fa-angle-left:before {color: #4dbcc6 !important}
.page-template-leistungen .flexslider, .page-template-leistungen .portfolio_slider {margin: 0}
.qbvorhernacher_capture .vc_col-xs-6:last-child {padding-left: 5px}
.kubi-accordion-content-inner ul {list-style: none;}
.kubi-accordion-content-inner ul li {padding-left: 16px;}
.kubi-accordion-content-inner ul li:before {content: '\f111'; font-family: 'FontAwesome'; color: #4dbcc6; vertical-align: bottom; font-size: 8px; position: relative; margin-left: -14px; padding-right: 8px}
.page-template-leistungen .qbvideo iframe, .page-template-leistungen iframe {width: 100%; max-width: 730px; max-height: 411px}

/*** SIDEMENU LEISTUNGEN ***/
blog .widget_easy_sidebar_menu_widget {display: none;}
.widget.widget_easy_sidebar_menu_widget {background-color: #f3f8f9; padding: 24px;}
.widget.widget_easy_sidebar_menu_widget > ul > li a {font-weight: 700;}
.wpb_widgetised_column .widget, .wpb_widgetised_column .widget li {margin-bottom: 0}
.widget_easy_sidebar_menu_widget a {color: #333}
.widget_easy_sidebar_menu_widget li.menu-item .sub-menu li:not(:first-child) {border: none}
.widget_easy_sidebar_menu_widget li.menu-item .sub-menu li:before {display: none;}
.widget_easy_sidebar_menu_widget li.menu-item .sub-menu li:first-child {border: none;}
.widget_easy_sidebar_menu_widget li.menu-item .sub-menu li:first-child:before {left: -12px; top: -1px; border-left: none; border-right: none; border-bottom: none;}
.widget_easy_sidebar_menu_widget li.menu-item .sub-menu li {position: relative; left: -2px}
.widget_easy_sidebar_menu_widget li.menu-item .easy-sidebar-menu-widget-toggler:hover,
.widget_easy_sidebar_menu_widget li.menu-item .easy-sidebar-menu-widget-toggler:focus,
.widget_easy_sidebar_menu_widget li.menu-item
	{background: transparent; border: none;}
.widget_easy_sidebar_menu_widget li.menu-item {position: relative; left: 16px;}
.widget_easy_sidebar_menu_widget li.menu-item .easy-sidebar-menu-widget-toggler i {display: none;}
.widget_easy_sidebar_menu_widget li.menu-item .link__wrap {display: inline-block;}
.widget_easy_sidebar_menu_widget li.menu-item:before {content: '\f105'; font-family: 'FontAwesome'; padding-right: 16px; margin-left: -24px; color: #4dbcc6; position: relative; top: 3px; vertical-align: top;}
.widget_easy_sidebar_menu_widget li.menu-item .sub-menu li:before {content: ''}
.page-template-leistungen [id="menu-*"] a.easy-sidebar-menu-widget-link {color: #333; font-weight: 700; font-family: 'Roboto Condensed'; font-weight: bold;}
.page-template-leistungen [id="menu-*"] a {font-weight: 400}
.page-template-leistungen [id="menu-*"] .current-menu-item a {color: #4dbcc6}
.widget_easy_sidebar_menu_widget li.menu-item a {padding: 4px 0 !important; color: #000; font-weight: 700}
.widget_easy_sidebar_menu_widget .sub-menu li.menu-item a {font-weight: normal;}
.page-template-leistungen [id="menu-*"] li {padding: 0}
.qbopenmenu {display: block !important}

.qbleistungen_tel {background-color: #4dbcc6; color: #fff}
.qbleistungen_tel_inner div {padding: 12px 0 12px 40px; display: inline-block}
.qb--mail-link {margin-left: 38px; padding-bottom: 16px}
.qb--mail-link a, .qb--mail-link a:hover {color: #fff}
.qbleistungen_tel_inner:before {content: '\f095'; top: -4px; left: 24px; display: inline-block;}
.qb--mail-link:before {content: '\f0e0'; left: -16px}
.qbleistungen_tel_inner:before,
.qb--mail-link:before {font-family: 'FontAwesome'; position: relative; font-size: 32px;}

/*** KONTAKT ***/
.page-template-leistungen .qbkontakt_11 input, .page-template-leistungen .qbkontakt_2 textarea {border: 1px solid #ccc;}
.qbkontakt_info i {
    color: #4dbcc6;
    font-size: 24px;
    vertical-align: sub;
}
.qbkontakt_1 {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    grid-gap: 2%;
    margin-bottom: 32px;
}
.page-template-leistungen .qbkontakt_1 {display: block; margin-bottom: 16px}
.page-template-leistungen .qbkontakt_1 input {margin-bottom: 16px}
input.wpcf7-form-control.wpcf7-submit:not([disabled]), input.wpcf7-form-control.wpcf7-submit[disabled] {border-color: #4dbcc6; color: #fff; background-color: #4dbcc6; margin-top: 16px}
input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover, input.wpcf7-form-control.wpcf7-submit[disabled]:hover {opacity: 0.8}
.page-template-leistungen input.wpcf7-form-control.wpcf7-submit {height: 32px; line-height: 32px; margin-top: 0}
.page-template-leistungen input.wpcf7-form-control.wpcf7-submit {float: right;}
.page.page-id-227 #qbtermin_btn {float: none;}
.qbzustimmung {
    font-size: 12px;
    margin: 0;
    padding-bottom: 24px;
    line-height: 1;
}
.wpcf7 form.sent .wpcf7-response-output, div.wpcf7-response-output.wpcf7-mail-sent-ok,
form.wpcf7-form.default.spam .wpcf7-response-output {background-color: #4dbcc6; padding: 16px}

/*** RÄUMLICHKEITEN ***/
.masonry_gallery_item.standard .masonry_gallery_item_inner {background: transparent;}
.masonry_gallery_item_content {display: none;}
.masonry_gallery_item img {object-fit: cover}
/*** BLOG ***/
.blog .content {margin-top: 0}
.blog .two_columns_66_33, .single-post .two_columns_66_33 {margin-top: 100px}
.blog .post_text_inner .post_more, .page-template .popular-posts, .page-template .widget_categories {display: none}
aside .widget h5 {text-align: center; font-size: 16px}
aside .widget h5:after {content: ''; border-bottom: 2px solid #4dbcc6; display: block; width: 100%; margin: auto; padding-top: 5px}
aside .widget.posts_holder li {padding: 15px 0}
.widget_categories a {text-transform: uppercase;}
.wpp-list.wpp-list-with-thumbnails li a {font-family: 'Roboto Slab'; color: #333; font-size: 18px}
.blog_holder article .post_text .post_text_inner {padding: 23px 0 35px}
.qbblog_title {
    font-family: 'Playfair Display';
    font-size: 38px;
    position: relative;
    line-height: 80px;
    margin-top: -50px;
    padding-bottom: 20px;
    color: #333;
    font-weight: 600;
}
.blog_holder article .post_info {margin: 0}
.blog_holder article h2.entry_title {padding: 0 0 8px}
.blog_holder.blog_large_image article {width: 47%; padding: 0 1.3333%; float: left;}
.blog_holder.blog_large_image article:first-child {width: 97%;}
/*.wpp-meta {display: none;}
.wpp-date {display: block !important}*/
.wpp-list.wpp-list-with-thumbnails li a img {padding-right: 10px; position: relative; top: 5px}
/*@media (min-width: 1001px) {
	.wpp-list.wpp-list-with-thumbnails ul {position: relative; display: table;}
	.wpp-list.wpp-list-with-thumbnails li a {display: table-cell; position: relative;}
	.wpp-list.wpp-list-with-thumbnails li a:first-child {width: 75px}
	.wpp-list.wpp-list-with-thumbnails li a:nth-child(2) {top: -5px; left: 10px; vertical-align: top;}
	span.wpp-meta.post-stats {padding-left: 85px;}
}
@media (max-width: 1000px) {
	.wpp-list.wpp-list-with-thumbnails li a img {padding-right: 10px}
}*/

/*** SINGLE POST ***/
.single .blog_holder article h2.entry_title {padding: 0; font-size: 32px}
.blog_holder article .post_info {font-size: 12px; font-weight: 400; margin: 0 0 20px}

/*** MOST POPULAR POSTS ***/
ul.wpp-list.wpp-list-with-thumbnails li, .widget_categories li {border-bottom: 1px solid #eee}
ul.wpp-list.wpp-list-with-thumbnails li:last-child, .widget_categories li:last-child {border-bottom: none;}
.wpp-date {color: #bebebe}

@media (min-width: 1560px) {
	.qbtitelbild img {width: 100%; max-height: 600px; object-fit: cover;}
}

@media (max-width: 1000px) {
	.q_logo {top: 8px}
	.title {padding: 0 !important}
	.title .title_subtitle_holder h1 {padding: 16px 0}
	.qbtitelbild img {padding-top: 0}
	.blog .two_columns_66_33, .single-post .two_columns_66_33 {margin-top: 64px}
	.qbteaserbox {width: 60%; padding-right: 0}
	.qbteaserinfobox_wrapper {width: 40%}
}

@media (max-width: 768px) {
	.q_logo {top: 12px}
	.title .title_subtitle_holder h1 {font-size: 24px}
	.column2.footer_col2 {border-right: none;}
	.column1.footer_col1, .column2.footer_col2 {margin-bottom: 24px}
	.qbkontakt_1 {display: block; margin-bottom: 16px}
	.qbkontakt_11 {margin-bottom: 16px}
	.qbteaserbox {width: 60%; padding-right: 0}
	.qbteaserinfobox_wrapper {width: 40%}
	.footer_bottom ul li {display: inline !important}
	.affix, .affix2 {display: none;}
	#back_to_top {display: block; bottom: 42px;}
	#back_to_top.on {right: 8px}
}

@media (max-width: 767px) {
    .page-id-400 .vc_col-sm-4 .vc_column-inner  {padding-bottom: 32px} /* Teamseite */
}

@media (max-width: 736px) {
	.q_logo {top: 15px}
	.qbteaserbox {width: 100%; padding-right: 0}
	.qbteaserinfobox_wrapper {display: none;}
	.home .vc_empty_space {height: 32px !important}
	.blog_holder.blog_large_image article {width: 100%; padding-right: 0}
}
@media (max-width: 600px) {
	.q_logo {top: 12px;}
}

@media (max-width: 480px) {
	.q_logo img {height: 60px !important}
	div.grid_section .section_inner, .container_inner {width: 354px}
	footer .container_inner {padding: 0 32px}
	.title .title_subtitle_holder h1 {font-size: 20px}
	.qbkontakt_info span {display: block;}
	.blog .two_columns_66_33, .single-post .two_columns_66_33 {margin-top: 32px}
	.flex-direction-nav a {margin: -23px 0 0;}
	.page-id-13 .full_section_inner h1 {margin-top: 32px}
	.page-id-190 .vc_empty_space {height: 64px !important}
	.page-template-leistungen .qbvideo iframe, .page-template-leistungen iframe {width: 100%; height: auto}
}

@media (max-width: 375px) {
	div.grid_section .section_inner, .container_inner {width: 320px}
}

@media (max-width: 320px) {
	div.grid_section .section_inner, .container_inner {width: 300px}
}

/* .blog_single article .post_image {
	max-width:500px;
} */



.blog_holder article .post_image img{
    max-width: 335px;
	width:100%;
}
.blog_single.blog_holder article .post_image img{
	max-width:500px;
	width:100%;
}



.blog_single.blog_holder{
	margin-top: 100px;
}

@media (max-width: 1000px) {
	.blog_single.blog_holder{
		margin-top: 64px;
	}
	
}
@media (max-width: 480px) {
	.blog_single.blog_holder{
		margin-top: 32px;
	}
	
}