/*



          /\
         /**\
        /****\   /\
       /      \ /**\
      /  /\    /    \
     /  /  \  /      \
    /  /    \/ /\     \
   /  /      \/  \/\   \
__/__/_______/___/__\___\______________________________

Made with Passion by GIPFELGOLD // www.gipfelgold.com
_______________________________________________________
*/

/* ///////////////////////////////////////////////////////////////////////////////////////// LAYOUT */

/* align container to the left instead of center*/
@media only screen and (min-width: 1000px) {
	body[data-header-format="left-header"] .container {
		margin: initial;
	}
}
/* smaller top-spacing for content */
body[data-header-format="left-header"][data-header-resize="0"] .container-wrap {
	padding-top: 0;
}
@media only screen and (min-width: 1000px) {
	body[data-header-format="left-header"][data-header-resize="0"] .container-wrap {
		padding-top: 50px;
	}
}

/* Width & content-margin on mobile */
@media only screen and (min-width: 480px) and (max-width: 690px) {
  body[data-header-format="left-header"] .container {
    max-width: initial;
	padding: 0 18px;
  }
}
body[data-header-format="left-header"] .container {
	padding: 0 18px;
}
.container {
	max-width: initial;
}

/* Increases font size of large button */
.nectar-button.large {
	font-size: 16px;
}


/* Background image */
body {
	background-position: -229px bottom;
	background-size: 1106px;	
}

/* all links in normal text color */
body a {
	color: #8a7f73;
}
/* links in content-area bold & underlined */
body .main-content a:not(.nectar-button):not(.regular-button) {
	font-family: "Apex New";
	text-decoration: underline;
}
body a:hover,
body a:focus {
	color: #B4D884;
}
body div[data-style*="minimal"] .toggle.open h3 a, body div[data-style*="minimal"] .toggle h3 a {
	text-decoration: none!important;
}

/* Mobile Header */
@media only screen and (max-width: 999px) {
	/* mobile logo in background to position correctly with left overflow */
	body #header-outer, body[data-header-color="dark"] #header-outer{
		background: #efeeed url("/wp-content/uploads/2021/09/stefan-zerza-logo-pos-rgb-bildmarke-mobile-1.svg") no-repeat;
	    background-size: auto 56px;
		background-position: calc(100% - 18px) 9px;
	}
	/* hide mobile logo but leave it clickable */
	.mobile-only-logo {
		opacity: 0;
	}
	/* push invisible clickable logo to the right */
	#header-outer[data-has-menu][data-format] #top .row {
		justify-content: flex-end
	}
	/* Push hamburger menu down underneath green line */
	#header-outer #top .row .col.span_9 .slide-out-widget-area-toggle {
		padding-top: 25px;
	}
}

/* Desktop Header & Left Menu*/
@media only screen and (min-width: 1000px) {
	/* removes bg-colors of main content & menu */
	body.material .ocm-effect-wrap,
	.container-wrap,
	body #header-outer, body[data-header-color="dark"] #header-outer{
	  background-color: transparent;
	}
	/* removes border of left menu */
	#header-outer[data-format="left-header"] {
		border-right: none;
	}
	#header-outer[data-format="left-header"] #logo .default-logo {
		margin-left: -30px;
	}
	body[data-slide-out-widget-area-style="slide-out-from-right-hover"] #header-outer {
		z-index: 5!important;
	}
	
	/* Moves logo down */
	body[data-header-format="left-header"] #header-outer .span_3{
        margin-top:81px;
	}
	/* Moves main menu to top */
	body[data-header-format="left-header"] #header-outer .row .col.span_9 {
		top: 210px;
	}
	body[data-header-format="left-header"] #header-outer .nav-outer {
		width: 100%;
	}
	body[data-header-format="left-header"] #header-outer nav {
		vertical-align: top;
		text-align: right;
		max-width: 100%;
	}
	
	/* color & underline of current item */
	body[data-header-format="left-header"] #header-outer[data-lhe="default"] #top nav .sf-menu > .current_page_item > a {
		color: #8a7f73!important;
	}
	body[data-header-format="left-header"] #header-outer[data-lhe="default"] #top nav .sf-menu > .current_page_item > a .menu-title-text {
		border-bottom: 2px solid #b4d884;
	}
}

/* Mobile Menu */
/* Bigger social icons */
body #slide-out-widget-area .off-canvas-social-links li i {
	font-size: 34px;
}

body #slide-out-widget-area .bottom-text {
	font-size: 16px;
	line-height: 20px;
}

