/* GENERAL
-------------------------------------------------------------- */  

BODY {
  overflow-x: hidden;
  overflow-y: scroll;
  font-size: 14px;
  }
  
A {
  transition: 0s;
  }

/* HEADER
-------------------------------------------------------------- */  

HEADER {
  height: 70px;
  position: fixed;
  }

HEADER.sticky {
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  }

HEADER #logo {
  width: 140px;
  height: 70px;
  background-position: 16px center;
  }
  
HEADER NAV {
  margin-top: 160px;
  }  
  
HEADER NAV UL LI {
  display: block;
  margin: 10px 0;
  }

HEADER NAV UL LI A {
  color: #fff;
  font-size: 20px;
  text-align: left;
  padding: 0px 24px;
  border-left: 6px solid transparent;
  }
  
HEADER NAV UL LI.current-menu-item A, 
HEADER NAV UL LI.current-page-ancestor A {
  border-left: 6px solid var(--primary-color);
  opacity: 1;
  }  
  
HEADER #search {
  display: none;
  } 
  
HEADER .right {
  position: absolute;
  left: 32px;
  bottom: 90px;
  }
  
HEADER .right .languages {
  display: none;
  }  
  
HEADER .right #distribution,
HEADER .right #education {
  float: none;
  color: #fff;
  padding: 0;
  height: auto;
  line-height: 20px;
  padding: 6px 0;
  position: static;
  display: block;
  }
  
HEADER .right #distribution I,
HEADER .right #education I {
  display: none;
  }  
  
HEADER .right A .tooltip {
  color: #fff;
  background: none;
  padding: 0;
  visibility: visible;
  opacity: 1;
  position: static;
  height: auto;
  transform: none;
  margin-left: 0;
  }
  
HEADER .right A .tooltip:before {  
  display: none;
  }
  
HEADER .right #link-eifu {
  height: auto;
  line-height: 20px;
  padding: 6px 0;
  }  
  
HEADER .right #link-eifu I {
  display: none;
  }  
  
HEADER .right #link-eifu .label { 
  display: block;
  color: #fff;
  font-size: 12px;
  }  
  
HEADER .languages.mobile {
  position: absolute;
  bottom: 60px;
  left: 32px;
  display: block;
  }  
  
HEADER .languages.mobile .current {
  display: block;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: #fff;
  position: relative;
  z-index: 1;
  }
  
HEADER .languages.mobile .current SPAN {
  float: left;
  }
  
HEADER .languages.mobile .current:after {  
  display: inline-block;  
  opacity: 0.5;
  margin-left: 16px;
  position: relative;
  transition: 0.2s;
  float: left;
  transform-origin: 50% 50%;
  }
  
HEADER .languages.mobile.open .current:after {  
  transform: rotate(180deg);
  position: relative;
  top: 0px;
  }    
  
HEADER .languages.mobile .dropdown {  
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 400px;
  left: calc(100%);
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
  }
  
HEADER .languages.mobile.open .dropdown {  
  opacity: 1;
  visibility: visible;
  left: calc(100% + 12px);
  } 
  
HEADER .languages.mobile .dropdown UL LI {
  float: left;
  list-style-type: none;
  }
  
HEADER .languages.mobile .dropdown UL LI A {
  display: block;
  padding: 0 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  opacity: 0.4;
  color: #fff;
  float: left;
  }
  
HEADER .languages.mobile .dropdown UL LI A:hover {     
  opacity: 1;
  }
  
HEADER .languages.mobile .dropdown UL LI.wpml-ls-current-language  {
  display: none;
  }
  
HEADER .languages.mobile .dropdown UL LI.wpml-ls-item-de A:before {
  content: "Deutsch";
  }
  
HEADER .languages.mobile .dropdown UL LI.wpml-ls-item-en A:before {
  content: "English";
  }  
  
HEADER .languages.mobile .dropdown UL LI.wpml-ls-item-en-us A:before {
  content: "English (USA)";
  }   
  
HEADER .languages.mobile .dropdown UL LI A SPAN {
  display: none;
  }  
  
/* SEARCH FORM
-------------------------------------------------------------- */  
  
#search-form {
  position: fixed;
  display: block;
  background: none;
  z-index: 20;
  margin-top: 80px;
  right: -100vw;
  min-height: auto;
  left: auto;
  width: 100%;
  transition: 0.2s;
  }
  
BODY.menu #search-form {
  right: 0;
  }  
  
#search-form .close {  
  display: none;
  }
  
#search-form .container {
  padding: 0 30px;
  } 
  
#search-form .searchfield {
  border-color: #454546;
  }
  
#search-form #query {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  padding: 17px 0;
  }
  
#search-form .submit {
  bottom: 0;
  margin: 0;
  width: 55px;
  height: 55px;
  background: url('../img/icon-search.svg') no-repeat right center;
  background-size: 18px auto;
  text-indent: -100000px;
  opacity: 0.7;
  }  
  
#search-form #suggestions {
  display: none;
  }

/* MOBILE MENU
-------------------------------------------------------------- */   

#menu {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: #353536;
  right: -100vw;
  transition: 0.2s;
  }
  
BODY.menu #menu {
  right: 0;
  }
  
BODY.menu HEADER #logo {
  background-image: url('../img/logo-white.svg') !important;
  }  
  
/* MOBILE MENU
-------------------------------------------------------------- */     
  
