/*
Theme Name: Akupunktur
Description: Custom Theme
Version: 1.0
Author: RK
Author URI: 
Template: enfold
*/


/* Fonts */

@font-face {
    font-family: 'opensans-bold';
    src: url('fonts/OpenSans-Bold.woff2') format('woff2'),
         url('fonts/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'opensans-regular';
    src: url('fonts/OpenSans-Regular.woff2') format('woff2'),
         url('fonts/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/* Basics */

body {
	font-family: 'opensans-regular', serif;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	letter-spacing: -0.01em;
}

.main_color strong, strong {
	font-weight: normal !important;
	font-family: 'opensans-bold', sans-serif;
}

.special_amp {
	color: inherit!important;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/* Headings */

h1, h1.av-special-heading-tag {
	font-family: 'opensans-bold', sans-serif;
	font-weight: normal !important;
	text-transform: none !important;
	letter-spacing: -0.03em !important;
}

h2, h2.av-special-heading-tag {
	font-family: 'opensans-bold', sans-serif;
	font-weight: normal !important;
	text-transform: uppercase !important;
	letter-spacing: -0.02em !important;
	color: #88929a;
}

h3, h3.av-special-heading-tag {
	font-family: 'opensans-regular', sans-serif;
	text-transform: uppercase !important;
	letter-spacing: -0.02em !important;
	font-weight: normal !important;
}

h4, h4.av-special-heading-tag {
	font-family: 'opensans-bold', sans-serif;
	text-transform: none !important;
	letter-spacing: -0.02em !important;
}

.booktitle .av-subheading p {
	background-color: #f0f9f4;
	display: inline-block;
	padding: 4px 10px !important;
	margin-top: 6px !important;
	border-radius: 100px;
}


/* Layout */

.raster-full-margin .flex_cell {
    padding: 0 !important;
}

.raster-full-margin .flex_cell_inner {
    padding: 0 50px !important;
}


/* Fullwidth Submenu */

#top .av-submenu-container {
    background-color: rgba(21,80,50,0.8) !important; /* Gewünschte Hintergrundfarbe */
	padding-top: 4px;
	border: none !important;
	backdrop-filter: blur(15px);
}

#top .av-subnav-menu > li > a {
    background-color: transparent !important;
	border: none;
}

#top .av-subnav-menu > li > a .avia-menu-text {
    color: white !important;
    font-size: 16px !important;
	font-family: 'opensans-bold', sans-serif;
    font-weight: normal !important;
}

#top .av-subnav-menu > li > a:hover .avia-menu-text {
    color: #ffffff !important;
}
#top .av-subnav-menu > li:hover > a {
    background-color: #2c7551 !important;
}

#top .av-subnav-menu > li.current-menu-item > a .avia-menu-text,
#top .av-subnav-menu > li.active-menu-item > a .avia-menu-text {
    color: #f0f9f4 !important;
}

#top .av-subnav-menu > li {
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
	border: none;
}

#top .av-subnav-menu > li > a {
    padding: 15px 20px !important; /* Passt die Höhe (15px) und den Seitenabstand (20px) an */
    line-height: 100% !important;
    display: block !important;
    width: 100%;
	border: none !important;
	border-radius: 200px;
}

#top .av-subnav-menu > li:hover > a {
    background-color: #154d31 !important; /* Hier Ihre gewünschte Hover-Hintergrundfarbe einfügen */
}

#top .av-subnav-menu > li:hover > a .avia-menu-text {
    color: #ffffff !important; 
}


/* Header */

#top #header_meta {
background-color: #c9cdd3 !important;
}
#top #header_meta li {
border-color: white !important;
}
#top #header .av-main-nav > li > a:hover {
color: #2c7551;
}
#top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a {
color: white;
}
.header_color .main_menu ul:first-child > li.current-menu-item > a {
color: #2c7551;
}

#top #header_meta {
background-color: #c9cdd3 !important;
}
#top #header_meta li {
border-color: white !important;
}
#top #header .av-main-nav > li > a {
	background-color: white !important;
	color: #505152;
	font-family: 'opensans-bold', sans-serif;
	font-weight: normal !important;
	font-size: 16px;
}
#top #header .av-main-nav > li > a:hover {
background-color: #f0f9f4 !important;
color: #2c7551;
}


/* Buttons */

#top .avia-button.avia-color-light {
	border: 2px solid white;
	border-radius: 200px;
	font-family: 'opensans-bold', sans-serif;
	padding: 20px 30px;
}
#top .avia-button.avia-color-dark {
	border: 2px solid #2c7551 !important;
	border-radius: 200px;
	color: #2c7551 !important;
	font-family: 'opensans-bold', sans-serif;
	padding: 20px 30px;
}

.avia-button .avia_button_icon {
	margin-right: 10px;
}

#top .avia-button .avia_button_icon, #top .avia-button .avia_iconbox_title {
	font-family: 'opensans-bold', sans-serif;
}

#top .avia-button {
	border-radius: 200px;
}


/* Iconlist */

#top .av-iconlist-small li {
padding-bottom: 14px;
}
#top .av-iconlist-small .iconlist_icon {
font-size: 24px;
color: #05361d;
width: 24px;
height: 24px;
line-height: 24px;
}
div.iconlist_title_small a {
color: inherit !important;
}

.avia-icon-list .iconlist_content li {
color: #666666;
padding-bottom: 0px !important;
}

/* Kontaktformular */

#top .main_color input[type='text'], #top .main_color textarea {
background-color: #f0f9f4;
color: #4d4d4d;
font-family: 'opensans-regular', Helvetica, Arial, sans-serif;
}
.main_color input[type='submit'] {
font-family: 'opensans-regular', Helvetica, Arial, sans-serif;
}




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


}