/*
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.1
*/

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

@font-face {
  font-family: "bebas-neue";
  src: url("./fonts/BebasNeue-Regular.woff2") format("woff2"), url("./fonts/BebasNeue-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "STIX Two Text";
  src: url("./fonts/STIXTwoText-SemiBold.woff2") format("woff2"), url("./fonts/STIXTwoText-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "STIX Two Text";
  src: url("./fonts/STIXTwoText-MediumItalic.woff2") format("woff2"), url("./fonts/STIXTwoText-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "STIX Two Text";
  src: url("./fonts/STIXTwoText-SemiBoldItalic.woff2") format("woff2"), url("./fonts/STIXTwoText-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "STIX Two Text";
  src: url("./fonts/STIXTwoText-Italic.woff2") format("woff2"), url("./fonts/STIXTwoText-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "STIX Two Text";
  src: url("./fonts/STIXTwoText-BoldItalic.woff2") format("woff2"), url("./fonts/STIXTwoText-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "STIX Two Text";
  src: url("./fonts/STIXTwoText-Bold.woff2") format("woff2"), url("./fonts/STIXTwoText-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "STIX Two Text";
  src: url("./fonts/STIXTwoText-Regular.woff2") format("woff2"), url("./fonts/STIXTwoText-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "STIX Two Text";
  src: url("./fonts/STIXTwoText-Medium.woff2") format("woff2"), url("./fonts/STIXTwoText-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

body {
  scroll-behavior: auto;
  scroll-behavior: smooth;
}
h1,
h2,
h3,
h4,
.text-logo #logo {
  font-family: "STIX Two Text", serif !important;
}

blockquote {
  font-family: "mrs-eaves", serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
}

body {
  overflow: hidden;
}

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

.header-semi #Top_bar:not(.is-sticky) {
  background-color: transparent !important;
}

#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 {
  color: #ffffff !important;
}

#menu > ul > li > a {
  font-family: "bebas-neue", sans-serif !important;
  font-size: 18px !important;
  letter-spacing: 0.5px !important;
}

#Top_bar .menu > li > a span {
  border-color: rgba(185, 165, 134, 0.1) !important;
  color: #e0e0e0;
}

#Top_bar .menu > li a:after {
  background: #ffffff !important;
}

.vdp-home-intro img.mfn-parallax {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
}

.vdp-home-intro .section_wrapper {
  z-index: 11;
}

.vdp-home-intro:after {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(18, 12, 13, 0.5);
  background: -moz-radial-gradient(center, ellipse cover, rgba(18, 12, 13, 0.5) 0%, rgba(18, 12, 13, 0.5) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(18, 12, 13, 0.5)), color-stop(100%, rgba(18, 12, 13, 0.5)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(18, 12, 13, 0.5) 0%, rgba(18, 12, 13, 0.5) 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(18, 12, 13, 0.5) 0%, rgba(18, 12, 13, 0.5) 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(18, 12, 13, 0.5) 0%, rgba(18, 12, 13, 0.5) 100%);
  background: radial-gradient(ellipse at center, rgba(18, 12, 13, 0.5) 0%, rgba(18, 12, 13, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#120c0d', endColorstr='#120c0d', GradientType=1 );
}

.vdp-home-intro h1 {
  font-size: 3.5em;
  color: white;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  line-height: 1.1;
}

.vdp-home-intro h2 {
  font-size: 2em;
  color: white;
  text-align: center;
  line-height: 1.25;
  margin-bottom: 1em;
}

.vdp-home-intro h3 {
  font-size: 1.75em;
  color: white;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 1em;
  line-height: 1.5;
}

.vdp-home-intro h3 span.vdp-callus {
  padding: 7px 14px;
  background-color: #121212;
  border-radius: 3px;
}

a.vdp-button {
  background-color: #262626 !important;
  color: #ffffff !important;
  font-family: "STIX Two Text", serif !important;
  text-transform: uppercase !important;
  font-size: 18px !important;
  border-radius: 0 !important;
  letter-spacing: 1px;
}

.vdp-home-about-us .vdp-about-us-container {
  min-height: 500px;
  position: relative;
  margin-bottom: 0;
}

.vdp-home-about-us .vdp-about-us-inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.vdp-home-about-us .vdp-about-us-inner h3,
.vdp-home-about-us .vdp-about-us-inner h2,
.vdp-home-about-us .vdp-about-us-inner p {
  color: white;
}

.vdp-home-about-us .vdp-about-us-image .column_attr {
  position: relative;
}

.column.vdp-about-us-image {
  margin-bottom: 0;
}

.vdp-home-about-us .vdp-about-us-image img {
  position: absolute;
  height: 450px !important;
  /*top:65px;
	left:10px;
	filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.5));*/
  max-width: none !important;
  bottom: 0;
}

.vdp-home-cta .vdp-services-teaser {
  margin-bottom: 2%;
}
.vdp-home-cta .vdp-services-teaser .column_attr {
  min-height: 310px;
  position: relative;
}

.vdp-home-cta .vdp-services-teaser-strafrecht .column_attr {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.9)),
    url("https://anwaltskanzlei-vanderpuetten.de/wp-content/uploads/2016/11/vdp-kompetenzen-zivilrcht.jpeg") !important;
  background-size: cover;
}

.vdp-home-cta .vdp-services-teaser-verkehrsrecht .column_attr {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.9)),
    url("https://anwaltskanzlei-vanderpuetten.de/wp-content/uploads/2018/09/vdp-kompetenzen-verkehrsrecht-3.jpg") !important;
  background-size: cover;
}

.vdp-home-cta .vdp-services-teaser-zivilrecht .column_attr {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.9)),
    url("https://anwaltskanzlei-vanderpuetten.de/wp-content/uploads/2016/11/vdp-home-kompetenzen-2.jpeg") !important;
  background-size: cover;
}