#burger {
  display: block;
  position: absolute;
  z-index: 10000;  
  top: 0px;
  right: 0px;
  width: 70px;
  height: 70px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  transition: position 0s;
  cursor: pointer;
  float: left;
  cursor: pointer;
  }

#burger span {
  display: block;
  position: absolute;
  height: 2px;
  width: 32px;
  background: #000;
  opacity: 1;
  right: 19px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  }

#burger span:nth-child(1) {
  top: 26px;
  }

#burger span:nth-child(2) {
  top: 36px;
  }

#burger.open SPAN {
  background: #fff;
  }   

#burger.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 22px;
  top: 35px;
  right: 28px;
  }

#burger.open span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 22px;
  top: 35px;
  right: 28px;
  }

/* HEADLINES
-------------------------------------------------------------- */    

H1, .h1 {
  font-size: 24px;
  padding: 0 32px;
  }
  
H2, .h2 {
  font-size: 22px;
  }  
  
H3 {
  font-size: 20px;
  margin-bottom: 0.5em;
  }  
  
H4 {
  font-size: 16px;
  margin-top: 2em;
  }  
  
H3 + H4 {
  margin-top: -0.75em !important;
  }  
  
/* LAYOUT
-------------------------------------------------------------- */     

#page {
  overflow: hidden;
  }
  
MAIN {
  padding-top: 70px;
  }
  
.container {
  padding: 0 24px;  
  }
  
.columns {
  margin-left: -25px;
  margin-right: -25px;
  margin-bottom: 0;
  }  
  
.columns.c2 .column,
.columns.c3 .column,
.columns.c4 .column {
  width: 100%;
  }  
  
.wp-block-image + .wp-block-getwid-section, 
.wp-block-getwid-images-slider + .wp-block-getwid-section, 
.wp-block-getwid-video-popup + .wp-block-getwid-section, 
.wp-block-video + .wp-block-getwid-section {
  margin-top: 0;
  padding-top: 0;
  }  
  
.wp-block-getwid-section__content H4:first-child.has-text-align-center {
  margin-bottom: 20px;
  }  
  
:where(.wp-block-columns.is-layout-flex) {
  gap: 0;
  }  
  
MAIN UL, MAIN OL {
  margin-top: 1em;
  margin-bottom: 2em;
  }
  
.content UL {
  margin: 0 0 20px 0 !important;
  } 
  
.content > .wp-block-columns {
  padding: 16px 16px 32px 16px;
  } 
  
.content > .wp-block-columns > .wp-block-column {
  padding-top: 16px;
  padding-left: 0 !important;
  }   
  
.content > P:last-child { 
  margin-bottom: 50px;
  }
  
P.has-text-align-center {
  padding-left: 32px;
  padding-right: 32px;
  }
  
SECTION {
  margin: 24px 0;
  }
  
SECTION.grey {
  padding-top: 50px;
  padding-bottom: 30px;
  overflow: hidden;
  }
  
/* UI ELEMENTS
-------------------------------------------------------------- */   
  
.wp-block-media-text A, 
.wp-block-getwid-image-box A, 
.wp-block-cover A, 
.link.arrow, 
.link.arrow A {
  font-size: 14px;
  }
  
.button, .wp-block-button__link, 
INPUT[type=button] {
  height: auto;
  line-height: 1.2;
  padding: 10px 20px;
  margin-left: 30px;
  margin-right: 30px;
  } 
  
.is-content-justification-left .wp-block-button__link {
  margin-left: 0;
  }
  
.card-element .title {
  padding-right: 0;
  font-size: 18px;
  }
  
.card-element .padding {
  padding: 20px;
  } 
  
.card-element .description, .card-element ADDRESS {
  font-size: 14px;
  font-weight: 400;
  }
  
.card-element .description TABLE TD:first-child {
  hyphens: none;
  padding-right: 20px;
  } 
  
#backlink {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  }
  
#backlink A.left {
  float: none;
  position: relative;
  display: inline-block;
  }  
  
.slider {
  margin: 50px 0 50px 0;
  }  
  
.slider:last-of-type {
  margin-bottom: 20px;
  }  
  
.slider .head H3 {
  font-size: 22px;
  line-height: 1.3;
  color: #353536;
  margin-top: 0;
  margin-bottom: 5px;
  }  
  
.slider .head .link {
  clear: both;
  float: none;
  display: block;
  margin-left: 0;
  }  
  
.slider .head A {
  margin-left: 0;
  font-weight: 500;
  }
  
.page-head {
  padding-top: 30px;
  margin-bottom: 30px;
  }  
  
.page-head H1 {
  font-size: 24px;
  }  
  
.page-head #intro { 
  font-size: 14px;
  }  
  
#subnav {
  margin-top: 30px;
  margin: 30px 16px 0px 16px;
  position: relative;
  }  
  
#subnav UL {
  justify-content: flex-start;
  }
  
#subnav .swiper-button-disabled + .swiper-button-disabled + UL {
  justify-content: center;
  }  

#subnav UL LI {
  width: auto;
  padding: 0;
  margin: 0 5px;
  }  
  
#subnav UL LI:first-child {  
  margin-left: 0;
  }

#subnav UL LI:last-child {  
  margin-right: 0;
  }  
  
#subnav UL LI A {
  padding: 14px 10px;
  white-space: nowrap;
  }  
  
