/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2
*/

/* ###### Table of content ######

0. BASIS LAYOUT FIXES
1. TYPOGRAPHY

2. HEADER
  - Menu

3. BLOG
4. FOOTER

5. COMPONENTS
  - Accordion
    -- Toggle Inhaltsverzeichnis
  - Button
  - Highlight right/left
  - Hover Color
  - Images
  - Kundenslider
  - List
  - Verteiler
    - Verteilerboxen Startseite (unter Hero)
    - Verteilerboxen Leistung (unter Hero)

6. UTILITY
  - Abstände
  - Font Classes
  - Hintergrundfarben
  - Rahmenfarben
  - Schatten
  - Verlauf

*/


/* 0. BASIS LAYOUT FIXES */

:root {

	/* 20px
  --rsltd_ml-default: 20px;
  --rsltd_mb-default: 20px;

  --rsltd_one: 100%;
  --rsltd_one-second: calc(50% - 10px);
  --rsltd_one-third: calc(33.33% - 13.334px);
  --rsltd_two-third: calc(66.67% - 6.667px);
  --rsltd_one-fourth: calc(25% - 15px);
  --rsltd_three-fourth: calc(75% - 5px);
  --rsltd_two-fifth: calc(40% - 15px);
  --rsltd_three-fifth: calc(60% - 5px);
  --rsltd_four-fifth: calc(80% - 5px);
*/
/* 40px */
  --rsltd_ml-default: 40px;
  --rsltd_mb-default: 20px;

  --rsltd_one: 100%;
  --rsltd_one-second: calc(50% - 20px);
  --rsltd_one-third: calc(33.33% - 26.667px);
  --rsltd_two-third: calc(66.67% - 13.334px);
  --rsltd_one-fourth: calc(25% - 30px);
  --rsltd_three-fourth: calc(75% - 10px);
  --rsltd_two-fifth: calc(40% - 25px);
  --rsltd_three-fifth: calc(60% - 15px);
  --rsltd_four-fifth: calc(80% - 15px);

/* 60px */
  /* --rsltd_ml-default: 60px;
  --rsltd_mb-default: 20px;

  --rsltd_one: 100%;
  --rsltd_one-second: calc(50% - 30px);
  --rsltd_one-third: calc(33.33% - 40px);
  --rsltd_two-third: calc(66.67% - 20px);
  --rsltd_one-fourth: calc(25% - 45px);
  --rsltd_three-fourth: calc(75% - 15px);
  --rsltd_two-fifth: calc(40% - 35px);
  --rsltd_three-fifth: calc(60% - 25px);
  --rsltd_four-fifth: calc(80% - 25px); */
}

/*###############################
######## - FONT - ########
###############################*/

/* ### Kaushan Script ### */