.vdp-home-cta .vdp-services-teaser-allgemein .column_attr {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.9)),
    url("https://anwaltskanzlei-vanderpuetten.de/wp-content/uploads/2016/11/AdobeStock_117537974_WM.jpeg") !important;
  background-size: cover;
}

.vdp-home-cta .vdp-services-teaser-arbeitsrecht .column_attr {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.9)),
    url("https://anwaltskanzlei-vanderpuetten.de/wp-content/uploads/2019/12/AdobeStock_234581033-1504x1004.jpeg") !important;
  background-size: cover;
}

.vdp-home-cta .vdp-services-teaser-familienrecht .column_attr {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.9)),
    url("https://anwaltskanzlei-vanderpuetten.de/wp-content/uploads/2019/12/AdobeStock_232751464-1375x916.jpeg") !important;
  background-size: cover;
}

.vdp-home-cta .vdp-services-teaser-mietrecht .column_attr {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.9)),
    url("https://anwaltskanzlei-vanderpuetten.de/wp-content/uploads/2019/12/AdobeStock_263244159-1368x912.jpeg") !important;
  background-size: cover;
}

.vdp-home-cta .vdp-services-teaser-sozialrecht .column_attr {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.9)),
    url("https://anwaltskanzlei-vanderpuetten.de/wp-content/uploads/2019/12/AdobeStock_182486361-1360x906.jpeg") !important;
  background-size: cover;
}

.vdp-services-teaser .vdp-services-teaser-inner {
  position: absolute;
  top: 50%;
  width: 80%;
  transform: translateY(-50%);
  margin-left: 10%;
}

.vdp-home-cta .vdp-services-teaser h3 {
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 40px;
  position: relative;
}

.vdp-home-cta .vdp-services-teaser h3:after {
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 50px;
  height: 4px;
  background-color: #121212;
  display: block;
}

.vdp-contactform {
  padding: 25px 76px;
  background-color: #262626;
}

.vdp-contactform .wpcf7-acceptance small {
  font-size: 60%;
  line-height: 1.2;
}

.vdp-contactform .wpcf7-acceptance .wpcf7-list-item {
  margin: 0;
}

.vdp-contactform-inner {
  margin-bottom: 0;
}

.vdp-contactform h3 {
  color: #b9a586;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 1em;
}

.vdp-contactform h3 i:before {
  background-color: #b9a586;
  height: 2em;
  width: 2em;
  line-height: 2em;
  border-radius: 50%;
  color: #262626;
}

.vdp-contactform .wpcf7-form {
  margin-top: 1em;
}

.vdp-contactform input.wpcf7-submit {
  margin-top: 4px;
  width: 100% !important;
  text-transform: uppercase !important;
  font-family: "STIX Two Text", serif !important;
  font-size: 16px !important;
  letter-spacing: 1px;
}

.vdp-home-testimonials h1 {
  text-transform: uppercase;
}

.vdp-home-map .get_in_touch ul li .icon {
  color: #ebebe4;
}

.vdp-home-map .get_in_touch::after {
  transform: rotate(-45deg);
  bottom: calc(50% - 15px);
  left: -15px;
}