#subnav UL LI A SPAN {  
  display: block;
  }

#subnav .swiper-button-prev {
  display: block;
  background: linear-gradient(90deg, rgba(255,19,0,1) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
  width: 64px;
  height: calc(100% + 1px);
  position: absolute;
  top: 0;
  left: -16px;
  margin: 0;
  } 
  
#subnav .swiper-button-prev:after {   
  background: url('../img/arrow-subnav-left.svg') no-repeat 16px center;
  background-size: 10px auto;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  
  }     
  
#subnav .swiper-button-next {
  display: block;
  background: linear-gradient(270deg, rgba(255,19,0,1) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
  height: calc(100% + 1px);
  width: 64px;
  position: absolute;
  top: 0;
  right: -16px;
  margin: 0;
  }  
  
#subnav .swiper-button-next:after {   
  background: url('../img/arrow-subnav-right.svg') no-repeat 38px center;
  background-size: 10px auto;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  }
  
#subnav .swiper-button-disabled {
  display: none;
  }  
  
/* SWIPER
-------------------------------------------------------------- */    
  
.swiper {
  margin: 20px 20px 20px -24px;
  overflow: visible;
  }
  
.swiper-slide {
  padding-left: 16px;
  padding-right: 0px;
  }  
  
.swiper-horizontal > .swiper-scrollbar {
  width: calc(100vw - 112px);
  margin-left: 42px;
  margin-right: auto;
  margin-top: 30px;
  }    
  
/* SEARCH RESULTS
-------------------------------------------------------------- */   

BODY.search HEADER .burger:before,
BODY.search HEADER .burger:after {
  background: #fff;
  }
  
BODY.search MAIN {
  padding-bottom: 30px;
  padding-top: 225px;
  }  
  
BODY.search #search-form {
  height: 225px;
  margin-top: 0;
  padding-top: 100px;
  background: #353536;
  }  
  
BODY.search .tabs {
  margin-bottom: 30px;
  }
  
BODY.search .result:last-child {
  margin-bottom: 0;
  }
  
/* HOME
-------------------------------------------------------------- */    

.home MAIN > H1 {
  padding-top: 50px;
  font-size: 24px;
  line-height: 1.33;
  }
  
.home #slider {
  height: 150vw;
  margin: 50px 0 0 0;
  padding-bottom: 0;
  } 

.home #slider .wp-block-cover {
  min-height: 150vw !important;
  padding: 0 40px;
  }
  
.home #slider .wp-block-media-text {
  display: block;
  }
  
.home #slider .wp-block-media-text .wp-block-media-text__content {
  display: block;  
  padding-top: 0;
  }
  
.home #slider P BR {
  display: none;
  }  
  
.home #slider P {
  font-size: 14px;
  }
  
.home #slider .wp-block-button__link {
  margin-left: 0;
  margin-right: 0;
  }  
  
.home #slider + .wp-block-getwid-section {
  border-left: 0;
  }
  
.home #slider + .wp-block-getwid-section .wp-block-getwid-section__content {
  padding-top: 50px;
  padding-bottom: 50px;
  }
  
.home #slider .progressBarContainer {
  bottom: 20px;
  }
  
.home #slider .progressBarContainer .item {
  padding-left: 3px;
  padding-right: 3px;
  }  
  
.home #slider .progressBarContainer .item span.progressBar {
  width: 20px;
  }
  
/* BLOCK COVER
-------------------------------------------------------------- */  

.wp-block-cover {
  min-height: 240px;
  }
  
.wp-block-cover .wp-block-cover__inner-container {
  padding-left: 0;
  padding-right: 0px;
  }
  
.wp-block-getwid-section .wp-block-cover.patients {
  margin-top: 20px;
  margin-bottom: 20px;
  min-height: 75vw !important;
  }  
  
.wp-block-columns#back-to-life {
  margin-left: -18px;
  margin-right: -18px;
  }
  
.wp-block-columns#back-to-life .wp-block-column {
  padding-right: 0;
  }  
 
.wp-block-columns#back-to-life .wp-block-column .wp-block-cover,
.wp-block-columns#back-to-life .wp-block-column .wp-block-getwid-image-box {
  min-height: 75vw !important;
  }  
  
.wp-block-cover.aligncenter {
  margin-left: 20px;
  margin-right: 20px;
  padding: 25px;
  height: auto;
  } 
  
.wp-block-cover.aligncenter H3 {   
  margin-bottom: 1em !important;
  hyphens: none;
  }
  
/* BLOCK VIDEO
-------------------------------------------------------------- */  
  
.wp-block-getwid-video-popup, 
.wp-block-video {
  margin-top: 20px;
  margin-bottom: 0;
  }
  
.wp-block-video VIDEO {
  float: left;
  }  
  
/* BLOCK SECTION
-------------------------------------------------------------- */     

.wp-block-getwid-section__content {
  padding: 32px;
  overflow: hidden;
  }
  
.wp-block-getwid-section__content .container {
  padding-left: 0;
  padding-right: 0;
  }  

.wp-block-getwid-section__content H1,
.wp-block-getwid-section__content H2,
.wp-block-getwid-section__content H3 {
  padding-left: 0;
  padding-right: 0;
  }
  
.wp-block-getwid-section .wp-block-columns:first-child {
  margin-bottom: 0;
  }

.wp-block-getwid-section__content .has-text-align-center {
  padding-left: 0px;
  padding-right: 0px;
  }
  
