/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */
.container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0px 0px;
  clear: both;
}
/* Blog*/
#top .fullsize .template-blog .post .entry-content-wrapper {
  margin-left: 0 !important;
}
.post_delimiter {
display: none !important;
}
.read-more-link {
  	padding-top: 10px;
	padding-bottom: 30px;
}
  
/* Headlines */
.hero-start h1 {
  margin-top: 60px;
}
h1 {
 font-family: 'Montserrat';
  font-weight: 700;
  font-size: 2.2rem;
  text-transform: none;
}
h2 {
  font-family: 'Montserrat';
  font-weight: 700;
  font-size: 1.6rem;
   text-transform: none !important;
}
h2.subheadline {
  font-family: 'Montserrat';
  font-weight: 400;
  font-size: 1.2rem;
  text-transform: none !important;
  margin-bottom: 42px !important;
}

h3 {
  	font-family 'Montserrat';
 	font-size: 1.4rem;
  	font-weight: bold !important;
}
.headline-red h2 {
	color: #CF2E2E;
  	text-transform: none;
  	padding: 42px 0;
  	font-weight: 700 !important;
}

.headline-grey h3 {
	color: #757773;
  	text-transform: none !important;
  	padding: 42px 0;
}
.headline-black h3, .headline-black h2  {
	color: #292929;
  	text-transform: none !important;
  	padding: 42px 0;
}
/* Links*/
.link-red-back::before {
 	content: url(https://dev.bekm.eu/wp-content/uploads/2024/01/pfeil-links-rot-20.png);
	margin-right: 15px;
}
.link-arrow-right::after {
	content: url(https://dev.bekm.eu/wp-content/uploads/2024/01/pfeil-rechts-rot-20.png);
	margin-left: 15px;
	padding-right: 15px;
}
/* Buttons*/
.button-black .avia_iconbox_title {
  color: #fff;
  font-size: 2.2wv;
  font-weight: 700;
}

/* Top Bar für den Hinwweis und die Social Icons */
#top #header_meta {
  	text-align: center;
}
#top #header_meta li {
  border-color: transparent;
}
.social_bookmarks li a {
color: #000000 !important;
}
#top #wrap_all .av-social-link-facebook:hover a, #top #wrap_all .av-social-link-twitter:hover a {
background: #b02b2b !important;
}
.hinweis-top {
  color: #000000;
  font-family: 'Montserrat';
  font-size: 12px;
}
@media only screen and (min-width: 768px) {
  .responsive .phone-info
{
    float: none;
    width: 100%;
    text-align: center;
 
  }
}
/* Logo größe */
.logo,  .logo * {
    width: 330px;
    height: 55px;
}
.av-logo-container {
  padding-top: 10px;
  margin-bottom: 20px;
}

  .responsive #top .logo
{
    position: static;
    display: table;
    float: none;
    padding: 0;
    border: none;
    max-width: 60%
  }

/* Menü*/ 
.av-main-nav {
  display: flex;
    justify-content: space-between;
}
.av-main-nav > li > a {
padding: 0 20px;
}
.av-main-nav > li:first-child > a {
padding-left: 2px;
}
.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu ul:first-child {
  height: 70px;
}
@media screen and (max-width: 1499px) {
 	.av-main-nav > li:first-child > a {
		padding-left: 10px;
	} 
	#menu-item-search {
  		padding-right: 10px;
	}
 	.responsive .container {
      padding: 0 10px;
  }
}

