@charset "UTF-8";

      body {
margin: 0; }  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; } audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0; } [hidden],
template {
display: none; }  a {
background-color: transparent; } a:active,
a:hover {
outline: 0; }  abbr[title] {
border-bottom: 1px dotted; } b,
strong {
font-weight: bold; } dfn {
font-style: italic; } h1 {
font-size: 2em;
margin: 0.67em 0; } mark {
background: #ff0;
color: #000; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }  img {
border: 0; } svg:not(:root) {
overflow: hidden; }  figure {
margin: 1em 40px; } hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0; } pre {
overflow: auto; } code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible; } button,
select {
text-transform: none; } button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default; } button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; } input {
line-height: normal; } input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; } input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; } legend {
border: 0; padding: 0; } textarea {
overflow: auto; } optgroup {
font-weight: bold; }  table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }      @font-face {
font-family: 'Antartida light';
src: url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/fonts/antartidaessential-light-webfont.eot);
src: url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/fonts/antartidaessential-light-webfont.eot?#iefix) format("embedded-opentype"), url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/fonts/antartidaessential-light-webfont.woff2) format("woff2"), url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/fonts/antartidaessential-light-webfont.woff) format("woff"), url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/fonts/antartidaessential-light-webfont.ttf) format("truetype"), url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/fonts/antartidaessential-light-webfont.svg#antartidaessentiallight) format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Antartida bold';
src: url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/fonts/antartidaessential-bold-webfont.eot);
src: url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/fonts/antartidaessential-bold-webfont.eot?#iefix) format("embedded-opentype"), url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/fonts/antartidaessential-bold-webfont.woff2) format("woff2"), url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/fonts/antartidaessential-bold-webfont.woff) format("woff"), url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/fonts/antartidaessential-bold-webfont.ttf) format("truetype"), url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/fonts/antartidaessential-bold-webfont.svg#antartidaessentialbold) format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Antartida lLtIt';
src: url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/fonts/antartidaessential-light-italic-webfont.eot);
src: url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/fonts/antartidaessential-light-italic-webfont.eot?#iefix) format("embedded-opentype"), url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/fonts/antartidaessential-light-italic-webfont.woff2) format("woff2"), url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/fonts/antartidaessential-light-italic-webfont.woff) format("woff"), url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/fonts/antartidaessential-light-italic-webfont.ttf) format("truetype"), url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/fonts/antartidaessential-light-italic-webfont.svg#antartidaessentialLtIt) format("svg");
font-weight: normal;
font-style: normal; }
.has-background {
padding: 0 !important; }
body {
font-family: 'Antartida light', sans-serif;
font-size: 100%;
font-weight: 100;
color: #0f0f0f;
line-height: 1.4;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }
h1, h2, h3, h4, h5, h6 {
line-height: 1.1;
margin-top: 0;
hyphens: auto; }
h1 {
font-family: 'Antartida bold', sans-serif;
font-size: 200%;
font-weight: 300;
margin-bottom: 1em;
text-transform: uppercase; }
@media (max-width: 480px) {
h1 {
font-size: 180%; } }
h1.main-h1 {
font-size: 260%; }
@media (max-width: 700px) {
h1.main-h1 {
font-size: 240%; } }
@media (max-width: 480px) {
h1.main-h1 {
font-size: 180%; } }
h2 {
font-family: 'Antartida bold', sans-serif;
font-size: 170%;
font-weight: 300;
margin-bottom: 1em; }
@media (max-width: 480px) {
h2 {
font-size: 150%; } }
h2.widgettitle {
display: none; }
h2.interims-h2 {
color: #b9b9b9;
font-size: 150%;
margin-bottom: .5em; }
h3 {
font-family: 'Antartida bold', sans-serif;
font-size: 150%;
font-weight: 300;
margin-bottom: .8em;
margin-top: 0; }
@media (max-width: 480px) {
h3 {
font-size: 160%; } }
h4 {
font-size: 140%;
font-style: italic;
font-weight: 300;
margin-bottom: 2em;
margin-top: 0.6em;
line-height: 1.1em; }
h5 {
font-size: 130%;
margin: 0 0 1em;
line-height: 1.1em; }
h6 {
font-size: 110%;
margin-bottom: 0.4em;
line-height: 1.1em; }
#header-logo h1, .hidden-text, .screen-reader-text { margin: 0;
overflow: hidden;
text-indent: 100% !important;
white-space: nowrap; }
.site-title {
color: #fff; }
.content-column h2.textindent {
text-indent: -60px; }
@media (max-width: 1200px) {
.content-column h2.textindent {
text-indent: -30px; } }
@media (max-width: 1090px) {
.content-column h2.textindent {
text-indent: 0px; } }
.nobottommargin {
margin-bottom: 0 !important; }
p {
margin: 0 0 1.2em 0;
hyphens: auto; }
.praxisrubriken p {
color: #C2C2C2; }
.quotes {
color: #4b4b4b;
font-family: 'Droid Serif', serif; }
.quote {
font-size: 108%;
font-style: italic; }
.quotebox {
margin-bottom: 15px;
padding-top: 15px; }
.quotes p {
margin-bottom: 8px; }
.q-caption {
color: #8d8d8d;
font-size: 12px;
margin-bottom: 30px !important; }
p.four-o-four {
font-size: 1000%;
line-height: 0.2;
margin-bottom: 0.6em; }
p.roofline {
color: #6B6B6B;
font-size: 12px;
margin-bottom: 5px;
letter-spacing: 0.2em;
text-transform: uppercase; }
a {
color: #505a63;
text-decoration: underline; }
.content-dark a,
.content-dark a.button,
p.has-white-color a {
color: #b0b6bb !important; }
.content-dark a {
color: #d6d6d6 !important; }
.content-dark a:hover, p.has-white-color a:hover {
color: #fff !important; }  a:hover, a:focus, a:active {
color: #000; }
a.tab, .pagination-button > a { background: #939393;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #fff;
cursor: pointer;
display: block;
font-size: 80%;
line-height: 1.1em;
padding: 8px 0 7px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: all 0.25s;
-moz-transition: all 0.25s;
-ms-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s; }
.tab-single-line > a.tab {
padding: 12px 0 11px; } .tab-multi-line > a.tab {
padding: 5px 0 3px; }
a.tab {
margin: 0 2px;
padding: 10px 40px; } a.tab:active, a.tab:focus, a.tab:hover,
.pagination-button > a:active, .pagination-button > a:focus, .pagination-button > a:hover {
background: #282828;
text-decoration: none; }
.current > a.tab {
background: #282828; color: #fff;
cursor: default; }
.tab-multi-line.current > a.tab {
padding: 8px 0 7px; }
.tab-single-line.current > a.tab {
padding: 15px 0; }
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
text-decoration: none !important; }
ol li {
margin-bottom: 1em; }
ol li ul {
padding: 6px 0; }
ol li ul li {
margin-bottom: .1em;
padding: 3px 0; }
sup {
top: -0.5em;
font-weight: 100 !important;
font-family: 'Antartida', sans-serif !important; }
b, strong {
font-family: 'Antartida bold', sans-serif;
font-weight: 400; }
hr {
border: 0;
height: 1px;
background: #c8c8c8;
margin-bottom: 25px; }
small, figcaption {
font-size: 80%;
line-height: 1.2em;
color: #707070; }
small > a {
display: inline-block;
line-height: 1.1em; }
.grw-btns {
font-size: 6px; }
.fontweight-normal {
font-family: 'Antartida light', sans-serif;
font-weight: normal !important; }
.bc-container {
color: #707070;
font-size: 80%;
letter-spacing: 0.06em;
margin: 0 4px 14px;
text-transform: uppercase; }
@media (max-width: 700px) {
.bc-container {
font-size: 65%; } }
.contentbox-links a {
color: #a69c87;
font-weight: bold;
padding: 0 4px;
text-transform: uppercase; }
.contentbox-links a:active, .contentbox-links a:focus, .contentbox-links a:hover {
color: #111 !important; }
.termin-date {
font-family: 'Source Sans Pro';
font-size: 24px;
font-weight: 600;
margin-bottom: 2px;
line-height: 1; }
.search-results-headline {
margin-bottom: 30px;
padding-top: 70px; }
#lang-switch {
color: #c4c4c4; }
#lang-switch a {
color: #acaaa5;
font-size: 90%;
letter-spacing: 1px;
line-height: 1em;
padding: 6px;
text-decoration: none; }
#lang-switch a:hover, #lang-switch a:focus, #lang-switch a:active {
background: #F8F8F8;
color: #000;
text-decoration: none; }
.nowrap {
white-space: nowrap; }
.verticalaligned {
line-height: 20px;
display: inline-block;
vertical-align: middle; }
.button, .pb-button, .aside-product-facts, .input-field, a.tab, .tabbed-panels h5 {
font-size: 90%; }
.wp-block-button__link, input.wpcf7-submit, .button {
background-color: #32373c;
border: 1px solid #32373c;
border-radius: 1.75em;
color: #fff;
font-size: 94%;
letter-spacing: 0.1em;
padding: 1.2em 2.2em !important;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.btnpink .wp-block-button__link, .btnpink input.wpcf7-submit, .btnpink .button {
background-color: #ac136e !important;
border: 1px solid #870050;
color: #fff; }
.button:hover,
.wp-block-button__link:active,
input.wpcf7-submit:active,
.button:active,
.wp-block-button__link:focus,
input.wpcf7-submit:focus,
.button:focus,
.wp-block-button__link:hover,
input.wpcf7-submit:hover { background-color: #ac136e !important;
border: 1px solid #61003a;
color: #fff; }
button.rpi-dot {
padding: 2px !important; }
.instabutton {
background: #32373c url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/images/instagram.webp) top 13px left 25px no-repeat;
background-size: 34px;
padding-left: 70px !important;
text-transform: none !important; }
.button, .pb-button > a, .pb-button .pagenavi a {
border: 1px solid #c8c8c8;
color: #c8c8c8;
cursor: pointer;
text-decoration: none !important;
text-transform: uppercase;
max-width: 350px;
padding: 10px 0;
text-align: center;
width: 100%; }
.input-field {
border: none;
background: #ececec;
color: #272727;
height: 30px;
padding: 0 6px;
width: 60%; }
.bookingbutton {
background: #f7f7f7;
border: none;
border-radius: 40px;
box-sizing: border-box;
display: block; height: 60px;
margin-bottom: 12px;
width: 240px; }
@media (max-width: 700px) {
.bookingbutton {
width: 100%; } }
.bookingbutton:hover {
background: #ac136e;
color: #fff; }
.bookingbutton#availy {
background: #f7f7f7 url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/images/button_w-signet.webp) center center no-repeat;
background-size: 50px; }
.bookingbutton#availy:hover {
background: #ac136e url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/images/button_w-signet_r.webp) center center no-repeat;
background-size: 50px; }
.bookingbutton#doctolib {
background: #f7f7f7 url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/images/bb-Doctolib.webp) center center no-repeat;
background-size: 80px;
font-size: 0px;
text-indent: -99999px; }
.bookingbutton#doctolib:hover {
background: #2594d2 url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/images/bb-Doctolib-r.webp) center center no-repeat;
background-size: 80px; }
::-webkit-input-placeholder {
font-style: italic;
font-size: 90%; color: #0b0c0d;
letter-spacing: 2px; }
:-moz-placeholder { font-style: italic;
font-size: 90%; color: #0b0c0d;
letter-spacing: 2px; }
::-moz-placeholder { font-style: italic;
font-size: 90%; color: #0b0c0d;
letter-spacing: 2px; }
:-ms-input-placeholder {
font-style: italic;
font-size: 90%; color: #0b0c0d;
letter-spacing: 2px; } .sidebar-black, .sidebar-black p, .sidebar-black h1, .sidebar-black h2, .sidebar-black h3, .sidebar-black h4, .sidebar-black h5, .sidebar-black h6 {
color: #fff; }
.search-text * {
color: #fff; }
.search-text-hl {
font-family: 'Source Sans Pro';
font-size: 200%;
font-weight: 300;
line-height: 1.1;
margin-bottom: 2px;
text-transform: uppercase; }
.role {
text-transform: none; }
.bgrimage {
background: #706e6e;
color: #fff; }
.bgrimage h1, .bgrimage h2, .bgrimage h3, .bgrimage h4, .bgrimage h5, .bgrimage h6 {
color: #fff; }
.slideshow-text {
color: #bebebe;
font-family: 'Source Sans Pro bold';
font-size: 150%;
line-height: 1.1;
text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.3);
text-transform: uppercase; }
.caption-wrap > .caption {
line-height: 1.2em !important;
font-size: 130%; }
.caption-wrap > .caption h1, .caption-wrap > .caption h2, .caption-wrap > .caption h3, .caption-wrap > .caption h4, .caption-wrap > .caption h5, .caption-wrap > .caption h6 {
margin-bottom: .2em; }
.caption-wrap > .caption h2 {
letter-spacing: -0.03em; }
@media (max-width: 1200px) {
.caption-wrap > .caption h2 {
font-size: 180%; } }
@media (max-width: 800px) {
.caption-wrap > .caption h2 {
font-size: 160%; } }
@media (max-width: 700px) {
.caption-wrap > .caption h2 {
font-size: 140%; } }
@media (max-width: 700px) {
.caption-wrap > .caption h2 {
font-size: 120%; } }
@media (max-width: 1200px) {
.caption-wrap > .caption h4 {
font-size: 120%; } }
@media (max-width: 700px) {
.caption-wrap > .caption h4 {
font-size: 100%; } }
.utilities, #footer-meta-nav {
font-size: 68%; }
.utilities a, .meta-nav a {
color: #c8c8c8;
font-family: 'Source Sans Pro'; font-style: normal;
letter-spacing: 1px;
line-height: 14px;
text-transform: uppercase; }
.ytp-title-text {
font-size: 50% !important; }
.html5-video-player a, .ytp-title, .ytp-title-link, .ytp-title-channel-name {
font-size: 90% !important; }
#footer-meta-nav a, footer a {
color: #2E2E2E !important; }
#footer-meta-nav a:hover, #footer-meta-nav a:focus, #footer-meta-nav a:active {
text-decoration: none;
color: #fff; }
.footer-nav-list li > a {
color: #2E2E2E;
line-height: 1.7;
font-size: 80%; }
.footer-nav-list li > a:active, .footer-nav-list li > a:focus, .footer-nav-list li > a:hover {
color: #fff; }
#site-breadcrumb {
font-family: 'Droid Serif', serif !important;
font-style: italic;
text-transform: none !important; }
#site-breadcrumb a { }
#site-breadcrumb a:active, #site-breadcrumb a:focus, #site-breadcrumb a:hover,
.meta-nav a:active, .meta-nav a:focus, .meta-nav a:hover {
color: #fff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); } .meta-nav a:after {
content: ''; }
.bc-active {
font-family: 'Droid Serif italic';
font-style: normal;
font-weight: normal;
text-transform: none; }
.main-item {
font-family: 'Source Sans Pro bold';
text-transform: uppercase; }   @media screen {
.menuTrigger {
background: url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/images/nav-icon.png);
background: url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/images/nav-icon.svg), none;
background-repeat: no-repeat;
background-size: 100%;
display: none;
position: absolute;
right: 80px; width: 25px;
height: 35px;
z-index: 99;
cursor: pointer;
vertical-align: middle;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;  } }
@media screen and (max-width: 800px) {
.menuTrigger {
display: inline-block;
right: 12px;
top: 20px; } }
@media screen {
.menuTrigger.open {
background: url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/images/nav-icon-close.png);
background: url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/images/nav-icon-close.svg), none;
background-repeat: no-repeat;
background-size: 100%; height: 20px; width: 20px; } }
@media screen and (max-width: 1200px) {
.menuTrigger.open {
top: 50px; } }
@media screen and (max-width: 1200px) {
.menuTrigger.open {
right: 20px;
top: 25px; } }
@media screen and (max-width: 800px) {
.menuTrigger.open {
right: 30px;
top: 30px; } }
@media screen and (max-width: 480px) {
.menuTrigger.open {
right: 20px;
top: 25px; } }
@media screen {
.menuTrigger.open:hover {
opacity: 1; }
header.smaller .menuTrigger {
right: 20px;
top: 21px; } }
@media screen and (max-width: 480px) {
header.smaller .menuTrigger {
right: 12px;
top: 20px; } }
@media screen {
header.smaller .menuTrigger.open {
top: 26px; } }
@media screen and (max-width: 800px) {
header.smaller .menuTrigger.open {
right: 20px;
top: 25px; } }
@media screen {
.sub-nav-list { padding-bottom: 20px;
position: absolute;
top: 58px;
right: 40px;
z-index: 12;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease; } }
@media screen and (min-width: 1441px) {
.sub-nav-list {
top: 98px; } }
@media screen and (max-width: 1200px) {
.sub-nav-list {
top: 25px; } }
@media screen and (max-width: 800px) {
.sub-nav-list {
background: #fff; top: 80px;
width: 100%; } }
@media screen {
.sub-nav-list.list-closed {
right: 6vw; } }
@media screen and (max-width: 1440px) {
.sub-nav-list.list-closed {
right: 40px; } }
@media screen and (max-width: 1200px) {
.sub-nav-list.list-closed {
right: 30px;
top: 30px; } }
@media screen and (max-width: 800px) {
.sub-nav-list.list-closed {
right: -800px;
top: 70px; } }
@media screen {
.sub-nav-list.list-open {
right: 40px;   } }
@media screen and (max-width: 1200px) {
.sub-nav-list.list-open {
top: 25px; } }
@media screen and (max-width: 800px) {
.sub-nav-list.list-open {
top: 70px;
right: 0; } }
@media screen {
header.smaller .sub-nav-list {
top: 24px; }
header.smaller .sub-nav-list.list-open {
right: 0;
top: 24px; }
.sub-nav-list ul {
margin: 0; }
.sub-nav-list ul > li { list-style: none;
display: inline;
float: left;
margin: 0; } }
@media screen and (max-width: 800px) {
.sub-nav-list ul > li {
float: none;
display: block;
width: 100%; } }
@media screen {
.sub-nav-list ul > li > a {
color: #E5E5E5;
text-decoration: none;
font-family: 'Antartida bold', sans-serif;
font-size: 114%;
font-weight: 400;
letter-spacing: 0.04em; padding: 14px 10px 14px 20px;
line-height: 1.4;
text-transform: uppercase;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; } }
@media screen and (min-width: 1800px) {
.sub-nav-list ul > li > a {
font-size: 130%; } }
@media screen and (max-width: 1440px) {
.sub-nav-list ul > li > a {
padding: 10px 13px; } }
@media screen and (max-width: 1200px) {
.sub-nav-list ul > li > a {
font-size: 100%; } }
@media screen and (max-width: 800px) {
.sub-nav-list ul > li > a {
color: #000;
display: block;
text-align: center; } }
@media screen and (max-width: 800px) {
.menu li:first-of-type > a {
padding-top: 30px; } }
@media screen and (max-width: 800px) {
.menu li:last-of-type > a {
padding-bottom: 34px; } }
@media screen and (max-width: 800px) {
.menu li > ul {
display: none; } }
@media screen {
header.smaller .sub-nav-list ul li > a {
color: #000; }
.sub-nav-list ul li > a:hover { opacity: 1; } .menu li.menu-item-has-children { }
.menu > li.menu-item-has-children {
padding-right: 24px; }
.menu li.menu-item-has-children:hover > ul {
pointer-events: all;
top: 28px; }
.menu li.menu-item-has-children:hover > ul > li {
padding: 0 !important; }
.menu li.menu-item-has-children:hover > ul > li > a { opacity: 1 !important; }
.menu li.menu-item-has-children:hover > ul > li > a:hover {
color: white !important; }
.menu li.menu-item-has-children {
position: relative; }
.menu > li.menu-item-has-children > a:after {
content: url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/images/menu-item-dropdown-arrow.svg);
height: 10px;
width: 10px;
display: block;
position: absolute;
right: 20px;
top: 0;
transform: rotate(0deg);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
header.smaller .menu li.menu-item-has-children > a:after {
content: url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/images/menu-item-dropdown-arrow-dark.svg); }
.menu > li.menu-item-has-children:hover > a:after {
right: 10px;
transform: rotate(90deg);
top: 10px; } .sub-menu {
left: 0;
pointer-events: none;
position: absolute;
top: 0; width: 100%; z-index: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;  }
.sub-menu li {
border-left: none;
display: block !important;
float: none !important; text-align: left;
min-width: 200px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; } }
@media screen and (min-width: 1800px) {
.sub-menu li {
min-width: 240px; } }
@media screen {
.sub-menu li a {
background: rgba(0, 0, 0, 0.85);
color: rgba(255, 255, 255, 0.74) !important;
display: block !important;
font-family: 'Antartida', sans-serif !important;
font-size: 100%;
line-height: 1.2 !important;
opacity: 0 !important;
padding: 12px 10px 12px 20px !important;
text-transform: none !important;
width: 100%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.sub-menu li a:hover {
background: rgba(0, 0, 0, 0.95); }
.sub-menu li:first-of-type a {
padding: 26px 10px 12px 20px !important; }
.sub-menu li:last-of-type a {
padding: 12px 10px 30px 20px !important; }
.sub-menu li.current-menu-item > a {
background: rgba(0, 0, 0, 0.95); }
.sub-menu li.menu-item-has-children > a::after {
content: url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/images/menu-item-dropdown-arrow.svg);
height: 10px;
width: 10px;
display: block;
position: absolute;
right: -18px;
top: 14px; }
.sub-menu .sub-menu {
left: calc(100% + 28px);
top: -16px !important;
width: 100%; } }   .visible {
opacity: 1; }
.dimmed {
opacity: 0.15; } #floatingCirclesG {
height: 54px;
left: -200%;
margin: auto;
position: absolute;
bottom: 30%;
width: 54px;
z-index: 100;
transform: scale(0.6);
-o-transform: scale(0.6);
-ms-transform: scale(0.6);
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6); }
.f_circleG {
position: absolute;
background-color: white;
height: 10px;
width: 10px;
border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
animation-name: f_fadeG;
-o-animation-name: f_fadeG;
-ms-animation-name: f_fadeG;
-webkit-animation-name: f_fadeG;
-moz-animation-name: f_fadeG;
animation-duration: 1.04s;
-o-animation-duration: 1.04s;
-ms-animation-duration: 1.04s;
-webkit-animation-duration: 1.04s;
-moz-animation-duration: 1.04s;
animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-direction: normal;
-o-animation-direction: normal;
-ms-animation-direction: normal;
-webkit-animation-direction: normal;
-moz-animation-direction: normal; }
#frotateG_01 {
left: 0;
top: 22px;
animation-delay: 0.39s;
-o-animation-delay: 0.39s;
-ms-animation-delay: 0.39s;
-webkit-animation-delay: 0.39s;
-moz-animation-delay: 0.39s; }
#frotateG_02 {
left: 6px;
top: 6px;
animation-delay: 0.52s;
-o-animation-delay: 0.52s;
-ms-animation-delay: 0.52s;
-webkit-animation-delay: 0.52s;
-moz-animation-delay: 0.52s; }
#frotateG_03 {
left: 22px;
top: 0;
animation-delay: 0.65s;
-o-animation-delay: 0.65s;
-ms-animation-delay: 0.65s;
-webkit-animation-delay: 0.65s;
-moz-animation-delay: 0.65s; }
#frotateG_04 {
right: 6px;
top: 6px;
animation-delay: 0.78s;
-o-animation-delay: 0.78s;
-ms-animation-delay: 0.78s;
-webkit-animation-delay: 0.78s;
-moz-animation-delay: 0.78s; }
#frotateG_05 {
right: 0;
top: 22px;
animation-delay: 0.91s;
-o-animation-delay: 0.91s;
-ms-animation-delay: 0.91s;
-webkit-animation-delay: 0.91s;
-moz-animation-delay: 0.91s; }
#frotateG_06 {
right: 6px;
bottom: 6px;
animation-delay: 1.04s;
-o-animation-delay: 1.04s;
-ms-animation-delay: 1.04s;
-webkit-animation-delay: 1.04s;
-moz-animation-delay: 1.04s; }
#frotateG_07 {
left: 22px;
bottom: 0;
animation-delay: 1.17s;
-o-animation-delay: 1.17s;
-ms-animation-delay: 1.17s;
-webkit-animation-delay: 1.17s;
-moz-animation-delay: 1.17s; }
#frotateG_08 {
left: 6px;
bottom: 6px;
animation-delay: 1.3s;
-o-animation-delay: 1.3s;
-ms-animation-delay: 1.3s;
-webkit-animation-delay: 1.3s;
-moz-animation-delay: 1.3s; }
@keyframes f_fadeG {
0% {
background-color: #a1a1a1; }
100% {
background-color: white; } }
@-o-keyframes f_fadeG {
0% {
background-color: #a1a1a1; }
100% {
background-color: white; } }
@-ms-keyframes f_fadeG {
0% {
background-color: #a1a1a1; }
100% {
background-color: white; } }
@-webkit-keyframes f_fadeG {
0% {
background-color: #a1a1a1; }
100% {
background-color: white; } }
@-moz-keyframes f_fadeG {
0% {
background-color: #a1a1a1; }
100% {
background-color: white; } }   @media screen {
html {
height: 100%;
overflow-y: scroll; }
body {
background: #333333;
height: 100%; } }
@media screen and (max-width: 1200px) {
.desktop {
display: none; } }
@media screen {
.mobile {
display: none; } }
@media screen and (max-width: 1200px) {
.mobile {
display: block; } }
@media screen {
#site-frame {
border: 14px solid #fff;
box-sizing: border-box;
left: 0;
height: 100%;
pointer-events: none;
position: fixed;
top: 0;
width: 100%;
z-index: 9999; }
#wrapper {
overflow: hidden;
position: relative; }
.booking-modal {
background: #fff;
bottom: 300px;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
box-sizing: border-box;
hyphens: none !important;
padding: 30px;
position: absolute;
right: 15px;
width: 320px; } }
@media screen and (max-width: 1440px) {
.booking-modal {
bottom: 100px; } }
@media screen and (max-width: 1090px) {
.booking-modal {
bottom: 0;
left: 10px;
right: auto; } }
@media screen and (max-width: 700px) {
.booking-modal {
position: relative;
padding-left: 0;
text-align: center;
width: 80%;
width: calc(100% - 30px); } }
@media screen and (max-width: 700px) {
.booking-modal br {
display: none; } }
@media screen {
.bm-headline {
text-transform: uppercase;
font-size: 146%;
letter-spacing: .025em;
line-height: 1;
margin: 0 0 .4em 0; } }
@media screen and (max-width: 700px) {
.bm-headline {
font-size: 122%;
font-weight: bold; } }
@media screen {
#whatsapp-btn {
background: #fff url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/images/whatsapp.png) top 10px right 10px no-repeat;
background-size: auto;
background-size: 50px;
border-radius: 10px;
bottom: 0;
box-sizing: border-box;
box-shadow: 1px 5px 12px -1px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 1px 5px 12px -1px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 1px 5px 12px -1px rgba(0, 0, 0, 0.35);
height: 70px;
padding: 14px 20px 10px;
pointer-events: none;
position: fixed;
right: 4px;
width: 400px;
z-index: 999999999; } }
@media screen and (max-width: 480px) {
#whatsapp-btn {
width: 100vw; } }
@media screen {
.wap-text {
padding-right: 60px; } }
@media screen and (max-width: 480px) {
.wap-text {
font-size: 88%;
padding-right: 52px;
padding-top: 4px; } }
@media screen { .image-widget {
box-sizing: border-box;
left: 70px;
bottom: 180px;
position: absolute;
width: 400px;
z-index: 99;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; } }
@media screen and (max-width: 1200px) {
.image-widget {
bottom: 22px;
left: 42px; } }
@media screen and (max-width: 700px) {
.image-widget {
bottom: 0;
left: 20px;
width: 300px; } }
@media screen and (max-width: 480px) {
.image-widget {
width: 220px; } }
@media screen { .sps-widget {
background: #B62D78;
background-repeat: no-repeat;
background-position: top 18px right 40px;
background-size: 60px;
box-sizing: border-box;
color: #fff;
font-size: 100%;
right: 18%;
top: 65%;
position: absolute;
width: 400px;
z-index: 99;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
.sps-widget h3 {
color: #fff; font-size: 160%; margin-bottom: 0.25em !important; }
.sps-widget p {
line-height: 1.2; } }
@media screen and (max-width: 1200px) {
.sps-widget {
top: 55vh; } }
@media screen and (max-width: 700px) {
.sps-widget {
width: 100%; } }
@media screen and (max-width: 480px) {
.sps-widget {
top: 292px; } }
@media screen and (max-width: 360px) {
.sps-widget {
top: 260px; } }
@media screen and (max-width: 720px) and (orientation: landscape) {
.sps-widget {
display: none; } }
@media screen {
.sps-widget.hidden {
left: -500px; }
.sps-widget-inner {
background: url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/images/close-btn.svg);
background-repeat: no-repeat;
background-position: top 10px right 12px;
background-size: 13px;
box-sizing: border-box;
cursor: pointer;
height: 100%;
padding: 30px 40px 20px;
position: relative;
width: 100%; } }
@media screen and (max-width: 480px) {
.sps-widget-inner {
padding: 20px 10px 10px; } }
@media screen {
.homepage-awards {
height: 140px;
left: 30px;
position: absolute;
bottom: 40px;
width: 140px;
z-index: 3;  } }
@media screen and (min-width: 1441px) {
.homepage-awards {
bottom: 100px;
right: 4vw; } }
@media screen and (max-width: 1090px) {
.homepage-awards {
bottom: 0px;
right: 56px;
width: 300px; } }
@media screen and (max-width: 800px) {
.homepage-awards {
left: 26px;
right: auto;
width: 85px; } }
@media screen {
.homepage-awards .hp-award {
float: right;
margin-left: 30px;
width: 120px; } }
@media screen and (max-width: 1090px) {
.homepage-awards .hp-award {
width: 100px; } }
@media screen and (max-width: 800px) {
.homepage-awards .hp-award {
width: 80px; } }
@media screen and (max-width: 480px) {
.homepage-awards .hp-award {
float: left;
margin-left: 0;
margin-right: 15px; } }
@media screen {
.stoerer, .stoerer-two {
background: #f3f3f3;
border-radius: 150px;
box-sizing: border-box;
color: #0f0f0f;
font-size: 100%;
height: 140px;
padding: 52px 0;
right: 5vw;
top: 110px;
position: absolute;
text-align: center;
text-transform: uppercase;
transform: rotate(8deg);
width: 140px;
z-index: 11;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;  } }
@media screen and (min-width: 1441px) {
.stoerer, .stoerer-two {
font-size: 140%;
height: 200px;
padding: 70px 0; top: 20vh;
width: 200px; } }
@media screen and (max-width: 1090px) {
.stoerer, .stoerer-two {
top: 90px;
right: 60px; } }
@media screen and (max-width: 480px) {
.stoerer, .stoerer-two {
top: 75px; } }
@media screen {
.stoerer-two {
background: #efefef;
height: 140px;
padding: 40px 0;
top: calc(110px + 160px);
width: 140px; } }
@media screen and (min-width: 1441px) {
.stoerer-two {
font-size: 120%;
height: 180px;
padding: 50px 0;
top: calc(20vh + 240px);
width: 180px; } }
@media screen and (max-width: 1090px) {
.stoerer-two {
top: calc(90px + 160px); } }
@media screen and (max-width: 480px) {
.stoerer-two {
top: calc(75px + 150px); } }
@media screen {
.stoerer:hover, .stoerer-two:hover {
background: #ac136e;
color: #fff;
transform: rotate(10deg);
transform: scale(110%); }
.anm-btn {
background: #ac136e;
color: #fff;
font-family: 'Antartida bold';
background: #ac136e;
padding: 64px 0 !important;
right: 12vw;
top: 50vh;
text-align: center;
font-size: 22px;
width: 220px;
height: 220px; } }
@media screen and (min-width: 1441px) {
.anm-btn {
padding: 42px; } }
@media screen and (max-width: 1090px) {
.anm-btn {
top: 100px; } }
@media screen and (max-width: 800px) {
.anm-btn {
display: none; } }
@media screen { header {
top: 0;
left: 0;
padding-top: 60px;
position: fixed;
width: 100%;
z-index: 100;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; } }
@media screen and (min-width: 1441px) {
header {
padding-top: 100px; } }
@media screen and (max-width: 1200px) {
header {
padding-top: 60px; } }
@media screen and (max-width: 800px) {
header {
background: #fff;
padding: 10px 0 0; } }
@media screen {
#header-box {
padding: 20px 32px 30px 40px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
#header-logo {
background: url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/images/wenninger-header-logo.svg) no-repeat;
background-position: 0 0;
background-size: 100%;
height: 83px;
float: left;
margin: -20px 0 0 70px;
overflow: hidden;
width: 370px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; } }
@media screen and (max-width: 1200px) {
#header-logo {
height: 64px;
margin: 0 0 0 42px;
width: 280px; } }
@media screen and (max-width: 800px) {
#header-logo {
background: url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/images/wenninger-header-logo-black.svg) no-repeat;
background-position: 0 8px;
height: 60px;
margin: 0 0 0 16px;
width: 200px; } }
@media screen {
header.smaller {
background: #fff;
padding: 10px 0 0; }
header.smaller #header-box {
padding: 0 30px; }
header.smaller #header-logo {
background-position: 0 -36px;
height: 62px;
margin: 0 0 0 20px;
width: 200px; } }
@media screen and (max-width: 800px) {
header.smaller #header-logo {
background-position: 0 8px;
height: 60px;
margin: 0 0 0 16px;
width: 200px; } }
@media screen {
#header-box {
margin: 0 auto;
max-width: 1125px;
position: relative; }
.gradient {
background: rgba(0, 0, 0, 0.51);
background: -webkit-linear-gradient(#1a1818 0%, rgba(41, 39, 39, 0) 80%);
background: -o-linear-gradient(#1a1818 0%, rgba(41, 39, 39, 0) 80%);
background: linear-gradient(#1a1818 0%, rgba(41, 39, 39, 0) 80%);
height: 33vh;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 3; }
.arrow {
background: url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/images/arrow.svg) center center no-repeat;
background-size: 100%;
cursor: pointer;
height: 40px;
left: 49%;
left: calc(50% - 25px);
position: absolute;
width: 50px;
z-index: 99; }
#arrow-down {
top: 92vh; }
#arrow-up {
top: -30px;
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg); }
.blog-entry {
border-bottom: 3px dotted #D4D4D4;
padding-bottom: 20px;
padding-top: 60px; }
.blog-entry:last-of-type {
border-bottom: none;
padding-bottom: 80px; }
.blog-entry .wp-post-image, .single-content .wp-post-image {
float: right;
height: auto;
margin: 0 0 30px 30px;
max-width: 46%; } }
@media screen and (max-width: 800px) {
.blog-entry .wp-post-image, .single-content .wp-post-image {
max-width: 30%; } }
@media screen and (max-width: 700px) {
.blog-entry .wp-post-image, .single-content .wp-post-image {
float: none;
height: auto;
max-width: 100%;
width: 100%;
margin: 20px 0 50px 0; } }
@media screen {
.implantate-video { background: #242424;
height: 450px;
position: relative; }
.implantate-video .video-container {
margin: 0 auto;
max-width: 800px; } }
@media screen and (max-width: 700px) {
.implantate-video {
height: 55vw; } }
@media screen {
.metaslider .caption-wrap {
background: none !important;
opacity: 1 !important; }
.slideshow-container {
padding: 0 14px;
position: relative;
width: 100%; } }
@media screen and (max-width: 800px) {
.slideshow-container {
padding-top: 73px; } }
@media screen {
.slideshow-container .metaslider .caption-wrap {
bottom: 40% !important;
color: #000 !important;
left: 56% !important;
max-width: 550px;
width: 38vw !important; } }
@media screen and (max-width: 1200px) {
.slideshow-container .metaslider .caption-wrap {
bottom: 30% !important;
left: 58% !important; } }
@media screen and (max-width: 800px) {
.slideshow-container .metaslider .caption-wrap {
bottom: 12% !important; } }
@media screen and (max-width: 700px) {
.slideshow-container .metaslider .caption-wrap {
bottom: 12% !important; } }
@media screen and (max-width: 480px) {
.slideshow-container .metaslider .caption-wrap {
display: none !important; } }
@media screen {
.slideshow-container .metaslider .caption-wrap .caption {
color: #000 !important; }
audio, canvas, progress, video {
width: 100%; } }
@media screen and (max-width: 700px) {
figure {
margin-left: 0 !important;
margin-right: 0 !important; } }
@media screen {
#metaslider_223 .ms-image img {
opacity: 0; }
#zitate-container {
background: #545454; }
#zitate-container .content-colum545454n {
padding: 40px 20px 20px; }
#zitate-slider {
position: relative; }
#zitate-slider img {
max-height: 70px; }
#zitate-slider .metaslider .caption-wrap {
position: relative !important;
color: #fff !important;
text-align: center; }
#zitate-slider .metaslider .caption-wrap .caption {
color: #fff !important; }
#zitate-slider .metaslider .flexslider {
margin-bottom: 0 !important; }
#zitate-slider #zitate-logo {
background: #545454 url(//implantologie-kompetenz-muenchen.de/wp-content/themes/implantologie2021/images/jameda_logo.png) center center no-repeat;
background-size: 100%;
height: 40px;
margin: 0 auto;
margin-top: 70px;
width: 104px; }
.content-wrapper {
background: #fff;
position: relative; }
.frontpage .content-wrapper {
padding-top: 80px; } }
@media screen and (max-width: 700px) {
.frontpage .content-wrapper {
padding-top: 10px; } }
@media screen {
.content-column {
box-sizing: border-box;
margin: 0 auto;
max-width: 1080px;
padding: 80px 40px 60px 70px; } }
@media screen and (max-width: 1200px) {
.content-column {
padding: 40px 40px 60px; } }
@media screen and (max-width: 700px) {
.content-column {
padding: 30px 30px 60px; } }
@media screen and (max-width: 480px) {
.content-column {
padding: 20px 20px 60px; } }
@media screen {
.frontpage .content-column { padding: 60px 20px 60px 70px; } }
@media screen and (max-width: 1200px) {
.frontpage .content-column {
padding: 30px 40px 60px 70px; } }
@media screen and (max-width: 700px) {
.frontpage .content-column {
padding: 10px 20px 60px; } }
@media screen {  section:last-child > .content-column {
padding-bottom: 0; }
section.content-dark > .content-column {
padding-bottom: 60px !important; } }
@media screen and (max-width: 700px) {
section.content-dark > .content-column {
padding-bottom: 20px !important; } }
@media screen {
.single-content {
margin-bottom: 200px; }
.content-dark {
color: #fff;
padding-top: 60px; }
.content-dark .content-column {
padding-bottom: 60px; } }
@media screen and (max-width: 700px) {
.content-dark .content-column {
padding: 40px 30px 60px; } }
@media screen and (max-width: 1200px) {
.content-dark {
padding-top: 50px; } }
@media screen and (max-width: 700px) {
.content-dark {
padding-top: 0; } }
@media screen {
.grey {
background: #5E5E5E; }
.lightgrey {
background: #a6a6a6; }
.tabbed-panels {
width: 100%; }
.tab-content {
display: none; }
.tab-content.current {
display: block !important;
animation: fadeIn 0.5s; }
ul.tabs {
border-bottom: 3px dotted #D4D4D4;
margin: 0 0 20px -3px;
padding-bottom: 4px; }
li.tab-link {
list-style: none; }
.tab-link {
float: left; }
.tab-33 {
float: left;
width: 33%; }
@-webkit-keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
.tab-content.current {
display: block !important;
-webkit-animation: fadeIn 0.5s;
animation: fadeIn 0.5s; }
.teamlist .content-column {
max-width: 900px;
padding: 60px 40px 60px 40px; }
.teamlist .content-column img {
float: left;
height: auto;
margin: 0 60px 40px 0;
max-width: 43%; } }
@media screen and (max-width: 700px) {
.teamlist .content-column img {
margin: 0 0 30px;
max-width: 100%;
width: 100%; } }
@media screen {
.teamlist:nth-child(odd) {
background: #3e3e3e;
color: #fff; }
.tiles-container {
padding: 80px 0;
position: relative; }
.project-container {
padding-top: 25px; }
#project {
min-height: 800px;
padding: 0 12vw; } }
@media screen and (max-width: 1200px) {
#project {
padding: 0; } }
@media screen and (max-width: 700px) {
#project {
padding: 0; } }
@media screen {
#project img { -webkit-transition: opacity 3s;
-moz-transition: opacity 3s;
-ms-transition: opacity 3s;
-o-transition: opacity 3s;
transition: opacity 3s; }
#project.project-open img {
opacity: 1; }
.sct-twocol {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px; } }
@media screen and (max-width: 700px) {
.sct-twocol {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 0px;
-moz-column-gap: 0px;
column-gap: 0px; } }
@media screen {
.overview {
display: flex;
flex-direction: row;
flex-wrap: wrap; }
.vidcontainer {
box-sizing: border-box;
margin: 0 auto 100px;
padding: 0 25px;
width: 90%; } }
@media screen and (max-width: 700px) {
.vidcontainer { width: 100%; } }
@media screen {
.ms-item {
box-sizing: border-box;
float: left;
padding: 10px 50px 50px 0;
min-height: 380px; } }
@media screen and (max-width: 1200px) {
.ms-item {
padding: 30px 20px; } }
@media screen and (max-width: 700px) {
.ms-item {
min-height: auto;
margin-bottom: 40px;
padding: 10px 10px 30px; } }
@media screen and (max-width: 480px) {
.ms-item {
padding: 10px 0 30px; } }
@media screen {
.ms-item img {
height: auto;
margin-bottom: 10px;
width: 100%; }
.ms-item a {
border: none;
box-sizing: border-box;
display: block;
text-decoration: none;
width: 100%; }
.overview-excerpt {
min-height: 190px; } }
@media screen and (max-width: 700px) {
.overview-excerpt {
min-height: 40px; } }
@media screen { .wp-block-image {
margin: 0 0 40px; } }
@media screen and (max-width: 480px) {
.wp-block-image {
margin: 0 0 30px 0; } }
@media screen {
.wp-block-image .alignleft {
margin: 40px 60px 60px 0; } }
@media screen and (max-width: 480px) {
.wp-block-image .alignleft {
margin: 0 0 30px 0; } }
@media screen {
.wp-block-image .alignright {
margin: 40px 0 60px 60px; } }
@media screen and (max-width: 480px) {
.wp-block-image .alignright {
margin: 0 0 30px 0; } }
@media screen {
.wp-block-image img {
max-width: 100%;
height: auto; }
.wp-block-image .aligncenter {
margin-left: auto !important;
margin-right: auto !important; } .wp-block-video {
margin: 0 0 18px; }
.ms-20 {
width: 20%; } }
@media screen and (max-width: 1200px) {
.ms-20 {
width: 33.3%; } }
@media screen and (max-width: 700px) {
.ms-20 {
width: 50%; } }
@media screen and (max-width: 480px) {
.ms-20 {
width: 100%; } }
@media screen {
.ms-25 {
width: 25%; } }
@media screen and (max-width: 1200px) {
.ms-25 {
width: 33.3%; } }
@media screen and (max-width: 700px) {
.ms-25 {
width: 100%; } }
@media screen {
.ms-33 {
width: 33.3%; } }
@media screen and (max-width: 1200px) {
.ms-33 {
width: 50%; } }
@media screen and (max-width: 700px) {
.ms-33 {
width: 100%; } }
@media screen {
.ms-50 {
width: 50%; } }
@media screen and (max-width: 700px) {
.ms-50 {
width: 100%; } }
@media screen {
.cs-2col {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px; } }
@media screen and (max-width: 700px) {
.cs-2col { -webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1; } }
@media screen {
.content-section {
background: #fff; }
#prev-arrow, #next-arrow {
height: 50px;
opacity: 1;
position: absolute;
top: 300px;
width: 46px; }
#next-arrow {
right: 80px; } }
@media screen and (max-width: 1200px) {
#next-arrow {
right: 10px; } }
@media screen {
#prev-arrow {
left: 80px; } }
@media screen and (max-width: 1200px) {
#prev-arrow {
left: 10px; } }
@media screen {
iframe {
height: auto;
min-height: 600px;
width: 100%; }
.alignleft {
float: left;
margin: 5px 40px 40px 0;
max-width: 40%; } }
@media screen and (max-width: 700px) {
.alignleft {
float: none;
height: auto;
margin: 0 0 40px 0;
max-width: 100%;
width: 100%; } }
@media screen {
.alignright {
float: right;
margin: 0 0 40px 40px;
max-width: 40%; } }
@media screen and (max-width: 700px) {
.alignright {
float: none;
height: auto;
margin: 0 0 40px 0;
max-width: 100%;
width: 100%; } }
@media screen {
.page404 .content-section {
padding: 10vh 0 10vh; } .pagination {
padding-top: 40px;
text-align: center; }
.pagn_pages > div {
display: inline; }
.pagination a {
white-space: nowrap; }
.pagn-presse {
bottom: 0; }
.pb-left {
float: left;
margin: 0 2px; }
.pb-right {
float: left;
margin: 0 2px; }
.pagn_pages { }
.button a, .pb-button a, .currentpage.button {
background: #174d53;
border-radius: 15px;
color: #c8e6eb;
padding: 4px 11px 6px;
margin: 0 2px; }
.button a:active, .button a:focus, .button a:hover,
.pb-button a:active, .pb-button a:focus, .pb-button a:hover {
background: #06282c;
color: #fff;
text-decoration: none !important; }
.currentpage.button, .currentpage.button:hover {
background: #599faa;
color: #fff;
cursor: default;
padding: 3px 10px 5px;
margin: 0 3px; }
.pagination-seitenzahl {
padding-top: 16px; }
#popmake-48 {
border-radius: 4px;
padding: 50px 40px 80px !important; }
.pum-container {
position: relative; }
#popmake-48 p {
color: #292524 !important; }
#popmake-48 h2 {
color: #292524 !important; } .popmake.theme-61 > .popmake-close, .popmake.theme-212 > .popmake-close {
background-color: #d2d2d2 !important;
border-radius: 20px !important;
top: 10px !important;
right: 10px !important;
font-size: 12px;
text-indent: -9999px;
line-height: 14px;
padding: 0 !important;
width: 40px !important;
height: 40px !important;
background: url(//implantologie-kompetenz-muenchen.de/wp-content/themes/images/icon-close.png) no-repeat;
background: url(//implantologie-kompetenz-muenchen.de/wp-content/themes/images/icon-close.svg) no-repeat;
background-position: 10px 10px;
background-size: 54px 20px; }
.popmake.theme-61 > .popmake-close:hover {
background-color: #279cad !important;
background: url(//implantologie-kompetenz-muenchen.de/wp-content/themes/images/nav-icon-close.png) center center no-repeat;
background: url(//implantologie-kompetenz-muenchen.de/wp-content/themes/images/nav-icon-close.svg) center center no-repeat;
background-position: -7px 10px;
background-size: 54px 20px; }
.tagbox-head {
background: #d8e2e4;
color: #0e2c2a;
font-size: 75%;
left: -30px;
letter-spacing: 0.15em;
padding: 20px 30px;
position: absolute;
text-transform: uppercase;
top: -30px;
width: calc(100% + 60px);
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px; }
.tagname {
font-size: 115%;
font-style: italic;
letter-spacing: 0.05;
text-transform: none; }
#zahntechnik-team h3 {
margin-bottom: .2em; } input[type=text],
input[type=password],
.wpcf7-text,
.wpcf7-form textarea {
background: #e3e3e3;
border: none;
box-sizing: border-box;
color: #242729;
padding: 24px; }
input#user_login,
input#user_pass {
padding: 18px 10px !important; }
.content-dark input[type=text],
.content-dark input[type=password],
.content-dark .wpcf7-text,
.content-dark .wpcf7-form textarea {
background: #717171;
border: none;
box-sizing: border-box;
color: #fff; }
input[type=submit] {
padding: 12px;
width: 100%; }
input:hover,
textarea:hover {
background: #f0f0f0; }
input:focus, .wpcf7-form input:active,
textarea:focus, .wpcf7-form textarea:active {
background: #fff;
color: #242729; }
.content-dark input:focus, .content-dark .wpcf7-form input:active,
.content-dark textarea:focus, .content-dark .wpcf7-form textarea:active {
background: #fff;
color: #242729; }
#loginform-container {
float: right;
margin-left: 100px; max-width: 400px; } }
@media screen and (max-width: 700px) {
#loginform-container {
float: none;
margin: 0 auto; } }
@media screen {
#loginform input.input {
display: block;
width: 100%; } .wpcf7-form p {
margin-bottom: 12px !important; }
.wpcf7-form h5 {
padding-top: 40px; }
.wpcf7-form textarea {
width: 100%; }
.wpcf7-form-control.wpcf7-radio {
background: none;
border: none; }
.wpcf7-list-item input {
width: auto; }
img.ajax-loader {
width: auto !important; }
#wpcf7-f283-p268-o1 {
padding-right: 20px !important;
padding-top: 15px !important; }
.wpcf7-text {
box-sizing: border-box;
width: 100%;
height: 40px;
margin-bottom: 12px; }
.wpcf7-textarea {
box-sizing: border-box; }
.wpcf7-mail-sent-ok, .wpcf7-validation-errors {
border: none !important; }
.wpcf7-response-output {
margin: 0 !important;
padding: 0 !important;
padding-bottom: 50px !important; }
.wpcf7-not-valid-tip {
background: #771213 none repeat scroll 0 0 !important;
color: #fff !important;
display: inline-block !important;
font-size: 80% !important;
margin-top: -12px;
padding: 2px 0 0 4px;
width: 76.8%; } span.wpcf7-list-item {
cursor: pointer;
float: left;
margin: 0;
padding: 10px 24px 6px 0; } }
@media screen and (max-width: 480px) {
.wp-block-nk-awb {
padding: 20px 5px !important; } }
@media screen and (max-width: 480px) {
.wp-block-table.aligncenter td, .wp-block-table.aligncenter th, .wp-block-table.alignleft td, .wp-block-table.alignleft th, .wp-block-table.alignright td, .wp-block-table.alignright th {
word-break: normal !important; } }
@media screen and (max-width: 480px) {
.seminarfacts table tr td:first-of-type {
text-align: left !important; } }
@media screen {
.cmplz-cookiebanner {
box-shadow: 10px 10px 53px -6px rgba(0, 0, 0, 0.34);
-webkit-box-shadow: 10px 10px 53px -6px rgba(0, 0, 0, 0.34);
-moz-box-shadow: 10px 10px 53px -6px rgba(0, 0, 0, 0.34); }
footer {
background: #bbb;
box-sizing: border-box;
color: #2E2E2E;
font-size: 70% !important;
letter-spacing: 0.1em;
padding: 40px 60px 30px 60px;
text-transform: uppercase;
width: 100%;
text-align: center; } }
@media screen and (min-width: 1441px) {
footer {
padding: 30px; } }
@media screen and (max-width: 700px) {
footer {
padding: 30px 15px; } }
@media screen {
footer .footer-logo-cont {
margin: 0 auto 10px;
max-width: 770px;
padding: 80px 0 20px; }
footer .footer-icon {
height: 20px;
margin: 0 0 -3px 10px;
opacity: 0.5;
width: 20px; } }
@media screen and (max-width: 700px) {
footer .footer-icon {
margin: 10px 0;
width: 100%; } }
@media screen {
footer .footer-icon:hover {
opacity: 1; }
footer .footer-logo {
float: left;
padding: 0 10px 10px; } }
@media screen and (max-width: 1200px) {
footer .footer-logo {
padding: 0 7px; } }
@media screen and (max-width: 800px) {
footer .footer-logo {
padding: 0 0 50px;
width: 33.3%; } }
@media screen and (max-width: 700px) {
footer .footer-logo {
padding: 0 0 30px;
width: 50%; } }
@media screen and (max-width: 480px) {
footer .footer-logo {
padding: 0 0 20px; } }
@media screen {
footer .footer-stuff.phpwidget-content {
margin-bottom: 60px; }
.event-headline {
margin-top: -280px; } }
@media screen and (min-width: 1441px) {
.event-headline {
margin-top: -400px; } }
@media screen and (max-width: 800px) {
.event-headline {
margin-top: 0; } }
@media screen {
.imprint {
background: #404849;
padding: 60px 20vw; }
.privacy {
background: #34393a;
padding: 60px 20vw; }
.clearfix:after {
content: "";
clear: both;
display: block;
visibility: hidden;
height: 0px; }
li.widget {
list-style: none; }
fieldset {
border: none; }
ul {
margin: 0 0 50px 40px;
padding: 0; }
ul.postlist li {
margin-bottom: 50px; }
li { margin-bottom: 1em;
-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; break-inside: avoid-column;   -webkit-margin-before: 0;
-webkit-margin-after: 0; }
ul ul {
padding-top: 20px;
margin-bottom: 30px; }
ul ul li {
list-style: url(//implantologie-kompetenz-muenchen.de/wp-content/themes/images/list-style-item-sub.png); }
li.widget {
margin-bottom: 0 !important; }
tr {
margin-bottom: 10px; }
tr td:first-of-type {
min-width: 150px; }
td {
padding: 6px 12px 12px 0;
vertical-align: top; }
.wp-block-table td, .wp-block-table th {
border: none; } }
@media screen and (max-width: 700px) {
.contact-table {
width: 100%; } }
@media screen and (max-width: 700px) {
.contact-table tr td:first-child {
width: 30px !important; } }
@media screen { table {
margin: 60px 0;
padding: 0 30px !important; }
table.startpage-table {
margin-bottom: 30px; }
td {
box-sizing: border-box;
padding: 0 20px 20px 0;
vertical-align: top; } td.td-number {
padding-right: 0;
width: 21px; } }
@media screen and (max-width: 800px) {
.pat-sem-subline {
color: #4a4944 !important; } }
@media screen {
.su-table .su-even td {
background: rgba(255, 255, 255, 0.04) !important; }
.su-table td {
border: none !important;
background: rgba(255, 255, 255, 0.02) !important; }
.su-row {
margin-bottom: 80px !important; } }
@media screen and (max-width: 1200px) {
.su-row {
margin-bottom: 30px !important; } }
@media screen and (max-width: 700px) {
.su-row {
margin-bottom: 10px !important; } }
@media screen {
.su-row .su-column {
margin: 0 0 0 8% !important; } }
@media screen and (max-width: 800px) {
.su-row .su-column {
margin-left: 0 !important; } }
@media screen and (max-width: 700px) {
.su-row .su-column {
float: none !important;
width: 100% !important; } }
@media screen and (max-width: 800px) {
.su-row .su-column img {
margin-bottom: 25px; } }
@media screen {
.su-row .su-column:first-child {
margin-left: 0 !important; }
.su-column-size-1-2 {
width: 46% !important; } }
@media screen and (max-width: 800px) {
.su-column-size-1-2 {
width: 100% !important; } }
@media screen {
.su-column-size-2-3 {
width: 61% !important; } }
@media screen and (max-width: 800px) {
.su-column-size-2-3 {
width: 100% !important; } }
@media screen and (max-width: 800px) {
.su-column-inner > p:last-child {
margin-bottom: 3em !important; } }
@media screen { .su-column-inner img {
height: auto;
max-width: 100%; }
.content-floatbox-left {
float: left;
width: 340px;
margin: 40px 20px 0 0; }
.content-floatbox-right {
float: right;
width: 340px;
margin: 40px 0 0 20px; }
.bullet-list-item {
margin-bottom: 12px; }
.sb-box .textwidget {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 3px dotted #bfbdb0; }
.sb-btn {
border: none;
text-align: center;
background: #c8990c;
width: 100%;
padding: 10px 0 0 0; }
.sb-btn:hover {
color: #fff;
background: #deab13; }
.sb-btn .fa {
color: #f4cd56;
font-size: 120%; }
.contact-entry {
height: 50px;
padding: 20px 0 4px 44px;
-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; break-inside: avoid-column; display: table; } .block {
background: #fff;
box-sizing: border-box;
padding: 20px 100px 75px; width: 100%; } }
@media screen and (max-width: 1200px) {
.block {
padding: 20px 60px 75px; } }
@media screen and (max-width: 800px) {
.block {
padding: 20px 40px 75px; } }
@media screen and (max-width: 700px) {
.block {
padding: 20px 20px 75px; } }
@media screen {
.options {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 10px;
margin-bottom: 15px; }
button:not(.reset) {
background: #fff;
border: none;
color: black;
cursor: pointer;
font-family: 'Antartida bold';
font-size: 108%;
opacity: .8;
padding: 14px;
transition: background 0.3s; }
button:hover { opacity: 1; }
button.ctabutton {
border-radius: 15px;
color: #a8146a;
font-family: 'Antartida light',	sans-serif;
letter-spacing: 0.06em;
opacity: 1;
padding: 22px 80px;
text-transform: uppercase; }
button.ctabutton:hover {
text-decoration: underline; }
button.selected {
background: #000 !important;
color: #fff !important;
opacity: 1; }
button.reset {
position: absolute;
bottom: 20px;
font-size: 75%;
letter-spacing: 0.06em;
opacity: 1;
right: 40px;
text-transform: uppercase; }
button.reset {
position: absolute;
bottom: 20px;
font-size: 75%;
letter-spacing: 0.06em;
opacity: 1;
right: 40px;
text-transform: uppercase; }
#tree {
position: relative; }
#tree h2 {
font-family: 'Antartida bold';
font-size: 22px;
margin-top: 20px;
text-align: center; }
#tree .options button {
padding: 18px 20px; }
#tree > div:first-of-type {
background: #9d9d9c; }
#tree > div:nth-of-type(2) {
background: #c6c6c6; }
#tree > div:nth-of-type(3) {
background: #e1e1e1; }
#tree div:first-of-type .options button,
#tree div:nth-of-type(3) .options button {
width: 48%; }
.result {
margin-top: 10px;
padding: 20px 40px 40px; line-height: 1.5em; }
.result h3 {
margin-bottom: .15em;
padding-top: 20px; }
.result a {
color: #a8146a;
text-decoration: underline;
margin-left: 5px; }
.result a:hover {
text-decoration: underline; }
.fade {
animation: fadein 0.4s; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
a#scroll-to-top {
bottom: 42px !important;
height: 40px !important;
right: 30px !important;
width: 40px !important; } }html.slb_overlay object,html.slb_overlay embed,html.slb_overlay iframe{visibility:hidden}html.slb_overlay #slb_viewer_wrap object,html.slb_overlay #slb_viewer_wrap embed,html.slb_overlay #slb_viewer_wrap iframe{visibility:visible}