.wp-block-getwid-section .wp-block-cover {
  padding: 30px 25px;
  margin: 30px -18px;
  }

.wp-block-getwid-section .wp-block-cover BR {
  display: none;
  }  
  
.wp-block-getwid-section .wp-block-cover .wp-block-cover__inner-container {
  padding: 0;
  }  
  
.wp-block-getwid-section H1 {
  font-size: 24px;
  }  
  
/* BLOCK IMAGE
-------------------------------------------------------------- */   

.wp-block-image {
  margin-top: 30px;
  margin-bottom: 30px;
  }
  
.wp-block-image + .wp-block-getwid-section {
  margin-top: -50px;
  }  
  
.wp-block-image:only-child {
  margin: 0;
  }
  
/* BLOCK ICON BOX
-------------------------------------------------------------- */   
  
.wp-block-getwid-icon-box.has-text-center {
  margin: 10px 0;
  }
  
/* BLOCK MEDIA TEXT
-------------------------------------------------------------- */   
  
.wp-block-media-text {
  margin: 32px 24px;
  }

.wp-block-getwid-section .wp-block-media-text {
  margin-left: -16px;
  margin-right: -16px;
  }
  
.wp-block-media-text H1 {
  padding-left: 0;  
  padding-right: 0;
  }
  
.wp-block-media-text .wp-block-media-text__media {
  grid-row: 2 !important;
  }
  
.wp-block-media-text .wp-block-media-text__content {
  padding: 30px 25px;
  grid-row: 1 !important;
  } 
  
.wp-block-media-text.has-lightgray-background-color {
  display: block;
  }
  
.wp-block-media-text.has-lightgray-background-color .wp-block-media-text__content {
  padding: 12px;
  }  
  
.wp-block-media-text.has-lightgray-background-color .wp-block-media-text__content H3 {
  font-size: 22px !important;
  }  
  
.wp-block-media-text.has-lightgray-background-color .wp-block-media-text__media IMG {
  max-width: 50%;
  display: block;
  margin: 0 auto 20px auto !important;
  }   
  
.wp-block-media-text:not(.has-background) .wp-block-media-text__content {
  padding-right: 0;
  padding-left: 10px;
  }  

.wp-block-media-text:not(.has-background) {
  margin-bottom: 50px;
  }  
  
.wp-block-media-text P {
  padding-right: 0;
  }  
  
.wp-block-media-text P, 
.wp-block-media-text LI {
  padding-right: 0;
  }
  
/* BLOCK COLUMNS
-------------------------------------------------------------- */   

.wp-block-columns {
  margin: 0 auto;
  padding: 12px 0;
  }
  
.wp-block-column {
  width: 100%;
  display: block;
  }  
  
.wp-block-column:first-child H3 {
  margin-bottom: 0;
  }
  
.wp-block-column:not(:first-child),
.wp-block-columns.grid .wp-block-column:not(:first-child) {
  margin-left: 0;
  }  
  
.wp-block-columns .wp-block-cover .wp-block-cover__inner-container {
  padding-bottom: 25px;
  }
  
.wp-block-getwid-section .wp-block-column {
  padding-left: 0px !important;
  padding-bottom: 10px;
  padding-right: 1em;
  }  
  
/* BLOCK GROUP
-------------------------------------------------------------- */    
  
.wp-block-group {
  margin: 60px auto;
  }
  
/* BLOCK IMAGE BOX
-------------------------------------------------------------- */   
    
.wp-block-getwid-image-box {
  min-height: 240px;
  padding-bottom: 25px;
  }

.wp-block-getwid-image-box IMG {
  width: 32px;
  margin-top: 25px;
  }
  
.wp-block-getwid-image-box H3 {
  margin: 0 0 0.5em 0;
  }

.wp-block-getwid-image-box P A {
  margin-top: 0.5em;
  font-weight: 500;
  font-size: 14px;
  }
  
/* BLOCK SLIDER 
-------------------------------------------------------------- */   
  
.wp-block-getwid-images-slider {
  margin: 30px 0;
  }
  
/* BLOCK AKKORDEON 
-------------------------------------------------------------- */   
  
.wp-block-getwid-accordion {
  margin: 32px auto 50px auto;
  }

.wp-block-getwid-accordion .wp-block-getwid-accordion__header {
  padding: 15px 30px 15px 0;
  font-size: 17px;
  }
  
.wp-block-getwid-accordion .wp-block-getwid-accordion__header-wrapper a {
  display: block;
  }  
  
.wp-block-getwid-accordion__header-title STRONG {
  font-size: 14px;
  position: relative;
  top: -2px;
  }
  
.wp-block-getwid-accordion__header-wrapper:after {
  background-size: 16px auto;
  width: 24px;
  height: 32px;
  right: 0;
  margin-top: -16px;
  }  
  
.wp-block-getwid-accordion__content {
  padding: 0 0 16px 0;
  font-size: 14px;
  }  
  
.wp-block-getwid-accordion__content P,
.wp-block-getwid-accordion__content>:first-child {
  margin-left: 0;
  margin-top: 0 !important;
  padding-right: 0;
  }
  
.wp-block-getwid-accordion__content .wp-block-gallery {
  padding: 10px 0;
  display: block;
  }
  
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
  width: 100%;
  margin-top: 20px;
  }  
  