/* Top Bar */
@media only screen and (max-width: 999px) {
	.after-nav {
		display: none;
	}
}
@media only screen and (min-width: 1000px) {
	/* fix top-bar */
	.after-nav {
		position: fixed;
		width: calc(100% - 275px);
		font-size: 14px;
	}
	/* flex icons in a row */
	.top-bar .wpb_wrapper {
		display: flex;
		justify-content: flex-end;
		flex-wrap: wrap;
	}
	/* smaller icons */
	.top-bar [class^="icon-"].icon-default-style {
		line-height: 19px;
		width: 19px;
		height: 19px;
		font-size: 19px;
	}
	.top-bar .iwithtext .iwt-text {
		padding-left: 25px;
		padding-right: 50px;
	}
	.top-bar .iwithtext:last-of-type .iwt-text {
		padding-right: 0;
	}
	/* override <a> colors */
	.top-bar .iwt-text a {
		color: #8a7f73;
	}
	.top-bar .iwt-text a:hover {
		text-decoration: underline;
	}
	/* correct spacing */
	.material .wpb_row, .material .wpb_content_element.top-bar {
		margin-bottom: 0;
	}
}
@media only screen and (min-width: 1280px) {
	.after-nav {
		font-size: 16px;
	}
}


/* Transparent Footer */
.nectar-global-section.before-footer {
	background: transparent;
}

/* Footer Menu */
.before-footer .menu {
	margin-left: 0;
}
.before-footer .menu li {
	list-style: none;
	margin-bottom: 5px;
}

.before-footer .container .col {
	margin-bottom: 50px;
}
.before-footer .container .col .footer-logo-mobile {
	max-width: 200px;
}

@media only screen and (min-width: 1300px) {
	.footer-logo-mobile {
		display: none!important;
	}
	.footer-logo {
		margin-bottom: 100px!important;
	}
	.before-footer .row .col .footer-logo .footer-logo-desktop {
		position: absolute;
		display: block;
		pointer-events: none;
		left: -583px;
		top: 0;
		max-width: initial;
		height: 160px;
	}
}
@media only screen and (min-width: 1580px) {
	.before-footer .row .col .footer-logo .footer-logo-desktop {
		height: 179px;
	}
}


/* ///////////////////////////////////////////////////////////////////////////////////////// CONTENT */


/* Main Content padding & width */
.main-content > .row > .vc_row-fluid:not(.full-width-section) > .span_12 {
	padding-left: 22px;
	padding-right: 22px;
}
.main-content > .row > .vc_row-fluid:not(.hero):not(.full-width-section) {
	padding-top: 28px!important;
	padding-bottom: 32px!important;
}
.material .main-content > .row > .vc_row-fluid {
	margin-bottom: 20px;
}
@media only screen and (min-width: 1000px) {
	.main-content > .row > .vc_row-fluid:not(.full-width-section) > .span_12 {
		padding-left: 50px;
		padding-right: 50px;
	}
	.main-content > .row > .vc_row-fluid:not(.hero):not(.full-width-section) {
		padding-top: 40px!important;
		padding-bottom: 40px!important;
	}
	.material .main-content > .row > .vc_row-fluid {
		margin-bottom: 20px;
	}
}
@media only screen and (min-width: 1280px) {
	.main-content > .row > .vc_row-fluid:not(.full-width-section) > .span_12 {
		padding-left: 90px;
		padding-right: 90px;
	}
	.main-content > .row > .vc_row-fluid:not(.hero):not(.full-width-section) {
		padding-top: 70px!important;
		padding-bottom: 70px!important;
	}
	.material .main-content > .row > .vc_row-fluid {
		margin-bottom: 50px;
	}
}
@media only screen and (min-width: 1820px) {
	.main-content > .row > .vc_row-fluid:not(.full-width-section) > .span_12 {
		padding-left: 158px;
		padding-right: 158px;
	}
	.main-content > .row > .vc_row-fluid:not(.hero):not(.full-width-section) {
		padding-top: 148px!important;
		padding-bottom: 148px!important;
	}
	.material .main-content > .row > .vc_row-fluid {
		margin-bottom: 50px;
	}
}

/* Hero on mobile: same top/bottom padding as all other sections */
@media only screen and (max-width: 1001px) {
	.main-content > .row > .vc_row-fluid.hero {
		padding-top: 28px!important;
		padding-bottom: 32px!important;
	}
}

/* icon-text boxes on hero (/kontakt) */
.intro-text .iwithtext {
	margin-bottom: 30px;
}