.html_header_top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li > a
{
  height: 50px;
  line-height: 20px;
  vertical-align: middle;
  display: table-cell;
}
.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu {
  margin-top: 7px;
  margin-bottom: 7px;
}
.av_minimal_header #header_main_alternate {
 	box-shadow: 0px 3px 6px 3px rgba(0,0,0,0.1); 
}
/* Menü kontakt als Button */
#menu-item-38.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-top-level.menu-item-top-level-8 a, 
#menu-item-17313.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-top-level.menu-item-top-level-8 a,
#menu-item-17317.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-top-level.menu-item-top-level-8 a {
 	color: #b02b2b !important;
	border: 2px solid #b02b2b !important;
 	border-radius: 30px !important;
}
#menu-item-38.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-top-level.menu-item-top-level-8 a:hover,
#menu-item-17313.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-top-level.menu-item-top-level-8 a:hover,
#menu-item-17317.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-top-level.menu-item-top-level-8 a:hover {
 	color: #fff !important;
  	background: #b02b2b !important;
	border: 2px solid #b02b2b !important;
 	border-radius: 30px !important;
}
/* Hero-Sektion mobil*/
.avia-section.av-lrkreizv-7612a3d64c5444b3733b7510965f0168 {
  background-position: 20% bottom !important;
}
/* SLIDER STARTSEITE "wir ärgern uns für Sie*/
.slide-entry-title .entry-title {
  display: none;
}
.avia-content-slider .slide-entry-title {
  display: none;
}
.slide-wrapper {
  position:relative;
  height: 400px;
  min-width: 240px;
  color: white;
  background:  #CF2E2E;
  border-radius: 15px;
}
.slide-content {
  position: absolute;
  left: 0;
  bottom:0;
  padding: 20px;
}
h3.slide-title {
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 20px;
}
h3.slide-title:hover {
  color: #fff;
  text-decoration: underline;
}
.slide-icon {
height: 30px;
  width: 30px;
  border-radius: 50%;
  color: #fff;
  background: #fff;
  position: absolute;
  top: 20px;
  left: 20px;
}
/* Animierte Zahlen */
.avia-animated-number-title {
  font-size: 3rem !important;
}
div.avia-animated-number {
  margin-top: 42px !important;
}
.avia-no-number {
  opacity: 1 !important;
  font-size: 1em !important;
}
/* Kacheln im Beitragsmodul */
.page-id-5 div .av_one_third {
  margin-left: 0;
  width: 33%;
}

.av-image-caption-overlay-center {
  padding: 0;
}
.bildkachel {
  position: relative;
  
}
.kachel-kategorie {
  position: absolute;
  left: 0;
  top:0;
  padding: 20px;
}
h3.kachel-title {
  font-size: 22px;
  color: #fff;
  text-align: left;
  padding: 20px;
}
/* Ninja Forms*/
.nf-form-fields-required {
 display: none !important; 
}
.nf-field-label, .nf-error-msg, .ninja-forms-req-symbol {
	color: #CF2E2E !important;
}
.nf-error.field-wrap .nf-field-element::after {
  background: #CF2E2E !important;
}
/* Absenden Button */
#nf-field-4, #nf-field-21, #nf-field-35 {
	background-color: #292929 !important;
	font-family: 'Montserrat'!important;
	font-size: 18px !important;
	font-weight: 700 !important;
	border-top-left-radius: 24px;
	border-top-right-radius: 24px;
	border-bottom-left-radius: 24px;
	border-bottom-right-radius: 24px;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	color: #fff !important;
}
#nf-field-4:hover, #nf-field-21:hover {
	background-color: #757773 !important;
	color: #fff !important;
}  
#top .main_color input[type="text"], #top .main_color input[type="email"], #top .main_color input[type="tel"], #top .main_color textarea {
  background-color: #fff !important;
  border: none !important;
  border-bottom: 1px solid #757773 !important;
  color: #757773 !important;
}
/* Kontakt: Social Icons*/
.contact-social-wrapper a {
  color: #757773;
  padding: 5px;
}
.contact-social-wrapper a:hover {
  color: #757773;
  background: #CF2E2E;
}
/* Videos hinter Bildern verlinkt*/
.video-subtitle {
  text-transform: uppercase;
  color: #757773;
  margin-bottom: 2px;
}
.jv-play-icon {
  color: #fff;
  font-size: 60px;
  padding: 0px 20px;
  background-color: #8B8B8B;
  border-radius: 50%;
  transition: all 0.5s ease-in-out;
}
.jv-play-icon:hover {
 	background-color: #CF2E2E;
  	transition: all 0.5s ease-in-out;
}
.video-bild img, .video-bild .av-caption-image-overlay-bg {
  border-radius: 30px;
}
/* Footer*/
#custom_html-4 h3 {
  margin-top: 0.85em;
}
#categories-3 ul >li > a {
  line-height: 2em !important;
}
.footer-social-wrapper a {
  color: #fff;
  font-size: 26px;
  padding-right: 10px;
  padding-top: 10px;
}
.footer-social-wrapper a:hover {
  color: #CF2E2E;
}
  /*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}