/* BLOCK IMAGE COMPARE
-------------------------------------------------------------- */  
  
.wp-block-icgb-image-compare {
  margin: 35px 0px;
  border-radius: 0;
  }

.wp-block-icgb-image-compare + P {
  margin-top: -20px !important;
  margin-bottom: 30px !important;
  font-size: 12px !important;
  }  
  
/* NEWS
-------------------------------------------------------------- */     

.page-template-news SECTION.grey,
.page-template-events SECTION.grey {
  padding-top: 10px;
  }
  
/* SINGLE NEWS
-------------------------------------------------------------- */    
  
.single-post .page-head H1 {
  font-size: 24px;
  }
  
.single .post-thumbnail {
  margin-top: 0;
  margin-bottom: 0;
  }
  
.single .post-thumbnail .container {
  padding: 0;
  }  
  
.single .post-thumbnail + SECTION {
  margin-top: 0;
  padding-top: 30px;
  }

/* IMPLANTATE
-------------------------------------------------------------- */   

#implants {
  padding-top: 20px;
  }
  
#implants .dark I {
  font-size: 48px;
  margin-bottom: 20px;
  }
  
#implants .card-element .title {
  font-size: 20px;
  padding-right: 100px;
  margin-bottom: 3px !important;
  }  
  
#implants .card-element .category {
  font-size: 16px;
  }    
  
/* IMPLANTAT DETAIL
-------------------------------------------------------------- */    
  
.single-implant .page-head H1 {
  font-size: 24px;
  }
  
.single-implant #rotation CANVAS {
  width: 100% !important;
  height: auto !important;
  }  
  
.single-implant .features {
  margin-bottom: 30px;
  }  
  
.single-implant .main > P,
.single-implant .main > UL,
.single-implant .main > H1,
.single-implant .main > H2,
.single-implant .main > H3,
.single-implant .main > H4 {
  padding-left: 32px;
  padding-right: 32px;
  }  
  
.single-implant .slider {
  margin-bottom: 50px;
  }  
  
.single-implant .gallery + SECTION.grey {
  margin-top: -260px;
  padding-top: 260px;
  padding-bottom: 1px;
  }
  
.single-implant .wp-block-getwid-images-slider {
  margin-top: 50px;
  margin-bottom: 0;
  }  
  
/* LAZYBLOCKS
------------------------------------------------------------------------------------------------ */   

.block-lazyblock {
  padding-bottom: 0 !important;
  margin-bottom: 20px !important;
  }

.block-lazyblock .head H3 {
  margin-top: -5px;
  margin-bottom: 10px;
  }  

/* CASES
-------------------------------------------------------------- */   

.page-template-cases SECTION.grey {
  padding-bottom: 30px;
  }

.page-template-cases .column {
  margin-bottom: 0;
  }
  
.page-template-cases .card-element .link {
  opacity: 1;
  }
  
#cases {
  padding-bottom: 0;
  overflow: hidden;
  }  
  
#cases .columns {
  margin-top: 0;
  margin-bottom: 0px;
  }    
  
#cases .card-element .link {
  opacity: 1;
  }  
  
/* CASE DETAIL
-------------------------------------------------------------- */   
  

/* QUOTES
-------------------------------------------------------------- */    

#quotes,
#quotes.large {
  margin: 50px 0;
  }
  
#quotes:last-of-type {
  margin-bottom: 0;
  }  
  
#quotes .slick-track {
  display: block;
  }

#quotes .quote BLOCKQUOTE {
  font-size: 18px;
  }
  
#quotes.large .quote FIGURE {
  width: 128px;
  height: 128px;
  min-width: 128px;
  margin: 0px auto 30px auto;
  }  
  
#quotes.large .quote .container {
  display: block;
  }  
  
#quotes.large .quote .text {
  padding-left: 0;
  text-align: center;
  }
  
#quotes.large .quote .author .position {
  padding: 0 50px;
  }  
  
#quotes .slick-arrow {
  display: none !important;
  }  
  
  
/* TEAM
-------------------------------------------------------------- */   
  
#team .card-element FIGURE {
  width: 72px;
  height: 72px;
  min-width: 72px;
  }
  
#team .card-element .padding {
  padding: 16px;
  }  
  
#team .card-element .padding .text {
  padding-left: 24px;
  }  
  
#team .columns {
  padding-bottom: 10px;
  }
  
#team .column {
  padding: 6px;
  }  
  
/* ANIMATION
-------------------------------------------------------------- */   
  
#animation {
  margin: -44px -32px 50px -32px;
  width: 100vw;
  height: 250px;
  }
  
#animation #arrow {
  left: 55px;
  right: 55px;
  background-size: auto 12px;
  }  
  
#animation #life-quality-before {
  left: 8px;
  font-size: 48px;
  margin-top: -24px;
  }
  
#animation #life-quality-after {
  right: 10px;
  font-size: 48px;  
  margin-top: -24px;
  }
  
#animation .circle {
  width: 70px;
  height: 70px;
  left: 50%;
  }  
  
#animation .circle I {
  font-size: 36px;
  line-height: 70px;
  }  
  
#animation .circle.chirurgie {
  top: 90px;
  left: 50%;
  margin-left: -111px;
  }  
  
#animation .circle.strahlentherapie {
  top: 90px;
  margin-left: -36px;
  }
  
#animation .circle.nachsorge {
  top: 90px;
  left: 50%;
  margin-left: 40px;
  }  
  