/* the rectangle that hides the top-left menu. It's attached to the main-logo */
@media only screen and (min-width: 1301px) {
	.hero:before {
		content: "";
		position: absolute;
		width: 300px;
		height: 144px;
		left: -305px;
		top: -1px;
		background-color: #EFEEED;
		z-index: 999;
	}
	/* Offgrid main hero logo */
	.row .col.main-logo img {
		position: absolute;
		pointer-events: none;
		right: 40px;
		top: 29px;
		height: 200px;
		max-width: initial;
	}
	.main-logo {
		margin-bottom: 160px;
	}
	.intro-text {
		margin-top: 120px
	}
	.intro-text .iwithtext,
	.map-intro-text .iwithtext {
		margin-bottom: 64px;
	}
}
@media only screen and (min-width: 1820px) {
	.row .col.main-logo img {
		right: 70px;
		top: 0;
		height: 288px;
	}
	.main-logo {
		margin-bottom: 180px;
	}
	.intro-text {
		margin-top: 275px;
	}
}

/* Home Image Gallery */
body .container-wrap .home-gallery .wpb_row {
	margin-bottom: 0!important;
}
 

.our-services .iwt-icon img {
	width: 70px!important;
}
.our-services .iwithtext .iwt-text {
	padding-left: 90px;
}

/* Sportmedizin -> Red Color */
/* body.page-id-7969 {
	background-image: url("/wp-content/uploads/2021/09/Berge-rot.png");
	background-position: left bottom;
}*/
.page-id-7969 div[data-style="minimal"] .toggle {
	border-bottom: 2px solid #9D2B2F;
}
.page-id-7969 div[data-style="minimal"] .toggle:hover h3 a,
.page-id-7969 div[data-style="minimal"] .toggle.open h3 a {
	color: #9D2B2F;
}
.page-id-7969 div[data-style="minimal"] .toggle.default:hover i,
.page-id-7969 div[data-style="minimal"] .toggle.open i {
	border-color: #9D2B2F;
}
.page-id-7969 div[data-style="minimal"] .toggle.default:hover h3 i:before, 
.page-id-7969 div[data-style="minimal"] .toggle.default:hover h3 i:after,
.page-id-7969 div[data-style="minimal"] .toggle.open h3 i:before, 
.page-id-7969 div[data-style="minimal"] .toggle.open h3 i:after {
	background-color: #9D2B2F;
}

/* color & underline of current item */
body[data-header-format="left-header"].page-id-7969 #header-outer[data-lhe="default"] #top nav .sf-menu > .current_page_item > a {
	color: #8A7F73!important;
}
body[data-header-format="left-header"].page-id-7969 #header-outer[data-lhe="default"] #top nav .sf-menu > .current_page_item > a .menu-title-text {
	border-bottom: 2px solid #9D2B2F;
}


/* Accordion */
div[data-style="minimal"] .toggle {
    border-bottom: 2px solid #B4D884;
    transition: border-color 0.15s ease;
    -webkit-transition: border-color 0.15s ease;
}

/* ///////////////////////////////////////////////////////////////////////////////////////// CURRENT NEWS */

.current-news .nectar-flickity.nectar-carousel[data-format="default"] .flickity-slider .cell {
	padding: 10px 0;
}


@media only screen and (min-width: 690px) {
	.current-news > .vc_column-inner {
		border: 3px solid #B4D884;
		border-radius: 40px;
	}
	.current-news .nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) {
		margin: 0 80px;
	}
	.current-news .nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) .flickity-viewport {

	}
	.current-news .nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots {
		bottom: -30px;
	}
	.current-news .headline {
		padding-left: 80px;
		padding-top: 50px;
	}
}
@media only screen and (max-width: 1299px) {
	.current-news {
		order: 6;
	}
}




/* ///////////////////////////////////////////////////////////////////////////////////////// FORMULARE */
label .wpcf7-list-item-label {
	color: #8a7f73;
}
.wpcf7-acceptance .wpcf7-list-item {
	margin: 0;
}
.submit-wrapper {
	text-align: right;
}

form.wpcf7-form .wpcf7-form-control.wpcf7-submit {
	font-size: 16px;
}

/* Rezeptbestellung */
form.wpcf7-form .inputblock {
	position: relative;
    border-left: 3px solid #B4D884;
    padding: 40px 20px;
    margin: 3em 0;
    background: #EFEEED;
}
form.wpcf7-form .add-prescription-wrapper {
    background: #EFEEED;
	margin: 3em 0;
}
form.wpcf7-form .inputblock:after {
	content: "";
	position: absolute;
	width: 7px;
	height: 7px;
	background: #B4D884;
	border-radius: 100%;
	bottom: -4px;
	left: -4px;
}
form.wpcf7-form .inputblock input[type="text"], form.wpcf7-form .inputblock input[type="email"] {
	background: transparent;
	border-bottom: 3px solid #DBD8D5;
	margin-bottom: 10px;
	padding: 5px 5px 5px 0;
	font-size: 16px;
}

