:root :where(a:where(:not(.wp-element-button))) {
text-decoration: none;
}
:where(.wp-block-group.wp-block-group-is-layout-constrained) {
position: static;
}
.wp-block-image {
margin: 0 0 1em;
}
a.facebook, a.insta {
display: none;
}
.wp-block-columns.pdf-content {
display: none;
}
p.has-text-align-center.rosa {
font-size: 20px;
color: var(--akzenthell);
font-weight: 600;
}
:root {
--akzenthell: #f39daa;
--akzentdunkel: #e35d85;
--bgneutraldunkel: #3c3c3b;
--textfarbe: #706f6f;
--texthervorhebung: #f39daa;
--hauptschrift: "Urbanist-local";
} @font-face {
font-family: "Urbanist-local";
font-weight: 300;
font-style: normal;
src: url(//zahngesundheit-oberhausen.de/wp-content/themes/bandf-theme../../../bandf-files/font/static/Urbanist-Light.ttf);
}
@font-face {
font-family: "Urbanist-local";
font-weight: 400;
font-style: normal;
src: url(//zahngesundheit-oberhausen.de/wp-content/themes/bandf-theme../../../bandf-files/font/static/Urbanist-Regular.ttf);
}
@font-face {
font-family: "Urbanist-local";
font-weight: 500;
font-style: normal;
src: url(//zahngesundheit-oberhausen.de/wp-content/themes/bandf-theme../../../bandf-files/font/static/Urbanist-Medium.ttf);
}
@font-face {
font-family: "Urbanist-local";
font-weight: 600;
font-style: normal;
src: url(//zahngesundheit-oberhausen.de/wp-content/themes/bandf-theme../../../bandf-files/font/static/Urbanist-SemiBold.ttf);
}
@font-face {
font-family: "Urbanist-local";
font-weight: 700;
font-style: normal;
src: url(//zahngesundheit-oberhausen.de/wp-content/themes/bandf-theme../../../bandf-files/font/static/Urbanist-Bold.ttf);
} body, p {
font-family: var(--hauptschrift);
color: var(--textfarbe);
}
a {
color: var(--textfarbe);
text-decoration: none;
}
a:hover {
opacity: 0.5;
} .like-h1 {
font-size: 54px;
font-weight: 900;
color: #fff;
text-transform: uppercase;
}
.like-h2 {
font-size: 22px;
font-weight: 600;
color: var(--textfarbe);
text-transform: none;
}
.like-h3 {
font-size: 22px;
font-weight: 600;
color: var(--akzenthell);
text-transform: none;
}
.like-h4 {
font-size: 17px;
font-weight: 600;
color: var(--akzenthell);
text-transform: none;
}
.like-h5 {
font-size: 22px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
}
.p-big {
font-size: 40px;
}
.wp-element-button, .wp-block-button__link {
background-color: var(--akzentdunkel);
border-radius: 0;
padding: 5px 20px;
} .einstieg {
background-image: url(//zahngesundheit-oberhausen.de/wp-content/uploads/2023/04/bg_einstieg.png);
background-color: rgba(112, 111, 111, 0.1);
background-repeat: no-repeat;
background-position: bottom right;
background-size: auto 60%;
}
.terminbanner {
background-image: url(//zahngesundheit-oberhausen.de/wp-content/uploads/2023/04/bg_termin-scaled.jpg);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: right;
}
.downloads {
background-image: url(//zahngesundheit-oberhausen.de/wp-content/uploads/2023/04/bg_downloads-scaled.jpg);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: right;
}
.kontaktformular {
background-image: url(//zahngesundheit-oberhausen.de/wp-content/uploads/2023/04/bg_formular.png);
background-color: var(--akzenthell);
background-repeat: no-repeat;
background-position: 5vw bottom;
background-size: auto 50%;
}
.fixed-size {
width: 1200px;
margin: 70px auto !important;
}
.terminbanner .fixed-size, .downloads .fixed-size, .kontaktformular .fixed-size {
margin: 25px auto !important;
}
.footer .fixed-size {
margin: 40px auto 20px !important;
}
.footer {
background-color: var(--bgneutraldunkel);
color: #fff;
margin: 0;
}
.footer p {
color: #fff;;
}
.footer ul {
list-style: none;
padding: 0;
text-align: center;
font-weight: 600;
}
.footer li {
display: inline;
padding: 0 15px;
}
.footer strong {
color: var(--akzenthell);
text-transform: uppercase;
}
.socials svg {
height: 25px;
width: 25px;
fill: #E25D85;
margin: -5px 5px -5px 15px;
}
.intro {
position: relative;
}
.bg-gray90 {
position: absolute;
width: 100%;
background-color: rgba(112, 111, 111, 0.9) !important;
bottom: 0;
}
.bg-gray90 .fixed-size {
margin: 20px auto 0 !important;
}
.bg-gray90 img {
max-height: 54px;
width: auto;
}
.einleitung {
max-width: 850px;
}
.einstieg .fixed-size.wp-block-columns {
max-width: 1090px;
}
.einstieg .wp-block-column {
background-color: var(--akzenthell);
}
.einstieg .wp-block-column:nth-child(2) {
background-color: var(--akzentdunkel);
}
.einstieg p {
margin: 0;
padding: 15px 45px;
}
.kontaktformular .gform_wrapper {
max-width: 608px;
margin: 0 auto;
}
.gform_body input, .gform_body textarea {
font-family: var(--hauptschrift) !important;
}
.gform_body p, .gform_body label a, .gform_body label, .terminbanner p, .downloads a {
color: #fff;
}
.gform_wrapper .gfield_required {
display: none;
}
.gform_wrapper input, .gform_wrapper textarea {
border: none;
}
.gform_button {
padding: 5px 15px;
color: #fff;
background-color: var(--akzentdunkel);
font-weight: 700;
font-size: 16px;
}
.gform_wrapper p {
margin: 0;
}
.vorstellung .wp-block-columns {
gap: 150px;
}
.small .wp-block-getwid-accordion__header-title {
font-size: 17px;
}
.ui-accordion .wp-block-getwid-accordion__header {
border: 0;
border-bottom: 1px solid rgba(112, 111, 111, 0.7);
box-sizing: border-box;
padding: 10px 20px;
}
.ui-accordion .ui-accordion-header:first-child .wp-block-getwid-accordion__header {
border-top: 1px solid rgba(112, 111, 111, 0.7);
}
.wp-block-getwid-accordion__header-title, .like-acc {
font-weight: 600;
font-size: 20px;
color: var(--textfarbe);
}
.fa-plus::before {
color: var(--akzenthell);
font-size: 15px;
}
.wp-block-getwid-accordion__content, .ui-accordion div.ui-accordion-header, .wp-block-getwid-accordion .wp-block-getwid-accordion__header-wrapper:first-child {
border: none;
}
.wp-block-getwid-accordion__content {
padding: 20px 0 0 0;
}
.leistungen .wp-block-getwid-accordion__content {
padding: 0 0 0 60px;
}
.like-acc + p {
margin-top: 0;
color: var(--akzenthell);
font-weight: 400;
}
.leistungen .ui-accordion {
position: relative;
}
.leistungen .ui-accordion-header {
width: 35%;
}
.leistungen .ui-accordion-content {
width: 65%;
position: absolute;
top: 0;
right: 0;
}
.entry-content.wp-block-post-content.is-layout-flow {
margin-top: 0;
}
.wp-block-columns.are-vertically-aligned-center.header.is-layout-flex.wp-container-6 {
padding: 20px 0;
}
.wp-block-navigation .wp-block-navigation-item {
padding: 15px;
}
.wp-block-site-logo a, .wp-block-site-logo img {
width: 230px;
}
a.wp-block-navigation-item__content span {
font-size: 17px;
}
.bg-gray90 {
background-color: #00000087 !important;
}
.like-h1 {
line-height: 5px;
}
.wp-block-columns.menue-footer a {
color: white;
}
.imp-dat a {
padding-right: 20px;
}
.wp-block-group.fixed-size.download.is-layout-constrained {
margin: 0 auto !important;
padding: 20px 0px;
}
.wp-block-group.fixed-size.download.is-layout-constrained a{
color: white;
}
.sticky .wp-block-columns.are-vertically-aligned-center.header {
position: fixed;
background: white !important;
z-index: 99;
width: 100%;
transition: all 0.7s;
padding: 5px 0 !important;
box-shadow: 4px 4px 4px #8080801f;
}
.wp-block-columns.are-vertically-aligned-center.header {
background: white !important;
transition: all 0.7s;
}
.sticky .wp-block-site-logo img {
width: 170px;
transition: all 0.7s;
}
.wp-block-site-logo img {
transition: all 0.7s;
}
.wp-block-group.fixed-size.vorstellung.is-layout-constrained {
padding-bottom: 3em;
}
.footer-oz-adresse a {
color: white;
}
.menue-footer ul {
margin-left: 0;
text-align: left;
}
.footer li {
display: inline;
padding: 0;
padding-right: 35px;
}
.fixed-size.footer-bandf {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.wp-block-cover {
margin-top: 0;
}
.footer-bandf img {
margin-top: -35px;
}
.footer .fixed-size {
margin: 40px auto 20px !important;
padding-top: 25px;
padding-bottom: 25px;
}
.menue-footer {
margin-top: 35px !important;
}
div#kontaktformular .fixed-size {
padding-top: 40px;
padding-bottom: 25px;
}
input#gform_submit_button_1 {
padding: 10px 45px;
}
.fixed-size.download a {
font-size: 18px;
}
.wp-element-button, .wp-block-button__link {
padding: 10px 45px;
}
.wp-block-group.fixed-size.headline.is-layout-constrained {
color: white;
}
body.home.page-template-default.page.wp-custom-logo.wp-embed-responsive.sticky {
padding-top: 6em !important;
transition: all 0.7s;
}
.socials strong {
font-weight: 300;
}
.wp-block-table td, .wp-block-table th {
border: 0px solid;
padding: 2px;
}
table.has-fixed-layout {
width: 270px !important;
}
.terminbanner {
background-image: url(//zahngesundheit-oberhausen.de/wp-content/uploads/2023/05/5_zwischenbanner_terminvereinbarung.jpg);
}
.wp-block-site-logo img {
width: 160px;
}
.wp-block-group.terminbanner.is-layout-constrained strong {
color: white;
}
.header {
padding: 20px 0;
}.sticky .wp-block-columns.are-vertically-aligned-center.header {
top: 0;
}
@media  (max-width: 1260px) {
.fixed-size {
width: 940px;
padding: 0 20px;
}	
.wp-block-site-logo img {
width: 160px;
}
.wp-block-navigation .wp-block-navigation-item {
padding: 0px;
}
.socials svg {
height: 25px;
width: 20px;
fill: #E25D85;
margin: 0px 0px -5px 5px;
}
.sticky .wp-block-site-logo img {
width: 130px;
transition: all 0.7s;
}
a.wp-block-navigation-item__content span {
font-size: 16px;
}
.wp-block-getwid-media-text-slider-slide-content {
max-width: 100%;
width: 100%;
}
.like-h1 {
font-size: 42px;
}
.p-big {
font-size: 32px;
}
.like-h5 {
font-size: 18px;
}
.like-h5 {
font-size: 16px;
}
.wp-block-getwid-accordion__header-title {
font-weight: 600;
font-size: 14px;
}
.wp-block-cover.is-light.header {
min-height: 660px !important;
}
.socials {
font-size: 15px;
}
}
@media  (max-width: 960px) {
.wp-block-columns.are-vertically-aligned-center.header.is-layout-flex {
display: block;
}
div#modal-2-content {
margin-top: 25px;
}
a.wp-block-navigation-item__content span {
font-size: 18px;
}
.wp-block-site-logo img {
width: 200px;
}
.fixed-size {
width: 600px;
padding: 0 20px;
}
.socials {
position: absolute;
top: 20px;
right: 20px;
}
.wp-block-group.fixed-size.headline.is-layout-constrained {
width: auto;
}
.einstieg p {
margin: 0;
padding: 10px 10px;
font-size: 14px;
}
.wp-block-cover.is-light.header {
min-height: 530px !important;
}
.sticky a.wp-block-navigation-item__content span {
font-size: 16px;
}
#modal-2-content {
margin-top: 15px;
padding-bottom: 10px;
}
.sticky .socials svg {
height: 25px;
width: 15px;
transition: all 0.7s;
}
.socials svg {
transition: all 0.7s;
}
.like-h1 {
font-size: 35px;
}
.p-big {
font-size: 26px;
}
.wp-block-group.bg-gray90.has-background.is-layout-constrained .is-layout-flex {
display: flex;
}
.bg-gray9 .wp-block-columns {
flex-wrap: nowrap!important;
}
.wp-block-group.bg-gray90.has-background.is-layout-constrained .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: 30%!important;
}
.sticky .wp-block-site-logo img {
width: 145px;
margin-top: 10px;
}
.sticky	div#modal-2-content {
margin-top: 15px;
}
.leistungen .ui-accordion-content {
width: 100%;
position: relative;
top: 0;
right: 0;
}
.leistungen .ui-accordion-header {
width: 100%;
}
.wp-block-getwid-accordion__header-title {
font-size: 17px;
}
.leistungen .wp-block-getwid-accordion__content {
padding: 30px 20px 46px 20px;
}
.wp-block-getwid-accordion__content p {
font-size: 16px !important;
}
.vorstellung .wp-block-columns {
gap: 20px;
}
.like-acc {
font-size: 16px;
}
.wp-block-columns.menue-footer.is-layout-flex {
display: block;
}
.menue-footer ul {
margin-bottom: 20px;
}
body.home.page-template-default.page.page-id-10.wp-custom-logo.wp-embed-responsive.sticky {
padding-top: 13em;
}
}
@media  (max-width: 768px) {
.fixed-size {
width: 560px;
padding: 0 20px;
}
.like-h1 {
font-size: 28px;
}
.p-big {
font-size: 21px;
}
.socials svg {
width: 16px;
}
.wp-block-cover.is-light.header {
min-height: 430px !important;
}
.wp-block-group.fixed-size.headline.is-layout-constrained {
margin-top: 0em !important;
}
.wp-block-group.bg-gray90.has-background.is-layout-constrained {
padding: 0;
}
.like-h2 {
font-size: 20px;
}
.einstieg .fixed-size.wp-block-columns {
width: 370px;
}
.vorstellung .wp-block-columns {
gap: 50px;
}
.like-acc {
font-size: 18px;
}
.wp-block-columns.sp-responsive.is-layout-flex:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: 45%!important;
}
.sticky .wp-block-columns.are-vertically-aligned-center.header {
top: 0;
}
body.admin-bar.home.logged-in.no-customize-support.page.page-id-10.page-template-default.wp-custom-logo.wp-embed-responsive.sticky {
padding-top: 9em;
}
a.facebook svg {
width: 14px !important;
height: auto;
}
.sticky a.facebook svg {
width: 11px !important;
height: auto;
}
}
@media  (max-width: 600px) {
.socials strong {
display: none;
}
nav.is-responsive.items-justified-center.wp-block-navigation.is-content-justification-center.is-layout-flex {
position: fixed;
top: 20px;
left: 20px;
}
.wp-block-navigation__responsive-container-close {
position: absolute;
right: auto;
top: -25px;
z-index: 5;
left: -10px;
}
.has-modal-open .wp-block-cover.is-light.header {
display: none;
}
.has-modal-open	.wp-block-group.bg-gray90.has-background.is-layout-constrained {
display: none;
}
body.home.page-template-default.page.page-id-10.wp-custom-logo.wp-embed-responsive.sticky {
padding-top: 6em !important;
}
.fixed-size {
width: auto;
padding: 0 20px;
}
.like-h1 {
font-size: 22px;
}
.wp-block-group.bg-gray90.has-background.is-layout-constrained .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: 25%!important;
}
.wp-block-cover.is-light.header {
min-height: 330px !important;
}
.bg-gray90 img {
max-height: 30px;
width: auto;
}
.like-h5 {
font-size: 14px;
}
.like-h2 {
font-size: 17px;
}
p {
font-size: 15px;
}
.like-h3 {
font-size: 17px;
}
.wp-block-getwid-accordion__header-title {
font-size: 15px;
}
.like-acc {
font-size: 17px;
}
.fixed-size.download a {
font-size: 16px;
}
input#gform_submit_button_1 {
padding: 7px 30px;
font-size: 14px;
}
.footer li {
display: inline;
padding: 0;
padding-right: 10px;
}
.footer-bandf img {
margin-top: -55px;
margin-left: -10px;
}
.small .wp-block-getwid-accordion__header-title {
font-size: 15px;
}
.wp-block-getwid-accordion__content p {
font-size: 15px !important;
}
a.facebook svg {
width: 13px !important;
height: auto;
}
.socials svg {
margin: 0px 0px -5px 12px;
}
.sticky .socials svg {
margin: 0px 0px -5px 12px;
}
}
@media  (max-width: 480px) {
.einstieg .fixed-size.wp-block-columns {
width: auto;
}
.like-h1 {
font-size: 18px;
}
.p-big {
font-size: 17px;
}
.bg-gray90 .fixed-size {
width: auto;
padding: 0 5px;
}
.like-h5 {
font-size: 11px;
}
.wp-block-site-logo img {
width: 150px;
margin-top: 30px;
}
.socials svg {
margin: 0px 0px -5px 8px;
}
.sticky .wp-block-site-logo img {
width: 120px;
margin-top: 10px;
}
.sticky .socials svg {
margin: 0px 0px -5px 4px;
}
body.home.page-template-default.page.page-id-10.wp-custom-logo.wp-embed-responsive.sticky {
padding-top: 5em !important;
}
.wp-block-cover.is-light.header {
min-height: 270px !important;
}
.fixed-size {
margin: 30px auto !important;
}
.like-h2 {
font-size: 15px;
}
p {
font-size: 13px;
}
rect {
width: 40px;
}
.wp-block-navigation__responsive-container-open svg {
fill: currentColor;
display: block;
height: 24px;
pointer-events: none;
width: 50px;
}
nav.is-responsive.items-justified-center.wp-block-navigation.is-content-justification-center.is-layout-flex {
position: fixed;
top: 20px;
left: 0px;
}
.bg-gray90 {
position: relative;
width: 100%;
bottom: 0;
margin-top: 0px !important;
background-color: #000000c9 !important;
}
.wp-block-cover.is-light.header {
min-height: 180px !important;
}
.wp-block-group.fixed-size.headline.is-layout-constrained {
padding: 0;
margin-top: 4em !important;
margin-bottom: 0 !important;
}
.wp-block-getwid-accordion__header-title {
font-size: 12px;
}
.footer li {
display: block;
padding: 0;
padding-right: 10px;
font-size: 14px;
line-height: 160%;
}
.footer-bandf img {
margin-top: -55px;
margin-left: -7px;
width: 180px;
}
.footer-bandf .is-layout-flex {
gap: 10px;
}
.footer-bandf .fixed-size {
width: auto;
padding: 0 10px;
}
.wp-block-site-logo img {
width: 120px;
}
.sticky .wp-block-site-logo img {
width: 85px;
}
}