#animation LABEL {
  font-size: 10px;
  line-height: 1.25;
  }  
  
#animation LABEL.chirurgie {
  width: 70px;
  top: 170px;
  left: 50%;
  margin-left: -111px;
  text-align: center;
  }  
  
#animation LABEL.strahlentherapie {
  width: 100px;
  top: 170px;
  left: 50%;
  margin-left: -50px;
  text-align: center;
  }   
  
#animation LABEL.nachsorge {
  width: 70px;
  top: 170px;
  left: 50%;
  margin-left: 40px;
  text-align: center;
  }     
  
#animation.final .circle.chirurgie {
  top: 105px;
  left: 50%;
  margin-left: -66px;
  }  
  
#animation.final .circle.strahlentherapie {
  top: 60px;
  left: 50%;
  margin-left: -32px;
  }  
  
#animation.final .circle.nachsorge {
  top: 115px;
  left: 50%;
  margin-left: -10px;
  }    
  
#animation.final LABEL.chirurgie {
  top: 160px;
  left: 50%;
  margin-left: -130px;
  }    
  
#animation.final LABEL.strahlentherapie {
  top: 60px;
  left: 50%;
  margin-left: 35px;
  }
  
  
#animation.final.en LABEL.strahlentherapie,
#animation.final.en-us LABEL.strahlentherapie {  
  margin-left: 20px;
  }  
  
#animation.final LABEL.nachsorge {
  top: 180px;
  left: 50%;
  margin-left: 50px;
  }
  
#animation .icon-black-armor {
  font-size: 24px;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -12px;
  }  
  
/* KONTAKTFORMULAR
-------------------------------------------------------------- */   
  
.nf-form-cont {
  padding: 40px 24px;
  margin-top: 0px;
  }

.ninja-forms-form-wrap {
  margin-bottom: 30px;
  }
  
.nf-row {
  margin: 0;
  }  
  
/* SINGLE JOB
-------------------------------------------------------------- */    
  
.single-job .page-head H1 {
  font-size: 24px;
  margin-bottom: 30px;
  }  
  
.single-job .description H1 {
  padding: 0;
  margin: 1.25em 0;
  }  
  
/* RESSOURCEN
-------------------------------------------------------------- */    
  
.dataTables_wrapper .dataTables_filter {
  margin-top: 10px;
  }

.dataTables_length {
  display: none;
  }

.dataTables_wrapper .dataTables_filter INPUT {
  min-width: 100%;
  }
  
.dataTables_wrapper .dataTables_paginate {
  margin-top: 0;
  border: none;
  }  

TABLE.dataTable {
  border: none;
  margin-top: 30px;
  border: none !important;
  }

TABLE.dataTable THEAD {
  display: none;
  }
  
TABLE.dataTable tbody TR {
  display: block;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  }  
  
TABLE.dataTable tbody TD {
  display: block;
  margin-bottom: 0.5em;
  border: none;
  padding: 0;
  border: none;
  }
  
TABLE.dataTable tbody TD.title,
TABLE.dataTable tbody TD.author {
  font-size: 14px;
  line-height: 1.3;
  }  
  
TABLE.dataTable tbody TD.date {
  float: left;
  font-size: 13px;
  }  
  
TABLE.dataTable tbody TD.downloads {
  float: right;
  margin-top: -5px;
  }   
  
A.download .filesize {
  min-width: auto;
  font-size: 13px;
  }  
  
A.download .filesize U {
  font-size: 13px;
  }  
  
TABLE.dataTable tbody TD.tags {
  padding-right: 50px;
  clear: both;
  }  
  
TABLE.dataTable tbody TD.tags,
TABLE.dataTable tbody TD.links {
  margin-bottom: 0;
  padding-top: 0;
  }  
  
TABLE.dataTable tbody TD.description {
  font-size: 13px;
  }
  
TABLE.dataTable tbody TD.links .link {
  position: absolute;
  right: 0;
  bottom: 20px;
  }
  
#tag-active {
  position: relative;
  width: 100%;
  text-align: center;
  top: auto;
  right: auto;
  }  
  
#tag-active .tag {
  display: inline-block;
  }  
  
#tag-active .tag .remove {
  line-height: 18px;
  }  
  
.tag {
  font-size: 13px;
  }
  
/* FOOTNOTES
-------------------------------------------------------------- */  
  
.modern-footnotes-footnote A,
.modern-footnotes-footnote__note A {
  font-size: 10.5px;
  }
  
.modern-footnotes-footnote__note A.close {
  top: 7px;
  right: 7px;
  }  
  
.modern-footnotes-footnote__note .nr {
  left: 0px;
  width: 25px;
  text-align: right;
  }  
  
.modern-footnotes-footnote__note {
  padding-right: 20px;
  padding-left: 40px;
  }

/* FOOTER
-------------------------------------------------------------- */  

FOOTER  {
  height: auto;
  }
  
FOOTER .wrapper {
  padding-top: 25px;
  }

FOOTER .logo {
  margin-bottom: 30px;
  }
  
FOOTER NAV.quicklinks {
  float: none;
  margin-bottom: 20px;
  } 
  
FOOTER NAV.quicklinks:after {   
  clear: both;
  display: table;
  content: " ";
  }
  
FOOTER NAV.quicklinks UL LI A {
  font-size: 20px;
  }
  