form.wpcf7-form a.add-prescription {
	text-decoration: none!important;
	padding: 20px;
	display: flex;
	align-items: center;
}
form.wpcf7-form a.add-prescription .fas {
	color: #B4D884;
	font-size: 1.5em;
	margin-right: 1rem;
	top: 0!important;
}
form.wpcf7-form p span {
	color: #8A7F73;
}
form.wpcf7-form .wpcf7-wpgdprc > .wpcf7-list-item {
	margin: 0;
}

/* Initially hide Med-Field */
form.wpcf7-form .med.hidden {
	display: none;
}

/* hide more-button when all Med-Fields are visible */
form.wpcf7-form .med8:not(.hidden) + .add-description-wrapper {
	display: none;
}


form.wpcf7-form p > input[type="submit"] {
	background-color: #77A835;
}

/* ///////////////////////////////////////////////////////////////////////////////////////// ÖFFNUNGSZEITEN */

.opening-hours .nectar-hor-list-item {
	border-bottom: 3px solid transparent;
	padding-bottom: 0;
	padding-top: 35px;
}

.opening-hours h4 {
  font-size: clamp(18px, 3.5vw, 27px) !important;
}
@media only screen and (min-width: 1300px) {
	.opening-hours h4 {
		font-size: clamp(18px, 1.5vw, 27px) !important;
	}
}
.opening-hours .nectar-hor-list-item  .nectar-list-item:first-child h4 {
  color: #605950;
}

.opening-hours .nectar-hor-list-item.heute {
	border-bottom: 3px solid #B4D884;
	position: relative;
}
.opening-hours .nectar-hor-list-item.heute:after {
	content: "";
	position: absolute;
	width: 7px;
	height: 7px;
	background: #B4D884;
	border-radius: 100%;
	bottom: -4px;
	right: -4px;
}

/* Improve Readability on mobile */
@media only screen and (max-width: 691px) {
	.opening-hours .nectar-hor-list-item[data-columns="2"][data-column-layout="medium_first"] > div:nth-child(1) {
		width: 30%;
	}
	.opening-hours .nectar-hor-list-item[data-columns="2"][data-column-layout="medium_first"] > div:nth-child(2) {
		width: 70%;
	}
	
}

@media only screen and (max-width: 450px) {
.opening-hours .nectar-list-item {
  width: 100% !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  text-align: left !important;
}
}

@media only screen and (min-width: 1300px) and (max-width: 1600px) {
.opening-hours .nectar-list-item {
  width: 100% !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  text-align: left !important;
}
}

/* ///////////////////////////////////////////////////////////////////////////////////////// FANCY BOX */

.fancy-button-box .nectar-fancy-box .box-bg::after {
	background-color: #77A835;
}
.fancy-button-box .nectar-fancy-box .link-text {
	text-transform: uppercase!important;
	letter-spacing: 1.2px;
	font-size: 25.5px;
	line-height: 31.5px;
	font-weight: 400;
}
/* imitate h2 in fancy-box cause we can't use a h2 for the second line (the link)*/
@media only screen and (max-width: 999px) and (min-width: 690px) {
	.fancy-button-box .nectar-fancy-box .link-text {
	font-size: 27.2px;
	line-height: 33.6px;
	}
}
@media only screen and (max-width: 1300px) and (min-width: 1000px) {
	.fancy-button-box .nectar-fancy-box .link-text {
		font-size: 28.9px;
		line-height: 35.7px;
	}
}
@media only screen and (min-width: 1301px) {
	.fancy-button-box .nectar-fancy-box .link-text {
		font-size: 34px;
		line-height: 42px;
	}	
}


.fancy-button-box .nectar-fancy-box .link-text .arrow {
	top: -6px;
}
.fancy-button-box .nectar-fancy-box .inner {
	padding-bottom: 0;
}

.fancy-button-box .nectar-fancy-box {
	padding: 30px 35px;
}

@media only screen and (min-width: 1300px) {
	.fancy-button-box .nectar-fancy-box {
		padding: 60px 40px;
	}
}
@media only screen and (min-width: 1820px) {
	.fancy-button-box .nectar-fancy-box {
		padding: 90px 80px;
	}
}


/* ///////////////////////////////////////////////////////////////////////////////////////// FOTOSLIDER */


.flickity-slider .cell {
	border-radius: 5px;
}


.grecaptcha-badge {
	display: none !important;
}