html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
body{line-height:1;font:normal normal normal 1em/1em Tahoma, Helvetica, sans-serif;}



/*@media( min-width: 768px ) { 
	body.logged-in #site-content {
		transform: translateY(-32px);
	}
}

@media( max-width: 767px ) {
	body.logged-in #site-content {
		transform: translateY(-46px);
	}
}*/

.gsap-stage, .stage-prophylaxe {
	background-color: transparent !important;
}

ul{list-style:none;}
strong{font-weight:bold;}
blockquote,
q{quotes:none;}
blockquote:before,
blockquote:after,
q:before,
q:after{content:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,
th,
td{font-weight:normal;text-align:left;}
h1,
h2,
h3,
h4,
h5,
h6{clear:both;}
html{overflow-y:scroll;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
a:focus{outline:thin dotted;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section{display:block;}
audio,
canvas,
video{display:inline-block;}
audio:not([controls]){display:none;}
del{color:#333;}
ins{background:#fff9c0;text-decoration:none;}
hr{background-color:#ccc;border:0;height:1px;margin:24px;margin-bottom:1.714285714rem;}
sub,
sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
small{font-size:smaller;}
img{border:0;-ms-interpolation-mode:bicubic;}
.clear:after,
.wrapper:after,
.format-status .entry-header:after{clear:both;}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after{display:table;content:"";}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"]{height:auto;}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image{max-width:100%;height:auto;}
embed,
iframe,
object,
video{max-width:100%;border-radius: var(--b-radius);}
.entry-content .twitter-tweet-rendered{max-width:100% !important;}
.alignleft{float:left;}
.alignright{float:right;}
.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.entry-content img,
.comment-content img,
.widget img.fancy,
img.header-image,
.author-avatar img,
img.wp-post-image{border-radius: var(--b-radius);}
.wp-caption{max-width:100%;padding:4px;}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption{font-style:italic;font-size:90%;line-height:1.25;color:#757575;}
img.wp-smiley,
.rsswidget img{border:0;border-radius:0;box-shadow:none;margin-bottom:0;margin-top:0;padding:0;}
.entry-content dl.gallery-item{margin:0;}
.gallery-item a,
.gallery-caption{width:90%;}
.gallery-item a{display:block;}
.gallery-caption a{display:inline;}
.gallery-columns-1 .gallery-item a{max-width:100%;width:auto;}
.gallery .gallery-icon img{height:auto;max-width:90%;padding:5%;}
.gallery-columns-1 .gallery-icon img{padding:3%;}
ul.dashed, ol.dashed{padding-left:1.25em;}
ul.dashed > li, ol.dashed > li{text-indent:-0.35em;}
ul.dashed > li:before, ol.dashed > li:before{content:"-";position:relative;left:-0.5em;}


ol{list-style: decimal;list-style-position: inside;margin-bottom: 25px;}

#content img.wp-post-image {width:100%;height:auto;}
#content .gesundheitsnews-btn-search {background-color: var(--main-color);font-size:1em;}
#content .gesundheitsnews-btn-search:focus {outline: none;}

a { color: var(--main-color);text-decoration: none;transition: all 0.33s ease-in-out;}
a:hover { color: var(--sec-color); }

p{ margin-bottom: 25px; }

.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

.row{margin-right:-15px;margin-left:-15px}
.row:after,.row:before{display:block;content:" ";}
.row:after,.section-content:after {clear:both;}
:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
[class*="col-"] {padding-top:10px; padding-bottom: 10px;}
[class*="col-"] {padding-left:15px; padding-right: 15px;min-height:1px;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }

.flex-row{display: -webkit-flex;   display: -ms-flex;   display: flex;   -webkit-flex-wrap: wrap;   -ms-flex-wrap: wrap;   flex-wrap: wrap;}
.flex-col{display: -webkit-flex;display: -ms-flexbox; display: flex;}

.space-between{display:flex;justify-content: space-between;}
.align-center{display:flex;align-items: center;}

/****************************************/
/************ Buttons *******************/
/****************************************/


  .btn {
	padding: 10px 25px;
	border: 1px solid var(--main-color);
	font-weight: 500;
	background: transparent;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	display: inline-block;
	margin-right: 10px;
	text-align: center;
	margin-bottom:25px;
	border-radius: var(--b-radius);
	vertical-align: top;
	text-transform: uppercase;
  }
  

  .shine {transition: all 0.3s ease; }
  .shine:hover {color: var(--main-color); box-shadow:
	 -7px -7px 20px 0px #fff9,
	 -4px -4px 5px 0px #fff9,
	 7px 7px 20px 0px #0002,
	 4px 4px 5px 0px #0001;
  }
    
  /* 9 */
  .rotate {
	z-index: 2;
	transition: all 0.3s ease;
	overflow: hidden;
  }
  .rotate:after {
	position: absolute;
	content: " ";
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s ease;
  }
  .rotate:hover {
	box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),
				-4px -4px 6px 0 rgba(116, 125, 136, .2), 
	  inset -4px -4px 6px 0 rgba(255,255,255,.5),
	  inset 4px 4px 6px 0 rgba(116, 125, 136, .3);
	color: #fff;
  }
  .rotate:hover:after {
	-webkit-transform: scale(2) rotate(180deg);
	transform: scale(2) rotate(180deg);
	background: var(--main-color);
	box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),
				-4px -4px 6px 0 rgba(116, 125, 136, .2), 
	  inset -4px -4px 6px 0 rgba(255,255,255,.5),
	  inset 4px 4px 6px 0 rgba(116, 125, 136, .3);
  }
  
  /* 10 */
  .fill {
	transition: all 0.3s ease;
	overflow: hidden;
  }
  .fill:after {
	position: absolute;
	content: " ";
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	transition: all 0.3s ease;
	-webkit-transform: scale(.1);
	transform: scale(.1);
  }
  .fill:hover {
	color: #fff;
  }
  .fill:hover:after {
	background: var(--main-color);
	-webkit-transform: scale(1);
	transform: scale(1);
  }
  

  
  
  /* 12 */
  .flipping{
	position: relative;
	right: 20px;
	bottom: 10px;
	border: none;
	width: 170px;
	height: 30px;
	line-height: 40px;
	-webkit-perspective: 230px;
	perspective: 230px;
  }
  .flipping span {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border: 2px solid var(--main-color);
	margin:0;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	padding-top: 2px;
  }
  .flipping span:nth-child(1) {
	box-shadow:
	 -7px -7px 20px 0px #fff9,
	 -4px -4px 5px 0px #fff9,
	 7px 7px 20px 0px #0002,
	 4px 4px 5px 0px #0001;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 50% -20px;
	-moz-transform-origin: 50% 50% -20px;
	transform-origin: 50% 50% -20px;
	background-color: var(--main-color);
	color:#fff;
	opacity:0;
  }
  .flipping span:nth-child(2) {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transform-origin: 50% 50% -20px;
	-moz-transform-origin: 50% 50% -20px;
	transform-origin: 50% 50% -20px;
	opacity:1;
  }
  .flipping:hover span:nth-child(1) {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity:1;
  }
  .flipping:hover span:nth-child(2) {
	background: #e0e5ec;
	color: #e0e5ec;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	opacity:0;
  }
  
  .swipe-down {
	 background: var(--main-color);
	color: #fff;
	z-index: 1;
	border-radius: var(--b-radius);
  }
  .swipe-down:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	 background: #e0e5ec;
	transition: all 0.3s ease;
	border-radius: var(--b-radius);
	overflow: hidden;
  }
  .swipe-down:hover {
	color: var(--main-color);
  }
  .swipe-down:hover:after {
	top: 0;
	height: 100%;
  }
  .swipe-down:active {
	top: 2px;
  }
  
  .swipe-up {
	background: var(--main-color);
	color: #fff;
	z-index: 1;
	border-radius: var(--b-radius);
  }
  .swipe-up:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	z-index: -1;
	background: #e0e5ec;
	transition: all 0.3s ease;
	border-radius: var(--b-radius);
	overflow: hidden;
  }
  .swipe-up:hover {
	color: var(--main-color);
  }
  .swipe-up:hover:after {
	top: auto;
	bottom: 0;
	height: 100%;
  }
  .swipe-up:active {
	top: 2px;
  }
  
  .swipe-right {
	background: var(--main-color);
	color: #fff;
	z-index: 1;
	border-radius: var(--b-radius);
  }
  .swipe-right:after {
	position: absolute;
	content: "";
	width: 0;
	height: 100%;
	top: 0;
	right: 0;
	z-index: -1;
	 background: #e0e5ec;
	transition: all 0.3s ease;
	border-radius: var(--b-radius);
	overflow: hidden;
  }
  .swipe-right:hover {
	color: var(--main-color);
  }
  .swipe-right:hover:after {
	left: 0;
	width: 100%;
  }
  .swipe-right:active {
	top: 2px;
  }
  
  
  .swipe-left {
	background: var(--main-color);
	color: #fff;
	z-index: 1;
	border-radius: var(--b-radius);
  }
  .swipe-left:after {
	position: absolute;
	content: "";
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	direction: rtl;
	z-index: -1;
	background: #e0e5ec;
	transition: all 0.3s ease;
	border-radius: var(--b-radius);
	overflow: hidden;
  }
  .swipe-left:hover {
	color: var(--main-color);
  }
  .swipe-left:hover:after {
	left: auto;
	right: 0;
	width: 100%;
  }
  .swipe-left:active {
	top: 2px;
  }


/************ Farben *******************/

.sec-color{color: var(--sec-color);}
.main-color{color: var(--main-color);}

/************ Icons *******************/

.icon-left{display:block;padding: 10px 5px 10px 40px;position:relative;}
.icon-left::before {content: '';background-color: var(--main-color);-webkit-mask-size: contain;mask-size: contain;width: 30px;height: 30px;display: inline-block;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center center;mask-position: center center;vertical-align: middle;position:absolute;top: 10px;left:0px;flex-shrink: 0;}

.icon-top{display: block;width:100%;padding-top:60px;margin-bottom: 25px;position:relative;text-align:center;}
.icon-top::before{content: '';background-color: var(--main-color);-webkit-mask-size: contain;mask-size: contain;width: 50px;height: 50px;display: block;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center;mask-position: center;position:absolute;top: 0px;left: calc(50% - 25px);flex-shrink: 0;}

.icon-right{display:inline-block;padding: 10px 40px 10px 5px;position:relative;margin-bottom:0px;}
.icon-right::before {content: '';background-color: var(--main-color);-webkit-mask-size: contain;mask-size: contain;width: 30px;height: 30px;display: inline-block;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center center;mask-position: center center;vertical-align: middle;position:absolute;top: 10px;right:0px;flex-shrink: 0;}

/************ Kontakt *******************/

.pin::before{-webkit-mask-image: url("icons/icon-pin.svg");mask-image: url("icons/icon-pin.svg");}
.pin.outline::before{-webkit-mask-image: url("icons/icon-outline-pin.svg");mask-image: url("icons/icon-outline-pin.svg");}
.phone::before{-webkit-mask-image: url("icons/icon-phone.svg");mask-image: url("icons/icon-phone.svg");}
.phone.outline::before{-webkit-mask-image: url("icons/icon-outline-phone.svg");mask-image: url("icons/icon-outline-phone.svg");}
.map::before{-webkit-mask-image: url("icons/icon-map.svg");mask-image: url("icons/icon-map.svg");}
.map.outline::before{-webkit-mask-image: url("icons/icon-outline-map.svg");mask-image: url("icons/icon-outline-map.svg");}
.mobil::before{-webkit-mask-image: url("icons/icon-mobil.svg");mask-image: url("icons/icon-mobil.svg");}
.mobil.outline::before{-webkit-mask-image: url("icons/icon-outline-mobil.svg");mask-image: url("icons/icon-outline-mobil.svg");}
.web::before{-webkit-mask-image: url("icons/icon-web.svg");mask-image: url("icons/icon-web.svg");}
.web.outline::before{-webkit-mask-image: url("icons/icon-outline-web.svg");mask-image: url("icons/icon-outline-web.svg");}
.chat::before{-webkit-mask-image: url("icons/icon-chat.svg");mask-image: url("icons/icon-chat.svg");}
.chat.outline::before{-webkit-mask-image: url("icons/icon-outline-chat.svg");mask-image: url("icons/icon-outline-chat.svg");}
.mail::before{-webkit-mask-image: url("icons/icon-mail.svg");mask-image: url("icons/icon-mail.svg");}
.mail.outline::before{-webkit-mask-image: url("icons/icon-outline-mail.svg");mask-image: url("icons/icon-outline-mail.svg");}
.calendar::before{-webkit-mask-image: url("icons/icon-calendar.svg");mask-image: url("icons/icon-calendar.svg");}
.calendar.outline::before{-webkit-mask-image: url("icons/icon-outline-calendar.svg");mask-image: url("icons/icon-outline-calendar.svg");}
.clock::before{-webkit-mask-image: url("icons/icon-clock.svg");mask-image: url("icons/icon-clock.svg");}
.clock.outline::before{-webkit-mask-image: url("icons/icon-outline-clock.svg");mask-image: url("icons/icon-outline-clock.svg");}
.haus::before{-webkit-mask-image: url("icons/icon-home.svg");mask-image: url("icons/icon-home.svg");}
.haus.outline::before{-webkit-mask-image: url("icons/icon-outline-home.svg");mask-image: url("icons/icon-outline-home.svg");}
.fax::before{-webkit-mask-image: url("icons/icon-fax.svg");mask-image: url("icons/icon-fax.svg");}
.fax.outline::before{-webkit-mask-image: url("icons/icon-outline-fax.svg");mask-image: url("icons/icon-outline-fax.svg");}

/************ Vorbestellen *******************/

.rezept::before{-webkit-mask-image: url("icons/icon-rezept.svg");mask-image: url("icons/icon-rezept.svg");}
.rezept.outline::before{-webkit-mask-image: url("icons/icon-outline-rezept.svg");mask-image: url("icons/icon-outline-rezept.svg");}
.app::before{-webkit-mask-image: url("icons/icon-app.svg");mask-image: url("icons/icon-app.svg");}
.app.outline::before{-webkit-mask-image: url("icons/icon-outline-app.svg");mask-image: url("icons/icon-outline-app.svg");}
.foto::before{-webkit-mask-image: url("icons/icon-foto.svg");mask-image: url("icons/icon-foto.svg");}
.foto.outline::before{-webkit-mask-image: url("icons/icon-outline-foto.svg");mask-image: url("icons/icon-outline-foto.svg");}
.formular::before{-webkit-mask-image: url("icons/icon-formular.svg");mask-image: url("icons/icon-formular.svg");}
.formular.outline::before{-webkit-mask-image: url("icons/icon-outline-formular.svg");mask-image: url("icons/icon-outline-formular.svg");}
.pills::before{-webkit-mask-image: url("icons/icon-pills.svg");mask-image: url("icons/icon-pills.svg");}
.pills.outline::before{-webkit-mask-image: url("icons/icon-outline-pills.svg");mask-image: url("icons/icon-outline-pills.svg");}
.shop::before{-webkit-mask-image: url("icons/icon-shop.svg");mask-image: url("icons/icon-shop.svg");}
.shop.outline::before{-webkit-mask-image: url("icons/icon-outline-shop.svg");mask-image: url("icons/icon-outline-shop.svg");}

/************ Vorbestellen *******************/

.vorsorge::before{-webkit-mask-image: url("icons/icon-vorsorge.svg");mask-image: url("icons/icon-vorsorge.svg");}
.vorsorge.outline::before{-webkit-mask-image: url("icons/icon-outline-vorsorge.svg");mask-image: url("icons/icon-outline-vorsorge.svg");}
.verleih::before{-webkit-mask-image: url("icons/icon-verleih.svg");mask-image: url("icons/icon-verleih.svg");}
.verleih.outline::before{-webkit-mask-image: url("icons/icon-outline-verleih.svg");mask-image: url("icons/icon-outline-verleih.svg");}
.bote::before{-webkit-mask-image: url("icons/icon-bote.svg");mask-image: url("icons/icon-bote.svg");}
.bote.outline::before{-webkit-mask-image: url("icons/icon-outline-bote.svg");mask-image: url("icons/icon-outline-bote.svg");}
.card::before{-webkit-mask-image: url("icons/icon-card.svg");mask-image: url("icons/icon-card.svg");}
.card.outline::before{-webkit-mask-image: url("icons/icon-outline-card.svg");mask-image: url("icons/icon-outline-card.svg");}
.anmessen::before{-webkit-mask-image: url("icons/icon-anmessen.svg");mask-image: url("icons/icon-anmessen.svg");}
.anmessen.outline::before{-webkit-mask-image: url("icons/icon-outline-anmessen.svg");mask-image: url("icons/icon-outline-anmessen.svg");}
.zeitschrift::before{-webkit-mask-image: url("icons/icon-zeitschrift.svg");mask-image: url("icons/icon-zeitschrift.svg");}
.zeitschrift.outline::before{-webkit-mask-image: url("icons/icon-outline-zeitschrift.svg");mask-image: url("icons/icon-outline-zeitschrift.svg");}

/************ Social Media *******************/

.facebook::before{-webkit-mask-image: url("icons/icon-facebook.svg");mask-image: url("icons/icon-facebook.svg");}
.facebook.outline::before{-webkit-mask-image: url("icons/icon-outline-facebook.svg");mask-image: url("icons/icon-outline-facebook.svg");}
.instagram::before{-webkit-mask-image: url("icons/icon-instagram.svg");mask-image: url("icons/icon-instagram.svg");}
.instagram.outline::before{-webkit-mask-image: url("icons/icon-outline-instagram.svg");mask-image: url("icons/icon-outline-instagram.svg");}
.google::before{-webkit-mask-image: url("icons/icon-google.svg");mask-image: url("icons/icon-google.svg");}
.google.outline::before{-webkit-mask-image: url("icons/icon-outline-google.svg");mask-image: url("icons/icon-outline-google.svg");}
.twitter::before{-webkit-mask-image: url("icons/icon-twitter.svg");mask-image: url("icons/icon-twitter.svg");}
.twitter.outline::before{-webkit-mask-image: url("icons/icon-outline-twitter.svg");mask-image: url("icons/icon-outline-twitter.svg");}
.youtube::before{-webkit-mask-image: url("icons/icon-youtube.svg");mask-image: url("icons/icon-youtube.svg");}
.youtube.outline::before{-webkit-mask-image: url("icons/icon-outline-youtube.svg");mask-image: url("icons/icon-outline-youtube.svg");}
.whatsapp::before{-webkit-mask-image: url("icons/icon-whatsapp.svg");mask-image: url("icons/icon-whatsapp.svg");}
.whatsapp.outline::before{-webkit-mask-image: url("icons/icon-outline-whatsapp.svg");mask-image: url("icons/icon-outline-whatsapp.svg");}
.vimeo::before{-webkit-mask-image: url("icons/icon-vimeo.svg");mask-image: url("icons/icon-vimeo.svg");}
.vimeo.outline::before{-webkit-mask-image: url("icons/icon-outline-vimeo.svg");mask-image: url("icons/icon-outline-vimeo.svg");}
.linkedin::before{-webkit-mask-image: url("icons/icon-linkedin.svg");mask-image: url("icons/icon-linkedin.svg");}
.linkedin.outline::before{-webkit-mask-image: url("icons/icon-outline-linkedin.svg");mask-image: url("icons/icon-outline-linkedin.svg");}
.tiktok::before{-webkit-mask-image: url("icons/icon-tiktok.svg");mask-image: url("icons/icon-tiktok.svg");}
.tiktok.outline::before{-webkit-mask-image: url("icons/icon-outline-tiktok.svg");mask-image: url("icons/icon-outline-tiktok.svg");}

/************ Medizinisch *******************/

.stethoskop::before{-webkit-mask-image: url("icons/icon-stethoskop.svg");mask-image: url("icons/icon-stethoskop.svg");}
.stethoskop.outline::before{-webkit-mask-image: url("icons/icon-outline-stethoskop.svg");mask-image: url("icons/icon-outline-stethoskop.svg");}
.ekg::before{-webkit-mask-image: url("icons/icon-ekg.svg");mask-image: url("icons/icon-ekg.svg");}
.ekg.outline::before{-webkit-mask-image: url("icons/icon-outline-ekg.svg");mask-image: url("icons/icon-outline-ekg.svg");}
.spritze::before{-webkit-mask-image: url("icons/icon-spritze.svg");mask-image: url("icons/icon-spritze.svg");}
.spritze.outline::before{-webkit-mask-image: url("icons/icon-outline-spritze.svg");mask-image: url("icons/icon-outline-spritze.svg");}
.thermometer::before{-webkit-mask-image: url("icons/icon-thermometer.svg");mask-image: url("icons/icon-thermometer.svg");}
.thermometer.outline::before{-webkit-mask-image: url("icons/icon-outline-thermometer.svg");mask-image: url("icons/icon-outline-thermometer.svg");}
.pflaster::before{-webkit-mask-image: url("icons/icon-pflaster.svg");mask-image: url("icons/icon-pflaster.svg");}
.pflaster.outline::before{-webkit-mask-image: url("icons/icon-outline-pflaster.svg");mask-image: url("icons/icon-outline-pflaster.svg");}
.infusion::before{-webkit-mask-image: url("icons/icon-infusion.svg");mask-image: url("icons/icon-infusion.svg");}
.infusion.outline::before{-webkit-mask-image: url("icons/icon-outline-infusion.svg");mask-image: url("icons/icon-outline-infusion.svg");}
.krebs::before{-webkit-mask-image: url("icons/icon-krebs.svg");mask-image: url("icons/icon-krebs.svg");}
.krebs.outline::before{-webkit-mask-image: url("icons/icon-outline-krebs.svg");mask-image: url("icons/icon-outline-krebs.svg");}
.aesculap::before{-webkit-mask-image: url("icons/icon-aesculap.svg");mask-image: url("icons/icon-aesculap.svg");}
.aesculap.outline::before{-webkit-mask-image: url("icons/icon-outline-aesculap.svg");mask-image: url("icons/icon-outline-aesculap.svg");}
.labor::before{-webkit-mask-image: url("icons/icon-labor.svg");mask-image: url("icons/icon-labor.svg");}
.labor.outline::before{-webkit-mask-image: url("icons/icon-outline-labor.svg");mask-image: url("icons/icon-outline-labor.svg");}
.krankenhaus::before{-webkit-mask-image: url("icons/icon-krankenhaus.svg");mask-image: url("icons/icon-krankenhaus.svg");}
.krankenhaus.outline::before{-webkit-mask-image: url("icons/icon-outline-krankenhaus.svg");mask-image: url("icons/icon-outline-krankenhaus.svg");}
.blut::before{-webkit-mask-image: url("icons/icon-blut.svg");mask-image: url("icons/icon-blut.svg");}
.blut.outline::before{-webkit-mask-image: url("icons/icon-outline-blut.svg");mask-image: url("icons/icon-outline-blut.svg");}
.schwanger::before{-webkit-mask-image: url("icons/icon-schwanger.svg");mask-image: url("icons/icon-schwanger.svg");}
.schwanger.outline::before{-webkit-mask-image: url("icons/icon-outline-schwanger.svg");mask-image: url("icons/icon-outline-schwanger.svg");}
.moerser::before{-webkit-mask-image: url("icons/icon-moerser.svg");mask-image: url("icons/icon-moerser.svg");}
.moerser.outline::before{-webkit-mask-image: url("icons/icon-outline-moerser.svg");mask-image: url("icons/icon-outline-moerser.svg");}
.herz::before{-webkit-mask-image: url("icons/icon-herz.svg");mask-image: url("icons/icon-herz.svg");}
.herz.outline::before{-webkit-mask-image: url("icons/icon-outline-herz.svg");mask-image: url("icons/icon-outline-herz.svg");}
.asthma::before{-webkit-mask-image: url("icons/icon-asthma.svg");mask-image: url("icons/icon-asthma.svg");}
.asthma.outline::before{-webkit-mask-image: url("icons/icon-outline-asthma.svg");mask-image: url("icons/icon-outline-asthma.svg");}
.kreuz::before{-webkit-mask-image: url("icons/icon-kreuz.svg");mask-image: url("icons/icon-kreuz.svg");}
.kreuz.outline::before{-webkit-mask-image: url("icons/icon-outline-kreuz.svg");mask-image: url("icons/icon-outline-kreuz.svg");}
.koffer::before{-webkit-mask-image: url("icons/icon-koffer.svg");mask-image: url("icons/icon-koffer.svg");}
.koffer.outline::before{-webkit-mask-image: url("icons/icon-outline-koffer.svg");mask-image: url("icons/icon-outline-koffer.svg");}
.xray::before{-webkit-mask-image: url("icons/icon-xray.svg");mask-image: url("icons/icon-xray.svg");}
.xray.outline::before{-webkit-mask-image: url("icons/icon-outline-xray.svg");mask-image: url("icons/icon-outline-xray.svg");}
.op::before{-webkit-mask-image: url("icons/icon-op.svg");mask-image: url("icons/icon-op.svg");}
.op.outline::before{-webkit-mask-image: url("icons/icon-outline-op.svg");mask-image: url("icons/icon-outline-op.svg");}
.arzt::before{-webkit-mask-image: url("icons/icon-arzt.svg");mask-image: url("icons/icon-arzt.svg");}
.arzt.outline::before{-webkit-mask-image: url("icons/icon-outline-arzt.svg");mask-image: url("icons/icon-outline-arzt.svg");}

/************ Zahnarzt *******************/

.zahn::before{-webkit-mask-image: url("icons/icon-zahn.svg");mask-image: url("icons/icon-zahn.svg");}
.zahn.outline::before{-webkit-mask-image: url("icons/icon-outline-zahn.svg");mask-image: url("icons/icon-outline-zahn.svg");}
.zahncheck::before{-webkit-mask-image: url("icons/icon-zahncheck.svg");mask-image: url("icons/icon-zahncheck.svg");}
.zahncheck.outline::before{-webkit-mask-image: url("icons/icon-outline-zahncheck.svg");mask-image: url("icons/icon-outline-zahncheck.svg");}
.karies::before{-webkit-mask-image: url("icons/icon-karies.svg");mask-image: url("icons/icon-karies.svg");}
.karies.outline::before{-webkit-mask-image: url("icons/icon-outline-karies.svg");mask-image: url("icons/icon-outline-karies.svg");}
.implantat::before{-webkit-mask-image: url("icons/icon-implantat.svg");mask-image: url("icons/icon-implantat.svg");}
.implantat.outline::before{-webkit-mask-image: url("icons/icon-outline-implantat.svg");mask-image: url("icons/icon-outline-implantat.svg");}
.fuellung::before{-webkit-mask-image: url("icons/icon-fuellung.svg");mask-image: url("icons/icon-fuellung.svg");}
.fuellung.outline::before{-webkit-mask-image: url("icons/icon-outline-fuellung.svg");mask-image: url("icons/icon-outline-fuellung.svg");}
.krone::before{-webkit-mask-image: url("icons/icon-fuellung.svg");mask-image: url("icons/icon-fuellung.svg");}
.krone.outline::before{-webkit-mask-image: url("icons/icon-outline-fuellung.svg");mask-image: url("icons/icon-outline-fuellung.svg");}
.zahnwurzel::before{-webkit-mask-image: url("icons/icon-zahnwurzel.svg");mask-image: url("icons/icon-zahnwurzel.svg");}
.zahnwurzel.outline::before{-webkit-mask-image: url("icons/icon-outline-zahnwurzel.svg");mask-image: url("icons/icon-outline-zahnwurzel.svg");}
.xray-zahn::before{-webkit-mask-image: url("icons/icon-xray-zahn.svg");mask-image: url("icons/icon-xray-zahn.svg");}
.xray-zahn.outline::before{-webkit-mask-image: url("icons/icon-outline-xray-zahn.svg");mask-image: url("icons/icon-outline-xray-zahn.svg");}
.smile::before{-webkit-mask-image: url("icons/icon-smile.svg");mask-image: url("icons/icon-smile.svg");}
.smile.outline::before{-webkit-mask-image: url("icons/icon-outline-smile.svg");mask-image: url("icons/icon-outline-smile.svg");}
.zahnstuhl::before{-webkit-mask-image: url("icons/icon-zahnstuhl.svg");mask-image: url("icons/icon-zahnstuhl.svg");}
.zahnstuhl.outline::before{-webkit-mask-image: url("icons/icon-outline-zahnstuhl.svg");mask-image: url("icons/icon-outline-zahnstuhl.svg");}
.zahnspange::before{-webkit-mask-image: url("icons/icon-zahnspange.svg");mask-image: url("icons/icon-zahnspange.svg");}
.zahnspange.outline::before{-webkit-mask-image: url("icons/icon-outline-zahnspange.svg");mask-image: url("icons/icon-outline-zahnspange.svg");}
.zahnwerkzeug::before{-webkit-mask-image: url("icons/icon-zahnwerkzeug.svg");mask-image: url("icons/icon-zahnwerkzeug.svg");}
.zahnwerkzeug.outline::before{-webkit-mask-image: url("icons/icon-outline-zahnwerkzeug.svg");mask-image: url("icons/icon-outline-zahnwerkzeug.svg");}
.zahnschutz::before{-webkit-mask-image: url("icons/icon-zahnschutz.svg");mask-image: url("icons/icon-zahnschutz.svg");}
.zahnschutz.outline::before{-webkit-mask-image: url("icons/icon-outline-zahnschutz.svg");mask-image: url("icons/icon-outline-zahnschutz.svg");}
.zahnbuerste::before{-webkit-mask-image: url("icons/icon-zahnbuerste.svg");mask-image: url("icons/icon-zahnbuerste.svg");}
.zahnbuerste.outline::before{-webkit-mask-image: url("icons/icon-outline-zahnbuerste.svg");mask-image: url("icons/icon-outline-zahnbuerste.svg");}

/************ Sonstiges *******************/

.lupe::before{-webkit-mask-image: url("icons/icon-lupe.svg");mask-image: url("icons/icon-lupe.svg");}
.lupe.outline::before{-webkit-mask-image: url("icons/icon-outline-lupe.svg");mask-image: url("icons/icon-outline-lupe.svg");}
.social::before{-webkit-mask-image: url("icons/icon-social.svg");mask-image: url("icons/icon-social.svg");}
.social.outline::before{-webkit-mask-image: url("icons/icon-outline-social.svg");mask-image: url("icons/icon-outline-social.svg");}
.translate::before{-webkit-mask-image: url("icons/icon-translate.svg");mask-image: url("icons/icon-translate.svg");}
.translate.outline::before{-webkit-mask-image: url("icons/icon-outline-translate.svg");mask-image: url("icons/icon-outline-translate.svg");}
.behindert::before{-webkit-mask-image: url("icons/icon-behindert.svg");mask-image: url("icons/icon-behindert.svg");}
.behindert.outline::before{-webkit-mask-image: url("icons/icon-outline-behindert.svg");mask-image: url("icons/icon-outline-behindert.svg");}
.angebote::before{-webkit-mask-image: url("icons/icon-angebote.svg");mask-image: url("icons/icon-angebote.svg");}
.angebote.outline::before{-webkit-mask-image: url("icons/icon-outline-angebote.svg");mask-image: url("icons/icon-outline-angebote.svg");}
.sale::before{-webkit-mask-image: url("icons/icon-sale.svg");mask-image: url("icons/icon-sale.svg");}
.sale.outline::before{-webkit-mask-image: url("icons/icon-outline-sale.svg");mask-image: url("icons/icon-outline-sale.svg");}
.star::before{-webkit-mask-image: url("icons/icon-star.svg");mask-image: url("icons/icon-star.svg");}
.star.outline::before{-webkit-mask-image: url("icons/icon-outline-star.svg");mask-image: url("icons/icon-outline-star.svg");}
.team::before{-webkit-mask-image: url("icons/icon-team.svg");mask-image: url("icons/icon-team.svg");}
.team.outline::before{-webkit-mask-image: url("icons/icon-outline-team.svg");mask-image: url("icons/icon-outline-team.svg");}
.person::before{-webkit-mask-image: url("icons/icon-person.svg");mask-image: url("icons/icon-person.svg");}
.person.outline::before{-webkit-mask-image: url("icons/icon-outline-person.svg");mask-image: url("icons/icon-outline-person.svg");}
.corona-test::before{-webkit-mask-image: url("icons/icon-outline-corona-test.svg");mask-image: url("icons/icon-outline-corona-test.svg");}
.corona-test.outline::before{-webkit-mask-image: url("icons/icon-outline-corona-test.svg");mask-image: url("icons/icon-outline-corona-test.svg");}
.corona-pcr::before{-webkit-mask-image: url("icons/icon-outline-corona-pcr.svg");mask-image: url("icons/icon-outline-corona-pcr.svg");}
.corona-pcr.outline::before{-webkit-mask-image: url("icons/icon-outline-corona-pcr.svg");mask-image: url("icons/icon-outline-corona-pcr.svg");}
.corona-maske::before{-webkit-mask-image: url("icons/icon-outline-corona-maske.svg");mask-image: url("icons/icon-outline-corona-maske.svg");}
.corona-maske.outline::before{-webkit-mask-image: url("icons/icon-outline-corona-maske.svg");mask-image: url("icons/icon-outline-corona-maske.svg");}
.corona-immun::before{-webkit-mask-image: url("icons/icon-outline-corona-immun.svg");mask-image: url("icons/icon-outline-corona-immun.svg");}
.corona-immun.outline::before{-webkit-mask-image: url("icons/icon-outline-corona-immun.svg");mask-image: url("icons/icon-outline-corona-immun.svg");}

/************ Listen *******************/

ul.list {margin: 0px 0px 25px;padding: 0px;list-style-type: none;text-decoration: none;border: medium none;outline: medium none;}
ul.list li{margin: 0px 0px 5px;padding: 2px 0px 5px 30px;position:relative;}
ul.list li::after{content: '';background-color: var(--main-color);-webkit-mask-size: contain;mask-size: contain;width: 15px;height: 15px;display: inline-block;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center center;mask-position: center center;	vertical-align: middle; position:absolute;top: 7px;	left: 0px; }


ul.list.arrow-1 li::after{-webkit-mask-image: url("icons/icon-arrow-1.svg");mask-image: url("icons/icon-arrow-1.svg");}
ul.list.arrow-2 li::after{-webkit-mask-image: url("icons/icon-arrow-2.svg");mask-image: url("icons/icon-arrow-2.svg");}
ul.list.arrow-3 li::after{-webkit-mask-image: url("icons/icon-arrow-3.svg");mask-image: url("icons/icon-arrow-3.svg");}

ul.list.bullet-1 li::after{-webkit-mask-image: url("icons/icon-bullet-1.svg");mask-image: url("icons/icon-bullet-1.svg");}
ul.list.bullet-2 li::after{-webkit-mask-image: url("icons/icon-bullet-2.svg");mask-image: url("icons/icon-bullet-2.svg");}
ul.list.bullet-3 li::after{-webkit-mask-image: url("icons/icon-bullet-3.svg");mask-image: url("icons/icon-bullet-3.svg");}

ul.list.check-1 li::after{-webkit-mask-image: url("icons/icon-check-1.svg");mask-image: url("icons/icon-check-1.svg");}
ul.list.check-2 li::after{-webkit-mask-image: url("icons/icon-check-2.svg");mask-image: url("icons/icon-check-2.svg");}
ul.list.check-3 li::after{-webkit-mask-image: url("icons/icon-check-3.svg");mask-image: url("icons/icon-check-3.svg");}

ul.list.download-1 li, ul.list.download-2 li, ul.list.download-3 li{padding: 2px 0px 5px 40px;cursor: pointer;}
ul.list.download-1 li::before, ul.list.download-2 li::before, ul.list.download-3 li::before{content: '';background-color: var(--main-color);-webkit-mask-size: contain;mask-size: contain;width: 15px;height: 15px;display: inline-block;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center center;mask-position: center center;	vertical-align: middle; position:absolute;top: -2px;	left: 0px; }
ul.list.download-1 li::after{-webkit-mask-image: url("icons/icon-download-1.svg");mask-image: url("icons/icon-download-1.svg");width: 25px;height: 25px;top: 2px;}
ul.list.download-2 li::after{-webkit-mask-image: url("icons/icon-download-2.svg");mask-image: url("icons/icon-download-2.svg");width: 25px;height: 25px;top: 2px;}
ul.list.download-3 li::after{-webkit-mask-image: url("icons/icon-download-3.svg");mask-image: url("icons/icon-download-3.svg");width: 25px;height: 25px;top: 2px;}
ul.list.download-1 li::before{-webkit-mask-image: url("icons/icon-download-1-1.svg");mask-image: url("icons/icon-download-1-1.svg");width: 25px;height: 25px;top: 2px;}
ul.list.download-2 li::before{-webkit-mask-image: url("icons/icon-download-2-1.svg");mask-image: url("icons/icon-download-2-1.svg");width: 25px;height: 25px;top: 2px;}
ul.list.download-3 li::before{-webkit-mask-image: url("icons/icon-download-3-1.svg");mask-image: url("icons/icon-download-3-1.svg");width: 25px;height: 25px;top: 2px;}

ul.list.download-1 li:hover::before, ul.list.download-2 li:hover::before, ul.list.download-3 li:hover::before{animation: download 1s infinite;}

@keyframes download {
	0% { top: -2px; opacity:1;  }
	50% { top: 4px; opacity:0.5;  }
	100% { top: -2px; opacity:1;  }
  }

/********* Quick Actions 2021**********/

#smartnav{
	position:fixed;
	bottom:0px;
	left:0px;
	width: 100%;
	height: 60px;
	z-index: 9998;
	filter: drop-shadow(0px 0px 30px rgba(0,0,0,0.25));
	-webkit-filter: drop-shadow(0px 0px 30px rgba(0,0,0,0.25));	
	transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
	background: rgb(254,254,254);
	background: linear-gradient(180deg, rgba(254,254,254,1) 0%, rgba(238,238,238,1) 100%);
	display: flex;
	padding: 0px 0px 0px 15px;
	box-sizing: border-box;
}

#smartnav.fly{width: calc(100vw - 10px);bottom:10px;left:5px;}
#smartnav.border{border: 2px solid #fff;}
#smartnav.spacer{justify-content: space-between;}

#smartnav::after{content:"";position: absolute;top:0px;left:0px;width: 100%;height:100%;background-color: var(--main-color);opacity:0.025;border-radius: 30px;z-index: -1;}

#smartnav.off .sn-btn-menu .line-1{top: 50%;transform: rotate(45deg);}
#smartnav.off .sn-btn-menu .line-2{top:50%;transform: rotate(-45deg);}
#smartnav.off .sn-btn-menu .line-3{opacity:0;}

.sn-btn{display: inline-block;position: relative;font-size: .45em;padding:30px 5px 5px 5px;font-weight: 600;color:#5b5b5b;border-radius: 5px;text-align: center;}

#smartnav.centerbtn .sn-btn:nth-child(2){margin-right: 10%;}
#smartnav.centerbtn .sn-btn:nth-child(3){margin-left: 10%;}

#smartnav.centerbtn .sn-btn{width:17%;}

.sn-wrapper{padding:15px;width:100%;box-sizing: border-box;}


.sn-btn::before{
	content: '';
	background-color: #5b5b5b;
	-webkit-mask-size: contain;
	mask-size: contain;
	width: 24px;
	height: 24px;
	top: 6px;
	left: calc(50% - 12px);
	display: block;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	position:absolute;
	z-index: 20;
}

.sn-btn:hover{color:#fff;background-color: var(--main-color);}
.sn-btn:hover::after{background-color: var(--main-color);}
.sn-btn:hover::before{background-color: #fff;}

.sn-btn-menu{
	display: inline-block;
	/*position: absolute;*/
	width: 55px;
	height: 55px;
	/*bottom: 30px;*/
	/*left: calc(50% - 25px);*/
	background-color: var(--main-color);
	border: 2px solid #fff;
	box-sizing: border-box;
	border-radius: 50%;
	position: relative;
}
.sn-btn-menu.middle{
	position: absolute;
	top: -30px;
	left: calc(50% - 22px);
}
.sn-btn-menu.middle::before{
	content: '';
	background-color: #fff;
	-webkit-mask-size: contain;
	mask-size: contain;
	width: 130px;
	height: 30px;
	display: inline-block;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	mask-position: center center;
	vertical-align: middle;
	position:absolute;
	top: 0px;
	left: -39px;
	-webkit-mask-image: url("icons/bg-nav.svg");mask-image: url("icons/bg-nav.svg");
	z-index:-1;
}
.sn-btn-menu::after{
	content:"";
	position: absolute;
	top:0px;left:0px;width: 100%;height:100%;
	border-radius: 50%;
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	opacity:0.25;
}


.sn-btn-menu .line-1, .sn-btn-menu .line-2, .sn-btn-menu .line-3{width:30px;height:1px;background-color: #fff;position: absolute;left: calc(50% - 15px);transition: all 0.33s ease-in-out;	-webkit-transition: all 0.33s ease-in-out;}

.sn-btn-menu .line-1{top: 15px;}
.sn-btn-menu .line-2{top:50%;}
.sn-btn-menu .line-3{bottom: 15px;}

.sn-btn-detail{width:60px;padding-top:60px;color:#fff;font-weight:600;display: inline-block;position: relative;transition: all 0.33s ease-in-out;-webkit-transition: all 0.33s ease-in-out;font-size:0.7em;flex-basis: 33%;/*text-shadow: 2px 2px 2px rgba(0,0,0,0.4);*/}
.sn-btn-detail:hover{color:#fff;}

.sn-btn-detail::after{content:"";display:block;width:60px;height:60px;position: absolute;top:0px;left: calc(50% - 30px);background-color: rgba(255,255,255,0.95);border-radius: 50%;}

.sn-btn-detail::before{
	content: '';
	background-color: #5b5b5b;
	-webkit-mask-size: contain;
	mask-size: contain;
	width: 30px;
	height: 30px;
	top: 15px;
	left: calc(50% - 15px);
	display: block;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	position:absolute;
	z-index: 20;}


.details.transparent .sn-btn-detail{opacity:0;bottom:-50px;}
.details.transparent.open .sn-btn-detail:nth-child(1){opacity:1;bottom:0px;transition-delay: 0s;}
.details.transparent.open .sn-btn-detail:nth-child(2){opacity:1;bottom:0px;transition-delay: 0.15s;}
.details.transparent.open .sn-btn-detail:nth-child(3){opacity:1;bottom:0px;transition-delay: 0.30s;}
.details.transparent.open .sn-btn-detail:nth-child(4){opacity:1;bottom:0px;transition-delay: 0.45s;} 
.details.transparent.open .sn-btn-detail:nth-child(5){opacity:1;bottom:0px;transition-delay: 0.60s;} 
.details.transparent.open .sn-btn-detail:nth-child(6){opacity:1;bottom:0px;transition-delay: 0.75s;} 
.details.transparent.open .sn-btn-detail:nth-child(7){opacity:1;bottom:0px;transition-delay: 0.90s;} 
.details.transparent.open .sn-btn-detail:nth-child(8){opacity:1;bottom:0px;transition-delay: 1.05s;} 



.details.transparent{bottom: -200vh;top: auto;background-color: transparent;height: calc(var(--vh, 1vh) * 100);width:100vw;padding: 50vh 0px 100px 0px;margin-bottom: 0vw;transition: all 0s ease-in-out;-webkit-transition: all 0s ease-in-out;display: flex;justify-content: space-between;align-items: flex-end;flex-wrap: wrap;color:#fff;}

.details.transparent.open{margin-bottom: 0vw;height: calc(var(--vh, 1vh) * 100);width:100vw;
	background-color: rgba(0,0,0,0.6);
	bottom: 0px;
	top: auto;padding: 50vh 0px 100px 0px;box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);z-index:9997;border-radius: var(--b-radius);color:#fff;}

.details.transparent.open .close{border: 1px solid #fff;}

.details.transparent.open .close::after, .details.transparent.open .close::before {background-color:#fff;}


#sn-menu.details{width:100vw;height: calc(var(--vh, 1vh) * 100);bottom:-100vh;top:auto;background-color: #3d3d3d;padding: 25px 0px 100px 0px;z-index:9997;border-radius: 0px;}

#sn-menu.details.open{width:100vw;height: calc(var(--vh, 1vh) * 100);bottom:0vh;top:auto;z-index:9997;background-color: #3d3d3d;padding: 25px 0px 100px 0px;border-radius: 0px;}


	
@media( max-width: 767px ) {
	#smartnav{display:flex;}
	#sn-menu.details{padding: 25px 0px 100px 0px;}
	#sn-menu.details.open{padding: 25px 0px 100px 0px;}
}

@media( min-width: 768px ) { 
	#smartnav{display:none;}
	#sn-menu.details{padding: 75px 0px 100px 0px;}
	#sn-menu.details.open{padding: 75px 0px 100px 0px;}
}

@media( min-width: 992px ) {
	#smartnav{display:none;}
	#sn-menu.details{padding: 75px 0px 100px 0px;}
	#sn-menu.details.open{padding: 75px 0px 100px 0px;}
}

@media( min-width: 1200px ) {
	#smartnav{display:none;}
	#sn-menu.details{padding: 75px 0px 100px 0px;}
	#sn-menu.details.open{padding: 75px 0px 100px 0px;}
}

/************ Boxzilla *******************/

.boxzilla {
	border-radius: var(--b-radius);
}

.boxzilla img {
	max-width: 100%;
}

/************ Header Buttons *******************/

.btn-icon{
	background-repeat:no-repeat;
	float: right;
	position: relative;	
	transition: all 0.33s ease-in-out;
	background: transparent;
	width: 50px;
	height: 50px;
	margin-right: 0px;
	margin-top: 0px;
}

.btn-icon::before{
	content: '';
	background-color: var(--main-color);
	-webkit-mask-size: contain;mask-size: contain;
	width: 22px;
	height: 22px;
	display: inline-block;
	-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;
	-webkit-mask-position: center center;mask-position: center center;
	vertical-align: middle; 
	position:absolute;
	top: calc(50% - 11px);
	left: calc(50% - 11px);
	transition: all 0.33s ease-in-out;	
}

.btn-icon:hover{
	background: var(--main-color);	
}

.btn-icon:hover::before{
	background-color: #fff;
	transform: rotate(360deg);	
}

@media( max-width: 767px ) {
	.btn-icon{display:none;}
}

@media( min-width: 768px ) {
	.btn-icon{display: inline-block;}
}

/************ Sections *******************/

#wrapper{ margin: 0px auto; position: relative;overflow: hidden;}

.section-content { 
	width: 100%; 
	max-width: 1750px;
	margin:auto;
	box-sizing: border-box;	
}
	
@media( max-width: 767px ) {
	.section-content{padding:0px 15px;}
}

@media( min-width: 768px ) { 
	.section-content{padding:0px 25px;}
}

@media( min-width: 992px ) {
	.section-content{padding:0px 50px;}
}

@media( min-width: 1200px ) {
	.section-content{padding:0px 50px;}
}

/********* Formulare **************/

#content textarea.wpcf7-textarea, #content input.wpcf7-text, #content .addproduct-button input, #content input[type="date"] {
    padding: 10px;
    box-sizing: border-box;
	font-size: 1em;
	font-family: var(--sec-font);
	transition: border-color 0.33s ease-in-out;
	max-width: 100%;
	min-width: 100%;
	border-radius: var(--b-radius);
}

#content textarea.wpcf7-textarea, #content input.wpcf7-text, #content input[type="date"] {
	width: 100%;
    border: 1px solid var(--main-color);
	background-color: #fff;
	min-height: 45px;
}

#content .addproduct-button input:hover {
	background-color: var(--sec-color);
}

#content .addproduct-button input {
	background-color: var(--main-color);
	border-width: 0px;
	color: #fff;
}

#content textarea.wpcf7-textarea:focus, #content input.wpcf7-text:focus, #content textarea.wpcf7-textarea:hover, #content input.wpcf7-text:hover, #content .addproduct-button input:focus, #content .addproduct-button input:hover {
	outline: none;
	border-color: var(--sec-color);
}

#content span.wpcf7-list-item label, #content span.wpcf7-list-item label input, #content .addproduct-button input:hover  {
	cursor: pointer;
	accent-color: var(--main-color);
}

/**** Absenden Button ************/
#content .wpcf7-form-control.wpcf7-submit {
    width: 100%;
    box-sizing: border-box;
    background: var(--main-color);
    border: 2px solid var(--main-color);
    padding: 15px;
    color: #fff;
    font-size:1em;
    border-radius: var(--b-radius);
    cursor: pointer;
	transition: all 0.33s ease-in-out;
}

#content .wpcf7-form-control.wpcf7-submit:hover, input.wpcf7-form-control.wpcf7-submit:focus,input.wpcf7-form-control.wpcf7-submit:active {border: 2px solid var(--sec-color);background: var(--sec-color);outline:0;color: #fff;}

/**** Foto hochladen ************/
#content .foto-rezept .btn-foto-upload{
	width: 100%;
	background-color: #efefef;
	border: 1px dashed #c80713;
	text-align:center;
	padding: 60px 10px 30px 10px;
	position: relative;
	color: #c80713;
	font-family: var(--sec-font);
	font-weight: 600;
}

#content .foto-rezept .btn-foto-upload:before{
	content: '';
	background-color: #c80713;
	-webkit-mask-size: contain;mask-size: contain;
	width: 30px;
	height: 30px;
	display: inline-block;
	-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;
	-webkit-mask-position: center center;mask-position: center center;
	vertical-align: middle;
	position:absolute;
	top: 20px;
	left: calc(50% - 15px);
	-webkit-mask-image: url("icons/icon-foto-rezept.svg");mask-image: url("icons/icon-foto-rezept.svg");
}

#content .foto-rezept.has-file .btn-foto-upload{color: #55a03b;border: 1px solid #55a03b;}
#content .foto-rezept.has-file .btn-foto-upload:before{background-color: #55a03b;-webkit-mask-image: url("icons/icon-foto-rezept-check.svg");mask-image: url("icons/icon-foto-rezept-check.svg");}


/** Aufklappbares Menü **/
.flipper .panel, .flipper .flip { padding:10px; text-align:left;}
.flipper .flip {
	padding-right: 40px;
	color: #fff;
	border-top:1px solid #efefef;
	border-left:1px solid #efefef;
	border-right:1px solid #efefef;
	background-color:transparent;
	position: relative;
}

#content .flipper h3.flip:after{
	content:"";
	background-color: var(--main-color);
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-image: url("icons/icon-arrow-1.svg");
	mask-image: url("icons/icon-arrow-1.svg");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	mask-position: center center;
	position:absolute;
	top: calc(50% - 10px);
	right:10px;
	width:20px;
	height:20px;
	transform: rotate(90deg);
	}	

#content .flipper h3.flip:hover:after,
#content .flipper h3.flip.open:after{
	background-color: var(--sec-color);
	}

.flipper .panel{border:1px solid #efefef;}

.flipper.last{border-bottom:1px solid #efefef;margin-bottom:25px;}

#content .flipper h3.flip:hover { cursor: pointer;color: var(--main-color);position: relative;}

.flipper .panel { display:none; padding:1em; }.fb-like iframe {max-width:none;}

#content .flipper h3{font-size:1.1em;margin-bottom:0px;color: #000;position:relative;}