FOOTER .menu.right {
  width: 100%;
  float: none;
  }  
  
FOOTER NAV.main > DIV > UL {
  display: block;
  }
  
FOOTER NAV.main UL LI A {
  font-weight: 500;
  font-size: 14px;
  padding: 20px 0 5px 0;
  }  
  
FOOTER NAV.main > DIV > UL UL {
  display: block;
  }
  
FOOTER NAV.main > DIV > UL UL LI A {
  font-size: 12px;
  }  
  
FOOTER NAV UL LI.eifu A:after {
  padding-top: 0;
  }    
  
FOOTER FORM INPUT {
  font-size: 16px;
  }  
  
FOOTER .languages.open .dropdown {
  left: calc(100% + 20px);
  }  
  
FOOTER .bottom {
  position: static;
  font-size: 12px;
  margin-top: 30px;
  }
  
FOOTER .bottom .wrapper {
  font-size: 12px;
  }  
  
FOOTER .bottom .left,
FOOTER .bottom .right {  
  float: none;
  margin-bottom: 20px;
  }
  
FOOTER .bottom .right {
  position: relative;
  margin-bottom: 20px;
  }
  
FOOTER .bottom .right:after {  
  content: " ";
  clear: both;
  display: table;
  }

FOOTER .bottom NAV UL LI {
  margin-left: -25px;
  }
  
FOOTER .bottom NAV UL LI A {
  padding: 0 15px 5px 25px;
  }
  
FOOTER .bottom NAV UL LI.icon {
  position: absolute;
  top: -30px;
  left: 0;
  margin-left: 0;
  }
  
FOOTER .bottom NAV LI.icon A {
  padding-left: 0;
  padding-right: 5px;
  }  
  
FOOTER .bottom NAV UL LI.icon + LI.icon {  
  left: 35px;
  }
  
FOOTER .bottom NAV UL LI.icon + LI.icon + LI.icon {  
  left: 70px;
  }  
  
FOOTER .bottom NAV UL LI.icon A:before {  
  padding-left: 0;
  }
  
FOOTER .bottom .copyright {
  margin-bottom: 0;
  clear: both;
  }
  
/* INTRO / SPLASH PAGE
------------------------------------------------------------------------------------------------ */ 

.page-template-intro #burger {
  display: none;
  }
  
.page-template-intro H1 {
  font-size: 24px !important;
  }
  
.page-template-intro .wp-block-columns {
  padding-top: 0;
  }  
  
.page-template-intro .wp-block-getwid-section .wp-block-column {
  padding-right: 0;
  margin-bottom: 10px;
  }
  
.page-template-intro .wp-block-getwid-section__content {
  padding-left: 16px;
  padding-right: 16px;
  }
  
.page-template-intro .wp-block-getwid-section .wp-block-column .wp-block-cover {
  min-height: 100vw !important;
  }
  
.page-template-intro .wp-block-columns .wp-block-cover .wp-block-cover__inner-container {
  padding-bottom: 50px;
  }
  
.page-template-intro .wp-block-getwid-section H2 {
  font-size: 25px !important;
  margin-bottom: 0px !important;
  }
  
.page-template-intro .wp-block-buttons {
  margin-top: 25px;
  }
  
.page-template-intro FOOTER {
  height: auto;
  }
  
.page-template-intro FOOTER .wrapper {
  padding-top: 0;
  }
  
.page-template-intro FOOTER .bottom {
  margin-top: 0;
  padding-top: 0;
  } 
  
/* PATIENTS
------------------------------------------------------------------------------------------------ */   

BODY.patients HEADER .right {
  left: 0;
  bottom: 120px;
  }

BODY.patients FOOTER {
  height: auto;
  }
  
BODY.patients FOOTER .menu.right {
  width: 100%;
  overflow: hidden;
  }  
  
BODY.patients FOOTER .more {
  margin: 0;
  }  
  
/* SURGEON LOCATOR
------------------------------------------------------------------------------------------------ */    

BODY.page-template-surgeon-locator HEADER {
  box-shadow: none;
  }

#surgeon-locator {
  overflow: hidden;
  }

#map {
  margin: 104px 0 0 0;
  float: left;
  width: 100%;
  height: 157vw;
  max-height: calc(100vh - 174px);
  border-left: 6px solid var(--primary-color);
  }

#pac-card {
  position: fixed;
  z-index: 10;
  background: #fff;
  top: 70px;
  height: 104px;
  width: 100%;
  padding: 0px 32px 0px 32px;
  border-right: 0;
  border-left: 0;
  }
  
#pac-card #title {
  display: none;
  }  
  
#pac-card .map-mode-switch__container {   
  display: block;
  position: absolute;
  bottom: 0;
  font-size: 14px;
  font-weight: 500;
  left: 32px;
  right: 32px;
  border-bottom: 1px solid #f0f0f0;
  }
  
#pac-card .map-mode-switch__container SPAN {    
  color: #646363;
  line-height: 48px;
  display: inline-block;
  padding: 0 8px;
  margin-right: 20px;
  margin-bottom: -1px;
  }  
  
#pac-card .map-mode-switch__container .map-mode-switch--active {
  border-bottom: 2px solid var(--primary-color);
  color: var(--primary-color);
  }  
  
