/* FONTS
-------------------------------------------------------------- */
/* Global Fonts
-------------------------------------------------------------- */
.bg-box-white {
  background-color: rgba(255, 255, 255, 0.54);
  display: inline-block;
}
.bg-box-white * {
  display: inline-block;
}
#top {
  font-weight: 200;
  letter-spacing: 0.02em;
  /*
	strong,
	b {
		color: inherit;
	}
	.av-subheading_below {
		margin-top: 0;
	}
	
	.lower {
		text-transform: lowercase !important;
	}
	
	
	.av-special-heading-h3 {
		.special-heading-border {
			height: 1em;		
		}
	}
*/
}
#top h1,
#top .like-h1 {
  font-weight: 200;
  letter-spacing: 0.02em;
  font-size: 2.375rem;
  text-transform: uppercase;
}
#top h1 [itemprop="headline"],
#top .like-h1 [itemprop="headline"] {
  font-size: inherit;
  font-weight: inherit;
}
#top h2,
#top .like-h2 {
  font-weight: 200;
  font-size: 1.25rem;
  letter-spacing: 0.02em;
}
#top h2 [itemprop="headline"],
#top .like-h2 [itemprop="headline"] {
  font-size: inherit;
  font-weight: inherit;
}
#top h3,
#top .like-h3 {
  font-weight: 200;
  letter-spacing: 0.02em;
  font-size: 1.25rem;
  line-height: 1.5em;
}
#top h3 [itemprop="headline"],
#top .like-h3 [itemprop="headline"] {
  font-size: inherit;
  font-weight: inherit;
}
#top h4,
#top .like-h4 {
  font-weight: 200;
  letter-spacing: 0.02em;
  font-size: 1.125rem;
}
#top h4 [itemprop="headline"],
#top .like-h4 [itemprop="headline"] {
  font-size: inherit;
  font-weight: inherit;
}
#top .av-subheading {
  color: #b50505;
  text-transform: none;
}
#top .av-subheading.av-subheading_above {
  margin-bottom: 0;
}
#top p {
  line-height: 1.75;
}
#top .av-rotator-container-inner {
  line-height: 1.7em;
}
#top .av-rotator-container-inner .av-rotator-text {
  background: rgba(181, 5, 5, 0.82);
  padding: 0 10px;
}
#top .av-rotator-container-inner .av-rotator-text a {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  #top .av-rotator-container-inner .av-rotator-text {
    display: none;
  }
}
#top .slideshow_caption {
  width: 100%;
}
@media screen and (min-width: 1440px) {
  #top .slideshow_caption {
    max-width: 700px;
  }
}
#top .slideshow_caption .avia-caption-title {
  text-shadow: 3px 3px 3px #000000, 3px -3px 3px #000000, -3px 3px 3px #000000, -3px -3px 3px #000000;
}
#top .av_promobox {
  border-top: 6px solid #b50505;
  padding: 35px 40px;
  -moz-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 989px) {
  #top .av_promobox .avia-promocontent {
    margin-right: 260px;
  }
}
/* Buttons
-------------------------------------------------------------- */
#top div .avia-button {
  border-radius: 0;
  border-bottom-width: 0;
  font-size: 14px;
  font-weight: inherit;
}
/*
div .main_color .button, 
div .main_color #submit, 
div .main_color input[type='submit'],
#top .main_color .avia-color-theme-color {
	color: #000;
	font-family: 'OpelSans', sans-serif;
	font-weight: bold;
    min-width: 128px;
}

div .main_color .button:hover, 
div .main_color #submit:hover, 
div .main_color input[type='submit']:hover {
	color: #000;
}
*/
/*
body .column-top-margin {
    margin-top: 20px;
}

div .av_one_fourth {
    margin-left: 2%;
    width: 23.5%;
}

div .av_one_third {
    margin-left: 2%;
    width: 32%;
}

div .av_two_third {
    margin-left: 2%;
    width: 66%;
}

div .av_one_half {
    margin-left: 2%;
    width: 49%;
}

#top .av-flex-placeholder {
    display: table-cell;
    width: 2%;
}
*/
.responsive #top .col_bordered {
  border-top: 6px solid #b50505;
}
.responsive #top .col_highlighted {
  border-top-color: #5BC2E7;
}
.responsive #top .col_highlighted .avia-button {
  background-color: #244671;
}
.responsive #top .col_image .av_textblock_section {
  margin: 0 0px;
}
.responsive #top .col_image + .av-flex-placeholder {
  width: 4%;
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .responsive #top #footer .av_one_fourth {
    margin-left: 1%;
    width: 49%;
  }
}
#top .icon-process-box {
  clear: both;
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
  float: none;
}
@media screen and (min-width: 989px) {
  #top .icon-process-box:before {
    background: url("https://www.treffpunkt-nbg.de/wp-content/themes/enfold-child/assets/images/element-iconprocess-line.png") center center / auto no-repeat local;
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 50px;
    visibility: visible;
  }
}
#top .icon-process-box .iconbox {
  width: 33%;
  float: left;
  clear: none;
  padding: 0 5px;
}
@media screen and (min-width: 989px) {
  #top .icon-process-box .iconbox {
    padding: 0 25px;
  }
}
@media screen and (max-width: 767px) {
  #top .icon-process-box .iconbox {
    width: 100%;
    float: none;
    margin-top: 70px;
  }
}
#top .icon-process-box .iconbox_icon {
  font-size: 40px;
  line-height: 40px;
  background-color: #ffffff;
  width: 100px;
  height: 100px;
  line-height: 100px;
  margin: 0 auto 35px;
  padding: 0;
  -webkit-box-shadow: 0px 5px 14.4px 3.6px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 5px 14.4px 3.6px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  margin-left: -50px;
}
#top .icon-process-box .iconbox_icon:before {
  color: #b50505;
}
#top .icon-process-box .iconbox_content {
  background: transparent;
  box-shadow: none;
  padding: 100px 20px 20px 20px;
}
@media screen and (max-width: 988px) {
  #top .icon-process-box .iconbox_content {
    padding-left: 10px;
    padding-right: 10px;
  }
}
#top .layer-block__text {
  position: absolute;
  bottom: 0;
  transform: translateY(30px);
  padding: 40px 30px;
  max-width: 300px;
  transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999);
  background-color: #f2f1ee;
  font-size: 1rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