@font-face {
  font-family: 'Kaushan Script';
  src: local('KaushanScript Regular'), local('KaushanScript-Regular'),
	   url('fonts/kaushan-script/KaushanScript-Regular.woff') format('woff'), /* Modern Browsers */
	   url('fonts/kaushan-script/KaushanScript-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* ### Poppins ### */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins Regular'), local('Poppins-Regular'),
	   url('fonts/poppins/Poppins-Regular.woff') format('woff'), /* Modern Browsers */
	   url('fonts/poppins/Poppins-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: local('Poppins Medium'), local('Poppins-Medium'),
	   url('fonts/poppins/Poppins-Medium.woff') format('woff'), /* Modern Browsers */
	   url('fonts/poppins/Poppins-Medium.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: local('Poppins SemiBold'), local('Poppins-SemiBold'),
	   url('fonts/poppins/Poppins-SemiBold.woff') format('woff'), /* Modern Browsers */
	   url('fonts/poppins/Poppins-SemiBold.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: local('Poppins Bold'), local('Poppins-Bold'),
	   url('fonts/poppins/Poppins-Bold.woff') format('woff'), /* Modern Browsers */
	   url('fonts/poppins/Poppins-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
}

body {
  font-family: "Poppins";
}

h1, h2, h3, h4, h5, h6, #Subheader .title {
  font-family: "Kaushan Script";
}

/* LAYOUT 

@media only screen and (min-width: 540px) {

  .mcb-wrap .column:not(.one):first-child,
  .mcb-wrap .columns:not(.one):first-child,
  .mcb-wrap .one+.column:not(.one),
  .one+.mcb-wrap:not(.one) {
    margin-left: 0 !important; margin-bottom: var(--rsltd_mb-default);
  }

  .mcb-wrap .column, .mcb-wrap .columns {
    margin-bottom: var(--rsltd_mb-default); margin-right: 0; margin-left: var(--rsltd_ml-default);
  }

  .mcb-wrap:not(.one):first-child {
    margin-left: 0 !important;
  }

  .mcb-wrap .one.column, .one.mcb-wrap {
    width: var(--rsltd_one); margin-left: 0px;
  }

  .mcb-wrap .one-second.column, .one-second.mcb-wrap {
    width: var(--rsltd_one-second); margin-left: var(--rsltd_ml-default);
  }

  .mcb-wrap .one-third.column, .one-third.mcb-wrap {
    width: var(--rsltd_one-third); margin-left: var(--rsltd_ml-default);
  }

  .mcb-wrap .two-third.column, .two-third.mcb-wrap {
    width: var(--rsltd_two-third); margin-left: var(--rsltd_ml-default);
  }

  .mcb-wrap .one-fourth.column, .one-fourth.mcb-wrap {
    width: var(--rsltd_one-fourth); margin-left: var(--rsltd_ml-default);
  }

  .mcb-wrap .three-fourth.column, .three-fourth.mcb-wrap {
    width: var(--rsltd_three-fourth); margin-left: var(--rsltd_ml-default);
  }

  .mcb-wrap .two-fifth.column, .two-fifth.mcb-wrap {
    width: var(--rsltd_two-fifth); margin-left: var(--rsltd_ml-default);
  }

  .mcb-wrap .three-fifth.column, .three-fifth.mcb-wrap {
    width: var(--rsltd_three-fifth); margin-left: var(--rsltd_ml-default);
  }

  .mcb-wrap .four-fifth.column, .four-fifth.mcb-wrap {
    width: var(--rsltd_four-fifth); margin-left: var(--rsltd_ml-default);
  }

  .mcb-wrap .one-sixth.column, .one-sixth.mcb-wrap {
    width: var(--rsltd_one-sixth); margin-left: var(--rsltd_ml-default);
  }

  .mcb-wrap .one.column+.one.column,
  .mcb-wrap .one.column+.one-second.column,
  .one.mcb-wrap+.one.mcb-wrap,
  .one.mcb-wrap+.mcb-wrap,
  .column_placeholder {
    margin-left: 0px !important;
  }

  .ml-0 { margin-left: 0px !important; }
  .mb-0 { margin-bottom: 0px !important; } */

 /* .mcb-wrap .ml-0.one-second.column, .ml-0.one-second.mcb-wrap { width: 50%; }
  .mcb-wrap .ml-0.one-third.column, .ml-0.one-third.mcb-wrap { width: 33.334%; }
  .mcb-wrap .ml-0.two-third.column, .ml-0.two-third.mcb-wrap { width: 66.667%; }
  .mcb-wrap .ml-0.one-fourth.column, .ml-0.one-fourth.mcb-wrap { width: 25%; }
  .mcb-wrap .ml-0.three-fourth.column, .ml-0.three-fourth.mcb-wrap { width: 75%; }
  .mcb-wrap .ml-0.two-fifth.column, .ml-0.two-fifth.mcb-wrap { width: 40%; }
  .mcb-wrap .ml-0.three-fifth.column, .ml-0.three-fifth.mcb-wrap { width: 60%; }
  .mcb-wrap .ml-0.four-fifth.column, .ml-0.four-fifth.mcb-wrap { width: 80%; } 

  .full-width .mcb-wrap { margin-left: 0px; }
  .full-width .one-second.mcb-wrap { width: 50%; }
  .full-width .one-third.mcb-wrap { width: 33.334%; }
  .full-width .two-third.mcb-wrap { width: 66.667%; }
  .full-width .one-fourth.mcb-wrap { width: 25%; }
  .full-width .three-fourth.mcb-wrap { width: 75%; }
  .full-width .two-fifth.mcb-wrap { width: 40%; }
  .full-width .three-fifth.mcb-wrap { width: 60%; }
  .full-width .four-fifth.mcb-wrap { width: 80%; }

}
*/
/* MOBILER UMBRUCH  

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

	#Content .mcb-wrap .column, #Content .mcb-wrap { width: var(--rsltd_one) !important; margin-left: 0px; }

}

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

	#Content .mcb-wrap .column:not(.one), #Content .mcb-wrap:not(.one) { width: var(--rsltd_one) !important; clear: none; }
	#Content .mcb-wrap .column.one-third:nth-child(2n+1), #Content .mcb-wrap.one-third:nth-child(2n+1) { margin-left: 0px; }

  #Content .mcb-wrap.two-third:last-child,
  #Content .column.two-third:last-child,
  #Content .mcb-wrap.one-third:last-child,
  #Content .column.one-third:last-child { margin-left: 0; }*/

  /*#Content .column.one-third+.one-third:last-child,
  #Content .mcb-wrap.one-third+.one-third:last-child, */
  /*#Content .column:not(.one):first-child,
  #Content .mcb-wrap:not(.one):first-child { margin-left: 0px; }

  .ml-default-md { margin-left: var(--rsltd_ml-default) !important; }

}

@media only screen and (min-width: 540px) and (max-width: 1240px) {

	#Content .one-fourth { width: var(--rsltd_one-second) !important; clear: none; }

}

@media only screen and (min-width: 960px) {

	#Content .mcb-wrap .one-third.column { width: var(--rsltd_one-third) !important; }
	#Content .mcb-wrap .one-third.column:nth-child(3n+1) { clear: both; margin-left: 0px; }

}

@media only screen and (min-width: 1240px) {

	#Content .mcb-wrap .one-fourth.column { width: var(--rsltd_one-fourth) !important; }

}*/

/* 3. BLOG */

.mcb-column-inner {
  margin-left: 20px;
  margin-left: 20px;
}

.blog .post-item {
  box-shadow: 0 0 10px #aaa;
}

.blog #Subheader { background-color: rgba(240, 186, 195,.5); }
.blog #Subheader::after { box-shadow: none; }
#Subheader ul.breadcrumbs li, #Subheader ul.breadcrumbs li a, #Subheader ul.breadcrumbs li span { color: #ec8899; opacity: 1;}
.single-post #Content { background-color: rgba(240, 186, 195,.4); padding-top: 50px; }
.single-post .section-post-header .image_frame { box-shadow: 0px 0px 100px #fff; }

.single-post .section_wrapper {
  max-width: 900px;
}

.single-post #Subheader, .post-header, .portfolio .post-meta, .portfolio .project-description, .portfolio .section-related-ul .date_label, .portfolio .section-related-ul a.button, .post .section-related-ul .date_label, .post .section-related-ul a.button, .single-post #Subheader span.title, .single-portfolio #Subheader span.title, .portfolio-item .image_frame .image_links.double, .portfolio .image_frame .image_links, .post .image_frame .image_links, section-post-footer, section-post-about, .Latest_news ul li .desc_footer {
  display: none;
}

.posts_group .post-item .post-desc .post-footer {
  margin: 0;
  padding: 0;
  background-color: rgba(0,0,0,0);
}

.posts_group .post-item .post-desc .post-footer .post-links {
  float: left;
  padding: 0;
  border: none;
}

.post-excerpt {
  margin-bottom: 10px;
}

.posts_group .post-item .post-desc .post-footer .post-links i {
  display: none;
}

@media only screen and (min-width: 500px) and (max-width: 767px) {
  .column_video {
    width: 60% !important;
  }
}

/*.single-post .section-post-related {
  padding: 80px 0;
} */

.single-post h1 {
  font-size: 32px;
  line-height: 45px;
}

.single-post h2,
.single-post h3,
.single-post h4,
.single-post h5 {
  font-size: 30px;
  line-height: 34px;
}

.single-post .post-related h4,
.blog .entry-title {
  font-size: 21px;
  line-height: 28px;
}

  /* Latest News */
  .Latest_news ul li .desc h5 {
    font-size: 20px;
    line-height: 26px;
  }

  .Latest_news ul li .desc .post-excerpt {
    font-size: 16px;
    line-height: 24px;
  }

  .Latest_news ul.ul-second li {
    margin-bottom: 20px!important;
  }

  @media screen and (min-width: 480px) and (max-width: 959px) {
    .Latest_news.featured ul {
      width: 100%!important;
    }
  }

/* ####### Costum ###### */

#Top_bar .menu > li > a {
  font-family: "Poppins";
}

.page-id-17 .gallery-item, .home .gallery-item { width: 25% !important; }
.content_slider { margin: 0 0 20px; }

.kurzarbeit .column_attr { display: flex; flex-direction: row; align-items: center; gap: 30px; padding: 30px; border-radius: 5px; }
.kurzarbeit .column_attr div i { font-size: 2rem; }
.home .kurzarbeit .column_attr div i { font-size: 2.5rem; }
.kurzarbeit .column_attr div p { margin-bottom: 0px; }

@media only screen and (max-width: 767px) {
  .kurzarbeit .column_attr { flex-direction: column; padding: 0 5%; }
}

/* HEADER */

#Top_bar { box-shadow: 0px 0px 5px #eee; }
a h4 { transition: .3s; }
a:hover h4 { color: #000; }
a:hover { text-decoration: none; }

/* PAGE HERO */

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

  .page-hero { padding-top: 550px; }
  .hidden-md { display: none; visibility: hidden; }

}

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

  .page-hero { padding-top: 200px; }

}

/* ÜBER UNS */

.anfahrt-box p, .anfahrt-box h6 { color: #fff; }
.anfahrt-box h2 { font-size: 44px; line-height: 54px; }
.column_our_team hr { display: none !important; }

.column_our_team { height: 340px; }

/* HOME */

#Content .column_image_gallery { margin-bottom: 50px; }
.progress_bars .bars_list li { padding: 0px !important; }
.progress_bars .bars_list li .bar .progress {
    background-image: repeating-linear-gradient(45deg, transparent, transparent 6px, rgba(255, 255, 255, 0.1) 12px, rgba(255, 255, 255, 0.1) 15px);
}
.progress_bars .bars_list li .bar {
    background: rgba(255, 255, 255, 0.25);
    -webkit-box-shadow: inset 0 0 1px 1px rgba(236, 136, 153,.3);
    box-shadow: inset 0 0 1px 1px rgba(236, 136, 153,.3);
}
.progress_bars .bars_list li h6 .label {
    font-size: 17px;
    line-height: 27px;
    font-weight: 700;
    background: none;
    color: #000;
}
.progress_bars .bars_list li h6 {
    font-size: 17px;
    line-height: 27px;
}

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

  .home .column_video { margin-bottom: 0px !important; }
  .column_placeholder { display: none; }
  #Content .mcb-wrap .column.anfahrt-box {
    margin-top: -8px;
    margin-left: 0px !important;
    width: 100% !important;
  }
  #Content .mcb-wrap .column.anfahrt-box .column_attr{ padding: 25px 30px 20px; }

  .nmb-mobil { margin-bottom: 0px !important; }

}

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

  #Content .mcb-wrap .column.anfahrt-box { margin-top: 0px; }
  #Content .mcb-wrap .column.anfahrt-box .column_attr { padding: 35px 40px 30px; }

}