#panel {
  border-right: 0;
  top: 120px;
  left: 16px;
  right: 16px;
  width: auto;
  height: auto;
  bottom: auto;
  border-left: none;
  box-shadow: 0px 12px 32px 0px #0000001F;
  transition: 0.2s;
  }
  
#panel.hidden {
  transform: translateY(-300px);
  }  
  
#panel-content {
  max-height: 200px;
  position: relative;
  }  
  
#panel .shop-item {
  padding: 16px 16px;
  }  
  
BODY:not(.body--list-mode) #panel-close {
  height: 32px;
  background: #fff;
  }  
  
BODY:not(.body--list-mode) #panel-close:after {
  display: block;
  font-family: icomoon;
  font-size: 14px;
  content: "\e90b";
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  float: right;
  }  
  
BODY:not(.body--list-mode) #panel .shop-item__text A,
BODY:not(.body--list-mode) #panel .shop-item__address,
BODY:not(.body--list-mode) #panel .shop-item__sidebar {
  display: none;
  }
  
BODY:not(.body--list-mode) #panel .shop-item__title {
  margin-bottom: 0;
  }
  
BODY:not(.body--list-mode) #panel .shop-item__title:after {  
  font-family: icomoon;
  content: "\e905";
  font-size: 11px;
  line-height: 24px;
  float: right;
  }
  
BODY:not(.body--list-mode) #panel .shop-item:not(.shop-item--active) {
  display: none;
  } 
  
BODY:not(.body--list-mode) #panel .shop-item:hover {  
  display: block;
  background: #CA814914;
  }
  
BODY:not(.body--list-mode) #panel .shop-item {    
  background: #fff;
  }
  
BODY:not(.body--list-mode) #panel .shop-item.shop-item--active:not(:has(~ .shop-item--active)) {    
  border-bottom: none;
  }
  
/* List Mode 
----------------------------------- */

BODY.body--list-mode #map {
  display: none;
  }

BODY.body--list-mode #panel {
  position: relative;
  left: 0;
  top: 0;
  margin-top: 104px;
  height: auto;
  max-height: none;
  }
  
BODY.body--list-mode #panel-content {  
  position: relative;
  max-height: none;
  }
  
/* GLOSSARY
------------------------------------------------------------------------------------------------ */ 

#glossary {
  padding-top: 32px;
  }
  
#glossary .search {
  margin-bottom: 32px;
  }
  
#glossary .terms {
  margin-left: -8px;
  margin-right: -8px;
  }  
  
#glossary .term {
  flex-direction: column;
  padding: 20px 16px;
  margin-bottom: 16px;
  }
  
#glossary .term .title {
  width: 100%;
  font-size: 16px;
  margin-bottom: 20px;
  }
  
#glossary .term .description {
  width: 100%;
  }
  
SPAN.glossary-term {
  position: static;
  }  
  
SPAN.glossary-description:after {
  display: none;
  }  
  
SPAN.glossary-description .glossary-close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  font-family: icomoon;
  font-size: 14px;
  color: #fff;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  }  
  
SPAN.glossary-description .glossary-close:after {
  font-family: icomoon;
  content: "\e90b";
  }  
 
SPAN.glossary-term .glossary-description {
  padding-right: 30px;
  left: 26px;
  right: 26px;
  bottom: auto;
  margin-left: 0;
  width: auto;
  }  
  
SPAN.glossary-term:hover .glossary-description {    
  opacity: 0;
  transform: translateY(10px);
  visibility: hidden;
  }  
  
SPAN.glossary-term:hover .glossary-description.show {    
  opacity: 1;
  transform: translateY(0px);
  visibility: visible;
  }  
  
/* PATIENTS
------------------------------------------------------------------------------------------------ */   

.patients .wp-block-post-content > .wp-block-cover:first-child {
  margin-top: 0;
  margin-bottom: 40px;
  }
  
.patients .wp-block-post-content > .wp-block-cover H1.has-text-align-center {
  font-size: 28px !important;
  margin-bottom: 10px !important;
  }
  
.patients .wp-block-post-content > .wp-block-cover H3 {
  font-size: 16px !important;
  margin: 0 !important;
  }  
  
.patients .wp-block-post-content > .wp-block-cover .wp-block-cover__inner-container {
  padding-bottom: 40px;
  }
  
.patients H1.has-text-align-center {
  margin-bottom: 50px !important;
  }
  
.patients .wp-block-getwid-section .wp-block-columns:first-child {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  }
  
.patients .wp-block-getwid-section .wp-block-column {
  padding-right: 0 !important;
  margin-bottom: 10px !important;
  }
  
.wp-block-columns.patients.steps {
  margin: 20px auto !important;
  }
  
.wp-block-columns.patients.steps .wp-block-column:after {
  top: auto;
  bottom: -80px;
  margin-right: -40px;
  right: 50%;
  height: 80px;
  line-height: 80px;
  transform: rotate(90deg);
  }
  
.wp-block-getwid-section .wp-block-cover.patients {
  min-height: 100vw !important;
  }
  
.wp-block-getwid-section .wp-block-cover.patients H3 {
  padding-right: 30px;
  }  
  
.wp-block-getwid-section .wp-block-cover.patients H3 BR {
  display: none !important;
  }
  
.wp-block-getwid-section .wp-block-cover.patients .has-background-dim {
  opacity: 0.35 !important;
  }
  
.wp-block-buttons .wp-block-button:only-child .wp-block-button__link {
  margin-left: 0px;
  }



















