span.eeb-nodis { 
display:none !important; 
}
span.eeb-rtl { 
unicode-bidi:bidi-override !important; 
direction:rtl !important; 
display:inline !important; 
}
span.eeb-rtl span.eeb-sd, span.eeb-nrtl span.eeb-sd{
display:inline !important;
padding-left:0 !important;
}
span.eeb-nrtl { 
word-break: break-all !important;
}
.eeb-encoded { 
position:relative; 
margin-top:-0.3em; 
z-index:1000; 
color:green; 
}@font-face {
font-family: 'PT Sans';
src: local('PT Sans'), local('PTSans-Regular'),
url(//kieferorthopaedie-buedingen.de/wp-content/themes/kieferorthopaedie/fonts/PTSans-Regular.woff2) format('woff2'),
url(//kieferorthopaedie-buedingen.de/wp-content/themes/kieferorthopaedie/fonts/PTSans-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'PT Sans';
src: local('PT Sans Italic'), local('PTSans-Italic'),
url(//kieferorthopaedie-buedingen.de/wp-content/themes/kieferorthopaedie/fonts/PTSans-Italic.woff2) format('woff2'),
url(//kieferorthopaedie-buedingen.de/wp-content/themes/kieferorthopaedie/fonts/PTSans-Italic.woff) format('woff');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'PT Sans';
src: local('PT Sans Bold'), local('PTSans-Bold'),
url(//kieferorthopaedie-buedingen.de/wp-content/themes/kieferorthopaedie/fonts/PTSans-Bold.woff2) format('woff2'),
url(//kieferorthopaedie-buedingen.de/wp-content/themes/kieferorthopaedie/fonts/PTSans-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'PT Sans';
src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'),
url(//kieferorthopaedie-buedingen.de/wp-content/themes/kieferorthopaedie/fonts/PTSans-BoldItalic.woff2) format('woff2'),
url(//kieferorthopaedie-buedingen.de/wp-content/themes/kieferorthopaedie/fonts/PTSans-BoldItalic.woff) format('woff');
font-weight: bold;
font-style: italic;
font-display: swap;
} @keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
} html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html {
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
}
body {
font-family: 'PT Sans';
font-weight: normal;
max-width: 144rem;
margin: auto;
background: #f7f6f4;
color: #003966;
text-align: left;
font-size: 21px; 
font-size: 2.1rem;
line-height: 1.4;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1 {
font-size: 21px;
font-size: 2.1rem;
margin-bottom: 3rem;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 0.15rem;
color: #87badd;
}
body.home h1 {
font-size: 33px;
font-size: 3.3rem;
color: #003966;
}
h2 {
font-size: 33px;
font-size: 3.3rem;
margin-top: 3rem;
margin-bottom: 3rem;
line-height: 1.2;
letter-spacing: 0.1rem;
}
body.home h1 + h2 {
margin-top: -3rem;
color: #87badd;
}
h2:first-child {
margin-top: 0;
}
h3 {
font-size: 24px;
font-size: 2.4rem;
margin-top: 3rem;
margin-bottom: 3rem;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 0.1rem;
}
h4 {
font-size: 20px;
font-size: 2.0rem;
margin-top: 3rem;
margin-bottom: 3rem;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 0.1rem;
}
p, ul, ol {
margin-bottom: 3rem;
}
main ul {
list-style: none;
padding-left: 2rem;
}
main ul li {
margin-bottom: 0.5rem;
}
main ul li:before {
content: "\2022";
color: #87badd;
display: inline-block;
width: 2rem;
margin-left: -2rem;
}
a {
color: #87badd;
text-decoration: none;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
a:hover {
opacity: 0.7;
} .wp-block-buttons {
margin-bottom: 2rem;
}
.wp-block-buttons > .wp-block-button {
margin-bottom: 2rem;
}
a.button, .wp-block-button__link {
}
a.button:hover, .wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:visited {
text-decoration: none;
}
strong {
font-weight: bold;
letter-spacing: 0.02rem;
}
em {
font-weight: normal;
font-style: italic;
}
strong em {
font-weight: bold;
font-style: italic;
letter-spacing: 0.02rem;
}
sup {
font-size: 75%;
line-height: 0;
position: relative;
top: -0.5em;
}
.wp-block-image img {
height: auto;
}
header {
background-color: #ffffff;
display: flex;
align-items: flex-end;
padding: 6rem 0 2rem 0;
}
header #logo {
flex-basis: 35.1rem;
flex-grow: 0;
flex-shrink: 0;
}
header #logo img {
width: 80%;
max-width: 24rem;
height: auto;
display: block;
margin: auto;
}
header nav#main-menu {
padding-right: 4rem;
flex-grow: 1;
}
header .menu-menu-1-container {
}
header .menu {
display: flex;
justify-content: space-between;
margin: 0;
}
header nav#main-menu .menu li {
line-height: 0;
}
header nav#main-menu .menu li a {
text-transform: uppercase;
color: #003966;
letter-spacing: 0.03rem;
}
header nav#main-menu .menu li a:hover {
text-decoration: none;
color: #87badd;
opacity: 1;
}
header nav#main-menu .menu li.phone a {
text-decoration: none;
color: #87badd;
}
header nav#main-menu .menu li.current-menu-item a {
color: #87badd;
} header nav#main-menu .menu li .sub-menu {
opacity: 0;
visibility: hidden;
position: absolute;
z-index: 9999;
padding: 2rem 0;
max-width: 24rem;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
@media screen and (min-width: 1131px) {
header nav#main-menu .menu li:hover .sub-menu {
opacity: 1;
visibility: visible;
}
}
header nav#main-menu .menu li .sub-menu li {
display: block;
line-height: 1.2;
margin: 0.5rem 0;
}
header nav#main-menu .menu li .sub-menu li:first-child {
margin-top: 0;
}
header nav#main-menu .menu li .sub-menu li a {
display: block;
background-color: #003966;
padding: 1rem;
color: #ffffff;
text-transform: none;
}
header nav#main-menu .menu li .sub-menu li a:hover {
background-color: #87badd;
}
header nav#main-menu .menu li .sub-menu li.current-menu-item a {
background-color: #87badd;
}
#banner {
display: flex;
}
#banner-text {
flex-basis: 35.1rem;
flex-grow: 0;
flex-shrink: 0;
display: flex;
align-items: flex-end;
background-color: #87badd;
padding: 6rem;
box-sizing: border-box;
}
#banner-text p {
color: #ffffff;
text-transform: uppercase;
margin: 0;
font-size: 3.3rem;
line-height: 1.2;
letter-spacing: 0.4rem;
opacity: 0;
animation: fadeIn 1.5s ease-out 0.2s forwards;
}
#banner-image {
flex-grow: 1;
background-color: #dddddd;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
#banner-image img {
display: block;
width: 100%;
height: auto;
}
#slider {
flex-grow: 1;
}
main {
background-color: #ffffff;
padding: 4rem 19rem 4rem 35.1rem;
}
#footer-menu {
background-color: #ffffff;
padding: 2rem 4rem 2rem 4rem;
}
#footer-menu .menu {
display: flex;
justify-content: flex-end;
margin: 0;
}
#footer-menu .menu li {
margin-left: 3rem;
}
#footer-menu .menu li a {
text-transform: uppercase;
color: #003966;
letter-spacing: 0.03rem;
}
#footer-menu .menu li a:hover {
text-decoration: none;
color: #87badd;
opacity: 1;
}
#footer-menu .menu li.current-menu-item a {
color: #87badd;
}
footer {
background-color: #87badd;
padding: 6rem 4rem 4rem 35.1rem;
}
footer ul {
margin: 0;
display: flex;
justify-content: space-between;
}
footer ul li {
color: #ffffff;
font-size: 1.8rem;
}
footer ul li:after {
content: ' | ';
}
footer ul li:last-child:after {
content: '';
} .alignwide {
width: 100vw;
max-width: 120rem;
margin-left: calc(50% - 120rem / 2);
}
.alignfull {
width: 100vw;
max-width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
} .wp-block-image {
margin-bottom: 3rem;
}
.wp-block-image .alignleft {
float: left;
margin-right: 3rem;
margin-bottom: 3rem;
max-width: 330px;
}
.wp-block-image .alignright {
float: right;
margin-left: 3rem;
margin-bottom: 3rem;
max-width: 330px;
} .wp-caption {
width: 100%;
margin-bottom: 3rem;
}
.wp-caption.alignleft {
float: left;
margin-right: 3rem;
}
.wp-caption.alignright {
float: right;
margin-left: 3rem;
}
.wp-caption-text {
font-size: 17px;
font-size: 1.7rem;
color: #8b8b8b;
margin-top: 1rem;
} hr {
margin-top: 10rem;
margin-bottom: 10rem;
border: 1px solid #e8e8e8;
} table {
margin-bottom: 3rem;
}
td {
padding: 0.5rem 0;
}
td:first-child {
padding-right: 3rem;
min-width: 16rem;
box-sizing: border-box;
}
.parent-pageid-14 .wp-block-table td, .parent-pageid-14 .wp-block-table th {
border: 0;
} .infobox {
background-color: #003966;
color: #ffffff;
padding: 3rem 2.5rem;
box-sizing: border-box;
}
.infobox p:last-child {
margin-bottom: 0;
} .accordion {
position: relative;
padding-right: 3rem;
font-size: 2.8rem;
cursor: pointer;
margin-bottom: 0; -webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.accordion:hover, .accordion.active {
color: #87badd;
}
.accordion:after {
content: '+';
position: absolute;
right: 0;
top: 0;
width: 3rem;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.accordion.active:after {
content: '-';
}
.accordion + * {
display: none;
padding: 3rem 6rem 0 0;
}
.accordion + * p:last-child {
margin-bottom: 0;
} .wpcf7 {
margin-bottom: 6rem !important;
}
.wpcf7 p {
color: #000000;
margin-bottom: 3rem;
}
.wpcf7 p:last-child {
margin-bottom: 3rem;
}
.wpcf7 p.float-wrapper:after {
content: '';
display: block;
clear: both;
}
.wpcf7 p.float-wrapper span.left {
float: left;
width: calc(50% - 10px);
}
.wpcf7 p.float-wrapper span.right {
float: right;
width: calc(50% - 10px);
}
input[type="text"], input[type="email"], input[type="tel"], textarea {
font-family: 'PT Sans';
border: 1px solid #8f8f8f;
background: transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-appearance: textfield;
-webkit-appearance: textfield;
appearance: textfield;
width: 100%;
padding: 10px;
font-size: 20px;
font-size: 2.0rem;
color: #000000;
}
textarea {
border: 1px solid #8f8f8f;
padding: 10px;
}
input[type="date"] {
font-family: 'PT Sans';
border: 1px solid #8f8f8f;
padding: 10px;
font-size: 20px;
font-size: 2.0rem;
width: 210px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
border-radius: 0;
width: 100%;
box-sizing: border-box;
font-size: 20px;
font-size: 2.0rem;
color: #000000;
padding: 20px;
border: 1px solid #8f8f8f;
background-image: url(//kieferorthopaedie-buedingen.de/wp-content/themes/kieferorthopaedie/img/arrow-down.svg);
background-repeat: no-repeat;
background-size: 24px auto;
background-position-x: calc(100% - 20px);
background-position-y: center;
margin-top: 10px;
} select::-ms-expand {
display:none;
}
.lt-ie10 select {
background-image: none;
}
span.wpcf7-list-item {
display: block !important;
margin: 0 !important;
}
input[type="submit"] {
font-family: 'PT Sans';
cursor: pointer;
background: transparent;
width: 100%;
font-size: 20px; 
font-size: 2.0rem;
text-transform: uppercase;
background: #191919;
color: #ffffff;
border: none;
margin-bottom: 0;
margin-top: 4rem;
padding: 2rem 4rem;
letter-spacing: 0.1em;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.wpcf7 .wpcf7-submit:hover {
background: #ebc8a0;
color: #ffffff;
} .wpcf7-response-output {
margin: 1rem 0px !important;
padding: 1rem !important;
font-family: 'PT Sans';
font-size: 18px !important;
font-size: 1.8rem !important;
}
span.wpcf7-not-valid-tip {
font-family: 'PT Sans';
color: red !important;
font-size: 18px !important;
font-size: 1.8rem !important;
}
div.wpcf7-validation-errors {
border: 1px solid red !important;
color: red;
font-size: 18px !important;
font-size: 1.8rem !important;
}
div.wpcf7-mail-sent-ok {
border: 1px solid green !important;
color: green !important;
font-size: 18px !important;
font-size: 1.8rem !important;
}
::-webkit-input-placeholder { color: #949494;
}
:-moz-placeholder { color: #949494;
opacity: 1;
}
::-moz-placeholder { color: #949494;
opacity: 1;
}
:-ms-input-placeholder { color: #949494;
}  @media screen and (max-width: 1920px) {
} @media screen and (max-width: 1440px) {
} @media screen and (max-width: 1439px) {
footer ul {
display: block;
}
footer ul li {
display: block;
}
footer ul li:first-child {
font-weight: bold;
}
footer ul li:nth-child(4) {
margin-bottom: 2rem;
}
footer ul li:after {
content: '';
}
}  @media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1360px) {
html {
font-size: 56.5%;
}
} @media screen and (max-width: 1280px) {
}
@media (min-width:600px) and (max-width:1230px) {
body.page-id-22 .wp-block-column:not(:only-child) {
flex-basis:calc(50% - 1em)!important;
flex-grow:0;
}
}
@media screen and (max-width: 1230px) {
header nav#main-menu .menu li .sub-menu li {
margin: 0.3rem 0;
}
header nav#main-menu .menu li a, #footer-menu .menu li a {
font-size: 1.9rem;
}
}
@media screen and (max-width: 1130px) {
body {
position: relative;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
left: 0;
}
body.nav-active {
left: -270px;
}
header {
justify-content: space-between;
}
header nav#main-menu {
opacity: 0;
visibility: hidden;
width: 270px;
box-sizing: border-box;
position: fixed;
right: -270px;
top: 0;
height: 100%;
background-color: #003966;
padding: 0;
overflow: auto;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.menu-header-menu-container {
height: 100%;
}
header .menu {
height: 100%;
flex-direction: column;
justify-content: flex-start;
}
header nav#main-menu .menu > li {
line-height: initial;
border-bottom: 1px solid #ffffff;
position: relative;
padding-right: 50px;
}
header nav#main-menu .menu li .sub-menu {
opacity: 1;
visibility: visible;
display: none;
position: relative;
max-width: 100%;
padding: 0;
margin: 0;
margin-left: 1.5rem;
margin-bottom: 1.5rem;
transition: none;
}
header nav#main-menu .menu li .sub-menu li {
margin: 0;
line-height: initial;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
header nav#main-menu .menu li .sub-menu li:last-child {
border-bottom: 0;
}
header nav#main-menu .menu li .arrow {
position: absolute;
right: 0;
top: 0;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
width: 50px;
cursor: pointer;
}
header nav#main-menu .menu li .arrow:after {
content: '+';
color: #ffffff;
}
header nav#main-menu .menu li .arrow.active:after {
content: '-';
}
header nav#main-menu .menu li:last-child {
border-bottom: 0;
}
header nav#main-menu .menu li a {
padding: 1.5rem;
color: #ffffff;
display: block;
}
header nav#main-menu .menu li a:hover {
color: #ffffff !important;
background-color: transparent !important;
}
header nav#main-menu .menu li.current-menu-item > a, header nav#main-menu .menu li.current-menu-parent > a {
color: #87badd !important;
}
header nav#main-menu .menu li .sub-menu li.current-menu-item a {
background-color: transparent;
}
body.nav-active header nav#main-menu {
opacity: 1;
visibility: visible;
right: 0;
}
header nav#main-menu .menu li a, #footer-menu .menu li a {
font-size: initial;
}
header nav#main-menu .menu li.phone a {
font-weight: bold;
letter-spacing: 0.06rem;
font-size: 2.0rem;
}  .hamburger {
padding: 15px;
position: relative;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
margin-right: 4rem;
margin-top: 4px;
overflow: visible; }
.hamburger:hover {
opacity: 0.7; }
.hamburger.is-active:hover {
opacity: 0.7; }
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #87badd; }
.hamburger-box {
width: 40px;
height: 24px;
display: inline-block;
position: relative; }
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 40px;
height: 4px;
background-color: #003966;
border-radius: 0;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block; }
.hamburger-inner::before {
top: -10px; }
.hamburger-inner::after {
bottom: -10px; }
.hamburger--spin .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
.hamburger--spin .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin.is-active .hamburger-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
} @media screen and (max-width: 1112px) {
} @media screen and (max-width: 1024px) {
}
@media screen and (max-width: 980px) {
header {
padding: 2rem 0 2rem 0;
align-items: center;
}
header #logo {
flex-basis: 20rem;
margin-left: 4rem;
}
header #logo img {
width: 100%;
max-width: 100%;
}
.hamburger {
margin-right: 2rem;
}
#banner {
flex-direction: column;
}
#banner-text {
order: 2;
display: block;
text-align: center;
flex-basis: initial;
padding: 4rem;
}
#banner-text p, body.home h1, h2 {
font-size: 3.0rem;
}
h3 {
font-size: 2.2rem;
}
h4 {
font-size: 1.9rem;
}
.accordion {
font-size: 2.4rem;
}
main {
padding: 4rem;
}
footer {
padding: 6rem 4rem 4rem 4rem;
}
}
@media screen and (max-width: 600px) {
header #logo {
flex-basis: 15rem;
}
#banner-text {
padding: 2.5rem 4rem;
}
td:first-child {
padding-right: 2rem;
min-width: 10rem;
}
}
@media screen and (max-width: 420px) {
#footer-menu .menu {
justify-content: flex-start;
}
#footer-menu .menu li {
margin-left: 0;
margin-right: 2rem;
}
} @media screen and (max-width: 375px) {
}