/*.testimonials_slider .testimonials_slider_ul li .bq_wrapper { background: rgba(255, 255, 255, .4); }
.blockquote { background: none; } */

/* KONTAKT */

.page-id-13 .column_image .image_frame { box-shadow: 0px 0px 5px #fff; }

.kontakt_tel {
  background-image: url('https://brautstudio-offenborn.de/wp-content/uploads/2021/09/brautstudio-offenborn-phone-rosa.png');
  background-repeat: no-repeat;
  background-position: left top;
  padding: 0 7% 0 50px;
}

.kontakt_mail {
  background-image: url('https://brautstudio-offenborn.de/wp-content/uploads/2021/09/brautstudio-offenborn-paperplane.png');
  background-repeat: no-repeat;
  background-position: left top;
  padding: 0 7% 0 50px;
}

/* TYPOGRAPHY */

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

  h2 { font-size: 35px; line-height: 45px; }
  h5 { font-size: 17px; line-height: 27px; }
  h6 { line-height: 23px; }

}

/* Lists */

.content_wrapper .column_column ul li:after { display: none; }
.content_wrapper .column_column ul li:before { color: #ec8899; }

.content_wrapper .column_column ul {
    margin-bottom: 15px;
    padding: 0 0 0 20px;
}

.content_wrapper ul:not(.list_tag):not(.timeline_items):not(.teaser-wrapper) li {
    list-style: none;
    position: relative;
    margin: 0;
    padding: .5rem;
    color: #262626;
}

.content_wrapper ul li::before {
    overflow: hidden;
    position: absolute;
    left: -17px;
    top: 6px;
}

.content_slider .slider_pagination {
    padding: 0 10%;
}

/* CTA */

.cta { border-radius: 5px; }
.cta .column_image { margin-top: -85px; }

.cta-blog { display: flex; flex-direction: row; align-items: center; }
.cta-blog .button { margin-bottom: 0px; }

@media only screen and (max-width: 1240px) {
  .cta { padding: 35px 35px 20px 35px; }
  .cta .two-third { margin-left: 0px !important; }
}

@media only screen and (min-width: 1240px) {
  .cta { padding: 35px 35px 30px 35px; }
}

/* BLOG */

.masonry .post-desc-wrapper .post-desc { padding: 20px 15px 15px 15px; }
.blog #Content { padding-top: 60px; }