/*
 * Theme Name: FMS
 * Theme URI: http://www.artviper.de
 * Theme Description: Theme für FMS
 * Author: artViper Marketingagentur
 * Author URI: http://www.artviper.de
 * Version: 1.3
 * Tags: bootstrap, complete modified
 * License: Not for resell or free
 * License URI:
 * Text Domain: FMS
*/

/* Apply bootstrap styles */
/*@import url('bootstrap/css/bootstrap.min.css');*/
:root {
    --main-font: "Oxygen";
  --second-font:"Montserrat";
  --color: #e05512 !important;
  --bg-color: #f4f4f4 !important;
  --second-font-color:#272727 !important;
  --font-main-color:#fff !important;
  --link--color:"#646464";
}
@font-face {
  font-family: "Oxygen";
  font-weight: bold;
  src: url(/wp-content/themes/bic_new_bootstrap_4/fonts/Oxygen/Oxygen-Bold.ttf);
}
@font-face {
  font-family: "Oxygen";
  font-weight: 300;
  src: url(/wp-content/themes/bic_new_bootstrap_4/fonts/Oxygen/Oxygen-Light.ttf);
}
@font-face {
  font-family: "Oxygen";
  font-weight: normal;
  src: url(/wp-content/themes/bic_new_bootstrap_4/fonts/Oxygen/Oxygen-Regular.ttf);
}
@font-face {
  font-family: "QwitcherGrypen-Bold";
  src: url(/wp-content/themes/bic_new_bootstrap_4/fonts/Qwitcher_Grypen/QwitcherGrypen-Bold.ttf);
}
@font-face {
  font-family: "QwitcherGrypen-Regular";
  src: url(/wp-content/themes/bic_new_bootstrap_4/fonts/Qwitcher_Grypen/QwitcherGrypen-Regular.ttf);
}
h1{
  font-family: "QwitcherGrypen-Bold" !important;
/* 	margin-left: -15%; */
}
h5{
  font-family: "QwitcherGrypen-Bold" !important;
}
h2{
  text-transform: uppercase !important;
}
h4 a span{
  font-size: 18px !important;
}
h2,h4,h6{
  font-family: "Oxygen" !important;
  font-weight: 600 !important;
}
h3{
  font-family: "Oxygen" !important;
  font-weight: 400 !important;
}
.single-title{
  font-family: "Oxygen" !important;
  font-weight: 400 !important;
  font-size: 35px;
  color: #211B14;
  text-align: left;
}
.single-body{
	padding-top: 20px !important;
}
div,p{
  font-family: "Oxygen" !important;
  font-weight: 400 !important;
}
p{
  font-size: 18px !important;
}
/* a{
	color: #212529 !important
} */
.forminator-row-last{
	margin-top: 30px !important;
}
.tz_knotakt .tz_wrapper_bottom .wpb_wrapper{
	align-content: end;
}