#top .layer-block__text_left {
  left: -30px;
}
#top .layer-block__text_right {
  right: -30px;
}
#top .alternate_color .layer-block__text {
  background-color: #ffffff;
}
#top .alternate_color .layer-block__text p:last-child {
  margin-bottom: 0;
}
#top .herobox {
  border-left: 1px solid #b50505;
  padding-left: 25px;
  padding-bottom: 15px;
}
#top .herobox:after {
  content: '';
  display: inline-block;
  visibility: visible;
  width: 10px;
  height: 10px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #ed6926;
  position: absolute;
  bottom: -12px;
  left: -6px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.51), inset 0px 0px 2px rgba(0, 0, 0, 0.51);
}
#top .herobox h3,
#top .herobox .like-h3 {
  font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  color: #b50505;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 7px;
  font-style: italic;
}
#top .herobox h3 [itemprop="headline"],
#top .herobox .like-h3 [itemprop="headline"] {
  font-size: inherit;
}
#top .herobox .avia-button-fullwidth {
  padding: 12px;
  font-size: 1em;
  max-width: 260px;
  font-weight: inherit;
  letter-spacing: inherit;
}
/* =HEADER
==============================================================
============================================================== */
#top {
  /*
	/* =HEADER
	-------------------------------------------------------------- */
}
#top #header {
  /* =TOPBAR
		-------------------------------------------------------------- */
  /* =Menu
		-------------------------------------------------------------- */
}
#top #header #header_main .av-logo-container .logo a img {
  padding: 10px 0 10px 0;
}
#top #header #header_main .av-logo-container .main_menu {
  /* =Menu (Mobile)
					-------------------------------------------------------------- */
  /* =Shopping Cart (Mobile)
					-------------------------------------------------------------- */
}
#top #header #header_main #header_main_alternate .main_menu {
  /* =Shopping Cart
					-------------------------------------------------------------- */
  /* =Secondary Menu
					-------------------------------------------------------------- */
}
#top .header-scrolled .logo img {
  padding: 3px 0;
}
#top .fake_mega_menu_title > a {
  padding-left: 0;
}
#top .fake_mega_menu_title > a span {
  color: #333333;
  margin-bottom: 8px;
  font-size: 17px;
  line-height: 1.1em;
  font-weight: 600;
  display: block;
}
#top .fake_mega_menu_title > a .avia-bullet {
  display: none;
}
#top .fake_mega_menu_title + .fake_mega_menu_title {
  margin-top: 30px !important;
}
/* =General Custom CSS (ALL SITES)
==============================================================
============================================================== */
#top h1,
#top h2,
#top h3,
#top h4,
#top h5,
#top h6 {
  text-transform: none;
}
/*
#top .special_amp {
	font-family: inherit;
	font-style: normal;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	color: inherit !important;
}
*/
#top .small-wrap > * {
  max-width: 790px;
  margin: 0 auto;
}
#top .small-wrap .av_promobox {
  float: none;
}
.text-background {
  background: #6ab322;
  opacity: 0.9;
  padding-left: 5px;
  padding-right: 5px;
}
@media screen and (max-width: 767px) {
  #top .mobile-bg-switch {
    background-image: url("https://www.treffpunkt-nbg.de/wp-content/themes/enfold-child/assets/images/mobile-bg.jpg") !important;
  }
}
/*
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 */
  .hide--mobile {
    display: none;
  }
}