/* Theme Name: Betheme Child Theme URI: http://themes.muffingroup.com/betheme Author: Muffin group Author URI: http://muffingroup.com Description: Child Theme for Betheme - Premium WordPress Theme Template: betheme Version: 1.6 */ /* Theme customization starts here -------------------------------------------------------------- */ /*Backupportfolio_zoombox*/ .icon-facebook{ font-size:20px!important; } .links a { color: #4070cc!important; } .author-date { display: none; } .project-description li.one-third { display: none; } #Subheader { display: none; } #Content { background-color: #ffffff!important; } .entry-title { background-color: #4070cc; display: inline-block; padding-right: 20px; margin-left: -12px; padding-left: 18px; } .image_links, .mask, .section.section-post-header { display: none; } .single-portfolio, body:not(.template-slider) #Header { min-height: 100px; } p, h3 { margin-left: 10px; } .section_inner-wrap_custom_color .mcb-section-inner { background-color: rgba(226,211,182,0.25)!important; } /*Revolution_Slider*/ .hesperiden .tp-bullet:hover, .hesperiden .tp-bullet.selected { background: #4070cc; } /*///Images//*/ .zoom_box .desc .desc_txt { font-size: 16px; word-wrap: normal; } div.column.mcb-column.one-third.column_zoom_box.Custom_Overlay_img { margin: 0 1% 1%; } .image_frame .image_wrapper { overflow: inherit!important; } .two-fifth.mcb-wrap .custom_wrap { width: 50%; } .custom_wrap_right { padding-right: 5px; } .custom_wrap_left { padding-left: 5px; } .desc_wrap { padding-top: 0px; } .desc_txt { padding: 0 0px!important; } .zoom_box .desc .desc_img img { max-width: 15%!important; } /*//h Title///*/ .h2_section { background-color: #4070cc; display: inline-block; padding-right: 20px; margin-left: -12px; padding-left: 18px; } /*//Responsive Media Queries// */ @media (min-width: 1240px) { .Custom_Overlay_img .zoom_box { height: 154px!important; width: auto!important; overflow: hidden!important; } .Custom_Overlay_img .zoom_box .photo .scale-with-grid { height: 154px!important; width: 154px; overflow: hidden; } .desc_img img { margin-right: -98px; margin-top: -35px; max-width: 15%; } .slider_padding_right { padding-right: 20px; height: auto; padding-left: 5px; } .slider_padding_left { padding-left: 20px; height: auto; padding-right: 5px; } .telefon-blue { color: #4070cc!important; font-size: 50px; z-index: 9999; left: 170px; top: -780px; position: absolute; } #telefon-icon-blue { left: 110px; top: -790px; width: 50px; z-index: 9999; position: absolute; } .h3-link { /*padding-left: 29px;*/ font-size: 50px; color: #4070cc; } .contact { font-size: 50px; color: #fff; } .contact a { color: #fff; } .contact h3 { color: #fff; } .telefon { font-size: 61px; color: #fff!important; } .telefon_icon { width: 40px; height: auto; padding-right: 5px; vertical-align: -9px; } } /*Hover grid*/ @media (min-width: 960px) and (max-width: 1239px) { .Custom_Overlay_img .zoom_box { height: 116px!important; width: auto!important; overflow: hidden!important; } .Custom_Overlay_img .zoom_box .photo .scale-with-grid { height: 116px!important; width: 154px; overflow: hidden; } .desc_img img { margin-right: -98px; margin-top: -35px; max-width: 15%; } .slider_padding_right { padding-right: 20px; height: auto; padding-left: 5px; } .slider_padding_left { padding-left: 20px; height: auto; padding-right: 5px; } #flying-icon { display: none; } #flying-circle { display: none; } .scroll_overflow { width: 100%; height: 213px; overflow: scroll; } .h3-link { padding-left: 29px; font-size: 36px; } .claimtext { font-size: 20px; color:#4070cc!important; line-height: normal; } .telefon { font-size: 61px; color: #4070cc; } .telefon_icon { width: 40px; height: auto; padding-right: 15px; } } @media (min-width: 768px) and (max-width: 959px) { .Custom_Overlay_img .zoom_box { height: 84px!important; width: auto!important; overflow: hidden!important; } .Custom_Overlay_img .zoom_box .photo .scale-with-grid { height: 84px!important; width: 114px; overflow: hidden; } .desc_img img { margin-right: -78px; margin-top: -10px; max-width: 15%; } .slider_padding_right { padding-right: 30px; height: auto; } .slider_padding_left { padding-left: 30px; height: auto; } .scroll_overflow { width: 100%; height: 148px; overflow: scroll; } .h3-link { padding-left: 29px; font-size: 24px; } .telefon { font-size: 41px; } .telefon_icon { width: 40px; height: auto; padding-right: 15px; } } @media (min-width: 768px) and (max-width: 959px) { .Custom_Overlay_img .zoom_box { height: 84px!important; width: auto!important; overflow: hidden!important; } .Custom_Overlay_img .zoom_box .photo .scale-with-grid { height: 84px!important; overflow: hidden; } .desc_img img { margin-right: -57px; margin-top: 0px; max-width: 15%; } .slider_padding_right { padding-right: 30px; height: auto; } .slider_padding_left { padding-left: 30px; height: auto; } } @media (min-width: 676px) and (max-width: 767px) { .Custom_Overlay_img .zoom_box { max-height: 540px!important; min-height: 470px!important; max-width: 99%!important; overflow: hidden!important; } .Custom_Overlay_img .zoom_box .photo .scale-with-grid { height: 540px!important; overflow: hidden; } .zoom_box .desc .desc_txt { font-size: 25px!important; line-height: 1; } .slider_padding_right { padding-right: 0px!important; height: auto; } .slider_padding_left { padding-left: 0px!important; height: auto; } .scroll_overflow { width: 100%; height: auto; overflow: scroll; } .h3-link { padding-left: 29px; font-size: 36px; } .claimtext { color:#4070cc!important; font-size: 25px; line-height: normal; } .telefon { font-size: 61px; } .telefon_icon { width: 40px; height: auto; padding-right: 15px; } .logo_hide_bigscreen { display:hide!important; } } @media (min-width: 550px) and (max-width: 675px) { .Custom_Overlay .zoom_box { max-height: 430px!important; min-height: 320px!important; max-width: 99%!important; overflow: hidden!important; } .Custom_Overlay_img .zoom_box .photo .scale-with-grid { height: 430px!important; overflow: hidden; } .zoom_box .desc .desc_txt { font-size: 25px!important; line-height: 1; } .h3-link { padding-left: 29px; font-size: 36px; } .telefon { font-size: 61px; } .telefon_icon { width: 40px; height: auto; padding-right: 15px; } } @media (min-width:319px) and (max-width: 549px) { .zoom_box { max-height: 270px!important; min-height: 210px!important; max-width: 99%!important; overflow: hidden!important; } .zoom_box .desc .desc_txt { font-size: 20px!important; line-height: 1; } .h3-link { padding-left: 15px; font-size: 19px; } .telefon { font-size: 30px; } .telefon_icon { width: 22px!important; height: auto; padding-right: 15px; } } @media (min-width: 1240px) { .desc { width: 152, 89px!important; height: auto; } .telefon { letter-spacing: 4px; } } @media (min-width: 961px) and (max-width: 1239px) { .desc { width: 117, 8px!important; height: auto; } .telefon { letter-spacing: 4px; } } @media (min-width: 768px) and (max-width: 960px) { .desc { width: 88, 72px!important; height: auto; } .telefon { letter-spacing: 1px!important; } } /*@media (min-width: 478px) and (max-width: 960px) { .telefon { font-size: 58px!important; } .telefon_icon { padding-right: 15px; z-index: 9999; } } div.column.mcb-column.one-third.column_hover_box.greyfilter { margin: 0 1% 20px; } /*Mediaqueries Telefon Slider*/ @media (min-width: 1120px) and (max-width: 1239px) { .telefon-blue { color: #4070cc; font-size: 50px; z-index: 9999; left: 170px; top: -780px; position: absolute; } #telefon-icon-blue { left: 110px; top: -790px; width: 50px; z-index: 9999; position: absolute; } } @media (min-width: 1060px) and (max-width: 1119px) { .telefon-blue { color: #4070cc; font-size: 50px; z-index: 9999; left: 170px; top: -700px; position: absolute; } #telefon-icon-blue { left: 110px; top: -708px; width: 50px; z-index: 9999; position: absolute; } } @media (min-width: 960px) and (max-width: 1059px) { .telefon-blue { color: #4070cc; font-size: 50px; z-index: 9999; left: 170px; top: -650px; position: absolute; } #telefon-icon-blue { left: 110px; top: -658px; width: 50px; z-index: 9999; position: absolute; } } @media (min-width: 820px) and (max-width: 959px) { .telefon-blue { color: #4070cc; font-size: 50px; z-index: 9999; left: 170px; top: -550px; position: absolute; } #telefon-icon-blue { left: 110px; top: -558px; width: 50px; z-index: 9999; position: absolute; } } @media (min-width: 708px) and (max-width: 819px) { .telefon-blue { color: #4070cc; font-size: 50px; z-index: 9999; left: 90px; top: -490px; position: absolute; } #telefon-icon-blue { left: 40px; top: -498px; width: 50px; z-index: 9999; position: absolute; } } @media (min-width: 633px) and (max-width: 707px) { .telefon-blue { color: #4070cc; font-size: 50px; z-index: 9999; left: 90px; top: -430px; position: absolute; } #telefon-icon-blue { left: 40px; top: -438px; width: 40px; z-index: 9999; position: absolute; } } @media (min-width: 557px) and (max-width: 632px) { .telefon-blue { color: #4070cc; font-size: 50px; z-index: 9999; left: 90px; top: -380px; position: absolute; } #telefon-icon-blue { left: 40px; top: -388px; width: 50px; z-index: 9999; position: absolute; } } @media (min-width: 499px) and (max-width: 556px) { .telefon-blue { color: #4070cc; font-size: 30px; z-index: 9999; left: 90px; top: -340px; position: absolute; } #telefon-icon-blue { left: 50px; top: -348px; width: 30px; z-index: 9999; position: absolute; } } @media (min-width: 448px) and (max-width: 498px) { .telefon-blue { color: #4070cc; font-size: 30px; z-index: 9999; left: 70px; top: -290px; position: absolute; } #telefon-icon-blue { left: 10px; top: -298px; width: 30px; z-index: 9999; position: absolute; } } @media (min-width: 419px) and (max-width: 447px) { .telefon-blue { color: #4070cc; font-size: 30px; z-index: 9999; left: 40px; top: -285px; position: absolute; } #telefon-icon-blue { left: 10px; top: -293px; width: 30px; z-index: 9999; position: absolute; } } @media (min-width: 390px) and (max-width: 418px) { .telefon-blue { color: #4070cc; font-size: 30px; z-index: 9999; left: 40px; top: -267px; position: absolute; } #telefon-icon-blue { left: 10px; top: -275px; width: 30px; z-index: 9999; position: absolute; } .telefon_icon { width: 22px!important; height: auto; padding-right: 15px; } } @media (min-width: 360px) and (max-width: 389px) { .telefon-blue { color: #4070cc; font-size: 30px; z-index: 9999; left: 40px; top: -247px; position: absolute; } #telefon-icon-blue { left: 10px; top: -255px; width: 30px; z-index: 9999; position: absolute; } } @media (min-width: 320px) and (max-width: 359px) { .telefon-blue { color: #4070cc; font-size: 30px; z-index: 9999; left: 40px; top: -207px; position: absolute; } #telefon-icon-blue { left: 10px; top: -215px; width: 30px; z-index: 9999; position: absolute; } } /*////KONTAKT UND IMPRESSUM////*/ .h3-link { color: #4070cc!important; font-weight: inherit; text-align: left; text-transform: lowercase; font-family: "Alegreya Sans"; letter-spacing: 0px; line-height: normal;/*margin-top: 23px;*/ } .telefon { color: #fff; line-height: auto; margin-top: 30px; z-index: 9999; } .kontakt_telefon { margin-top: -34px; } /*@media (max-width: 959px) and (min-width: 768px) { .hover_box .hover_box_wrapper { width: 100%!important; } }*/ /*NAVIGATION*/ .header-plain #Top_bar .menu > li > a span:not(.description) { border-color: transparent!important; } .header-plain #Top_bar .menu > li > a { border-color: transparent; } .header-plain #Top_bar .menu > li.hover > a { background-color: transparent!important; } .header-plain #Top_bar .menu > li.current-menu-item > a { background-color: transparent!important; } .header-plain #Top_bar .menu > li > a span:not(.description) { padding: 0px 14px; } .custom_nav_logo_bar { top: 60px; } #flying-icon { position: absolute; top: -890px!important; z-index: 9999; } #flying-circle { position: absolute; top: -850px!important; left: 10px; z-index: 99999; background-image: url("/wp-content/uploads/2017/10/blue-circle-5.png")!important; background-repeat: repeat-x!important; height: 15px; background-size: 31px; } .greyfilter:hover { -webkit-filter: grayscale(0%)!important; -moz-filter: grayscale(0%)!important; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .greyfilter { -webkit-filter: grayscale(100%)!important; -moz-filter: grayscale(100%)!important; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } input.wpcf7-form-control.wpcf7-submit { font-size: 15px!important; background-color: #4070cc; font-weight: bold; } /*FOOTER*/ .logo_footer { float:left; max-width:25%!important; text-align:right; } .info_footer { float:left; max-width:75%!important; padding: 20px 0px 0px 10px; word-break: keep-all; } .footer_container { width:100%!important; } @media (max-width: 348px) { .info_footer { padding: 11px 0px 0px 2px; width: 76%; } .logo_footer { width: 24%; } } .claimtext { font-size: 25px; color: #4070cc!important; padding-top: 15px; line-height: normal; } .mail_icon { width: 20px; padding-right: 5px; margin: -3px; } .farbbeispiel { color: #4070cc!important; } .farbbeispiel a{ color: #4070cc !important; } .farbprofil-background { background-color: #4070cc; } .mail { font-size: 25px!important; color: #fff!important; } .mail a { color: #fff!important; } .mail a:hover { text-decoration:underline; } @media (min-width: 300px) and (max-width: 418px) { .mail { font-size: 15px!important; } } .home-section h3,h3 { color: #4070cc !important; text-transform:uppercase; } .contact h3 { color: #fff !important;; }