.tz_padding_left .wpb_text_column .wpb_wrapper{
	padding-right: 0px;
}
.tz_duck {
  background-color: #F5F3EE !important;
  background-image: url(https://fms-muenchen.de/wp-content/uploads/2025/11/Vektor-Smartobjekt-2.webp) !important;
  background-repeat: no-repeat !important;
  background-position: left bottom !important;
  background-size: 150px !important;
} 
.tz_last{
  background-color: #F5F3EE !important;
  background-image: url(https://fms-muenchen.de/wp-content/uploads/2025/11/Vektor-Smartobjekt-4.webp) !important;
  background-repeat: no-repeat !important;
  background-position: right bottom !important;
  width: 900px;
}
.tz_img_last{
  padding-top: 70px !important;
}
.tz_width p{
  width: 1000px;
  margin-right: auto;
  margin-left: auto;
}
.tz_last p, .tz_img_last p{
  width: 900px;
  margin-right: auto;
  margin-left: auto;
}
.tz_button .vc_btn3, .forminator-button-submit {
  background-color: #655136 !important;
  border-color: #655136 !important;
  color: #ffffff !important;
  padding: 15px 40px !important;
  font-size: 18px !important;
}
.tz_button .vc_btn3:hover, .forminator-button-submit:hover{
  background-color: transparent !important;
  color: #655136 !important;
}
.forminator-button-submit{
  border-radius: 30px !important;
}
.forminator-button-submit:hover{
  border: 1px solid #655136 !important;
}
.forminator-checkbox__label p{
  font-size: 14px !important;
  color: #343434 !important;
}
.forminator-floating--textarea{
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.forminator-row{
  margin-bottom: 15px !important;
}
.hide_abc{
  display: block;
}
.abc_show{
  display: none;
}
.page-id-482 .hide_abc{
  display: none;
}
.page-id-482 .abc_show{
  display: block;
}
.tz_home_minus{
	margin-top: -158px !important;
}
.tz_minus_margin{
  margin-left: 30px !important;
  margin-top: -120px;
  z-index: 1;
  position: relative;
  border-radius: 20px;
}
.tz_bg .vc_column-inner{
  background-color: #ffffff;
  border-radius: 20px;
}
.tz_bg .wpb_single_image{
  margin-bottom: 20px;
  margin-top: -40px;
}
.tz_bg .vc_column-inner:hover{
  background-color: #E35011;
}
.tz_bg .vc_column-inner:hover h4, .tz_bg .vc_column-inner:hover p span{
  color: #ffffff !important;
}
.divider {
  margin-bottom: 25px;
  padding-top: 25px;
  clear: both;
  display: block;
  margin-bottom: 15px;
  padding-top: 15px;
  width: 100%;
}
.tz_border_radius .vc_tta-panel{
  border-radius: 15px !important;
}
.tz_accordion .vc_tta-title-text {
  color: #3d301f !important;
  font-size: 18px !important;
}
.tz_accordion .wpb_text_column p{
  color: #3d301f !important;
  font-size: 16px !important;
}
.tz_accordion .vc_active .vc_tta-title-text, .tz_accordion .wpb_text_column p{
  color: #fff !important;
}
.tz_accordion .vc_tta-panel.vc_active .vc_tta-panel-heading, .tz_accordion .vc_active .vc_tta-panel-body{
  background-color: #665136 !important;
/*   border-color: #665136 !important; */
}
.tz_accordion .vc_tta-panel-body{
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  border-top: 1px solid #AFA496 !important;
}
.tz_accordion .vc_tta-panel-heading{
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}
.tz_accordion .vc_active .vc_tta-controls-icon:before{
  border-color: #ffffff !important;
}
.tz_acc_sec{
/* 	background: #F5F3EE url(https://fmms.artviper.eu/wp-content/uploads/2025/11/Vektor-Smartobjekt-copy.webp?id=129) !important; */
  background-color: #F5F3EE !important;
  background-image: url(https://fms-muenchen.de/wp-content/uploads/2025/11/Vektor-Smartobjekt-copy.webp) !important;
  background-repeat: no-repeat !important;
  background-position: right top !important;
}
.tz_right_img{
  background-color: #F5F3EE !important;
  background-image: url(https://fms-muenchen.de/wp-content/uploads/2025/11/Rechteck-2-Kopie.webp) !important;
  background-repeat: no-repeat !important;
  background-position: right top !important;
}
.tz_cont_mid .wpb_wrapper{
	align-content: center;
}
#menu-header-menu li a{
  color: #211b14 !important;
  font-size: 18px !important;
}
.navbar-expand-lg .navbar-collapse{
  justify-content: end;
}
.text-right.mobile-menu{
  flex: 0 0 80% !important;
  max-width: 80% !important;
}
.brand{
  flex: 0 0 20% !important;
  max-width: 20% !important;
}
/* Styling of standard gallery shortcode, removed in functions */

.gallery {
  margin: auto;
}
.gallery-item {
  float: left;
  margin-top: 10px;
  text-align: center;
  width: 33%;
}
.gallery img {
  border: 2px solid #cfcfcf;
}
.gallery-caption {
  margin-left: 0;
}
/* Search Head */
.cookie {
  font-size: 13px;
  text-align: center;
  color: #FFF;
  padding-bottom: 25px;
}
.cookie a {color: #FFF;}






#search-head {
  margin-top: 15px;
  padding-right: 15px;
}
.main_header .container .row{
  align-items: center;
}
/* Brand */
.brand {
  margin-top: 15px;
  margin-bottom: 15px;
}
.brand img{
  width: 60%;
}
.tz_img_minus img{
  margin-right: -25%;
  margin-top: -7%;
}
.tz_img_minus{
  z-index: 1;
  position: relative;
}
#site-title {
  font-size: 35px;
}
/*Header Menu */

.header-menu {
  list-style: none outside none;
  display: inline-block;
}
.header-menu li {
  display: inline;
  padding-right: 10px;
  padding-left: 5px;
}
.header-menu li:last-child {
  border-right: none;
}
/*Dropdown Css*/
.dropdown:hover > .dropdown-menu {
display: block;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
  border-left-color: #fff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
.dropdown-menu{
  background-color:transparent !important;
  border: none !important;
}
.tz_left_img{
  background-position: left center !important;
  background-repeat: no-repeat !important;
  background-size: inherit;
}
.tz_duck_uber{
  padding-bottom: 80px !important;
  background-color: #F5F3EE !important;
  background-image: url(https://fms-muenchen.de/wp-content/uploads/2025/11/Vektor-Smartobjekt-2.webp) !important;
  background-repeat: no-repeat !important;
  background-position: left bottom !important;
  background-size: 20% auto !important;
}
.single-news-wrap{
  background-image: url(https://fms-muenchen.de/wp-content/uploads/2025/11/Vektor-Smartobjekt-10.webp) !important;
  background-repeat: no-repeat !important;
  background-position: 101.5% bottom !important;
  background-size: 12.5% auto !important;
}
.main_header{
	padding-bottom: 30px !important;
}
.single-news-wrap{
  background-image: url(https://fms-muenchen.de/wp-content/uploads/2025/11/Vektor-Smartobjekt-9.webp) !important;
  background-repeat: no-repeat !important;
  background-position: -5% 60% !important;
  background-size: 20% auto !important;
}
.related-grid{
  background-image: url(https://fms-muenchen.de/wp-content/uploads/2025/12/Vektor-Smartobjekt-7.webp) !important;
  background-repeat: no-repeat !important;
  background-position: -5% 60% !important;
  background-size: 20% auto !important;
}
.curved-bg img{
  border-top-right-radius: 200px;
}
 .related-grid img{
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
} 
/* .related-grid {
    width: 1100px;
    margin: 0 auto !important;
    position: relative;
} */

/* .related-grid::after {
    content: "";
    position: absolute; 
    bottom: -100px;
    right: -230px;
    width: 300px; 
    height: 300px;
    background-image: url(https://fmms.artviper.eu/wp-content/uploads/2025/12/Vektor-Smartobjekt-7.webp);
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: -1; 
} */

/* .single-wrapper{
  background-image: url(https://fmms.artviper.eu/wp-content/uploads/2025/11/Vektor-Smartobjekt-9.webp) !important;
  background-repeat: no-repeat !important;
  background-position: -5% 100% !important;
  background-size: 20% auto !important;
} */
.tz_cow_hen.tz_img_minus img {
  margin-right: -57%;
  margin-top: -26%;
}
.tz_margin_top{
  margin-top: -140px;
}
.tz_inner_padding .vc_column-inner{
  padding-top: 0px !important;
}
.tz_top{
  padding-top: 20px;
}
.tz_goat_minus img{
  margin-left: -200px;
}
.fmms-card {
      background: #fff;
      border-radius: 14px;
      box-shadow: 0 8px 18px rgba(0,0,0,0.08);
      overflow: hidden;
      display: flex;
      flex-direction: column;
      transition: transform .18s ease, box-shadow .18s ease;
      min-height: 340px;
  }
  .fmms-card:hover { transform: translateY(-6px); box-shadow: 0 18px 36px rgba(0,0,0,0.10); }

  /* Image wrapper to create rounded top and crop */
  .fmms-card .thumb {
      position: relative;
      width: 100%;
      overflow: hidden;
      border-top-left-radius: 14px;
      border-top-right-radius: 14px;
  }
  .fmms-card .thumb img {
      width: 100%;
/*         position: absolute;
      top: 0; left: 0;  height: 100%;
      object-fit: cover;
      display: block; */
  }

  /* Content area */
  .fmms-card .content {
      padding: 22px;
      display: flex;
      flex-direction: column;
      gap: 10px;
      flex: 1;
  }
  .fmms-card h3 a{
      display: block;
      width: 100%;
      font-size: 24px;
      color: #665136 !important;
      text-align: center;
      margin: 0;
      font-weight: 600;
  }
.tz_footer_text p{
	padding-top: 0px;
}
.vc_tta-panel-heading{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	border-radius: 10px !important;
}
.vc_tta-panel-title a{
	padding-bottom: 18px !important;
}
.vc_active .vc_tta-panel-heading{
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}
.vc_active .vc_tta-panel-heading{
	border-bottom: 1px solid #AFA496 !important;
}
.vc_active .vc_tta-panel-body p{
	padding-top: 0px !important;
}
  .related-body h3 {
      margin: 0;
      font-size: 24px;
      font-weight: 600;
      color: #403221 !important; 
      text-align: center;
  }
  .fmms-card .meta {
      font-size: 13px;
      color: #8b827d;
      margin-top: 6px;
  }
  .fmms-card .excerpt, .related-body p {
      margin-top: 12px;
      color: #211b14;
      font-size: 16px;
      text-align: center;
      flex: 1;
  }

  /* Make the bottom area aligned */
  .fmms-card .readmore {
      margin-top: 12px;
      font-weight: 600;
      color: #6b584f;
      text-decoration: none;
      font-size: 13px;
  }
/*./Dropdown Css*/

/* WRAPPER */
.single-news-wrap {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 120px;
}

.single-wrapper {
  display: flex;
  gap: 50px;
  align-items: flex-start;
}

/* LEFT SECTION */
.single-left {
  width: 45%;
  position: relative;
}

/* .curved-bg {
  background: #d6d1c8;
  border-top-right-radius: 200px;
  border-bottom-left-radius: 60px;
  height: 420px;
  overflow: hidden;
  padding: 20px;
  display: flex;
  align-items: center;
} */

.featured-img-box img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Optional buffalo image */
.buffalo-img {
  position: absolute;
  bottom: -40px;
  left: -40px;
  width: 150px;
}

/* RIGHT SIDE CONTENT */
.single-right {
  width: 55%;
}

.single-meta-label {
  font-size: 40px;
  color: #E35011;
  text-align: left;
  font-weight: 600 !important;
}
.single-body p {
  font-size: 18px;
  line-height: 1.7;
  color: #211b14;
}
.single-post{
  background-color: #f5f3ee;
}
.related-title, .related-grid{
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 70px !important;
}
/* RELATED TITLE */
.related-title {
  font-size: 26px;
  margin-top: 80px;
  font-weight: 600;
  margin-bottom: 25px;
  line-height: 1em;
}
.single-right{
  padding-right: 200px;
}
/* RELATED POSTS */
.related-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

.related-card {
  display: block;
  background: #fafafa;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  color: #000;
  border: 1px solid #ddd;
}

.related-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.related-body {
  padding: 15px;
}

.related-body h3 {
  font-size: 18px;
  margin-bottom: 8px;
}

.related-body p {
  font-size: 14px;
  color: #555;
}

.tz_top_space{
  padding-top: 80px;
}
.forminator-textarea{
  background: transparent;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
.back-to-overview{
  text-align: center;
  padding-top: 20px;
}
.back-to-overview a{
  color: #211b14;
}
.tz_img_home{
  margin-bottom: 0px !important;
  background: #F5F3EE url(https://fms-muenchen.de/wp-content/uploads/2025/11/Rechteck-2.webp?id=21) !important;
  background-position: 0 0 !important;
  background-repeat: no-repeat !important;
  background-size: 50% !important;
}
.tz_sortiment{
  margin-bottom: 0px !important;
  background: #F5F3EE url(https://fms-muenchen.de/wp-content/uploads/2025/11/Rechteck-2-1.webp?id=221) !important;
  background-position: 0 0 !important;
  background-repeat: no-repeat !important;
}
.tz_strohschwein{
  margin-bottom: 0px !important;
  background: #F5F3EE url(https://fms-muenchen.de/wp-content/uploads/2025/11/Ebene-3.webp?id=307) !important;
  background-position: 0 0 !important;
  background-repeat: no-repeat !important;
}
.tz_uberuns{
  margin-bottom: 0px !important;
  background: #F5F3EE url(https://fms-muenchen.de/wp-content/uploads/2025/11/Rechteck-2-2.webp?id=348) !important;
  background-position: 0 0 !important;
  background-repeat: no-repeat !important;
}
.tz_filiale{
  margin-bottom: 0px !important;
  background: #F5F3EE url(https://fms-muenchen.de/wp-content/uploads/2025/11/Vektor-Smartobjekt-Kopie.webp?id=416) !important;
  background-position: 0 0 !important;
  background-repeat: no-repeat !important;
}
.tz_aktuelles{
  margin-bottom: 0px !important;
  background: #F5F3EE url(https://fms-muenchen.de/wp-content/uploads/2025/11/Rechteck-2-3.webp?id=453) !important;
  background-position: 0 0 !important;
  background-repeat: no-repeat !important;
}
.tz_knotakt{
  margin-bottom: 0px !important;
  background: #F5F3EE url(https://fms-muenchen.de/wp-content/uploads/2025/11/Ebene-3-1.webp?id=516) !important;
  background-position: 0 0 !important;
  background-repeat: no-repeat !important;
}
.tz_agb{
  margin-bottom: 0px !important;
  background: #F5F3EE url(https://fms-muenchen.de/wp-content/uploads/2025/11/Logo-FIS.webp?id=445) !important;
  background-position: 0 0 !important;
  background-repeat: no-repeat !important;
}

/* #menu-header-menu li {
    position: relative;
} */

#menu-header-menu li a {
    position: relative;
/*     display: inline-block;  */
    padding-bottom: 25px; /* space for image */
}

/* underline-image under each menu item */
#menu-header-menu li a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('https://fms-muenchen.de/wp-content/uploads/2025/11/Vektor-Smartobjekt-11.webp');
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* hover + active */
#menu-header-menu li a:hover::after,
#menu-header-menu li.current-menu-item a::after {
    opacity: 1;
}
#menu-header-menu{
	gap: 10px;
}

/* RESPONSIVE */
@media(max-width: 900px) {
  .single-wrapper {
      grid-template-columns: 1fr;
  }
}

.single-title-area {
  margin-bottom: 30px;
}

.single-title-area h1 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 10px;
}

.single-meta {
  font-size: 15px;
  color: #888;
  margin-bottom: 30px;
}

/* CONTENT */
.single-content {
  line-height: 1.7;
  font-size: 17px;
  color: #333;
  margin-bottom: 60px;
}

/* RELATED POSTS TITLE */
.related-title {
  font-size: 122px;
  text-align: center;
  color: #665136;
  font-family: "QwitcherGrypen-Bold" !important;
}

/* RELATED GRID */
.related-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.related-card {
  background: white;
  border-radius: 18px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  overflow: hidden;
  transition: 0.2s;
}

.related-card:hover {
  transform: translateY(-6px);
}

/* CARD IMAGE */
.related-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

/* CARD BODY */
.related-body {
  padding: 18px;
}
a:hover{
  color: #0056b3;
  text-decoration: none !important;
}

@media (max-width: 768px) {
  .related-grid { grid-template-columns: 1fr; }
	#block-8 .wp-block-heading{
		font-size: 50px !important;
	}
	.related-title{
		margin-top: 0px !important;
	}
	.single-news-wrap{
		background-size: 40% auto !important;
	}
}
/* MEDIA QUERIES */
@media (max-width: 992px){
  .text-right.mobile-menu{
      flex: 0 0 50% !important;
      max-width: 50% !important;
  }
  .brand{
      flex: 0 0 50% !important;
      max-width: 50% !important;
  }
  .navbar{
      justify-content: end !important;
  }
  .brand img {
      width: 30%;
  }
}  


@media (min-width: 768px) {
  #search-head {
      margin-top: 15px;
      padding-right: 15px;
      margin-bottom: 20px;
  }
  .header-menu-wrapper {
      float: right;
  }
  .footer-menu-wrapper {
      float: right;
  }
  .footer-menu-wrapper ul,
  ol {
      margin-left: 10px;
  }
  
}
@media (min-width: 992px) {
  #search-head {
      margin-top: 15px;
      padding-right: 15px;
      float: right !important;
  }
  .header-menu li:first-child {
      padding-left: 20px;
  }
}
@media (min-width: 1200px) {
}
#site-title {
  font-size: 35px;
}
.container {
  max-width: 1300px !important;
  margin-left: auto;
  margin-right: auto;
}
/* header */
.header-menu {
  list-style: none outside none;
  display: inline-block;
}
.header-menu li {
  display: inline;
  padding-right: 10px;
  padding-left: 5px;
  border-right: 1px solid white;
}
header.main_header {
  background-color: #F5F3EE;
/*     position: absolute;
  z-index: 8484;
  left: 0;
  right: 0; */
}
.navbar-light .navbar-nav .nav-link {
  color: #fff !important;
  font-family: "Oxygen" !important;
  font-weight: normal;
  text-transform:uppercase;
  font-size: 18px;
}
.main_header .text-right {
  padding-right:0;
}
ul#menu-menu {
  gap: 40px;
}
.dropdown-toggle::after{
  border:unset !important;
  margin:0 !important;
}
.current-page-parent .nav-link{
  text-decoration:underline;
}
a.dropdown-item {
  padding: 5px 15px;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  text-decoration:unset !important;
}
a.dropdown-item:hover{
  background-color:transparent !important;
  color:#e05512 !important;
  text-decoration:underline !important;
}
div#navbarSupportedContent {
  margin-top: 10px;
  justify-content:end;
}