.vdp-home-map h3 {
  font-size: 22px;
}

.vdp-home-keynotes {
  background: #ebebe4;
  padding: 100px 0 50px !important;
}

.vdp-home-keynotes .infobox,
.vdp-home-keynotes .opening_hours {
  min-height: 284px;
}

.vdp-home-keynotes .progress_bars {
  padding: 25px;
  border-width: 1px;
  border-style: solid;
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.08);
}

.page-id-8 #Header_wrapper,
.page-id-10 #Header_wrapper,
.page-id-12 #Header_wrapper,
.page-id-90 #Header_wrapper,
.page-id-146 #Header_wrapper,
.page-id-184 #Header_wrapper {
  background-color: #262626 !important;
  background: url("https://anwaltskanzlei-vanderpuetten.de/wp-content/uploads/2016/11/home_corporation_slider_bg.png");
  background-size: auto;
  background-position: center !important;
  background-repeat: repeat !important;
}

.page-id-8 #Subheader,
.page-id-10 #Subheader,
.page-id-12 #Subheader,
.page-id-90 #Subheader,
.page-id-146 #Subheader,
.page-id-184 #Subheader {
  background: transparent;
  padding: 100px 0;
}

.page-id-8 #Subheader h1,
.page-id-10 #Subheader h1,
.page-id-12 #Subheader h1,
.page-id-90 #Subheader h1,
.page-id-146 #Subheader h1,
.page-id-184 #Subheader h1 {
  padding-top: 30px;
  width: 100%;
  text-align: center;
  font-weight: 700;
  color: white;
  font-size: 48px;
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.page-id-8 #Subheader ul.breadcrumbs,
.page-id-10 #Subheader ul.breadcrumbs,
.page-id-12 #Subheader ul.breadcrumbs,
.page-id-90 #Subheader ul.breadcrumbs,
.page-id-146 #Subheader ul.breadcrumbs,
.page-id-184 #Subheader ul.breadcrumbs {
  display: none;
}

.page-id-8 #Content,
.page-id-10 #Content,
.page-id-12 #Content,
.page-id-90 #Content,
.page-id-184 #Content {
  padding-top: 0;
}

.page-id-8 #Content img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.vdp-kompetenzen h2 {
  font-size: 36px;
  text-transform: uppercase;
}

.vdp-kompetenzen-cta h1 {
  font-size: 48px;
  color: white;
  text-transform: uppercase;
}
.vdp-kompetenzen-cta h1 a {
  color: white;
}

.vdp-kompetenzen .infobox {
  min-height: 540px;
}

.vdp-kompetenzen-small .infobox {
  min-height: 270px;
}

.vdp-contactbox .get_in_touch {
  min-height: 400px;
}

.vdp-legal h2,
.vdp-legal h3 {
  margin-top: 30px;
}

body a.vdp-download-button {
  background-color: #121212;
}

body #Footer {
  background-position: right calc(100% - 80px) !important;
  background-color: #121212;
}

body #Footer .footer_copy {
  border-top: none;
}

body #Footer .widgets_wrapper {
  padding-top: 50px;
}

body #Footer .widget h4 {
  text-transform: uppercase;
  font-size: 25px;
  line-height: 31px;
  margin-bottom: 25px;
}

body #Footer a {
  color: #cccccc;
}

body #Footer a:hover {
  color: #ffffff;
}

.vdp-opening-times {
  line-height: 1.5;
}

.vdp-footer-opening {
  width: 125px;
  height: 50px;
  float: left;
  display: inline-block;
}

.vdp-cookie-btn {
  background: black;
  padding: 8px 15px;
  color: white;
  border-radius: 2px;
}

.vdp-cookie-btn:hover {
  background: #323232;
}

body #Top_bar #menu {
  background-color: #121212 !important;
}

body #Top_bar .responsive-menu-toggle {
  color: #ffffff;
}

.vdp-team-coming-soon {
  filter: blur(20px) grayscale(20%);
}

@media only screen and (min-width: 1240px) {
  body #Top_bar.is-sticky {
    background: #121212;
  }
}

@media only screen and (max-width: 1040px) {
  #Footer {
    background-image: none !important;
  }

  body #Footer .footer_copy {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }
  .vdp-kompetenzen-cta h1 {
    font-size: 32px;
    line-height: 1.5;
  }

  .vdp-kompetenzen-cta h1 a {
    display: inline-block;
  }
}

@media only screen and (max-width: 640px) {
  .vdp-home-intro .vdp-class-callus-secondline {
    display: inline-block;
  }
}