.dropdown-menu.show {
  background: transparent;
  border: none;
}
.tz_top_padd{
  padding-top: 50px;
}
.footer{
  background: #9C907F !important;
}
.footer_column_1{
  flex: 0 0 30% !important;
  max-width: 30% !important;
}
.footer_column_2{
  flex: 0 0 70% !important;
  max-width: 70% !important;
}
.footer_column_3{
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
#block-7 img{
  margin-top: -50px;
}
#block-7 .alignleft{
  margin: 0px !important;
}
#block-8 .wp-block-heading{
  font-size: 75px;
}
#block-8{
  padding-top: 40px;
}
#block-10 p{
  font-size: 16px !important;
}
#block-11 p, #block-12 p{
	font-size: 13px !important;
}
.tz_right_space {
  padding-right: 120px;
}
img:hover {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}
img{transition: transform 0.3s ease;}

/* header */
@media (max-width: 1230px){
	.tz_knotakt.tz_wrapper_bottom .wpb_wrapper{
		padding-left: 20px;
	}
}
@media(max-width: 1462px) {
  .single-wrapper {
      grid-template-columns: 1fr;
  }
}
@media (max-width: 1100px) {
  .single-left{
      width: 100%;
  }
  .single-right{
      width: 100%;
      padding: 10px !important;
  }
  .related-title, .related-grid{
      width: auto;
      padding: 10px;
  }
  .single-wrapper{
      gap: 20px;
      flex-wrap: wrap;
  }
}
@media (max-width: 991px){
  .tz_last p, .tz_img_last p, .tz_width p{
      width: auto !important;
  }
  .tz_duck, .tz_acc_sec, .tz_duck_uber {
      background-size: 100px auto !important;
	  background-size: 180px !important;
  }
  .tz_last{
      background-size: 200px auto !important;
  }
  .tz_top_padd{
      padding-top: 0px;
  }
  .tz_right_space {
      padding-right: 0px;
  }
  /*Mobile*/
/* Base styles for the navbar collapse */

.navbar-collapse {
  position: absolute;
  top: 100%;
  right: 0;
  width: 100vw;
  background-color: #fff;
  z-index: 9999;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  border-top: 1px solid #ddd;
  /* Hide by default */
/*     display: none; */
}

/* Show the menu when it has the 'show' class */
.navbar-collapse.show {
  display: block;
}

/* Remove Bootstrap's default collapsing behavior */
.navbar-collapse.collapsing {
  position: fixed;
  /* top: 60px; */
  left: 0;
  right: 0;
  width: 100vw;
  background-color: #fff;
  z-index: 9999;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  border-top: 1px solid #ddd;
  display: block !important; 
}

/* Menu content styles */
.navbar-collapse .navbar-nav {
  width: 100%;
  padding: 0;
  margin: 0;
}

.navbar-collapse .nav-item {
  width: 100%;
  border-bottom: 1px solid #f0f0f0;
}

.navbar-collapse .nav-link {
  padding: 15px 20px;
  display: block;
  color: #333;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.navbar-collapse .nav-link:hover {
  background-color: #f8f9fa;
}

.navbar-collapse .current-menu-item .nav-link {
  color: #007bff; /* Changed from white to a visible color */
}

.navbar-collapse .nav-item:last-child {
  border-bottom: none;
}

/* Ensure the navbar container has relative positioning */
.navbar {
  position: relative;
}

/* Optional: Add a smooth fade effect instead of slide */
.navbar-collapse {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.navbar-collapse.show {
  opacity: 1;
}
div#navbarSupportedContent{
  margin-top: 0px !important
}

.mobile-menu{
  padding-left: 0px !important;
  width: 20% !important;
  flex: 0 0 20% !important;
  max-width: 20% !important;
}
.mobile-menu .navbar{
  justify-content: end;
}
.brand{
  width: 80% !important;
  flex: 0 0 80% !important;
  max-width: 80% !important;
  text-align: left;
}
.main_header .row{
  align-items: center;
}
.menu-item a{
  text-align: center !important;
}
.navbar-light .navbar-nav .nav-link{
  color: #fff !important;
  background: #f15b22;
}
.tz_padding{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.tz_btn_sec .wpb_text_column{
  padding-right: 15px !important;
  padding-left: 15px !important; 
}
.navbar-toggler:focus, .navbar-toggler:focus-visible{
  outline-color: #f15b22 !important;
  border-color: #f15b22 !important;
}
.txt-bg .text-right{
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
.txt-bg .blank{
  flex: 0 0 0% !important;
  max-width: 0% !important;
 }
  .brand{
  flex: 0 0 50% !important;
  max-width: 50% !important;
  }
  .mobile-menu{
      flex: 0 0 50% !important;
  max-width: 50% !important;
  }
}
@media (max-width: 768px){
		.video_c > video,
.video_c video,
.video_c * video {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  display: block;
}
	#menu-header-menu li a {
		color: #f5f3ee !important;}
	#menu-header-menu {
    gap: 1px;
}
	.tz_gap_mobile{
		gap: 50px !important;
	}
  h2{
      font-size: 30px !important;
  }
  h3{
      font-size: 25px !important;
  }
  h1{
      margin-left: 0px;
  }
  .tz_img_minus img{
      margin-right: 0px;
      margin-top: 0px;
  }
  .tz_bg .wpb_single_image{
      margin-top: -60px;
  }
  .footer_column_1{
      flex: 0 0 100% !important;
      max-width: 100% !important;
  }
  .footer_column_2{
      flex: 0 0 100% !important;
      max-width: 100% !important;
  }
  #block-11 p, #block-12 p{
      text-align: left !important;
  }
  .tz_minus_margin{
      margin-left: 10px !important;
      margin-right: 10px !important;
  }
/*   .tz_left_img {
      background-size: 100% 17% !important;
  } */
  .tz_img_home {
	  background-size: 100% 17% !important;
   }
	.tz_sortiment{
		background-size: 100% 35% !important;
	}
	.tz_strohschwein{
		background-size: 100% 27% !important;
	}
	.tz_uberuns {
		background-size: 100% 27% !important;
	}
	.tz_filiale {
		background-size: 100% 32% !important;
	}
	.tz_aktuelles {
		background-size: 100% 32% !important;
	}
	.tz_knotakt {
		background-size: 100% 41% !important;
	}
  .tz_duck .wpb_single_image  {
      text-align: center !important;
  }
  .tz_img_align_center .wpb_single_image {
      text-align: center !important;
  }
  .related-title{
      font-size: 70px;
  }
  .related-card img{
      height: auto;
  }
	.tz_padd_top .vc_column-inner{
		padding-top: 80px;
	}
}
@media (max-width: 587px){
	.tz_padd_top .vc_column-inner{
		padding-top: 80px;
	}
	#block-7 img {
    margin-top: -57px;
}
	.vc_custom_1764247739156{background-size:contain!important;}
	.tz_top_space.vc_custom_1764078560096{padding-top:10px;}


}
@media (max-width: 480px){
	.tz_knotakt h1{
		font-size: 70px !important;
	}
	 .tz_img_home {
	    background-size: 100% 17% !important;
		background-size: contain !important; 
   }
	 .tz_img_home .vc_row .vc_col-sm-6:last-child{padding-top:150px!important;}
	.tz_sortiment{
		/*background-size: 100% 25% !important;*/
		background-size: contain !important; 
		
	}
	.tz_sortiment .vc_row .vc_col-sm-6:last-child{padding-top:50px;}
	.tz_strohschwein{
		/* background-size: 100% 22% !important; */
		background-size: contain !important; 
	}
	.tz_strohschwein .vc_row .vc_col-sm-6:last-child{padding-top:70px;}
	.tz_uberuns {
		/*background-size: 100% 20% !important;*/
		background-size: contain !important; 
	}
	.tz_uberuns .vc_row .vc_col-sm-6:last-child{padding-top:50px;}
	.tz_filiale {
		/*background-size: 100% 21% !important;*/
		background-size: contain !important; 
	}
	.tz_filiale .vc_row .vc_col-sm-6:last-child{padding-top:70px;}
	.tz_aktuelles {
		/*background-size: 100% 27% !important;*/
		background-size: contain !important; 
	}
	.tz_aktuelles .vc_row .vc_col-sm-6:last-child{padding-top:50px;}
	.tz_aktuelles .vc_row .vc_col-sm-6:last-child .vc_column-inner{padding-left:inherit!important;}
	.tz_knotakt {
		/*background-size: 100% 38% !important;*/
		background-size: contain !important; 
	}
	.tz_knotakt .vc_row .vc_col-sm-6:last-child{padding-top: 0;}
	.tz_knotakt .vc_row .vc_col-sm-6:first-child h1{margin-top:-30px!important;}
	.tz_sortiment .vc_empty_space{}
	.vc_custom_1763806452198 .vc_column-inner{padding-top:0!important;}
	.hidemobile{display:none;}
	.vc_custom_1764238272220 .vc_column-inner{padding-top:0!important;}
	
}
@media (max-width: 1280px){
	.tz_knotakt h1, .tz_img_home h1{
		font-size: 70px !important;
	}

}

}
@media (max-width: 375px){
	
  
	 .tz_img_home .vc_row .vc_col-sm-6:last-child{padding-top:30px!important;}
	
}